diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml deleted file mode 100644 index 0efdbe2..0000000 --- a/.github/FUNDING.yml +++ /dev/null @@ -1 +0,0 @@ -github: [hunvreus] diff --git a/.gitignore b/.gitignore index d48eb7d..88eeccc 100644 --- a/.gitignore +++ b/.gitignore @@ -2,6 +2,7 @@ !.gitignore !.gitattributes !.eleventy.js +!.github _site/ node_modules/ diff --git a/docs/css/styles.css b/docs/css/styles.css index c1ddbaf..029084f 100644 --- a/docs/css/styles.css +++ b/docs/css/styles.css @@ -5,140 +5,4 @@ @import "./themes/claude.css"; @import "./themes/doom-64.css"; -@import "./themes/supabase.css"; - - -/* @theme inline { - --breakpoint-3xl: 1600px; - --breakpoint-4xl: 2000px; - --font-sans: var(--font-sans); - --font-mono: var(--font-mono); - --radius-sm: calc(var(--radius) - 4px); - --radius-md: calc(var(--radius) - 2px); - --radius-lg: var(--radius); - --radius-xl: calc(var(--radius) + 4px); - --color-background: var(--background); - --color-foreground: var(--foreground); - --color-card: var(--card); - --color-card-foreground: var(--card-foreground); - --color-popover: var(--popover); - --color-popover-foreground: var(--popover-foreground); - --color-primary: var(--primary); - --color-primary-foreground: var(--primary-foreground); - --color-secondary: var(--secondary); - --color-secondary-foreground: var(--secondary-foreground); - --color-muted: var(--muted); - --color-muted-foreground: var(--muted-foreground); - --color-accent: var(--accent); - --color-accent-foreground: var(--accent-foreground); - --color-destructive: var(--destructive); - --color-border: var(--border); - --color-input: var(--input); - --color-ring: var(--ring); - --color-chart-1: var(--chart-1); - --color-chart-2: var(--chart-2); - --color-chart-3: var(--chart-3); - --color-chart-4: var(--chart-4); - --color-chart-5: var(--chart-5); - --color-sidebar: var(--sidebar); - --color-sidebar-foreground: var(--sidebar-foreground); - --color-sidebar-primary: var(--sidebar-primary); - --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); - --color-sidebar-accent: var(--sidebar-accent); - --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); - --color-sidebar-border: var(--sidebar-border); - --color-sidebar-ring: var(--sidebar-ring); - --color-surface: var(--surface); - --color-surface-foreground: var(--surface-foreground); - --color-code: var(--code); - --color-code-foreground: var(--code-foreground); - --color-code-highlight: var(--code-highlight); - --color-code-number: var(--code-number); - --color-selection: var(--selection); - --color-selection-foreground: var(--selection-foreground); - } - - :root { - --radius: 0.625rem; - --background: oklch(1 0 0); - --foreground: oklch(0.145 0 0); - --card: oklch(1 0 0); - --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.145 0 0); - --primary: oklch(0.205 0 0); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.97 0 0); - --secondary-foreground: oklch(0.205 0 0); - --muted: oklch(0.97 0 0); - --muted-foreground: oklch(0.556 0 0); - --accent: oklch(0.97 0 0); - --accent-foreground: oklch(0.205 0 0); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); - --chart-1: var(--color-blue-300); - --chart-2: var(--color-blue-500); - --chart-3: var(--color-blue-600); - --chart-4: var(--color-blue-700); - --chart-5: var(--color-blue-800); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.145 0 0); - --sidebar-primary: oklch(0.205 0 0); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.97 0 0); - --sidebar-accent-foreground: oklch(0.205 0 0); - --sidebar-border: oklch(0.922 0 0); - --sidebar-ring: oklch(0.708 0 0); - --surface: oklch(0.98 0 0); - --surface-foreground: var(--foreground); - --code: var(--surface); - --code-foreground: var(--surface-foreground); - --code-highlight: oklch(0.96 0 0); - --code-number: oklch(0.56 0 0); - --selection: oklch(0.145 0 0); - --selection-foreground: oklch(1 0 0); - } - - .dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.269 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.922 0 0); - --primary-foreground: oklch(0.205 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: oklch(0.371 0 0); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: var(--color-blue-300); - --chart-2: var(--color-blue-500); - --chart-3: var(--color-blue-600); - --chart-4: var(--color-blue-700); - --chart-5: var(--color-blue-800); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.439 0 0); - --surface: oklch(0.2 0 0); - --surface-foreground: oklch(0.708 0 0); - --code: var(--surface); - --code-foreground: var(--surface-foreground); - --code-highlight: oklch(0.27 0 0); - --code-number: oklch(0.72 0 0); - --selection: oklch(0.922 0 0); - --selection-foreground: oklch(0.205 0 0); - } */ \ No newline at end of file +@import "./themes/supabase.css"; \ No newline at end of file diff --git a/docs/src/_includes/partials/sidebar.njk b/docs/src/_includes/partials/sidebar.njk index 98bc8d4..0d4463f 100644 --- a/docs/src/_includes/partials/sidebar.njk +++ b/docs/src/_includes/partials/sidebar.njk @@ -98,6 +98,7 @@ { label: "Card", url: "/components/card", attrs: link_attrs }, { label: "Checkbox", url: "/components/checkbox", attrs: link_attrs }, { label: "Command", url: "/components/command", attrs: new_link_attrs }, + { label: "Filter Tests", url: "/components/filter-tests", attrs: link_attrs }, { label: "Combobox", url: "/components/combobox", attrs: link_attrs }, { label: "Dialog", url: "/components/dialog", attrs: link_attrs }, { label: "Dropdown Menu", url: "/components/dropdown-menu", attrs: link_attrs }, @@ -136,4 +137,4 @@ footer=footer, content_attrs={ "class": "scrollbar [&_[data-new-link]::after]:content-['New'] [&_[data-new-link]::after]:ml-auto [&_[data-new-link]::after]:text-xs [&_[data-new-link]::after]:font-medium [&_[data-new-link]::after]:bg-sidebar-primary [&_[data-new-link]::after]:text-sidebar-primary-foreground [&_[data-new-link]::after]:px-2 [&_[data-new-link]::after]:py-0.5 [&_[data-new-link]::after]:rounded-md" }, menu=menu -) }} \ No newline at end of file +) }} diff --git a/docs/src/assets/styles.css b/docs/src/assets/styles.css index e3dcaa4..f22e24a 100644 --- a/docs/src/assets/styles.css +++ b/docs/src/assets/styles.css @@ -39,6 +39,7 @@ --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; + --container-2xl: 42rem; --container-3xl: 48rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); @@ -534,6 +535,9 @@ .max-h-\[320px\] { max-height: 320px; } + .max-h-\[420px\] { + max-height: 420px; + } .max-h-\[612px\] { max-height: 612px; } @@ -609,6 +613,9 @@ .w-max { width: max-content; } + .max-w-2xl { + max-width: var(--container-2xl); + } .max-w-3xl { max-width: var(--container-3xl); } diff --git a/docs/src/components/button-group.njk b/docs/src/components/button-group.njk index 289babb..e54004b 100644 --- a/docs/src/components/button-group.njk +++ b/docs/src/components/button-group.njk @@ -76,7 +76,7 @@ toc: Trash {% endcall %} - + {% endset %} {{ code_preview("button-group-default", code_default | prettyHtml) }} diff --git a/src/jinja/command.html.jinja b/src/jinja/command.html.jinja index 009965b..ea61d0d 100644 --- a/src/jinja/command.html.jinja +++ b/src/jinja/command.html.jinja @@ -183,7 +183,7 @@ {% endif %} > {% if item.icon %}{{ item.icon | safe }}{% endif %} - {{ item.content | safe if item.content else (item.label | safe) }} + {{ item.label | safe }} {% else %}