@rimelight/ui 0.0.31 → 0.0.33

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

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

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

package/src/types/components/accordion.ts

@@ -8,7 +8,7 @@ export interface AccordionProps {
    */
   ui?: any
   /**
-   * Additional CSS classes to apply to the root component.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/alert.ts

@@ -1,3 +1,5 @@
+import type { Theme } from "../theme"
+
 export interface AlertProps {
   /**
    * The visual variant of the alert.
@@ -19,12 +21,16 @@ export interface AlertProps {
    * 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 component.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/app.ts

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

package/src/types/components/aspect-ratio.ts

@@ -4,11 +4,11 @@ export interface AspectRatioProps {
    */
   ratio?: number
   /**
-   * UI class override map.
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class overrides.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/audio.ts

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

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

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

package/src/types/components/avatar.ts

@@ -1,47 +1,60 @@
-export interface AvatarProps {
-  /**
-   * The source URL of the avatar image.
-   */
-  src?: string
-  /**
-   * Alt description for screen readers.
-   */
-  alt?: string
-  /**
-   * Two-letter fallback initials when src fails to load.
-   */
-  fallback?: string
-  /**
-   * The avatar dimensions scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Displays a status badge circle on the avatar.
-   */
-  badge?: boolean
-  /**
-   * The color of the status badge.
-   */
-  badgeColor?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
-  /**
-   * UI style slot mapping overrides.
-   */
-  ui?: any
-  /**
-   * Custom CSS root class.
-   */
-  class?: any
-  [key: string]: unknown
-}
-
-export interface AvatarGroupProps {
-  /**
-   * UI class overrides.
-   */
-  ui?: any
-  /**
-   * Root CSS class override.
-   */
-  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,3 +1,5 @@
+import type { Theme } from "../theme"
+
 export interface BadgeProps {
   /**
    * Visual style variant.
@@ -16,11 +18,15 @@ export interface BadgeProps {
    */
   shape?: "square" | "rounded" | "pill"
   /**
-   * Custom UI overrides.
+   * Theme mode override — pins colors to flat, light, or dark mode.
+   */
+  theme?: Theme
+  /**
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class name.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/banner.ts

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

package/src/types/components/breadcrumb.ts

@@ -13,11 +13,11 @@ export interface BreadcrumbProps {
    */
   separatorIcon?: string
   /**
-   * UI style slot overrides.
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class override.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/browser-mockup.ts

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

package/src/types/components/button.ts

@@ -1,71 +1,81 @@
-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
-  /**
-   * 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"
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root component.
-   */
-  class?: any
-  [key: string]: unknown
-}
+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
+}

package/src/types/components/calendar.ts

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

package/src/types/components/card.ts

@@ -20,11 +20,11 @@ export interface CardProps {
    */
   overlay?: boolean
   /**
-   * UI mapping override.
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class override.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/carousel.ts

@@ -14,11 +14,11 @@ export interface CarouselProps {
    */
   autoplay?: boolean
   /**
-   * UI class override map.
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class override.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

package/src/types/components/changelog.ts

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

package/src/types/components/chart.ts

@@ -27,11 +27,11 @@ export interface ChartProps {
    */
   color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
   /**
-   * UI class override map.
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class override.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown

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

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

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

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

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

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

package/src/types/components/chat-prompt-submit.ts

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

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

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

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

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

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

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

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

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

package/src/types/components/chat.ts

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

package/src/types/components/checkbox.ts

@@ -1,3 +1,5 @@
+import type { Theme } from "../theme"
+
 export interface CheckboxProps {
   /**
    * Controlled checked state.
@@ -24,11 +26,15 @@ export interface CheckboxProps {
    */
   color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
   /**
-   * UI class override map.
+   * Theme mode override — pins colors to flat, light, or dark mode.
+   */
+  theme?: Theme
+  /**
+   * Slot-specific CSS class overrides.
    */
   ui?: any
   /**
-   * Root CSS class override.
+   * Additional CSS classes to apply to the root element.
    */
   class?: any
   [key: string]: unknown