@a4ui/core 0.38.0 → 0.38.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.38.0";
+export declare const A4UI_VERSION = "0.38.1";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';

package/dist/index.js

@@ -5,7 +5,7 @@ import { Dynamic as me, Portal as he, addEventListener as ge, classList as _e, c
 import { Accordion as ve } from "@kobalte/core/accordion";
 import { Activity as ye, ArrowDown as be, ArrowDownLeft as xe, ArrowLeft as Se, ArrowRight as Ce, ArrowUp as we, ArrowUpRight as Te, Banknote as Ee, Bell as De, Bookmark as Oe, Brain as ke, CalendarDays as Ae, Check as Y, ChevronDown as je, ChevronLeft as Me, ChevronRight as X, ChevronUp as Ne, ChevronsLeft as Pe, ChevronsLeftRight as Fe, ChevronsRight as Ie, ChevronsUpDown as Le, Circle as Re, CircleCheck as ze, CircleX as Be, Clock as Ve, Compass as He, Copy as Ue, CreditCard as We, Crosshair as Ge, Dumbbell as Ke, Eraser as qe, File as Je, GripVertical as Ye, Hash as Xe, Heart as Ze, Inbox as Qe, Info as $e, Leaf as et, Lightbulb as tt, Loader2 as nt, Lock as rt, Mail as it, MapPin as at, Maximize as ot, Menu as st, Minus as ct, Moon as lt, PanelLeft as ut, Paperclip as dt, Pause as ft, Phone as pt, PictureInPicture2 as mt, Plane as ht, Play as gt, Plus as _t, Satellite as vt, Search as yt, SendHorizontal as bt, ServerCrash as xt, Smile as St, Sparkles as Ct, Star as wt, Sun as Tt, Trash2 as Et, TrendingDown as Dt, TrendingUp as Ot, TriangleAlert as kt, Undo2 as At, Unlock as jt, UploadCloud as Mt, Users as Nt, Utensils as Pt, Volume2 as Ft, VolumeX as It, X as Z, ZoomIn as Lt } from "lucide-solid";
 import { Progress as Rt } from "@kobalte/core/progress";
-import { Dialog as Q } from "@kobalte/core/dialog";
+import * as Q from "@kobalte/core/dialog";
 import { DropdownMenu as zt } from "@kobalte/core/dropdown-menu";
 import { createVirtualizer as Bt } from "@tanstack/solid-virtual";
 import { Tabs as Vt } from "@kobalte/core/tabs";
@@ -26,7 +26,7 @@ import { SegmentedControl as nn } from "@kobalte/core/segmented-control";
 import { Breadcrumbs as rn } from "@kobalte/core/breadcrumbs";
 import { Menubar as $ } from "@kobalte/core/menubar";
 import { NavigationMenu as an } from "@kobalte/core/navigation-menu";
-import { AlertDialog as on } from "@kobalte/core/alert-dialog";
+import * as on from "@kobalte/core/alert-dialog";
 import { ContextMenu as sn } from "@kobalte/core/context-menu";
 import { Combobox as cn } from "@kobalte/core/combobox";
 // src/lib/theme.ts
@@ -1653,7 +1653,7 @@ var la = /*#__PURE__*/ q("<p class=\"text-[12px] text-muted-foreground\">"), ua
 };
 function pa(e) {
 	let t = () => fa[e.side ?? "right"];
-	return L(Q, {
+	return L(Q.Root, {
 		get open() {
 			return e.open;
 		},
@@ -2094,7 +2094,7 @@ function qa(e) {
 }
 function Ja(e) {
 	let t = () => e.variant === "center";
-	return L(Q, {
+	return L(Q.Root, {
 		get open() {
 			return e.open;
 		},
@@ -3440,7 +3440,7 @@ R(["keydown"]);
 // src/ui/AlertDialog.tsx
 var Ks = /*#__PURE__*/ q("<div class=p-6>"), qs = /*#__PURE__*/ q("<div class=\"fixed inset-0 z-50 flex items-center justify-center p-4\">");
 function Js(e) {
-	return L(on, {
+	return L(on.Root, {
 		get open() {
 			return e.open;
 		},
@@ -5429,7 +5429,7 @@ function ld(e) {
 			n && s(n);
 		}
 	};
-	return L(Q, {
+	return L(Q.Root, {
 		get open() {
 			return e.open;
 		},
@@ -6099,7 +6099,7 @@ function Mf(t) {
 			return [(() => {
 				var e = kf();
 				return e.$$click = () => r(!0), B(e, u), z(() => U(e, "aria-label", t.alt)), e;
-			})(), L(Q, {
+			})(), L(Q.Root, {
 				get open() {
 					return n();
 				},
@@ -17541,5 +17541,5 @@ function VD() {
 	BD(e && ND(e) || CD);
 }
 // src/index.ts
-var HD = "0.38.0";
+var HD = "0.38.1";
 export { HD as A4UI_VERSION, jn as Accordion, xD as ActionBar, MS as ActivityFeed, Cf as Affix, Uo as Alert, Js as AlertDialog, Cd as Anchor, Zg as AnimatedBeam, Xo as AnnouncementBar, zT as AppShell, yh as ArtifactPanel, Vn as AspectRatio, Km as Attachment, Qm as AttachmentAction, Zm as AttachmentActions, Jm as AttachmentContent, Xm as AttachmentDescription, $m as AttachmentGroup, qm as AttachmentMedia, Ym as AttachmentTitle, Ky as AudioWaveform, WE as Aurora, lx as AvailabilityPicker, Zo as Avatar, Du as AvatarGroup, gd as BackToTop, b as Badge, wC as BalanceCard, Ql as BeforeAfter, Vg as BentoCard, Bg as BentoGrid, rw as BlockEditor, r_ as BorderBeam, zf as BottomNavigation, ds as Breadcrumb, D as Button, Ln as ButtonGroup, zn as ButtonGroupSeparator, Rn as ButtonGroupText, vu as Calendar, rm as CalendarHeatmap, X_ as Callout, g as Card, E as CardContent, te as CardHeader, gg as CardSpread, _ as CardTitle, ec as Carousel, Eg as Carousel3D, mp as Cascader, qS as CategoryStrip, Bm as ChatMarker, Cm as ChatThread, S as Checkbox, aD as ChristmasBackground, lh as Citation, ym as Clock, Cb as CodeEditor, VS as CodeTabs, ne as Collapse, zp as ColorPicker, Xs as Combobox, ld as Command, Gp as Comment, Ov as Confetti, fu as Configurator, Ol as ContactSection, Ys as ContextMenu, NS as CopyButton, yf as Countdown, xy as CouponField, ml as CtaBanner, jv as CursorTrail, Fw as Curtain, Xf as DataGrid, hC as DataView, yr as DateField, Gr as DateRangePicker, Lr as DateTimeField, ju as Descriptions, P_ as DiffViewer, qg as Dock, pa as Drawer, ma as Dropdown, _a as Dropzone, En as EASE, lD as EffectsToggle, Lb as EmojiPicker, gu as Empty, $b as EventScheduler, dT as Expandable, fl as Faq, $c as FeatureGrid, Ci as Field, wi as FieldContent, Di as FieldDescription, ki as FieldError, Si as FieldGroup, Ti as FieldLabel, xi as FieldLegend, Oi as FieldSeparator, bi as FieldSet, Ei as FieldTitle, ea as FileUpload, Vw as FillText, bd as FloatingActionButton, Ch as FloatingToolbar, cg as FocusBlurGroup, Zy as FollowingPointer, ei as FormControl, ti as FormDescription, ni as FormError, Qr as FormField, $r as FormLabel, ty as GanttChart, uv as Globe, CT as GradientText, Kc as Hero, Dd as Highlight, hw as HoldToConfirm, zo as HoverCard, Gh as IconMorphButton, Mf as Image, Mh as InlineSelect, ba as Input, Fi as InputGroup, Li as InputGroupAddon, Bi as InputGroupButton, Hi as InputGroupInput, Ri as InputGroupText, Ui as InputGroupTextarea, Tx as InteractiveMap, Gd as Item, $d as ItemActions, Xd as ItemContent, Qd as ItemDescription, tf as ItemFooter, Kd as ItemGroup, ef as ItemHeader, Yd as ItemMedia, qd as ItemSeparator, Zd as ItemTitle, nS as JsonViewer, Rv as Kanban, ms as Kbd, zC as KpiBlock, Wn as Label, Jy as Lamp, Ay as Lightbox, eg as LikeButton, Nd as List, yw as LoadingDots, kx as LocationPicker, IS as LockButton, Gf as LogoWall, yT as Magnetic, tl as Marquee, gb as MaskedInput, ZS as MasterDetail, yp as Mentions, ys as Menubar, Cs as MenubarCheckboxItem, Ss as MenubarItem, Os as MenubarLabel, bs as MenubarMenu, ws as MenubarRadioGroup, Ts as MenubarRadioItem, Ds as MenubarSeparator, Es as MenubarSub, Pm as Message, Fm as MessageGroup, u_ as Meteors, ns as Meter, Rh as MicroButton, Ja as Modal, z_ as ModelPicker, UC as MoneyActionButton, ca as MultiSelect, Zw as MultiStateBadge, FS as MuteButton, qn as NativeSelect, dD as NavGroup, zs as NavigationMenu, Us as NavigationMenuContent, Vs as NavigationMenuItem, Ws as NavigationMenuLink, Gs as NavigationMenuPanelLink, Hs as NavigationMenuTrigger, Pp as NotificationCenter, qw as NotificationStack, oT as NowPlaying, ee as NumberInput, gy as OnboardingChecklist, lb as OtpInput, to as PageHeader, Oh as PageTransition, ro as Pagination, Lw as Parallax, WS as PillSearch, dy as PivotTable, PS as PlayPauseButton, Ro as Popover, im as Portal, yS as PresenceAvatars, Tc as PricingTable, Gi as Progress, _h as PromptComposer, Xn as Prose, Bx as QueryBuilder, Ra as Questionnaire, Io as RadioGroup, T as Rating, Ku as RatingsSummary, p_ as ReasoningTrace, Qu as Result, md as RingProgress, w as Ripple, Dn as SPRING, cw as ScrambleText, af as ScrollArea, xT as ScrollProgress, _C as ScrollScene, hD as Section, ss as SegmentedControl, oo as Select, es as Separator, ob as SheetSnap, QC as SideRail, hE as Sidebar, xE as SidebarContent, bE as SidebarFooter, CE as SidebarGroup, TE as SidebarGroupAction, EE as SidebarGroupContent, wE as SidebarGroupLabel, yE as SidebarHeader, vE as SidebarInset, DE as SidebarMenu, NE as SidebarMenuAction, PE as SidebarMenuBadge, ME as SidebarMenuButton, OE as SidebarMenuItem, RE as SidebarMenuSkeleton, FE as SidebarMenuSub, LE as SidebarMenuSubButton, IE as SidebarMenuSubItem, mE as SidebarProvider, _E as SidebarRail, gE as SidebarTrigger, Eb as SignaturePad, Vl as SiteFooter, Mc as SiteNav, $o as Skeleton, rC as SlashMenu, og as SlideArrowButton, is as Slider, ev as Snippet, QE as SnowScenery, lm as Sortable, uh as SourceList, PT as SpaceBackground, qC as Spaces, Iu as SpecSheet, If as SpeedDial, co as Spinner, ed as Splitter, v as Spotlight, fS as SpreadsheetGrid, po as Stat, cc as Stepper, xC as StickyReveal, nh as StreamingText, K_ as SuggestionChips, Fo as Switch, SD as TOKEN_ORDER, bo as Table, So as TableBody, To as TableCell, xo as TableHead, wo as TableHeadCell, Co as TableRow, ko as Tabs, fd as TagInput, ql as TeamGrid, ul as Testimonials, pw as TextReveal, Ca as Textarea, LS as ThemeMorphButton, sD as ThemeToggle, JE as ThemedScenery, C as TiltCard, Mr as TimeField, Ig as TimeMachineStack, hc as Timeline, Po as Toaster, as as Toggle, os as ToggleGroup, x_ as ToolCallTimeline, Lo as Tooltip, wp as Tour, PC as TransactionFeed, Df as Transfer, wu as Tree, op as TreeSelect, oy as TreeTable, _T as Typewriter, H_ as UsageMeter, Ry as VideoPlayerShell, Oo as VirtualList, wv as WorldMap, LD as activeTheme, m as animate, l as animateIn, pn as applyTheme, zD as applyThemeDefinition, y as attachSpotlight, re as attachTilt, kD as christmas, i as cn, f as createCountUp, On as createLinkedSelection, Cn as createOptimistic, wD as dino, TD as doctor, Dv as fireConfetti, wT as flyToCart, o as inView, VD as initTheme, d as isCalm, e as motionReduced, u as prefersReducedMotion, Sn as remeasureAfterLayout, p as revealOnScroll, ED as scientist, t as scroll, BD as selectTheme, c as setEffects, s as setMotionForced, mn as setTheme, OD as snow, DD as soccer, CD as space, x as spawnRipple, h as spring, n as stagger, Tn as startViewTransition, fn as storedTheme, FD as themeToCss, ID as themeToJson, AD as themes, No as toast, bn as toggleTheme, hn as toggled, a as useEffects, xn as useMediaQuery, r as useMotionForced, dE as useSidebar, yn as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a4ui/core",
-  "version": "0.38.0",
+  "version": "0.38.1",
   "description": "A4ui — Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
   "type": "module",
   "license": "MIT",

package/src/index.ts

@@ -8,7 +8,7 @@
 //   import '@a4ui/core/styles.css'
 //   import { Button, Card, Modal } from '@a4ui/core'
 
-export const A4UI_VERSION = '0.38.0'
+export const A4UI_VERSION = '0.38.1'
 
 // Helpers (src/lib) — generic, framework-level utilities.
 export { cn } from './lib/cn'

package/src/ui/AlertDialog.tsx

@@ -1,6 +1,9 @@
 // Confirmation dialog on Kobalte's AlertDialog primitive — centered modal,
 // reuses the modal-overlay/modal-content keyframes from styles.css.
-import { AlertDialog as KAlertDialog } from '@kobalte/core/alert-dialog'
+// Namespace import on purpose: Kobalte's `AlertDialog` is built with Object.assign on the
+// same `DialogRoot` function as `Dialog`, so `AlertDialog.Content` depends on module load order (#118).
+// The named exports (`Root`, `Content`, ...) are not affected.
+import * as KAlertDialog from '@kobalte/core/alert-dialog'
 import type { JSX, ParentProps } from 'solid-js'
 import { Show } from 'solid-js'
 
@@ -30,7 +33,7 @@ interface AlertDialogProps extends ParentProps {
  */
 export function AlertDialog(props: AlertDialogProps): JSX.Element {
   return (
-    <KAlertDialog open={props.open} onOpenChange={props.onOpenChange}>
+    <KAlertDialog.Root open={props.open} onOpenChange={props.onOpenChange}>
       <KAlertDialog.Portal>
         <KAlertDialog.Overlay class="modal-overlay fixed inset-0 z-40 bg-background/80 backdrop-blur-sm" />
         <div class="fixed inset-0 z-50 flex items-center justify-center p-4">
@@ -53,6 +56,6 @@ export function AlertDialog(props: AlertDialogProps): JSX.Element {
           </KAlertDialog.Content>
         </div>
       </KAlertDialog.Portal>
-    </KAlertDialog>
+    </KAlertDialog.Root>
   )
 }

package/src/ui/Command.tsx

@@ -3,7 +3,10 @@
 // handles fuzzy filtering (label + hint + group), keyboard navigation
 // (↑/↓/Enter), optional grouping, and query reset on close. Theme-agnostic:
 // every color comes from a semantic token, never a literal.
-import { Dialog } from '@kobalte/core/dialog'
+// Namespace import on purpose: Kobalte's `AlertDialog` is built with Object.assign on the
+// same `DialogRoot` function as `Dialog`, so `Dialog.Content` depends on module load order (#118).
+// The named exports (`Root`, `Content`, ...) are not affected.
+import * as Dialog from '@kobalte/core/dialog'
 import { createEffect, createMemo, createSignal, For, Show, type JSX } from 'solid-js'
 
 import { cn } from '../lib/cn'
@@ -93,7 +96,7 @@ export function Command(props: CommandProps): JSX.Element {
   }
 
   return (
-    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>
       <Dialog.Portal>
         <Dialog.Overlay class="modal-overlay fixed inset-0 z-40 bg-background/80 backdrop-blur-sm" />
         <div class="fixed inset-x-0 top-[14vh] z-50 mx-auto w-full max-w-lg px-4">
@@ -153,6 +156,6 @@ export function Command(props: CommandProps): JSX.Element {
           </Dialog.Content>
         </div>
       </Dialog.Portal>
-    </Dialog>
+    </Dialog.Root>
   )
 }

package/src/ui/Drawer.tsx

@@ -3,7 +3,10 @@
 // slide-in/out keyframes in styles.css off Kobalte's data-expanded/data-closed.
 // Pass a `title` for the sticky glass header, or omit it and render your own
 // inside `children`.
-import { Dialog } from '@kobalte/core/dialog'
+// Namespace import on purpose: Kobalte's `AlertDialog` is built with Object.assign on the
+// same `DialogRoot` function as `Dialog`, so `Dialog.Content` depends on module load order (#118).
+// The named exports (`Root`, `Content`, ...) are not affected.
+import * as Dialog from '@kobalte/core/dialog'
 import { X } from 'lucide-solid'
 import type { JSX, ParentProps } from 'solid-js'
 import { Show } from 'solid-js'
@@ -67,7 +70,7 @@ export type { DrawerProps }
 export function Drawer(props: DrawerProps): JSX.Element {
   const side = (): (typeof SIDE)[DrawerSide] => SIDE[props.side ?? 'right']
   return (
-    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>
       <Dialog.Portal>
         <Dialog.Overlay class="modal-overlay fixed inset-0 z-40 bg-black/50 backdrop-blur-[2px]" />
         <div class={cn('fixed inset-0 z-50 flex', side().wrap)}>
@@ -100,6 +103,6 @@ export function Drawer(props: DrawerProps): JSX.Element {
           </Dialog.Content>
         </div>
       </Dialog.Portal>
-    </Dialog>
+    </Dialog.Root>
   )
 }

package/src/ui/Image.tsx

@@ -2,7 +2,10 @@
 // Dialog primitive. The thumbnail lazy-loads; when `preview` is on it becomes a
 // button that opens a dimmed, backdrop-blurred overlay with an enlarged copy of
 // the image and a corner close button (focus trap/portal handled by Kobalte).
-import { Dialog } from '@kobalte/core/dialog'
+// Namespace import on purpose: Kobalte's `AlertDialog` is built with Object.assign on the
+// same `DialogRoot` function as `Dialog`, so `Dialog.Content` depends on module load order (#118).
+// The named exports (`Root`, `Content`, ...) are not affected.
+import * as Dialog from '@kobalte/core/dialog'
 import { X } from 'lucide-solid'
 import type { JSX } from 'solid-js'
 import { createSignal, Show } from 'solid-js'
@@ -69,7 +72,7 @@ export function Image(props: ImageProps): JSX.Element {
       <button type="button" class="cursor-zoom-in" aria-label={props.alt} onClick={() => setOpen(true)}>
         {img}
       </button>
-      <Dialog open={open()} onOpenChange={setOpen}>
+      <Dialog.Root open={open()} onOpenChange={setOpen}>
         <Dialog.Portal>
           <Dialog.Overlay class="fixed inset-0 z-40 bg-background/80 backdrop-blur-sm" />
           <div class="fixed inset-0 z-50 flex items-center justify-center p-4">
@@ -88,7 +91,7 @@ export function Image(props: ImageProps): JSX.Element {
             </Dialog.Content>
           </div>
         </Dialog.Portal>
-      </Dialog>
+      </Dialog.Root>
     </Show>
   )
 }

package/src/ui/Modal.tsx

@@ -5,7 +5,10 @@
 //     yes/no) where a full-height drawer would be overkill.
 // The .drawer-content / .modal-content classes drive the slide/scale keyframes
 // (styles.css) off Kobalte's data-expanded/data-closed presence tracking.
-import { Dialog } from '@kobalte/core/dialog'
+// Namespace import on purpose: Kobalte's `AlertDialog` is built with Object.assign on the
+// same `DialogRoot` function as `Dialog`, so `Dialog.Content` depends on module load order (#118).
+// The named exports (`Root`, `Content`, ...) are not affected.
+import * as Dialog from '@kobalte/core/dialog'
 import { X } from 'lucide-solid'
 import type { JSX, ParentProps } from 'solid-js'
 import { Show } from 'solid-js'
@@ -75,7 +78,7 @@ function keepForFloating(e: Event): void {
 export function Modal(props: ModalProps): JSX.Element {
   const isCenter = () => props.variant === 'center'
   return (
-    <Dialog open={props.open} onOpenChange={props.onOpenChange}>
+    <Dialog.Root open={props.open} onOpenChange={props.onOpenChange}>
       <Dialog.Portal>
         <Dialog.Overlay class="modal-overlay fixed inset-0 z-40 bg-background/80 backdrop-blur-sm" />
         <Show
@@ -137,6 +140,6 @@ export function Modal(props: ModalProps): JSX.Element {
           </div>
         </Show>
       </Dialog.Portal>
-    </Dialog>
+    </Dialog.Root>
   )
 }