@incognia/cosmik 2.0.0-alpha.1 → 2.0.0-alpha.2

package/dist/index40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index40.js","names":[],"sources":["../src/Tabs/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TabsPrimitive from '@radix-ui/react-tabs'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Tabs({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root data-slot=\"tabs\" className={className} {...props} />\n  )\n}\n\nfunction TabsList({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn(\n        'inline-flex h-48 p-8 gap-8 items-center justify-center rounded-[16px] bg-gray-200 text-md font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all',\n        'focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n        'hover:bg-gray-900/8 active:bg-gray-900/12',\n        'data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800',\n        'data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n        '[&:has(>svg:first-child)]:pl-[10px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger }\n"],"mappings":";;;;;;;AAMA,SAAS,EAAK,EACZ,cACA,GAAG,KAC+C;CAClD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;EAAoB,aAAU;EAAkB;EAAW,GAAI;CAAQ,CAAA;AAE3E;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KAC+C;CAClD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,MAAf;EACE,aAAU;EACV,WAAW,EACT,iKACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EACT,4GACA,+EACA,6CACA,iJACA,yFACA,uCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EACnB,cACA,GAAG,KACkD;CACrD,OACE,iBAAA,GAAA,EAAA,KAAC,EAAc,SAAf;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index40.js","names":[],"sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  variant: 'badge-purple',\n  size: 'icon',\n  border: 'outline',\n  inverted: false\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-border={context.border || border}\n      data-inverted={context.inverted || inverted}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n          border: context.border || border,\n          inverted: context.inverted || inverted\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":";;;;;;;AAQA,IAAM,IAAqB,EAAM,cAE/B;CACA,SAAS;CACT,MAAM;CACN,QAAQ;CACR,UAAU;AACZ,CAAC;AAED,SAAS,EAAY,EACnB,cACA,YACA,SACA,WACA,aACA,aACA,GAAG,KAEkC;CACrC,OACE,kBAAC,EAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,WAAW,EACT,oFACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;IAAQ;GAAS;GACnE;EAC0B,CAAA;CACJ,CAAA;AAE/B;AAEA,SAAS,EAAgB,EACvB,cACA,aACA,YACA,SACA,WACA,aACA,GAAG,KAEkC;CACrC,IAAM,IAAU,EAAM,WAAW,CAAkB;CAEnD,OACE,kBAAC,EAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,EAAQ,WAAW;EACjC,aAAW,EAAQ,QAAQ;EAC3B,eAAa,EAAQ,UAAU;EAC/B,iBAAe,EAAQ,YAAY;EACnC,WAAW,EACT,EAAe;GACb,SAAS,EAAQ,WAAW;GAC5B,MAAM,EAAQ,QAAQ;GACtB,QAAQ,EAAQ,UAAU;GAC1B,UAAU,EAAQ,YAAY;EAChC,CAAC,GACD,yLACA,CACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/index41.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs"),r=require("./index12.cjs"),i=require("./index14.cjs");let a=require("lucide-react"),o=require("react");o=e.__toESM(o,1);var s=n.default;function c({className:e,value:n,placeholder:r,onValueChange:i,...a}){let[c,u]=o.useState(``),d=o.useRef(null);function f(e){let t=e.target.value;if(t.includes(`,`)){let e=t.split(`,`),r=Array.from(new Set(e));i([...n||[],...r.filter(e=>!!e&&!n?.includes(e)).map(e=>e.trim())||[]]),u(``);return}u(t)}function p(e){[`Enter`,`Tab`].includes(e.key)&&c?.trim()&&(e.preventDefault(),n?.includes(c)||m(),u(``)),e.key===`Backspace`&&!c&&i(n?.slice(0,-1)||[])}function m(){c.trim()&&(i([...n||[],c]),u(``))}return(0,s.jsxs)(`div`,{className:t.cn(`flex flex-wrap items-center gap-8 min-h-[36px]`,`border rounded border-gray-900/24 bg-white px-12 py-4`,`hover:cursor-text`,`hover:shadow-field-hover`,`active:shadow-field-active`,`focus-visible:outline-none focus:shadow-field-active`,e),onClick:()=>d.current?.focus(),...a,children:[(0,s.jsx)(l,{value:n,onValueChange:i}),(0,s.jsx)(`input`,{ref:d,className:`h-[26px] outline-none text-sm`,type:`text`,value:c,onChange:f,onKeyDown:p,style:{width:`${c.length+1}ch`},onBlur:()=>m()}),n?.length===0&&!c&&(0,s.jsx)(`div`,{className:`text-gray-400 ml-[-2ch]`,children:r})]})}c.displayName=`TagInput`;function l({value:e,onValueChange:t}){return(0,s.jsx)(s.Fragment,{children:e?.map((n,o)=>(0,s.jsxs)(i.Badge,{className:`px-0 pr-8 pl-0 gap-x-4 overflow-hidden`,children:[(0,s.jsx)(r.Button,{type:`button`,className:`w-[26px] h-[26px] shrink-0`,size:`icon`,intent:`secondary`,onClick:()=>{t(e?.filter((e,t)=>t!==o)||[])},children:(0,s.jsx)(a.LucideX,{className:`w-16`})}),(0,s.jsx)(`div`,{className:`truncate`,children:n})]},o))})}exports.TagInput=c;
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index40.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-toggle-group");a=e.__toESM(a,1);var o=r.createContext({variant:`badge-purple`,size:`icon`,border:`outline`,inverted:!1});function s({className:e,variant:n,size:r,border:s,inverted:c,children:l,...u}){return(0,i.jsx)(a.Root,{"data-slot":`toggle-group`,"data-variant":n,"data-size":r,className:t.cn(`group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow`,e),...u,children:(0,i.jsx)(o.Provider,{value:{variant:n,size:r,border:s,inverted:c},children:l})})}function c({className:e,children:s,variant:c,size:l,border:u,inverted:d,...f}){let p=r.useContext(o);return(0,i.jsx)(a.Item,{"data-slot":`toggle-group-item`,"data-variant":p.variant||c,"data-size":p.size||l,"data-border":p.border||u,"data-inverted":p.inverted||d,className:t.cn(n.toggleVariants({variant:p.variant||c,size:p.size||l,border:p.border||u,inverted:p.inverted||d}),`min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l`,e),...f,children:s})}exports.ToggleGroup=s,exports.ToggleGroupItem=c;
 //# sourceMappingURL=index41.cjs.map

package/dist/index41.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index41.cjs","names":[],"sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"px-0 pr-8 pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"mappings":"6NAYA,SAAS,EAAS,CAChB,YACA,QACA,cACA,gBACA,GAAG,GACa,CAChB,GAAM,CAAC,EAAY,GAAiB,EAAM,SAAS,EAAE,EAC/C,EAAW,EAAM,OAAyB,IAAI,EAEpD,SAAS,EAAa,EAA4C,CAChE,IAAM,EAAoB,EAAM,OAAO,MACvC,GAAI,EAAkB,SAAS,GAAG,EAAG,CACnC,IAAM,EAAgB,EAAkB,MAAM,GAAG,EAE3C,EAAe,MAAM,KAAK,IAAI,IAAI,CAAa,CAAC,EAEtD,EAAc,CACZ,GAAI,GAAS,CAAC,EACd,GAAI,EACD,OAAO,GAEC,EAAQ,GAAe,CAAC,GAAO,SAAS,CAAU,CAC1D,EACA,IAAI,GAAK,EAAE,KAAK,CAAC,GAAK,CAAC,CAC5B,CAAC,EACD,EAAc,EAAE,EAChB,MACF,CACA,EAAc,CAAiB,CACjC,CAEA,SAAS,EAAc,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAAS,EAAM,GAAG,GACjC,GAAY,KAAK,IACnB,EAAM,eAAe,EAChB,GAAO,SAAS,CAAU,GAC7B,EAAc,EAEhB,EAAc,EAAE,GAIhB,EAAM,MAAQ,aAAe,CAAC,GAChC,EAAc,GAAO,MAAM,EAAG,EAAE,GAAK,CAAC,CAAC,CAE3C,CAEA,SAAS,GAAgB,CAClB,EAAW,KAAK,IACrB,EAAc,CAAC,GAAI,GAAS,CAAC,EAAI,CAAU,CAAC,EAC5C,EAAc,EAAE,EAClB,CAEA,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,EAAA,GACT,iDACA,wDACA,oBACA,2BACA,6BACA,uDACA,CACF,EACA,YAAe,EAAS,SAAS,MAAM,EACvC,GAAI,WAXN,EAaE,EAAA,EAAA,KAAC,EAAD,CAAgB,QAAsB,eAAgB,CAAA,GACtD,EAAA,EAAA,KAAC,QAAD,CACE,IAAK,EACL,UAAU,gCACV,KAAK,OACL,MAAO,EACP,SAAU,EACV,UAAW,EACX,MAAO,CAAE,MAAO,GAAG,EAAW,OAAS,EAAE,GAAI,EAC7C,WAAc,EAAc,CAC7B,CAAA,EACA,GAAO,SAAW,GAAK,CAAC,IACvB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,mCAA2B,CAAiB,CAAA,CAE1D,GAET,CAEA,EAAS,YAAc,WAOvB,SAAS,EAAQ,CAAE,QAAO,iBAA+B,CACvD,OACE,EAAA,EAAA,KAAA,EAAA,SAAA,CAAA,SACG,GAAO,KAAK,EAAK,KAChB,EAAA,EAAA,MAAC,EAAA,MAAD,CAAmB,UAAU,kDAA7B,EACE,EAAA,EAAA,KAAC,EAAA,OAAD,CACE,KAAK,SACL,UAAU,6BACV,KAAK,OACL,OAAO,YACP,YAAe,CACb,EAAc,GAAO,QAAQ,EAAG,IAAM,IAAM,CAAK,GAAK,CAAC,CAAC,CAC1D,YAEA,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,UAAU,MAAQ,CAAA,CACrB,CAAA,GACR,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,oBAAY,CAAS,CAAA,CAC/B,GAbK,CAaL,CACR,CACD,CAAA,CAEN"}
+{"version":3,"file":"index41.cjs","names":[],"sources":["../src/ToggleGroup/index.tsx"],"sourcesContent":["'use client'\n\nimport * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'\nimport { VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { toggleVariants } from '../Toggle'\nimport { cn } from '../lib/utils'\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants>\n>({\n  variant: 'badge-purple',\n  size: 'icon',\n  border: 'outline',\n  inverted: false\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  border,\n  inverted,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        'group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow',\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, border, inverted }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  border,\n  inverted,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-border={context.border || border}\n      data-inverted={context.inverted || inverted}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n          border: context.border || border,\n          inverted: context.inverted || inverted\n        }),\n        'min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l last:rounded-r focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"mappings":"wOAQA,IAAM,EAAqB,EAAM,cAE/B,CACA,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CAAC,EAED,SAAS,EAAY,CACnB,YACA,UACA,OACA,SACA,WACA,WACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CACE,YAAU,eACV,eAAc,EACd,YAAW,EACX,UAAW,EAAA,GACT,mFACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAmB,SAApB,CAA6B,MAAO,CAAE,UAAS,OAAM,SAAQ,UAAS,EACnE,UAC0B,CAAA,CACJ,CAAA,CAE/B,CAEA,SAAS,EAAgB,CACvB,YACA,WACA,UACA,OACA,SACA,WACA,GAAG,GAEkC,CACrC,IAAM,EAAU,EAAM,WAAW,CAAkB,EAEnD,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CACE,YAAU,oBACV,eAAc,EAAQ,SAAW,EACjC,YAAW,EAAQ,MAAQ,EAC3B,cAAa,EAAQ,QAAU,EAC/B,gBAAe,EAAQ,UAAY,EACnC,UAAW,EAAA,GACT,EAAA,eAAe,CACb,QAAS,EAAQ,SAAW,EAC5B,KAAM,EAAQ,MAAQ,EACtB,OAAQ,EAAQ,QAAU,EAC1B,SAAU,EAAQ,UAAY,CAChC,CAAC,EACD,wLACA,CACF,EACA,GAAI,EAEH,UACwB,CAAA,CAE/B"}

package/dist/index41.js

@@ -1,74 +1,49 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { Button as n } from "./index12.js";
-import { Badge as r } from "./index14.js";
-import { LucideX as i } from "lucide-react";
-import * as a from "react";
-//#region src/TagInput/index.tsx
-var o = t();
-function s({ className: t, value: n, placeholder: r, onValueChange: i, ...s }) {
-	let [l, u] = a.useState(""), d = a.useRef(null);
-	function f(e) {
-		let t = e.target.value;
-		if (t.includes(",")) {
-			let e = t.split(","), r = Array.from(new Set(e));
-			i([...n || [], ...r.filter((e) => !!e && !n?.includes(e)).map((e) => e.trim()) || []]), u("");
-			return;
-		}
-		u(t);
-	}
-	function p(e) {
-		["Enter", "Tab"].includes(e.key) && l?.trim() && (e.preventDefault(), n?.includes(l) || m(), u("")), e.key === "Backspace" && !l && i(n?.slice(0, -1) || []);
-	}
-	function m() {
-		l.trim() && (i([...n || [], l]), u(""));
-	}
-	return /* @__PURE__ */ (0, o.jsxs)("div", {
-		className: e("flex flex-wrap items-center gap-8 min-h-[36px]", "border rounded border-gray-900/24 bg-white px-12 py-4", "hover:cursor-text", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", t),
-		onClick: () => d.current?.focus(),
-		...s,
-		children: [
-			/* @__PURE__ */ (0, o.jsx)(c, {
-				value: n,
-				onValueChange: i
-			}),
-			/* @__PURE__ */ (0, o.jsx)("input", {
-				ref: d,
-				className: "h-[26px] outline-none text-sm",
-				type: "text",
-				value: l,
-				onChange: f,
-				onKeyDown: p,
-				style: { width: `${l.length + 1}ch` },
-				onBlur: () => m()
-			}),
-			n?.length === 0 && !l && /* @__PURE__ */ (0, o.jsx)("div", {
-				className: "text-gray-400 ml-[-2ch]",
-				children: r
-			})
-		]
+"use client";
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-tooltip";
+//#region src/Tooltip/index.tsx
+var i = e("z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)", {
+	variants: { variant: {
+		default: "bg-gray-800 text-white text-sm",
+		inverted: "bg-white text-gray-800 border border-gray-900/8"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function a({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration: e,
+		...t
 	});
 }
-s.displayName = "TagInput";
-function c({ value: e, onValueChange: t }) {
-	return /* @__PURE__ */ (0, o.jsx)(o.Fragment, { children: e?.map((a, s) => /* @__PURE__ */ (0, o.jsxs)(r, {
-		className: "px-0 pr-8 pl-0 gap-x-4 overflow-hidden",
-		children: [/* @__PURE__ */ (0, o.jsx)(n, {
-			type: "button",
-			className: "w-[26px] h-[26px] shrink-0",
-			size: "icon",
-			intent: "secondary",
-			onClick: () => {
-				t(e?.filter((e, t) => t !== s) || []);
-			},
-			children: /* @__PURE__ */ (0, o.jsx)(i, { className: "w-16" })
-		}), /* @__PURE__ */ (0, o.jsx)("div", {
-			className: "truncate",
-			children: a
-		})]
-	}, s)) });
+function o({ ...e }) {
+	return /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(r.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function s({ ...e }) {
+	return /* @__PURE__ */ n(r.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function c({ variant: e, className: a, sideOffset: o = 4, children: s, ...c }) {
+	return /* @__PURE__ */ n(r.Portal, { children: /* @__PURE__ */ n(r.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset: o,
+		className: t(i({
+			variant: e,
+			className: a
+		})),
+		...c,
+		children: s
+	}) });
 }
 //#endregion
-export { s as TagInput };
+export { o as Tooltip, c as TooltipContent, a as TooltipProvider, s as TooltipTrigger };
 
 //# sourceMappingURL=index41.js.map

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","names":[],"sources":["../src/TagInput/index.tsx"],"sourcesContent":["import { LucideX } from 'lucide-react'\nimport * as React from 'react'\nimport { Badge } from '../Badge'\nimport { Button } from '../Button'\nimport { cn } from '../lib/utils'\n\nexport type TagInputProps = React.HTMLAttributes<HTMLInputElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n  placeholder?: string\n}\n\nfunction TagInput({\n  className,\n  value,\n  placeholder,\n  onValueChange,\n  ...props\n}: TagInputProps) {\n  const [inputValue, setInputValue] = React.useState('')\n  const inputRef = React.useRef<HTMLInputElement>(null)\n\n  function handleChange(event: React.ChangeEvent<HTMLInputElement>) {\n    const currentInputValue = event.target.value\n    if (currentInputValue.includes(',')) {\n      const currentValues = currentInputValue.split(',')\n      //Remove duplicates\n      const uniqueValues = Array.from(new Set(currentValues))\n\n      onValueChange([\n        ...(value || []),\n        ...(uniqueValues\n          .filter(inputValue => {\n            //Remove empty values and already added values\n            return Boolean(inputValue) && !value?.includes(inputValue)\n          })\n          .map(i => i.trim()) || [])\n      ])\n      setInputValue('')\n      return\n    }\n    setInputValue(currentInputValue)\n  }\n\n  function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>) {\n    if (['Enter', 'Tab'].includes(event.key)) {\n      if (inputValue?.trim()) {\n        event.preventDefault()\n        if (!value?.includes(inputValue)) {\n          addInputValue()\n        }\n        setInputValue('')\n      }\n    }\n\n    if (event.key === 'Backspace' && !inputValue) {\n      onValueChange(value?.slice(0, -1) || [])\n    }\n  }\n\n  function addInputValue() {\n    if (!inputValue.trim()) return\n    onValueChange([...(value || []), inputValue])\n    setInputValue('')\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-wrap items-center gap-8 min-h-[36px]',\n        'border rounded border-gray-900/24 bg-white px-12 py-4',\n        'hover:cursor-text',\n        'hover:shadow-field-hover',\n        'active:shadow-field-active',\n        'focus-visible:outline-none focus:shadow-field-active',\n        className\n      )}\n      onClick={() => inputRef.current?.focus()}\n      {...props}\n    >\n      <TagList value={value} onValueChange={onValueChange} />\n      <input\n        ref={inputRef}\n        className=\"h-[26px] outline-none text-sm\"\n        type=\"text\"\n        value={inputValue}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        style={{ width: `${inputValue.length + 1}ch` }}\n        onBlur={() => addInputValue()}\n      />\n      {value?.length === 0 && !inputValue && (\n        <div className=\"text-gray-400 ml-[-2ch]\">{placeholder}</div>\n      )}\n    </div>\n  )\n}\n\nTagInput.displayName = 'TagInput'\n\ntype TagListProps = React.HTMLAttributes<HTMLDivElement> & {\n  value?: string[]\n  onValueChange: (value: string[]) => void\n}\n\nfunction TagList({ value, onValueChange }: TagListProps) {\n  return (\n    <>\n      {value?.map((tag, index) => (\n        <Badge key={index} className=\"px-0 pr-8 pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] shrink-0\"\n            size=\"icon\"\n            intent=\"secondary\"\n            onClick={() => {\n              onValueChange(value?.filter((_, i) => i !== index) || [])\n            }}\n          >\n            <LucideX className=\"w-16\" />\n          </Button>\n          <div className=\"truncate\">{tag}</div>\n        </Badge>\n      ))}\n    </>\n  )\n}\n\nexport { TagInput }\n"],"mappings":";;;;;;;;AAYA,SAAS,EAAS,EAChB,cACA,UACA,gBACA,kBACA,GAAG,KACa;CAChB,IAAM,CAAC,GAAY,KAAiB,EAAM,SAAS,EAAE,GAC/C,IAAW,EAAM,OAAyB,IAAI;CAEpD,SAAS,EAAa,GAA4C;EAChE,IAAM,IAAoB,EAAM,OAAO;EACvC,IAAI,EAAkB,SAAS,GAAG,GAAG;GACnC,IAAM,IAAgB,EAAkB,MAAM,GAAG,GAE3C,IAAe,MAAM,KAAK,IAAI,IAAI,CAAa,CAAC;GAWtD,AATA,EAAc,CACZ,GAAI,KAAS,CAAC,GACd,GAAI,EACD,QAAO,MAEC,EAAQ,KAAe,CAAC,GAAO,SAAS,CAAU,CAC1D,EACA,KAAI,MAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAC5B,CAAC,GACD,EAAc,EAAE;GAChB;EACF;EACA,EAAc,CAAiB;CACjC;CAEA,SAAS,EAAc,GAA8C;EAWnE,AAVI,CAAC,SAAS,KAAK,EAAE,SAAS,EAAM,GAAG,KACjC,GAAY,KAAK,MACnB,EAAM,eAAe,GAChB,GAAO,SAAS,CAAU,KAC7B,EAAc,GAEhB,EAAc,EAAE,IAIhB,EAAM,QAAQ,eAAe,CAAC,KAChC,EAAc,GAAO,MAAM,GAAG,EAAE,KAAK,CAAC,CAAC;CAE3C;CAEA,SAAS,IAAgB;EAClB,EAAW,KAAK,MACrB,EAAc,CAAC,GAAI,KAAS,CAAC,GAAI,CAAU,CAAC,GAC5C,EAAc,EAAE;CAClB;CAEA,OACE,iBAAA,GAAA,EAAA,MAAC,OAAD;EACE,WAAW,EACT,kDACA,yDACA,qBACA,4BACA,8BACA,wDACA,CACF;EACA,eAAe,EAAS,SAAS,MAAM;EACvC,GAAI;YAXN;GAaE,iBAAA,GAAA,EAAA,KAAC,GAAD;IAAgB;IAAsB;GAAgB,CAAA;GACtD,iBAAA,GAAA,EAAA,KAAC,SAAD;IACE,KAAK;IACL,WAAU;IACV,MAAK;IACL,OAAO;IACP,UAAU;IACV,WAAW;IACX,OAAO,EAAE,OAAO,GAAG,EAAW,SAAS,EAAE,IAAI;IAC7C,cAAc,EAAc;GAC7B,CAAA;GACA,GAAO,WAAW,KAAK,CAAC,KACvB,iBAAA,GAAA,EAAA,KAAC,OAAD;IAAK,WAAU;cAA2B;GAAiB,CAAA;EAE1D;;AAET;AAEA,EAAS,cAAc;AAOvB,SAAS,EAAQ,EAAE,UAAO,oBAA+B;CACvD,OACE,iBAAA,GAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UACG,GAAO,KAAK,GAAK,MAChB,iBAAA,GAAA,EAAA,MAAC,GAAD;EAAmB,WAAU;YAA7B,CACE,iBAAA,GAAA,EAAA,KAAC,GAAD;GACE,MAAK;GACL,WAAU;GACV,MAAK;GACL,QAAO;GACP,eAAe;IACb,EAAc,GAAO,QAAQ,GAAG,MAAM,MAAM,CAAK,KAAK,CAAC,CAAC;GAC1D;aAEA,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,WAAU,OAAQ,CAAA;EACrB,CAAA,GACR,iBAAA,GAAA,EAAA,KAAC,OAAD;GAAK,WAAU;aAAY;EAAS,CAAA,CAC/B;IAbK,CAaL,CACR,EACD,CAAA;AAEN"}
+{"version":3,"file":"index41.js","names":[],"sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-800 text-white text-sm',\n        inverted: 'bg-white text-gray-800 border border-gray-900/8'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  variant,\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ variant, className }))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":";;;;;;;AAOA,IAAM,IAAyB,EAC7B,2YACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,UAAU;CACZ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAgB,EACvB,mBAAgB,GAChB,GAAG,KACsD;CACzD,OACE,kBAAC,EAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAQ,EACf,GAAG,KACkD;CACrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,EAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA,EACxC,CAAA;AAErB;AAEA,SAAS,EAAe,EACtB,GAAG,KACqD;CACxD,OAAO,kBAAC,EAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,EAAe,EACtB,YACA,cACA,gBAAa,GACb,aACA,GAAG,KAE0C;CAC7C,OACE,kBAAC,EAAiB,QAAlB,EAAA,UACE,kBAAC,EAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,EAAG,EAAuB;GAAE;GAAS;EAAU,CAAC,CAAC;EAC5D,GAAI;EAEH;CACuB,CAAA,EACH,CAAA;AAE7B"}

package/dist/index42.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);var i=n.default;function a({className:e,...n}){return(0,i.jsx)(`textarea`,{"data-slot":`textarea`,className:t.cn(`flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-md`,`placeholder:text-gray-400`,`hover:shadow-field-hover`,`active:shadow-field-active`,`focus-visible:outline-none focus:shadow-field-active`,`disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none`,e),...n})}exports.Textarea=a;
+"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-tooltip");a=e.__toESM(a,1);var o=t.cva(`z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)`,{variants:{variant:{default:`bg-gray-800 text-white text-sm`,inverted:`bg-white text-gray-800 border border-gray-900/8`}},defaultVariants:{variant:`default`}});function s({delayDuration:e=0,...t}){return(0,i.jsx)(a.Provider,{"data-slot":`tooltip-provider`,delayDuration:e,...t})}function c({...e}){return(0,i.jsx)(s,{children:(0,i.jsx)(a.Root,{"data-slot":`tooltip`,...e})})}function l({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`tooltip-trigger`,...e})}function u({variant:e,className:t,sideOffset:r=4,children:s,...c}){return(0,i.jsx)(a.Portal,{children:(0,i.jsx)(a.Content,{"data-slot":`tooltip-content`,sideOffset:r,className:n.cn(o({variant:e,className:t})),...c,children:s})})}exports.Tooltip=c,exports.TooltipContent=u,exports.TooltipProvider=s,exports.TooltipTrigger=l;
 //# sourceMappingURL=index42.cjs.map

package/dist/index42.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index42.cjs","names":[],"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-md',\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"],"mappings":"6IAGA,SAAS,EAAS,CAAE,YAAW,GAAG,GAA2C,CAC3E,OACE,EAAA,EAAA,KAAC,WAAD,CACE,YAAU,WACV,UAAW,EAAA,GACT,yFACA,4BACA,2BACA,6BACA,uDACA,uEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index42.cjs","names":[],"sources":["../src/Tooltip/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\nimport { VariantProps, cva } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst tooltipContentVariants = cva(\n  'z-50 overflow-hidden rounded px-12 py-8 text-sm shadow-200 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-(--radix-tooltip-content-transform-origin)',\n  {\n    variants: {\n      variant: {\n        default: 'bg-gray-800 text-white text-sm',\n        inverted: 'bg-white text-gray-800 border border-gray-900/8'\n      }\n    },\n    defaultVariants: {\n      variant: 'default'\n    }\n  }\n)\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  )\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  variant,\n  className,\n  sideOffset = 4,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({ variant, className }))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"mappings":"kOAOA,IAAM,EAAyB,EAAA,IAC7B,0YACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDACZ,CACF,EACA,gBAAiB,CACf,QAAS,SACX,CACF,CACF,EAEA,SAAS,EAAgB,CACvB,gBAAgB,EAChB,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAiB,SAAlB,CACE,YAAU,mBACK,gBACf,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAQ,CACf,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAD,CAAA,UACE,EAAA,EAAA,KAAC,EAAiB,KAAlB,CAAuB,YAAU,UAAU,GAAI,CAAQ,CAAA,CACxC,CAAA,CAErB,CAEA,SAAS,EAAe,CACtB,GAAG,GACqD,CACxD,OAAO,EAAA,EAAA,KAAC,EAAiB,QAAlB,CAA0B,YAAU,kBAAkB,GAAI,CAAQ,CAAA,CAC3E,CAEA,SAAS,EAAe,CACtB,UACA,YACA,aAAa,EACb,WACA,GAAG,GAE0C,CAC7C,OACE,EAAA,EAAA,KAAC,EAAiB,OAAlB,CAAA,UACE,EAAA,EAAA,KAAC,EAAiB,QAAlB,CACE,YAAU,kBACE,aACZ,UAAW,EAAA,GAAG,EAAuB,CAAE,UAAS,WAAU,CAAC,CAAC,EAC5D,GAAI,EAEH,UACuB,CAAA,CACH,CAAA,CAE7B"}

package/dist/index42.js

@@ -1,16 +1,84 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
+import { cn as e } from "./index6.js";
+import { Separator as t } from "./index30.js";
+import { ChevronRight as n } from "lucide-react";
 import "react";
-//#region src/Textarea/index.tsx
-var n = t();
-function r({ className: t, ...r }) {
-	return /* @__PURE__ */ (0, n.jsx)("textarea", {
-		"data-slot": "textarea",
-		className: e("flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-md", "placeholder:text-gray-400", "hover:shadow-field-hover", "active:shadow-field-active", "focus-visible:outline-none focus:shadow-field-active", "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none", t),
-		...r
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-collapsible";
+import * as o from "@radix-ui/react-navigation-menu";
+//#region src/VerticalNavigationMenu/index.tsx
+function s({ children: e, viewport: t = !0, ...n }) {
+	return /* @__PURE__ */ i(o.Root, {
+		"data-slot": "navigation-menu",
+		"data-viewport": t,
+		...n,
+		children: [e, t && /* @__PURE__ */ r(o.NavigationMenuViewport, {})]
+	});
+}
+function c({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o.List, {
+		"data-slot": "navigation-menu-list",
+		className: e("group flex flex-col list-none items-center justify-center pb-12 gap-2", t),
+		...n
+	});
+}
+function l({ className: t, ...n }) {
+	return /* @__PURE__ */ r("div", {
+		className: e("flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16", t),
+		...n
+	});
+}
+function u({ ...e }) {
+	return /* @__PURE__ */ r(t, { ...e });
+}
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o.Item, {
+		"data-slot": "navigation-menu-item",
+		className: e("w-full", t),
+		...n
+	});
+}
+function f({ className: t, ...n }) {
+	return /* @__PURE__ */ r(o.Link, {
+		"data-slot": "navigation-menu-link",
+		className: e("flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150", "active:bg-gray-300", "hover:bg-gray-200 hover:text-purple-800", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2", "data-[active]:bg-purple-700 data-[active]:text-white", "hover:data-[active]:bg-purple-800", t),
+		...n
+	});
+}
+function p({ className: t, ...n }) {
+	return /* @__PURE__ */ r(a.Root, {
+		className: e("w-full", t),
+		...n
+	});
+}
+function m({ className: t, children: o, chevron: s = !0, ref: c, ...l }) {
+	return /* @__PURE__ */ r(a.Trigger, {
+		ref: c,
+		className: e("group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors", "hover:bg-gray-200 hover:text-purple-800", "active:bg-gray-300", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2", t),
+		...l,
+		children: /* @__PURE__ */ i("span", {
+			className: "flex w-full items-center justify-between",
+			children: [/* @__PURE__ */ r("span", {
+				className: "flex items-center gap-x-8",
+				children: o
+			}), s ? /* @__PURE__ */ r(n, {
+				"aria-hidden": "true",
+				className: "h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90"
+			}) : null]
+		})
+	});
+}
+function h({ className: t, indentClassName: n = "ml-24 px-8 py-2 border-l border-gray-900/8", children: i, ref: o, ...s }) {
+	return /* @__PURE__ */ r(a.Content, {
+		ref: o,
+		className: e("overflow-hidden", t),
+		...s,
+		children: /* @__PURE__ */ r("div", {
+			className: n,
+			children: i
+		})
 	});
 }
 //#endregion
-export { r as Textarea };
+export { s as VerticalNavigationMenu, l as VerticalNavigationMenuHeading, d as VerticalNavigationMenuItem, f as VerticalNavigationMenuLink, c as VerticalNavigationMenuList, u as VerticalNavigationMenuSeparator, p as VerticalNavigationMenuSub, h as VerticalNavigationMenuSubContent, m as VerticalNavigationMenuSubTrigger };
 
 //# sourceMappingURL=index42.js.map

package/dist/index42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index42.js","names":[],"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-md',\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"],"mappings":";;;;;AAGA,SAAS,EAAS,EAAE,cAAW,GAAG,KAA2C;CAC3E,OACE,iBAAA,GAAA,EAAA,KAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,0FACA,6BACA,4BACA,8BACA,wDACA,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index42.js","names":[],"sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\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-12 gap-2',\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-600 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 items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"mappings":";;;;;;;;AAOA,SAAS,EAAuB,EAC9B,aACA,cAAW,IACX,GAAG,KAGF;CACD,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,iBAAe;EACf,GAAI;YAHN,CAKG,GACA,KAAY,kBAAC,EAAwB,wBAAzB,CAAiD,CAAA,CAClC;;AAElC;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EACT,yEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA8B,EACrC,cACA,GAAG,KAC2B;CAC9B,OACE,kBAAC,OAAD;EACE,WAAW,EACT,yEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAgC,EACvC,GAAG,KAC2B;CAC9B,OAAO,kBAAC,GAAD,EAAW,GAAI,EAAQ,CAAA;AAChC;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EAAG,UAAU,CAAS;EACjC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA2B,EAClC,cACA,GAAG,KACyD;CAC5D,OACE,kBAAC,EAAwB,MAAzB;EACE,aAAU;EACV,WAAW,EACT,yIACA,sBACA,2CACA,6GACA,wDACA,qCACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAA0B,EACjC,cACA,GAAG,KACsD;CACzD,OACE,kBAAC,EAAqB,MAAtB;EAA2B,WAAW,EAAG,UAAU,CAAS;EAAG,GAAI;CAAQ,CAAA;AAE/E;AAQA,SAAS,EAAiC,EACxC,cACA,aACA,aAAU,IACV,QACA,GAAG,KACe;CAClB,OACE,kBAAC,EAAqB,SAAtB;EACO;EACL,WAAW,EACT,6IACA,2CACA,sBACA,6GACA,CACF;EACA,GAAI;YAEJ,kBAAC,QAAD;GAAM,WAAU;aAAhB,CACE,kBAAC,QAAD;IAAM,WAAU;IAA6B;GAAe,CAAA,GAE3D,IACC,kBAAC,GAAD;IACE,eAAY;IACZ,WAAU;GACX,CAAA,IACC,IACA;;CACsB,CAAA;AAElC;AAQA,SAAS,EAAiC,EACxC,cACA,qBAAkB,8CAClB,aACA,QACA,GAAG,KACe;CAClB,OACE,kBAAC,EAAqB,SAAtB;EACO;EACL,WAAW,EAAG,mBAAmB,CAAS;EAC1C,GAAI;YAEJ,kBAAC,OAAD;GAAK,WAAW;GAAkB;EAAc,CAAA;CACpB,CAAA;AAElC"}

package/dist/index43.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index5.cjs"),n=require("./index7.cjs"),r=require("./index10.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("@radix-ui/react-toggle");a=e.__toESM(a,1);var o=r.default,s=t.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-orange":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-orange-50 hover:data-[state=on]:bg-orange-50 data-[state=on]:text-orange-700 [&_svg]:data-[state=on]:text-orange-700 data-[state=on]:border-orange-200`,"badge-red":`bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-red-50 hover:data-[state=on]:bg-red-50 data-[state=on]:text-red-700 [&_svg]:data-[state=on]:text-red-700 data-[state=on]:border-red-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-md`},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-orange`,className:`data-[state=on]:bg-orange-700 hover:data-[state=on]:bg-orange-700 data-[state=on]:border-orange-800`},{inverted:!0,variant:`badge-red`,className:`data-[state=on]:bg-red-700 hover:data-[state=on]:bg-red-700 data-[state=on]:border-red-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 c({className:e,variant:t,size:r,border:i,inverted:c,...l}){return(0,o.jsx)(a.Root,{"data-slot":`toggle`,className:n.cn(s({variant:t,size:r,border:i,inverted:c,className:e})),...l})}exports.Toggle=c,exports.toggleVariants=s;
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index31.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("@radix-ui/react-collapsible");o=e.__toESM(o,1);let s=require("@radix-ui/react-navigation-menu");s=e.__toESM(s,1);function c({children:e,viewport:t=!0,...n}){return(0,a.jsxs)(s.Root,{"data-slot":`navigation-menu`,"data-viewport":t,...n,children:[e,t&&(0,a.jsx)(s.NavigationMenuViewport,{})]})}function l({className:e,...n}){return(0,a.jsx)(s.List,{"data-slot":`navigation-menu-list`,className:t.cn(`group flex flex-col list-none items-center justify-center pb-12 gap-2`,e),...n})}function u({className:e,...n}){return(0,a.jsx)(`div`,{className:t.cn(`flex items-start justify-start text-sm text-gray-600 mt-16 mb-2 px-16`,e),...n})}function d({...e}){return(0,a.jsx)(n.Separator,{...e})}function f({className:e,...n}){return(0,a.jsx)(s.Item,{"data-slot":`navigation-menu-item`,className:t.cn(`w-full`,e),...n})}function p({className:e,...n}){return(0,a.jsx)(s.Link,{"data-slot":`navigation-menu-link`,className:t.cn(`flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150`,`active:bg-gray-300`,`hover:bg-gray-200 hover:text-purple-800`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2`,`data-[active]:bg-purple-700 data-[active]:text-white`,`hover:data-[active]:bg-purple-800`,e),...n})}function m({className:e,...n}){return(0,a.jsx)(o.Root,{className:t.cn(`w-full`,e),...n})}function h({className:e,children:n,chevron:i=!0,ref:s,...c}){return(0,a.jsx)(o.Trigger,{ref:s,className:t.cn(`group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors`,`hover:bg-gray-200 hover:text-purple-800`,`active:bg-gray-300`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2`,e),...c,children:(0,a.jsxs)(`span`,{className:`flex w-full items-center justify-between`,children:[(0,a.jsx)(`span`,{className:`flex items-center gap-x-8`,children:n}),i?(0,a.jsx)(r.ChevronRight,{"aria-hidden":`true`,className:`h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90`}):null]})})}function g({className:e,indentClassName:n=`ml-24 px-8 py-2 border-l border-gray-900/8`,children:r,ref:i,...s}){return(0,a.jsx)(o.Content,{ref:i,className:t.cn(`overflow-hidden`,e),...s,children:(0,a.jsx)(`div`,{className:n,children:r})})}exports.VerticalNavigationMenu=c,exports.VerticalNavigationMenuHeading=u,exports.VerticalNavigationMenuItem=f,exports.VerticalNavigationMenuLink=p,exports.VerticalNavigationMenuList=l,exports.VerticalNavigationMenuSeparator=d,exports.VerticalNavigationMenuSub=m,exports.VerticalNavigationMenuSubContent=g,exports.VerticalNavigationMenuSubTrigger=h;
 //# sourceMappingURL=index43.cjs.map

package/dist/index43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index43.cjs","names":[],"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-orange':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-orange-50 hover:data-[state=on]:bg-orange-50 data-[state=on]:text-orange-700 [&_svg]:data-[state=on]:text-orange-700 data-[state=on]:border-orange-200',\n        'badge-red':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-red-50 hover:data-[state=on]:bg-red-50 data-[state=on]:text-red-700 [&_svg]:data-[state=on]:text-red-700 data-[state=on]:border-red-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-md'\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-orange',\n        className:\n          'data-[state=on]:bg-orange-700 hover:data-[state=on]:bg-orange-700 data-[state=on]:border-orange-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-red',\n        className:\n          'data-[state=on]:bg-red-700 hover:data-[state=on]:bg-red-700 data-[state=on]:border-red-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"],"mappings":"6OAOM,EAAiB,EAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,YACE,4NACF,aACE,mOACF,eACE,6OACF,kBACE,2PACJ,EACA,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,oBACN,EACA,OAAQ,CACN,QAAS,SACT,KAAM,UACR,EACA,SAAU,CACR,KAAM,gEACN,MAAO,EACT,CACF,EACA,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,YACT,UACE,4FACJ,EACA,CACE,SAAU,GACV,QAAS,aACT,UACE,+FACJ,EACA,CACE,SAAU,GACV,QAAS,eACT,UACE,qGACJ,EACA,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GACJ,CACF,EACA,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CACF,CACF,EAEA,SAAS,EAAO,CACd,YACA,UACA,OACA,SACA,WACA,GAAG,GAEkC,CACrC,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,EAAe,CAAE,UAAS,OAAM,SAAQ,WAAU,WAAU,CAAC,CAC/D,EACA,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index43.cjs","names":[],"sources":["../src/VerticalNavigationMenu/index.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from '@radix-ui/react-collapsible'\nimport * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu'\nimport { ChevronRight } from 'lucide-react'\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-12 gap-2',\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-600 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 items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors duration-150',\n        'active:bg-gray-300',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        'data-[active]:bg-purple-700 data-[active]:text-white',\n        'hover:data-[active]:bg-purple-800',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction VerticalNavigationMenuSub({\n  className,\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return (\n    <CollapsiblePrimitive.Root className={cn('w-full', className)} {...props} />\n  )\n}\n\ntype SubTriggerProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Trigger\n> & {\n  chevron?: boolean\n}\n\nfunction VerticalNavigationMenuSubTrigger({\n  className,\n  children,\n  chevron = true,\n  ref,\n  ...props\n}: SubTriggerProps) {\n  return (\n    <CollapsiblePrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'group/subtrigger flex items-center justify-start pl-16 pr-8 py-[10px] min-h-40 w-full font-normal text-gray-800 rounded transition-colors',\n        'hover:bg-gray-200 hover:text-purple-800',\n        'active:bg-gray-300',\n        'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2',\n        className\n      )}\n      {...props}\n    >\n      <span className=\"flex w-full items-center justify-between\">\n        <span className=\"flex items-center gap-x-8\">{children}</span>\n\n        {chevron ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"h-16 w-16 shrink-0 text-gray-600 group-hover:text-gray-700 transition-transform duration-200 group-data-[state=open]/subtrigger:rotate-90\"\n          />\n        ) : null}\n      </span>\n    </CollapsiblePrimitive.Trigger>\n  )\n}\n\ntype SubContentProps = React.ComponentPropsWithRef<\n  typeof CollapsiblePrimitive.Content\n> & {\n  indentClassName?: string\n}\n\nfunction VerticalNavigationMenuSubContent({\n  className,\n  indentClassName = 'ml-24 px-8 py-2 border-l border-gray-900/8',\n  children,\n  ref,\n  ...props\n}: SubContentProps) {\n  return (\n    <CollapsiblePrimitive.Content\n      ref={ref}\n      className={cn('overflow-hidden', className)}\n      {...props}\n    >\n      <div className={indentClassName}>{children}</div>\n    </CollapsiblePrimitive.Content>\n  )\n}\n\nexport {\n  VerticalNavigationMenu,\n  VerticalNavigationMenuHeading,\n  VerticalNavigationMenuItem,\n  VerticalNavigationMenuLink,\n  VerticalNavigationMenuList,\n  VerticalNavigationMenuSeparator,\n  VerticalNavigationMenuSub,\n  VerticalNavigationMenuSubContent,\n  VerticalNavigationMenuSubTrigger\n}\n"],"mappings":"sTAOA,SAAS,EAAuB,CAC9B,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAwB,KAAzB,CACE,YAAU,kBACV,gBAAe,EACf,GAAI,WAHN,CAKG,EACA,IAAY,EAAA,EAAA,KAAC,EAAwB,uBAAzB,CAAiD,CAAA,CAClC,GAElC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA8B,CACrC,YACA,GAAG,GAC2B,CAC9B,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GACT,wEACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAgC,CACvC,GAAG,GAC2B,CAC9B,OAAO,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,GAAI,CAAQ,CAAA,CAChC,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GAAG,SAAU,CAAS,EACjC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA2B,CAClC,YACA,GAAG,GACyD,CAC5D,OACE,EAAA,EAAA,KAAC,EAAwB,KAAzB,CACE,YAAU,uBACV,UAAW,EAAA,GACT,wIACA,qBACA,0CACA,4GACA,uDACA,oCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAA0B,CACjC,YACA,GAAG,GACsD,CACzD,OACE,EAAA,EAAA,KAAC,EAAqB,KAAtB,CAA2B,UAAW,EAAA,GAAG,SAAU,CAAS,EAAG,GAAI,CAAQ,CAAA,CAE/E,CAQA,SAAS,EAAiC,CACxC,YACA,WACA,UAAU,GACV,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GACT,4IACA,0CACA,qBACA,4GACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,oDAAhB,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,4BAA6B,UAAe,CAAA,EAE3D,GACC,EAAA,EAAA,KAAC,EAAA,aAAD,CACE,cAAY,OACZ,UAAU,2IACX,CAAA,EACC,IACA,GACsB,CAAA,CAElC,CAQA,SAAS,EAAiC,CACxC,YACA,kBAAkB,6CAClB,WACA,MACA,GAAG,GACe,CAClB,OACE,EAAA,EAAA,KAAC,EAAqB,QAAtB,CACO,MACL,UAAW,EAAA,GAAG,kBAAmB,CAAS,EAC1C,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAkB,UAAc,CAAA,CACpB,CAAA,CAElC"}