@refraction-ui/astro 0.15.0 → 0.15.1

package/dist/astro-mascot/Mascot.stories.ts

@@ -0,0 +1,46 @@
+import Component from './Mascot.astro'
+
+const meta = {
+  title: 'Astro/Mascot',
+  component: Component,
+  argTypes: {
+    mood: {
+      control: 'select',
+      options: ['happy', 'think', 'wave'],
+    },
+    animation: {
+      control: 'select',
+      options: ['none', 'bounce', 'float'],
+    },
+    size: {
+      control: 'select',
+      options: ['sm', 'md', 'lg', 'xl'],
+    },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    mood: 'happy',
+    animation: 'none',
+    size: 'md',
+  },
+}
+
+export const ThinkingFloating = {
+  args: {
+    mood: 'think',
+    animation: 'float',
+    size: 'lg',
+  },
+}
+
+export const WavingBouncing = {
+  args: {
+    mood: 'wave',
+    animation: 'bounce',
+    size: 'md',
+  },
+}

package/dist/astro-mascot/index.ts

@@ -0,0 +1,11 @@
+export { default as Mascot } from './Mascot.astro'
+export {
+  createMascot,
+  mascotVariants,
+  mascotTokens,
+  type MascotMood,
+  type MascotAnimation,
+  type MascotSize,
+  type MascotProps as CoreMascotProps,
+  type MascotAPI,
+} from '../mascot/index.ts'

package/dist/astro-mobile-nav/MobileNav.stories.ts

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

package/dist/astro-navbar/Navbar.stories.ts

@@ -1,12 +1,25 @@
 import Component from './Navbar.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/Navbar',
   component: Component,
+  argTypes: {
+    links: { control: 'text' },
+    currentPath: { control: 'text' },
+    variant: { control: 'select', options: ['default', 'secondary', 'destructive', 'outline', 'ghost', 'link'] },
+    logo: { control: 'text' },
+    actions: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    links: '',
+    currentPath: '',
+    variant: 'default',
+    logo: '<span>logo content</span>',
+    actions: '<span>actions content</span>',
+  }
+}

package/dist/astro-otp-input/OtpInput.stories.ts

@@ -1,12 +1,29 @@
 import Component from './OtpInput.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/OtpInput',
   component: Component,
+  argTypes: {
+    length: { control: 'number' },
+    value: { control: 'text' },
+    autoFocus: { control: 'boolean' },
+    type: { control: 'text' },
+    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: {
+    length: 0,
+    value: '',
+    autoFocus: false,
+    type: '',
+    disabled: false,
+    size: 'default',
+    name: '',
+  },
+}

package/dist/astro-pagination/Pagination.stories.ts

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

package/dist/astro-password-input/PasswordInput.stories.ts

@@ -0,0 +1,29 @@
+import Component from './PasswordInput.astro'
+
+const meta = {
+  title: 'Astro/PasswordInput',
+  component: Component,
+  argTypes: {
+    size: { control: 'select', options: ['sm', 'default', 'lg', 'icon'] },
+    disabled: { control: 'boolean' },
+    readonly: { control: 'boolean' },
+    required: { control: 'boolean' },
+    validationState: { control: 'text' },
+    revealLabel: { control: 'text' },
+    hideLabel: { control: 'text' },
+  },
+}
+
+export default meta
+
+export const Default = {
+  args: {
+    size: 'default',
+    disabled: false,
+    readonly: false,
+    required: false,
+    validationState: '',
+    revealLabel: '',
+    hideLabel: '',
+  },
+}

package/dist/astro-payment/Payment.stories.ts

@@ -1,12 +1,17 @@
 import Component from './Payment.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/Payment',
   component: Component,
+  argTypes: {
+    stripeKey: { control: 'text' },
+  },
 }
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    stripeKey: '',
+  },
+}

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