@refraction-ui/astro 0.8.0 → 0.9.0

package/dist/astro-cookie-consent/CookieConsent.astro

@@ -0,0 +1,141 @@
+---
+import { DEFAULT_CATEGORIES, type CookieCategory } from '../cookie-consent/index.ts'
+import { cn } from '../shared/index.ts'
+
+interface Props {
+  categories?: CookieCategory[]
+  title?: string
+  description?: string
+  policyUrl?: string
+  policyLabel?: string
+  position?: 'bottom' | 'top'
+  version?: string
+  storageKey?: string
+  class?: string
+}
+
+const {
+  categories = DEFAULT_CATEGORIES,
+  title = 'We use cookies',
+  description = 'We use cookies to run the site, remember your preferences, and measure traffic. Choose which categories to allow.',
+  policyUrl,
+  policyLabel = 'Cookie policy',
+  position = 'bottom',
+  version = '',
+  storageKey = 'rfr-cookie-consent',
+  class: className,
+} = Astro.props
+---
+
+<!-- Hidden by default; the script reveals it only when consent is needed (avoids a flash for returning visitors). -->
+<div
+  data-rfr-cookie-consent
+  data-version={version}
+  data-storage-key={storageKey}
+  hidden
+  role="dialog"
+  aria-label="Cookie consent"
+  class={cn('fixed inset-x-0 z-50 p-4', position === 'bottom' ? 'bottom-0' : 'top-0', className)}
+>
+  <div class="mx-auto max-w-3xl rounded-xl border border-border bg-background p-4 shadow-lg">
+    <h2 class="text-base font-semibold">{title}</h2>
+    <p class="mt-1 text-sm text-muted-foreground">{description}</p>
+    {policyUrl && (
+      <a href={policyUrl} target="_blank" rel="noreferrer" class="mt-1 inline-block text-sm text-muted-foreground underline hover:text-foreground">{policyLabel}</a>
+    )}
+
+    <div data-rfr-cc-prompt class="mt-3 flex flex-wrap items-center gap-2">
+      <button type="button" data-rfr-cc-accept class="rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground">Accept all</button>
+      <button type="button" data-rfr-cc-reject class="rounded-md border border-border px-3 py-1.5 text-sm hover:bg-accent">Reject all</button>
+      <button type="button" data-rfr-cc-manage class="ml-auto rounded-md border border-border px-3 py-1.5 text-sm hover:bg-accent">Manage preferences</button>
+    </div>
+
+    <div data-rfr-cc-settings hidden class="mt-3 space-y-2">
+      {categories.map((cat) => (
+        <label class="flex items-start justify-between gap-3 rounded-md border border-border p-3">
+          <span class="min-w-0">
+            <span class="block text-sm font-medium">{cat.label}{cat.required ? ' (required)' : ''}</span>
+            {cat.description && <span class="block text-xs text-muted-foreground">{cat.description}</span>}
+          </span>
+          <input
+            type="checkbox"
+            data-rfr-cc-cat={cat.id}
+            checked={cat.required}
+            disabled={cat.required}
+            aria-label={cat.label}
+            class="mt-0.5 h-4 w-4"
+          />
+        </label>
+      ))}
+      <div class="flex flex-wrap items-center gap-2 pt-1">
+        <button type="button" data-rfr-cc-save class="rounded-md bg-primary px-3 py-1.5 text-sm font-medium text-primary-foreground">Save preferences</button>
+        <button type="button" data-rfr-cc-accept class="rounded-md border border-border px-3 py-1.5 text-sm hover:bg-accent">Accept all</button>
+        <button type="button" data-rfr-cc-back class="ml-auto text-sm text-muted-foreground underline hover:text-foreground">Back</button>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  document.querySelectorAll<HTMLElement>('[data-rfr-cookie-consent]').forEach((root) => {
+    const key = root.dataset.storageKey || 'rfr-cookie-consent'
+    const version = root.dataset.version || ''
+    const prompt = root.querySelector<HTMLElement>('[data-rfr-cc-prompt]')!
+    const settings = root.querySelector<HTMLElement>('[data-rfr-cc-settings]')!
+
+    const read = () => {
+      try {
+        const raw = localStorage.getItem(key)
+        if (!raw) return null
+        const parsed = JSON.parse(raw)
+        return parsed.version === version ? parsed : null
+      } catch {
+        return null
+      }
+    }
+
+    const persist = (preferences: Record<string, boolean>) => {
+      try {
+        localStorage.setItem(key, JSON.stringify({ version, preferences }))
+      } catch {
+        /* ignore */
+      }
+      root.dispatchEvent(new CustomEvent('rfr:cookie-consent', { detail: preferences, bubbles: true }))
+      root.hidden = true
+    }
+
+    const collect = (allTrue = false) => {
+      const prefs: Record<string, boolean> = {}
+      root.querySelectorAll<HTMLInputElement>('[data-rfr-cc-cat]').forEach((el) => {
+        const id = el.getAttribute('data-rfr-cc-cat') || ''
+        prefs[id] = el.disabled ? true : allTrue ? true : el.checked
+      })
+      return prefs
+    }
+
+    // Show the banner only if consent is missing/outdated.
+    if (!read()) root.hidden = false
+
+    root.addEventListener('click', (e) => {
+      const t = e.target as HTMLElement
+      if (t.closest('[data-rfr-cc-accept]')) return persist(collect(true))
+      if (t.closest('[data-rfr-cc-reject]')) {
+        const prefs: Record<string, boolean> = {}
+        root.querySelectorAll<HTMLInputElement>('[data-rfr-cc-cat]').forEach((el) => {
+          prefs[el.getAttribute('data-rfr-cc-cat') || ''] = !!el.disabled
+        })
+        return persist(prefs)
+      }
+      if (t.closest('[data-rfr-cc-save]')) return persist(collect())
+      if (t.closest('[data-rfr-cc-manage]')) {
+        prompt.hidden = true
+        settings.hidden = false
+        return
+      }
+      if (t.closest('[data-rfr-cc-back]')) {
+        settings.hidden = true
+        prompt.hidden = false
+      }
+    })
+  })
+</script>

package/dist/astro-cookie-consent/index.ts

@@ -0,0 +1,12 @@
+export { default as CookieConsent } from './CookieConsent.astro'
+
+export {
+  createCookieConsent,
+  DEFAULT_CATEGORIES,
+  type CookieCategory,
+  type ConsentPreferences,
+  type CookieStorage,
+  type CookieConsentConfig,
+  type CookieConsentState,
+  type CookieConsentAPI,
+} from '../cookie-consent/index.ts'

package/dist/astro-data-table/DataTable.stories.ts

@@ -0,0 +1,12 @@
+import Component from './DataTable.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/DataTable',
+  component: Component,
+}
+
+export default meta
+
+export const Default = { args: {} }

package/dist/astro-date-picker/DatePicker.stories.ts

@@ -0,0 +1,12 @@
+import Component from './DatePicker.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/DatePicker',
+  component: Component,
+}
+
+export default meta
+
+export const Default = { args: {} }

package/dist/astro-device-frame/DeviceFrame.stories.ts

@@ -0,0 +1,12 @@
+import Component from './DeviceFrame.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/DeviceFrame',
+  component: Component,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

package/dist/astro-emoji-picker/EmojiPicker.stories.ts

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+import Component from './BadgeDisplay.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/ProgressDisplay',
+  component: Component,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+import Component from './RadioGroup.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/Radio',
+  component: Component,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }

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

@@ -0,0 +1,12 @@
+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,
+}
+
+export default meta
+
+export const Default = { args: {} }