@rimelight/ui 0.0.30 → 0.0.31

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