cortena-ui 1.3.0 → 1.4.0

package/dist/components/toast.d.ts

@@ -0,0 +1,47 @@
+"use client";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast.d.ts
+/**
+ * Toast.
+ *
+ * Base UI toasts are imperative: `useToast().add({ title, description, type })`
+ * from anywhere under the provider. `Toaster` mounts `Toast.Provider` and the
+ * `Toast.Viewport`, and renders every toast the manager holds, so it must wrap
+ * the part of the tree that calls `useToast` (usually the whole app).
+ *
+ * The `type` field on a toast picks the variant: `default`, `success`,
+ * `warning` or `destructive`, painted from the semantic soft tokens. Anything
+ * else falls back to `default`.
+ *
+ * sonner / Radix users: there is no `toast()` module singleton. Get the manager
+ * from `useToast()` inside a component, or build one with
+ * `createToastManager()` from `@base-ui/react/toast` and pass it as
+ * `toastManager` to `Toaster` when you need to fire toasts outside React.
+ */
+declare const toastVariants: (props?: ({
+  variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** The Base UI toast manager: `{ toasts, add, close, update, promise }`. */
+declare const useToast: typeof Toast.useToastManager;
+export interface ToastProps extends Omit<Toast.Root.Props, "toast">, VariantProps<typeof toastVariants> {
+  toast: Toast.Root.ToastObject;
+}
+/** One toast. Rendered by `Toaster`; exported for custom viewports. */
+declare function Toast$1({ className, variant, toast, ...props }: ToastProps): React.JSX.Element;
+export interface ToasterProps extends Toast.Provider.Props {
+  /** Corner of the screen the stack grows from. */
+  position?: "bottom-right" | "bottom-left" | "top-right" | "top-left";
+  /** Extra classes on the viewport. */
+  className?: string;
+  children?: React.ReactNode;
+}
+/**
+ * Provider + viewport. Wrap the app in it once; `useToast()` works anywhere
+ * beneath. Toasts render in a fixed corner as a flat stack (newest last).
+ */
+declare function Toaster({ position, className, children, ...props }: ToasterProps): React.JSX.Element;
+//#endregion
+export { Toast$1 as Toast, Toaster, toastVariants, useToast };
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast.js

@@ -0,0 +1,106 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { X } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/toast.tsx
+/**
+* Toast.
+*
+* Base UI toasts are imperative: `useToast().add({ title, description, type })`
+* from anywhere under the provider. `Toaster` mounts `Toast.Provider` and the
+* `Toast.Viewport`, and renders every toast the manager holds, so it must wrap
+* the part of the tree that calls `useToast` (usually the whole app).
+*
+* The `type` field on a toast picks the variant: `default`, `success`,
+* `warning` or `destructive`, painted from the semantic soft tokens. Anything
+* else falls back to `default`.
+*
+* sonner / Radix users: there is no `toast()` module singleton. Get the manager
+* from `useToast()` inside a component, or build one with
+* `createToastManager()` from `@base-ui/react/toast` and pass it as
+* `toastManager` to `Toaster` when you need to fire toasts outside React.
+*/
+const toastVariants = /* @__PURE__ */ cva([
+	"pointer-events-auto relative flex w-full items-start gap-3 p-4",
+	"rounded-[var(--ds-radius-lg)] border shadow-[var(--ds-shadow-lg)]",
+	"text-[length:var(--ds-text-caption-lg)]",
+	"open:animate-in open:fade-in-0 open:slide-in-from-bottom-2",
+	"closed:animate-out closed:fade-out-0 closed:slide-out-to-right-2",
+	"duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]",
+	"data-[swiping]:transition-none data-[limited]:hidden"
+], {
+	variants: { variant: {
+		default: "border-[var(--ds-border)] bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)]",
+		success: "border-[var(--ds-success)]/30 bg-[var(--ds-success-soft)] text-[color:var(--ds-success)]",
+		warning: "border-[var(--ds-warning)]/30 bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]",
+		destructive: "border-[var(--ds-destructive)]/30 bg-[var(--ds-destructive-soft)] text-[color:var(--ds-destructive)]"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const VARIANTS = [
+	"default",
+	"success",
+	"warning",
+	"destructive"
+];
+function variantOf(type) {
+	return VARIANTS.includes(type ?? "") ? type : "default";
+}
+/** The Base UI toast manager: `{ toasts, add, close, update, promise }`. */
+const useToast = Toast.useToastManager;
+/** One toast. Rendered by `Toaster`; exported for custom viewports. */
+function Toast$1({ className, variant, toast, ...props }) {
+	return /* @__PURE__ */ jsxs(Toast.Root, {
+		"data-slot": "toast",
+		toast,
+		className: cn(toastVariants({ variant: variant ?? variantOf(toast.type) }), className),
+		...props,
+		children: [/* @__PURE__ */ jsxs(Toast.Content, {
+			"data-slot": "toast-content",
+			className: "flex min-w-0 flex-1 flex-col gap-1",
+			children: [toast.title ? /* @__PURE__ */ jsx(Toast.Title, {
+				"data-slot": "toast-title",
+				className: "text-[length:var(--ds-text-body-sm)] font-semibold leading-tight"
+			}) : null, toast.description ? /* @__PURE__ */ jsx(Toast.Description, {
+				"data-slot": "toast-description",
+				className: "text-[length:var(--ds-text-caption-lg)] opacity-90"
+			}) : null]
+		}), /* @__PURE__ */ jsx(Toast.Close, {
+			"data-slot": "toast-close",
+			"aria-label": "Close",
+			className: cn("-mr-1 -mt-1 flex size-7 shrink-0 items-center justify-center rounded-[var(--ds-radius-sm)]", "opacity-70 outline-none transition-[opacity,background-color] duration-[var(--ds-duration-fast)]", "hover:bg-[var(--ds-hover)] hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40"),
+			children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+		})]
+	});
+}
+function ToastList() {
+	const { toasts } = useToast();
+	return toasts.map((toast) => /* @__PURE__ */ jsx(Toast$1, { toast }, toast.id));
+}
+const positionClasses = {
+	"bottom-right": "bottom-4 right-4 flex-col",
+	"bottom-left": "bottom-4 left-4 flex-col",
+	"top-right": "top-4 right-4 flex-col-reverse",
+	"top-left": "top-4 left-4 flex-col-reverse"
+};
+/**
+* Provider + viewport. Wrap the app in it once; `useToast()` works anywhere
+* beneath. Toasts render in a fixed corner as a flat stack (newest last).
+*/
+function Toaster({ position = "bottom-right", className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(Toast.Provider, {
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Toast.Portal, { children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			"data-slot": "toast-viewport",
+			className: cn("pointer-events-none fixed z-50 flex w-[calc(100vw-2rem)] max-w-sm gap-2 outline-none", positionClasses[position], className),
+			children: /* @__PURE__ */ jsx(ToastList, {})
+		}) })]
+	});
+}
+//#endregion
+export { Toast$1 as Toast, Toaster, toastVariants, useToast };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":["ToastPrimitive","Toast"],"sources":["../../src/components/toast.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toast as ToastPrimitive } from \"@base-ui/react/toast\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { X } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Toast.\n *\n * Base UI toasts are imperative: `useToast().add({ title, description, type })`\n * from anywhere under the provider. `Toaster` mounts `Toast.Provider` and the\n * `Toast.Viewport`, and renders every toast the manager holds, so it must wrap\n * the part of the tree that calls `useToast` (usually the whole app).\n *\n * The `type` field on a toast picks the variant: `default`, `success`,\n * `warning` or `destructive`, painted from the semantic soft tokens. Anything\n * else falls back to `default`.\n *\n * sonner / Radix users: there is no `toast()` module singleton. Get the manager\n * from `useToast()` inside a component, or build one with\n * `createToastManager()` from `@base-ui/react/toast` and pass it as\n * `toastManager` to `Toaster` when you need to fire toasts outside React.\n */\nconst toastVariants = /* @__PURE__ */ cva(\n  [\n    \"pointer-events-auto relative flex w-full items-start gap-3 p-4\",\n    \"rounded-[var(--ds-radius-lg)] border shadow-[var(--ds-shadow-lg)]\",\n    \"text-[length:var(--ds-text-caption-lg)]\",\n    \"open:animate-in open:fade-in-0 open:slide-in-from-bottom-2\",\n    \"closed:animate-out closed:fade-out-0 closed:slide-out-to-right-2\",\n    \"duration-[var(--ds-duration-base)] ease-[var(--ds-ease-out)]\",\n    \"data-[swiping]:transition-none data-[limited]:hidden\",\n  ],\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-[var(--ds-border)] bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)]\",\n        success:\n          \"border-[var(--ds-success)]/30 bg-[var(--ds-success-soft)] text-[color:var(--ds-success)]\",\n        warning:\n          \"border-[var(--ds-warning)]/30 bg-[var(--ds-warning-soft)] text-[color:var(--ds-warning)]\",\n        destructive:\n          \"border-[var(--ds-destructive)]/30 bg-[var(--ds-destructive-soft)] text-[color:var(--ds-destructive)]\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\ntype ToastVariant = NonNullable<VariantProps<typeof toastVariants>[\"variant\"]>;\n\nconst VARIANTS: readonly ToastVariant[] = [\"default\", \"success\", \"warning\", \"destructive\"];\n\nfunction variantOf(type: string | undefined): ToastVariant {\n  return (VARIANTS as readonly string[]).includes(type ?? \"\") ? (type as ToastVariant) : \"default\";\n}\n\n/** The Base UI toast manager: `{ toasts, add, close, update, promise }`. */\nconst useToast = ToastPrimitive.useToastManager;\n\nexport interface ToastProps extends Omit<ToastPrimitive.Root.Props, \"toast\">, VariantProps<typeof toastVariants> {\n  toast: ToastPrimitive.Root.ToastObject;\n}\n\n/** One toast. Rendered by `Toaster`; exported for custom viewports. */\nfunction Toast({ className, variant, toast, ...props }: ToastProps) {\n  return (\n    <ToastPrimitive.Root\n      data-slot=\"toast\"\n      toast={toast}\n      className={cn(toastVariants({ variant: variant ?? variantOf(toast.type) }), className)}\n      {...props}\n    >\n      <ToastPrimitive.Content data-slot=\"toast-content\" className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        {toast.title ? (\n          <ToastPrimitive.Title\n            data-slot=\"toast-title\"\n            className=\"text-[length:var(--ds-text-body-sm)] font-semibold leading-tight\"\n          />\n        ) : null}\n        {toast.description ? (\n          <ToastPrimitive.Description\n            data-slot=\"toast-description\"\n            className=\"text-[length:var(--ds-text-caption-lg)] opacity-90\"\n          />\n        ) : null}\n      </ToastPrimitive.Content>\n      <ToastPrimitive.Close\n        data-slot=\"toast-close\"\n        aria-label=\"Close\"\n        className={cn(\n          \"-mr-1 -mt-1 flex size-7 shrink-0 items-center justify-center rounded-[var(--ds-radius-sm)]\",\n          \"opacity-70 outline-none transition-[opacity,background-color] duration-[var(--ds-duration-fast)]\",\n          \"hover:bg-[var(--ds-hover)] hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-[var(--ds-ring)]/40\",\n        )}\n      >\n        <X className=\"size-4\" />\n      </ToastPrimitive.Close>\n    </ToastPrimitive.Root>\n  );\n}\n\nfunction ToastList() {\n  const { toasts } = useToast();\n  return toasts.map((toast) => <Toast key={toast.id} toast={toast} />);\n}\n\nexport interface ToasterProps extends ToastPrimitive.Provider.Props {\n  /** Corner of the screen the stack grows from. */\n  position?: \"bottom-right\" | \"bottom-left\" | \"top-right\" | \"top-left\";\n  /** Extra classes on the viewport. */\n  className?: string;\n  children?: React.ReactNode;\n}\n\nconst positionClasses: Record<NonNullable<ToasterProps[\"position\"]>, string> = {\n  \"bottom-right\": \"bottom-4 right-4 flex-col\",\n  \"bottom-left\": \"bottom-4 left-4 flex-col\",\n  \"top-right\": \"top-4 right-4 flex-col-reverse\",\n  \"top-left\": \"top-4 left-4 flex-col-reverse\",\n};\n\n/**\n * Provider + viewport. Wrap the app in it once; `useToast()` works anywhere\n * beneath. Toasts render in a fixed corner as a flat stack (newest last).\n */\nfunction Toaster({ position = \"bottom-right\", className, children, ...props }: ToasterProps) {\n  return (\n    <ToastPrimitive.Provider {...props}>\n      {children}\n      <ToastPrimitive.Portal>\n        <ToastPrimitive.Viewport\n          data-slot=\"toast-viewport\"\n          className={cn(\n            \"pointer-events-none fixed z-50 flex w-[calc(100vw-2rem)] max-w-sm gap-2 outline-none\",\n            positionClasses[position],\n            className,\n          )}\n        >\n          <ToastList />\n        </ToastPrimitive.Viewport>\n      </ToastPrimitive.Portal>\n    </ToastPrimitive.Provider>\n  );\n}\n\nexport { Toaster, Toast, useToast, toastVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,gBAAgC,oBACpC;CACE;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SACE;EACF,SACE;EACF,SACE;EACF,aACE;CACJ,EACF;CACA,iBAAiB,EAAE,SAAS,UAAU;AACxC,CACF;AAIA,MAAM,WAAoC;CAAC;CAAW;CAAW;CAAW;AAAa;AAEzF,SAAS,UAAU,MAAwC;CACzD,OAAQ,SAA+B,SAAS,QAAQ,EAAE,IAAK,OAAwB;AACzF;;AAGA,MAAM,WAAWA,MAAe;;AAOhC,SAASC,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,SAAqB;CAClE,OACE,qBAACD,MAAe,MAAhB;EACE,aAAU;EACH;EACP,WAAW,GAAG,cAAc,EAAE,SAAS,WAAW,UAAU,MAAM,IAAI,EAAE,CAAC,GAAG,SAAS;EACrF,GAAI;EAJN,UAAA,CAME,qBAACA,MAAe,SAAhB;GAAwB,aAAU;GAAgB,WAAU;GAA5D,UAAA,CACG,MAAM,QACL,oBAACA,MAAe,OAAhB;IACE,aAAU;IACV,WAAU;GACX,CAAA,IACC,MACH,MAAM,cACL,oBAACA,MAAe,aAAhB;IACE,aAAU;IACV,WAAU;GACX,CAAA,IACC,IACkB;EACxB,CAAA,GAAA,oBAACA,MAAe,OAAhB;GACE,aAAU;GACV,cAAW;GACX,WAAW,GACT,8FACA,oGACA,8GACF;GAEA,UAAA,oBAAC,GAAD,EAAG,WAAU,SAAU,CAAA;EACH,CAAA,CACH;;AAEzB;AAEA,SAAS,YAAY;CACnB,MAAM,EAAE,WAAW,SAAS;CAC5B,OAAO,OAAO,KAAK,UAAU,oBAACC,SAAD,EAA6B,MAAQ,GAAzB,MAAM,EAAmB,CAAC;AACrE;AAUA,MAAM,kBAAyE;CAC7E,gBAAgB;CAChB,eAAe;CACf,aAAa;CACb,YAAY;AACd;;;;;AAMA,SAAS,QAAQ,EAAE,WAAW,gBAAgB,WAAW,UAAU,GAAG,SAAuB;CAC3F,OACE,qBAACD,MAAe,UAAhB;EAAyB,GAAI;EAA7B,UAAA,CACG,UACD,oBAACA,MAAe,QAAhB,EAAA,UACE,oBAACA,MAAe,UAAhB;GACE,aAAU;GACV,WAAW,GACT,wFACA,gBAAgB,WAChB,SACF;GAEA,UAAA,oBAAC,WAAD,CAAY,CAAA;EACW,CAAA,EACJ,CAAA,CACA;;AAE7B"}

package/dist/components/toolbar.d.ts

@@ -0,0 +1,19 @@
+"use client";
+import * as React from "react";
+//#region src/components/toolbar.d.ts
+export interface ToolbarProps extends React.ComponentProps<"div"> {
+  /** Draw a rule under the row, for a toolbar that sits above a table or list. */
+  bordered?: boolean;
+}
+/**
+ * Toolbar — a single flex row of controls above content. `ToolbarStart` and
+ * `ToolbarEnd` group the two ends; `ToolbarSeparator` is a short vertical rule
+ * between clusters of controls in the same group.
+ */
+declare function Toolbar({ className, bordered, ...props }: ToolbarProps): React.JSX.Element;
+declare function ToolbarStart({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ToolbarEnd({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ToolbarSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+//#endregion
+export { Toolbar, ToolbarEnd, ToolbarSeparator, ToolbarStart };
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/components/toolbar.js

@@ -0,0 +1,45 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/toolbar.tsx
+/**
+* Toolbar — a single flex row of controls above content. `ToolbarStart` and
+* `ToolbarEnd` group the two ends; `ToolbarSeparator` is a short vertical rule
+* between clusters of controls in the same group.
+*/
+function Toolbar({ className, bordered, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "toolbar",
+		role: "toolbar",
+		className: cn("flex min-h-10 flex-wrap items-center gap-2 text-[color:var(--ds-foreground)]", bordered && "border-b border-[var(--ds-border-subtle)] pb-3", className),
+		...props
+	});
+}
+function ToolbarStart({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "toolbar-start",
+		className: cn("flex min-w-0 flex-1 flex-wrap items-center gap-2", className),
+		...props
+	});
+}
+function ToolbarEnd({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "toolbar-end",
+		className: cn("ml-auto flex shrink-0 flex-wrap items-center gap-2", className),
+		...props
+	});
+}
+function ToolbarSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "toolbar-separator",
+		role: "none",
+		"aria-hidden": true,
+		className: cn("mx-1 h-5 w-px shrink-0 self-center bg-[var(--ds-border)]", className),
+		...props
+	});
+}
+//#endregion
+export { Toolbar, ToolbarEnd, ToolbarSeparator, ToolbarStart };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":[],"sources":["../../src/components/toolbar.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport { cn } from \"@/lib/cn\";\n\nexport interface ToolbarProps extends React.ComponentProps<\"div\"> {\n  /** Draw a rule under the row, for a toolbar that sits above a table or list. */\n  bordered?: boolean;\n}\n\n/**\n * Toolbar — a single flex row of controls above content. `ToolbarStart` and\n * `ToolbarEnd` group the two ends; `ToolbarSeparator` is a short vertical rule\n * between clusters of controls in the same group.\n */\nfunction Toolbar({ className, bordered, ...props }: ToolbarProps) {\n  return (\n    <div\n      data-slot=\"toolbar\"\n      role=\"toolbar\"\n      className={cn(\n        \"flex min-h-10 flex-wrap items-center gap-2 text-[color:var(--ds-foreground)]\",\n        bordered && \"border-b border-[var(--ds-border-subtle)] pb-3\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarStart({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"toolbar-start\"\n      className={cn(\"flex min-w-0 flex-1 flex-wrap items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarEnd({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"toolbar-end\"\n      className={cn(\"ml-auto flex shrink-0 flex-wrap items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ToolbarSeparator({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"toolbar-separator\"\n      role=\"none\"\n      aria-hidden\n      className={cn(\"mx-1 h-5 w-px shrink-0 self-center bg-[var(--ds-border)]\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Toolbar, ToolbarStart, ToolbarEnd, ToolbarSeparator };\n"],"mappings":";;;;;;;;;;AAeA,SAAS,QAAQ,EAAE,WAAW,UAAU,GAAG,SAAuB;CAChE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,WAAW,GACT,gFACA,YAAY,kDACZ,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAAsC;CAC1E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,oDAAoD,SAAS;EAC3E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;CACxE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,sDAAsD,SAAS;EAC7E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAsC;CAC9E,OACE,oBAAC,OAAD;EACE,aAAU;EACV,MAAK;EACL,eAAA;EACA,WAAW,GAAG,4DAA4D,SAAS;EACnF,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,28 @@
+"use client";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/tooltip.d.ts
+/**
+ * Tooltip.
+ *
+ * Base UI's Tooltip opens on hover and focus (never on click). Radix users:
+ * `asChild` on the trigger becomes `render={<Button />}`, and the delay moves
+ * from `delayDuration` on the Provider to `delay` on the Provider or Trigger.
+ * `TooltipContent` composes Portal + Positioner + Popup so the consumer still
+ * writes one element; `side`, `align` and `sideOffset` are forwarded to the
+ * Positioner where Base UI expects them. Base UI sets no ARIA role on the
+ * popup; `role="tooltip"` is added here so it reads like the Radix version.
+ */
+declare function TooltipProvider(props: Tooltip.Provider.Props): import("react").JSX.Element;
+declare function Tooltip$1(props: Tooltip.Root.Props): import("react").JSX.Element;
+declare function TooltipTrigger(props: Tooltip.Trigger.Props): import("react").JSX.Element;
+type PositionerProps = Pick<Tooltip.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor" | "collisionBoundary" | "collisionPadding" | "collisionAvoidance" | "sticky" | "positionMethod">;
+export interface TooltipContentProps extends Tooltip.Popup.Props, PositionerProps {
+  /** Keep the popup mounted in the DOM while hidden. */
+  keepMounted?: boolean;
+  /** Where to portal the popup; defaults to `<body>`. */
+  container?: Tooltip.Portal.Props["container"];
+}
+declare function TooltipContent({ className, side, align, sideOffset, alignOffset, anchor, collisionBoundary, collisionPadding, collisionAvoidance, sticky, positionMethod, keepMounted, container, ...props }: TooltipContentProps): import("react").JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip.js

@@ -0,0 +1,59 @@
+"use client";
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/tooltip.tsx
+/**
+* Tooltip.
+*
+* Base UI's Tooltip opens on hover and focus (never on click). Radix users:
+* `asChild` on the trigger becomes `render={<Button />}`, and the delay moves
+* from `delayDuration` on the Provider to `delay` on the Provider or Trigger.
+* `TooltipContent` composes Portal + Positioner + Popup so the consumer still
+* writes one element; `side`, `align` and `sideOffset` are forwarded to the
+* Positioner where Base UI expects them. Base UI sets no ARIA role on the
+* popup; `role="tooltip"` is added here so it reads like the Radix version.
+*/
+function TooltipProvider(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, { ...props });
+}
+function Tooltip$1(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, { ...props });
+}
+function TooltipTrigger(props) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, side = "top", align = "center", sideOffset = 4, alignOffset, anchor, collisionBoundary, collisionPadding, collisionAvoidance, sticky, positionMethod, keepMounted, container, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, {
+		keepMounted,
+		container,
+		children: /* @__PURE__ */ jsx(Tooltip.Positioner, {
+			"data-slot": "tooltip-positioner",
+			side,
+			align,
+			sideOffset,
+			alignOffset,
+			anchor,
+			collisionBoundary,
+			collisionPadding,
+			collisionAvoidance,
+			sticky,
+			positionMethod,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ jsx(Tooltip.Popup, {
+				"data-slot": "tooltip-content",
+				role: "tooltip",
+				className: cn("overflow-hidden px-3 py-1.5", "rounded-[var(--ds-radius-sm)] border border-[var(--ds-border)]", "bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)] shadow-[var(--ds-shadow-md)]", "text-[length:var(--ds-text-caption-lg)]", "open:animate-in open:fade-in-0 open:zoom-in-95", "closed:animate-out closed:fade-out-0 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", "duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]", className),
+				...props
+			})
+		})
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"@/lib/cn\";\n\n/**\n * Tooltip.\n *\n * Base UI's Tooltip opens on hover and focus (never on click). Radix users:\n * `asChild` on the trigger becomes `render={<Button />}`, and the delay moves\n * from `delayDuration` on the Provider to `delay` on the Provider or Trigger.\n * `TooltipContent` composes Portal + Positioner + Popup so the consumer still\n * writes one element; `side`, `align` and `sideOffset` are forwarded to the\n * Positioner where Base UI expects them. Base UI sets no ARIA role on the\n * popup; `role=\"tooltip\"` is added here so it reads like the Radix version.\n */\nfunction TooltipProvider(props: TooltipPrimitive.Provider.Props) {\n  return <TooltipPrimitive.Provider {...props} />;\n}\n\nfunction Tooltip(props: TooltipPrimitive.Root.Props) {\n  return <TooltipPrimitive.Root {...props} />;\n}\n\nfunction TooltipTrigger(props: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\ntype PositionerProps = Pick<\n  TooltipPrimitive.Positioner.Props,\n  | \"side\"\n  | \"align\"\n  | \"sideOffset\"\n  | \"alignOffset\"\n  | \"anchor\"\n  | \"collisionBoundary\"\n  | \"collisionPadding\"\n  | \"collisionAvoidance\"\n  | \"sticky\"\n  | \"positionMethod\"\n>;\n\nexport interface TooltipContentProps extends TooltipPrimitive.Popup.Props, PositionerProps {\n  /** Keep the popup mounted in the DOM while hidden. */\n  keepMounted?: boolean;\n  /** Where to portal the popup; defaults to `<body>`. */\n  container?: TooltipPrimitive.Portal.Props[\"container\"];\n}\n\nfunction TooltipContent({\n  className,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 4,\n  alignOffset,\n  anchor,\n  collisionBoundary,\n  collisionPadding,\n  collisionAvoidance,\n  sticky,\n  positionMethod,\n  keepMounted,\n  container,\n  ...props\n}: TooltipContentProps) {\n  return (\n    <TooltipPrimitive.Portal keepMounted={keepMounted} container={container}>\n      <TooltipPrimitive.Positioner\n        data-slot=\"tooltip-positioner\"\n        side={side}\n        align={align}\n        sideOffset={sideOffset}\n        alignOffset={alignOffset}\n        anchor={anchor}\n        collisionBoundary={collisionBoundary}\n        collisionPadding={collisionPadding}\n        collisionAvoidance={collisionAvoidance}\n        sticky={sticky}\n        positionMethod={positionMethod}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          data-slot=\"tooltip-content\"\n          role=\"tooltip\"\n          className={cn(\n            \"overflow-hidden px-3 py-1.5\",\n            \"rounded-[var(--ds-radius-sm)] border border-[var(--ds-border)]\",\n            \"bg-[var(--ds-popover)] text-[color:var(--ds-popover-foreground)] shadow-[var(--ds-shadow-md)]\",\n            \"text-[length:var(--ds-text-caption-lg)]\",\n            \"open:animate-in open:fade-in-0 open:zoom-in-95\",\n            \"closed:animate-out closed:fade-out-0 closed:zoom-out-95\",\n            \"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\",\n            \"duration-[var(--ds-duration-fast)] ease-[var(--ds-ease-out)]\",\n            className,\n          )}\n          {...props}\n        />\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,SAAS,gBAAgB,OAAwC;CAC/D,OAAO,oBAACA,QAAiB,UAAlB,EAA2B,GAAI,MAAQ,CAAA;AAChD;AAEA,SAASC,UAAQ,OAAoC;CACnD,OAAO,oBAACD,QAAiB,MAAlB,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAS,eAAe,OAAuC;CAC7D,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAuBA,SAAS,eAAe,EACtB,WACA,OAAO,OACP,QAAQ,UACR,aAAa,GACb,aACA,QACA,mBACA,kBACA,oBACA,QACA,gBACA,aACA,WACA,GAAG,SACmB;CACtB,OACE,oBAACA,QAAiB,QAAlB;EAAsC;EAAwB;EAC5D,UAAA,oBAACA,QAAiB,YAAlB;GACE,aAAU;GACJ;GACC;GACK;GACC;GACL;GACW;GACD;GACE;GACZ;GACQ;GAChB,WAAU;GAEV,UAAA,oBAACA,QAAiB,OAAlB;IACE,aAAU;IACV,MAAK;IACL,WAAW,GACT,+BACA,kEACA,iGACA,2CACA,kDACA,2DACA,+JACA,gEACA,SACF;IACA,GAAI;GACL,CAAA;EAC0B,CAAA;CACN,CAAA;AAE7B"}

package/dist/core.d.ts

@@ -0,0 +1,44 @@
+"use client";
+import { Alert, AlertDescription, AlertIcon, AlertProps, AlertTitle, alertVariants } from "./components/alert.js";
+import { Badge, BadgeProps, badgeVariants } from "./components/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
+import { Button, ButtonProps, buttonVariants } from "./components/button.js";
+import { ButtonLink, ButtonLinkProps } from "./components/button-link.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardProps, CardTitle } from "./components/card.js";
+import { Checkbox, CheckboxProps } from "./components/checkbox.js";
+import { Chip, ChipProps, chipVariants } from "./components/chip.js";
+import { Combobox, ComboboxChip, ComboboxChipProps, ComboboxChips, ComboboxChipsProps, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxContentProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxInputProps, ComboboxItem, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter } from "./components/combobox.js";
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog.js";
+import { Command, CommandDialog, CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandItemProps, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from "./components/command.js";
+import { CortenaTheme, CortenaThemeMessage, DEFAULT_THEME_STORAGE_KEY, ResolvedCortenaTheme, THEME_MESSAGE_TYPE, UseCortenaThemeOptions, UseCortenaThemeResult, applyStoredTheme, applyTheme, getThemeInitScript, readStoredTheme, themeFromBackground, themeFromMessage, themeInitScript, useCortenaTheme } from "./hooks/use-cortena-theme.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuSubTriggerProps, DropdownMenuTrigger } from "./components/dropdown-menu.js";
+import { EmptyState, EmptyStateProps } from "./components/empty-state.js";
+import { ErrorBanner, ErrorBannerProps } from "./components/error-banner.js";
+import { Field, FieldContent, FieldControl, FieldControlProps, FieldDescription, FieldDescriptionProps, FieldError, FieldErrorItem, FieldErrorProps, FieldGroup, FieldLabel, FieldLabelProps, FieldProps, Fieldset, FieldsetLegend, FieldsetLegendProps, FieldsetProps, fieldVariants } from "./components/field.js";
+import { Input, InputProps, inputClassName } from "./components/input.js";
+import { Label, LabelProps, labelVariants } from "./components/label.js";
+import { LoadingSkeleton, LoadingSkeletonPreset, LoadingSkeletonProps } from "./components/loading-skeleton.js";
+import { PageHeader, PageHeaderProps } from "./components/page-header.js";
+import { Popover, PopoverClose, PopoverContent, PopoverContentProps, PopoverDescription, PopoverTitle, PopoverTrigger } from "./components/popover.js";
+import { Progress, ProgressIndicator, ProgressLabel, ProgressProps, ProgressTrack, ProgressValue } from "./components/progress.js";
+import { RadioGroup, RadioGroupItem, RadioGroupItemProps, RadioGroupProps } from "./components/radio-group.js";
+import { ScrollArea, ScrollAreaProps, ScrollBar } from "./components/scroll-area.js";
+import { SectionCard, SectionCardProps } from "./components/section-card.js";
+import { Segmented, SegmentedOption, SegmentedProps } from "./components/segmented.js";
+import { Select, SelectContent, SelectContentProps, SelectGroup, SelectItem, SelectLabel, SelectProps, SelectSeparator, SelectTrigger, SelectTriggerProps, SelectValue } from "./components/select.js";
+import { Separator, SeparatorProps } from "./components/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetProps, SheetTitle, SheetTrigger, sheetVariants } from "./components/sheet.js";
+import { Spinner, SpinnerProps } from "./components/spinner.js";
+import { StatusDot, StatusDotProps, StatusDotTone } from "./components/status-dot.js";
+import { Switch, SwitchProps } from "./components/switch.js";
+import { Textarea, TextareaProps, textareaClassName } from "./components/textarea.js";
+import { Toast, ToastProps, Toaster, ToasterProps, toastVariants, useToast } from "./components/toast.js";
+import { Toolbar, ToolbarEnd, ToolbarProps, ToolbarSeparator, ToolbarStart } from "./components/toolbar.js";
+import { Tooltip, TooltipContent, TooltipContentProps, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/accordion.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
+import { Kbd } from "./components/kbd.js";
+import { Skeleton } from "./components/skeleton.js";
+import { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./components/tabs.js";
+import { cn } from "./lib/cn.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertIcon, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, Chip, type ChipProps, Combobox, ComboboxChip, type ComboboxChipProps, ComboboxChips, type ComboboxChipsProps, ComboboxClear, ComboboxCollection, ComboboxContent, type ComboboxContentProps, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, type ComboboxInputProps, ComboboxItem, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, type CommandItemProps, CommandList, CommandLoading, CommandSeparator, CommandShortcut, type CortenaTheme, type CortenaThemeMessage, DEFAULT_THEME_STORAGE_KEY, Dialog, DialogBody, DialogClose, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, EmptyState, type EmptyStateProps, ErrorBanner, type ErrorBannerProps, Field, FieldContent, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorItem, type FieldErrorProps, FieldGroup, FieldLabel, type FieldLabelProps, type FieldProps, Fieldset, FieldsetLegend, type FieldsetLegendProps, type FieldsetProps, Input, type InputProps, Kbd, Label, type LabelProps, LoadingSkeleton, type LoadingSkeletonPreset, type LoadingSkeletonProps, PageHeader, type PageHeaderProps, Popover, PopoverClose, PopoverContent, type PopoverContentProps, PopoverDescription, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, type ResolvedCortenaTheme, ScrollArea, type ScrollAreaProps, ScrollBar, SectionCard, type SectionCardProps, Segmented, type SegmentedOption, type SegmentedProps, Select, SelectContent, type SelectContentProps, SelectGroup, SelectItem, SelectLabel, type SelectProps, SelectSeparator, SelectTrigger, type SelectTriggerProps, SelectValue, Separator, type SeparatorProps, Sheet, SheetClose, SheetContent, type SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, type SheetProps, SheetTitle, SheetTrigger, Skeleton, Spinner, type SpinnerProps, StatusDot, type StatusDotProps, type StatusDotTone, Switch, type SwitchProps, THEME_MESSAGE_TYPE, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, type TextareaProps, Toast, type ToastProps, Toaster, type ToasterProps, Toolbar, ToolbarEnd, type ToolbarProps, ToolbarSeparator, ToolbarStart, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type UseCortenaThemeOptions, type UseCortenaThemeResult, alertVariants, applyStoredTheme, applyTheme, badgeVariants, buttonVariants, chipVariants, cn, fieldVariants, getThemeInitScript, inputClassName, labelVariants, readStoredTheme, sheetVariants, textareaClassName, themeFromBackground, themeFromMessage, themeInitScript, toastVariants, useComboboxFilter, useCortenaTheme, useToast };

package/dist/core.js

@@ -0,0 +1,44 @@
+"use client";
+import { cn } from "./lib/cn.js";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/accordion.js";
+import { Alert, AlertDescription, AlertIcon, AlertTitle, alertVariants } from "./components/alert.js";
+import { Avatar, AvatarFallback, AvatarImage } from "./components/avatar.js";
+import { Badge, badgeVariants } from "./components/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/breadcrumb.js";
+import { Button, buttonVariants } from "./components/button.js";
+import { ButtonLink } from "./components/button-link.js";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card.js";
+import { Checkbox } from "./components/checkbox.js";
+import { Chip, chipVariants } from "./components/chip.js";
+import { Input, inputClassName } from "./components/input.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, useComboboxFilter } from "./components/combobox.js";
+import { Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut } from "./components/command.js";
+import { DEFAULT_THEME_STORAGE_KEY, THEME_MESSAGE_TYPE, applyStoredTheme, applyTheme, getThemeInitScript, readStoredTheme, themeFromBackground, themeFromMessage, themeInitScript, useCortenaTheme } from "./hooks/use-cortena-theme.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/dropdown-menu.js";
+import { EmptyState } from "./components/empty-state.js";
+import { ErrorBanner } from "./components/error-banner.js";
+import { Label, labelVariants } from "./components/label.js";
+import { Field, FieldContent, FieldControl, FieldDescription, FieldError, FieldGroup, FieldLabel, Fieldset, FieldsetLegend, fieldVariants } from "./components/field.js";
+import { Kbd } from "./components/kbd.js";
+import { Skeleton } from "./components/skeleton.js";
+import { LoadingSkeleton } from "./components/loading-skeleton.js";
+import { PageHeader } from "./components/page-header.js";
+import { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger } from "./components/popover.js";
+import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "./components/progress.js";
+import { RadioGroup, RadioGroupItem } from "./components/radio-group.js";
+import { ScrollArea, ScrollBar } from "./components/scroll-area.js";
+import { SectionCard } from "./components/section-card.js";
+import { Segmented } from "./components/segmented.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "./components/select.js";
+import { Separator } from "./components/separator.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, sheetVariants } from "./components/sheet.js";
+import { Spinner } from "./components/spinner.js";
+import { StatusDot } from "./components/status-dot.js";
+import { Switch } from "./components/switch.js";
+import { Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger } from "./components/tabs.js";
+import { Textarea, textareaClassName } from "./components/textarea.js";
+import { Toast, Toaster, toastVariants, useToast } from "./components/toast.js";
+import { Toolbar, ToolbarEnd, ToolbarSeparator, ToolbarStart } from "./components/toolbar.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/tooltip.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertIcon, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonLink, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Combobox, ComboboxChip, ComboboxChips, ComboboxClear, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CommandShortcut, DEFAULT_THEME_STORAGE_KEY, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorBanner, Field, FieldContent, FieldControl, FieldDescription, FieldError, FieldGroup, FieldLabel, Fieldset, FieldsetLegend, Input, Kbd, Label, LoadingSkeleton, PageHeader, Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, ScrollArea, ScrollBar, SectionCard, Segmented, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spinner, StatusDot, Switch, THEME_MESSAGE_TYPE, Tabs, TabsContent, TabsIndicator, TabsList, TabsTrigger, Textarea, Toast, Toaster, Toolbar, ToolbarEnd, ToolbarSeparator, ToolbarStart, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, applyStoredTheme, applyTheme, badgeVariants, buttonVariants, chipVariants, cn, fieldVariants, getThemeInitScript, inputClassName, labelVariants, readStoredTheme, sheetVariants, textareaClassName, themeFromBackground, themeFromMessage, themeInitScript, toastVariants, useComboboxFilter, useCortenaTheme, useToast };

package/dist/data-table.d.ts

@@ -0,0 +1,9 @@
+"use client";
+import { DataTableFeatures, createColumnHelper, dataTableFeatures } from "./components/data-table/features.js";
+import { ClientSource, DataSource, DataTableCell, DataTableColumn, DataTableColumnDef, DataTableColumnMeta, DataTableEditable, DataTableEditingCell, DataTableInstance, DataTablePaginationMode, DataTableRow, DataTableState, DataTableTable, ServerSource, TableQuery, TableResult, UseDataTableOptions } from "./components/data-table/types.js";
+import { DataTable, DataTableProps, DataTableView, DataTableViewProps } from "./components/data-table/data-table.js";
+import { DataTableColumnHeader, DataTableColumnHeaderProps, DataTableExportMenu, DataTableExportMenuProps, DataTableFacetedFilter, DataTableFacetedFilterOption, DataTableFacetedFilterProps, DataTablePagination, DataTablePaginationProps, DataTableToolbar, DataTableToolbarProps, DataTableViewOptions, DataTableViewOptionsProps } from "./components/data-table/parts.js";
+import { useDataTable } from "./components/data-table/use-data-table.js";
+import { ExportCell, ExportSheet, downloadCsv, downloadExcel, toCsv, toSheet } from "./components/data-table/export.js";
+import "./components/data-table/index.js";
+export { type ClientSource, type DataSource, DataTable, type DataTableCell, type DataTableColumn, type DataTableColumnDef, DataTableColumnHeader, type DataTableColumnHeaderProps, type DataTableColumnMeta, type DataTableEditable, type DataTableEditingCell, DataTableExportMenu, type DataTableExportMenuProps, DataTableFacetedFilter, type DataTableFacetedFilterOption, type DataTableFacetedFilterProps, type DataTableFeatures, type DataTableInstance, DataTablePagination, type DataTablePaginationMode, type DataTablePaginationProps, type DataTableProps, type DataTableRow, type DataTableState, type DataTableTable, DataTableToolbar, type DataTableToolbarProps, DataTableView, DataTableViewOptions, type DataTableViewOptionsProps, type DataTableViewProps, type ExportCell, type ExportSheet, type ServerSource, type TableQuery, type TableResult, type UseDataTableOptions, createColumnHelper, dataTableFeatures, downloadCsv, downloadExcel, toCsv, toSheet, useDataTable };

package/dist/data-table.js

@@ -0,0 +1,7 @@
+"use client";
+import { downloadCsv, downloadExcel, toCsv, toSheet } from "./components/data-table/export.js";
+import { DataTableColumnHeader, DataTableExportMenu, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableViewOptions } from "./components/data-table/parts.js";
+import { createColumnHelper, dataTableFeatures } from "./components/data-table/features.js";
+import { useDataTable } from "./components/data-table/use-data-table.js";
+import { DataTable, DataTableView } from "./components/data-table/data-table.js";
+export { DataTable, DataTableColumnHeader, DataTableExportMenu, DataTableFacetedFilter, DataTablePagination, DataTableToolbar, DataTableView, DataTableViewOptions, createColumnHelper, dataTableFeatures, downloadCsv, downloadExcel, toCsv, toSheet, useDataTable };

package/dist/form.d.ts

@@ -0,0 +1,7 @@
+"use client";
+import { Accept, Dropzone, DropzoneProps, DropzoneState, FileList, FileListProps, FileRejection, formatFileSize } from "./components/dropzone.js";
+import { Calendar, CalendarDayButton, CalendarProps } from "./components/calendar.js";
+import { DateField, DateFieldProps, formatDateISO, formatDateLong, formatDateShort, formatRelative, parseDateDefault, parseDateISO } from "./components/date-field.js";
+import { DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, formatDateDefault } from "./components/date-picker.js";
+import { Form, FormControl, FormControlProps, FormDescription, FormDescriptionProps, FormField, FormItem, FormItemProps, FormLabel, FormLabelProps, FormMessage, FormMessageProps, SubmitHandler, UseFormFieldReturn, UseFormReturn, useForm, useFormField, zodResolver } from "./components/form.js";
+export { type Accept, Calendar, CalendarDayButton, type CalendarProps, DateField, type DateFieldProps, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, Dropzone, type DropzoneProps, type DropzoneState, FileList, type FileListProps, type FileRejection, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type SubmitHandler, type UseFormFieldReturn, type UseFormReturn, formatDateDefault, formatDateISO, formatDateLong, formatDateShort, formatFileSize, formatRelative, parseDateDefault, parseDateISO, useForm, useFormField, zodResolver };

package/dist/form.js

@@ -0,0 +1,7 @@
+"use client";
+import { Calendar, CalendarDayButton } from "./components/calendar.js";
+import { DateField, formatDateISO, formatDateLong, formatDateShort, formatRelative, parseDateDefault, parseDateISO } from "./components/date-field.js";
+import { DatePicker, DateRangePicker, formatDateDefault } from "./components/date-picker.js";
+import { Dropzone, FileList, formatFileSize } from "./components/dropzone.js";
+import { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useForm, useFormField, zodResolver } from "./components/form.js";
+export { Calendar, CalendarDayButton, DateField, DatePicker, DateRangePicker, Dropzone, FileList, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, formatDateDefault, formatDateISO, formatDateLong, formatDateShort, formatFileSize, formatRelative, parseDateDefault, parseDateISO, useForm, useFormField, zodResolver };

package/dist/hooks/use-cortena-theme.d.ts

@@ -0,0 +1,98 @@
+"use client";
+//#region src/hooks/use-cortena-theme.d.ts
+/**
+ * useCortenaTheme — the one theme bridge for every Cortena surface.
+ *
+ * cortena-design drives dark mode off `data-theme="light" | "dark"` on <html>
+ * and falls back to `prefers-color-scheme` when the attribute is absent. So the
+ * hook has exactly three jobs, consolidated from the flux and engram copies:
+ *
+ *  1. Remember the last choice in localStorage and put it back before the
+ *     first paint (`applyStoredTheme`, or `themeInitScript` as a blocking
+ *     <script> for apps that cannot run a module that early).
+ *  2. Listen for the message cortenaweb posts into an extension iframe on load
+ *     and on every theme change:
+ *
+ *         iframe.contentWindow.postMessage({ type: "cortena-theme", colors }, "*")
+ *
+ *     and apply the *mode* it implies. The host may say `mode` or `theme`
+ *     explicitly; otherwise the background colour's luminance decides.
+ *  3. Expose `{ theme, resolvedTheme, setTheme }` so a settings toggle can
+ *     drive the same state.
+ *
+ * What it deliberately does NOT do is apply the individual colours in the
+ * host's message. The palette comes from cortena-design tokens, the single
+ * source of truth; writing the host's raw values onto `--ds-*` or `--color-*`
+ * would silently override every token the design system publishes. The
+ * `colors` object is read for its luminance only, never written to the DOM.
+ */
+export type CortenaTheme = "light" | "dark" | "system";
+export type ResolvedCortenaTheme = "light" | "dark";
+/** The message cortenaweb posts into an embedded iframe. */
+export interface CortenaThemeMessage {
+  type: "cortena-theme";
+  /** Explicit mode. Preferred when present. */
+  theme?: CortenaTheme;
+  /** Older name for `theme`, sent by some hosts. */
+  mode?: CortenaTheme;
+  /** Raw palette. Only `background` is read, and only to infer the mode. */
+  colors?: Record<string, unknown>;
+}
+export interface UseCortenaThemeOptions {
+  /** localStorage key the choice persists under. Defaults to `"cortena.theme"`. */
+  storageKey?: string;
+  /**
+   * Origins allowed to push a theme via postMessage. When omitted or empty,
+   * every origin is accepted — matching cortenaweb, which posts with `"*"`
+   * to cross-origin extensions. A same-origin embed should pass
+   * `[window.location.origin]`.
+   */
+  allowedOrigins?: readonly string[];
+  /** Set false to keep the state and DOM sync but ignore host messages. */
+  listen?: boolean;
+}
+export interface UseCortenaThemeResult {
+  /** The stored choice; `"system"` when nothing has been chosen. */
+  theme: CortenaTheme;
+  /** What is actually painted: `theme`, or the OS scheme when `theme` is `"system"`. */
+  resolvedTheme: ResolvedCortenaTheme;
+  setTheme: (theme: CortenaTheme) => void;
+}
+export declare const DEFAULT_THEME_STORAGE_KEY = "cortena.theme";
+export declare const THEME_MESSAGE_TYPE = "cortena-theme";
+/**
+ * Write the mode onto <html>. `"system"` removes the attribute so
+ * cortena-design's `:root:not([data-theme])` fallback follows the OS.
+ */
+export declare function applyTheme(theme: CortenaTheme, root?: HTMLElement): void;
+export declare function readStoredTheme(storageKey?: string): CortenaTheme;
+/**
+ * Put the remembered mode back on <html>. Tiny and synchronous on purpose:
+ * call it at the top of the app entry, before `createRoot`, so a reload does
+ * not flash the light palette at somebody reading in the dark. Returns what
+ * it applied.
+ */
+export declare function applyStoredTheme(storageKey?: string): CortenaTheme;
+/**
+ * The same logic as `applyStoredTheme` as a self-contained IIFE string, for
+ * consumers that inject a blocking `<script>` into <head> (Next.js
+ * `dangerouslySetInnerHTML`, or a Vite index.html). It cannot import anything,
+ * which is why it is duplicated rather than derived.
+ */
+export declare function getThemeInitScript(storageKey?: string): string;
+/** `getThemeInitScript()` for the default storage key. */
+export declare const themeInitScript: string;
+/**
+ * Infer the mode from a hex background colour by relative luminance. Any
+ * other colour syntax is ignored, since the host only ever sends hex and a
+ * wrong guess is worse than no change.
+ */
+export declare function themeFromBackground(background: unknown): ResolvedCortenaTheme | null;
+/**
+ * The mode a host message asks for, or null when it does not carry one.
+ * Explicit `theme` / `mode` win; otherwise the background luminance decides.
+ */
+export declare function themeFromMessage(data: unknown): CortenaTheme | null;
+export declare function useCortenaTheme(options?: UseCortenaThemeOptions): UseCortenaThemeResult;
+//#endregion
+//# sourceMappingURL=use-cortena-theme.d.ts.map