@alfakit/react 0.0.0-stage → 0.1.0

package/dist/components/ui/table.d.ts

@@ -0,0 +1,13 @@
+import { ComponentProps } from "react";
+//#region src/components/ui/table.d.ts
+declare function Table({ className, ...props }: ComponentProps<'table'>): import("react").JSX.Element;
+declare function TableHeader({ className, ...props }: ComponentProps<'thead'>): import("react").JSX.Element;
+declare function TableBody({ className, ...props }: ComponentProps<'tbody'>): import("react").JSX.Element;
+declare function TableFooter({ className, ...props }: ComponentProps<'tfoot'>): import("react").JSX.Element;
+declare function TableRow({ className, ...props }: ComponentProps<'tr'>): import("react").JSX.Element;
+declare function TableHead({ className, ...props }: ComponentProps<'th'>): import("react").JSX.Element;
+declare function TableCell({ className, ...props }: ComponentProps<'td'>): import("react").JSX.Element;
+declare function TableCaption({ className, ...props }: ComponentProps<'caption'>): import("react").JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","names":[],"sources":["../../../src/components/ui/table.tsx"],"mappings":";;iBAGS,QAAQ,cAAc,SAAS,0CAAuB,IAAA;iBAYtD,cAAc,cAAc,SAAS,0CAAuB,IAAA;iBAI5D,YAAY,cAAc,SAAS,0CAAuB,IAAA;iBAU1D,cAAc,cAAc,SAAS,0CAAuB,IAAA;iBAU5D,WAAW,cAAc,SAAS,uCAAoB,IAAA;iBAatD,YAAY,cAAc,SAAS,uCAAoB,IAAA;iBAavD,YAAY,cAAc,SAAS,uCAAoB,IAAA;iBAavD,eAAe,cAAc,SAAS,4CAAyB,IAAA"}

package/dist/components/ui/table.js

@@ -0,0 +1,67 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/table.tsx
+function Table({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ jsx("table", {
+			"data-slot": "table",
+			className: cn("w-full caption-bottom text-sm", className),
+			...props
+		})
+	});
+}
+function TableHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("thead", {
+		"data-slot": "table-header",
+		className: cn("[&_tr]:border-b", className),
+		...props
+	});
+}
+function TableBody({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tbody", {
+		"data-slot": "table-body",
+		className: cn("[&_tr:last-child]:border-0", className),
+		...props
+	});
+}
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+		...props
+	});
+}
+function TableRow({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tr", {
+		"data-slot": "table-row",
+		className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+		...props
+	});
+}
+function TableHead({ className, ...props }) {
+	return /* @__PURE__ */ jsx("th", {
+		"data-slot": "table-head",
+		className: cn("text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCell({ className, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		"data-slot": "table-cell",
+		className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+		...props
+	});
+}
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("text-muted-foreground mt-4 text-sm", className),
+		...props
+	});
+}
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/components/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\nimport { cn } from '../../lib/utils'\n\nfunction Table({ className, ...props }: ComponentProps<'table'>) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: ComponentProps<'thead'>) {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr]:border-b', className)} {...props} />\n}\n\nfunction TableBody({ className, ...props }: ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-10 px-2 text-start align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pe-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({ className, ...props }: ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow }\n"],"mappings":";;;AAGA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAkC;CAC/D,OACE,oBAAC,OAAD;EAAK,aAAU;EAAkB,WAAU;EACzC,UAAA,oBAAC,SAAD;GACE,aAAU;GACV,WAAW,GAAG,iCAAiC,SAAS;GACxD,GAAI;EACL,CAAA;CACE,CAAA;AAET;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;CACrE,OAAO,oBAAC,SAAD;EAAO,aAAU;EAAe,WAAW,GAAG,mBAAmB,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAkC;CACnE,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,8BAA8B,SAAS;EACrD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;CACrE,OACE,oBAAC,SAAD;EACE,aAAU;EACV,WAAW,GAAG,2DAA2D,SAAS;EAClF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA+B;CAC/D,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,+EACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAA+B;CAChE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,uJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAA+B;CAChE,OACE,oBAAC,MAAD;EACE,aAAU;EACV,WAAW,GACT,0GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAoC;CACxE,OACE,oBAAC,WAAD;EACE,aAAU;EACV,WAAW,GAAG,sCAAsC,SAAS;EAC7D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { Tabs } from "radix-ui";
+//#region src/components/ui/tabs.d.ts
+declare function Tabs$1({ className, ...props }: ComponentProps<typeof Tabs.Root>): import("react").JSX.Element;
+declare function TabsList({ className, ...props }: ComponentProps<typeof Tabs.List>): import("react").JSX.Element;
+declare function TabsTrigger({ className, ...props }: ComponentProps<typeof Tabs.Trigger>): import("react").JSX.Element;
+declare function TabsContent({ className, ...props }: ComponentProps<typeof Tabs.Content>): import("react").JSX.Element;
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":["Tabs","TabsPrimitive"],"sources":["../../../src/components/ui/tabs.tsx"],"mappings":";;;iBAISA,SAAO,cAAc,SAAS,sBAAsBC,KAAc,wBAAK,IAAA;iBAUvE,WAAW,cAAc,SAAS,sBAAsBA,KAAc,wBAAK,IAAA;iBAa3E,cAAc,cAAc,SAAS,sBAAsBA,KAAc,2BAAQ,IAAA;iBAajF,cAAc,cAAc,SAAS,sBAAsBA,KAAc,2BAAQ,IAAA"}

package/dist/components/ui/tabs.js

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "radix-ui";
+//#region src/components/ui/tabs.tsx
+function Tabs$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		className: cn("flex gap-2 data-[orientation=horizontal]:flex-col", className),
+		...props
+	});
+}
+function TabsList({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px] data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch", className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/ui/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["Tabs","TabsPrimitive"],"sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["import { Tabs as TabsPrimitive } from 'radix-ui'\nimport type { ComponentProps } from 'react'\nimport { cn } from '../../lib/utils'\n\nfunction Tabs({ className, ...props }: ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      className={cn('flex gap-2 data-[orientation=horizontal]:flex-col', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px] data-[orientation=vertical]:h-auto data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":";;;;AAIA,SAASA,OAAK,EAAE,WAAW,GAAG,SAAoD;CAChF,OACE,oBAACC,KAAc,MAAf;EACE,aAAU;EACV,WAAW,GAAG,qDAAqD,SAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAoD;CACpF,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,WAAW,GACT,yNACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuD;CAC1F,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GACT,mqBACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuD;CAC1F,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+//#region src/components/ui/textarea.d.ts
+declare function Textarea({ className, ...props }: ComponentProps<'textarea'>): import("react").JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"mappings":";;iBAGS,WAAW,cAAc,SAAS,6CAA0B,IAAA"}

package/dist/components/ui/textarea.js

@@ -0,0 +1,14 @@
+import { cn } from "../../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\nimport { cn } from '../../lib/utils'\n\nfunction Textarea({ className, ...props }: ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;AAGA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAqC;CACrE,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,ucACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from "react";
+import { Tooltip } from "radix-ui";
+//#region src/components/ui/tooltip.d.ts
+declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof Tooltip.Provider>): import("react").JSX.Element;
+declare function Tooltip$1({ ...props }: ComponentProps<typeof Tooltip.Root>): import("react").JSX.Element;
+declare function TooltipTrigger({ ...props }: ComponentProps<typeof Tooltip.Trigger>): import("react").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: ComponentProps<typeof Tooltip.Content>): import("react").JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":["TooltipPrimitive","Tooltip"],"sources":["../../../src/components/ui/tooltip.tsx"],"mappings":";;;iBAIS,kBACP,kBACG,SACF,sBAAsBA,QAAiB,4BAAS,IAAA;iBAU1CC,eAAa,SAAS,sBAAsBD,QAAiB,wBAAK,IAAA;iBAIlE,oBAAoB,SAAS,sBAAsBA,QAAiB,2BAAQ,IAAA;iBAI5E,iBACP,WACA,YACA,aACG,SACF,sBAAsBA,QAAiB,2BAAQ,IAAA"}

package/dist/components/ui/tooltip.js

@@ -0,0 +1,36 @@
+import { cn } from "../../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "radix-ui";
+//#region src/components/ui/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 4, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+	}) });
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["import { Tooltip as TooltipPrimitive } from 'radix-ui'\nimport type { ComponentProps } from 'react'\nimport { cn } from '../../lib/utils'\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":";;;;AAIA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACgD;CACnD,OACE,oBAACA,QAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAASC,UAAQ,EAAE,GAAG,SAAuD;CAC3E,OAAO,oBAACD,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EAAE,GAAG,SAA0D;CACrF,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SAC+C;CAClD,OACE,oBAACA,QAAiB,QAAlB,EAAA,UACE,qBAACA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,qaACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,qGAAsG,CAAA,CAChH;CACH,CAAA,EAAA,CAAA;AAE7B"}

package/dist/components/versions/record-versions.d.ts

@@ -0,0 +1,12 @@
+import { RecordVersionsSchema } from "@alfakit/core";
+//#region src/components/versions/record-versions.d.ts
+/**
+ * The History slide-over's version list (`HistoryAction`): each version with its event,
+ * author and time, the changed fields (old → new, long and rich text as a word diff) and
+ * "Restore this version", which runs the nested restore action.
+ */
+export declare function RecordVersionsComponent({ component }: {
+  component: RecordVersionsSchema;
+}): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=record-versions.d.ts.map

package/dist/components/versions/record-versions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-versions.d.ts","names":[],"sources":["../../../src/components/versions/record-versions.tsx"],"mappings":";;;;;;;wBAagB,0BAA0B;EAAe,WAAW;oBAAsB,IAAA"}

package/dist/components/versions/record-versions.js

@@ -0,0 +1,138 @@
+import { useActionRunner, useFormatter, usePageSchema, useT } from "../../context.js";
+import { Icon } from "../../lib/icons.js";
+import { Badge } from "../ui/badge.js";
+import { Button } from "../ui/button.js";
+import { useHydrated } from "../../hooks/use-hydrated.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowRightIcon } from "lucide-react";
+//#region src/components/versions/record-versions.tsx
+/**
+* The History slide-over's version list (`HistoryAction`): each version with its event,
+* author and time, the changed fields (old → new, long and rich text as a word diff) and
+* "Restore this version", which runs the nested restore action.
+*/
+function RecordVersionsComponent({ component }) {
+	const t = useT();
+	const runner = useActionRunner();
+	const page = usePageSchema();
+	const formatter = useFormatter();
+	const hydrated = useHydrated();
+	const restore = component.restoreAction;
+	if (component.versions.length === 0) return /* @__PURE__ */ jsx("p", {
+		"data-slot": "record-versions",
+		className: "text-muted-foreground text-sm",
+		children: component.emptyLabel
+	});
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "record-versions",
+		"aria-label": t("versions.list", {}, "Versions"),
+		className: "flex flex-col gap-3",
+		children: component.versions.map((version) => {
+			const time = version.createdAt && hydrated ? formatter.dateTime(version.createdAt) : "";
+			return /* @__PURE__ */ jsxs("li", {
+				"data-slot": "record-version",
+				"data-event": version.event,
+				className: "bg-card rounded-lg border p-3",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 flex-col gap-0.5",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "flex flex-wrap items-center gap-2 text-sm font-medium",
+							children: [version.eventLabel, version.current && /* @__PURE__ */ jsx(Badge, {
+								variant: "secondary",
+								children: t("versions.current", {}, "Current")
+							})]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground text-xs",
+							children: version.author ? t("versions.by", {
+								author: version.author,
+								time
+							}, `${version.author} · ${time}`) : time
+						})]
+					}), restore && !version.current && /* @__PURE__ */ jsxs(Button, {
+						type: "button",
+						variant: "outline",
+						size: "sm",
+						className: "shrink-0",
+						"aria-label": t("versions.restore_label", { time }, `Restore the version of ${time}`),
+						onClick: () => void runner.trigger(restore, {
+							token: page?.token ?? "",
+							component: component.actionComponent ?? "page",
+							parents: component.actionPath ?? [],
+							arguments: { version: version.id }
+						}),
+						children: [restore.icon && /* @__PURE__ */ jsx(Icon, {
+							name: restore.icon,
+							className: "size-3.5"
+						}), restore.label]
+					})]
+				}), version.changes.length > 0 ? /* @__PURE__ */ jsx("dl", {
+					className: "mt-3 flex flex-col gap-2 text-sm",
+					children: version.changes.map((change) => /* @__PURE__ */ jsxs("div", {
+						"data-slot": "record-version-change",
+						"data-attribute": change.attribute,
+						children: [/* @__PURE__ */ jsx("dt", {
+							className: "text-muted-foreground text-xs font-medium",
+							children: change.label
+						}), /* @__PURE__ */ jsx("dd", {
+							className: "mt-0.5 break-words",
+							children: /* @__PURE__ */ jsx(VersionChange, { change })
+						})]
+					}, change.attribute))
+				}) : /* @__PURE__ */ jsx("p", {
+					className: "text-muted-foreground mt-2 text-xs",
+					children: t("versions.no_changes", {}, "No tracked fields changed.")
+				})]
+			}, version.id);
+		})
+	});
+}
+function VersionChange({ change }) {
+	const t = useT();
+	const empty = t("versions.empty_value", {}, "Empty");
+	if (change.diff) return /* @__PURE__ */ jsx("p", {
+		"data-slot": "record-version-diff",
+		className: "whitespace-pre-wrap",
+		children: change.diff.map((part, index) => part.type === "insert" ? /* @__PURE__ */ jsxs("ins", {
+			className: "rounded-sm bg-emerald-500/15 text-emerald-700 no-underline dark:text-emerald-300",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [t("versions.added", {}, "Added:"), " "]
+			}), part.text]
+		}, index) : part.type === "delete" ? /* @__PURE__ */ jsxs("del", {
+			className: "bg-destructive/10 text-destructive rounded-sm",
+			children: [/* @__PURE__ */ jsxs("span", {
+				className: "sr-only",
+				children: [t("versions.removed", {}, "Removed:"), " "]
+			}), part.text]
+		}, index) : /* @__PURE__ */ jsx("span", { children: part.text }, index))
+	});
+	return /* @__PURE__ */ jsxs("p", {
+		className: "flex flex-wrap items-center gap-1.5",
+		children: [
+			/* @__PURE__ */ jsxs("del", {
+				className: "text-muted-foreground",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [t("versions.old_value", {}, "Before:"), " "]
+				}), change.old ?? empty]
+			}),
+			/* @__PURE__ */ jsx(ArrowRightIcon, {
+				className: "text-muted-foreground size-3.5 shrink-0 rtl:rotate-180",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ jsxs("ins", {
+				className: "no-underline",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [t("versions.new_value", {}, "After:"), " "]
+				}), change.new ?? empty]
+			})
+		]
+	});
+}
+//#endregion
+export { RecordVersionsComponent };
+
+//# sourceMappingURL=record-versions.js.map

package/dist/components/versions/record-versions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-versions.js","names":[],"sources":["../../../src/components/versions/record-versions.tsx"],"sourcesContent":["import type { RecordVersionChangeSchema, RecordVersionsSchema } from '@alfakit/core'\nimport { ArrowRightIcon } from 'lucide-react'\nimport { useActionRunner, useFormatter, usePageSchema, useT } from '../../context'\nimport { useHydrated } from '../../hooks/use-hydrated'\nimport { Icon } from '../../lib/icons'\nimport { Badge } from '../ui/badge'\nimport { Button } from '../ui/button'\n\n/**\n * The History slide-over's version list (`HistoryAction`): each version with its event,\n * author and time, the changed fields (old → new, long and rich text as a word diff) and\n * \"Restore this version\", which runs the nested restore action.\n */\nexport function RecordVersionsComponent({ component }: { component: RecordVersionsSchema }) {\n  const t = useT()\n  const runner = useActionRunner()\n  const page = usePageSchema()\n  const formatter = useFormatter()\n  // Times follow the panel's timezone; formatted after hydration so server and client agree.\n  const hydrated = useHydrated()\n  const restore = component.restoreAction\n\n  if (component.versions.length === 0) {\n    return (\n      <p data-slot=\"record-versions\" className=\"text-muted-foreground text-sm\">\n        {component.emptyLabel}\n      </p>\n    )\n  }\n\n  return (\n    <ol\n      data-slot=\"record-versions\"\n      aria-label={t('versions.list', {}, 'Versions')}\n      className=\"flex flex-col gap-3\"\n    >\n      {component.versions.map((version) => {\n        const time = version.createdAt && hydrated ? formatter.dateTime(version.createdAt) : ''\n\n        return (\n          <li\n            key={version.id}\n            data-slot=\"record-version\"\n            data-event={version.event}\n            className=\"bg-card rounded-lg border p-3\"\n          >\n            <div className=\"flex items-start justify-between gap-3\">\n              <div className=\"flex min-w-0 flex-col gap-0.5\">\n                <span className=\"flex flex-wrap items-center gap-2 text-sm font-medium\">\n                  {version.eventLabel}\n                  {version.current && (\n                    <Badge variant=\"secondary\">{t('versions.current', {}, 'Current')}</Badge>\n                  )}\n                </span>\n                <span className=\"text-muted-foreground text-xs\">\n                  {version.author\n                    ? t(\n                        'versions.by',\n                        { author: version.author, time },\n                        `${version.author} · ${time}`,\n                      )\n                    : time}\n                </span>\n              </div>\n              {restore && !version.current && (\n                <Button\n                  type=\"button\"\n                  variant=\"outline\"\n                  size=\"sm\"\n                  className=\"shrink-0\"\n                  aria-label={t(\n                    'versions.restore_label',\n                    { time },\n                    `Restore the version of ${time}`,\n                  )}\n                  onClick={() =>\n                    void runner.trigger(restore, {\n                      token: page?.token ?? '',\n                      component: component.actionComponent ?? 'page',\n                      parents: component.actionPath ?? [],\n                      arguments: { version: version.id },\n                    })\n                  }\n                >\n                  {restore.icon && <Icon name={restore.icon} className=\"size-3.5\" />}\n                  {restore.label}\n                </Button>\n              )}\n            </div>\n            {version.changes.length > 0 ? (\n              <dl className=\"mt-3 flex flex-col gap-2 text-sm\">\n                {version.changes.map((change) => (\n                  <div\n                    key={change.attribute}\n                    data-slot=\"record-version-change\"\n                    data-attribute={change.attribute}\n                  >\n                    <dt className=\"text-muted-foreground text-xs font-medium\">{change.label}</dt>\n                    <dd className=\"mt-0.5 break-words\">\n                      <VersionChange change={change} />\n                    </dd>\n                  </div>\n                ))}\n              </dl>\n            ) : (\n              <p className=\"text-muted-foreground mt-2 text-xs\">\n                {t('versions.no_changes', {}, 'No tracked fields changed.')}\n              </p>\n            )}\n          </li>\n        )\n      })}\n    </ol>\n  )\n}\n\nfunction VersionChange({ change }: { change: RecordVersionChangeSchema }) {\n  const t = useT()\n  const empty = t('versions.empty_value', {}, 'Empty')\n\n  if (change.diff) {\n    return (\n      <p data-slot=\"record-version-diff\" className=\"whitespace-pre-wrap\">\n        {change.diff.map((part, index) =>\n          part.type === 'insert' ? (\n            <ins\n              key={index}\n              className=\"rounded-sm bg-emerald-500/15 text-emerald-700 no-underline dark:text-emerald-300\"\n            >\n              <span className=\"sr-only\">{t('versions.added', {}, 'Added:')} </span>\n              {part.text}\n            </ins>\n          ) : part.type === 'delete' ? (\n            <del key={index} className=\"bg-destructive/10 text-destructive rounded-sm\">\n              <span className=\"sr-only\">{t('versions.removed', {}, 'Removed:')} </span>\n              {part.text}\n            </del>\n          ) : (\n            <span key={index}>{part.text}</span>\n          ),\n        )}\n      </p>\n    )\n  }\n\n  return (\n    <p className=\"flex flex-wrap items-center gap-1.5\">\n      <del className=\"text-muted-foreground\">\n        <span className=\"sr-only\">{t('versions.old_value', {}, 'Before:')} </span>\n        {change.old ?? empty}\n      </del>\n      <ArrowRightIcon\n        className=\"text-muted-foreground size-3.5 shrink-0 rtl:rotate-180\"\n        aria-hidden=\"true\"\n      />\n      <ins className=\"no-underline\">\n        <span className=\"sr-only\">{t('versions.new_value', {}, 'After:')} </span>\n        {change.new ?? empty}\n      </ins>\n    </p>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAaA,SAAgB,wBAAwB,EAAE,aAAkD;CAC1F,MAAM,IAAI,KAAK;CACf,MAAM,SAAS,gBAAgB;CAC/B,MAAM,OAAO,cAAc;CAC3B,MAAM,YAAY,aAAa;CAE/B,MAAM,WAAW,YAAY;CAC7B,MAAM,UAAU,UAAU;CAE1B,IAAI,UAAU,SAAS,WAAW,GAChC,OACE,oBAAC,KAAD;EAAG,aAAU;EAAkB,WAAU;EACtC,UAAA,UAAU;CACV,CAAA;CAIP,OACE,oBAAC,MAAD;EACE,aAAU;EACV,cAAY,EAAE,iBAAiB,CAAC,GAAG,UAAU;EAC7C,WAAU;EAET,UAAA,UAAU,SAAS,KAAK,YAAY;GACnC,MAAM,OAAO,QAAQ,aAAa,WAAW,UAAU,SAAS,QAAQ,SAAS,IAAI;GAErF,OACE,qBAAC,MAAD;IAEE,aAAU;IACV,cAAY,QAAQ;IACpB,WAAU;IAJZ,UAAA,CAME,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,qBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA,CACG,QAAQ,YACR,QAAQ,WACP,oBAAC,OAAD;QAAO,SAAQ;QAAa,UAAA,EAAE,oBAAoB,CAAC,GAAG,SAAS;OAAS,CAAA,CAEtE;MACN,CAAA,GAAA,oBAAC,QAAD;OAAM,WAAU;OACb,UAAA,QAAQ,SACL,EACE,eACA;QAAE,QAAQ,QAAQ;QAAQ;OAAK,GAC/B,GAAG,QAAQ,OAAO,KAAK,MACzB,IACA;MACA,CAAA,CACH;KACJ,CAAA,GAAA,WAAW,CAAC,QAAQ,WACnB,qBAAC,QAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAK;MACL,WAAU;MACV,cAAY,EACV,0BACA,EAAE,KAAK,GACP,0BAA0B,MAC5B;MACA,eACE,KAAK,OAAO,QAAQ,SAAS;OAC3B,OAAO,MAAM,SAAS;OACtB,WAAW,UAAU,mBAAmB;OACxC,SAAS,UAAU,cAAc,CAAC;OAClC,WAAW,EAAE,SAAS,QAAQ,GAAG;MACnC,CAAC;MAhBL,UAAA,CAmBG,QAAQ,QAAQ,oBAAC,MAAD;OAAM,MAAM,QAAQ;OAAM,WAAU;MAAY,CAAA,GAChE,QAAQ,KACH;KAEP,CAAA,CAAA;IACJ,CAAA,GAAA,QAAQ,QAAQ,SAAS,IACxB,oBAAC,MAAD;KAAI,WAAU;KACX,UAAA,QAAQ,QAAQ,KAAK,WACpB,qBAAC,OAAD;MAEE,aAAU;MACV,kBAAgB,OAAO;MAHzB,UAAA,CAKE,oBAAC,MAAD;OAAI,WAAU;OAA6C,UAAA,OAAO;MAAU,CAAA,GAC5E,oBAAC,MAAD;OAAI,WAAU;OACZ,UAAA,oBAAC,eAAD,EAAuB,OAAS,CAAA;MAC9B,CAAA,CACD;KARE,GAAA,OAAO,SAQT,CACN;IACC,CAAA,IAEJ,oBAAC,KAAD;KAAG,WAAU;KACV,UAAA,EAAE,uBAAuB,CAAC,GAAG,4BAA4B;IACzD,CAAA,CAEH;GApEG,GAAA,QAAQ,EAoEX;EAER,CAAC;CACC,CAAA;AAER;AAEA,SAAS,cAAc,EAAE,UAAiD;CACxE,MAAM,IAAI,KAAK;CACf,MAAM,QAAQ,EAAE,wBAAwB,CAAC,GAAG,OAAO;CAEnD,IAAI,OAAO,MACT,OACE,oBAAC,KAAD;EAAG,aAAU;EAAsB,WAAU;EAC1C,UAAA,OAAO,KAAK,KAAK,MAAM,UACtB,KAAK,SAAS,WACZ,qBAAC,OAAD;GAEE,WAAU;GAFZ,UAAA,CAIE,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CAA2B,EAAE,kBAAkB,CAAC,GAAG,QAAQ,GAAE,GAAO;GACnE,CAAA,GAAA,KAAK,IACH;EALE,GAAA,KAKF,IACH,KAAK,SAAS,WAChB,qBAAC,OAAD;GAAiB,WAAU;GAA3B,UAAA,CACE,qBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CAA2B,EAAE,oBAAoB,CAAC,GAAG,UAAU,GAAE,GAAO;GACvE,CAAA,GAAA,KAAK,IACH;EAHK,GAAA,KAGL,IAEL,oBAAC,QAAD,EAAA,UAAmB,KAAK,KAAW,GAAxB,KAAwB,CAEvC;CACC,CAAA;CAIP,OACE,qBAAC,KAAD;EAAG,WAAU;EAAb,UAAA;GACE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAA2B,EAAE,sBAAsB,CAAC,GAAG,SAAS,GAAE,GAAO;IACxE,CAAA,GAAA,OAAO,OAAO,KACZ;;GACL,oBAAC,gBAAD;IACE,WAAU;IACV,eAAY;GACb,CAAA;GACD,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,QAAD;KAAM,WAAU;KAAhB,UAAA,CAA2B,EAAE,sBAAsB,CAAC,GAAG,QAAQ,GAAE,GAAO;IACvE,CAAA,GAAA,OAAO,OAAO,KACZ;;EACJ;;AAEP"}

package/dist/components/widgets/calendar-lazy.d.ts

@@ -0,0 +1,9 @@
+import { LazyComponent } from "../../lib/lazy.js";
+import { CalendarWidgetSchema } from "@alfakit/core";
+//#region src/components/widgets/calendar-lazy.d.ts
+/** The calendar widget; FullCalendar loads the first time a calendar is shown. */
+export declare const CalendarWidget: LazyComponent<{
+  widget: CalendarWidgetSchema;
+}>;
+//#endregion
+//# sourceMappingURL=calendar-lazy.d.ts.map

package/dist/components/widgets/calendar-lazy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-lazy.d.ts","names":["_$______lib_lazy0.LazyComponent"],"sources":["../../../src/components/widgets/calendar-lazy.tsx"],"mappings":";;;;qBA2Ba,gBAAyCA;EAAA,QAAA"}

package/dist/components/widgets/calendar-lazy.js

@@ -0,0 +1,47 @@
+import { useT } from "../../context.js";
+import { lazyComponent } from "../../lib/lazy.js";
+import { Card, CardContent } from "../ui/card.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/widgets/calendar-lazy.tsx
+/** The server render and the first paint: the calendar's outline, without FullCalendar. */
+function CalendarSkeleton({ widget }) {
+	const t = useT();
+	return /* @__PURE__ */ jsx(Card, {
+		className: "gap-4 py-4",
+		"aria-busy": "true",
+		"data-slot": "calendar-widget",
+		children: /* @__PURE__ */ jsxs(CardContent, {
+			className: "flex flex-col gap-4 px-5",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: t("calendar.loading", {}, "Loading calendar")
+				}),
+				widget.heading && /* @__PURE__ */ jsx(Skeleton, {
+					className: "h-5 w-1/3",
+					"aria-hidden": "true"
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-3",
+					"aria-hidden": "true",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-28" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-40" })
+					]
+				}),
+				/* @__PURE__ */ jsx(Skeleton, {
+					className: "h-[28rem]",
+					"aria-hidden": "true"
+				})
+			]
+		})
+	});
+}
+/** The calendar widget; FullCalendar loads the first time a calendar is shown. */
+const CalendarWidget = lazyComponent(() => import("./calendar.js").then((module) => module.CalendarWidget), (props) => /* @__PURE__ */ jsx(CalendarSkeleton, { ...props }));
+//#endregion
+export { CalendarSkeleton, CalendarWidget };
+
+//# sourceMappingURL=calendar-lazy.js.map

package/dist/components/widgets/calendar-lazy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-lazy.js","names":[],"sources":["../../../src/components/widgets/calendar-lazy.tsx"],"sourcesContent":["import type { CalendarWidgetSchema } from '@alfakit/core'\nimport { useT } from '../../context'\nimport { lazyComponent } from '../../lib/lazy'\nimport { Card, CardContent } from '../ui/card'\nimport { Skeleton } from '../ui/skeleton'\n\n/** The server render and the first paint: the calendar's outline, without FullCalendar. */\nexport function CalendarSkeleton({ widget }: { widget: CalendarWidgetSchema }) {\n  const t = useT()\n\n  return (\n    <Card className=\"gap-4 py-4\" aria-busy=\"true\" data-slot=\"calendar-widget\">\n      <CardContent className=\"flex flex-col gap-4 px-5\">\n        <span className=\"sr-only\">{t('calendar.loading', {}, 'Loading calendar')}</span>\n        {widget.heading && <Skeleton className=\"h-5 w-1/3\" aria-hidden=\"true\" />}\n        <div className=\"flex items-center justify-between gap-3\" aria-hidden=\"true\">\n          <Skeleton className=\"h-8 w-28\" />\n          <Skeleton className=\"h-6 w-40\" />\n          <Skeleton className=\"h-8 w-40\" />\n        </div>\n        <Skeleton className=\"h-[28rem]\" aria-hidden=\"true\" />\n      </CardContent>\n    </Card>\n  )\n}\n\n/** The calendar widget; FullCalendar loads the first time a calendar is shown. */\nexport const CalendarWidget = lazyComponent<{ widget: CalendarWidgetSchema }>(\n  () => import('./calendar').then((module) => module.CalendarWidget),\n  (props) => <CalendarSkeleton {...props} />,\n)\n"],"mappings":";;;;;;;AAOA,SAAgB,iBAAiB,EAAE,UAA4C;CAC7E,MAAM,IAAI,KAAK;CAEf,OACE,oBAAC,MAAD;EAAM,WAAU;EAAa,aAAU;EAAO,aAAU;EACtD,UAAA,qBAAC,aAAD;GAAa,WAAU;GAAvB,UAAA;IACE,oBAAC,QAAD;KAAM,WAAU;KAAW,UAAA,EAAE,oBAAoB,CAAC,GAAG,kBAAkB;IAAQ,CAAA;IAC9E,OAAO,WAAW,oBAAC,UAAD;KAAU,WAAU;KAAY,eAAY;IAAQ,CAAA;IACvE,qBAAC,OAAD;KAAK,WAAU;KAA0C,eAAY;KAArE,UAAA;MACE,oBAAC,UAAD,EAAU,WAAU,WAAY,CAAA;MAChC,oBAAC,UAAD,EAAU,WAAU,WAAY,CAAA;MAChC,oBAAC,UAAD,EAAU,WAAU,WAAY,CAAA;KAC7B;;IACL,oBAAC,UAAD;KAAU,WAAU;KAAY,eAAY;IAAQ,CAAA;GACzC;;CACT,CAAA;AAEV;;AAGA,MAAa,iBAAiB,oBACtB,OAAO,gBAAa,CAAC,MAAM,WAAW,OAAO,cAAc,IAChE,UAAU,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA,CAC3C"}

package/dist/components/widgets/calendar.js

@@ -0,0 +1,122 @@
+import { useActionRunner, useDirection, useLocalization, useT } from "../../context.js";
+import { usePageActionContext } from "../actions/action-context.js";
+import { ActionList } from "../actions/action-list.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { showToast } from "../notifications/flash-toasts.js";
+import { calendarIdentity, calendarOptions, clientErrorNotification } from "@alfakit/core";
+import { router } from "@inertiajs/react";
+import { useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Calendar } from "@fullcalendar/core";
+import dayGridPlugin from "@fullcalendar/daygrid";
+import interactionPlugin from "@fullcalendar/interaction";
+import listPlugin from "@fullcalendar/list";
+import timeGridPlugin from "@fullcalendar/timegrid";
+//#region src/components/widgets/calendar.tsx
+const plugins = [
+	dayGridPlugin,
+	timeGridPlugin,
+	listPlugin,
+	interactionPlugin
+];
+/**
+* The calendar widget (alfasix/alfakit-calendar, registry key `widget:calendar`). Events
+* are fetched for the visible range through the widget's actions; FullCalendar loads with
+* this component's own chunk.
+*/
+function CalendarWidget({ widget }) {
+	const element = useRef(null);
+	const calendar = useRef(null);
+	const runner = useActionRunner();
+	const page = usePageActionContext();
+	const t = useT();
+	const direction = useDirection();
+	const localization = useLocalization();
+	const env = {
+		runner,
+		token: page.token,
+		t,
+		locale: localization?.tag ?? "en",
+		direction,
+		firstDayOfWeek: localization?.firstDayOfWeek ?? 0,
+		visit: (url, newTab) => newTab ? window.open(url, "_blank", "noopener") : router.visit(url),
+		notify: (notifications) => notifications.forEach((notification) => showToast(notification)),
+		error: (message) => showToast(clientErrorNotification(`calendar-${widget.id}`, message))
+	};
+	const latest = useRef({
+		widget,
+		env
+	});
+	useEffect(() => {
+		latest.current = {
+			widget,
+			env
+		};
+	});
+	const identity = calendarIdentity(widget, env);
+	useEffect(() => {
+		if (!element.current) return;
+		const options = calendarOptions(latest.current.widget, {
+			...latest.current.env,
+			runner: {
+				trigger: (...args) => latest.current.env.runner.trigger(...args),
+				executeJson: (...args) => latest.current.env.runner.executeJson(...args)
+			}
+		});
+		const instance = new Calendar(element.current, {
+			...options,
+			plugins,
+			height: "auto"
+		});
+		instance.render();
+		calendar.current = instance;
+		return () => {
+			instance.destroy();
+			calendar.current = null;
+		};
+	}, [identity]);
+	const first = useRef(true);
+	useEffect(() => {
+		if (first.current) {
+			first.current = false;
+			return;
+		}
+		calendar.current?.refetchEvents();
+	}, [widget]);
+	return /* @__PURE__ */ jsxs(Card, {
+		className: "gap-4 py-4",
+		"data-slot": "calendar-widget",
+		children: [(widget.heading || widget.headerActions?.length) && /* @__PURE__ */ jsx(CardHeader, {
+			className: "px-5",
+			children: /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [widget.heading && /* @__PURE__ */ jsx(CardTitle, {
+					className: "text-base",
+					children: widget.heading
+				}), widget.headerActions && /* @__PURE__ */ jsx(ActionList, {
+					actions: widget.headerActions,
+					context: {
+						token: page.token,
+						component: `widget:${widget.id}`
+					},
+					size: "sm",
+					align: "end",
+					className: "ms-auto"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(CardContent, {
+			className: "px-5",
+			children: /* @__PURE__ */ jsx("div", {
+				ref: element,
+				"data-slot": "calendar",
+				dir: direction,
+				"aria-label": widget.heading ?? t("calendar.label", {}, "Calendar"),
+				role: "region"
+			})
+		})]
+	});
+}
+//#endregion
+export { CalendarWidget };
+
+//# sourceMappingURL=calendar.js.map