@rimelight/ui 0.0.31 → 0.0.33

package/src/themes/section.theme.ts

@@ -1,186 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export default defineTheme({
-  slots: [
-    "root",
-    "background",
-    "container",
-    "wrapper",
-    "header",
-    "leading",
-    "leadingIcon",
-    "headline",
-    "title",
-    "description",
-    "body",
-    "footer",
-    "links"
-  ],
-  base: {
-    root: "relative isolate",
-    background: "absolute inset-0 -z-1 overflow-hidden",
-    container: "mx-auto w-full max-w-90rem px-md flex flex-col lg:grid",
-    wrapper: "",
-    header: "",
-    leading: "flex items-center mb-6",
-    leadingIcon: "size-10 shrink-0 text-primary",
-    headline: "",
-    title: "text-pretty tracking-tight font-bold text-highlighted",
-    description: "text-muted",
-    body: "",
-    footer: "",
-    links: "flex flex-wrap"
-  },
-  variants: {
-    variant: {
-      default: {
-        container: "py-16 sm:py-24 lg:py-32 gap-8 sm:gap-16",
-        headline: "mb-3",
-        title: "text-3xl sm:text-4xl lg:text-5xl",
-        description: "text-base sm:text-lg",
-        body: "mt-8",
-        footer: "mt-8",
-        links: "gap-x-6 gap-y-3"
-      },
-      hero: {
-        container: "py-24 sm:py-32 lg:py-40 gap-16 sm:gap-y-24",
-        headline: "mb-4",
-        title: "text-5xl sm:text-7xl",
-        description: "text-lg sm:text-xl/8",
-        leading: "mb-6",
-        body: "mt-10",
-        footer: "mt-10",
-        links: "gap-x-6 gap-y-3"
-      },
-      cta: {
-        root: "rounded-xl overflow-hidden",
-        container: "lg:grid px-6 py-12 sm:px-12 sm:py-24 lg:px-16 lg:py-24 gap-8 sm:gap-16",
-        title: "text-3xl sm:text-4xl",
-        description: "text-base sm:text-lg text-muted",
-        body: "mt-8",
-        footer: "mt-8",
-        links: "gap-x-6 gap-y-3"
-      }
-    },
-    ctaVariant: {
-      solid: {
-        root: "bg-inverted text-inverted",
-        title: "text-inverted",
-        description: "text-dimmed"
-      },
-      outline: {
-        root: "bg-default ring ring-default",
-        description: "text-muted"
-      },
-      soft: {
-        root: "bg-elevated/50",
-        description: "text-toned"
-      },
-      subtle: {
-        root: "bg-elevated/50 ring ring-default",
-        description: "text-toned"
-      },
-      naked: {
-        description: "text-muted"
-      }
-    },
-    orientation: {
-      horizontal: {
-        container: "lg:grid-cols-2 lg:items-center",
-        description: "text-pretty"
-      },
-      vertical: {
-        container: "",
-        headline: "justify-center",
-        leading: "justify-center",
-        title: "text-center",
-        description: "text-center text-balance",
-        links: "justify-center"
-      }
-    },
-    reverse: {
-      true: {
-        wrapper: "order-last"
-      }
-    },
-    headline: {
-      true: {
-        headline: "font-semibold text-primary flex items-center gap-1.5"
-      }
-    },
-    title: {
-      true: {
-        description: "mt-6"
-      }
-    },
-    description: {
-      true: {}
-    },
-    body: {
-      true: {}
-    }
-  },
-  compoundVariants: [
-    {
-      variant: "default",
-      orientation: "vertical",
-      title: true,
-      classNames: {
-        body: "mt-16"
-      }
-    },
-    {
-      variant: "default",
-      orientation: "vertical",
-      description: true,
-      classNames: {
-        body: "mt-16"
-      }
-    },
-    {
-      variant: "default",
-      orientation: "vertical",
-      body: true,
-      classNames: {
-        footer: "mt-16"
-      }
-    },
-    {
-      variant: "cta",
-      ctaVariant: "outline",
-      classNames: {
-        root: "bg-default ring ring-default",
-        description: "text-muted"
-      }
-    },
-    {
-      variant: "cta",
-      ctaVariant: "solid",
-      classNames: {
-        root: "bg-inverted text-inverted",
-        title: "text-inverted",
-        description: "text-dimmed"
-      }
-    },
-    {
-      variant: "cta",
-      ctaVariant: "soft",
-      classNames: {
-        root: "bg-elevated/50",
-        description: "text-toned"
-      }
-    },
-    {
-      variant: "cta",
-      ctaVariant: "subtle",
-      classNames: {
-        root: "bg-elevated/50 ring ring-default",
-        description: "text-toned"
-      }
-    }
-  ],
-  defaultVariants: {
-    variant: "default",
-    orientation: "vertical"
-  }
-})

package/src/themes/sheet.theme.ts

@@ -1,43 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const sheetTheme = 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 z-50 bg-background p-6 shadow-xl border-border transition-all duration-300 outline-none",
-      "data-[state=open]:animate-in data-[state=closed]:animate-out"
-    ],
-    header: "flex flex-col gap-1.5 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 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: {
-    side: {
-      top: {
-        content: "inset-x-0 top-0 border-b data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top"
-      },
-      bottom: {
-        content: "inset-x-0 bottom-0 border-t data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom"
-      },
-      left: {
-        content: "inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left"
-      },
-      right: {
-        content: "inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right"
-      }
-    }
-  },
-  defaultVariants: {
-    side: "right"
-  }
-})
-
-export default sheetTheme

package/src/themes/stickySurface.theme.ts

@@ -1,10 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const stickySurfaceTheme = defineTheme({
-  slots: ["root"],
-  base: {
-    root: "sticky top-0 self-start transition-all duration-300"
-  }
-})
-
-export default stickySurfaceTheme

package/src/themes/themeSelector.theme.ts

@@ -1,16 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export default defineTheme({
-    slots: [
-        "root",
-        "sun",
-        "moon"
-    ],
-    base: {
-        root: "group rounded-full hover:bg-neutral-900/50 transition-colors inline-flex items-center justify-center text-neutral-400 hover:text-white cursor-pointer",
-        sun: "hidden dark:block i-lucide-sun w-5 h-5 text-current",
-        moon: "dark:hidden i-lucide-moon w-5 h-5 text-current"
-    },
-    variants: {},
-    defaultVariants: {}
-})

package/src/themes/toggle.theme.ts

@@ -1,42 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-const defaultColors = ["primary", "secondary", "info", "success", "warning", "error"]
-
-export const createToggleTheme = (colors: string[] = defaultColors) =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: [
-        "inline-flex items-center justify-center rounded-md text-sm font-medium transition-all duration-150 border border-transparent bg-transparent hover:bg-muted text-foreground cursor-pointer select-none",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
-      ]
-    },
-    variants: {
-      size: {
-        sm: { root: "h-8 px-2 text-xs" },
-        md: { root: "h-9 px-3 text-sm" },
-        lg: { root: "h-10 px-4 text-base" }
-      },
-      color: Object.fromEntries(colors.map((color) => [color, { root: "" }])),
-      active: {
-        true: { root: "bg-muted text-foreground border-border" },
-        false: { root: "" }
-      }
-    },
-    compoundVariants: [
-      ...colors.map((color) => ({
-        active: true as const,
-        color,
-        classNames: {
-          root: `bg-${color}-500/10 text-${color}-600 border-${color}-500/20 hover:bg-${color}-500/20`
-        }
-      }))
-    ],
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      active: false
-    }
-  })
-
-export default createToggleTheme()

package/src/themes/toggleGroup.theme.ts

@@ -1,21 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createToggleGroupTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: "inline-flex items-center justify-center gap-1 rounded-md border border-border bg-muted p-1"
-    },
-    variants: {
-      size: {
-        sm: { root: "h-8 gap-0.5" },
-        md: { root: "h-9 gap-1" },
-        lg: { root: "h-10 gap-1.5" }
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  })
-
-export default createToggleGroupTheme()

package/src/types/components/localeSelector.ts

@@ -1,33 +0,0 @@
-export interface LocaleItem {
-    code: string;
-    label: string;
-}
-
-export interface LocaleSelectorProps {
-    /**
-     * Array of available system locales to feed down to the selection interface view layer.
-     * Can pass plain code string lists or object mapping items.
-     */
-    locales?: string[] | LocaleItem[]
-    /**
-     * The styling variant of the language selection element.
-     *
-     * @default "default"
-     */
-    variant?: "default" | "outline" | "ghost"
-    /**
-     * The size scale of typography and spacing metrics.
-     *
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg"
-    /**
-     * Slot-specific CSS class overrides for deeper structural modifications.
-     */
-    ui?: any
-    /**
-     * Additional CSS classes to apply to the root wrapper element.
-     */
-    class?: any
-    [key: string]: unknown
-}

package/src/types/components/navigation.ts

@@ -1,34 +0,0 @@
-import type { LinkProps } from "./link"
-
-export interface NavigationMenuItem extends Omit<LinkProps, "class"> {
-  label?: string
-  icon?: string
-  badge?: string | number | any
-  avatar?: any
-  chip?: boolean | any
-  tooltip?: boolean | any
-  popover?: boolean | any
-  trailingIcon?: string
-  type?: "label" | "trigger" | "link"
-  slot?: string
-  value?: string
-  children?: NavigationMenuChildItem[]
-  defaultOpen?: boolean
-  open?: boolean
-  onSelect?: (e: Event) => void
-  click?: (event: MouseEvent) => void
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root component.
-   */
-  class?: any
-  [key: string]: unknown
-}
-
-export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, "type" | "ui"> {
-  description?: string
-  [key: string]: any
-}

package/src/types/components/themeSelector.ts

@@ -1,15 +0,0 @@
-export interface ThemeSelectorProps {
-    /**
-     * The size of the button.
-     */
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    /**
-     * Slot-specific CSS class overrides.
-     */
-    ui?: any
-    /**
-     * Additional CSS classes to apply to the root component.
-     */
-    class?: any
-    [key: string]: unknown
-}

package/src/types/components/toggle-group.ts

@@ -1,23 +0,0 @@
-export interface ToggleGroupProps {
-  /**
-   * The active selection items array.
-   */
-  value?: string[]
-  /**
-   * Allows single or multiple selections.
-   */
-  type?: "single" | "multiple"
-  /**
-   * Size scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * UI class override map.
-   */
-  ui?: any
-  /**
-   * Root CSS class override.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/toggle.ts

@@ -1,27 +0,0 @@
-export interface ToggleProps {
-  /**
-   * Controlled active state.
-   */
-  active?: boolean
-  /**
-   * Disabled state.
-   */
-  disabled?: boolean
-  /**
-   * Size scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Color theme.
-   */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
-  /**
-   * UI class override map.
-   */
-  ui?: any
-  /**
-   * Root CSS class override.
-   */
-  class?: any
-  [key: string]: unknown
-}