@rimelight/ui 0.0.30 → 0.0.31

package/src/types/components/alert-dialog.ts

@@ -0,0 +1,35 @@
+export interface AlertDialogProps {
+  /**
+   * Title of the alert confirmation dialog.
+   */
+  title?: string
+  /**
+   * Explanatory description.
+   */
+  description?: string
+  /**
+   * Label for the confirmation action button.
+   */
+  actionLabel?: string
+  /**
+   * Label for the cancellation/close button.
+   */
+  cancelLabel?: string
+  /**
+   * Trigger label to automatically open the dialog.
+   */
+  triggerLabel?: string
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/alert.ts

@@ -0,0 +1,31 @@
+export interface AlertProps {
+  /**
+   * The visual variant of the alert.
+   */
+  variant?: "default" | "destructive" | "outline" | "solid"
+  /**
+   * The color scheme of the alert.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * The main title text of the alert.
+   */
+  title?: string
+  /**
+   * The secondary description text of the alert.
+   */
+  description?: string
+  /**
+   * An optional leading icon.
+   */
+  icon?: string
+  /**
+   * 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/aspect-ratio.ts

@@ -0,0 +1,15 @@
+export interface AspectRatioProps {
+  /**
+   * The aspect ratio fraction/decimal (e.g. 16/9, 4/3, 1).
+   */
+  ratio?: number
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class overrides.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/avatar.ts

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

package/src/types/components/badge.ts

@@ -0,0 +1,27 @@
+export interface BadgeProps {
+  /**
+   * Visual style variant.
+   */
+  variant?: "solid" | "outline" | "soft" | "ghost"
+  /**
+   * Color scheme applied.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * The size scale of the badge.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * The shape corner rounding.
+   */
+  shape?: "square" | "rounded" | "pill"
+  /**
+   * Custom UI overrides.
+   */
+  ui?: any
+  /**
+   * Root CSS class name.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/breadcrumb.ts

@@ -0,0 +1,24 @@
+export interface BreadcrumbItem {
+  label: string
+  href?: string
+}
+
+export interface BreadcrumbProps {
+  /**
+   * Quick-prop array to render breadcrumb items automatically.
+   */
+  items?: BreadcrumbItem[]
+  /**
+   * The icon separating the breadcrumbs.
+   */
+  separatorIcon?: string
+  /**
+   * UI style slot overrides.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/card.ts

@@ -0,0 +1,31 @@
+export interface CardProps {
+  /**
+   * Card heading title.
+   */
+  title?: string
+  /**
+   * Subtitle description text.
+   */
+  description?: string
+  /**
+   * Media source (e.g. image url) displayed at top.
+   */
+  mediaSrc?: string
+  /**
+   * Link reference makes the entire card interactive.
+   */
+  href?: string
+  /**
+   * Glassmorphism or overlay style.
+   */
+  overlay?: boolean
+  /**
+   * UI mapping override.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/carousel.ts

@@ -0,0 +1,25 @@
+export interface CarouselSlide {
+  imageSrc?: string
+  title?: string
+  description?: string
+}
+
+export interface CarouselProps {
+  /**
+   * The list of slide items to render.
+   */
+  slides?: CarouselSlide[]
+  /**
+   * Controlled autoplay.
+   */
+  autoplay?: boolean
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/chart.ts

@@ -0,0 +1,38 @@
+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?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/checkbox.ts

@@ -0,0 +1,35 @@
+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?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/collapsible.ts

@@ -0,0 +1,31 @@
+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?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/combobox.ts

@@ -0,0 +1,43 @@
+export interface ComboboxProps {
+  /**
+   * The list of items in the combobox.
+   */
+  items?: Array<{ label: string; value: string; [key: string]: any } | string>
+  /**
+   * Selected value(s).
+   */
+  value?: string | string[]
+  /**
+   * Placeholder text.
+   */
+  placeholder?: string
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Form control name.
+   */
+  name?: string
+  /**
+   * Form label.
+   */
+  label?: string
+  /**
+   * 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
+}

package/src/types/components/dialog.ts

@@ -0,0 +1,39 @@
+export interface DialogProps {
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * The trigger label to render a default button.
+   */
+  triggerLabel?: string
+  /**
+   * Whether to close the dialog when clicking the backdrop.
+   */
+  closeOnClickOutside?: boolean
+  /**
+   * Whether to close on pressing the Escape key.
+   */
+  closeOnEscape?: boolean
+  /**
+   * Prevents body scrolling when open.
+   */
+  lockScroll?: boolean
+  /**
+   * Main heading of the dialog.
+   */
+  title?: string
+  /**
+   * Description of the dialog purpose.
+   */
+  description?: string
+  /**
+   * 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/drawer.ts

@@ -0,0 +1,31 @@
+export interface DrawerProps {
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * The orientation/side where the drawer anchors.
+   */
+  direction?: "bottom" | "top" | "left" | "right"
+  /**
+   * Main text title.
+   */
+  title?: string
+  /**
+   * Explanation subtitle.
+   */
+  description?: string
+  /**
+   * Trigger button content.
+   */
+  triggerLabel?: string
+  /**
+   * UI mapping override.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/dropdown-menu.ts

@@ -0,0 +1,42 @@
+export interface DropdownMenuItem {
+  label: string
+  value?: string
+  icon?: string
+  shortcut?: string
+  disabled?: boolean
+  type?: "item" | "checkbox" | "radio" | "separator" | "label"
+  checked?: boolean
+  group?: string
+}
+
+export interface DropdownMenuProps {
+  /**
+   * The menu items array.
+   */
+  items?: DropdownMenuItem[]
+  /**
+   * The trigger button label.
+   */
+  label?: string
+  /**
+   * Trigger button icon.
+   */
+  icon?: string
+  /**
+   * Size scale.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * Color theme of the trigger.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/dropzone.ts

@@ -0,0 +1,39 @@
+export interface DropzoneProps {
+  /**
+   * Accepted file types (e.g. 'image/*', 'application/pdf').
+   */
+  accept?: string
+  /**
+   * Allow multiple file selection.
+   */
+  multiple?: boolean
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Title text shown inside the dropzone.
+   */
+  title?: string
+  /**
+   * Description text shown inside.
+   */
+  description?: string
+  /**
+   * Icon shown inside.
+   */
+  icon?: string
+  /**
+   * Color theme.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/field.ts

@@ -0,0 +1,31 @@
+export interface FieldProps {
+  /**
+   * Label for the field.
+   */
+  label?: string
+  /**
+   * Description text.
+   */
+  description?: string
+  /**
+   * Error message.
+   */
+  error?: string
+  /**
+   * Required field state.
+   */
+  required?: boolean
+  /**
+   * 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/hover-card.ts

@@ -0,0 +1,19 @@
+export interface HoverCardProps {
+  /**
+   * Label of the trigger.
+   */
+  triggerLabel?: string
+  /**
+   * Placement relative to trigger.
+   */
+  placement?: "top" | "bottom" | "left" | "right"
+  /**
+   * UI slot override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/index.ts

@@ -2,6 +2,8 @@ export * from "./main"
 export * from "./logo"
 export * from "./header"
 export * from "./footer"
+export * from "./localeSelector"
+export * from "./themeSelector"
 export * from "./navigation"
 export * from "./link"
 export * from "./button"
@@ -11,3 +13,48 @@ export * from "./placeholder"
 export * from "./scroll-to-top"
 export * from "./embed-youtube"
 export * from "./accordion"
+export * from "./alert"
+export * from "./alert-dialog"
+export * from "./aspect-ratio"
+export * from "./avatar"
+export * from "./badge"
+export * from "./breadcrumb"
+export * from "./card"
+export * from "./carousel"
+export * from "./checkbox"
+export * from "./dialog"
+export * from "./drawer"
+export * from "./hover-card"
+export * from "./kbd"
+export * from "./label"
+export * from "./marquee"
+export * from "./pagination"
+export * from "./popover"
+export * from "./progress"
+export * from "./separator"
+export * from "./sheet"
+export * from "./skeleton"
+export * from "./slider"
+export * from "./spinner"
+export * from "./sticky-surface"
+export * from "./switch"
+export * from "./toggle"
+export * from "./toggle-group"
+export * from "./collapsible"
+export * from "./combobox"
+export * from "./select"
+export * from "./native-select"
+export * from "./dropdown-menu"
+export * from "./input"
+export * from "./input-group"
+export * from "./textarea"
+export * from "./field"
+export * from "./table"
+export * from "./tabs"
+export * from "./navigation-menu"
+export * from "./sidebar"
+export * from "./chart"
+export * from "./dropzone"
+export * from "./toast"
+export * from "./scroll-area"
+export * from "./resizable"

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

@@ -0,0 +1,23 @@
+export interface InputGroupProps {
+  /**
+   * Text/icon to prepend.
+   */
+  prepend?: string
+  /**
+   * Text/icon to append.
+   */
+  append?: string
+  /**
+   * Size scale.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}