@rimelight/ui 0.0.33 → 0.0.35

package/src/types/components/banner.ts

@@ -1,11 +1,53 @@
-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 BannerAction {
+  label: string
+  href?: string
+  variant?: string
+  color?: string
+  size?: string
+  class?: string
+  [key: string]: unknown
+}
+
+export interface BannerProps {
+  /**
+   * Whether to contain the banner content within a max-width container.
+   */
+  contain?: boolean
+  /**
+   * Whether the banner should be sticky at the top of the viewport.
+   */
+  sticky?: boolean
+  /**
+   * Whether the banner should be fixed at the top of the viewport.
+   */
+  fixed?: boolean
+  /**
+   * The z-index stack position of the banner.
+   */
+  stackIndex?: number
+  /**
+   * Whether to hide the banner when scrolling down and show it when scrolling up.
+   */
+  hideOnScroll?: boolean
+  /**
+   * Whether the banner can be closed by the user. Closes permanently via localStorage.
+   */
+  dismissable?: boolean
+  /**
+   * Key used for localStorage dismissal persistence. Defaults to auto-generated id.
+   */
+  dismissId?: string
+  /**
+   * List of action buttons to render in the banner.
+   */
+  actions?: BannerAction[]
+  /**
+   * 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,73 @@
-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" | "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/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/{alert.ts → callout.ts}

@@ -1,20 +1,20 @@
-import type { Theme } from "../theme"
+import type { Theme, ThemeColor } from "../theme"
 
-export interface AlertProps {
+export interface CalloutProps {
   /**
-   * The visual variant of the alert.
+   * The visual variant of the callout.
    */
-  variant?: "default" | "destructive" | "outline" | "solid"
+  variant?: "default" | "destructive" | "outline" | "solid" | "soft" | "subtle"
   /**
-   * The color scheme of the alert.
+   * The color scheme of the callout.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
-   * The main title text of the alert.
+   * The main title text of the callout.
    */
   title?: string
   /**
-   * The secondary description text of the alert.
+   * The secondary description text of the callout.
    */
   description?: string
   /**

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.
    */

package/src/types/components/chat-message.ts

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

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

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

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

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

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

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

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

@@ -1,11 +1,11 @@
-export interface ChatProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface ChatProps {
+  /**
+   * 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,4 +1,4 @@
-import type { Theme } from "../theme"
+import type { Theme, ThemeColor } from "../theme"
 
 export interface CheckboxProps {
   /**
@@ -24,7 +24,7 @@ export interface CheckboxProps {
   /**
    * Color theme.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * Theme mode override — pins colors to flat, light, or dark mode.
    */

package/src/types/components/chip.ts

@@ -1,17 +1,17 @@
-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
-}
+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,3 +1,4 @@
+import type { ThemeColor } from "../theme"
 export interface CollapsibleProps {
   /**
    * Controlled open state.
@@ -18,7 +19,7 @@ export interface CollapsibleProps {
   /**
    * Color theme of the trigger.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * Slot-specific CSS class overrides.
    */

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

@@ -0,0 +1,19 @@
+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
+}

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

@@ -0,0 +1,21 @@
+import type { Theme, ThemeColor } from "../theme"
+
+export interface ColorFieldProps {
+  channel?: "hue" | "saturation" | "red" | "green" | "blue" | "alpha" | "lightness" | "brightness"
+  colorSpace?: "hsl" | "rgb" | "hsb"
+  defaultValue?: string
+  disabled?: boolean
+  disableWheelChange?: boolean
+  locale?: string
+  modelValue?: string
+  name?: string
+  placeholder?: string
+  readonly?: boolean
+  required?: boolean
+  step?: number
+  color?: ThemeColor
+  theme?: Theme
+  ui?: any
+  class?: any
+  [key: string]: unknown
+}