npm - @rimelight/ui - Versions diffs - 0.0.30 → 0.0.32 - Mend

@@ -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"
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

@@ -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"
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

@@ -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 element.
+     */
+    class?: any
+    [key: string]: unknown
+}

@@ -0,0 +1,11 @@
+export interface TimelineProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

@@ -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"
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

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

@@ -1,4 +1,4 @@
-export interface EmbedYoutubeProps {
+export interface VideoProps {
   /**
    * The URL of the YouTube video to embed.
    */
@@ -20,7 +20,7 @@ export interface EmbedYoutubeProps {
    */
   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

@@ -1,2 +1,3 @@
-export * from "./componentVariant"
 export * from "./components"
+export * from "./componentVariant"
+export * from "./theme"

	@@ -0,0 +1 @@
1	+ export type Theme = "flat" \| "light" \| "dark"

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

@rimelight/ui 0.0.30 → 0.0.32