@rimelight/ui 0.0.29 → 0.0.31

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
+}

package/src/types/components/textarea.ts

@@ -0,0 +1,51 @@
+export interface TextareaProps {
+  /**
+   * The text value.
+   */
+  value?: string
+  /**
+   * Placeholder text.
+   */
+  placeholder?: string
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Readonly state.
+   */
+  readonly?: boolean
+  /**
+   * Name for forms.
+   */
+  name?: string
+  /**
+   * Required field state.
+   */
+  required?: boolean
+  /**
+   * Row count.
+   */
+  rows?: number
+  /**
+   * Error state.
+   */
+  error?: boolean | 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/themeSelector.ts

@@ -0,0 +1,15 @@
+export interface ThemeSelectorProps {
+    /**
+     * The size of the button.
+     */
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     * 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/toast.ts

@@ -0,0 +1,35 @@
+export interface ToastProps {
+  /**
+   * Main toast title.
+   */
+  title?: string
+  /**
+   * Description or message.
+   */
+  description?: string
+  /**
+   * Visual variant.
+   */
+  variant?: "default" | "destructive" | "success" | "warning" | "info"
+  /**
+   * Action button label.
+   */
+  actionLabel?: string
+  /**
+   * Duration in ms.
+   */
+  duration?: 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/toggle-group.ts

@@ -0,0 +1,23 @@
+export interface ToggleGroupProps {
+  /**
+   * The active selection items array.
+   */
+  value?: string[]
+  /**
+   * Allows single or multiple selections.
+   */
+  type?: "single" | "multiple"
+  /**
+   * 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/toggle.ts

@@ -0,0 +1,27 @@
+export interface ToggleProps {
+  /**
+   * Controlled active state.
+   */
+  active?: boolean
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * 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/tooltip.ts

@@ -0,0 +1,23 @@
+export interface TooltipProps {
+  /**
+   * The text content to display inside the tooltip.
+   */
+  content?: string
+  /**
+   * Controlled open state.
+   */
+  open?: boolean
+  /**
+   * Placement of the tooltip relative to the trigger.
+   */
+  placement?: "top" | "bottom" | "left" | "right"
+  /**
+   * Custom UI overrides.
+   */
+  ui?: any
+  /**
+   * Root CSS class override.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/components/ThemeToggle.astro

@@ -1,57 +0,0 @@
----
-import RLAButton from "./astro/RLAButton.astro";
-
-export interface ThemeToggleProps {
-  size?: "sm" | "md" | "lg";
-  class?: any;
-}
-
-type Props = ThemeToggleProps;
-
-const { size = "md", class: className } = Astro.props as Props
----
-
-<RLAButton
-  size={size}
-  class:list={[
-    "theme-toggle-button",
-    "group text-muted-foreground hover:text-foreground rounded-full hover:bg-transparent",
-    className,
-  ]}
-  variant="ghost"
-  aria-label="Toggle theme"
->
-    <span class="sun-wrapper block dark:hidden i-lucide-sun" />
-    <span class="moon-wrapper hidden dark:block i-lucide-moon" />
-</RLAButton>
-
-<script>
-  function setupThemeToggle() {
-    const buttons = document.querySelectorAll('.theme-toggle-button');
-    
-    const updateButtons = (isDark: boolean) => {
-      buttons.forEach(btn => {
-        btn.setAttribute('data-state', isDark ? 'on' : 'off');
-        btn.setAttribute('aria-pressed', isDark.toString());
-      });
-    };
-
-    // Set initial state
-    const currentIsDark = document.documentElement.classList.contains('dark');
-    updateButtons(currentIsDark);
-
-    buttons.forEach(button => {
-      button.addEventListener('click', () => {
-        const isDark = document.documentElement.classList.toggle('dark');
-        localStorage.setItem('theme', isDark ? 'dark' : 'light');
-        updateButtons(isDark);
-      });
-    });
-  }
-
-  // Initial setup
-  setupThemeToggle();
-  // Re-run on View Transitions
-  document.addEventListener('astro:page-load', setupThemeToggle);
-</script>
-