@rimelight/ui 0.0.37 → 0.0.39

package/src/themes/tabs.theme.ts

@@ -1,52 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTabsTheme = () =>
-  defineTheme({
-    slots: ["root", "list", "trigger", "content"],
-    base: {
-      root: "w-full flex flex-col gap-4",
-      list: "inline-flex items-center justify-start rounded-md bg-muted p-1 text-muted-foreground",
-      trigger:
-        "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-foreground cursor-pointer",
-      content:
-        "mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2"
-    },
-    variants: {
-      variant: {
-        solid: {
-          list: "bg-muted p-1 rounded-lg",
-          trigger:
-            "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm"
-        },
-        underline: {
-          list: "bg-transparent border-b border-border rounded-none p-0 gap-4",
-          trigger:
-            "rounded-none border-b-2 border-transparent px-1 pb-3 pt-2 data-[state=active]:border-primary data-[state=active]:text-foreground hover:border-muted-foreground/30"
-        },
-        pills: {
-          list: "bg-transparent p-0 gap-2",
-          trigger:
-            "rounded-full px-4 py-1.5 data-[state=active]:bg-primary data-[state=active]:text-white"
-        }
-      },
-      orientation: {
-        horizontal: { root: "flex-col", list: "w-full" },
-        vertical: {
-          root: "flex-row gap-6",
-          list: "flex-col items-stretch h-full w-48 border-r border-border rounded-none bg-transparent"
-        }
-      },
-      size: {
-        sm: { trigger: "text-xs px-2.5 py-1" },
-        md: { trigger: "text-sm px-3.5 py-1.5" },
-        lg: { trigger: "text-base px-4.5 py-2" }
-      }
-    },
-    defaultVariants: {
-      variant: "solid",
-      orientation: "horizontal",
-      size: "md"
-    }
-  })
-
-export default createTabsTheme()

package/src/themes/textarea.theme.ts

@@ -1,27 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTextareaTheme = () =>
-  defineTheme({
-    slots: ["root", "textarea"],
-    base: {
-      root: "relative flex items-center w-full rounded-md border border-input bg-background shadow-sm focus-within:ring-2 focus-within:ring-ring focus-within:ring-offset-2",
-      textarea:
-        "w-full bg-transparent px-3 py-2 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50 min-h-[80px]"
-    },
-    variants: {
-      size: {
-        sm: { textarea: "py-1.5 text-xs min-h-[60px]" },
-        md: { textarea: "py-2 text-sm min-h-[80px]" },
-        lg: { textarea: "py-2.5 text-base min-h-[100px]" }
-      },
-      error: {
-        true: { root: "border-error-500 focus-within:ring-error-500/50" }
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      error: false
-    }
-  })
-
-export default createTextareaTheme()

package/src/themes/theme-selector.theme.ts

@@ -1,15 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createThemeSelectorTheme = () =>
-  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: {}
-  })
-
-export default createThemeSelectorTheme()

package/src/themes/timeline.theme.ts

@@ -1,18 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTimelineTheme = () =>
-  defineTheme({
-    slots: ["root", "node", "dot", "dotInner", "header", "content"],
-    base: {
-      root: "relative flex flex-col pl-6 border-l-2 border-gray-800 ml-2 py-2",
-      node: "relative timeline-node",
-      dot: "absolute -left-[33px] top-[2px] flex h-4 w-4 items-center justify-center rounded-full bg-gray-950 ring-2 ring-gray-800",
-      dotInner: "h-2 w-2 rounded-full bg-primary-500",
-      header: "flex items-center justify-between gap-4 mb-3",
-      content: "space-y-2 text-sm text-gray-400"
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createTimelineTheme()

package/src/themes/toast.theme.ts

@@ -1,37 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createToastTheme = () =>
-  defineTheme({
-    slots: ["root", "title", "description", "action", "close"],
-    base: {
-      root: "group pointer-events-auto relative flex w-full items-start justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all border-border bg-background text-foreground",
-      title: "text-sm font-semibold",
-      description: "text-xs opacity-90",
-      action:
-        "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-xs font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.error]:border-muted/40 group-[.error]:hover:border-error-500/30 group-[.error]:hover:bg-error-500 group-[.error]:hover:text-white group-[.error]:focus:ring-error-500",
-      close:
-        "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100"
-    },
-    variants: {
-      variant: {
-        default: { root: "bg-background border-border" },
-        error: {
-          root: "error group border-error-500/20 bg-error-500/10 text-error-700 dark:text-error-400"
-        },
-        success: {
-          root: "border-success-500/20 bg-success-500/10 text-success-700 dark:text-success-400"
-        },
-        warning: {
-          root: "border-warning-500/20 bg-warning-500/10 text-warning-700 dark:text-warning-400"
-        },
-        info: {
-          root: "border-info-500/20 bg-info-500/10 text-info-700 dark:text-info-400"
-        }
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  })
-
-export default createToastTheme()

package/src/themes/tooltip.theme.ts

@@ -1,28 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTooltipTheme = () =>
-  defineTheme({
-    slots: ["root", "trigger", "content"],
-    base: {
-      root: "relative inline-block group/tooltip",
-      trigger: "",
-      content: [
-        "absolute z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md animate-in fade-in-0 zoom-in-95",
-        "transition-all duration-150 invisible opacity-0 scale-95 origin-center pointer-events-none",
-        "group-hover/tooltip:visible group-hover/tooltip:opacity-100 group-hover/tooltip:scale-100"
-      ]
-    },
-    variants: {
-      placement: {
-        top: { content: "bottom-full left-1/2 -translate-x-1/2 mb-1.5" },
-        bottom: { content: "top-full left-1/2 -translate-x-1/2 mt-1.5" },
-        left: { content: "right-full top-1/2 -translate-y-1/2 mr-1.5" },
-        right: { content: "left-full top-1/2 -translate-y-1/2 ml-1.5" }
-      }
-    },
-    defaultVariants: {
-      placement: "top"
-    }
-  })
-
-export default createTooltipTheme()

package/src/themes/tour.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTourTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createTourTheme()

package/src/themes/tree.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTreeTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createTreeTheme()

package/src/themes/user.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createUserTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createUserTheme()

package/src/themes/video.theme.ts

@@ -1,17 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createVideoTheme = () =>
-  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: {}
-  })
-
-export default createVideoTheme()

package/src/themes/watermark.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createWatermarkTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createWatermarkTheme()

package/src/themes/window-mockup.theme.ts

@@ -1,13 +0,0 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createWindowMockupTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createWindowMockupTheme()

package/src/types/componentVariant.ts

@@ -1,14 +0,0 @@
-export type ComponentVariants<T extends { variants?: Record<string, Record<string, unknown>> }> =
-  T["variants"] extends Record<string, Record<string, unknown>>
-    ? {
-        [K in keyof T["variants"]]?: T["variants"][K] extends { true: unknown; false: unknown }
-          ? boolean
-          : T["variants"][K] extends { true: unknown }
-            ? boolean
-            : keyof T["variants"][K]
-      }
-    : never
-
-export type ComponentSlots<T extends { slots: readonly string[] }> = Partial<
-  Record<T["slots"][number], string>
->

package/src/types/components/avatar.ts

@@ -1,76 +0,0 @@
-import type { ChipProps } from "./chip"
-
-export interface AvatarProps {
-  /**
-   * The component the root element should render as.
-   *
-   * @default "span"
-   */
-  as?: any
-  src?: string
-  alt?: string
-  icon?: any
-  text?: string
-  /**
-   * @default "md"
-   */
-  size?: "3xs" | "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl"
-  /**
-   * @default "neutral"
-   */
-  color?:
-    | "neutral"
-    | "primary"
-    | "secondary"
-    | "info"
-    | "success"
-    | "warning"
-    | "error"
-    | "commentary"
-    | "ideation"
-    | "source"
-  chip?: boolean | ChipProps
-  loading?: "lazy" | "eager"
-  referrerpolicy?:
-    | ""
-    | "no-referrer"
-    | "no-referrer-when-downgrade"
-    | "origin"
-    | "origin-when-cross-origin"
-    | "same-origin"
-    | "strict-origin"
-    | "strict-origin-when-cross-origin"
-    | "unsafe-url"
-  crossorigin?: "" | "anonymous" | "use-credentials"
-  decoding?: "async" | "auto" | "sync"
-  height?: string | number
-  width?: string | number
-  sizes?: string
-  srcset?: string
-  usemap?: string
-  /**
-   * Compact initials displayed inside the avatar circle (alias for fallback)
-   */
-  initials?: string
-  /**
-   * Display name rendered adjacent to the avatar (e.g. "Daniel Marchi")
-   */
-  title?: string
-  /**
-   * Secondary description rendered below the title (e.g. "Lead Developer")
-   */
-  subtitle?: string
-  /**
-   * Accessible aria-label fallback for screen readers when avatar is purely visual
-   */
-  label?: string
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/badge.ts

@@ -1,33 +0,0 @@
-import type { Theme, ThemeColor } from "../theme"
-
-export interface BadgeProps {
-  /**
-   * Visual style variant.
-   */
-  variant?: "solid" | "outline" | "soft" | "ghost"
-  /**
-   * Color scheme applied.
-   */
-  color?: ThemeColor
-  /**
-   * The size scale of the badge.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * The shape corner rounding.
-   */
-  shape?: "square" | "rounded" | "pill"
-  /**
-   * Theme mode override — pins colors to flat, light, or dark mode.
-   */
-  theme?: Theme
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/button.ts

@@ -1,74 +0,0 @@
-import type { Theme, ThemeColor } from "../theme"
-import type { LinkProps } from "./link"
-
-export interface ButtonProps extends LinkProps {
-  /**
-   * The visual style variant of the button
-   */
-  variant?: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link"
-  /**
-   * The color scheme applied to the button
-   */
-  color?: ThemeColor
-  /**
-   * The size scale of the button
-   */
-  size?: "xs" | "sm" | "md" | "lg" | "xl"
-  /**
-   * When provided, renders the button as an anchor link
-   */
-  href?: string
-  /**
-   * The text label displayed inside the button
-   */
-  label?: string
-  /**
-   * Icon name displayed before the label
-   */
-  leadingIcon?: string
-  /**
-   * Icon name displayed after the label
-   */
-  trailingIcon?: string
-  /**
-   * Shows a loading spinner animation
-   */
-  loading?: boolean
-  /**
-   * Automatically toggles loading state when an async onClick handler is executed
-   */
-  loadingAuto?: boolean
-  /**
-   * Renders a square button with equal padding
-   */
-  square?: boolean
-  /**
-   * Makes the button stretch to full width
-   */
-  block?: boolean
-  /**
-   * Applies active state styling
-   */
-  active?: boolean
-  /**
-   * Color used when button is in active state
-   */
-  activeColor?: ThemeColor
-  /**
-   * Variant used when button is in active state
-   */
-  activeVariant?: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link"
-  /**
-   * Theme mode override — pins colors to flat, light, or dark mode.
-   */
-  theme?: Theme
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/callout.ts

@@ -1,37 +0,0 @@
-import type { Theme, ThemeColor } from "../theme"
-
-export interface CalloutProps {
-  /**
-   * The visual variant of the callout.
-   */
-  variant?: "default" | "destructive" | "outline" | "solid" | "soft" | "subtle"
-  /**
-   * The color scheme of the callout.
-   */
-  color?: ThemeColor
-  /**
-   * The main title text of the callout.
-   */
-  title?: string
-  /**
-   * The secondary description text of the callout.
-   */
-  description?: string
-  /**
-   * An optional leading icon.
-   */
-  icon?: string
-  /**
-   * Theme mode override — pins colors to flat, light, or dark mode.
-   */
-  theme?: Theme
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/changelog.ts

@@ -1,11 +0,0 @@
-export interface ChangelogProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/chart.ts

@@ -1,39 +0,0 @@
-import type { ThemeColor } from "../theme"
-export interface ChartDataPoint {
-  label: string
-  value: number
-  color?: string
-  [key: string]: any
-}
-
-export interface ChartProps {
-  /**
-   * Type of chart.
-   */
-  type?: "bar" | "line" | "pie" | "area" | "donut"
-  /**
-   * Data points array.
-   */
-  data?: ChartDataPoint[]
-  /**
-   * Title of the chart.
-   */
-  title?: string
-  /**
-   * Height of the chart in pixels.
-   */
-  height?: number
-  /**
-   * Color theme.
-   */
-  color?: ThemeColor
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/checkbox.ts

@@ -1,41 +0,0 @@
-import type { Theme, ThemeColor } from "../theme"
-
-export interface CheckboxProps {
-  /**
-   * Controlled checked state.
-   */
-  checked?: boolean
-  /**
-   * Disabled input interaction state.
-   */
-  disabled?: boolean
-  /**
-   * Input name for forms.
-   */
-  name?: string
-  /**
-   * Form label.
-   */
-  label?: string
-  /**
-   * Size scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Color theme.
-   */
-  color?: ThemeColor
-  /**
-   * Theme mode override — pins colors to flat, light, or dark mode.
-   */
-  theme?: Theme
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/chip.ts

@@ -1,17 +0,0 @@
-import type { Theme } from "../theme"
-
-export interface ChipProps {
-  /**
-   * Theme mode override — pins colors to flat, light, or dark mode.
-   */
-  theme?: Theme
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/collapsible.ts

@@ -1,32 +0,0 @@
-import type { ThemeColor } from "../theme"
-export interface CollapsibleProps {
-  /**
-   * Controlled open state.
-   */
-  open?: boolean
-  /**
-   * The trigger button label (or use 'trigger' slot)
-   */
-  label?: string
-  /**
-   * An optional leading icon for the trigger button
-   */
-  icon?: string
-  /**
-   * Size scale of the trigger.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Color theme of the trigger.
-   */
-  color?: ThemeColor
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}

package/src/types/components/color-area.ts

@@ -1,19 +0,0 @@
-import type { Theme, ThemeColor } from "../theme"
-
-export interface ColorAreaProps {
-  colorSpace?: "hsl" | "rgb" | "hsb"
-  defaultValue?: string
-  disabled?: boolean
-  modelValue?: string
-  name?: string
-  required?: boolean
-  xChannel?: "hue" | "saturation" | "red" | "green" | "blue" | "alpha" | "lightness" | "brightness"
-  xName?: string
-  yChannel?: "hue" | "saturation" | "red" | "green" | "blue" | "alpha" | "lightness" | "brightness"
-  yName?: string
-  color?: ThemeColor
-  theme?: Theme
-  ui?: any
-  class?: any
-  [key: string]: unknown
-}