@refraction-ui/astro 0.14.0 → 0.15.1

package/dist/astro-social-auth-button/SocialAuthButton.stories.ts

@@ -0,0 +1,23 @@
+import Component from './SocialAuthButton.astro'
+
+const meta = {
+  title: 'Astro/SocialAuthButton',
+  component: Component,
+  argTypes: {
+    provider: { control: 'text' },
+    lastUsed: { control: 'boolean' },
+    loading: { control: 'boolean' },
+    disabled: { control: 'boolean' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    provider: '',
+    lastUsed: false,
+    loading: false,
+    disabled: false,
+  },
+}

package/dist/astro-social-auth-button/SocialAuthRow.stories.ts

@@ -0,0 +1,17 @@
+import Component from './SocialAuthRow.astro'
+
+const meta = {
+  title: 'Astro/SocialAuthRow',
+  component: Component,
+  argTypes: {
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-sortable-list/SortableList.astro

@@ -0,0 +1,68 @@
+---
+import {
+  createSortableList,
+  sortableListVariants,
+  sortableListRowVariants,
+  sortableListGripClass,
+  sortableListContentClass,
+} from '../sortable-list/index.ts'
+import { cn } from '../shared/index.ts'
+
+interface Item {
+  /** Unique key for the item. */
+  id: string | number
+  /** Display label rendered as the row content. */
+  label: string
+}
+
+interface Props extends astroHTML.JSX.HTMLAttributes {
+  /** The ordered list of items to render. */
+  items: Item[]
+  /** Disables drag affordances visually. */
+  disabled?: boolean
+}
+
+const {
+  items,
+  disabled = false,
+  class: className,
+  ...rest
+} = Astro.props
+
+const { ariaProps, dataAttributes } = createSortableList()
+---
+
+<div
+  class={cn(sortableListVariants({ disabled: disabled ? 'true' : 'false' }), className)}
+  {...ariaProps}
+  {...dataAttributes}
+  {...rest}
+>
+  {
+    items.map((item) => (
+      <div
+        role="listitem"
+        class={sortableListRowVariants({ dragging: 'false' })}
+      >
+        {/* Grip handle — static in SSR; interactivity is React-only */}
+        <span class={sortableListGripClass} aria-hidden="true">
+          <svg
+            width="16"
+            height="16"
+            viewBox="0 0 16 16"
+            fill="none"
+            aria-hidden="true"
+          >
+            <path
+              d="M2 4h12M2 8h12M2 12h12"
+              stroke="currentColor"
+              stroke-width="1.5"
+              stroke-linecap="round"
+            />
+          </svg>
+        </span>
+        <span class={sortableListContentClass}>{item.label}</span>
+      </div>
+    ))
+  }
+</div>

package/dist/astro-sortable-list/index.ts

@@ -0,0 +1 @@
+export {}

package/dist/astro-status-indicator/StatusIndicator.stories.ts

@@ -1,12 +1,23 @@
 import Component from './StatusIndicator.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/StatusIndicator',
   component: Component,
+  argTypes: {
+    type: { control: 'text' },
+    label: { control: 'text' },
+    pulse: { control: 'boolean' },
+    showLabel: { control: 'boolean' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    type: '',
+    label: '',
+    pulse: false,
+    showLabel: false,
+  },
+}

package/dist/astro-steps/Steps.stories.ts

@@ -1,7 +1,5 @@
 import Component from './Steps.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Steps',
   component: Component,
@@ -9,4 +7,6 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {},
+}

package/dist/astro-switch/Switch.stories.ts

@@ -1,12 +1,23 @@
 import Component from './Switch.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Switch',
   component: Component,
+  argTypes: {
+    checked: { control: 'boolean' },
+    disabled: { control: 'boolean' },
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    name: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    checked: false,
+    disabled: false,
+    size: 'default',
+    name: '',
+  },
+}

package/dist/astro-table-of-contents/TableOfContents.stories.ts

@@ -1,12 +1,17 @@
 import Component from './TableOfContents.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/TableOfContents',
   component: Component,
+  argTypes: {
+    selectors: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    selectors: '',
+  },
+}

package/dist/astro-tabs/Tabs.stories.ts

@@ -1,12 +1,21 @@
 import Component from './Tabs.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Tabs',
   component: Component,
+  argTypes: {
+    defaultValue: { control: 'text' },
+    orientation: { control: 'text' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    defaultValue: '',
+    orientation: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tabs/TabsContent.stories.ts

@@ -0,0 +1,21 @@
+import Component from './TabsContent.astro'
+
+const meta = {
+  title: 'Astro/TabsContent',
+  component: Component,
+  argTypes: {
+    value: { control: 'text' },
+    isActive: { control: 'boolean' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    value: '',
+    isActive: false,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tabs/TabsList.stories.ts

@@ -0,0 +1,17 @@
+import Component from './TabsList.astro'
+
+const meta = {
+  title: 'Astro/TabsList',
+  component: Component,
+  argTypes: {
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tabs/TabsTrigger.stories.ts

@@ -0,0 +1,21 @@
+import Component from './TabsTrigger.astro'
+
+const meta = {
+  title: 'Astro/TabsTrigger',
+  component: Component,
+  argTypes: {
+    value: { control: 'text' },
+    isActive: { control: 'boolean' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    value: '',
+    isActive: false,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-textarea/Textarea.stories.ts

@@ -1,12 +1,31 @@
 import Component from './Textarea.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Textarea',
   component: Component,
+  argTypes: {
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    disabled: { control: 'boolean' },
+    readonly: { control: 'boolean' },
+    required: { control: 'boolean' },
+    rows: { control: 'number' },
+    maxRows: { control: 'number' },
+    'aria-invalid': { control: 'boolean' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    size: 'default',
+    disabled: false,
+    readonly: false,
+    required: false,
+    rows: 0,
+    maxRows: 0,
+    'aria-invalid': false,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-theme/ThemeScript.stories.ts

@@ -0,0 +1,23 @@
+import Component from './ThemeScript.astro'
+
+const meta = {
+  title: 'Astro/ThemeScript',
+  component: Component,
+  argTypes: {
+    storageKey: { control: 'text' },
+    attribute: { control: 'text' },
+    defaultMode: { control: 'text' },
+    enableSystem: { control: 'boolean' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    storageKey: '',
+    attribute: '',
+    defaultMode: '',
+    enableSystem: false,
+  },
+}

package/dist/astro-theme/ThemeToggle.stories.ts

@@ -0,0 +1,21 @@
+import Component from './ThemeToggle.astro'
+
+const meta = {
+  title: 'Astro/ThemeToggle',
+  component: Component,
+  argTypes: {
+    variant: { control: 'select', options: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] },
+    storageKey: { control: 'text' },
+    attribute: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    variant: 'default',
+    storageKey: '',
+    attribute: '',
+  },
+}

package/dist/astro-thread-view/ThreadView.astro

@@ -41,7 +41,7 @@ const api = createThreadView({ messages, currentUserId })
   data-rfr-thread-view
   {...props}
 >
-  {messages.map((message) => {
+  {(messages || []).map((message) => {
     const msgAriaProps = api.getMessageAriaProps(message)
     const replyAriaProps = api.getReplyButtonAriaProps(message.id)
     return (

package/dist/astro-thread-view/ThreadView.stories.ts

@@ -1,12 +1,19 @@
 import Component from './ThreadView.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/ThreadView',
   component: Component,
+  argTypes: {
+    messages: { control: 'text' },
+    currentUserId: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    messages: '',
+    currentUserId: '',
+  },
+}

package/dist/astro-toast/Toast.stories.ts

@@ -1,12 +1,25 @@
 import Component from './Toast.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Toast',
   component: Component,
+  argTypes: {
+    variant: { control: 'select', options: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] },
+    duration: { control: 'number' },
+    dismissible: { control: 'boolean' },
+    message: { control: 'text' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    variant: 'default',
+    duration: 0,
+    dismissible: false,
+    message: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-toast/Toaster.stories.ts

@@ -0,0 +1,17 @@
+import Component from './Toaster.astro'
+
+const meta = {
+  title: 'Astro/Toaster',
+  component: Component,
+  argTypes: {
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tooltip/Tooltip.stories.ts

@@ -1,12 +1,19 @@
 import Component from './Tooltip.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Tooltip',
   component: Component,
+  argTypes: {
+    delayDuration: { control: 'number' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    delayDuration: 0,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tooltip/TooltipContent.stories.ts

@@ -0,0 +1,19 @@
+import Component from './TooltipContent.astro'
+
+const meta = {
+  title: 'Astro/TooltipContent',
+  component: Component,
+  argTypes: {
+    side: { control: 'text' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    side: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-tooltip/TooltipTrigger.stories.ts

@@ -0,0 +1,17 @@
+import Component from './TooltipTrigger.astro'
+
+const meta = {
+  title: 'Astro/TooltipTrigger',
+  component: Component,
+  argTypes: {
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-version-selector/VersionSelector.astro

@@ -23,7 +23,7 @@ const {
 } = Astro.props
 
 const api = createVersionSelector({ value, versions })
-const selectedOpt = versions.find((v) => v.value === value)
+const selectedOpt = (versions || []).find((v) => v.value === value)
 const displayLabel = selectedOpt ? selectedOpt.label : placeholder
 ---
 
@@ -106,7 +106,7 @@ const displayLabel = selectedOpt ? selectedOpt.label : placeholder
       selectedValue = value
       root.setAttribute('data-rfr-version-value', value)
 
-      const opt = versions.find((v) => v.value === value)
+      const opt = (versions || []).find((v) => v.value === value)
       label.textContent = opt ? opt.label : placeholder
 
       // Update latest badge on trigger

package/dist/astro-version-selector/VersionSelector.stories.ts

@@ -1,12 +1,21 @@
 import Component from './VersionSelector.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/VersionSelector',
   component: Component,
+  argTypes: {
+    value: { control: 'text' },
+    versions: { control: 'text' },
+    placeholder: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    value: '',
+    versions: '',
+    placeholder: '',
+  },
+}

package/dist/astro-video-grid/VideoGrid.astro

@@ -53,7 +53,7 @@ const gridStyle =
 
 const spotlightParticipant =
   effectiveLayout === 'speaker'
-    ? (participants.find((p) => p.id === spotlightId) ?? participants[0])
+    ? ((participants || []).find((p) => p.id === spotlightId) ?? participants[0])
     : undefined
 
 const filmstrip =

package/dist/astro-video-player/VideoPlayer.stories.ts

@@ -1,12 +1,25 @@
 import Component from './VideoPlayer.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/VideoPlayer',
   component: Component,
+  argTypes: {
+    src: { control: 'text' },
+    poster: { control: 'text' },
+    autoplay: { control: 'boolean' },
+    muted: { control: 'boolean' },
+    controls: { control: 'boolean' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    src: '',
+    poster: '',
+    autoplay: false,
+    muted: false,
+    controls: false,
+  },
+}

package/dist/astro-voice-pill/VoicePill.stories.ts

@@ -1,12 +1,33 @@
 import Component from './VoicePill.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/VoicePill',
   component: Component,
+  argTypes: {
+    speaker: { control: 'text' },
+    label: { control: 'text' },
+    sub: { control: 'text' },
+    subtitle: { control: 'text' },
+    intensity: { control: 'number' },
+    muted: { control: 'boolean' },
+    position: { control: 'text' },
+    showMuteButton: { control: 'boolean' },
+    avatar: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    speaker: '',
+    label: '',
+    sub: '',
+    subtitle: '',
+    intensity: 0,
+    muted: false,
+    position: '',
+    showMuteButton: false,
+    avatar: '<span>avatar content</span>',
+  }
+}

package/dist/astro-waveform/Waveform.stories.ts

@@ -1,12 +1,35 @@
 import Component from './Waveform.astro'
 
-// Auto-generated baseline story. Renders the component with empty args;
-// components that require props show a render error (enrich by hand as needed).
 const meta = {
   title: 'Astro/Waveform',
   component: Component,
+  argTypes: {
+    samples: { control: 'text' },
+    intensity: { control: 'number' },
+    amplitude: { control: 'number' },
+    variant: { control: 'select', options: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] },
+    height: { control: 'number' },
+    width: { control: 'number' },
+    barCount: { control: 'number' },
+    smoothing: { control: 'number' },
+    color: { control: 'text' },
+    paused: { control: 'boolean' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    samples: '',
+    intensity: 0,
+    amplitude: 0,
+    variant: 'default',
+    height: 0,
+    width: 0,
+    barCount: 0,
+    smoothing: 0,
+    color: '',
+    paused: false,
+  },
+}