@incognia/cosmik 0.40.2 → 1.0.0-beta.1

package/dist/index32.js

@@ -1,11 +1,11 @@
-import { j as r } from "./index37.js";
-import * as t from "react";
-import { cn as d } from "./index39.js";
-const s = t.forwardRef(
-  ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
+import { j as o } from "./index37.js";
+import { cn as t } from "./index39.js";
+function i({ className: e, ...a }) {
+  return /* @__PURE__ */ o.jsx(
     "textarea",
     {
-      className: d(
+      "data-slot": "textarea",
+      className: t(
         "flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base",
         "placeholder:text-gray-400",
         "hover:shadow-field-hover",
@@ -14,13 +14,11 @@ const s = t.forwardRef(
         "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
         e
       ),
-      ref: o,
       ...a
     }
-  )
-);
-s.displayName = "Textarea";
+  );
+}
 export {
-  s as Textarea
+  i as Textarea
 };
 //# sourceMappingURL=index32.js.map

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}
+{"version":3,"file":"index32.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Textarea({ className, ...props }: React.ComponentProps<'textarea'>) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n        'placeholder:text-gray-400',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;AAGA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA2C;AAC3E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index33.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),u=require("@radix-ui/react-toggle"),y=require("./index38.cjs"),v=require("react"),c=require("./index39.cjs");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=o(u),p=o(v),g=y.cva("inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{"badge-green":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200","badge-yellow":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200","badge-magenta":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100","badge-gray":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300","badge-purple":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200","badge-robinblue":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"},size:{icon:"w-32 h-32",sm:"px-8 h-[26px] text-sm",md:"px-12 h-32 text-base"},border:{outline:"border",none:"border-0"},inverted:{true:"data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",false:""}},compoundVariants:[{inverted:!0,variant:"badge-green",className:"data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"},{inverted:!0,variant:"badge-yellow",className:"data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"},{inverted:!0,variant:"badge-magenta",className:"data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"},{inverted:!0,variant:"badge-gray",className:"data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"},{inverted:!0,variant:"badge-purple",className:"data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"},{inverted:!0,variant:"badge-robinblue",className:"data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"}],defaultVariants:{variant:"badge-purple",size:"icon",border:"outline",inverted:!1}}),s=p.forwardRef(({className:e,variant:a,size:t,border:r,inverted:d,...b},l)=>i.jsxRuntimeExports.jsx(n.Root,{ref:l,className:c.cn(g({variant:a,size:t,border:r,inverted:d,className:e})),...b}));s.displayName=n.Root.displayName;exports.Toggle=s;exports.toggleVariants=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index37.cjs"),s=require("@radix-ui/react-toggle"),b=require("./index38.cjs"),l=require("./index39.cjs");function i(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const u=i(s),o=b.cva("inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{"badge-green":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200","badge-yellow":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200","badge-magenta":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100","badge-gray":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300","badge-purple":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200","badge-robinblue":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"},size:{icon:"w-32 h-32",sm:"px-8 h-[26px] text-sm",md:"px-12 h-32 text-base"},border:{outline:"border",none:"border-0"},inverted:{true:"data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",false:""}},compoundVariants:[{inverted:!0,variant:"badge-green",className:"data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"},{inverted:!0,variant:"badge-yellow",className:"data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"},{inverted:!0,variant:"badge-magenta",className:"data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"},{inverted:!0,variant:"badge-gray",className:"data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"},{inverted:!0,variant:"badge-purple",className:"data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"},{inverted:!0,variant:"badge-robinblue",className:"data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"}],defaultVariants:{variant:"badge-purple",size:"icon",border:"outline",inverted:!1}});function y({className:e,variant:a,size:t,border:r,inverted:n,...g}){return d.jsxRuntimeExports.jsx(u.Root,{"data-slot":"toggle",className:l.cn(o({variant:a,size:t,border:r,inverted:n,className:e})),...g})}exports.Toggle=y;exports.toggleVariants=o;
 //# sourceMappingURL=index33.cjs.map

package/dist/index33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index33.cjs","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":"+fAOMA,EAAiBC,EAAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PAAA,EAEJ,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBAAA,EAEN,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,EAER,SAAU,CACR,KAAM,gEACN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGAAA,EAEJ,CACE,SAAU,GACV,QAAS,aACT,UACE,+FAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EAAA,CACZ,CAEJ,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAC3DC,EAAAA,kBAAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACTb,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAJ,EAAW,CAAA,EAE9D,GAAGK,CAAA,CACN,CACD,EAEDP,EAAO,YAAcU,EAAgB,KAAK"}
+{"version":3,"file":"index33.cjs","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(\n        toggleVariants({ variant, size, border, inverted, className })\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","border","inverted","props","jsx","TogglePrimitive","cn"],"mappings":"qeAOMA,EAAiBC,EAAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PAAA,EAEJ,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBAAA,EAEN,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,EAER,SAAU,CACR,KAAM,gEACN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGAAA,EAEJ,CACE,SAAU,GACV,QAAS,aACT,UACE,+FAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EAAA,CACZ,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,kBAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GACTX,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAJ,EAAW,CAAA,EAE9D,GAAGK,CAAA,CAAA,CAGV"}

package/dist/index33.js

@@ -1,9 +1,8 @@
-import { j as s } from "./index37.js";
-import * as a from "@radix-ui/react-toggle";
-import { cva as b } from "./index38.js";
-import * as l from "react";
-import { cn as i } from "./index39.js";
-const y = b(
+import { j as g } from "./index37.js";
+import * as d from "@radix-ui/react-toggle";
+import { cva as s } from "./index38.js";
+import { cn as b } from "./index39.js";
+const l = s(
   "inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",
   {
     variants: {
@@ -68,19 +67,28 @@ const y = b(
       inverted: !1
     }
   }
-), v = l.forwardRef(({ className: t, variant: e, size: r, border: o, inverted: n, ...g }, d) => /* @__PURE__ */ s.jsx(
-  a.Root,
-  {
-    ref: d,
-    className: i(
-      y({ variant: e, size: r, border: o, inverted: n, className: t })
-    ),
-    ...g
-  }
-));
-v.displayName = a.Root.displayName;
+);
+function u({
+  className: a,
+  variant: t,
+  size: e,
+  border: r,
+  inverted: o,
+  ...n
+}) {
+  return /* @__PURE__ */ g.jsx(
+    d.Root,
+    {
+      "data-slot": "toggle",
+      className: b(
+        l({ variant: t, size: e, border: r, inverted: o, className: a })
+      ),
+      ...n
+    }
+  );
+}
 export {
-  v as Toggle,
-  y as toggleVariants
+  u as Toggle,
+  l as toggleVariants
 };
 //# sourceMappingURL=index33.js.map

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAC3DC,gBAAAA,EAAAA;AAAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACTb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,WAAAJ,GAAW;AAAA,IAAA;AAAA,IAE9D,GAAGK;AAAA,EAAA;AACN,CACD;AAEDP,EAAO,cAAcU,EAAgB,KAAK;"}
+{"version":3,"file":"index33.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(\n        toggleVariants({ variant, size, border, inverted, className })\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","border","inverted","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACTX,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,WAAAJ,GAAW;AAAA,MAAA;AAAA,MAE9D,GAAGK;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index36.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),m=require("@radix-ui/react-navigation-menu"),f=require("react"),x=require("./index24.cjs"),r=require("./index39.cjs");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const s=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(t,i,s.get?s:{enumerable:!0,get:()=>e[i]})}}return t.default=e,Object.freeze(t)}const a=c(m),o=c(f),u=o.forwardRef((e,t)=>n.jsxRuntimeExports.jsx(a.Root,{ref:t,orientation:"vertical",...e}));u.displayName=a.Root.displayName;const l=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.List,{ref:i,className:r.cn("group flex flex-col list-none items-center justify-center pb-16",e),...t}));l.displayName=a.List.displayName;function g({className:e,...t}){return n.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",e),...t})}function v({...e}){return n.jsxRuntimeExports.jsx(x.Separator,{...e})}const p=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.Item,{ref:i,className:r.cn("w-full",e),...t}));p.displayName=a.Item.displayName;const N=o.forwardRef(({className:e,...t},i)=>n.jsxRuntimeExports.jsx(a.Link,{ref:i,className:r.cn("flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",e),...t}));exports.VerticalNavigationMenu=u;exports.VerticalNavigationMenuHeading=g;exports.VerticalNavigationMenuItem=p;exports.VerticalNavigationMenuLink=N;exports.VerticalNavigationMenuList=l;exports.VerticalNavigationMenuSeparator=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),u=require("@radix-ui/react-navigation-menu"),s=require("./index24.cjs"),r=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const a=c(u);function l({children:t,viewport:e=!0,...n}){return i.jsxRuntimeExports.jsxs(a.Root,{"data-slot":"navigation-menu","data-viewport":e,...n,children:[t,e&&i.jsxRuntimeExports.jsx(a.NavigationMenuViewport,{})]})}function g({className:t,...e}){return i.jsxRuntimeExports.jsx(a.List,{"data-slot":"navigation-menu-list",className:r.cn("group flex flex-col list-none items-center justify-center pb-16",t),...e})}function x({className:t,...e}){return i.jsxRuntimeExports.jsx("div",{className:r.cn("flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",t),...e})}function m({...t}){return i.jsxRuntimeExports.jsx(s.Separator,{...t})}function v({className:t,...e}){return i.jsxRuntimeExports.jsx(a.Item,{"data-slot":"navigation-menu-item",className:r.cn("w-full",t),...e})}function p({className:t,...e}){return i.jsxRuntimeExports.jsx(a.Link,{"data-slot":"navigation-menu-link",className:r.cn("flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",t),...e})}exports.VerticalNavigationMenu=l;exports.VerticalNavigationMenuHeading=x;exports.VerticalNavigationMenuItem=v;exports.VerticalNavigationMenuLink=p;exports.VerticalNavigationMenuList=g;exports.VerticalNavigationMenuSeparator=m;
 //# sourceMappingURL=index36.cjs.map

package/dist/index36.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":"wgBAKMA,EAAyBC,EAAM,WAGnC,CAACC,EAAOC,IACRC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CAA6B,IAAAF,EAAU,YAAY,WAAY,GAAGD,EAAO,CAC3E,EACDF,EAAuB,YAAcK,EAAwB,KAAK,YAElE,MAAMC,EAA6BL,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GACT,kEACAD,CAAA,EAED,GAAGL,CAAA,CACN,CACD,EACDI,EAA2B,YACzBD,EAAwB,KAAK,YAE/B,SAASI,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAA0C,CACxC,OACEE,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWI,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAA0C,CACxC,OAAOE,wBAACO,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,MAAMU,EAA6BX,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CACN,CACD,EACDU,EAA2B,YACzBP,EAAwB,KAAK,YAE/B,MAAMQ,EAA6BZ,EAAM,WAGvC,CAAC,CAAE,UAAAM,EAAW,GAAGL,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACC,EAAwB,KAAxB,CACC,IAAAF,EACA,UAAWK,EAAAA,GACT,8RAIAD,CAAA,EAED,GAAGL,CAAA,CACN,CACD"}
+{"version":3,"file":"index36.cjs","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n        className\n      )}\n      {...props}\n    />\n  )\n}\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":"8eAKA,SAASA,EAAuB,CAC9B,SAAAC,EACA,SAAAC,EAAW,GACX,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,kBAAAA,KAACC,EAAwB,KAAxB,CACC,YAAU,kBACV,gBAAeH,EACd,GAAGC,EAEH,SAAA,CAAAF,EACAC,GAAYI,EAAAA,kBAAAA,IAACD,EAAwB,uBAAxB,CAAA,CAA+C,CAAA,CAAA,CAAA,CAGnE,CAEA,SAASE,EAA2B,CAClC,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,kEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASO,EAA8B,CACrC,UAAAF,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEG,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWG,EAAAA,GACT,wEACAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAgC,CACvC,GAAGR,CACL,EAAgC,CAC9B,OAAOG,wBAACM,EAAAA,UAAA,CAAW,GAAGT,CAAA,CAAO,CAC/B,CAEA,SAASU,EAA2B,CAClC,UAAAL,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GAAG,SAAUD,CAAS,EAChC,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASW,EAA2B,CAClC,UAAAN,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEG,EAAAA,kBAAAA,IAACD,EAAwB,KAAxB,CACC,YAAU,uBACV,UAAWI,EAAAA,GACT,8RAIAD,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV"}

package/dist/index36.js

@@ -1,30 +1,49 @@
-import { j as i } from "./index37.js";
-import * as a from "@radix-ui/react-navigation-menu";
-import * as o from "react";
-import { Separator as n } from "./index24.js";
-import { cn as s } from "./index39.js";
-const l = o.forwardRef((t, e) => /* @__PURE__ */ i.jsx(a.Root, { ref: e, orientation: "vertical", ...t }));
-l.displayName = a.Root.displayName;
-const m = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.List,
-  {
-    ref: r,
-    className: s(
-      "group flex flex-col list-none items-center justify-center pb-16",
-      t
-    ),
-    ...e
-  }
-));
-m.displayName = a.List.displayName;
-function x({
+import { j as a } from "./index37.js";
+import * as i from "@radix-ui/react-navigation-menu";
+import { Separator as o } from "./index24.js";
+import { cn as n } from "./index39.js";
+function c({
+  children: t,
+  viewport: e = !0,
+  ...r
+}) {
+  return /* @__PURE__ */ a.jsxs(
+    i.Root,
+    {
+      "data-slot": "navigation-menu",
+      "data-viewport": e,
+      ...r,
+      children: [
+        t,
+        e && /* @__PURE__ */ a.jsx(i.NavigationMenuViewport, {})
+      ]
+    }
+  );
+}
+function m({
   className: t,
   ...e
 }) {
-  return /* @__PURE__ */ i.jsx(
+  return /* @__PURE__ */ a.jsx(
+    i.List,
+    {
+      "data-slot": "navigation-menu-list",
+      className: n(
+        "group flex flex-col list-none items-center justify-center pb-16",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function f({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
     "div",
     {
-      className: s(
+      className: n(
         "flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16",
         t
       ),
@@ -32,37 +51,46 @@ function x({
     }
   );
 }
-function v({
+function p({
   ...t
 }) {
-  return /* @__PURE__ */ i.jsx(n, { ...t });
+  return /* @__PURE__ */ a.jsx(o, { ...t });
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    i.Item,
+    {
+      "data-slot": "navigation-menu-item",
+      className: n("w-full", t),
+      ...e
+    }
+  );
+}
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a.jsx(
+    i.Link,
+    {
+      "data-slot": "navigation-menu-link",
+      className: n(
+        "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",
+        t
+      ),
+      ...e
+    }
+  );
 }
-const p = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.Item,
-  {
-    ref: r,
-    className: s("w-full", t),
-    ...e
-  }
-));
-p.displayName = a.Item.displayName;
-const g = o.forwardRef(({ className: t, ...e }, r) => /* @__PURE__ */ i.jsx(
-  a.Link,
-  {
-    ref: r,
-    className: s(
-      "flex justify-start px-12 py-[10px] w-full font-normal text-gray-800     hover:bg-gray-200 hover:text-purple-800     focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900     data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white",
-      t
-    ),
-    ...e
-  }
-));
 export {
-  l as VerticalNavigationMenu,
-  x as VerticalNavigationMenuHeading,
-  p as VerticalNavigationMenuItem,
-  g as VerticalNavigationMenuLink,
+  c as VerticalNavigationMenu,
+  f as VerticalNavigationMenuHeading,
+  v as VerticalNavigationMenuItem,
+  x as VerticalNavigationMenuLink,
   m as VerticalNavigationMenuList,
-  v as VerticalNavigationMenuSeparator
+  p as VerticalNavigationMenuSeparator
 };
 //# sourceMappingURL=index36.js.map

package/dist/index36.js.map

@@ -1 +1 @@
-{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nconst VerticalNavigationMenu = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\n>((props, ref) => (\n  <NavigationMenuPrimitive.Root ref={ref} orientation=\"vertical\" {...props} />\n))\nVerticalNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName\n\nconst VerticalNavigationMenuList = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.List\n    ref={ref}\n    className={cn(\n      'group flex flex-col list-none items-center justify-center pb-16',\n      className\n    )}\n    {...props}\n  />\n))\nVerticalNavigationMenuList.displayName =\n  NavigationMenuPrimitive.List.displayName\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return <Separator {...props} />\n}\n\nconst VerticalNavigationMenuItem = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Item\n    ref={ref}\n    className={cn('w-full', className)}\n    {...props}\n  />\n))\nVerticalNavigationMenuItem.displayName =\n  NavigationMenuPrimitive.Item.displayName\n\nconst VerticalNavigationMenuLink = React.forwardRef<\n  React.ElementRef<typeof NavigationMenuPrimitive.Link>,\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Link>\n>(({ className, ...props }, ref) => (\n  <NavigationMenuPrimitive.Link\n    ref={ref}\n    className={cn(\n      'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n      className\n    )}\n    {...props}\n  />\n))\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","React","props","ref","jsx","NavigationMenuPrimitive","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;;AAKA,MAAMA,IAAyBC,EAAM,WAGnC,CAACC,GAAOC,MACRC,gBAAAA,EAAAA,IAACC,EAAwB,MAAxB,EAA6B,KAAAF,GAAU,aAAY,YAAY,GAAGD,GAAO,CAC3E;AACDF,EAAuB,cAAcK,EAAwB,KAAK;AAElE,MAAMC,IAA6BL,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MACAD;AAAA,IAAA;AAAA,IAED,GAAGL;AAAA,EAAA;AACN,CACD;AACDI,EAA2B,cACzBD,EAAwB,KAAK;AAE/B,SAASI,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAA0C;AACxC,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAA0C;AACxC,SAAOE,gBAAAA,MAACO,GAAA,EAAW,GAAGT,EAAA,CAAO;AAC/B;AAEA,MAAMU,IAA6BX,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK,EAAG,UAAUD,CAAS;AAAA,IAChC,GAAGL;AAAA,EAAA;AACN,CACD;AACDU,EAA2B,cACzBP,EAAwB,KAAK;AAE/B,MAAMQ,IAA6BZ,EAAM,WAGvC,CAAC,EAAE,WAAAM,GAAW,GAAGL,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAwB;AAAA,EAAxB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWK;AAAA,MACT;AAAA,MAIAD;AAAA,IAAA;AAAA,IAED,GAAGL;AAAA,EAAA;AACN,CACD;"}
+{"version":3,"file":"index36.js","sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport * as React from 'react'\nimport { Separator } from '../Separator'\nimport { cn } from '../lib/utils'\n\nfunction VerticalNavigationMenu({\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuPrimitive.NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  )\n}\n\nfunction VerticalNavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        'group flex flex-col list-none items-center justify-center pb-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuHeading({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cn(\n        'flex items-start justify-start text-sm text-gray-800 mt-16 mb-2 px-16',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSeparator({\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <Separator {...props} />\n}\n\nfunction VerticalNavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn('w-full', className)}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'flex justify-start px-12 py-[10px] w-full font-normal text-gray-800 \\\n    hover:bg-gray-200 hover:text-purple-800 \\\n    focus-visible:outline-none focus-visible:bg-gray-200 focus-visible:text-purple-900 \\\n    data-active:bg-purple-900 hover:data-active:bg-purple-900 data-active:text-white',\n        className\n      )}\n      {...props}\n    />\n  )\n}\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator\n}\n"],"names":["VerticalNavigationMenu","children","viewport","props","jsxs","NavigationMenuPrimitive","jsx","VerticalNavigationMenuList","className","cn","VerticalNavigationMenuHeading","VerticalNavigationMenuSeparator","Separator","VerticalNavigationMenuItem","VerticalNavigationMenuLink"],"mappings":";;;;AAKA,SAASA,EAAuB;AAAA,EAC9B,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,GAEG;AACD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,iBAAeH;AAAA,MACd,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAF;AAAA,QACAC,KAAYI,gBAAAA,EAAAA,IAACD,EAAwB,wBAAxB,CAAA,CAA+C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGnE;AAEA,SAASE,EAA2B;AAAA,EAClC,WAAAC;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAA8B;AAAA,EACrC,WAAAF;AAAA,EACA,GAAGL;AACL,GAAgC;AAC9B,SACEG,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACT;AAAA,QACAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAgC;AAAA,EACvC,GAAGR;AACL,GAAgC;AAC9B,SAAOG,gBAAAA,MAACM,GAAA,EAAW,GAAGT,EAAA,CAAO;AAC/B;AAEA,SAASU,EAA2B;AAAA,EAClC,WAAAL;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI,EAAG,UAAUD,CAAS;AAAA,MAChC,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASW,EAA2B;AAAA,EAClC,WAAAN;AAAA,EACA,GAAGL;AACL,GAA8D;AAC5D,SACEG,gBAAAA,EAAAA;AAAAA,IAACD,EAAwB;AAAA,IAAxB;AAAA,MACC,aAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QAIAD;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/index4.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index37.cjs"),j=require("@radix-ui/react-alert-dialog"),N=require("./index38.cjs"),R=require("react"),d=require("./index6.cjs"),s=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const o=c(j),r=c(R),b=o.Root,w=o.Trigger,m=o.Portal,n=r.forwardRef(({className:t,...e},a)=>l.jsxRuntimeExports.jsx(o.Overlay,{className:s.cn("fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...e,ref:a}));n.displayName=o.Overlay.displayName;const g=r.forwardRef(({className:t,...e},a)=>l.jsxRuntimeExports.jsxs(m,{children:[l.jsxRuntimeExports.jsx(n,{}),l.jsxRuntimeExports.jsx(o.Content,{ref:a,className:s.cn("fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full","bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24",t),...e})]}));g.displayName=o.Content.displayName;const p=({className:t,...e})=>l.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-col space-y-16 text-left font-display",t),...e});p.displayName="AlertDialogHeader";const u=({className:t,...e})=>l.jsxRuntimeExports.jsx("div",{className:s.cn("flex flex-row justify-end gap-8 mt-24",t),...e});u.displayName="AlertDialogFooter";const x=N.cva("flex items-center text-lg font-medium",{variants:{intent:{default:"text-gray-800",warning:"text-yellow-600",danger:"text-magenta-600"}},defaultVariants:{intent:"default"}}),f=r.forwardRef(({className:t,intent:e,...a},i)=>l.jsxRuntimeExports.jsx(o.Title,{ref:i,className:s.cn(x({intent:e}),t),...a}));f.displayName=o.Title.displayName;const D=r.forwardRef(({className:t,...e},a)=>l.jsxRuntimeExports.jsx(o.Description,{ref:a,className:s.cn("text-base text-muted-foreground",t),...e}));D.displayName=o.Description.displayName;const y=r.forwardRef(({className:t,intent:e,...a},i)=>l.jsxRuntimeExports.jsx(o.Action,{ref:i,className:s.cn(d.buttonVariants({intent:e}),t),...a}));y.displayName=o.Action.displayName;const A=r.forwardRef(({className:t,...e},a)=>l.jsxRuntimeExports.jsx(o.Cancel,{ref:a,className:s.cn(d.buttonVariants({intent:"secondary"}),t),...e}));A.displayName=o.Cancel.displayName;exports.AlertDialog=b;exports.AlertDialogAction=y;exports.AlertDialogCancel=A;exports.AlertDialogContent=g;exports.AlertDialogDescription=D;exports.AlertDialogFooter=u;exports.AlertDialogHeader=p;exports.AlertDialogOverlay=n;exports.AlertDialogPortal=m;exports.AlertDialogTitle=f;exports.AlertDialogTrigger=w;exports.titleVariants=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),d=require("@radix-ui/react-alert-dialog"),g=require("./index38.cjs"),i=require("./index6.cjs"),n=require("./index39.cjs");function x(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=x(d);function m({...t}){return a.jsxRuntimeExports.jsx(r.Root,{"data-slot":"alert-dialog",...t})}function f({...t}){return a.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"alert-dialog-trigger",...t})}function s({...t}){return a.jsxRuntimeExports.jsx(r.Portal,{"data-slot":"alert-dialog-portal",...t})}function c({className:t,...e}){return a.jsxRuntimeExports.jsx(r.Overlay,{"data-slot":"alert-dialog-overlay",className:n.cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48",t),...e})}function p({className:t,...e}){return a.jsxRuntimeExports.jsxs(s,{children:[a.jsxRuntimeExports.jsx(c,{}),a.jsxRuntimeExports.jsx(r.Content,{"data-slot":"alert-dialog-content",className:n.cn("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]",t),...e})]})}function j({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-header",className:n.cn("flex flex-col gap-8 text-left font-display",t),...e})}function D({className:t,...e}){return a.jsxRuntimeExports.jsx("div",{"data-slot":"alert-dialog-footer",className:n.cn("flex gap-8 flex-row justify-end",t),...e})}const u=g.cva("flex items-center text-lg font-medium",{variants:{intent:{default:"text-gray-800",warning:"text-yellow-600",danger:"text-magenta-600"}},defaultVariants:{intent:"default"}});function A({className:t,intent:e,...o}){return a.jsxRuntimeExports.jsx(r.Title,{"data-slot":"alert-dialog-title",className:n.cn(u({intent:e}),t),...o})}function y({className:t,...e}){return a.jsxRuntimeExports.jsx(r.Description,{"data-slot":"alert-dialog-description",className:n.cn("text-base text-gray-900",t),...e})}function R({className:t,intent:e,...o}){return a.jsxRuntimeExports.jsx(r.Action,{className:n.cn(i.buttonVariants({intent:e}),t),...o})}function b({className:t,...e}){return a.jsxRuntimeExports.jsx(r.Cancel,{className:n.cn(i.buttonVariants({intent:"secondary"}),t),...e})}exports.AlertDialog=m;exports.AlertDialogAction=R;exports.AlertDialogCancel=b;exports.AlertDialogContent=p;exports.AlertDialogDescription=y;exports.AlertDialogFooter=D;exports.AlertDialogHeader=j;exports.AlertDialogOverlay=c;exports.AlertDialogPortal=s;exports.AlertDialogTitle=A;exports.AlertDialogTrigger=f;exports.titleVariants=u;
 //# sourceMappingURL=index4.cjs.map

package/dist/index4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.cjs","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nconst AlertDialog = AlertDialogPrimitive.Root\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-gray-900/48 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] md:w-full',\n        'bg-white border-0 rounded shadow-200 min-w-[384px] p-24 top-24',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col space-y-16 text-left font-display', className)}\n    {...props}\n  />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-row justify-end gap-8 mt-24', className)}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst titleVariants = cva('flex items-center text-lg font-medium', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  {\n    intent?: VariantProps<typeof titleVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn(titleVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-base text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  {\n    intent?: VariantProps<typeof buttonVariants>['intent']\n  } & React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, intent, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(buttonVariants({ intent }), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel\n    ref={ref}\n    className={cn(buttonVariants({ intent: 'secondary' }), className)}\n    {...props}\n  />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","jsx","cn","AlertDialogContent","jsxs","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"+hBAQMA,EAAcC,EAAqB,KAEnCC,EAAqBD,EAAqB,QAE1CE,EAAoBF,EAAqB,OAEzCG,EAAqBC,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACR,EAAqB,QAArB,CACC,UAAWS,EAAAA,GACT,6KACAJ,CAAA,EAED,GAAGC,EACJ,IAAAC,CAAA,CACF,CACD,EACDJ,EAAmB,YAAcH,EAAqB,QAAQ,YAE9D,MAAMU,EAAqBN,EAAM,WAG/B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BI,EAAAA,kBAAAA,KAACT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACL,EAAA,EAAmB,EACpBK,EAAAA,kBAAAA,IAACR,EAAqB,QAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GACT,6dACA,iEACAJ,CAAA,EAED,GAAGC,CAAA,CAAA,CACN,EACF,CACD,EACDI,EAAmB,YAAcV,EAAqB,QAAQ,YAE9D,MAAMY,EAAoB,CAAC,CACzB,UAAAP,EACA,GAAGC,CACL,IACEE,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,kDAAmDJ,CAAS,EACzE,GAAGC,CAAA,CACN,EAEFM,EAAkB,YAAc,oBAEhC,MAAMC,EAAoB,CAAC,CACzB,UAAAR,EACA,GAAGC,CACL,IACEE,EAAAA,kBAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,GAAG,wCAAyCJ,CAAS,EAC/D,GAAGC,CAAA,CACN,EAEFO,EAAkB,YAAc,oBAEhC,MAAMC,EAAgBC,EAAAA,IAAI,wCAAyC,CACjE,SAAU,CACR,OAAQ,CACN,QAAS,gBACT,QAAS,kBACT,OAAQ,kBAAA,CACV,EAEF,gBAAiB,CACf,OAAQ,SAAA,CAEZ,CAAC,EAEKC,EAAmBZ,EAAM,WAK7B,CAAC,CAAE,UAAAC,EAAW,OAAAY,EAAQ,GAAGX,GAASC,IAClCC,EAAAA,kBAAAA,IAACR,EAAqB,MAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAGK,EAAc,CAAE,OAAAG,CAAA,CAAQ,EAAGZ,CAAS,EACjD,GAAGC,CAAA,CACN,CACD,EACDU,EAAiB,YAAchB,EAAqB,MAAM,YAE1D,MAAMkB,EAAyBd,EAAM,WAGnC,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACR,EAAqB,YAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAG,kCAAmCJ,CAAS,EACzD,GAAGC,CAAA,CACN,CACD,EACDY,EAAuB,YACrBlB,EAAqB,YAAY,YAEnC,MAAMmB,EAAoBf,EAAM,WAK9B,CAAC,CAAE,UAAAC,EAAW,OAAAY,EAAQ,GAAGX,GAASC,IAClCC,EAAAA,kBAAAA,IAACR,EAAqB,OAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAGW,EAAAA,eAAe,CAAE,OAAAH,CAAA,CAAQ,EAAGZ,CAAS,EAClD,GAAGC,CAAA,CACN,CACD,EACDa,EAAkB,YAAcnB,EAAqB,OAAO,YAE5D,MAAMqB,EAAoBjB,EAAM,WAG9B,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAC1BC,EAAAA,kBAAAA,IAACR,EAAqB,OAArB,CACC,IAAAO,EACA,UAAWE,EAAAA,GAAGW,iBAAe,CAAE,OAAQ,WAAA,CAAa,EAAGf,CAAS,EAC/D,GAAGC,CAAA,CACN,CACD,EACDe,EAAkB,YAAcrB,EAAqB,OAAO"}
+{"version":3,"file":"index4.cjs","sources":["../src/AlertDialog/index.tsx"],"sourcesContent":["'use client'\n\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { buttonVariants } from '../Button'\nimport { cn } from '../lib/utils'\n\nfunction AlertDialog({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n  return <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />\n}\n\nfunction AlertDialogTrigger({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n  return (\n    <AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n  )\n}\n\nfunction AlertDialogPortal({\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n  return (\n    <AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n  )\n}\n\nfunction AlertDialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n  return (\n    <AlertDialogPrimitive.Overlay\n      data-slot=\"alert-dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-gray-900/48',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n  return (\n    <AlertDialogPortal>\n      <AlertDialogOverlay />\n      <AlertDialogPrimitive.Content\n        data-slot=\"alert-dialog-content\"\n        className={cn(\n          'bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] gap-24 border-0 p-24 top-24 shadow-200 duration-200 sm:max-w-lg min-w-[384px]',\n          className\n        )}\n        {...props}\n      />\n    </AlertDialogPortal>\n  )\n}\n\nfunction AlertDialogHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-header\"\n      className={cn('flex flex-col gap-8 text-left font-display', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"alert-dialog-footer\"\n      className={cn('flex gap-8 flex-row justify-end', className)}\n      {...props}\n    />\n  )\n}\n\nconst titleVariants = cva('flex items-center text-lg font-medium', {\n  variants: {\n    intent: {\n      default: 'text-gray-800',\n      warning: 'text-yellow-600',\n      danger: 'text-magenta-600'\n    }\n  },\n  defaultVariants: {\n    intent: 'default'\n  }\n})\n\nfunction AlertDialogTitle({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title> & {\n  intent?: VariantProps<typeof titleVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Title\n      data-slot=\"alert-dialog-title\"\n      className={cn(titleVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n  return (\n    <AlertDialogPrimitive.Description\n      data-slot=\"alert-dialog-description\"\n      className={cn('text-base text-gray-900', className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogAction({\n  className,\n  intent,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action> & {\n  intent?: VariantProps<typeof buttonVariants>['intent']\n}) {\n  return (\n    <AlertDialogPrimitive.Action\n      className={cn(buttonVariants({ intent }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction AlertDialogCancel({\n  className,\n  ...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n  return (\n    <AlertDialogPrimitive.Cancel\n      className={cn(buttonVariants({ intent: 'secondary' }), className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogOverlay,\n  AlertDialogPortal,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n  titleVariants\n}\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","jsx","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","titleVariants","cva","AlertDialogTitle","intent","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":"qgBAQA,SAASA,EAAY,CACnB,GAAGC,CACL,EAA2D,CACzD,+BAAQC,EAAqB,KAArB,CAA0B,YAAU,eAAgB,GAAGD,EAAO,CACxE,CAEA,SAASE,EAAmB,CAC1B,GAAGF,CACL,EAA8D,CAC5D,+BACGC,EAAqB,QAArB,CAA6B,YAAU,uBAAwB,GAAGD,EAAO,CAE9E,CAEA,SAASG,EAAkB,CACzB,GAAGH,CACL,EAA6D,CAC3D,+BACGC,EAAqB,OAArB,CAA4B,YAAU,sBAAuB,GAAGD,EAAO,CAE5E,CAEA,SAASI,EAAmB,CAC1B,UAAAC,EACA,GAAGL,CACL,EAA8D,CAC5D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4JACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAmB,CAC1B,UAAAH,EACA,GAAGL,CACL,EAA8D,CAC5D,gCACGG,EAAA,CACC,SAAA,CAAAG,EAAAA,kBAAAA,IAACF,EAAA,EAAmB,EACpBE,EAAAA,kBAAAA,IAACL,EAAqB,QAArB,CACC,YAAU,uBACV,UAAWM,EAAAA,GACT,4UACAF,CAAA,EAED,GAAGL,CAAA,CAAA,CACN,EACF,CAEJ,CAEA,SAASS,EAAkB,CACzB,UAAAJ,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,6CAA8CF,CAAS,EACpE,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASU,EAAkB,CACzB,UAAAL,EACA,GAAGL,CACL,EAAgC,CAC9B,OACEM,EAAAA,kBAAAA,IAAC,MAAA,CACC,YAAU,sBACV,UAAWC,EAAAA,GAAG,kCAAmCF,CAAS,EACzD,GAAGL,CAAA,CAAA,CAGV,CAEA,MAAMW,EAAgBC,EAAAA,IAAI,wCAAyC,CACjE,SAAU,CACR,OAAQ,CACN,QAAS,gBACT,QAAS,kBACT,OAAQ,kBAAA,CACV,EAEF,gBAAiB,CACf,OAAQ,SAAA,CAEZ,CAAC,EAED,SAASC,EAAiB,CACxB,UAAAR,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,MAArB,CACC,YAAU,qBACV,UAAWM,EAAAA,GAAGI,EAAc,CAAE,OAAAG,CAAA,CAAQ,EAAGT,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASe,EAAuB,CAC9B,UAAAV,EACA,GAAGL,CACL,EAAkE,CAChE,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,YAArB,CACC,YAAU,2BACV,UAAWM,EAAAA,GAAG,0BAA2BF,CAAS,EACjD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASgB,EAAkB,CACzB,UAAAX,EACA,OAAAS,EACA,GAAGd,CACL,EAEG,CACD,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,EAAAA,eAAe,CAAE,OAAAH,CAAA,CAAQ,EAAGT,CAAS,EAClD,GAAGL,CAAA,CAAA,CAGV,CAEA,SAASkB,EAAkB,CACzB,UAAAb,EACA,GAAGL,CACL,EAA6D,CAC3D,OACEM,EAAAA,kBAAAA,IAACL,EAAqB,OAArB,CACC,UAAWM,EAAAA,GAAGU,iBAAe,CAAE,OAAQ,WAAA,CAAa,EAAGZ,CAAS,EAC/D,GAAGL,CAAA,CAAA,CAGV"}