@rimelight/ui 0.0.30 → 0.0.31

package/src/types/components/input.ts

@@ -0,0 +1,59 @@
+export interface InputProps {
+  /**
+   * Type of input element.
+   */
+  type?: "text" | "password" | "email" | "number" | "date" | "search" | "tel" | "url"
+  /**
+   * The input value.
+   */
+  value?: string | number
+  /**
+   * Placeholder text.
+   */
+  placeholder?: string
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Readonly state.
+   */
+  readonly?: boolean
+  /**
+   * Name for forms.
+   */
+  name?: string
+  /**
+   * Required field state.
+   */
+  required?: boolean
+  /**
+   * Error state.
+   */
+  error?: boolean | string
+  /**
+   * Leading icon name.
+   */
+  leadingIcon?: string
+  /**
+   * Trailing icon name.
+   */
+  trailingIcon?: 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/kbd.ts

@@ -0,0 +1,15 @@
+export interface KbdProps {
+  /**
+   * The size scale of the keyboard key component.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * Custom UI overrides.
+   */
+  ui?: any
+  /**
+   * Root CSS class overrides.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/label.ts

@@ -0,0 +1,19 @@
+export interface LabelProps {
+  /**
+   * The associated form input element ID.
+   */
+  for?: string
+  /**
+   * Label size.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * UI mapping override.
+   */
+  ui?: any
+  /**
+   * Root CSS class name override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/localeSelector.ts

@@ -0,0 +1,33 @@
+export interface LocaleItem {
+    code: string;
+    label: string;
+}
+
+export interface LocaleSelectorProps {
+    /**
+     * Array of available system locales to feed down to the selection interface view layer.
+     * Can pass plain code string lists or object mapping items.
+     */
+    locales?: string[] | LocaleItem[]
+    /**
+     * The styling variant of the language selection element.
+     *
+     * @default "default"
+     */
+    variant?: "default" | "outline" | "ghost"
+    /**
+     * The size scale of typography and spacing metrics.
+     *
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg"
+    /**
+     * Slot-specific CSS class overrides for deeper structural modifications.
+     */
+    ui?: any
+    /**
+     * Additional CSS classes to apply to the root wrapper element.
+     */
+    class?: any
+    [key: string]: unknown
+}

package/src/types/components/marquee.ts

@@ -0,0 +1,23 @@
+export interface MarqueeProps {
+  /**
+   * Direction of marquee motion.
+   */
+  direction?: "left" | "right" | "up" | "down"
+  /**
+   * Speed of animation in seconds (duration of scroll cycle).
+   */
+  speed?: number
+  /**
+   * Whether to pause scroll animation on mouse hover.
+   */
+  pauseOnHover?: boolean
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/native-select.ts

@@ -0,0 +1,39 @@
+export interface NativeSelectProps {
+  /**
+   * List of options.
+   */
+  items?: Array<{ label: string; value: string; [key: string]: any } | string>
+  /**
+   * Selected value.
+   */
+  value?: 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/navigation-menu.ts

@@ -0,0 +1,27 @@
+export interface NavigationMenuItem {
+  label: string
+  href?: string
+  icon?: string
+  description?: string
+  children?: NavigationMenuItem[]
+}
+
+export interface NavigationMenuProps {
+  /**
+   * Main menu navigation links.
+   */
+  items?: NavigationMenuItem[]
+  /**
+   * 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/pagination.ts

@@ -0,0 +1,23 @@
+export interface PaginationProps {
+  /**
+   * The currently active page (1-indexed).
+   */
+  currentPage?: number
+  /**
+   * Total number of pages.
+   */
+  totalPages?: number
+  /**
+   * The base URL used for links (e.g. `/blog?page=`).
+   */
+  baseUrl?: string
+  /**
+   * UI mapping override.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/popover.ts

@@ -0,0 +1,23 @@
+export interface PopoverProps {
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * The trigger label to render.
+   */
+  triggerLabel?: string
+  /**
+   * The placement of the popover relative to trigger.
+   */
+  placement?: "top" | "bottom" | "left" | "right"
+  /**
+   * UI mapping override.
+   */
+  ui?: any
+  /**
+   * Root CSS class.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/progress.ts

@@ -0,0 +1,27 @@
+export interface ProgressProps {
+  /**
+   * Current value of progress (0 to max).
+   */
+  value?: number
+  /**
+   * The maximum boundary (default 100).
+   */
+  max?: number
+  /**
+   * Color theme.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  /**
+   * The height size category.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/resizable.ts

@@ -0,0 +1,19 @@
+export interface ResizableProps {
+  /**
+   * Resizing orientation.
+   */
+  direction?: "horizontal" | "vertical"
+  /**
+   * Panel sizes array in percentage.
+   */
+  defaultSizes?: number[]
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

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

@@ -0,0 +1,23 @@
+export interface ScrollAreaProps {
+  /**
+   * Orientation of the scrollbar.
+   */
+  orientation?: "vertical" | "horizontal" | "both"
+  /**
+   * Scrollbar visibility delay in ms.
+   */
+  scrollHideDelay?: number
+  /**
+   * Height override if needed.
+   */
+  height?: string | number
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/select.ts

@@ -0,0 +1,43 @@
+export interface SelectProps {
+  /**
+   * List of options.
+   */
+  items?: Array<{ label: string; value: string; [key: string]: any } | string>
+  /**
+   * Selected value.
+   */
+  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/separator.ts

@@ -0,0 +1,19 @@
+export interface SeparatorProps {
+  /**
+   * The visual layout orientation.
+   */
+  orientation?: "horizontal" | "vertical"
+  /**
+   * Whether to treat as purely decorative (hides from accessibility tree).
+   */
+  decorative?: boolean
+  /**
+   * UI slot custom overrides.
+   */
+  ui?: any
+  /**
+   * Custom CSS class name.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/sheet.ts

@@ -0,0 +1,31 @@
+export interface SheetProps {
+  /**
+   * The edge the sheet slides in from.
+   */
+  side?: "top" | "right" | "bottom" | "left"
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * Title of the sheet.
+   */
+  title?: string
+  /**
+   * Description of the sheet contents.
+   */
+  description?: string
+  /**
+   * Label of the trigger button.
+   */
+  triggerLabel?: string
+  /**
+   * Slot-specific CSS overrides.
+   */
+  ui?: any
+  /**
+   * Root class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/sidebar.ts

@@ -0,0 +1,36 @@
+export interface SidebarItem {
+  label: string
+  href?: string
+  icon?: string
+  badge?: string | number
+  active?: boolean
+  children?: SidebarItem[]
+}
+
+export interface SidebarProps {
+  /**
+   * The navigation links array.
+   */
+  items?: SidebarItem[]
+  /**
+   * Side of the page.
+   */
+  side?: "left" | "right"
+  /**
+   * Collapsible mode.
+   */
+  collapsible?: "icon" | "offcanvas" | "none"
+  /**
+   * Header logo or text.
+   */
+  logo?: string
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/skeleton.ts

@@ -0,0 +1,15 @@
+export interface SkeletonProps {
+  /**
+   * The visual rounding variant.
+   */
+  shape?: "circle" | "rectangle" | "rounded"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/slider.ts

@@ -0,0 +1,35 @@
+export interface SliderProps {
+  /**
+   * The value of the range input.
+   */
+  value?: number
+  /**
+   * Minimum boundary.
+   */
+  min?: number
+  /**
+   * Maximum boundary.
+   */
+  max?: number
+  /**
+   * Steps size.
+   */
+  step?: number
+  /**
+   * Form element input name.
+   */
+  name?: 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/spinner.ts

@@ -0,0 +1,19 @@
+export interface SpinnerProps {
+  /**
+   * The size scale of the spinner.
+   */
+  size?: "xs" | "sm" | "md" | "lg" | "xl"
+  /**
+   * The color theme.
+   */
+  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "current"
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class overrides.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/sticky-surface.ts

@@ -0,0 +1,19 @@
+export interface StickySurfaceProps {
+  /**
+   * Pixels offset from top when sticky.
+   */
+  offsetTop?: number
+  /**
+   * Z-index layer depth.
+   */
+  zIndex?: number
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/switch.ts

@@ -0,0 +1,35 @@
+export interface SwitchProps {
+  /**
+   * Controlled checked state.
+   */
+  checked?: boolean
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Input element name.
+   */
+  name?: string
+  /**
+   * Label descriptor.
+   */
+  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/table.ts

@@ -0,0 +1,31 @@
+export interface TableProps {
+  /**
+   * Column headers array.
+   */
+  headers?: Array<string | { label: string; key: string; class?: string }>
+  /**
+   * Data rows array.
+   */
+  rows?: Array<Record<string, any> | any[]>
+  /**
+   * Striped row style.
+   */
+  striped?: boolean
+  /**
+   * Hoverable rows state.
+   */
+  hoverable?: boolean
+  /**
+   * Bordered cells.
+   */
+  bordered?: boolean
+  /**
+   * UI class override map.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/tabs.ts

@@ -0,0 +1,43 @@
+export interface TabItem {
+  label: string
+  value: string
+  icon?: string
+  content?: string
+  disabled?: boolean
+}
+
+export interface TabsProps {
+  /**
+   * The tab items.
+   */
+  items?: TabItem[]
+  /**
+   * Active tab value.
+   */
+  value?: string
+  /**
+   * Tab variant.
+   */
+  variant?: "solid" | "underline" | "pills"
+  /**
+   * Layout orientation.
+   */
+  orientation?: "horizontal" | "vertical"
+  /**
+   * 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
+}