@nuka-ui/core 1.0.2 → 1.1.0

package/dist/utils/dismiss-button.cjs

@@ -0,0 +1,2 @@
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./cn.cjs`),n=require(`../components/Icon/Icon.cjs`);let r=require(`react`);r=e.__toESM(r,1);let i=require(`react/jsx-runtime`);var a=r.forwardRef(({onClick:e,label:r=`Dismiss`,className:a,...o},s)=>(0,i.jsx)(`button`,{ref:s,type:`button`,"aria-label":r,onClick:e,className:t.cn(`inline-flex items-center justify-center`,`rounded-(--radius-sm) p-(--space-1)`,`min-w-6 min-h-6`,`opacity-70 hover:opacity-100 transition-opacity cursor-pointer`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,a),...o,children:(0,i.jsx)(n.Icon,{size:`sm`,children:(0,i.jsxs)(`svg`,{xmlns:`http://www.w3.org/2000/svg`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,i.jsx)(`line`,{x1:`18`,y1:`6`,x2:`6`,y2:`18`}),(0,i.jsx)(`line`,{x1:`6`,y1:`6`,x2:`18`,y2:`18`})]})})}));a.displayName=`DismissButton`,exports.DismissButton=a;
+//# sourceMappingURL=dismiss-button.cjs.map

package/dist/utils/dismiss-button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-button.cjs","names":[],"sources":["../../src/utils/dismiss-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface DismissButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"onClick\"\n> {\n  onClick: () => void;\n  label?: string;\n}\n\nconst DismissButton = React.forwardRef<HTMLButtonElement, DismissButtonProps>(\n  ({ onClick, label = \"Dismiss\", className, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        onClick={onClick}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"rounded-(--radius-sm) p-(--space-1)\",\n          \"min-w-6 min-h-6\",\n          \"opacity-70 hover:opacity-100 transition-opacity cursor-pointer\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      >\n        <Icon size=\"sm\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nDismissButton.displayName = \"DismissButton\";\n\nexport { DismissButton };\nexport type { DismissButtonProps };\n"],"mappings":"+LAYA,IAAM,EAAgB,EAAM,YACzB,CAAE,UAAS,QAAQ,UAAW,YAAW,GAAG,GAAS,KAElD,EAAA,EAAA,KAAC,SAAD,CACO,MACL,KAAK,SACL,aAAY,EACH,UACT,UAAW,EAAA,GACT,0CACA,sCACA,kBACA,iEACA,qGACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAA,KAAD,CAAM,KAAK,eACT,EAAA,EAAA,MAAC,MAAD,CACE,MAAM,6BACN,QAAQ,YACR,KAAK,OACL,OAAO,eACP,YAAY,IACZ,cAAc,QACd,eAAe,iBAPjB,EASE,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,KAAO,CAAA,EACtC,EAAA,EAAA,KAAC,OAAD,CAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAO,CAAA,CAClC,GACD,CAAA,CACA,CAAA,CAGd,CAED,EAAc,YAAc"}

package/dist/utils/dismiss-button.js

@@ -0,0 +1,41 @@
+import { cn as e } from "./cn.js";
+import { Icon as t } from "../components/Icon/Icon.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/utils/dismiss-button.tsx
+var a = n.forwardRef(({ onClick: n, label: a = "Dismiss", className: o, ...s }, c) => /* @__PURE__ */ r("button", {
+	ref: c,
+	type: "button",
+	"aria-label": a,
+	onClick: n,
+	className: e("inline-flex items-center justify-center", "rounded-(--radius-sm) p-(--space-1)", "min-w-6 min-h-6", "opacity-70 hover:opacity-100 transition-opacity cursor-pointer", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)", o),
+	...s,
+	children: /* @__PURE__ */ r(t, {
+		size: "sm",
+		children: /* @__PURE__ */ i("svg", {
+			xmlns: "http://www.w3.org/2000/svg",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ r("line", {
+				x1: "18",
+				y1: "6",
+				x2: "6",
+				y2: "18"
+			}), /* @__PURE__ */ r("line", {
+				x1: "6",
+				y1: "6",
+				x2: "18",
+				y2: "18"
+			})]
+		})
+	})
+}));
+a.displayName = "DismissButton";
+//#endregion
+export { a as DismissButton };
+
+//# sourceMappingURL=dismiss-button.js.map

package/dist/utils/dismiss-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dismiss-button.js","names":[],"sources":["../../src/utils/dismiss-button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Icon } from \"@nuka/components/Icon\";\n\ninterface DismissButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  \"onClick\"\n> {\n  onClick: () => void;\n  label?: string;\n}\n\nconst DismissButton = React.forwardRef<HTMLButtonElement, DismissButtonProps>(\n  ({ onClick, label = \"Dismiss\", className, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        aria-label={label}\n        onClick={onClick}\n        className={cn(\n          \"inline-flex items-center justify-center\",\n          \"rounded-(--radius-sm) p-(--space-1)\",\n          \"min-w-6 min-h-6\",\n          \"opacity-70 hover:opacity-100 transition-opacity cursor-pointer\",\n          \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n          className,\n        )}\n        {...props}\n      >\n        <Icon size=\"sm\">\n          <svg\n            xmlns=\"http://www.w3.org/2000/svg\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n          >\n            <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n            <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n          </svg>\n        </Icon>\n      </button>\n    );\n  },\n);\n\nDismissButton.displayName = \"DismissButton\";\n\nexport { DismissButton };\nexport type { DismissButtonProps };\n"],"mappings":";;;;;AAYA,IAAM,IAAgB,EAAM,YACzB,EAAE,YAAS,WAAQ,WAAW,cAAW,GAAG,KAAS,MAElD,kBAAC,UAAD;CACO;CACL,MAAK;CACL,cAAY;CACH;CACT,WAAW,EACT,2CACA,uCACA,mBACA,kEACA,sGACA,EACD;CACD,GAAI;WAEJ,kBAAC,GAAD;EAAM,MAAK;YACT,kBAAC,OAAD;GACE,OAAM;GACN,SAAQ;GACR,MAAK;GACL,QAAO;GACP,aAAY;GACZ,eAAc;GACd,gBAAe;aAPjB,CASE,kBAAC,QAAD;IAAM,IAAG;IAAK,IAAG;IAAI,IAAG;IAAI,IAAG;IAAO,CAAA,EACtC,kBAAC,QAAD;IAAM,IAAG;IAAI,IAAG;IAAI,IAAG;IAAK,IAAG;IAAO,CAAA,CAClC;;EACD,CAAA;CACA,CAAA,CAGd;AAED,EAAc,cAAc"}

package/dist/utils/field-base.cjs

@@ -0,0 +1,2 @@
+var e=[`w-full`,`rounded-(--radius-md)`,`border`,`bg-(--nuka-input-bg)`,`text-(--nuka-text-base)`,`placeholder:text-(--nuka-text-muted)`,`focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)`,`disabled:cursor-not-allowed disabled:opacity-50`,`transition-colors duration-150`];exports.fieldBaseClasses=e;
+//# sourceMappingURL=field-base.cjs.map

package/dist/utils/field-base.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-base.cjs","names":[],"sources":["../../src/utils/field-base.ts"],"sourcesContent":["// Shared base classes for field-type form controls (Input, Textarea).\n// Each consumer spreads this into its own cva() base array and appends\n// component-specific classes (e.g. read-only styles, resize behavior).\nconst fieldBaseClasses = [\n  \"w-full\",\n  \"rounded-(--radius-md)\",\n  \"border\",\n  \"bg-(--nuka-input-bg)\",\n  \"text-(--nuka-text-base)\",\n  \"placeholder:text-(--nuka-text-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"disabled:cursor-not-allowed disabled:opacity-50\",\n  \"transition-colors duration-150\",\n];\n\nexport { fieldBaseClasses };\n"],"mappings":"AAGA,IAAM,EAAmB,CACvB,SACA,wBACA,SACA,uBACA,0BACA,uCACA,qGACA,kDACA,iCACD"}

package/dist/utils/field-base.js

@@ -0,0 +1,16 @@
+//#region src/utils/field-base.ts
+var e = [
+	"w-full",
+	"rounded-(--radius-md)",
+	"border",
+	"bg-(--nuka-input-bg)",
+	"text-(--nuka-text-base)",
+	"placeholder:text-(--nuka-text-muted)",
+	"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)",
+	"disabled:cursor-not-allowed disabled:opacity-50",
+	"transition-colors duration-150"
+];
+//#endregion
+export { e as fieldBaseClasses };
+
+//# sourceMappingURL=field-base.js.map

package/dist/utils/field-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-base.js","names":[],"sources":["../../src/utils/field-base.ts"],"sourcesContent":["// Shared base classes for field-type form controls (Input, Textarea).\n// Each consumer spreads this into its own cva() base array and appends\n// component-specific classes (e.g. read-only styles, resize behavior).\nconst fieldBaseClasses = [\n  \"w-full\",\n  \"rounded-(--radius-md)\",\n  \"border\",\n  \"bg-(--nuka-input-bg)\",\n  \"text-(--nuka-text-base)\",\n  \"placeholder:text-(--nuka-text-muted)\",\n  \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--nuka-border-focus)\",\n  \"disabled:cursor-not-allowed disabled:opacity-50\",\n  \"transition-colors duration-150\",\n];\n\nexport { fieldBaseClasses };\n"],"mappings":";AAGA,IAAM,IAAmB;CACvB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/utils/modal-primitive.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`./cn.cjs`),n=require(`./slot.cjs`),r=require(`../hooks/use-controllable-state.cjs`),i=require(`./dismiss-button.cjs`),a=require(`../components/Heading/Heading.cjs`),o=require(`../components/Text/Text.cjs`);require(`../hooks/use-escape-key.cjs`);let s=require(`react`);s=e.__toESM(s,1);let c=require(`react/jsx-runtime`);function l(e,t,n){s.useEffect(()=>{if(n&&process.env.NODE_ENV!==`production`){let n=requestAnimationFrame(()=>{document.getElementById(t)||console.error(`${e}: a <${e}Title> is required for accessible labeling. Add a <${e}Title> inside <${e}Content>.`)});return()=>cancelAnimationFrame(n)}},[n,e,t])}function u(e){let{displayNamePrefix:l,closeLabel:u,Context:d,useContext:f}=e;function p({children:e,open:t,defaultOpen:n=!1,onOpenChange:i}){let[a,o]=r.useControllableState(t,n,i),l=s.useId(),u=`${l}-title`,f=`${l}-description`,[p,m]=s.useState(!1);return(0,c.jsx)(d,{value:s.useMemo(()=>({open:a,onOpenChange:o,titleId:u,descriptionId:f,hasDescription:p,setHasDescription:m}),[a,o,u,f,p]),children:e})}p.displayName=l;let m=s.forwardRef(({asChild:e=!1,onClick:t,...r},i)=>{let a=f(),o=e?n.Slot:`button`;return(0,c.jsx)(o,{ref:i,type:e?void 0:`button`,"aria-haspopup":`dialog`,"aria-expanded":a.open,onClick:e=>{a.onOpenChange(!0),t?.(e)},...r})});m.displayName=`${l}Trigger`;let h=s.forwardRef(({as:e=`h2`,className:t,...n},r)=>(0,c.jsx)(a.Heading,{ref:r,as:e,size:`xl`,weight:`semibold`,id:f().titleId,className:t,...n}));h.displayName=`${l}Title`;let g=s.forwardRef(({className:e,...n},r)=>{let i=f(),{setHasDescription:a}=i;return s.useEffect(()=>(a(!0),()=>a(!1)),[a]),(0,c.jsx)(o.Text,{ref:r,color:`muted`,size:`sm`,id:i.descriptionId,className:t.cn(`mt-(--space-2)`,e),...n})});g.displayName=`${l}Description`;let _=s.forwardRef(({asChild:e=!1,onClick:t,...r},a)=>{let o=f();return e?(0,c.jsx)(n.Slot,{ref:a,onClick:e=>{o.onOpenChange(!1),t?.(e)},...r}):(0,c.jsx)(i.DismissButton,{...r,ref:a,onClick:()=>o.onOpenChange(!1),label:u})});return _.displayName=`${l}Close`,{Root:p,Trigger:m,Title:h,Description:g,Close:_}}exports.createModalPrimitive=u,exports.useModalTitleWarning=l;
+//# sourceMappingURL=modal-primitive.cjs.map

package/dist/utils/modal-primitive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-primitive.cjs","names":[],"sources":["../../src/utils/modal-primitive.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { Heading } from \"@nuka/components/Heading\";\nimport { Text } from \"@nuka/components/Text\";\n\nfunction useModalTitleWarning(\n  displayName: string,\n  titleId: string,\n  open: boolean,\n): void {\n  React.useEffect(() => {\n    if (open && process.env.NODE_ENV !== \"production\") {\n      const frame = requestAnimationFrame(() => {\n        if (!document.getElementById(titleId)) {\n          console.error(\n            `${displayName}: a <${displayName}Title> is required for accessible labeling. ` +\n              `Add a <${displayName}Title> inside <${displayName}Content>.`,\n          );\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    return undefined;\n  }, [open, displayName, titleId]);\n}\n\nexport interface ModalContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\ninterface ModalPrimitiveOptions {\n  displayNamePrefix: string;\n  closeLabel: string;\n  Context: React.Context<ModalContextValue | null>;\n  useContext: () => ModalContextValue;\n}\n\nexport interface ModalRootProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface ModalTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nexport interface ModalTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nexport interface ModalDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {}\n\nexport interface ModalCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\ninterface ModalPrimitiveResult {\n  Root: React.FC<ModalRootProps>;\n  Trigger: React.ForwardRefExoticComponent<\n    ModalTriggerProps & React.RefAttributes<HTMLButtonElement>\n  >;\n  Title: React.ForwardRefExoticComponent<\n    ModalTitleProps & React.RefAttributes<HTMLElement>\n  >;\n  Description: React.ForwardRefExoticComponent<\n    ModalDescriptionProps & React.RefAttributes<HTMLElement>\n  >;\n  Close: React.ForwardRefExoticComponent<\n    ModalCloseProps & React.RefAttributes<HTMLButtonElement>\n  >;\n}\n\nfunction createModalPrimitive(\n  options: ModalPrimitiveOptions,\n): ModalPrimitiveResult {\n  const { displayNamePrefix, closeLabel, Context, useContext } = options;\n\n  function Root({\n    children,\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n  }: ModalRootProps) {\n    const [open, setOpen] = useControllableState(\n      controlledOpen,\n      defaultOpen,\n      onOpenChange,\n    );\n\n    const baseId = React.useId();\n    const titleId = `${baseId}-title`;\n    const descriptionId = `${baseId}-description`;\n    const [hasDescription, setHasDescription] = React.useState(false);\n\n    const contextValue = React.useMemo(\n      () => ({\n        open,\n        onOpenChange: setOpen,\n        titleId,\n        descriptionId,\n        hasDescription,\n        setHasDescription,\n      }),\n      [open, setOpen, titleId, descriptionId, hasDescription],\n    );\n\n    return <Context value={contextValue}>{children}</Context>;\n  }\n\n  Root.displayName = displayNamePrefix;\n\n  const Trigger = React.forwardRef<HTMLButtonElement, ModalTriggerProps>(\n    ({ asChild = false, onClick, ...props }, ref) => {\n      const ctx = useContext();\n      const Comp = asChild ? Slot : \"button\";\n\n      const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n        ctx.onOpenChange(true);\n        onClick?.(e);\n      };\n\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : \"button\"}\n          aria-haspopup=\"dialog\"\n          aria-expanded={ctx.open}\n          onClick={handleClick}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Trigger.displayName = `${displayNamePrefix}Trigger`;\n\n  const Title = React.forwardRef<HTMLElement, ModalTitleProps>(\n    ({ as = \"h2\", className, ...props }, ref) => {\n      const ctx = useContext();\n\n      return (\n        <Heading\n          ref={ref}\n          as={as}\n          size=\"xl\"\n          weight=\"semibold\"\n          id={ctx.titleId}\n          className={className}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Title.displayName = `${displayNamePrefix}Title`;\n\n  const Description = React.forwardRef<HTMLElement, ModalDescriptionProps>(\n    ({ className, ...props }, ref) => {\n      const ctx = useContext();\n\n      const { setHasDescription } = ctx;\n      React.useEffect(() => {\n        setHasDescription(true);\n        return () => setHasDescription(false);\n      }, [setHasDescription]);\n\n      return (\n        <Text\n          ref={ref}\n          color=\"muted\"\n          size=\"sm\"\n          id={ctx.descriptionId}\n          className={cn(\"mt-(--space-2)\", className)}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Description.displayName = `${displayNamePrefix}Description`;\n\n  const Close = React.forwardRef<HTMLButtonElement, ModalCloseProps>(\n    ({ asChild = false, onClick, ...props }, ref) => {\n      const ctx = useContext();\n\n      const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n        ctx.onOpenChange(false);\n        onClick?.(e);\n      };\n\n      if (asChild) {\n        return <Slot ref={ref} onClick={handleClick} {...props} />;\n      }\n\n      return (\n        <DismissButton\n          {...props}\n          ref={ref}\n          onClick={() => ctx.onOpenChange(false)}\n          label={closeLabel}\n        />\n      );\n    },\n  );\n\n  Close.displayName = `${displayNamePrefix}Close`;\n\n  return { Root, Trigger, Title, Description, Close };\n}\n\nexport { createModalPrimitive, useEscapeKey, useModalTitleWarning };\n"],"mappings":"6YAUA,SAAS,EACP,EACA,EACA,EACM,CACN,EAAM,cAAgB,CACpB,GAAI,GAAA,QAAA,IAAA,WAAiC,aAAc,CACjD,IAAM,EAAQ,0BAA4B,CACnC,SAAS,eAAe,EAAQ,EACnC,QAAQ,MACN,GAAG,EAAY,OAAO,EAAY,qDACtB,EAAY,iBAAiB,EAAY,WACtD,EAEH,CACF,UAAa,qBAAqB,EAAM,GAGzC,CAAC,EAAM,EAAa,EAAQ,CAAC,CA8DlC,SAAS,EACP,EACsB,CACtB,GAAM,CAAE,oBAAmB,aAAY,UAAS,cAAe,EAE/D,SAAS,EAAK,CACZ,WACA,KAAM,EACN,cAAc,GACd,gBACiB,CACjB,GAAM,CAAC,EAAM,GAAW,EAAA,qBACtB,EACA,EACA,EACD,CAEK,EAAS,EAAM,OAAO,CACtB,EAAU,GAAG,EAAO,QACpB,EAAgB,GAAG,EAAO,cAC1B,CAAC,EAAgB,GAAqB,EAAM,SAAS,GAAM,CAcjE,OAAO,EAAA,EAAA,KAAC,EAAD,CAAS,MAZK,EAAM,aAClB,CACL,OACA,aAAc,EACd,UACA,gBACA,iBACA,oBACD,EACD,CAAC,EAAM,EAAS,EAAS,EAAe,EAAe,CACxD,CAEqC,WAAmB,CAAA,CAG3D,EAAK,YAAc,EAEnB,IAAM,EAAU,EAAM,YACnB,CAAE,UAAU,GAAO,UAAS,GAAG,GAAS,IAAQ,CAC/C,IAAM,EAAM,GAAY,CAClB,EAAO,EAAU,EAAA,KAAO,SAO9B,OACE,EAAA,EAAA,KAAC,EAAD,CACO,MACL,KAAM,EAAU,IAAA,GAAY,SAC5B,gBAAc,SACd,gBAAe,EAAI,KACnB,QAXiB,GAA2C,CAC9D,EAAI,aAAa,GAAK,CACtB,IAAU,EAAE,EAUV,GAAI,EACJ,CAAA,EAGP,CAED,EAAQ,YAAc,GAAG,EAAkB,SAE3C,IAAM,EAAQ,EAAM,YACjB,CAAE,KAAK,KAAM,YAAW,GAAG,GAAS,KAIjC,EAAA,EAAA,KAAC,EAAA,QAAD,CACO,MACD,KACJ,KAAK,KACL,OAAO,WACP,GARQ,GAAY,CAQZ,QACG,YACX,GAAI,EACJ,CAAA,CAGP,CAED,EAAM,YAAc,GAAG,EAAkB,OAEzC,IAAM,EAAc,EAAM,YACvB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAM,GAAY,CAElB,CAAE,qBAAsB,EAM9B,OALA,EAAM,eACJ,EAAkB,GAAK,KACV,EAAkB,GAAM,EACpC,CAAC,EAAkB,CAAC,EAGrB,EAAA,EAAA,KAAC,EAAA,KAAD,CACO,MACL,MAAM,QACN,KAAK,KACL,GAAI,EAAI,cACR,UAAW,EAAA,GAAG,iBAAkB,EAAU,CAC1C,GAAI,EACJ,CAAA,EAGP,CAED,EAAY,YAAc,GAAG,EAAkB,aAE/C,IAAM,EAAQ,EAAM,YACjB,CAAE,UAAU,GAAO,UAAS,GAAG,GAAS,IAAQ,CAC/C,IAAM,EAAM,GAAY,CAWxB,OAJI,GACK,EAAA,EAAA,KAAC,EAAA,KAAD,CAAW,MAAK,QANJ,GAA2C,CAC9D,EAAI,aAAa,GAAM,CACvB,IAAU,EAAE,EAIiC,GAAI,EAAS,CAAA,EAI1D,EAAA,EAAA,KAAC,EAAA,cAAD,CACE,GAAI,EACC,MACL,YAAe,EAAI,aAAa,GAAM,CACtC,MAAO,EACP,CAAA,EAGP,CAID,MAFA,GAAM,YAAc,GAAG,EAAkB,OAElC,CAAE,OAAM,UAAS,QAAO,cAAa,QAAO"}

package/dist/utils/modal-primitive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal-primitive.d.ts","sourceRoot":"","sources":["../../src/utils/modal-primitive.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,iBAAS,oBAAoB,CAC3B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,OAAO,GACZ,IAAI,CAeN;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,UAAU,qBAAqB;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,iBAAiB,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;CAAG;AAEJ,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACnD,CAAC;IACF,WAAW,EAAE,KAAK,CAAC,yBAAyB,CAC1C,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACzD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACzD,CAAC;CACH;AAED,iBAAS,oBAAoB,CAC3B,OAAO,EAAE,qBAAqB,GAC7B,oBAAoB,CAsItB;AAED,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"modal-primitive.d.ts","sourceRoot":"","sources":["../../src/utils/modal-primitive.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,iBAAS,oBAAoB,CAC3B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,OAAO,GACZ,IAAI,CAeN;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,UAAU,qBAAqB;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACjD,UAAU,EAAE,MAAM,iBAAiB,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACtF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC9C;AAED,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CACjD,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;CAAG;AAEJ,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,KAAK,CAAC,yBAAyB,CACtC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAC3D,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACnD,CAAC;IACF,WAAW,EAAE,KAAK,CAAC,yBAAyB,CAC1C,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CACzD,CAAC;IACF,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,eAAe,GAAG,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CACzD,CAAC;CACH;AAED,iBAAS,oBAAoB,CAC3B,OAAO,EAAE,qBAAqB,GAC7B,oBAAoB,CAsItB;AAED,OAAO,EAAE,oBAAoB,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/utils/modal-primitive.js

@@ -0,0 +1,111 @@
+"use client";
+import { cn as e } from "./cn.js";
+import { Slot as t } from "./slot.js";
+import { useControllableState as n } from "../hooks/use-controllable-state.js";
+import { DismissButton as r } from "./dismiss-button.js";
+import { Heading as i } from "../components/Heading/Heading.js";
+import { Text as a } from "../components/Text/Text.js";
+import "../hooks/use-escape-key.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/utils/modal-primitive.tsx
+function c(e, t, n) {
+	o.useEffect(() => {
+		if (n && process.env.NODE_ENV !== "production") {
+			let n = requestAnimationFrame(() => {
+				document.getElementById(t) || console.error(`${e}: a <${e}Title> is required for accessible labeling. Add a <${e}Title> inside <${e}Content>.`);
+			});
+			return () => cancelAnimationFrame(n);
+		}
+	}, [
+		n,
+		e,
+		t
+	]);
+}
+function l(c) {
+	let { displayNamePrefix: l, closeLabel: u, Context: d, useContext: f } = c;
+	function p({ children: e, open: t, defaultOpen: r = !1, onOpenChange: i }) {
+		let [a, c] = n(t, r, i), l = o.useId(), u = `${l}-title`, f = `${l}-description`, [p, m] = o.useState(!1);
+		return /* @__PURE__ */ s(d, {
+			value: o.useMemo(() => ({
+				open: a,
+				onOpenChange: c,
+				titleId: u,
+				descriptionId: f,
+				hasDescription: p,
+				setHasDescription: m
+			}), [
+				a,
+				c,
+				u,
+				f,
+				p
+			]),
+			children: e
+		});
+	}
+	p.displayName = l;
+	let m = o.forwardRef(({ asChild: e = !1, onClick: n, ...r }, i) => {
+		let a = f();
+		return /* @__PURE__ */ s(e ? t : "button", {
+			ref: i,
+			type: e ? void 0 : "button",
+			"aria-haspopup": "dialog",
+			"aria-expanded": a.open,
+			onClick: (e) => {
+				a.onOpenChange(!0), n?.(e);
+			},
+			...r
+		});
+	});
+	m.displayName = `${l}Trigger`;
+	let h = o.forwardRef(({ as: e = "h2", className: t, ...n }, r) => /* @__PURE__ */ s(i, {
+		ref: r,
+		as: e,
+		size: "xl",
+		weight: "semibold",
+		id: f().titleId,
+		className: t,
+		...n
+	}));
+	h.displayName = `${l}Title`;
+	let g = o.forwardRef(({ className: t, ...n }, r) => {
+		let i = f(), { setHasDescription: c } = i;
+		return o.useEffect(() => (c(!0), () => c(!1)), [c]), /* @__PURE__ */ s(a, {
+			ref: r,
+			color: "muted",
+			size: "sm",
+			id: i.descriptionId,
+			className: e("mt-(--space-2)", t),
+			...n
+		});
+	});
+	g.displayName = `${l}Description`;
+	let _ = o.forwardRef(({ asChild: e = !1, onClick: n, ...i }, a) => {
+		let o = f();
+		return e ? /* @__PURE__ */ s(t, {
+			ref: a,
+			onClick: (e) => {
+				o.onOpenChange(!1), n?.(e);
+			},
+			...i
+		}) : /* @__PURE__ */ s(r, {
+			...i,
+			ref: a,
+			onClick: () => o.onOpenChange(!1),
+			label: u
+		});
+	});
+	return _.displayName = `${l}Close`, {
+		Root: p,
+		Trigger: m,
+		Title: h,
+		Description: g,
+		Close: _
+	};
+}
+//#endregion
+export { l as createModalPrimitive, c as useModalTitleWarning };
+
+//# sourceMappingURL=modal-primitive.js.map

package/dist/utils/modal-primitive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-primitive.js","names":[],"sources":["../../src/utils/modal-primitive.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport { cn } from \"@nuka/utils/cn\";\nimport { Slot } from \"@nuka/utils/slot\";\nimport { DismissButton } from \"@nuka/utils/dismiss-button\";\nimport { useControllableState } from \"@nuka/hooks/use-controllable-state\";\nimport { useEscapeKey } from \"@nuka/hooks/use-escape-key\";\nimport { Heading } from \"@nuka/components/Heading\";\nimport { Text } from \"@nuka/components/Text\";\n\nfunction useModalTitleWarning(\n  displayName: string,\n  titleId: string,\n  open: boolean,\n): void {\n  React.useEffect(() => {\n    if (open && process.env.NODE_ENV !== \"production\") {\n      const frame = requestAnimationFrame(() => {\n        if (!document.getElementById(titleId)) {\n          console.error(\n            `${displayName}: a <${displayName}Title> is required for accessible labeling. ` +\n              `Add a <${displayName}Title> inside <${displayName}Content>.`,\n          );\n        }\n      });\n      return () => cancelAnimationFrame(frame);\n    }\n    return undefined;\n  }, [open, displayName, titleId]);\n}\n\nexport interface ModalContextValue {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  hasDescription: boolean;\n  setHasDescription: (value: boolean) => void;\n}\n\ninterface ModalPrimitiveOptions {\n  displayNamePrefix: string;\n  closeLabel: string;\n  Context: React.Context<ModalContextValue | null>;\n  useContext: () => ModalContextValue;\n}\n\nexport interface ModalRootProps {\n  children: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport interface ModalTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\nexport interface ModalTitleProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {\n  as?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n}\n\nexport interface ModalDescriptionProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  \"color\"\n> {}\n\nexport interface ModalCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  asChild?: boolean;\n}\n\ninterface ModalPrimitiveResult {\n  Root: React.FC<ModalRootProps>;\n  Trigger: React.ForwardRefExoticComponent<\n    ModalTriggerProps & React.RefAttributes<HTMLButtonElement>\n  >;\n  Title: React.ForwardRefExoticComponent<\n    ModalTitleProps & React.RefAttributes<HTMLElement>\n  >;\n  Description: React.ForwardRefExoticComponent<\n    ModalDescriptionProps & React.RefAttributes<HTMLElement>\n  >;\n  Close: React.ForwardRefExoticComponent<\n    ModalCloseProps & React.RefAttributes<HTMLButtonElement>\n  >;\n}\n\nfunction createModalPrimitive(\n  options: ModalPrimitiveOptions,\n): ModalPrimitiveResult {\n  const { displayNamePrefix, closeLabel, Context, useContext } = options;\n\n  function Root({\n    children,\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n  }: ModalRootProps) {\n    const [open, setOpen] = useControllableState(\n      controlledOpen,\n      defaultOpen,\n      onOpenChange,\n    );\n\n    const baseId = React.useId();\n    const titleId = `${baseId}-title`;\n    const descriptionId = `${baseId}-description`;\n    const [hasDescription, setHasDescription] = React.useState(false);\n\n    const contextValue = React.useMemo(\n      () => ({\n        open,\n        onOpenChange: setOpen,\n        titleId,\n        descriptionId,\n        hasDescription,\n        setHasDescription,\n      }),\n      [open, setOpen, titleId, descriptionId, hasDescription],\n    );\n\n    return <Context value={contextValue}>{children}</Context>;\n  }\n\n  Root.displayName = displayNamePrefix;\n\n  const Trigger = React.forwardRef<HTMLButtonElement, ModalTriggerProps>(\n    ({ asChild = false, onClick, ...props }, ref) => {\n      const ctx = useContext();\n      const Comp = asChild ? Slot : \"button\";\n\n      const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n        ctx.onOpenChange(true);\n        onClick?.(e);\n      };\n\n      return (\n        <Comp\n          ref={ref}\n          type={asChild ? undefined : \"button\"}\n          aria-haspopup=\"dialog\"\n          aria-expanded={ctx.open}\n          onClick={handleClick}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Trigger.displayName = `${displayNamePrefix}Trigger`;\n\n  const Title = React.forwardRef<HTMLElement, ModalTitleProps>(\n    ({ as = \"h2\", className, ...props }, ref) => {\n      const ctx = useContext();\n\n      return (\n        <Heading\n          ref={ref}\n          as={as}\n          size=\"xl\"\n          weight=\"semibold\"\n          id={ctx.titleId}\n          className={className}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Title.displayName = `${displayNamePrefix}Title`;\n\n  const Description = React.forwardRef<HTMLElement, ModalDescriptionProps>(\n    ({ className, ...props }, ref) => {\n      const ctx = useContext();\n\n      const { setHasDescription } = ctx;\n      React.useEffect(() => {\n        setHasDescription(true);\n        return () => setHasDescription(false);\n      }, [setHasDescription]);\n\n      return (\n        <Text\n          ref={ref}\n          color=\"muted\"\n          size=\"sm\"\n          id={ctx.descriptionId}\n          className={cn(\"mt-(--space-2)\", className)}\n          {...props}\n        />\n      );\n    },\n  );\n\n  Description.displayName = `${displayNamePrefix}Description`;\n\n  const Close = React.forwardRef<HTMLButtonElement, ModalCloseProps>(\n    ({ asChild = false, onClick, ...props }, ref) => {\n      const ctx = useContext();\n\n      const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n        ctx.onOpenChange(false);\n        onClick?.(e);\n      };\n\n      if (asChild) {\n        return <Slot ref={ref} onClick={handleClick} {...props} />;\n      }\n\n      return (\n        <DismissButton\n          {...props}\n          ref={ref}\n          onClick={() => ctx.onOpenChange(false)}\n          label={closeLabel}\n        />\n      );\n    },\n  );\n\n  Close.displayName = `${displayNamePrefix}Close`;\n\n  return { Root, Trigger, Title, Description, Close };\n}\n\nexport { createModalPrimitive, useEscapeKey, useModalTitleWarning };\n"],"mappings":";;;;;;;;;;;AAUA,SAAS,EACP,GACA,GACA,GACM;AACN,GAAM,gBAAgB;AACpB,MAAI,KAAA,QAAA,IAAA,aAAiC,cAAc;GACjD,IAAM,IAAQ,4BAA4B;AACxC,IAAK,SAAS,eAAe,EAAQ,IACnC,QAAQ,MACN,GAAG,EAAY,OAAO,EAAY,qDACtB,EAAY,iBAAiB,EAAY,WACtD;KAEH;AACF,gBAAa,qBAAqB,EAAM;;IAGzC;EAAC;EAAM;EAAa;EAAQ,CAAC;;AA8DlC,SAAS,EACP,GACsB;CACtB,IAAM,EAAE,sBAAmB,eAAY,YAAS,kBAAe;CAE/D,SAAS,EAAK,EACZ,aACA,MAAM,GACN,iBAAc,IACd,mBACiB;EACjB,IAAM,CAAC,GAAM,KAAW,EACtB,GACA,GACA,EACD,EAEK,IAAS,EAAM,OAAO,EACtB,IAAU,GAAG,EAAO,SACpB,IAAgB,GAAG,EAAO,eAC1B,CAAC,GAAgB,KAAqB,EAAM,SAAS,GAAM;AAcjE,SAAO,kBAAC,GAAD;GAAS,OAZK,EAAM,eAClB;IACL;IACA,cAAc;IACd;IACA;IACA;IACA;IACD,GACD;IAAC;IAAM;IAAS;IAAS;IAAe;IAAe,CACxD;GAEqC;GAAmB,CAAA;;AAG3D,GAAK,cAAc;CAEnB,IAAM,IAAU,EAAM,YACnB,EAAE,aAAU,IAAO,YAAS,GAAG,KAAS,MAAQ;EAC/C,IAAM,IAAM,GAAY;AAQxB,SACE,kBARW,IAAU,IAAO,UAQ5B;GACO;GACL,MAAM,IAAU,KAAA,IAAY;GAC5B,iBAAc;GACd,iBAAe,EAAI;GACnB,UAXiB,MAA2C;AAE9D,IADA,EAAI,aAAa,GAAK,EACtB,IAAU,EAAE;;GAUV,GAAI;GACJ,CAAA;GAGP;AAED,GAAQ,cAAc,GAAG,EAAkB;CAE3C,IAAM,IAAQ,EAAM,YACjB,EAAE,QAAK,MAAM,cAAW,GAAG,KAAS,MAIjC,kBAAC,GAAD;EACO;EACD;EACJ,MAAK;EACL,QAAO;EACP,IARQ,GAAY,CAQZ;EACG;EACX,GAAI;EACJ,CAAA,CAGP;AAED,GAAM,cAAc,GAAG,EAAkB;CAEzC,IAAM,IAAc,EAAM,YACvB,EAAE,cAAW,GAAG,KAAS,MAAQ;EAChC,IAAM,IAAM,GAAY,EAElB,EAAE,yBAAsB;AAM9B,SALA,EAAM,iBACJ,EAAkB,GAAK,QACV,EAAkB,GAAM,GACpC,CAAC,EAAkB,CAAC,EAGrB,kBAAC,GAAD;GACO;GACL,OAAM;GACN,MAAK;GACL,IAAI,EAAI;GACR,WAAW,EAAG,kBAAkB,EAAU;GAC1C,GAAI;GACJ,CAAA;GAGP;AAED,GAAY,cAAc,GAAG,EAAkB;CAE/C,IAAM,IAAQ,EAAM,YACjB,EAAE,aAAU,IAAO,YAAS,GAAG,KAAS,MAAQ;EAC/C,IAAM,IAAM,GAAY;AAWxB,SAJI,IACK,kBAAC,GAAD;GAAW;GAAK,UANJ,MAA2C;AAE9D,IADA,EAAI,aAAa,GAAM,EACvB,IAAU,EAAE;;GAIiC,GAAI;GAAS,CAAA,GAI1D,kBAAC,GAAD;GACE,GAAI;GACC;GACL,eAAe,EAAI,aAAa,GAAM;GACtC,OAAO;GACP,CAAA;GAGP;AAID,QAFA,EAAM,cAAc,GAAG,EAAkB,QAElC;EAAE;EAAM;EAAS;EAAO;EAAa;EAAO"}

package/dist/utils/portal.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require(`../_virtual/_rolldown/runtime.cjs`);let t=require(`react-dom`);t=e.__toESM(t,1);function n({children:e}){return typeof document>`u`?null:t.createPortal(e,document.body)}n.displayName=`Portal`,exports.Portal=n;
+//# sourceMappingURL=portal.cjs.map

package/dist/utils/portal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.cjs","names":[],"sources":["../../src/utils/portal.tsx"],"sourcesContent":["\"use client\";\nimport * as ReactDOM from \"react-dom\";\nimport type { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nfunction Portal({ children }: PortalProps) {\n  if (typeof document === \"undefined\") return null;\n  return ReactDOM.createPortal(children, document.body);\n}\n\nPortal.displayName = \"Portal\";\n\nexport { Portal };\nexport type { PortalProps };\n"],"mappings":"8GAQA,SAAS,EAAO,CAAE,YAAyB,CAEzC,OADI,OAAO,SAAa,IAAoB,KACrC,EAAS,aAAa,EAAU,SAAS,KAAK,CAGvD,EAAO,YAAc"}

package/dist/utils/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/utils/portal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,sCAGxC;kBAHQ,MAAM;;;AAOf,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../../src/utils/portal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE,WAAW,sCAGxC;kBAHQ,MAAM;;;AAOf,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}

package/dist/utils/portal.js

@@ -0,0 +1,11 @@
+"use client";
+import * as e from "react-dom";
+//#region src/utils/portal.tsx
+function t({ children: t }) {
+	return typeof document > "u" ? null : e.createPortal(t, document.body);
+}
+t.displayName = "Portal";
+//#endregion
+export { t as Portal };
+
+//# sourceMappingURL=portal.js.map

package/dist/utils/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","names":[],"sources":["../../src/utils/portal.tsx"],"sourcesContent":["\"use client\";\nimport * as ReactDOM from \"react-dom\";\nimport type { ReactNode } from \"react\";\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nfunction Portal({ children }: PortalProps) {\n  if (typeof document === \"undefined\") return null;\n  return ReactDOM.createPortal(children, document.body);\n}\n\nPortal.displayName = \"Portal\";\n\nexport { Portal };\nexport type { PortalProps };\n"],"mappings":";;;AAQA,SAAS,EAAO,EAAE,eAAyB;AAEzC,QADI,OAAO,WAAa,MAAoB,OACrC,EAAS,aAAa,GAAU,SAAS,KAAK;;AAGvD,EAAO,cAAc"}

package/dist/utils/responsive.cjs

@@ -0,0 +1,2 @@
+var e=[`base`,`sm`,`md`,`lg`,`xl`,`2xl`];function t(t,n){if(t===void 0)return[];if(typeof t==`string`||typeof t==`number`)return[n.base[t]];let r=[];for(let i of e){let e=t[i];e!==void 0&&r.push(n[i][e])}return r}function n(t){let n={base:``,sm:`sm:`,md:`md:`,lg:`lg:`,xl:`xl:`,"2xl":`2xl:`},r={};for(let i of e){let e=n[i],a={};for(let n of Object.keys(t))a[n]=e?t[n].split(` `).map(t=>`${e}${t}`).join(` `):t[n];r[i]=a}return r}var r=n({none:`gap-0`,xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,"2xl":`gap-12`}),i=n({none:`gap-x-0`,xs:`gap-x-1`,sm:`gap-x-2`,md:`gap-x-4`,lg:`gap-x-6`,xl:`gap-x-8`,"2xl":`gap-x-12`}),a=n({none:`gap-y-0`,xs:`gap-y-1`,sm:`gap-y-2`,md:`gap-y-4`,lg:`gap-y-6`,xl:`gap-y-8`,"2xl":`gap-y-12`}),o=n({row:`flex-row`,column:`flex-col`,"row-reverse":`flex-row-reverse`,"column-reverse":`flex-col-reverse`}),s=n({start:`items-start`,center:`items-center`,end:`items-end`,stretch:`items-stretch`,baseline:`items-baseline`}),c=n({start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`}),l=n({wrap:`flex-wrap`,nowrap:`flex-nowrap`,"wrap-reverse":`flex-wrap-reverse`}),u=n({1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,6:`grid-cols-6`,12:`grid-cols-12`}),d=n({xs:`text-[length:var(--font-size-xs)] leading-(--line-height-normal)`,sm:`text-[length:var(--font-size-sm)] leading-(--line-height-normal)`,md:`text-[length:var(--font-size-md)] leading-(--line-height-normal)`,lg:`text-[length:var(--font-size-lg)] leading-(--line-height-snug)`,xl:`text-[length:var(--font-size-xl)] leading-(--line-height-snug)`}),f=n({xl:`text-[length:var(--font-size-xl)] leading-(--line-height-snug)`,"2xl":`text-[length:var(--font-size-2xl)] leading-(--line-height-snug)`,"3xl":`text-[length:var(--font-size-3xl)] leading-(--line-height-snug)`,"4xl":`text-[length:var(--font-size-4xl)] leading-(--line-height-tight)`}),p=n({left:`text-left`,center:`text-center`,right:`text-right`}),m={sm:n({horizontal:`w-full h-px`,vertical:`self-stretch w-px`}),md:n({horizontal:`w-full h-px`,vertical:`self-stretch w-px`}),lg:n({horizontal:`w-full h-0.5`,vertical:`self-stretch w-0.5`})},h=n({"1/1":`aspect-square`,"16/9":`aspect-video`,"4/3":`aspect-[4/3]`,"3/2":`aspect-[3/2]`,"2/1":`aspect-[2/1]`,"9/16":`aspect-[9/16]`});exports.alignClasses=s,exports.aspectRatioClasses=h,exports.colGapClasses=i,exports.colsClasses=u,exports.directionClasses=o,exports.dividerOrientationClasses=m,exports.gapClasses=r,exports.headingSizeClasses=f,exports.justifyClasses=c,exports.resolveResponsiveClasses=t,exports.rowGapClasses=a,exports.textAlignClasses=p,exports.textSizeClasses=d,exports.wrapClasses=l;
+//# sourceMappingURL=responsive.cjs.map

package/dist/utils/responsive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.cjs","names":[],"sources":["../../src/utils/responsive.ts"],"sourcesContent":["/**\n * Responsive prop utilities for layout primitives.\n *\n * Uses static lookup tables so every emitted class is present\n * as a complete string in source. Required for Tailwind v4 scanning.\n */\n\nexport type Breakpoint = \"base\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nexport type Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\nexport type GapScale = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nconst BREAKPOINTS: Breakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n\nexport function resolveResponsiveClasses<T extends string | number>(\n  value: Responsive<T> | undefined,\n  lookup: Record<Breakpoint, Record<T, string>>,\n): string[] {\n  if (value === undefined) return [];\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return [lookup.base[value]];\n  }\n\n  const result: string[] = [];\n  for (const bp of BREAKPOINTS) {\n    const v = value[bp];\n    if (v !== undefined) {\n      result.push(lookup[bp][v]);\n    }\n  }\n  return result;\n}\n\n// Helper to build a breakpoint-keyed lookup from a base map\nfunction buildLookup<T extends string | number>(\n  baseMap: Record<T, string>,\n): Record<Breakpoint, Record<T, string>> {\n  const prefixes: Record<Breakpoint, string> = {\n    base: \"\",\n    sm: \"sm:\",\n    md: \"md:\",\n    lg: \"lg:\",\n    xl: \"xl:\",\n    \"2xl\": \"2xl:\",\n  };\n\n  const result = {} as Record<Breakpoint, Record<T, string>>;\n  for (const bp of BREAKPOINTS) {\n    const prefix = prefixes[bp];\n    const map = {} as Record<T, string>;\n    for (const key of Object.keys(baseMap) as T[]) {\n      map[key] = prefix\n        ? baseMap[key]\n            .split(\" \")\n            .map((cls) => `${prefix}${cls}`)\n            .join(\" \")\n        : baseMap[key];\n    }\n    result[bp] = map;\n  }\n  return result;\n}\n\nexport const gapClasses = buildLookup<GapScale>({\n  none: \"gap-0\",\n  xs: \"gap-1\",\n  sm: \"gap-2\",\n  md: \"gap-4\",\n  lg: \"gap-6\",\n  xl: \"gap-8\",\n  \"2xl\": \"gap-12\",\n});\n\nexport const colGapClasses = buildLookup<GapScale>({\n  none: \"gap-x-0\",\n  xs: \"gap-x-1\",\n  sm: \"gap-x-2\",\n  md: \"gap-x-4\",\n  lg: \"gap-x-6\",\n  xl: \"gap-x-8\",\n  \"2xl\": \"gap-x-12\",\n});\n\nexport const rowGapClasses = buildLookup<GapScale>({\n  none: \"gap-y-0\",\n  xs: \"gap-y-1\",\n  sm: \"gap-y-2\",\n  md: \"gap-y-4\",\n  lg: \"gap-y-6\",\n  xl: \"gap-y-8\",\n  \"2xl\": \"gap-y-12\",\n});\n\nexport type Direction = \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n\nexport const directionClasses = buildLookup<Direction>({\n  row: \"flex-row\",\n  column: \"flex-col\",\n  \"row-reverse\": \"flex-row-reverse\",\n  \"column-reverse\": \"flex-col-reverse\",\n});\n\nexport type Align = \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n\nexport const alignClasses = buildLookup<Align>({\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n  baseline: \"items-baseline\",\n});\n\nexport type Justify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"between\"\n  | \"around\"\n  | \"evenly\";\n\nexport const justifyClasses = buildLookup<Justify>({\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n});\n\nexport type Wrap = \"wrap\" | \"nowrap\" | \"wrap-reverse\";\n\nexport const wrapClasses = buildLookup<Wrap>({\n  wrap: \"flex-wrap\",\n  nowrap: \"flex-nowrap\",\n  \"wrap-reverse\": \"flex-wrap-reverse\",\n});\n\nexport type ColCount = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport const colsClasses = buildLookup<ColCount>({\n  1: \"grid-cols-1\",\n  2: \"grid-cols-2\",\n  3: \"grid-cols-3\",\n  4: \"grid-cols-4\",\n  6: \"grid-cols-6\",\n  12: \"grid-cols-12\",\n});\n\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport const textSizeClasses = buildLookup<TextSize>({\n  xs: \"text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n  sm: \"text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n  md: \"text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n  lg: \"text-[length:var(--font-size-lg)] leading-(--line-height-snug)\",\n  xl: \"text-[length:var(--font-size-xl)] leading-(--line-height-snug)\",\n});\n\nexport type HeadingSize = \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n\nexport const headingSizeClasses = buildLookup<HeadingSize>({\n  xl: \"text-[length:var(--font-size-xl)] leading-(--line-height-snug)\",\n  \"2xl\": \"text-[length:var(--font-size-2xl)] leading-(--line-height-snug)\",\n  \"3xl\": \"text-[length:var(--font-size-3xl)] leading-(--line-height-snug)\",\n  \"4xl\": \"text-[length:var(--font-size-4xl)] leading-(--line-height-tight)\",\n});\n\nexport type TextAlign = \"left\" | \"center\" | \"right\";\n\nexport const textAlignClasses = buildLookup<TextAlign>({\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n});\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerSize = \"sm\" | \"md\" | \"lg\";\n\nexport const dividerOrientationClasses: Record<\n  DividerSize,\n  Record<Breakpoint, Record<DividerOrientation, string>>\n> = {\n  sm: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-px\",\n    vertical: \"self-stretch w-px\",\n  }),\n  md: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-px\",\n    vertical: \"self-stretch w-px\",\n  }),\n  lg: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-0.5\",\n    vertical: \"self-stretch w-0.5\",\n  }),\n};\n\nexport type AspectRatioValue = \"1/1\" | \"16/9\" | \"4/3\" | \"3/2\" | \"2/1\" | \"9/16\";\n\n// Tailwind v4 safelist: every prefixed class must appear as a literal string\n// for the scanner to include it in the CSS bundle. buildLookup constructs\n// these at runtime, so they are listed here for detection.\n// prettier-ignore\nconst _aspectRatioSafelist = [\n  \"aspect-square\",        \"sm:aspect-square\",        \"md:aspect-square\",        \"lg:aspect-square\",        \"xl:aspect-square\",        \"2xl:aspect-square\",\n  \"aspect-video\",         \"sm:aspect-video\",         \"md:aspect-video\",         \"lg:aspect-video\",         \"xl:aspect-video\",         \"2xl:aspect-video\",\n  \"aspect-[4/3]\",         \"sm:aspect-[4/3]\",         \"md:aspect-[4/3]\",         \"lg:aspect-[4/3]\",         \"xl:aspect-[4/3]\",         \"2xl:aspect-[4/3]\",\n  \"aspect-[3/2]\",         \"sm:aspect-[3/2]\",         \"md:aspect-[3/2]\",         \"lg:aspect-[3/2]\",         \"xl:aspect-[3/2]\",         \"2xl:aspect-[3/2]\",\n  \"aspect-[2/1]\",         \"sm:aspect-[2/1]\",         \"md:aspect-[2/1]\",         \"lg:aspect-[2/1]\",         \"xl:aspect-[2/1]\",         \"2xl:aspect-[2/1]\",\n  \"aspect-[9/16]\",        \"sm:aspect-[9/16]\",        \"md:aspect-[9/16]\",        \"lg:aspect-[9/16]\",        \"xl:aspect-[9/16]\",        \"2xl:aspect-[9/16]\",\n];\n\nexport const aspectRatioClasses = buildLookup<AspectRatioValue>({\n  \"1/1\": \"aspect-square\",\n  \"16/9\": \"aspect-video\",\n  \"4/3\": \"aspect-[4/3]\",\n  \"3/2\": \"aspect-[3/2]\",\n  \"2/1\": \"aspect-[2/1]\",\n  \"9/16\": \"aspect-[9/16]\",\n});\n"],"mappings":"AAaA,IAAM,EAA4B,CAAC,OAAQ,KAAM,KAAM,KAAM,KAAM,MAAM,CAEzE,SAAgB,EACd,EACA,EACU,CACV,GAAI,IAAU,IAAA,GAAW,MAAO,EAAE,CAElC,GAAI,OAAO,GAAU,UAAY,OAAO,GAAU,SAChD,MAAO,CAAC,EAAO,KAAK,GAAO,CAG7B,IAAM,EAAmB,EAAE,CAC3B,IAAK,IAAM,KAAM,EAAa,CAC5B,IAAM,EAAI,EAAM,GACZ,IAAM,IAAA,IACR,EAAO,KAAK,EAAO,GAAI,GAAG,CAG9B,OAAO,EAIT,SAAS,EACP,EACuC,CACvC,IAAM,EAAuC,CAC3C,KAAM,GACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,MAAO,OACR,CAEK,EAAS,EAAE,CACjB,IAAK,IAAM,KAAM,EAAa,CAC5B,IAAM,EAAS,EAAS,GAClB,EAAM,EAAE,CACd,IAAK,IAAM,KAAO,OAAO,KAAK,EAAQ,CACpC,EAAI,GAAO,EACP,EAAQ,GACL,MAAM,IAAI,CACV,IAAK,GAAQ,GAAG,IAAS,IAAM,CAC/B,KAAK,IAAI,CACZ,EAAQ,GAEd,EAAO,GAAM,EAEf,OAAO,EAGT,IAAa,EAAa,EAAsB,CAC9C,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,MAAO,SACR,CAAC,CAEW,EAAgB,EAAsB,CACjD,KAAM,UACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,MAAO,WACR,CAAC,CAEW,EAAgB,EAAsB,CACjD,KAAM,UACN,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,MAAO,WACR,CAAC,CAIW,EAAmB,EAAuB,CACrD,IAAK,WACL,OAAQ,WACR,cAAe,mBACf,iBAAkB,mBACnB,CAAC,CAIW,EAAe,EAAmB,CAC7C,MAAO,cACP,OAAQ,eACR,IAAK,YACL,QAAS,gBACT,SAAU,iBACX,CAAC,CAUW,EAAiB,EAAqB,CACjD,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACT,CAAC,CAIW,EAAc,EAAkB,CAC3C,KAAM,YACN,OAAQ,cACR,eAAgB,oBACjB,CAAC,CAIW,EAAc,EAAsB,CAC/C,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,EAAG,cACH,GAAI,eACL,CAAC,CAIW,EAAkB,EAAsB,CACnD,GAAI,mEACJ,GAAI,mEACJ,GAAI,mEACJ,GAAI,iEACJ,GAAI,iEACL,CAAC,CAIW,EAAqB,EAAyB,CACzD,GAAI,iEACJ,MAAO,kEACP,MAAO,kEACP,MAAO,mEACR,CAAC,CAIW,EAAmB,EAAuB,CACrD,KAAM,YACN,OAAQ,cACR,MAAO,aACR,CAAC,CAKW,EAGT,CACF,GAAI,EAAgC,CAClC,WAAY,cACZ,SAAU,oBACX,CAAC,CACF,GAAI,EAAgC,CAClC,WAAY,cACZ,SAAU,oBACX,CAAC,CACF,GAAI,EAAgC,CAClC,WAAY,eACZ,SAAU,qBACX,CAAC,CACH,CAiBY,EAAqB,EAA8B,CAC9D,MAAO,gBACP,OAAQ,eACR,MAAO,eACP,MAAO,eACP,MAAO,eACP,OAAQ,gBACT,CAAC"}

package/dist/utils/responsive.d.ts

@@ -21,4 +21,15 @@ export type Wrap = "wrap" | "nowrap" | "wrap-reverse";
 export declare const wrapClasses: Record<Breakpoint, Record<Wrap, string>>;
 export type ColCount = 1 | 2 | 3 | 4 | 6 | 12;
 export declare const colsClasses: Record<Breakpoint, Record<ColCount, string>>;
+export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+export declare const textSizeClasses: Record<Breakpoint, Record<TextSize, string>>;
+export type HeadingSize = "xl" | "2xl" | "3xl" | "4xl";
+export declare const headingSizeClasses: Record<Breakpoint, Record<HeadingSize, string>>;
+export type TextAlign = "left" | "center" | "right";
+export declare const textAlignClasses: Record<Breakpoint, Record<TextAlign, string>>;
+export type DividerOrientation = "horizontal" | "vertical";
+export type DividerSize = "sm" | "md" | "lg";
+export declare const dividerOrientationClasses: Record<DividerSize, Record<Breakpoint, Record<DividerOrientation, string>>>;
+export type AspectRatioValue = "1/1" | "16/9" | "4/3" | "3/2" | "2/1" | "9/16";
+export declare const aspectRatioClasses: Record<Breakpoint, Record<AspectRatioValue, string>>;
 //# sourceMappingURL=responsive.d.ts.map

package/dist/utils/responsive.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/utils/responsive.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAIzE,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,EAChC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC5C,MAAM,EAAE,CAeV;AA0BD,eAAO,MAAM,UAAU,8CAQrB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,eAAO,MAAM,gBAAgB,+CAK3B,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,2CAMvB,CAAC;AAEH,MAAM,MAAM,OAAO,GACf,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,eAAO,MAAM,cAAc,6CAOzB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEtD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAE9C,eAAO,MAAM,WAAW,8CAOtB,CAAC"}
+{"version":3,"file":"responsive.d.ts","sourceRoot":"","sources":["../../src/utils/responsive.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEpE,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAIzE,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAChE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,EAChC,MAAM,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAC5C,MAAM,EAAE,CAeV;AAgCD,eAAO,MAAM,UAAU,8CAQrB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,eAAO,MAAM,aAAa,8CAQxB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,aAAa,GAAG,gBAAgB,CAAC;AAE5E,eAAO,MAAM,gBAAgB,+CAK3B,CAAC;AAEH,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,2CAMvB,CAAC;AAEH,MAAM,MAAM,OAAO,GACf,OAAO,GACP,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb,eAAO,MAAM,cAAc,6CAOzB,CAAC;AAEH,MAAM,MAAM,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,cAAc,CAAC;AAEtD,eAAO,MAAM,WAAW,0CAItB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAE9C,eAAO,MAAM,WAAW,8CAOtB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAExD,eAAO,MAAM,eAAe,8CAM1B,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAEvD,eAAO,MAAM,kBAAkB,iDAK7B,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpD,eAAO,MAAM,gBAAgB,+CAI3B,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAC5C,WAAW,EACX,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,CAcvD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAe/E,eAAO,MAAM,kBAAkB,sDAO7B,CAAC"}

package/dist/utils/responsive.js

@@ -0,0 +1,128 @@
+//#region src/utils/responsive.ts
+var e = [
+	"base",
+	"sm",
+	"md",
+	"lg",
+	"xl",
+	"2xl"
+];
+function t(t, n) {
+	if (t === void 0) return [];
+	if (typeof t == "string" || typeof t == "number") return [n.base[t]];
+	let r = [];
+	for (let i of e) {
+		let e = t[i];
+		e !== void 0 && r.push(n[i][e]);
+	}
+	return r;
+}
+function n(t) {
+	let n = {
+		base: "",
+		sm: "sm:",
+		md: "md:",
+		lg: "lg:",
+		xl: "xl:",
+		"2xl": "2xl:"
+	}, r = {};
+	for (let i of e) {
+		let e = n[i], a = {};
+		for (let n of Object.keys(t)) a[n] = e ? t[n].split(" ").map((t) => `${e}${t}`).join(" ") : t[n];
+		r[i] = a;
+	}
+	return r;
+}
+var r = n({
+	none: "gap-0",
+	xs: "gap-1",
+	sm: "gap-2",
+	md: "gap-4",
+	lg: "gap-6",
+	xl: "gap-8",
+	"2xl": "gap-12"
+}), i = n({
+	none: "gap-x-0",
+	xs: "gap-x-1",
+	sm: "gap-x-2",
+	md: "gap-x-4",
+	lg: "gap-x-6",
+	xl: "gap-x-8",
+	"2xl": "gap-x-12"
+}), a = n({
+	none: "gap-y-0",
+	xs: "gap-y-1",
+	sm: "gap-y-2",
+	md: "gap-y-4",
+	lg: "gap-y-6",
+	xl: "gap-y-8",
+	"2xl": "gap-y-12"
+}), o = n({
+	row: "flex-row",
+	column: "flex-col",
+	"row-reverse": "flex-row-reverse",
+	"column-reverse": "flex-col-reverse"
+}), s = n({
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch",
+	baseline: "items-baseline"
+}), c = n({
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}), l = n({
+	wrap: "flex-wrap",
+	nowrap: "flex-nowrap",
+	"wrap-reverse": "flex-wrap-reverse"
+}), u = n({
+	1: "grid-cols-1",
+	2: "grid-cols-2",
+	3: "grid-cols-3",
+	4: "grid-cols-4",
+	6: "grid-cols-6",
+	12: "grid-cols-12"
+}), d = n({
+	xs: "text-[length:var(--font-size-xs)] leading-(--line-height-normal)",
+	sm: "text-[length:var(--font-size-sm)] leading-(--line-height-normal)",
+	md: "text-[length:var(--font-size-md)] leading-(--line-height-normal)",
+	lg: "text-[length:var(--font-size-lg)] leading-(--line-height-snug)",
+	xl: "text-[length:var(--font-size-xl)] leading-(--line-height-snug)"
+}), f = n({
+	xl: "text-[length:var(--font-size-xl)] leading-(--line-height-snug)",
+	"2xl": "text-[length:var(--font-size-2xl)] leading-(--line-height-snug)",
+	"3xl": "text-[length:var(--font-size-3xl)] leading-(--line-height-snug)",
+	"4xl": "text-[length:var(--font-size-4xl)] leading-(--line-height-tight)"
+}), p = n({
+	left: "text-left",
+	center: "text-center",
+	right: "text-right"
+}), m = {
+	sm: n({
+		horizontal: "w-full h-px",
+		vertical: "self-stretch w-px"
+	}),
+	md: n({
+		horizontal: "w-full h-px",
+		vertical: "self-stretch w-px"
+	}),
+	lg: n({
+		horizontal: "w-full h-0.5",
+		vertical: "self-stretch w-0.5"
+	})
+}, h = n({
+	"1/1": "aspect-square",
+	"16/9": "aspect-video",
+	"4/3": "aspect-[4/3]",
+	"3/2": "aspect-[3/2]",
+	"2/1": "aspect-[2/1]",
+	"9/16": "aspect-[9/16]"
+});
+//#endregion
+export { s as alignClasses, h as aspectRatioClasses, i as colGapClasses, u as colsClasses, o as directionClasses, m as dividerOrientationClasses, r as gapClasses, f as headingSizeClasses, c as justifyClasses, t as resolveResponsiveClasses, a as rowGapClasses, p as textAlignClasses, d as textSizeClasses, l as wrapClasses };
+
+//# sourceMappingURL=responsive.js.map

package/dist/utils/responsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive.js","names":[],"sources":["../../src/utils/responsive.ts"],"sourcesContent":["/**\n * Responsive prop utilities for layout primitives.\n *\n * Uses static lookup tables so every emitted class is present\n * as a complete string in source. Required for Tailwind v4 scanning.\n */\n\nexport type Breakpoint = \"base\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nexport type Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\nexport type GapScale = \"none\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\n\nconst BREAKPOINTS: Breakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\", \"2xl\"];\n\nexport function resolveResponsiveClasses<T extends string | number>(\n  value: Responsive<T> | undefined,\n  lookup: Record<Breakpoint, Record<T, string>>,\n): string[] {\n  if (value === undefined) return [];\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return [lookup.base[value]];\n  }\n\n  const result: string[] = [];\n  for (const bp of BREAKPOINTS) {\n    const v = value[bp];\n    if (v !== undefined) {\n      result.push(lookup[bp][v]);\n    }\n  }\n  return result;\n}\n\n// Helper to build a breakpoint-keyed lookup from a base map\nfunction buildLookup<T extends string | number>(\n  baseMap: Record<T, string>,\n): Record<Breakpoint, Record<T, string>> {\n  const prefixes: Record<Breakpoint, string> = {\n    base: \"\",\n    sm: \"sm:\",\n    md: \"md:\",\n    lg: \"lg:\",\n    xl: \"xl:\",\n    \"2xl\": \"2xl:\",\n  };\n\n  const result = {} as Record<Breakpoint, Record<T, string>>;\n  for (const bp of BREAKPOINTS) {\n    const prefix = prefixes[bp];\n    const map = {} as Record<T, string>;\n    for (const key of Object.keys(baseMap) as T[]) {\n      map[key] = prefix\n        ? baseMap[key]\n            .split(\" \")\n            .map((cls) => `${prefix}${cls}`)\n            .join(\" \")\n        : baseMap[key];\n    }\n    result[bp] = map;\n  }\n  return result;\n}\n\nexport const gapClasses = buildLookup<GapScale>({\n  none: \"gap-0\",\n  xs: \"gap-1\",\n  sm: \"gap-2\",\n  md: \"gap-4\",\n  lg: \"gap-6\",\n  xl: \"gap-8\",\n  \"2xl\": \"gap-12\",\n});\n\nexport const colGapClasses = buildLookup<GapScale>({\n  none: \"gap-x-0\",\n  xs: \"gap-x-1\",\n  sm: \"gap-x-2\",\n  md: \"gap-x-4\",\n  lg: \"gap-x-6\",\n  xl: \"gap-x-8\",\n  \"2xl\": \"gap-x-12\",\n});\n\nexport const rowGapClasses = buildLookup<GapScale>({\n  none: \"gap-y-0\",\n  xs: \"gap-y-1\",\n  sm: \"gap-y-2\",\n  md: \"gap-y-4\",\n  lg: \"gap-y-6\",\n  xl: \"gap-y-8\",\n  \"2xl\": \"gap-y-12\",\n});\n\nexport type Direction = \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\";\n\nexport const directionClasses = buildLookup<Direction>({\n  row: \"flex-row\",\n  column: \"flex-col\",\n  \"row-reverse\": \"flex-row-reverse\",\n  \"column-reverse\": \"flex-col-reverse\",\n});\n\nexport type Align = \"start\" | \"center\" | \"end\" | \"stretch\" | \"baseline\";\n\nexport const alignClasses = buildLookup<Align>({\n  start: \"items-start\",\n  center: \"items-center\",\n  end: \"items-end\",\n  stretch: \"items-stretch\",\n  baseline: \"items-baseline\",\n});\n\nexport type Justify =\n  | \"start\"\n  | \"center\"\n  | \"end\"\n  | \"between\"\n  | \"around\"\n  | \"evenly\";\n\nexport const justifyClasses = buildLookup<Justify>({\n  start: \"justify-start\",\n  center: \"justify-center\",\n  end: \"justify-end\",\n  between: \"justify-between\",\n  around: \"justify-around\",\n  evenly: \"justify-evenly\",\n});\n\nexport type Wrap = \"wrap\" | \"nowrap\" | \"wrap-reverse\";\n\nexport const wrapClasses = buildLookup<Wrap>({\n  wrap: \"flex-wrap\",\n  nowrap: \"flex-nowrap\",\n  \"wrap-reverse\": \"flex-wrap-reverse\",\n});\n\nexport type ColCount = 1 | 2 | 3 | 4 | 6 | 12;\n\nexport const colsClasses = buildLookup<ColCount>({\n  1: \"grid-cols-1\",\n  2: \"grid-cols-2\",\n  3: \"grid-cols-3\",\n  4: \"grid-cols-4\",\n  6: \"grid-cols-6\",\n  12: \"grid-cols-12\",\n});\n\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n\nexport const textSizeClasses = buildLookup<TextSize>({\n  xs: \"text-[length:var(--font-size-xs)] leading-(--line-height-normal)\",\n  sm: \"text-[length:var(--font-size-sm)] leading-(--line-height-normal)\",\n  md: \"text-[length:var(--font-size-md)] leading-(--line-height-normal)\",\n  lg: \"text-[length:var(--font-size-lg)] leading-(--line-height-snug)\",\n  xl: \"text-[length:var(--font-size-xl)] leading-(--line-height-snug)\",\n});\n\nexport type HeadingSize = \"xl\" | \"2xl\" | \"3xl\" | \"4xl\";\n\nexport const headingSizeClasses = buildLookup<HeadingSize>({\n  xl: \"text-[length:var(--font-size-xl)] leading-(--line-height-snug)\",\n  \"2xl\": \"text-[length:var(--font-size-2xl)] leading-(--line-height-snug)\",\n  \"3xl\": \"text-[length:var(--font-size-3xl)] leading-(--line-height-snug)\",\n  \"4xl\": \"text-[length:var(--font-size-4xl)] leading-(--line-height-tight)\",\n});\n\nexport type TextAlign = \"left\" | \"center\" | \"right\";\n\nexport const textAlignClasses = buildLookup<TextAlign>({\n  left: \"text-left\",\n  center: \"text-center\",\n  right: \"text-right\",\n});\n\nexport type DividerOrientation = \"horizontal\" | \"vertical\";\nexport type DividerSize = \"sm\" | \"md\" | \"lg\";\n\nexport const dividerOrientationClasses: Record<\n  DividerSize,\n  Record<Breakpoint, Record<DividerOrientation, string>>\n> = {\n  sm: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-px\",\n    vertical: \"self-stretch w-px\",\n  }),\n  md: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-px\",\n    vertical: \"self-stretch w-px\",\n  }),\n  lg: buildLookup<DividerOrientation>({\n    horizontal: \"w-full h-0.5\",\n    vertical: \"self-stretch w-0.5\",\n  }),\n};\n\nexport type AspectRatioValue = \"1/1\" | \"16/9\" | \"4/3\" | \"3/2\" | \"2/1\" | \"9/16\";\n\n// Tailwind v4 safelist: every prefixed class must appear as a literal string\n// for the scanner to include it in the CSS bundle. buildLookup constructs\n// these at runtime, so they are listed here for detection.\n// prettier-ignore\nconst _aspectRatioSafelist = [\n  \"aspect-square\",        \"sm:aspect-square\",        \"md:aspect-square\",        \"lg:aspect-square\",        \"xl:aspect-square\",        \"2xl:aspect-square\",\n  \"aspect-video\",         \"sm:aspect-video\",         \"md:aspect-video\",         \"lg:aspect-video\",         \"xl:aspect-video\",         \"2xl:aspect-video\",\n  \"aspect-[4/3]\",         \"sm:aspect-[4/3]\",         \"md:aspect-[4/3]\",         \"lg:aspect-[4/3]\",         \"xl:aspect-[4/3]\",         \"2xl:aspect-[4/3]\",\n  \"aspect-[3/2]\",         \"sm:aspect-[3/2]\",         \"md:aspect-[3/2]\",         \"lg:aspect-[3/2]\",         \"xl:aspect-[3/2]\",         \"2xl:aspect-[3/2]\",\n  \"aspect-[2/1]\",         \"sm:aspect-[2/1]\",         \"md:aspect-[2/1]\",         \"lg:aspect-[2/1]\",         \"xl:aspect-[2/1]\",         \"2xl:aspect-[2/1]\",\n  \"aspect-[9/16]\",        \"sm:aspect-[9/16]\",        \"md:aspect-[9/16]\",        \"lg:aspect-[9/16]\",        \"xl:aspect-[9/16]\",        \"2xl:aspect-[9/16]\",\n];\n\nexport const aspectRatioClasses = buildLookup<AspectRatioValue>({\n  \"1/1\": \"aspect-square\",\n  \"16/9\": \"aspect-video\",\n  \"4/3\": \"aspect-[4/3]\",\n  \"3/2\": \"aspect-[3/2]\",\n  \"2/1\": \"aspect-[2/1]\",\n  \"9/16\": \"aspect-[9/16]\",\n});\n"],"mappings":";AAaA,IAAM,IAA4B;CAAC;CAAQ;CAAM;CAAM;CAAM;CAAM;CAAM;AAEzE,SAAgB,EACd,GACA,GACU;AACV,KAAI,MAAU,KAAA,EAAW,QAAO,EAAE;AAElC,KAAI,OAAO,KAAU,YAAY,OAAO,KAAU,SAChD,QAAO,CAAC,EAAO,KAAK,GAAO;CAG7B,IAAM,IAAmB,EAAE;AAC3B,MAAK,IAAM,KAAM,GAAa;EAC5B,IAAM,IAAI,EAAM;AAChB,EAAI,MAAM,KAAA,KACR,EAAO,KAAK,EAAO,GAAI,GAAG;;AAG9B,QAAO;;AAIT,SAAS,EACP,GACuC;CACvC,IAAM,IAAuC;EAC3C,MAAM;EACN,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,OAAO;EACR,EAEK,IAAS,EAAE;AACjB,MAAK,IAAM,KAAM,GAAa;EAC5B,IAAM,IAAS,EAAS,IAClB,IAAM,EAAE;AACd,OAAK,IAAM,KAAO,OAAO,KAAK,EAAQ,CACpC,GAAI,KAAO,IACP,EAAQ,GACL,MAAM,IAAI,CACV,KAAK,MAAQ,GAAG,IAAS,IAAM,CAC/B,KAAK,IAAI,GACZ,EAAQ;AAEd,IAAO,KAAM;;AAEf,QAAO;;AAGT,IAAa,IAAa,EAAsB;CAC9C,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR,CAAC,EAEW,IAAgB,EAAsB;CACjD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR,CAAC,EAEW,IAAgB,EAAsB;CACjD,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACR,CAAC,EAIW,IAAmB,EAAuB;CACrD,KAAK;CACL,QAAQ;CACR,eAAe;CACf,kBAAkB;CACnB,CAAC,EAIW,IAAe,EAAmB;CAC7C,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,UAAU;CACX,CAAC,EAUW,IAAiB,EAAqB;CACjD,OAAO;CACP,QAAQ;CACR,KAAK;CACL,SAAS;CACT,QAAQ;CACR,QAAQ;CACT,CAAC,EAIW,IAAc,EAAkB;CAC3C,MAAM;CACN,QAAQ;CACR,gBAAgB;CACjB,CAAC,EAIW,IAAc,EAAsB;CAC/C,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,IAAI;CACL,CAAC,EAIW,IAAkB,EAAsB;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,CAAC,EAIW,IAAqB,EAAyB;CACzD,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;CACR,CAAC,EAIW,IAAmB,EAAuB;CACrD,MAAM;CACN,QAAQ;CACR,OAAO;CACR,CAAC,EAKW,IAGT;CACF,IAAI,EAAgC;EAClC,YAAY;EACZ,UAAU;EACX,CAAC;CACF,IAAI,EAAgC;EAClC,YAAY;EACZ,UAAU;EACX,CAAC;CACF,IAAI,EAAgC;EAClC,YAAY;EACZ,UAAU;EACX,CAAC;CACH,EAiBY,IAAqB,EAA8B;CAC9D,OAAO;CACP,QAAQ;CACR,OAAO;CACP,OAAO;CACP,OAAO;CACP,QAAQ;CACT,CAAC"}

package/dist/utils/slot.cjs

@@ -0,0 +1,2 @@
+const e=require(`../_virtual/_rolldown/runtime.cjs`),t=require(`../node_modules/clsx/dist/clsx.cjs`);let n=require(`react`);n=e.__toESM(n,1);function r(...e){return t=>{for(let n of e)n!=null&&(typeof n==`function`?n(t):n.current=t)}}function i(e){return e.length>2&&e.startsWith(`on`)&&e[2]===e[2]?.toUpperCase()}function a(e,n){let r={...e};for(let a of Object.keys(n)){let o=e[a],s=n[a];if(a===`className`)r[a]=t.default(o,s);else if(a===`style`)r[a]={...o,...s};else if(i(a))if(o!=null&&s!=null){let e=o,t=s;r[a]=(...n)=>{e(...n),t(...n)}}else r[a]=s??o;else r[a]=s}return r}var o=n.forwardRef(({children:e,...t},i)=>{if(!n.isValidElement(e)){if(process.env.NODE_ENV!==`production`)throw Error(`Slot requires a single valid React element as its child. Received: ${e===null?`null`:typeof e}`);return null}let o=e,s=o.props.ref,c=r(i,s),l={...a(t,o.props),ref:c};return n.cloneElement(o,l)});o.displayName=`Slot`,exports.Slot=o,exports.composeRefs=r;
+//# sourceMappingURL=slot.cjs.map

package/dist/utils/slot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.cjs","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\nconst Slot = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    if (!React.isValidElement(children)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        throw new Error(\n          \"Slot requires a single valid React element as its child. \" +\n            `Received: ${children === null ? \"null\" : typeof children}`,\n        );\n      }\n      return null;\n    }\n\n    const childElement = children as React.ReactElement<\n      Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n    >;\n\n    const childRef = childElement.props.ref;\n    const composedRef = composeRefs(forwardedRef, childRef);\n\n    const mergedProps = mergeProps(\n      slotProps as Record<string, unknown>,\n      childElement.props as Record<string, unknown>,\n    );\n\n    const cloneProps: Record<string, unknown> & React.Attributes = {\n      ...mergedProps,\n      ref: composedRef,\n    };\n\n    return React.cloneElement(\n      childElement,\n      cloneProps as Partial<\n        Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n      >,\n    );\n  },\n);\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":"6IAOA,SAAS,EACP,GAAG,EACmB,CACtB,MAAQ,IAAmB,CACzB,IAAK,IAAM,KAAO,EACZ,GAAO,OACP,OAAO,GAAQ,WACjB,EAAI,EAAK,CAET,EAAI,QAAU,IAMtB,SAAS,EAAmB,EAAsB,CAChD,OACE,EAAI,OAAS,GAAK,EAAI,WAAW,KAAK,EAAI,EAAI,KAAO,EAAI,IAAI,aAAa,CAI9E,SAAS,EACP,EACA,EACyB,CACzB,IAAM,EAAkC,CAAE,GAAG,EAAW,CAExD,IAAK,IAAM,KAAO,OAAO,KAAK,EAAW,CAAE,CACzC,IAAM,EAAY,EAAU,GACtB,EAAa,EAAW,GAE9B,GAAI,IAAQ,YACV,EAAO,GAAO,EAAA,QAAK,EAAqB,EAAqB,SACpD,IAAQ,QACjB,EAAO,GAAO,CACZ,GAAI,EACJ,GAAI,EACL,SACQ,EAAmB,EAAI,CAChC,GAAI,GAAa,MAAQ,GAAc,KAAM,CAC3C,IAAM,EAAc,EACd,EAAe,EAKrB,EAAO,IAJW,GAAG,IAAoB,CACvC,EAAY,GAAG,EAAK,CACpB,EAAa,GAAG,EAAK,OAIvB,EAAO,GAAO,GAAc,OAG9B,EAAO,GAAO,EAIlB,OAAO,EAGT,IAAM,EAAO,EAAM,YAChB,CAAE,WAAU,GAAG,GAAa,IAAiB,CAC5C,GAAI,CAAC,EAAM,eAAe,EAAS,CAAE,CACnC,GAAA,QAAA,IAAA,WAA6B,aAC3B,MAAU,MACR,sEACe,IAAa,KAAO,OAAS,OAAO,IACpD,CAEH,OAAO,KAGT,IAAM,EAAe,EAIf,EAAW,EAAa,MAAM,IAC9B,EAAc,EAAY,EAAc,EAAS,CAOjD,EAAyD,CAC7D,GANkB,EAClB,EACA,EAAa,MACd,CAIC,IAAK,EACN,CAED,OAAO,EAAM,aACX,EACA,EAGD,EAEJ,CAED,EAAK,YAAc"}

package/dist/utils/slot.js

@@ -0,0 +1,46 @@
+import e from "../node_modules/clsx/dist/clsx.js";
+import * as t from "react";
+//#region src/utils/slot.tsx
+function n(...e) {
+	return (t) => {
+		for (let n of e) n != null && (typeof n == "function" ? n(t) : n.current = t);
+	};
+}
+function r(e) {
+	return e.length > 2 && e.startsWith("on") && e[2] === e[2]?.toUpperCase();
+}
+function i(t, n) {
+	let i = { ...t };
+	for (let a of Object.keys(n)) {
+		let o = t[a], s = n[a];
+		if (a === "className") i[a] = e(o, s);
+		else if (a === "style") i[a] = {
+			...o,
+			...s
+		};
+		else if (r(a)) if (o != null && s != null) {
+			let e = o, t = s;
+			i[a] = (...n) => {
+				e(...n), t(...n);
+			};
+		} else i[a] = s ?? o;
+		else i[a] = s;
+	}
+	return i;
+}
+var a = t.forwardRef(({ children: e, ...r }, a) => {
+	if (!t.isValidElement(e)) {
+		if (process.env.NODE_ENV !== "production") throw Error(`Slot requires a single valid React element as its child. Received: ${e === null ? "null" : typeof e}`);
+		return null;
+	}
+	let o = e, s = o.props.ref, c = n(a, s), l = {
+		...i(r, o.props),
+		ref: c
+	};
+	return t.cloneElement(o, l);
+});
+a.displayName = "Slot";
+//#endregion
+export { a as Slot, n as composeRefs };
+
+//# sourceMappingURL=slot.js.map

package/dist/utils/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","names":[],"sources":["../../src/utils/slot.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { clsx } from \"clsx\";\n\n/**\n * Composes multiple refs into a single ref callback.\n * Handles function refs, ref objects, null, and undefined.\n */\nfunction composeRefs<T>(\n  ...refs: (React.Ref<T> | undefined)[]\n): React.RefCallback<T> {\n  return (node: T | null) => {\n    for (const ref of refs) {\n      if (ref == null) continue;\n      if (typeof ref === \"function\") {\n        ref(node);\n      } else {\n        ref.current = node;\n      }\n    }\n  };\n}\n\nfunction isEventHandlerProp(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith(\"on\") && key[2] === key[2]?.toUpperCase()\n  );\n}\n\nfunction mergeProps(\n  slotProps: Record<string, unknown>,\n  childProps: Record<string, unknown>,\n): Record<string, unknown> {\n  const merged: Record<string, unknown> = { ...slotProps };\n\n  for (const key of Object.keys(childProps)) {\n    const slotValue = slotProps[key];\n    const childValue = childProps[key];\n\n    if (key === \"className\") {\n      merged[key] = clsx(slotValue as string, childValue as string);\n    } else if (key === \"style\") {\n      merged[key] = {\n        ...(slotValue as React.CSSProperties | undefined),\n        ...(childValue as React.CSSProperties | undefined),\n      };\n    } else if (isEventHandlerProp(key)) {\n      if (slotValue != null && childValue != null) {\n        const slotHandler = slotValue as (...args: unknown[]) => void;\n        const childHandler = childValue as (...args: unknown[]) => void;\n        const composed = (...args: unknown[]) => {\n          slotHandler(...args);\n          childHandler(...args);\n        };\n        merged[key] = composed;\n      } else {\n        merged[key] = childValue ?? slotValue;\n      }\n    } else {\n      merged[key] = childValue;\n    }\n  }\n\n  return merged;\n}\n\nconst Slot = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement>>(\n  ({ children, ...slotProps }, forwardedRef) => {\n    if (!React.isValidElement(children)) {\n      if (process.env.NODE_ENV !== \"production\") {\n        throw new Error(\n          \"Slot requires a single valid React element as its child. \" +\n            `Received: ${children === null ? \"null\" : typeof children}`,\n        );\n      }\n      return null;\n    }\n\n    const childElement = children as React.ReactElement<\n      Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n    >;\n\n    const childRef = childElement.props.ref;\n    const composedRef = composeRefs(forwardedRef, childRef);\n\n    const mergedProps = mergeProps(\n      slotProps as Record<string, unknown>,\n      childElement.props as Record<string, unknown>,\n    );\n\n    const cloneProps: Record<string, unknown> & React.Attributes = {\n      ...mergedProps,\n      ref: composedRef,\n    };\n\n    return React.cloneElement(\n      childElement,\n      cloneProps as Partial<\n        Record<string, unknown> & { ref?: React.Ref<HTMLElement> }\n      >,\n    );\n  },\n);\n\nSlot.displayName = \"Slot\";\n\nexport { Slot, composeRefs };\n"],"mappings":";;;AAOA,SAAS,EACP,GAAG,GACmB;AACtB,SAAQ,MAAmB;AACzB,OAAK,IAAM,KAAO,EACZ,MAAO,SACP,OAAO,KAAQ,aACjB,EAAI,EAAK,GAET,EAAI,UAAU;;;AAMtB,SAAS,EAAmB,GAAsB;AAChD,QACE,EAAI,SAAS,KAAK,EAAI,WAAW,KAAK,IAAI,EAAI,OAAO,EAAI,IAAI,aAAa;;AAI9E,SAAS,EACP,GACA,GACyB;CACzB,IAAM,IAAkC,EAAE,GAAG,GAAW;AAExD,MAAK,IAAM,KAAO,OAAO,KAAK,EAAW,EAAE;EACzC,IAAM,IAAY,EAAU,IACtB,IAAa,EAAW;AAE9B,MAAI,MAAQ,YACV,GAAO,KAAO,EAAK,GAAqB,EAAqB;WACpD,MAAQ,QACjB,GAAO,KAAO;GACZ,GAAI;GACJ,GAAI;GACL;WACQ,EAAmB,EAAI,CAChC,KAAI,KAAa,QAAQ,KAAc,MAAM;GAC3C,IAAM,IAAc,GACd,IAAe;AAKrB,KAAO,MAJW,GAAG,MAAoB;AAEvC,IADA,EAAY,GAAG,EAAK,EACpB,EAAa,GAAG,EAAK;;QAIvB,GAAO,KAAO,KAAc;MAG9B,GAAO,KAAO;;AAIlB,QAAO;;AAGT,IAAM,IAAO,EAAM,YAChB,EAAE,aAAU,GAAG,KAAa,MAAiB;AAC5C,KAAI,CAAC,EAAM,eAAe,EAAS,EAAE;AACnC,MAAA,QAAA,IAAA,aAA6B,aAC3B,OAAU,MACR,sEACe,MAAa,OAAO,SAAS,OAAO,IACpD;AAEH,SAAO;;CAGT,IAAM,IAAe,GAIf,IAAW,EAAa,MAAM,KAC9B,IAAc,EAAY,GAAc,EAAS,EAOjD,IAAyD;EAC7D,GANkB,EAClB,GACA,EAAa,MACd;EAIC,KAAK;EACN;AAED,QAAO,EAAM,aACX,GACA,EAGD;EAEJ;AAED,EAAK,cAAc"}

package/dist/utils/variants.cjs

@@ -0,0 +1,2 @@
+require(`../node_modules/class-variance-authority/dist/index.cjs`);function e(e){return[{variant:`primary`,intent:`default`,className:[`bg-(--nuka-accent-bg)`,`text-(--nuka-accent-fg)`]},{variant:`primary`,intent:`danger`,className:[`bg-(--nuka-danger-base)`,`text-(--nuka-danger-fg)`]},{variant:`primary`,intent:`success`,className:[`bg-(--nuka-success-base)`,`text-(--nuka-success-fg)`]},{variant:`primary`,intent:`warning`,className:[`bg-(--nuka-warning-base)`,`text-(--nuka-warning-fg)`]},{variant:`secondary`,intent:`default`,className:e?.secondaryDefault??[`bg-(--nuka-bg-muted)`,`text-(--nuka-text-base)`,`border-(--nuka-border-base)`]},{variant:`secondary`,intent:`danger`,className:[`bg-(--nuka-danger-bg)`,`text-(--nuka-danger-text)`,`border-(--nuka-danger-border)`]},{variant:`secondary`,intent:`success`,className:[`bg-(--nuka-success-bg)`,`text-(--nuka-success-text)`,`border-(--nuka-success-border)`]},{variant:`secondary`,intent:`warning`,className:[`bg-(--nuka-warning-bg)`,`text-(--nuka-warning-text)`,`border-(--nuka-warning-border)`]},{variant:`outline`,intent:`default`,className:[`border-(--nuka-accent-border)`,`text-(--nuka-accent-text)`]},{variant:`outline`,intent:`danger`,className:[`border-(--nuka-danger-border)`,`text-(--nuka-danger-text)`]},{variant:`outline`,intent:`success`,className:[`border-(--nuka-success-border)`,`text-(--nuka-success-text)`]},{variant:`outline`,intent:`warning`,className:[`border-(--nuka-warning-border)`,`text-(--nuka-warning-text)`]},{variant:`ghost`,intent:`default`,className:[`text-(--nuka-text-base)`]},{variant:`ghost`,intent:`danger`,className:[`text-(--nuka-danger-text)`]},{variant:`ghost`,intent:`success`,className:[`text-(--nuka-success-text)`]},{variant:`ghost`,intent:`warning`,className:[`text-(--nuka-warning-text)`]}]}var t=[{intent:`default`,className:[`border-(--nuka-input-border)`,`peer-checked:bg-(--nuka-accent-bg)`,`peer-checked:border-transparent`]},{intent:`danger`,className:[`border-(--nuka-danger-border)`,`peer-checked:bg-(--nuka-danger-base)`,`peer-checked:border-transparent`]},{intent:`success`,className:[`border-(--nuka-success-border)`,`peer-checked:bg-(--nuka-success-base)`,`peer-checked:border-transparent`]},{intent:`warning`,className:[`border-(--nuka-warning-border)`,`peer-checked:bg-(--nuka-warning-base)`,`peer-checked:border-transparent`,`peer-checked:text-(--nuka-warning-fg)`]}];exports.intentCompoundVariants=e,exports.selectionIndicatorIntentVariants=t;
+//# sourceMappingURL=variants.cjs.map