@refraction-ui/astro 0.15.0 → 0.15.1

package/dist/astro-segmented-control/SegmentedControlItem.stories.ts

@@ -0,0 +1,25 @@
+import Component from './SegmentedControlItem.astro'
+
+const meta = {
+  title: 'Astro/SegmentedControlItem',
+  component: Component,
+  argTypes: {
+    value: { control: 'text' },
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    checked: { control: 'boolean' },
+    disabled: { control: 'boolean' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    value: '',
+    size: 'default',
+    checked: false,
+    disabled: false,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-select/Select.stories.ts

@@ -1,12 +1,25 @@
 import Component from './Select.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/Select',
   component: Component,
+  argTypes: {
+    value: { control: 'text' },
+    placeholder: { control: 'text' },
+    disabled: { control: 'boolean' },
+    name: { control: 'text' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    value: '',
+    placeholder: '',
+    disabled: false,
+    name: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-select/SelectContent.stories.ts

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

package/dist/astro-select/SelectItem.stories.ts

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

package/dist/astro-select/SelectTrigger.stories.ts

@@ -0,0 +1,21 @@
+import Component from './SelectTrigger.astro'
+
+const meta = {
+  title: 'Astro/SelectTrigger',
+  component: Component,
+  argTypes: {
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    placeholder: { control: 'text' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    size: 'default',
+    placeholder: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-separator/Separator.stories.ts

@@ -0,0 +1,23 @@
+import Component from './Separator.astro'
+
+const meta = {
+  title: 'Astro/Separator',
+  component: Component,
+  argTypes: {
+    orientation: { control: 'text' },
+    label: { control: 'text' },
+    decorative: { control: 'boolean' },
+    default: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    orientation: '',
+    label: '',
+    decorative: false,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-sidebar/Sidebar.astro

@@ -32,7 +32,7 @@ const classes = cn(
 
 <aside class={classes} {...api.ariaProps} {...props}>
   <div class="flex flex-col gap-4 p-4">
-    {api.visibleSections.map((section, sIdx) => (
+    {(api.visibleSections || []).map((section, sIdx) => (
       <div>
         {section.title && !collapsed && (
           <h3 class="mb-2 px-3 text-xs font-semibold uppercase tracking-wider text-muted-foreground">

package/dist/astro-sidebar/Sidebar.stories.ts

@@ -1,12 +1,23 @@
 import Component from './Sidebar.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/Sidebar',
   component: Component,
+  argTypes: {
+    sections: { control: 'text' },
+    currentPath: { control: 'text' },
+    collapsed: { control: 'boolean' },
+    userRoles: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    sections: '',
+    currentPath: '',
+    collapsed: false,
+    userRoles: '',
+  },
+}

package/dist/astro-skeleton/Skeleton.stories.ts

@@ -1,12 +1,23 @@
 import Component from './Skeleton.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/Skeleton',
   component: Component,
+  argTypes: {
+    shape: { control: 'text' },
+    width: { control: 'number' },
+    height: { control: 'number' },
+    animate: { control: 'boolean' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    shape: '',
+    width: 0,
+    height: 0,
+    animate: false,
+  },
+}

package/dist/astro-skeleton/SkeletonText.stories.ts

@@ -0,0 +1,19 @@
+import Component from './SkeletonText.astro'
+
+const meta = {
+  title: 'Astro/SkeletonText',
+  component: Component,
+  argTypes: {
+    lines: { control: 'number' },
+    animate: { control: 'boolean' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    lines: 0,
+    animate: false,
+  },
+}

package/dist/astro-skip-to-content/SkipToContent.stories.ts

@@ -1,7 +1,5 @@
 import Component from './SkipToContent.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/SkipToContent',
   component: Component,
@@ -9,4 +7,6 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {},
+}

package/dist/astro-slide-viewer/SlideViewer.stories.ts

@@ -1,12 +1,23 @@
 import Component from './SlideViewer.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/SlideViewer',
   component: Component,
+  argTypes: {
+    slides: { control: 'text' },
+    initialSlide: { control: 'number' },
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    slides: '',
+    initialSlide: 0,
+    size: 'default',
+    default: '<span>default content</span>',
+  }
+}

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