@refraction-ui/astro 0.15.0 → 0.15.2

package/dist/astro-popover/Popover.stories.ts

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

package/dist/astro-popover/PopoverClose.stories.ts

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

package/dist/astro-popover/PopoverContent.stories.ts

@@ -0,0 +1,19 @@
+import Component from './PopoverContent.astro'
+
+const meta = {
+  title: 'Astro/PopoverContent',
+  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-popover/PopoverTrigger.stories.ts

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

package/dist/astro-presence-indicator/PresenceIndicator.stories.ts

@@ -1,12 +1,23 @@
 import Component from './PresenceIndicator.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/PresenceIndicator',
   component: Component,
+  argTypes: {
+    status: { control: 'text' },
+    showLabel: { control: 'boolean' },
+    label: { control: 'text' },
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    status: '',
+    showLabel: false,
+    label: '',
+    size: 'default',
+  },
+}

package/dist/astro-progress-display/BadgeDisplay.astro

@@ -16,7 +16,7 @@ const api = createProgressDisplay({ stats: [], badges })
 ---
 
 <div class={cn(badgeGridVariants(), className)} {...props}>
-  {api.badges.map((badge) => (
+  {(api.badges || []).map((badge) => (
     <div
       class={badgeItemVariants({
         state: badge.isUnlocked ? 'unlocked' : 'locked',

package/dist/astro-progress-display/BadgeDisplay.stories.ts

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

package/dist/astro-progress-display/ProgressBar.stories.ts

@@ -0,0 +1,21 @@
+import Component from './ProgressBar.astro'
+
+const meta = {
+  title: 'Astro/ProgressBar',
+  component: Component,
+  argTypes: {
+    value: { control: 'number' },
+    max: { control: 'number' },
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    value: 0,
+    max: 0,
+    size: 'default',
+  },
+}

package/dist/astro-progress-display/StatsGrid.astro

@@ -18,7 +18,7 @@ const api = createProgressDisplay({ stats, badges })
 ---
 
 <div class={cn(statsGridVariants(), className)} {...api.ariaProps} {...props}>
-  {api.stats.map((stat) => (
+  {(api.stats || []).map((stat) => (
     <div
       class={statCardVariants({
         color: (stat.color as 'default' | 'primary' | 'success' | 'warning' | 'destructive') ?? 'default',

package/dist/astro-progress-display/StatsGrid.stories.ts

@@ -0,0 +1,19 @@
+import Component from './StatsGrid.astro'
+
+const meta = {
+  title: 'Astro/StatsGrid',
+  component: Component,
+  argTypes: {
+    stats: { control: 'text' },
+    badges: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    stats: '',
+    badges: '',
+  },
+}

package/dist/astro-radio/RadioGroup.stories.ts

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

package/dist/astro-radio/RadioItem.stories.ts

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

package/dist/astro-reaction-bar/ReactionBar.astro

@@ -35,7 +35,7 @@ const api = createReactionBar({ reactions })
   aria-label="Reactions"
   {...props}
 >
-  {api.reactions.map((reaction) => (
+  {(api.reactions || []).map((reaction) => (
     <button
       type="button"
       data-rfr-rb-emoji={reaction.emoji}

package/dist/astro-reaction-bar/ReactionBar.stories.ts

@@ -1,12 +1,19 @@
 import Component from './ReactionBar.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/ReactionBar',
   component: Component,
+  argTypes: {
+    reactions: { control: 'text' },
+    showAddButton: { control: 'boolean' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    reactions: '',
+    showAddButton: false,
+  },
+}

package/dist/astro-resizable-layout/ResizableDivider.stories.ts

@@ -0,0 +1,19 @@
+import Component from './ResizableDivider.astro'
+
+const meta = {
+  title: 'Astro/ResizableDivider',
+  component: Component,
+  argTypes: {
+    index: { control: 'number' },
+    orientation: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    index: 0,
+    orientation: '',
+  },
+}

package/dist/astro-resizable-layout/ResizableLayout.stories.ts

@@ -1,12 +1,27 @@
 import Component from './ResizableLayout.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/ResizableLayout',
   component: Component,
+  argTypes: {
+    orientation: { control: 'text' },
+    defaultSizes: { control: 'number' },
+    minSizes: { control: 'number' },
+    maxSizes: { control: 'number' },
+    persistKey: { control: 'text' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    orientation: '',
+    defaultSizes: 0,
+    minSizes: 0,
+    maxSizes: 0,
+    persistKey: '',
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-resizable-layout/ResizablePane.stories.ts

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

package/dist/astro-rich-editor/RichEditor.stories.ts

@@ -1,12 +1,29 @@
 import Component from './RichEditor.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/RichEditor',
   component: Component,
+  argTypes: {
+    content: { control: 'text' },
+    placeholder: { control: 'text' },
+    readOnly: { control: 'boolean' },
+    maxLength: { control: 'number' },
+    showToolbar: { control: 'boolean' },
+    showCount: { control: 'boolean' },
+    name: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    content: '',
+    placeholder: '',
+    readOnly: false,
+    maxLength: 0,
+    showToolbar: false,
+    showCount: false,
+    name: '',
+  },
+}

package/dist/astro-search-bar/SearchBar.stories.ts

@@ -1,12 +1,23 @@
 import Component from './SearchBar.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/SearchBar',
   component: Component,
+  argTypes: {
+    placeholder: { control: 'text' },
+    loading: { control: 'boolean' },
+    debounceMs: { control: 'number' },
+    default: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    placeholder: '',
+    loading: false,
+    debounceMs: 0,
+    default: '<span>default content</span>',
+  }
+}

package/dist/astro-search-bar/SearchResultItem.stories.ts

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

package/dist/astro-search-bar/SearchResults.stories.ts

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

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

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

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