@rimelight/ui 0.0.31 → 0.0.33

package/src/preset.ts

@@ -1,393 +0,0 @@
-import {
-  definePreset,
-  presetTypography,
-  presetWind4,
-  transformerDirectives,
-  transformerVariantGroup
-} from "unocss"
-
-export default definePreset(() => {
-  return {
-    name: "rimelight-ui",
-    presets: [
-      presetWind4(),
-      presetTypography({
-        cssExtend: {
-          "h1,h2,h3,h4,h5,h6": {
-            "font-family": "var(--font-sans), system-ui, sans-serif"
-          },
-          "p,li,blockquote,code": {
-            "font-family": "var(--font-sans), system-ui, sans-serif"
-          },
-          "pre,code": {
-            "font-family": "var(--font-mono), monospace"
-          }
-        }
-      })
-    ],
-    transformers: [transformerDirectives(), transformerVariantGroup()],
-
-    // Enable CSS Cascade Layers for better specificity control
-    outputToCssLayers: true,
-    layers: {
-      theme: 1,
-      preflights: 2,
-      shortcuts: 3,
-      default: 4
-    },
-
-    // Tighten content scanning for better performance
-    content: {
-      pipeline: {
-        include: [
-          /\.(vue|svelte|[jt]sx|mdx?|astro|elm|php|phtml|html)($|\?)/,
-          "src/**/*.{js,ts,jsx,tsx,vue,svelte,astro}",
-          "../ui/src/**/*.{js,ts,jsx,tsx,vue,svelte,astro}"
-        ]
-      },
-      filesystem: ["../ui/src/**/*", "src/components/**/*", "src/pages/**/*"]
-    },
-
-    shortcuts: {
-      // Layout & Components
-      "container": "mx-auto w-full max-w-90rem px-md",
-      "sr-only":
-        "absolute w-px h-px p-0 m-0 overflow-hidden clip-rect-1-1-1-1 whitespace-nowrap border-0"
-    },
-    rules: [
-      [
-        /^clip-rect-(\d+)-(\d+)-(\d+)-(\d+)$/,
-        ([, t, r, b, l]) => ({ clip: `rect(${t}px, ${r}px, ${b}px, ${l}px)` })
-      ],
-      [
-        /^([hw])-(6xs|5xs|4xs|3xs|2xs|xs|sm|md|lg|xl|2xl|3xl|4xl|5xl|6xl)$/,
-        ([, prop, s]) => {
-          if (!s) return false
-          const spacing: Record<string, string> = {
-            "6xs": "0.125rem",
-            "5xs": "0.25rem",
-            "4xs": "0.375rem",
-            "3xs": "0.5rem",
-            "2xs": "0.625rem",
-            "xs": "0.75rem",
-            "sm": "0.875rem",
-            "md": "1rem",
-            "lg": "1.25rem",
-            "xl": "1.5rem",
-            "2xl": "2rem",
-            "3xl": "3rem",
-            "4xl": "4rem",
-            "5xl": "6rem",
-            "6xl": "8rem"
-          }
-          const val = spacing[s]
-          if (!val) return false
-          return prop === "h" ? { height: val } : { width: val }
-        }
-      ]
-    ],
-
-    theme: {
-      colors: {
-        "background": "var(--background)",
-        "foreground": "var(--foreground)",
-        "card": {
-          DEFAULT: "var(--card)",
-          foreground: "var(--card-foreground)"
-        },
-        "popover": {
-          DEFAULT: "var(--popover)",
-          foreground: "var(--popover-foreground)"
-        },
-        "primary": {
-          DEFAULT: "var(--primary)",
-          foreground: "var(--primary-foreground)",
-          accent: "var(--primary-accent)"
-        },
-        "secondary": {
-          DEFAULT: "var(--secondary)",
-          foreground: "var(--secondary-foreground)",
-          accent: "var(--secondary-accent)"
-        },
-        "muted": {
-          DEFAULT: "var(--muted)",
-          foreground: "var(--muted-foreground)"
-        },
-        "accent": {
-          DEFAULT: "var(--accent)",
-          foreground: "var(--accent-foreground)"
-        },
-        "info": {
-          DEFAULT: "var(--info)",
-          foreground: "var(--info-foreground)"
-        },
-        "success": {
-          DEFAULT: "var(--success)",
-          foreground: "var(--success-foreground)"
-        },
-        "warning": {
-          DEFAULT: "var(--warning)",
-          foreground: "var(--warning-foreground)"
-        },
-        "error": {
-          DEFAULT: "var(--error)",
-          foreground: "var(--error-foreground)"
-        },
-        "commentary": {
-          DEFAULT: "var(--commentary)",
-          foreground: "var(--commentary-foreground)"
-        },
-        "ideation": {
-          DEFAULT: "var(--ideation)",
-          foreground: "var(--ideation-foreground)"
-        },
-        "source": {
-          DEFAULT: "var(--source)",
-          foreground: "var(--source-foreground)"
-        },
-        "border": "var(--border)",
-        "input": "var(--input)",
-        "outline": "var(--outline)",
-        "ring": "var(--ring)",
-        "destructive": {
-          DEFAULT: "var(--destructive)",
-          subtle: "var(--color-destructive-subtle)"
-        },
-        "sidebar": {
-          DEFAULT: "var(--sidebar)",
-          foreground: "var(--sidebar-foreground)",
-          primary: {
-            DEFAULT: "var(--sidebar-primary)",
-            foreground: "var(--sidebar-primary-foreground)"
-          },
-          accent: {
-            DEFAULT: "var(--sidebar-accent)",
-            foreground: "var(--sidebar-accent-foreground)"
-          },
-          border: "var(--sidebar-border)",
-          ring: "var(--sidebar-ring)"
-        },
-        "chart": {
-          "1": "var(--chart-1)",
-          "2": "var(--chart-2)",
-          "3": "var(--chart-3)",
-          "4": "var(--chart-4)",
-          "5": "var(--chart-5)"
-        },
-        "hover": "var(--color-hover)",
-        "surface": "var(--color-surface)",
-        "muted-strong": "var(--color-muted-strong)",
-        "foreground-secondary": "var(--color-foreground-secondary)",
-        "foreground-tertiary": "var(--color-foreground-tertiary)",
-        "placeholder": "var(--color-placeholder)",
-        "input-border": "var(--color-input-border)",
-        "accent-subtle": "var(--color-accent-subtle)"
-      },
-      radius: {
-        "xs": "calc(var(--radius) - 0.375rem)",
-        "sm": "calc(var(--radius) - 0.25rem)",
-        "md": "calc(var(--radius) - 0.125rem)",
-        "lg": "var(--radius)",
-        "xl": "calc(var(--radius) + 0.25rem)",
-        "2xl": "calc(var(--radius) + 0.5rem)",
-        "3xl": "calc(var(--radius) + 1rem)"
-      },
-      animation: {
-        keyframes: {
-          "accordion-down":
-            "{ from { height: 0; } to { height: var(--starwind-accordion-content-height); } }",
-          "accordion-up":
-            "{ from { height: var(--starwind-accordion-content-height); } to { height: 0; } }",
-          "marquee": "{ from { transform: translateX(0); } to { transform: translateX(-100%); } }"
-        },
-        durations: {
-          "accordion-down": "0.2s",
-          "accordion-up": "0.2s",
-          "marquee": "30s"
-        },
-        timingFns: {
-          "accordion-down": "ease-out",
-          "accordion-up": "ease-out",
-          "marquee": "linear"
-        },
-        counts: { marquee: "infinite" }
-      }
-    },
-
-    preflights: [
-      {
-        getCSS: () => `
-          :root {
-            --background: #ffffff;
-            --foreground: #030712;
-            --card: #ffffff;
-            --card-foreground: #030712;
-            --popover: #ffffff;
-            --popover-foreground: #030712;
-            --primary: #f97316;
-            --primary-foreground: #f9fafb;
-            --primary-accent: #ea580c;
-            --secondary: #8b5cf6;
-            --secondary-foreground: #f9fafb;
-            --secondary-accent: #7c3aed;
-            --muted: #f3f4f6;
-            --muted-foreground: #4b5563;
-            --accent: #f3f4f6;
-            --accent-foreground: #111827;
-            --info: #3b82f6;
-            --info-foreground: #ffffff;
-            --success: #22c55e;
-            --success-foreground: #ffffff;
-            --warning: #f59e0b;
-            --warning-foreground: #000000;
-            --error: #ef4444;
-            --error-foreground: #f9fafb;
-            --commentary: #ec4899;
-            --commentary-foreground: #f9fafb;
-            --ideation: #8b5cf6;
-            --ideation-foreground: #f9fafb;
-            --source: #38bdf8;
-            --source-foreground: #0f172a;
-            --border: #e5e7eb;
-            --input: #e5e7eb;
-            --outline: #9ca3af;
-            --ring: #9ca3af;
-            --radius: 0.625rem;
-            --sidebar: #f9fafb;
-            --sidebar-foreground: #030712;
-            --sidebar-primary: #1d4ed8;
-            --sidebar-primary-foreground: #f9fafb;
-            --sidebar-accent: #f3f4f6;
-            --sidebar-accent-foreground: #111827;
-            --sidebar-border: #e5e7eb;
-            --sidebar-ring: #9ca3af;
-            --chart-1: #3b82f6;
-            --chart-2: #6366f1;
-            --chart-3: #8b5cf6;
-            --chart-4: #a855f7;
-            --chart-5: #ec4899;
-            --destructive: #ef4444;
-            --color-surface: #ffffff;
-            --color-muted-strong: #e5e7eb;
-            --color-foreground-secondary: #4b5563;
-            --color-foreground-tertiary: #6b7280;
-            --color-placeholder: #9ca3af;
-            --color-input-border: #d1d5db;
-            --color-hover: #f3f4f6;
-            --color-destructive-subtle: #fef2f2;
-            --color-accent-subtle: #eff6ff;
-            --font-sans: "Noto Sans", sans-serif;
-            --font-serif: "Noto Serif", serif;
-            --font-mono: "Noto Sans Mono", monospace;
-          }
-
-          .dark {
-            --background: #030712;
-            --foreground: #f9fafb;
-            --card: #111827;
-            --card-foreground: #f9fafb;
-            --popover: #1f2937;
-            --popover-foreground: #f9fafb;
-            --primary: #f97316;
-            --primary-foreground: #f9fafb;
-            --primary-accent: #fb923c;
-            --secondary: #8b5cf6;
-            --secondary-foreground: #f9fafb;
-            --secondary-accent: #a78bfa;
-            --muted: #1f2937;
-            --muted-foreground: #9ca3af;
-            --accent: #374151;
-            --accent-foreground: #f3f4f6;
-            --info: #3b82f6;
-            --info-foreground: #ffffff;
-            --success: #22c55e;
-            --success-foreground: #ffffff;
-            --warning: #f59e0b;
-            --warning-foreground: #000000;
-            --error: #ef4444;
-            --error-foreground: #f9fafb;
-            --commentary: #f472b6;
-            --commentary-foreground: #0f172a;
-            --ideation: #a78bfa;
-            --ideation-foreground: #0f172a;
-            --source: #7dd3fc;
-            --source-foreground: #0f172a;
-            --border: rgba(249, 250, 251, 0.1);
-            --input: rgba(249, 250, 251, 0.15);
-            --outline: #6b7280;
-            --ring: #6b7280;
-            --sidebar: #111827;
-            --sidebar-foreground: #f9fafb;
-            --sidebar-primary: #1d4ed8;
-            --sidebar-primary-foreground: #f9fafb;
-            --sidebar-accent: #1f2937;
-            --sidebar-accent-foreground: #f3f4f6;
-            --sidebar-border: #1f2937;
-            --sidebar-ring: #6b7280;
-            --chart-1: #60a5fa;
-            --chart-2: #818cf8;
-            --chart-3: #a78bfa;
-            --chart-4: #c084fc;
-            --chart-5: #f472b6;
-            --destructive: #f87171;
-            --color-surface: #1f2937;
-            --color-muted-strong: #374151;
-            --color-foreground-secondary: #d1d5db;
-            --color-foreground-tertiary: #9ca3af;
-            --color-placeholder: #6b7280;
-            --color-input-border: #4b5563;
-            --color-hover: #374151;
-            --color-destructive-subtle: #451a1a;
-            --color-accent-subtle: #1e293b;
-          }
-
-          * {
-            border-color: var(--border);
-            outline-color: rgba(156, 163, 175, 0.5);
-          }
-
-          body {
-            background-color: var(--background);
-            color: var(--foreground);
-            font-family: var(--font-sans);
-          }
-
-          button {
-            cursor: pointer;
-          }
-
-          ::selection {
-            background-color: var(--primary);
-            color: var(--primary-foreground);
-          }
-
-          @view-transition {
-            navigation: auto;
-          }
-        `
-      }
-    ],
-
-    async configResolved(config) {
-      // Only log in dev mode and only once per process
-      if (process.env.NODE_ENV === "development" && !process.env.UNO_CONFIG_LOGGED) {
-        process.env.UNO_CONFIG_LOGGED = "true"
-
-        console.log(
-          `[UnoCSS] Config resolved. Presets: ${config.presets.map((p) => p.name).join(", ")}`
-        )
-        console.log(`[UnoCSS] Total rules: ${config.rules.length}`)
-        console.log(`[UnoCSS] Total shortcuts: ${Object.keys(config.shortcuts).length}`)
-
-        // Collision Detection: Identify potential conflicting regex rules
-        const ruleNames = config.rules.map((r) => (Array.isArray(r) ? r[0].toString() : "dynamic"))
-        const duplicates = ruleNames.filter((item, index) => ruleNames.indexOf(item) !== index)
-        const filteredDuplicates = duplicates.filter((d) => d !== "/^(.+?)-(\\$.+)$/")
-
-        if (filteredDuplicates.length > 0) {
-          console.warn(`[UnoCSS] Potential Rule Collisions: ${filteredDuplicates.join(", ")}`)
-        }
-      }
-    }
-  }
-})

package/src/themes/alertDialog.theme.ts

@@ -1,33 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const alertDialogTheme = defineTheme({
-  slots: ["root", "trigger", "backdrop", "content", "header", "title", "description", "footer", "cancelButton", "actionButton"],
-  base: {
-    root: "relative inline-block",
-    trigger: "",
-    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm transition-all duration-300",
-    content: [
-      "fixed left-1/2 top-1/2 z-50 w-full max-w-md -translate-x-1/2 -translate-y-1/2 rounded-xl border border-border",
-      "bg-background p-6 shadow-xl transition-all duration-300 outline-none",
-      "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2"
-    ],
-    header: "flex flex-col gap-1.5 text-center sm:text-left mb-4",
-    title: "text-lg font-semibold leading-none tracking-tight text-foreground",
-    description: "text-sm text-muted-foreground leading-relaxed",
-    footer: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 mt-6",
-    cancelButton: "w-full sm:w-auto",
-    actionButton: "w-full sm:w-auto"
-  },
-  variants: {
-    variant: {
-      default: { actionButton: "" },
-      destructive: { actionButton: "bg-error-500 hover:bg-error-600 focus-visible:ring-error-500/50" }
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-})
-
-export default alertDialogTheme

package/src/themes/aspectRatio.theme.ts

@@ -1,11 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const aspectRatioTheme = defineTheme({
-  slots: ["root", "content"],
-  base: {
-    root: "relative w-full overflow-hidden",
-    content: "absolute inset-0 h-full w-full object-cover"
-  }
-})
-
-export default aspectRatioTheme

package/src/themes/avatarGroup.theme.ts

@@ -1,10 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const avatarGroupTheme = defineTheme({
-  slots: ["root"],
-  base: {
-    root: "flex -space-x-3 hover:space-x-0 transition-all duration-300 [&_[data-slot=root]]:ring-2 [&_[data-slot=root]]:ring-background [&_[data-slot=root]]:transition-all"
-  }
-})
-
-export default avatarGroupTheme

package/src/themes/combobox.theme.ts

@@ -1,28 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createComboboxTheme = () =>
-  defineTheme({
-    slots: ["root", "label", "trigger", "input", "content", "item", "itemText", "itemIcon"],
-    base: {
-      root: "relative w-full flex flex-col gap-1.5",
-      label: "text-sm font-medium text-foreground",
-      trigger: "flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-all focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-      input: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-all placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-      content: "absolute z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md transition-all w-full mt-1 max-h-60 overflow-y-auto",
-      item: "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 px-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      itemText: "truncate",
-      itemIcon: "ml-auto size-4"
-    },
-    variants: {
-      size: {
-        sm: { trigger: "h-8 px-2 text-xs", input: "h-8 text-xs", item: "py-1 px-1.5 text-xs" },
-        md: { trigger: "h-9 px-3 text-sm", input: "h-9 text-sm", item: "py-1.5 px-2 text-sm" },
-        lg: { trigger: "h-10 px-4 text-base", input: "h-10 text-base", item: "py-2 px-2.5 text-base" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createComboboxTheme()

package/src/themes/dialog.theme.ts

@@ -1,37 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const dialogTheme = defineTheme({
-  slots: ["root", "trigger", "backdrop", "content", "header", "title", "description", "footer", "closeButton"],
-  base: {
-    root: "relative inline-block",
-    trigger: "",
-    backdrop: "fixed inset-0 z-50 bg-black/60 backdrop-blur-sm transition-all duration-300",
-    content: [
-      "fixed left-1/2 top-1/2 z-50 w-full max-w-lg -translate-x-1/2 -translate-y-1/2 rounded-xl border border-border",
-      "bg-background p-6 shadow-xl transition-all duration-300 outline-none",
-      "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-1/2",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-1/2"
-    ],
-    header: "flex flex-col gap-1.5 text-center sm:text-left mb-4",
-    title: "text-lg font-semibold leading-none tracking-tight text-foreground",
-    description: "text-sm text-muted-foreground leading-relaxed",
-    footer: "flex flex-col-reverse sm:flex-row sm:justify-end gap-2 mt-6",
-    closeButton: [
-      "absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100",
-      "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none"
-    ]
-  },
-  variants: {
-    size: {
-      sm: { content: "max-w-sm" },
-      md: { content: "max-w-lg" },
-      lg: { content: "max-w-2xl" },
-      xl: { content: "max-w-4xl" }
-    }
-  },
-  defaultVariants: {
-    size: "md"
-  }
-})
-
-export default dialogTheme

package/src/themes/embedYoutube.theme.ts

@@ -1,14 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export default defineTheme({
-  slots: ["root", "trigger", "image", "icon"],
-  base: {
-    root: "relative aspect-video h-full w-full cursor-pointer overflow-hidden",
-    trigger: "group absolute inset-0 aspect-video h-full w-full overflow-hidden",
-    image: "h-full w-full object-cover",
-    icon: "absolute inset-0 m-auto h-24 w-24 text-white opacity-75 transition-opacity group-hover:opacity-100"
-  },
-  variants: {},
-  compoundVariants: [],
-  defaultVariants: {}
-})

package/src/themes/hoverCard.theme.ts

@@ -1,27 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const hoverCardTheme = defineTheme({
-  slots: ["root", "trigger", "content"],
-  base: {
-    root: "relative inline-block group/hover-card",
-    trigger: "",
-    content: [
-      "absolute z-50 w-80 rounded-lg border border-border bg-card p-4 text-card-foreground shadow-md outline-none",
-      "transition-all duration-200 invisible opacity-0 scale-95 origin-center pointer-events-none",
-      "group-hover/hover-card:visible group-hover/hover-card:opacity-100 group-hover/hover-card:scale-100 group-hover/hover-card:pointer-events-auto"
-    ]
-  },
-  variants: {
-    placement: {
-      top: { content: "bottom-full left-1/2 -translate-x-1/2 mb-2" },
-      bottom: { content: "top-full left-1/2 -translate-x-1/2 mt-2" },
-      left: { content: "right-full top-1/2 -translate-y-1/2 mr-2" },
-      right: { content: "left-full top-1/2 -translate-y-1/2 ml-2" }
-    }
-  },
-  defaultVariants: {
-    placement: "bottom"
-  }
-})
-
-export default hoverCardTheme

package/src/themes/localeSelector.theme.ts

@@ -1,50 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-export default defineTheme({
-    slots: [
-        "root",
-        "label",
-        "wrapper",
-        "select",
-        "option",
-        "iconWrapper"
-    ],
-    base: {
-        root: "inline-flex flex-col gap-1.5",
-        label: "text-xs font-semibold text-muted select-none",
-        wrapper: "relative inline-block w-full",
-        select: "w-full appearance-none font-medium rounded-lg transition-all focus:outline-none focus:ring-2 focus:ring-emerald-500/40 cursor-pointer pr-10",
-        option: "bg-neutral-900 text-white selection:bg-neutral-800",
-        iconWrapper: "pointer-events-none absolute inset-y-0 right-0 flex items-center pr-3 text-current group-hover:text-default"
-    },
-    variants: {
-        variant: {
-            default: {
-                select: "bg-gray-100 text-gray-800 hover:bg-gray-200 border border-transparent"
-            },
-            outline: {
-                select: "bg-transparent border border-neutral-800 text-white hover:bg-neutral-900 hover:border-neutral-700"
-            },
-            ghost: {
-                select: "bg-transparent border border-transparent text-white hover:bg-neutral-900"
-            }
-        },
-        size: {
-            sm: {
-                label: "text-xxs",
-                select: "text-xs px-3 py-1.5 pr-8"
-            },
-            md: {
-                label: "text-xs",
-                select: "text-sm px-4 py-2 pr-9"
-            },
-            lg: {
-                label: "text-sm",
-                select: "text-base px-5 py-2.5 pr-10"
-            }
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "md"
-    }
-})

package/src/themes/nativeSelect.theme.ts

@@ -1,24 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createNativeSelectTheme = () =>
-  defineTheme({
-    slots: ["root", "label", "select", "icon"],
-    base: {
-      root: "relative w-full flex flex-col gap-1.5",
-      label: "text-sm font-medium text-foreground",
-      select: "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-sm shadow-sm transition-all focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 appearance-none pr-10",
-      icon: "pointer-events-none absolute right-3 top-[calc(50%+4px)] size-4 text-muted-foreground transform -translate-y-1/2"
-    },
-    variants: {
-      size: {
-        sm: { select: "h-8 text-xs px-2 pr-8" },
-        md: { select: "h-9 text-sm px-3 pr-10" },
-        lg: { select: "h-10 text-base px-4 pr-12" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createNativeSelectTheme()

package/src/themes/navigationMenu.theme.ts

@@ -1,19 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createNavigationMenuTheme = () =>
-  defineTheme({
-    slots: ["root", "list", "item", "link", "trigger", "content", "viewport"],
-    base: {
-      root: "relative z-10 flex max-w-max flex-1 items-center justify-center",
-      list: "group flex flex-1 list-none items-center justify-center space-x-1",
-      item: "relative",
-      link: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50",
-      trigger: "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 gap-1",
-      content: "absolute left-0 top-full z-50 mt-1.5 w-56 rounded-md border bg-popover p-1 text-popover-foreground shadow-md origin-top-left",
-      viewport: "absolute left-0 top-full flex justify-center w-full"
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createNavigationMenuTheme()