@refraction-ui/astro 0.14.0 → 0.15.1

package/dist/astro-dialog/Dialog.stories.ts

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

package/dist/astro-diff-viewer/DiffViewer.stories.ts

@@ -1,7 +1,5 @@
 import Component from './DiffViewer.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/DiffViewer',
   component: Component,
@@ -9,4 +7,22 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    files: [
+      { name: 'example.js', original: 'const a = 1;', modified: 'const a = 2;' }
+    ],
+    original: 'const a = 1;',
+    modified: 'const a = 2;',
+    language: 'javascript',
+    theme: 'dark',
+    viewMode: 'split',
+    showSidebar: false,
+    showTabs: false,
+    showStatusBar: false,
+    sidebarWidth: 100,
+    activeFileIndex: 0,
+    statusBarTitle: 'Status',
+    statusBarStatus: 'Ready'
+  }
+}

package/dist/astro-dropdown-menu/DropdownMenu.stories.ts

@@ -1,7 +1,5 @@
 import Component from './DropdownMenu.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/DropdownMenu',
   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-emoji-picker/EmojiPicker.stories.ts

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

package/dist/astro-feedback-dialog/FeedbackDialog.stories.ts

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

package/dist/astro-file-tree/FileTree.stories.ts

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

package/dist/astro-file-upload/FileUpload.stories.ts

@@ -1,7 +1,5 @@
 import Component from './FileUpload.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/FileUpload',
   component: Component,
@@ -9,4 +7,12 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    default: '<span>Default Slot Content</span>',
+    accept: 'Example accept',
+    maxSize: 42,
+    maxFiles: 42,
+    multiple: false
+  }
+}

package/dist/astro-floating-reactions/FloatingReactions.astro

@@ -39,7 +39,7 @@ const { ariaProps, dataAttributes } = createFloatingReactions()
   {...rest}
 >
   {
-    reactions.map((reaction) => {
+    (reactions || []).map((reaction) => {
       const left = laneOffsetPercent(reaction.lane ?? 0, lanes)
       return (
         <span

package/dist/astro-footer/Footer.stories.ts

@@ -1,7 +1,5 @@
 import Component from './Footer.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/Footer',
   component: Component,
@@ -9,4 +7,10 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    copyright: 'Example copyright',
+    socialLinks: undefined,
+    columns: undefined
+  }
+}

package/dist/astro-icon-system/IconSystem.stories.ts

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

package/dist/astro-inline-editor/InlineEditor.stories.ts

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

package/dist/astro-input/Input.stories.ts

@@ -1,7 +1,5 @@
 import Component from './Input.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/Input',
   component: Component,
@@ -9,4 +7,14 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    type: 'Example type',
+    size: 'default',
+    disabled: false,
+    readonly: false,
+    required: false,
+    'aria-invalid': false,
+    validationState: undefined
+  }
+}

package/dist/astro-input-group/InputGroup.stories.ts

@@ -1,7 +1,5 @@
 import Component from './InputGroup.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/InputGroup',
   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>',
+    orientation: 'default'
+  }
+}

package/dist/astro-install-prompt/InstallPrompt.stories.ts

@@ -1,7 +1,5 @@
 import Component from './InstallPrompt.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/InstallPrompt',
   component: Component,
@@ -9,4 +7,12 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    delay: 42,
+    storageKey: 'Example storageKey',
+    installLabel: 'Example installLabel',
+    dismissLabel: 'Example dismissLabel',
+    message: 'Example message'
+  }
+}

package/dist/astro-kanban-board/KanbanBoard.astro

@@ -0,0 +1,92 @@
+---
+import {
+  createKanbanBoard,
+  cardsByColumn,
+  visibleAndOverflow,
+  kanbanBoardVariants,
+  kanbanColumnVariants,
+  kanbanColumnHeaderClass,
+  kanbanColumnTitleClass,
+  kanbanColumnCountClass,
+  kanbanAccentBarClass,
+  kanbanNoteBarClass,
+  kanbanColumnBodyClass,
+  kanbanCardVariants,
+  type KanbanColumnDef,
+} from '../kanban-board/index.ts'
+import { cn } from '../shared/index.ts'
+
+interface KanbanCard {
+  /** Must match one of the column ids. */
+  columnId: string
+  /** Primary label rendered in the card header. */
+  title: string
+  /** Optional secondary label rendered below the title. */
+  subtitle?: string
+}
+
+interface Props extends astroHTML.JSX.HTMLAttributes {
+  /** Column definitions in left-to-right order. */
+  columns: KanbanColumnDef[]
+  /** All cards to distribute across columns. */
+  cards: KanbanCard[]
+  /** Max visible cards per column before overflow is hidden. Defaults to 5. */
+  cardCap?: number
+}
+
+const { columns, cards, cardCap = 5, class: className, ...rest } = Astro.props
+
+const { ariaProps, dataAttributes } = createKanbanBoard()
+const buckets = cardsByColumn(cards, (c) => c.columnId, columns)
+---
+
+<div class={cn(kanbanBoardVariants(), className)} {...ariaProps} {...dataAttributes} {...rest}>
+  {
+    columns.map((def) => {
+      const colCards = buckets.get(def.id) ?? []
+      const { visible, overflow } = visibleAndOverflow(colCards, cardCap)
+      const count = colCards.length
+
+      return (
+        <div
+          class={kanbanColumnVariants()}
+          style={def.accent ? `--kanban-accent: ${def.accent}` : undefined}
+        >
+          {/* Column header */}
+          <div class={kanbanColumnHeaderClass}>
+            <span class={kanbanColumnTitleClass}>{def.title}</span>
+            <span class={kanbanColumnCountClass}>{count}</span>
+          </div>
+
+          {/* Accent bar */}
+          <div
+            class={kanbanAccentBarClass}
+            style={def.accent ? 'background-color: var(--kanban-accent)' : 'background-color: transparent'}
+            aria-hidden="true"
+          />
+
+          {/* Note bar */}
+          {def.note && <p class={kanbanNoteBarClass}>{def.note}</p>}
+
+          {/* Cards */}
+          <div class={kanbanColumnBodyClass}>
+            {visible.map((card) => (
+              <div class={kanbanCardVariants({ clickable: 'false' })}>
+                <p class="font-medium text-foreground leading-snug">{card.title}</p>
+                {card.subtitle && (
+                  <p class="mt-0.5 text-xs text-muted-foreground">{card.subtitle}</p>
+                )}
+              </div>
+            ))}
+
+            {overflow > 0 && (
+              <p class="mt-1 text-center text-xs text-muted-foreground">
+                {`+${overflow} more`}
+              </p>
+            )}
+          </div>
+        </div>
+      )
+    })
+  }
+</div>

package/dist/astro-kanban-board/index.ts

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

package/dist/astro-keyboard-shortcut/KeyboardShortcut.stories.ts

@@ -1,7 +1,5 @@
 import Component from './KeyboardShortcut.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/KeyboardShortcut',
   component: Component,
@@ -9,4 +7,10 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    keys: ['Item 1', 'Item 2'],
+    enabled: false,
+    preventDefault: false
+  }
+}

package/dist/astro-language-selector/LanguageSelector.stories.ts

@@ -1,7 +1,5 @@
 import Component from './LanguageSelector.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/LanguageSelector',
   component: Component,
@@ -9,4 +7,14 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    value: 'en',
+    options: [
+      { label: 'English', value: 'en' },
+      { label: 'Spanish', value: 'es' }
+    ],
+    multiple: false,
+    placeholder: 'Select a language'
+  }
+}

package/dist/astro-link-card/LinkCard.stories.ts

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

package/dist/astro-logger/Logger.stories.ts

@@ -1,7 +1,5 @@
 import Component from './TelemetryScript.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/Logger',
   component: Component,
@@ -9,4 +7,13 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    app: 'Example app',
+    env: undefined,
+    endpoint: 'Example endpoint',
+    enabled: false,
+    sampleRate: 42,
+    redactKeys: ['Item 1', 'Item 2']
+  }
+}

package/dist/astro-logger/TelemetryScript.astro

@@ -1,6 +1,6 @@
 ---
 /**
- * TelemetryScript — injects a <script> that initializes the telemetry client
+ * TelemetryScript — injects a \<script\> that initializes the telemetry client
  * on the page. Exposes `window.__rfr_telemetry` for other scripts to call
  * debug / info / warn / error / fatal / child / startSpan / flush.
  *

package/dist/astro-markdown-renderer/MarkdownRenderer.stories.ts

@@ -1,7 +1,5 @@
 import Component from './MarkdownRenderer.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/MarkdownRenderer',
   component: Component,
@@ -9,4 +7,11 @@ const meta = {
 
 export default meta
 
-export const Default = { args: {} }
+export const Default = {
+  args: {
+    content: 'Example content',
+    components: 'Example components',
+    linkResolver: 'Example linkResolver',
+    size: 'default'
+  }
+}