@rimelight/ui 0.0.30 → 0.0.32

package/src/types/components/{section.ts → page-section.ts}

@@ -1,6 +1,6 @@
 import type { ButtonProps } from "./button"
 
-export interface SectionProps {
+export interface PageSectionProps {
   /**
    * The element or component this component should render as.
    *
@@ -56,7 +56,7 @@ export interface SectionProps {
    */
   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/page.ts

@@ -0,0 +1,11 @@
+export interface PageProps {
+  /**
+   * 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/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
+  /**
+   * 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/password.ts

@@ -0,0 +1,11 @@
+export interface PasswordProps {
+  /**
+   * 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/phone-mockup.ts

@@ -0,0 +1,5 @@
+export interface PhoneMockupProps {
+  ui?: any
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/placeholder.ts

@@ -4,7 +4,7 @@ export interface PlaceholderProps {
    */
   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/popover.ts

@@ -0,0 +1,24 @@
+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"
+  /**
+   * 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/post.ts

@@ -0,0 +1,11 @@
+export interface PostProps {
+  /**
+   * 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/pricing-plan.ts

@@ -0,0 +1,11 @@
+export interface PricingPlanProps {
+  /**
+   * 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/pricing-table.ts

@@ -0,0 +1,11 @@
+export interface PricingTableProps {
+  /**
+   * 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/progress.ts

@@ -0,0 +1,34 @@
+import type { Theme } from "../theme"
+
+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"
+  /**
+   * 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/prose.ts

@@ -0,0 +1,11 @@
+export interface ProseProps {
+  /**
+   * 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/qr-code.ts

@@ -0,0 +1,11 @@
+export interface QrCodeProps {
+  /**
+   * 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/quote.ts

@@ -0,0 +1,11 @@
+export interface QuoteProps {
+  /**
+   * 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/radio-group.ts

@@ -0,0 +1,11 @@
+export interface RadioGroupProps {
+  /**
+   * 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/rating.ts

@@ -0,0 +1,11 @@
+export interface RatingProps {
+  /**
+   * 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/scroll-area.ts

@@ -0,0 +1,24 @@
+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
+  /**
+   * 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/scroll-to-top.ts

@@ -1,3 +1,5 @@
+import type { Theme } from "../theme"
+
 export interface ScrollToTopProps {
   /**
    * The color scheme applied to the scroll-to-top button.
@@ -19,12 +21,16 @@ export interface ScrollToTopProps {
    * Whether to show the scroll progress indicator.
    */
   showProgress?: boolean
+  /**
+   * 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/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"
+  /**
+   * 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/separator.ts

@@ -0,0 +1,20 @@
+export interface SeparatorProps {
+  /**
+   * The visual layout orientation.
+   */
+  orientation?: "horizontal" | "vertical"
+  /**
+   * Whether to treat as purely decorative (hides from accessibility tree).
+   */
+  decorative?: boolean
+  /**
+   * 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/sidebar.ts

@@ -0,0 +1,37 @@
+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
+  /**
+   * 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/skeleton.ts

@@ -0,0 +1,15 @@
+export interface SkeletonProps {
+  /**
+   * The visual rounding variant.
+   */
+  shape?: "circle" | "rectangle" | "rounded"
+  /**
+   * 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/slideover.ts

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

package/src/types/components/slider.ts

@@ -0,0 +1,41 @@
+import type { Theme } from "../theme"
+
+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"
+  /**
+   * 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/speed-dial.ts

@@ -0,0 +1,11 @@
+export interface SpeedDialProps {
+  /**
+   * 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/spinner.ts

@@ -0,0 +1,26 @@
+import type { Theme } from "../theme"
+
+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"
+  /**
+   * 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/splitter.ts

@@ -0,0 +1,20 @@
+export interface SplitterProps {
+  /**
+   * Resizing orientation.
+   */
+  direction?: "horizontal" | "vertical"
+  /**
+   * Panel sizes array in percentage.
+   */
+  defaultSizes?: number[]
+  /**
+   * 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/spoiler.ts

@@ -0,0 +1,11 @@
+export interface SpoilerProps {
+  /**
+   * 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/stepper.ts

@@ -0,0 +1,11 @@
+export interface StepperProps {
+  /**
+   * 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/sticky-surface.ts

@@ -0,0 +1,20 @@
+export interface StickySurfaceProps {
+  /**
+   * Pixels offset from top when sticky.
+   */
+  offsetTop?: number
+  /**
+   * Z-index layer depth.
+   */
+  zIndex?: number
+  /**
+   * 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/switch.ts

@@ -0,0 +1,42 @@
+import type { Theme } from "../theme"
+
+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"
+  /**
+   * 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/table-of-contents.ts

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