@refraction-ui/astro 0.17.1 → 0.17.3

package/dist/device-frame/device-frame.ts

@@ -1,5 +1,3 @@
-import type { AccessibilityProps } from '../shared/index.ts'
-
 export type DeviceType = 'iphone' | 'ipad' | 'android-phone' | 'android-tablet'
 export type DeviceOrientation = 'portrait' | 'landscape'
 
@@ -27,7 +25,7 @@ export interface DeviceFrameAPI {
   /** Computed dimensions for the device */
   dimensions: DeviceDimensions
   /** ARIA attributes for the device frame */
-  ariaProps: Partial<AccessibilityProps> & Record<string, unknown>
+  ariaProps: Record<string, string | number | boolean>
   /** Data attributes for styling hooks */
   dataAttributes: Record<string, string>
 }
@@ -92,7 +90,7 @@ export function createDeviceFrame(props: DeviceFrameProps): DeviceFrameAPI {
     homeIndicator: spec.homeIndicator,
   }
 
-  const ariaProps: Partial<AccessibilityProps> & Record<string, unknown> = {
+  const ariaProps: Record<string, string | number | boolean> = {
     role: 'img',
     'aria-label': `${DEVICE_LABELS[device]} device frame in ${orientation} orientation`,
   }

package/dist/emoji-picker/emoji-picker.ts

@@ -1,4 +1,3 @@
-import type { AccessibilityProps } from '../shared/index.ts'
 import { generateId } from '../shared/index.ts'
 import {
   EMOJI_DATA,
@@ -39,7 +38,7 @@ export interface EmojiPickerAPI {
   /** Category tabs with labels */
   categoryTabs: { category: EmojiCategory; label: string; emoji: string }[]
   /** ARIA props for the picker container */
-  ariaProps: Partial<AccessibilityProps> & Record<string, unknown>
+  ariaProps: Record<string, string | number | boolean>
   /** ARIA props for the search input */
   searchInputProps: Record<string, unknown>
   /** Get ARIA props for an emoji button */
@@ -118,7 +117,7 @@ export function createEmojiPicker(props: EmojiPickerProps = {}): EmojiPickerAPI
     emoji: CATEGORY_ICONS[cat],
   }))
 
-  const ariaProps: Partial<AccessibilityProps> & Record<string, unknown> = {
+  const ariaProps: Record<string, string | number | boolean> = {
     role: 'dialog',
     'aria-labelledby': labelId,
     id: containerId,

package/dist/file-upload/file-upload.ts

@@ -208,7 +208,6 @@ export function createFileUpload(props: FileUploadProps = {}): FileUploadAPI {
   const dropZoneProps: Partial<AccessibilityProps> & Record<string, unknown> = {
     role: 'button',
     'aria-label': 'Drop files here or click to upload',
-    'aria-describedby': labelId,
     id: dropZoneId,
     tabIndex: 0,
   }

package/dist/footer/footer.ts

@@ -13,6 +13,8 @@ export interface FooterProps {
   copyright?: string
   socialLinks?: SocialLink[]
   columns?: FooterColumn[]
+  /** Year for the default copyrightText. Default: ambient current year — inject to avoid year-boundary SSR/CSR mismatch. */
+  year?: number
 }
 
 export interface FooterAPI {
@@ -22,7 +24,8 @@ export interface FooterAPI {
 
 export function createFooter(props: FooterProps = {}): FooterAPI {
   const { copyright } = props
-  const year = new Date().getFullYear()
+  // Injection boundary: ambient year is the default; inject `year` so SSR and client agree.
+  const year = props.year ?? new Date().getFullYear()
   const copyrightText = copyright ?? `© ${year} All rights reserved.`
 
   return {

package/dist/index.ts

@@ -1,126 +1,239 @@
-// Auto-generated meta-package index
-export * from './astro-accordion/index.ts';
-export * from './shared/index.ts';
-export * from './astro-ai/index.ts';
-export * from './astro-analytics/index.ts';
-export * from './astro-animated-text/index.ts';
-export * from './astro-app-shell/index.ts';
-export * from './astro-audience-feature-card/index.ts';
-export * from './astro-audio-room/index.ts';
-export * from './astro-auth/index.ts';
-export * from './astro-avatar/index.ts';
-export * from './astro-avatar-group/index.ts';
-export * from './astro-badge/index.ts';
-export * from './astro-bottom-nav/index.ts';
-export * from './astro-brand-network-cell/index.ts';
-export * from './astro-breadcrumbs/index.ts';
-export * from './astro-browser-chrome-mock/index.ts';
-export * from './astro-button/index.ts';
-export * from './astro-calendar/index.ts';
-export * from './astro-call-controls/index.ts';
-export * from './astro-callout/index.ts';
-export * from './astro-card/index.ts';
-export * from './astro-card-grid/index.ts';
-export * from './astro-carousel/index.ts';
-export * from './astro-charts/index.ts';
-export * from './astro-checkbox/index.ts';
-export * from './astro-checklist/index.ts';
-export * from './astro-code-block/index.ts';
-export * from './astro-code-editor/index.ts';
-export * from './astro-collapsible/index.ts';
-export * from './astro-command/index.ts';
-export * from './astro-command-input/index.ts';
-export * from './astro-composer/index.ts';
-export * from './astro-content-protection/index.ts';
-export * from './astro-conversation/index.ts';
-export * from './astro-cookie-consent/index.ts';
-export * from './astro-data-table/index.ts';
-export * from './astro-date-picker/index.ts';
-export * from './astro-device-frame/index.ts';
-export * from './astro-dialog/index.ts';
-export * from './astro-diff-viewer/index.ts';
-export * from './astro-dropdown-menu/index.ts';
-export * from './astro-editor-status-bar/index.ts';
-export * from './astro-editor-tabs/index.ts';
-export * from './astro-emoji-picker/index.ts';
-export * from './astro-empty-state/index.ts';
-export * from './astro-feedback-dialog/index.ts';
-export * from './astro-file-tree/index.ts';
-export * from './astro-file-upload/index.ts';
-export * from './astro-floating-reactions/index.ts';
-export * from './astro-flow-editor/index.ts';
-export * from './astro-footer/index.ts';
-export * from './astro-graph-view/index.ts';
-export * from './astro-icon-system/index.ts';
-export * from './astro-infinite-canvas/index.ts';
-export * from './astro-inline-editor/index.ts';
-export * from './astro-input/index.ts';
-export * from './astro-input-group/index.ts';
-export * from './astro-install-prompt/index.ts';
-export * from './astro-kanban-board/index.ts';
-export * from './astro-keyboard-shortcut/index.ts';
-export * from './astro-language-selector/index.ts';
-export * from './astro-link-card/index.ts';
-export * from './astro-live-captions/index.ts';
-export * from './astro-live-cursors/index.ts';
-export * from './astro-live-transcript/index.ts';
-export * from './astro-location-selector/index.ts';
-export * from './astro-logger/index.ts';
-export * from './astro-markdown-renderer/index.ts';
-export * from './astro-marquee-strip/index.ts';
-export * from './astro-mastery-bar/index.ts';
-export * from './astro-mascot/index.ts';
-export * from './astro-mini-map/index.ts';
-export * from './astro-mobile-nav/index.ts';
-export * from './astro-navbar/index.ts';
-export * from './astro-numbered-steps/index.ts';
-export * from './astro-otp-input/index.ts';
-export * from './astro-pagination/index.ts';
-export * from './astro-password-input/index.ts';
-export * from './astro-payment/index.ts';
-export * from './astro-popover/index.ts';
-export * from './astro-pre-call-lobby/index.ts';
-export * from './astro-presence-indicator/index.ts';
-export * from './astro-pricing-card/index.ts';
-export * from './astro-progress-display/index.ts';
-export * from './astro-radial-gauge/index.ts';
-export * from './astro-radio/index.ts';
-export * from './astro-rating-scale/index.ts';
-export * from './astro-reaction-bar/index.ts';
-export * from './astro-resizable-layout/index.ts';
-export * from './astro-rich-editor/index.ts';
-export * from './astro-search-bar/index.ts';
-export * from './astro-section-head/index.ts';
-export * from './astro-segmented-control/index.ts';
-export * from './astro-select/index.ts';
-export * from './astro-separator/index.ts';
-export * from './astro-sidebar/index.ts';
-export * from './astro-skeleton/index.ts';
-export * from './astro-skip-to-content/index.ts';
-export * from './astro-slide-viewer/index.ts';
-export * from './astro-slider/index.ts';
-export * from './astro-slot-picker/index.ts';
-export * from './astro-social-auth-button/index.ts';
-export * from './astro-sortable-list/index.ts';
-export * from './astro-stat-grid/index.ts';
-export * from './astro-status-indicator/index.ts';
-export * from './astro-steps/index.ts';
-export * from './astro-sticky-note/index.ts';
-export * from './astro-switch/index.ts';
-export * from './astro-table-of-contents/index.ts';
-export * from './astro-tabs/index.ts';
-export * from './astro-terminal/index.ts';
-export * from './astro-test-results/index.ts';
-export * from './astro-textarea/index.ts';
-export * from './astro-theme/index.ts';
-export * from './astro-thread-view/index.ts';
-export * from './astro-timeline/index.ts';
-export * from './astro-toast/index.ts';
-export * from './astro-tooltip/index.ts';
-export * from './astro-version-selector/index.ts';
-export * from './astro-video-grid/index.ts';
-export * from './astro-video-player/index.ts';
-export * from './astro-video-tile/index.ts';
-export * from './astro-voice-pill/index.ts';
-export * from './astro-waveform/index.ts';
-export * from './astro-wizard/index.ts';
+// Auto-generated meta-package index (from src/index.ts — edit that file, not this one)
+/**
+ * @refraction-ui/astro
+ *
+ * Meta package that re-exports all @refraction-ui/astro-* component packages,
+ * so consumers install a single package and import every component from it.
+ */
+
+// Embedded shared utilities — `@refraction-ui/shared` is private and copied
+// into the shipped artifact by the meta build, so the meta re-exports it
+// directly instead of referencing the package.
+export * from './shared/index.ts'
+
+// Core / theme
+export * from './astro-theme/index.ts'
+
+// Components (alphabetical)
+export * from './astro-accordion/index.ts'
+export * from './astro-ai/index.ts'
+export * from './astro-animated-text/index.ts'
+export * from './astro-app-shell/index.ts'
+export * from './astro-auth/index.ts'
+export * from './astro-avatar/index.ts'
+export * from './astro-avatar-group/index.ts'
+export * from './astro-badge/index.ts'
+export * from './astro-bottom-nav/index.ts'
+export * from './astro-breadcrumbs/index.ts'
+export * from './astro-button/index.ts'
+export * from './astro-calendar/index.ts'
+export * from './astro-card/index.ts'
+export * from './astro-charts/index.ts'
+export * from './astro-checkbox/index.ts'
+export * from './astro-code-editor/index.ts'
+export * from './astro-collapsible/index.ts'
+export * from './astro-command/index.ts'
+export * from './astro-composer/index.ts'
+export * from './astro-conversation/index.ts'
+export * from './astro-content-protection/index.ts'
+export * from './astro-cookie-consent/index.ts'
+export * from './astro-data-table/index.ts'
+export * from './astro-date-picker/index.ts'
+export * from './astro-device-frame/index.ts'
+export * from './astro-dialog/index.ts'
+export * from './astro-diff-viewer/index.ts'
+export * from './astro-dropdown-menu/index.ts'
+export * from './astro-emoji-picker/index.ts'
+export * from './astro-feedback-dialog/index.ts'
+export * from './astro-file-upload/index.ts'
+export * from './astro-footer/index.ts'
+export * from './astro-inline-editor/index.ts'
+export * from './astro-input/index.ts'
+export * from './astro-input-group/index.ts'
+export * from './astro-install-prompt/index.ts'
+export * from './astro-keyboard-shortcut/index.ts'
+export * from './astro-language-selector/index.ts'
+export * from './astro-location-selector/index.ts'
+export * from './astro-markdown-renderer/index.ts'
+export * from './astro-mascot/index.ts'
+export * from './astro-mobile-nav/index.ts'
+export * from './astro-navbar/index.ts'
+export * from './astro-otp-input/index.ts'
+export * from './astro-popover/index.ts'
+export * from './astro-presence-indicator/index.ts'
+export * from './astro-progress-display/index.ts'
+export * from './astro-radio/index.ts'
+export * from './astro-rating-scale/index.ts'
+export * from './astro-reaction-bar/index.ts'
+export * from './astro-resizable-layout/index.ts'
+export * from './astro-rich-editor/index.ts'
+export * from './astro-search-bar/index.ts'
+export * from './astro-select/index.ts'
+export * from './astro-sidebar/index.ts'
+export * from './astro-skeleton/index.ts'
+export * from './astro-slide-viewer/index.ts'
+export * from './astro-status-indicator/index.ts'
+export * from './astro-switch/index.ts'
+export * from './astro-tabs/index.ts'
+export * from './astro-textarea/index.ts'
+export * from './astro-thread-view/index.ts'
+export * from './astro-toast/index.ts'
+export * from './astro-tooltip/index.ts'
+export * from './astro-version-selector/index.ts'
+export * from './astro-video-player/index.ts'
+
+export * from './astro-table-of-contents/index.ts'
+export * from './astro-carousel/index.ts'
+export * from './astro-slider/index.ts'
+export * from './astro-pagination/index.ts'
+
+export * from './astro-callout/index.ts'
+export * from './astro-steps/index.ts'
+export * from './astro-file-tree/index.ts'
+export * from './astro-icon-system/index.ts'
+export * from './astro-skip-to-content/index.ts'
+export * from './astro-code-block/index.ts'
+export * from './astro-link-card/index.ts'
+export * from './astro-card-grid/index.ts'
+
+
+export * from './astro-payment/index.ts'
+
+
+
+export * from './astro-command-input/index.ts'
+export * from './astro-logger/index.ts'
+
+// astro-analytics: selective re-export, not `export *` — astro-logger (above)
+// already surfaces `createConsoleSink`, `createMockSink` and the
+// `ConsoleSinkOptions` type from its own headless core, so a wildcard here
+// collides (TS2308) and, worse, makes all three names unreachable at runtime
+// (ambiguous star exports are dropped from the ESM namespace). Keep the
+// pre-existing logger names stable — the same canonical surface react-meta
+// exposes — and ship the analytics variants under aliases instead.
+export {
+  AnalyticsScript,
+  createAnalytics,
+  createHttpSink,
+  createConsoleSink as createAnalyticsConsoleSink,
+  createMockSink as createAnalyticsMockSink,
+  createSession,
+  createIdentity,
+  createConsent,
+  createRedactor,
+  createMemoryStorage,
+  createLocalStorageAdapter,
+  createCookieAdapter,
+  resolveStorage,
+  campaignFingerprint,
+  uuidv4,
+  isUuidV4,
+  UUID_V4_RE,
+  PII_DENY_LIST,
+  PII_EXACT_KEYS,
+  REDACTED,
+  SCHEMA_VERSION,
+  DEFAULT_SESSION_TIMEOUT_MS,
+  createGA4Sink,
+  createGA4HttpSink,
+  createGA4ClientSdkSink,
+  createAppInsightsSink,
+  createPostHogSink,
+  createPostHogHttpSink,
+  createPostHogClientSdkSink,
+  startSessionReplay,
+  type Analytics,
+  type AnalyticsConfig,
+  type AnalyticsEvent,
+  type AnalyticsEventType,
+  type AnalyticsProperties,
+  type AnalyticsContext,
+  type AnalyticsSink,
+  type AnalyticsStorage,
+  type SinkInitContext,
+  type SinkDeliverContext,
+  type SessionConfig,
+  type SessionAPI,
+  type IdentityConfig,
+  type ConsentConfig,
+  type ConsentAPI,
+  type HttpSinkOptions,
+  type CallOptions,
+  type ConsoleSinkOptions as AnalyticsConsoleSinkOptions,
+  type MockSink,
+  type CreateMockSinkOptions,
+  type Redactor,
+  type GA4SinkOptions,
+  type GA4HttpOptions,
+  type GA4ClientSdkOptions,
+  type GA4ConsentBridge,
+  type ConsentState,
+  type GtagFn,
+  type AppInsightsSinkOptions,
+  type AppInsightsSinkMode,
+  type ClientSdkOptions,
+  type HttpOptions,
+  type AppInsightsLike,
+  type PostHogSinkMode,
+  type PostHogSinkOptions,
+  type PostHogHttpSinkOptions,
+  type PostHogClientSdkSinkOptions,
+  type SessionReplayOptions,
+  type SessionReplayHandle,
+} from './astro-analytics/index.ts'
+
+// Voice primitives — siblings of @refraction-ui/react-voice-pill / -waveform.
+// Issues #191, #192.
+export * from './astro-voice-pill/index.ts'
+export * from './astro-waveform/index.ts'
+
+// Issues #330-#334 — auth surface components
+export * from './astro-segmented-control/index.ts'
+export * from './astro-password-input/index.ts'
+export * from './astro-social-auth-button/index.ts'
+export * from './astro-separator/index.ts'
+export * from './astro-empty-state/index.ts'
+
+// easyloops design-parity wave 1 (Cluster C + D)
+export * from './astro-wizard/index.ts'
+export * from './astro-radial-gauge/index.ts'
+export * from './astro-timeline/index.ts'
+export * from './astro-checklist/index.ts'
+export * from './astro-editor-tabs/index.ts'
+export * from './astro-terminal/index.ts'
+export * from './astro-test-results/index.ts'
+export * from './astro-editor-status-bar/index.ts'
+
+// easyloops design-parity wave 2 (Cluster A — video)
+export * from './astro-video-tile/index.ts'
+export * from './astro-video-grid/index.ts'
+export * from './astro-call-controls/index.ts'
+export * from './astro-live-captions/index.ts'
+export * from './astro-live-transcript/index.ts'
+export * from './astro-audio-room/index.ts'
+export * from './astro-floating-reactions/index.ts'
+export * from './astro-pre-call-lobby/index.ts'
+
+// easyloops design-parity wave 3 (Cluster B — canvas)
+export * from './astro-infinite-canvas/index.ts'
+export * from './astro-sticky-note/index.ts'
+export * from './astro-flow-editor/index.ts'
+export * from './astro-graph-view/index.ts'
+export * from './astro-live-cursors/index.ts'
+export * from './astro-mini-map/index.ts'
+
+// easyloops marketing components wave
+export * from './astro-section-head/index.ts'
+export * from './astro-stat-grid/index.ts'
+export * from './astro-numbered-steps/index.ts'
+export * from './astro-pricing-card/index.ts'
+export * from './astro-brand-network-cell/index.ts'
+export * from './astro-marquee-strip/index.ts'
+export * from './astro-browser-chrome-mock/index.ts'
+export * from './astro-mastery-bar/index.ts'
+export * from './astro-audience-feature-card/index.ts'
+
+// loopwyse pipeline components
+export * from './astro-sortable-list/index.ts'
+export * from './astro-kanban-board/index.ts'
+export * from './astro-slot-picker/index.ts'

package/dist/location-selector/location-selector.ts

@@ -1,4 +1,4 @@
-import { COUNTRIES, LANGUAGES, detectCountry, detectLanguage } from '../i18n/index.ts'
+import { COUNTRIES, LANGUAGES } from '../i18n/index.ts'
 import { generateId } from '../shared/index.ts'
 
 export interface LocationSelectorState {
@@ -21,7 +21,7 @@ export function createLocationSelector(options: LocationSelectorOptions = {}) {
     onLanguageChange,
   } = options
 
-  let state: LocationSelectorState = {
+  const state: LocationSelectorState = {
     country: defaultCountry,
     language: defaultLanguage,
   }

package/dist/logger/telemetry-manager.ts

@@ -34,6 +34,9 @@ export function createTelemetry(config: TelemetryConfig): Telemetry {
   const preset = resolvePreset(config.env)
   const sampleRate = config.sampleRate ?? preset.sampleRate
   const redactKeys = config.redactKeys ?? []
+  // Injection boundary: ambient time/randomness default here; inject `now`/`random` for determinism.
+  const now = config.now ?? (() => Date.now())
+  const random = config.random ?? (() => Math.random())
 
   const sinks = new Map<string, TelemetrySink>()
   /** Insertion-ordered sink names. */
@@ -71,7 +74,7 @@ export function createTelemetry(config: TelemetryConfig): Telemetry {
   function shouldSample(): boolean {
     if (sampleRate >= 1) return true
     if (sampleRate <= 0) return false
-    return Math.random() < sampleRate
+    return random() < sampleRate
   }
 
   function dispatch(
@@ -134,7 +137,7 @@ export function createTelemetry(config: TelemetryConfig): Telemetry {
       const record: LogRecord = {
         level,
         message,
-        timestamp: Date.now(),
+        timestamp: now(),
         app: config.app,
         env: config.env,
         context: merged,
@@ -164,13 +167,13 @@ export function createTelemetry(config: TelemetryConfig): Telemetry {
       },
 
       startSpan(name: string, attributes?: LogContext): Span {
-        const startTime = Date.now()
+        const startTime = now()
         let ended = false
         return {
           end(opts?: { error?: unknown; attributes?: LogContext }): void {
             if (ended) return
             ended = true
-            const endTime = Date.now()
+            const endTime = now()
             const merged = redact(
               { ...boundContext, ...attributes, ...opts?.attributes },
               redactKeys,

package/dist/logger/types.ts

@@ -84,6 +84,10 @@ export interface TelemetryConfig {
    * PII / secrets, e.g. `['password', 'token', 'authorization']`.
    */
   redactKeys?: string[]
+  /** Clock for record timestamps and span timing (ms epoch). Default: ambient `Date.now()` — inject for deterministic tests. */
+  now?: () => number
+  /** RNG for sample-rate decisions. Default: ambient `Math.random` — inject for deterministic tests. */
+  random?: () => number
 }
 
 /** A logger bound to a context. Child loggers inherit + extend that context. */

package/dist/pagination/index.ts

@@ -1 +1,14 @@
-export {}
+export {
+  createPagination,
+  clampPage,
+  getPaginationItems,
+  type PaginationItem,
+  type PaginationConfig,
+  type PaginationAPI,
+} from './pagination.js'
+
+export {
+  paginationVariants,
+  paginationItemVariants,
+  paginationEllipsisClass,
+} from './pagination.styles.js'

package/dist/pagination/pagination.styles.ts

@@ -0,0 +1,33 @@
+import { cva } from '../shared/index.ts'
+
+/** Row of pagination controls. */
+export const paginationVariants = cva({
+  base: 'flex items-center gap-1',
+})
+
+/**
+ * A pagination button (prev / next / numbered page). The `state` variant
+ * carries the current-page treatment so adapters never inline these classes.
+ */
+export const paginationItemVariants = cva({
+  base: [
+    'inline-flex h-9 min-w-9 items-center justify-center rounded-md border px-3',
+    'text-sm font-medium transition-colors',
+    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring',
+    'focus-visible:ring-offset-2 focus-visible:ring-offset-background',
+    'disabled:pointer-events-none disabled:opacity-50',
+  ].join(' '),
+  variants: {
+    state: {
+      current: 'border-primary bg-primary text-primary-foreground',
+      default: 'border-border bg-background text-foreground hover:bg-muted',
+    },
+  },
+  defaultVariants: {
+    state: 'default',
+  },
+})
+
+/** Ellipsis gap between page numbers (not interactive). */
+export const paginationEllipsisClass =
+  'inline-flex h-9 min-w-9 items-center justify-center text-sm text-muted-foreground'