@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/ui/alert.js

@@ -1,101 +1,205 @@
 "use client";
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { IconInfoCircle as i, IconAlertCircle as y, IconAlertTriangle as C, IconCircleCheck as A, IconX as k } from "@tabler/icons-react";
+import { a as e, c as t } from "../_chunks/framer.js";
+import { motionProps as n, springs as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import { Icon as o } from "./icon.js";
 import * as s from "react";
-import { a as V } from "../_chunks/vendor-utils.js";
-import { cn as t } from "./lib/utils.js";
-import { springs as S, motionProps as j } from "./lib/motion.js";
-import { Icon as l } from "./icon.js";
-import { A as R, m as E } from "../_chunks/framer.js";
-const P = V(
-  "relative flex rounded-ds-lg border",
-  {
-    variants: {
-      variant: {
-        subtle: "",
-        filled: "",
-        outline: ""
-      },
-      color: {
-        info: "",
-        success: "",
-        warning: "",
-        error: "",
-        neutral: ""
-      },
-      size: {
-        sm: "gap-ds-03 p-ds-03",
-        md: "gap-ds-04 p-ds-05",
-        lg: "gap-ds-05 p-ds-07"
-      }
-    },
-    compoundVariants: [
-      // subtle (surface bg) — default, matches previous behavior
-      { variant: "subtle", color: "info", className: "bg-info-3 border-info-7 text-info-11" },
-      { variant: "subtle", color: "success", className: "bg-success-3 border-success-7 text-success-11" },
-      { variant: "subtle", color: "warning", className: "bg-warning-3 border-warning-7 text-warning-11" },
-      { variant: "subtle", color: "error", className: "bg-error-3 border-error-7 text-error-11" },
-      { variant: "subtle", color: "neutral", className: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" },
-      // filled (solid bg, white text)
-      { variant: "filled", color: "info", className: "bg-info-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "success", className: "bg-success-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "warning", className: "bg-warning-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "error", className: "bg-error-9 text-accent-fg border-transparent [&>svg]:text-accent-fg" },
-      { variant: "filled", color: "neutral", className: "bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted" },
-      // outline (transparent bg, colored border)
-      { variant: "outline", color: "info", className: "bg-transparent border-info-7 text-info-11" },
-      { variant: "outline", color: "success", className: "bg-transparent border-success-7 text-success-11" },
-      { variant: "outline", color: "warning", className: "bg-transparent border-warning-7 text-warning-11" },
-      { variant: "outline", color: "error", className: "bg-transparent border-error-7 text-error-11" },
-      { variant: "outline", color: "neutral", className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" }
-    ],
-    defaultVariants: { variant: "subtle", color: "info", size: "md" }
-  }
-), T = {
-  info: i,
-  success: A,
-  warning: C,
-  error: y,
-  neutral: i
-}, D = s.forwardRef(
-  ({ className: d, variant: m = "subtle", color: a = "info", size: e = "md", title: n, onDismiss: o, children: f, ...g }, u) => {
-    const b = T[a ?? "info"], [x, v] = s.useState(!0), p = s.useCallback(() => {
-      v(!1);
-    }, []), N = e === "sm" ? "sm" : e === "lg" ? "lg" : "md", h = e === "sm" ? "xs" : "sm", w = e === "sm" ? "text-ds-xs" : "text-ds-md", I = e === "sm" ? "text-ds-sm" : e === "lg" ? "text-ds-lg" : "text-ds-md";
-    return /* @__PURE__ */ r(R, { onExitComplete: o, children: x && /* @__PURE__ */ c(
-      E.div,
-      {
-        ref: u,
-        initial: { opacity: 1, y: 0 },
-        animate: { opacity: 1, y: 0 },
-        exit: { opacity: 0, y: -8 },
-        transition: S.snappy,
-        className: t(P({ variant: m, color: a, size: e }), d),
-        role: "alert",
-        ...j(g),
-        children: [
-          /* @__PURE__ */ r(l, { icon: b, size: N, className: "mt-ds-01 shrink-0" }),
-          /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
-            n && /* @__PURE__ */ r("p", { className: t(I, "font-semibold mb-ds-01"), children: n }),
-            /* @__PURE__ */ r("div", { className: t(w, "text-surface-fg-muted"), children: f })
-          ] }),
-          o && /* @__PURE__ */ r(
-            "button",
-            {
-              type: "button",
-              onClick: p,
-              className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
-              "aria-label": "Dismiss",
-              children: /* @__PURE__ */ r(l, { icon: k, size: h })
-            }
-          )
-        ]
-      }
-    ) });
-  }
-);
-D.displayName = "Alert";
-export {
-  D as Alert,
-  P as alertVariants
-};
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { IconAlertCircle as u, IconAlertTriangle as d, IconCircleCheck as f, IconInfoCircle as p, IconX as m } from "@tabler/icons-react";
+//#region src/ui/alert.tsx
+var h = i("relative flex rounded-ds-lg border", {
+	variants: {
+		variant: {
+			subtle: "",
+			solid: "",
+			filled: "",
+			outline: ""
+		},
+		color: {
+			info: "",
+			success: "",
+			warning: "",
+			error: "",
+			neutral: ""
+		},
+		size: {
+			sm: "gap-ds-03 p-ds-03",
+			md: "gap-ds-04 p-ds-05",
+			lg: "gap-ds-05 p-ds-07"
+		}
+	},
+	compoundVariants: [
+		{
+			variant: "subtle",
+			color: "info",
+			className: "bg-info-3 border-info-7 text-info-11"
+		},
+		{
+			variant: "subtle",
+			color: "success",
+			className: "bg-success-3 border-success-7 text-success-11"
+		},
+		{
+			variant: "subtle",
+			color: "warning",
+			className: "bg-warning-3 border-warning-7 text-warning-11"
+		},
+		{
+			variant: "subtle",
+			color: "error",
+			className: "bg-error-3 border-error-7 text-error-11"
+		},
+		{
+			variant: "subtle",
+			color: "neutral",
+			className: "bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+		},
+		{
+			variant: "solid",
+			color: "info",
+			className: "bg-info-9 text-info-fg border-transparent [&>svg]:text-info-fg"
+		},
+		{
+			variant: "solid",
+			color: "success",
+			className: "bg-success-9 text-success-fg border-transparent [&>svg]:text-success-fg"
+		},
+		{
+			variant: "solid",
+			color: "warning",
+			className: "bg-warning-9 text-warning-fg border-transparent [&>svg]:text-warning-fg"
+		},
+		{
+			variant: "solid",
+			color: "error",
+			className: "bg-error-9 text-error-fg border-transparent [&>svg]:text-error-fg"
+		},
+		{
+			variant: "solid",
+			color: "neutral",
+			className: "bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted"
+		},
+		{
+			variant: "filled",
+			color: "info",
+			className: "bg-info-9 text-info-fg border-transparent [&>svg]:text-info-fg"
+		},
+		{
+			variant: "filled",
+			color: "success",
+			className: "bg-success-9 text-success-fg border-transparent [&>svg]:text-success-fg"
+		},
+		{
+			variant: "filled",
+			color: "warning",
+			className: "bg-warning-9 text-warning-fg border-transparent [&>svg]:text-warning-fg"
+		},
+		{
+			variant: "filled",
+			color: "error",
+			className: "bg-error-9 text-error-fg border-transparent [&>svg]:text-error-fg"
+		},
+		{
+			variant: "filled",
+			color: "neutral",
+			className: "bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted"
+		},
+		{
+			variant: "outline",
+			color: "info",
+			className: "bg-transparent border-info-7 text-info-11"
+		},
+		{
+			variant: "outline",
+			color: "success",
+			className: "bg-transparent border-success-7 text-success-11"
+		},
+		{
+			variant: "outline",
+			color: "warning",
+			className: "bg-transparent border-warning-7 text-warning-11"
+		},
+		{
+			variant: "outline",
+			color: "error",
+			className: "bg-transparent border-error-7 text-error-11"
+		},
+		{
+			variant: "outline",
+			color: "neutral",
+			className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted"
+		}
+	],
+	defaultVariants: {
+		variant: "subtle",
+		color: "info",
+		size: "md"
+	}
+}), g = {
+	info: p,
+	success: f,
+	warning: d,
+	error: u,
+	neutral: p
+}, _ = s.forwardRef(({ className: i, variant: u = "subtle", color: d = "info", size: f = "md", title: p, onDismiss: _, children: v, ...y }, b) => {
+	let x = g[d ?? "info"], [S, C] = s.useState(!0), w = s.useCallback(() => {
+		C(!1);
+	}, []), T = f === "sm" ? "sm" : f === "lg" ? "lg" : "md", E = f === "sm" ? "xs" : "sm", D = f === "sm" ? "text-ds-xs" : "text-ds-md", O = f === "sm" ? "text-ds-sm" : f === "lg" ? "text-ds-lg" : "text-ds-md";
+	return /* @__PURE__ */ c(t, {
+		onExitComplete: _,
+		children: S && /* @__PURE__ */ l(e.div, {
+			ref: b,
+			initial: {
+				opacity: 1,
+				y: 0
+			},
+			animate: {
+				opacity: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				y: -8
+			},
+			transition: r.snappy,
+			className: a(h({
+				variant: u,
+				color: d,
+				size: f
+			}), i),
+			role: "alert",
+			...n(y),
+			children: [
+				/* @__PURE__ */ c(o, {
+					icon: x,
+					size: T,
+					className: "mt-ds-01 shrink-0"
+				}),
+				/* @__PURE__ */ l("div", {
+					className: "flex-1 min-w-0",
+					children: [p && /* @__PURE__ */ c("p", {
+						className: a(O, "font-semibold mb-ds-01"),
+						children: p
+					}), /* @__PURE__ */ c("div", {
+						className: a(D, u !== "solid" && u !== "filled" && "text-surface-fg-muted"),
+						children: v
+					})]
+				}),
+				_ && /* @__PURE__ */ c("button", {
+					type: "button",
+					onClick: w,
+					className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9",
+					"aria-label": "Dismiss",
+					children: /* @__PURE__ */ c(o, {
+						icon: m,
+						size: E
+					})
+				})
+			]
+		})
+	});
+});
+_.displayName = "Alert";
+//#endregion
+export { _ as Alert, h as alertVariants };

package/dist/ui/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","names":[],"sources":["../../src/ui/alert.tsx"],"sourcesContent":["'use client'\n\nimport { IconAlertCircle, IconCircleCheck, IconInfoCircle, IconX, IconAlertTriangle } from '@tabler/icons-react'\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { cn } from './lib/utils'\nimport { springs, motionProps } from './lib/motion'\nimport { Icon } from './icon'\n\nconst alertVariants = cva(\n  'relative flex rounded-ds-lg border',\n  {\n    variants: {\n      variant: {\n        subtle: '',\n        solid: '',\n        /** @deprecated Use `solid` instead. Alias kept for one version of backwards compatibility. */\n        filled: '',\n        outline: '',\n      },\n      color: {\n        info: '',\n        success: '',\n        warning: '',\n        error: '',\n        neutral: '',\n      },\n      size: {\n        sm: 'gap-ds-03 p-ds-03',\n        md: 'gap-ds-04 p-ds-05',\n        lg: 'gap-ds-05 p-ds-07',\n      },\n    },\n    compoundVariants: [\n      // subtle (surface bg) — default, matches previous behavior\n      { variant: 'subtle', color: 'info', className: 'bg-info-3 border-info-7 text-info-11' },\n      { variant: 'subtle', color: 'success', className: 'bg-success-3 border-success-7 text-success-11' },\n      { variant: 'subtle', color: 'warning', className: 'bg-warning-3 border-warning-7 text-warning-11' },\n      { variant: 'subtle', color: 'error', className: 'bg-error-3 border-error-7 text-error-11' },\n      { variant: 'subtle', color: 'neutral', className: 'bg-surface-raised border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted' },\n      // solid (solid bg, contrasting text) — canonical name\n      { variant: 'solid', color: 'info', className: 'bg-info-9 text-info-fg border-transparent [&>svg]:text-info-fg' },\n      { variant: 'solid', color: 'success', className: 'bg-success-9 text-success-fg border-transparent [&>svg]:text-success-fg' },\n      { variant: 'solid', color: 'warning', className: 'bg-warning-9 text-warning-fg border-transparent [&>svg]:text-warning-fg' },\n      { variant: 'solid', color: 'error', className: 'bg-error-9 text-error-fg border-transparent [&>svg]:text-error-fg' },\n      { variant: 'solid', color: 'neutral', className: 'bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted' },\n      // filled — deprecated alias for solid (remove in next minor)\n      { variant: 'filled', color: 'info', className: 'bg-info-9 text-info-fg border-transparent [&>svg]:text-info-fg' },\n      { variant: 'filled', color: 'success', className: 'bg-success-9 text-success-fg border-transparent [&>svg]:text-success-fg' },\n      { variant: 'filled', color: 'warning', className: 'bg-warning-9 text-warning-fg border-transparent [&>svg]:text-warning-fg' },\n      { variant: 'filled', color: 'error', className: 'bg-error-9 text-error-fg border-transparent [&>svg]:text-error-fg' },\n      { variant: 'filled', color: 'neutral', className: 'bg-surface-raised-hover text-surface-fg border-transparent [&>svg]:text-surface-fg-muted' },\n      // outline (transparent bg, colored border)\n      { variant: 'outline', color: 'info', className: 'bg-transparent border-info-7 text-info-11' },\n      { variant: 'outline', color: 'success', className: 'bg-transparent border-success-7 text-success-11' },\n      { variant: 'outline', color: 'warning', className: 'bg-transparent border-warning-7 text-warning-11' },\n      { variant: 'outline', color: 'error', className: 'bg-transparent border-error-7 text-error-11' },\n      { variant: 'outline', color: 'neutral', className: 'bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted' },\n    ],\n    defaultVariants: { variant: 'subtle', color: 'info', size: 'md' },\n  },\n)\n\nconst ALERT_ICONS: Record<string, React.ForwardRefExoticComponent<any>> = {\n  info:    IconInfoCircle,\n  success: IconCircleCheck,\n  warning: IconAlertTriangle,\n  error:   IconAlertCircle,\n  neutral: IconInfoCircle,\n}\n\n/**\n * Props for Alert — an inline message block with a colored icon, optional title, optional body,\n * and an optional dismiss button. Renders with `role=\"alert\"` for screen reader announcements.\n *\n * **Variants:** `subtle` (default, tinted surface) | `solid` (solid colored bg) | `outline` (transparent bg, colored border)\n * (`filled` is accepted as a deprecated alias for `solid` — will be removed in a future version)\n *\n * **Colors:** `info` (default, blue tones) | `success` | `warning` | `error` | `neutral`\n * The matching icon (info circle, checkmark, triangle, alert circle) is auto-selected by color.\n *\n * **Alert vs Banner:** Alert is inline (inside page content). Banner is a full-width notification\n * strip rendered at the top of a page/section (see `<Banner>`).\n *\n * **Dismissible:** Provide `onDismiss` to show an × button. Absence of the prop = non-dismissible.\n *\n * @example\n * // Informational tip inside a settings form:\n * <Alert title=\"Tip\" color=\"info\">\n *   Changes take effect after you save and reload the page.\n * </Alert>\n *\n * @example\n * // Error feedback after a failed API call (dismissible):\n * <Alert color=\"error\" title=\"Save failed\" onDismiss={() => setError(null)}>\n *   Your changes could not be saved. Please try again.\n * </Alert>\n *\n * @example\n * // Success confirmation after publishing:\n * <Alert color=\"success\" title=\"Published!\">\n *   Your post is now live and visible to all subscribers.\n * </Alert>\n *\n * @example\n * // Neutral inline note (no colored intent):\n * <Alert color=\"neutral\">This field is auto-populated from your profile.</Alert>\n * // These are just a few ways — feel free to combine props creatively!\n */\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>,\n    VariantProps<typeof alertVariants> {\n  title?: string\n  /**\n   * Called after the exit animation completes, not immediately on click.\n   * The dismiss button sets internal visibility to false, triggering the exit\n   * animation; `onDismiss` fires via `AnimatePresence.onExitComplete`.\n   */\n  onDismiss?: () => void\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant = 'subtle', color = 'info', size = 'md', title, onDismiss, children, ...props }, ref) => {\n    const AlertIcon = ALERT_ICONS[color ?? 'info']\n    const [isVisible, setIsVisible] = React.useState(true)\n\n    const handleDismiss = React.useCallback(() => {\n      setIsVisible(false)\n    }, [])\n\n    const iconSize = size === 'sm' ? 'sm' : size === 'lg' ? 'lg' : 'md'\n    const dismissIconSize = size === 'sm' ? 'xs' : 'sm'\n    const textClass = size === 'sm' ? 'text-ds-xs' : size === 'lg' ? 'text-ds-md' : 'text-ds-md'\n    const titleClass = size === 'sm' ? 'text-ds-sm' : size === 'lg' ? 'text-ds-lg' : 'text-ds-md'\n\n    return (\n      <AnimatePresence onExitComplete={onDismiss}>\n        {isVisible && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 1, y: 0 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -8 }}\n            transition={springs.snappy}\n            className={cn(alertVariants({ variant, color, size }), className)}\n            role=\"alert\"\n            {...motionProps(props)}\n          >\n            <Icon icon={AlertIcon} size={iconSize} className=\"mt-ds-01 shrink-0\" />\n            <div className=\"flex-1 min-w-0\">\n              {title && <p className={cn(titleClass, 'font-semibold mb-ds-01')}>{title}</p>}\n              {/* Body: on solid/filled variants the CVA sets text-accent-fg (white) on\n                  saturated step-9 backgrounds. Muting the body to surface-fg (grey)\n                  there drops contrast below WCAG AA. Only mute on subtle/outline\n                  variants where the root color is a readable step-11. */}\n              <div\n                className={cn(\n                  textClass,\n                  variant !== 'solid' && variant !== 'filled' && 'text-surface-fg-muted',\n                )}\n              >\n                {children}\n              </div>\n            </div>\n            {onDismiss && (\n              <button\n                type=\"button\"\n                onClick={handleDismiss}\n                className=\"shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n                aria-label=\"Dismiss\"\n              >\n                <Icon icon={IconX} size={dismissIconSize} />\n              </button>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nAlert.displayName = 'Alert'\n\nexport { Alert, alertVariants }\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAgB,EACpB,sCACA;CACE,UAAU;EACR,SAAS;GACP,QAAQ;GACR,OAAO;GAEP,QAAQ;GACR,SAAS;GACV;EACD,OAAO;GACL,MAAM;GACN,SAAS;GACT,SAAS;GACT,OAAO;GACP,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,kBAAkB;EAEhB;GAAE,SAAS;GAAU,OAAO;GAAQ,WAAW;GAAwC;EACvF;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAAiD;EACnG;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAAiD;EACnG;GAAE,SAAS;GAAU,OAAO;GAAS,WAAW;GAA2C;EAC3F;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAAgG;EAElJ;GAAE,SAAS;GAAS,OAAO;GAAQ,WAAW;GAAkE;EAChH;GAAE,SAAS;GAAS,OAAO;GAAW,WAAW;GAA2E;EAC5H;GAAE,SAAS;GAAS,OAAO;GAAW,WAAW;GAA2E;EAC5H;GAAE,SAAS;GAAS,OAAO;GAAS,WAAW;GAAqE;EACpH;GAAE,SAAS;GAAS,OAAO;GAAW,WAAW;GAA4F;EAE7I;GAAE,SAAS;GAAU,OAAO;GAAQ,WAAW;GAAkE;EACjH;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAA2E;EAC7H;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAA2E;EAC7H;GAAE,SAAS;GAAU,OAAO;GAAS,WAAW;GAAqE;EACrH;GAAE,SAAS;GAAU,OAAO;GAAW,WAAW;GAA4F;EAE9I;GAAE,SAAS;GAAW,OAAO;GAAQ,WAAW;GAA6C;EAC7F;GAAE,SAAS;GAAW,OAAO;GAAW,WAAW;GAAmD;EACtG;GAAE,SAAS;GAAW,OAAO;GAAW,WAAW;GAAmD;EACtG;GAAE,SAAS;GAAW,OAAO;GAAS,WAAW;GAA+C;EAChG;GAAE,SAAS;GAAW,OAAO;GAAW,WAAW;GAA6F;EACjJ;CACD,iBAAiB;EAAE,SAAS;EAAU,OAAO;EAAQ,MAAM;EAAM;CAClE,CACF,EAEK,IAAoE;CACxE,MAAS;CACT,SAAS;CACT,SAAS;CACT,OAAS;CACT,SAAS;CACV,EAoDK,IAAQ,EAAM,YACjB,EAAE,cAAW,aAAU,UAAU,WAAQ,QAAQ,UAAO,MAAM,UAAO,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC7G,IAAM,IAAY,EAAY,KAAS,SACjC,CAAC,GAAW,KAAgB,EAAM,SAAS,GAAK,EAEhD,IAAgB,EAAM,kBAAkB;AAC5C,IAAa,GAAM;IAClB,EAAE,CAAC,EAEA,IAAW,MAAS,OAAO,OAAO,MAAS,OAAO,OAAO,MACzD,IAAkB,MAAS,OAAO,OAAO,MACzC,IAAY,MAAS,OAAO,eAA+B,cAC3D,IAAa,MAAS,OAAO,eAAe,MAAS,OAAO,eAAe;AAEjF,QACE,kBAAC,GAAD;EAAiB,gBAAgB;YAC9B,KACC,kBAAC,EAAO,KAAR;GACO;GACL,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG;GAC7B,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG;GAC7B,MAAM;IAAE,SAAS;IAAG,GAAG;IAAI;GAC3B,YAAY,EAAQ;GACpB,WAAW,EAAG,EAAc;IAAE;IAAS;IAAO;IAAM,CAAC,EAAE,EAAU;GACjE,MAAK;GACL,GAAI,EAAY,EAAM;aARxB;IAUE,kBAAC,GAAD;KAAM,MAAM;KAAW,MAAM;KAAU,WAAU;KAAsB,CAAA;IACvE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,KAAS,kBAAC,KAAD;MAAG,WAAW,EAAG,GAAY,yBAAyB;gBAAG;MAAU,CAAA,EAK7E,kBAAC,OAAD;MACE,WAAW,EACT,GACA,MAAY,WAAW,MAAY,YAAY,wBAChD;MAEA;MACG,CAAA,CACF;;IACL,KACC,kBAAC,UAAD;KACE,MAAK;KACL,SAAS;KACT,WAAU;KACV,cAAW;eAEX,kBAAC,GAAD;MAAM,MAAM;MAAO,MAAM;MAAmB,CAAA;KACrC,CAAA;IAEA;;EAEC,CAAA;EAGvB;AACD,EAAM,cAAc"}

package/dist/ui/aspect-ratio.js

@@ -1,17 +1,14 @@
 "use client";
-import { jsx as a } from "react/jsx-runtime";
-import * as m from "react";
-import { f as s } from "../_chunks/primitives.js";
-import { cn as p } from "./lib/utils.js";
-const e = m.forwardRef(({ className: o, ...t }, r) => /* @__PURE__ */ a(
-  s,
-  {
-    ref: r,
-    className: p(o),
-    ...t
-  }
-));
-e.displayName = "AspectRatio";
-export {
-  e as AspectRatio
-};
+import { gn as e } from "../_chunks/primitives.js";
+import { cn as t } from "./lib/utils.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/ui/aspect-ratio.tsx
+var i = n.forwardRef(({ className: n, ...i }, a) => /* @__PURE__ */ r(e, {
+	ref: a,
+	className: t(n),
+	...i
+}));
+i.displayName = "AspectRatio";
+//#endregion
+export { i as AspectRatio };

package/dist/ui/aspect-ratio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/ui/aspect-ratio.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AspectRatioPrimitive from '@primitives/react-aspect-ratio'\nimport { cn } from './lib/utils'\n\nconst AspectRatio = React.forwardRef<\n  React.ComponentRef<typeof AspectRatioPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof AspectRatioPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <AspectRatioPrimitive.Root\n    ref={ref}\n    className={cn(className)}\n    {...props}\n  />\n))\nAspectRatio.displayName = 'AspectRatio'\n\nexport { AspectRatio }\n"],"mappings":";;;;;;AAMA,IAAM,IAAc,EAAM,YAGvB,EAAE,cAAW,GAAG,KAAS,MAC1B,kBAAC,GAAD;CACO;CACL,WAAW,EAAG,EAAU;CACxB,GAAI;CACJ,CAAA,CACF;AACF,EAAY,cAAc"}

package/dist/ui/autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/ui/autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY;aAVP,kBAAkB,EAAE;YACrB,kBAAkB,GAAG,IAAI;oBACjB,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;kBACtC,MAAM;gBACR,MAAM;eACP,OAAO;gBACN,MAAM;SACb,MAAM;0CAiMZ,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"autocomplete.d.ts","sourceRoot":"","sources":["../../src/ui/autocomplete.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAC9D,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAA;IACjC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,QAAA,MAAM,YAAY;aAVP,kBAAkB,EAAE;YACrB,kBAAkB,GAAG,IAAI;oBACjB,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI;kBACtC,MAAM;gBACR,MAAM;eACP,OAAO;gBACN,MAAM;SACb,MAAM;0CAiPZ,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,kBAAkB,EAAE,CAAA"}