@rimelight/ui 0.0.33 → 0.0.34

package/src/themes/tree.theme.ts

@@ -1,13 +1,13 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createTreeTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createTreeTheme()
+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 +1,13 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createUserTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createUserTheme()
+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 +1,17 @@
-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()
+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 +1,13 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createWatermarkTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createWatermarkTheme()
+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 +1,13 @@
-import { defineTheme } from "../utils/defineTheme"
-
-export const createWindowMockupTheme = () =>
-  defineTheme({
-    slots: ["root"],
-    base: {
-      root: ""
-    },
-    variants: {},
-    defaultVariants: {}
-  })
-
-export default createWindowMockupTheme()
+import { defineTheme } from "../utils/defineTheme"
+
+export const createWindowMockupTheme = () =>
+  defineTheme({
+    slots: ["root"],
+    base: {
+      root: ""
+    },
+    variants: {},
+    defaultVariants: {}
+  })
+
+export default createWindowMockupTheme()

package/src/types/components/3d-hover.ts

@@ -1,11 +1,11 @@
-export interface ThreeDHoverProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface ThreeDHoverProps {
+  /**
+   * 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/alert.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "../theme"
+import type { Theme, ThemeColor } from "../theme"
 
 export interface AlertProps {
   /**
@@ -8,7 +8,7 @@ export interface AlertProps {
   /**
    * The color scheme of the alert.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * The main title text of the alert.
    */

package/src/types/components/app.ts

@@ -1,11 +1,11 @@
-export interface AppProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface AppProps {
+  /**
+   * 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/audio.ts

@@ -1,11 +1,11 @@
-export interface AudioProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface AudioProps {
+  /**
+   * 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/avatar-group.ts

@@ -1,11 +1,11 @@
-export interface AvatarGroupProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface AvatarGroupProps {
+  /**
+   * 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/avatar.ts

@@ -1,60 +1,60 @@
-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
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+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
+  /**
+   * 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,4 +1,4 @@
-import type { Theme } from "../theme"
+import type { Theme, ThemeColor } from "../theme"
 
 export interface BadgeProps {
   /**
@@ -8,7 +8,7 @@ export interface BadgeProps {
   /**
    * Color scheme applied.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * The size scale of the badge.
    */

package/src/types/components/banner.ts

@@ -1,11 +1,11 @@
-export interface BannerProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface BannerProps {
+  /**
+   * 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/browser-mockup.ts

@@ -1,11 +1,11 @@
-export interface BrowserMockupProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface BrowserMockupProps {
+  /**
+   * 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,81 +1,74 @@
-import type { Theme } from "../theme"
-
-export interface ButtonProps {
-  /**
-   * The visual style variant of the button
-   */
-  variant?: "solid" | "outline" | "ghost" | "link" | "soft"
-  /**
-   * The color scheme applied to the button
-   */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "white" | "black"
-  /**
-   * 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?:
-    | "primary"
-    | "secondary"
-    | "success"
-    | "warning"
-    | "error"
-    | "info"
-    | "white"
-    | "black"
-  /**
-   * Variant used when button is in active state
-   */
-  activeVariant?: "solid" | "outline" | "ghost" | "link" | "soft"
-  /**
-   * 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
-}
+import type { Theme, ThemeColor } from "../theme"
+
+export interface ButtonProps {
+  /**
+   * The visual style variant of the button
+   */
+  variant?: "solid" | "outline" | "ghost" | "link" | "soft"
+  /**
+   * 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" | "ghost" | "link" | "soft"
+  /**
+   * 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/calendar.ts

@@ -1,11 +1,11 @@
-export interface CalendarProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface CalendarProps {
+  /**
+   * 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 +1,11 @@
-export interface ChangelogProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+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,3 +1,4 @@
+import type { ThemeColor } from "../theme"
 export interface ChartDataPoint {
   label: string
   value: number
@@ -25,7 +26,7 @@ export interface ChartProps {
   /**
    * Color theme.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * Slot-specific CSS class overrides.
    */