@incognia/cosmik 1.0.11 → 1.1.1

package/dist/index31.js.map

@@ -1 +1 @@
-{"version":3,"file":"index31.js","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"],"names":["TagInput","className","value","placeholder","onValueChange","props","inputValue","setInputValue","React","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":";;;;;;AAYA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAM,SAAS,EAAE,GAC/CC,IAAWD,EAAM,OAAyB,IAAI;AAEpD,WAASE,EAAaC,GAA4C;AAChE,UAAMC,IAAoBD,EAAM,OAAO;AACvC,QAAIC,EAAkB,SAAS,GAAG,GAAG;AACnC,YAAMC,IAAgBD,EAAkB,MAAM,GAAG,GAE3CE,IAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC;AAEtD,MAAAT,EAAc;AAAA,QACZ,GAAIF,KAAS,CAAA;AAAA,QACb,GAAIY,EACD,OAAO,CAAAR,MAEC,EAAQA,KAAe,CAACJ,GAAO,SAASI,CAAU,CAC1D,EACA,IAAI,CAAAS,MAAKA,EAAE,KAAA,CAAM,KAAK,CAAA;AAAA,MAAC,CAC3B,GACDR,EAAc,EAAE;AAChB;AAAA,IACF;AACA,IAAAA,EAAcK,CAAiB;AAAA,EACjC;AAEA,WAASI,EAAcL,GAA8C;AACnE,IAAI,CAAC,SAAS,KAAK,EAAE,SAASA,EAAM,GAAG,KACjCL,GAAY,WACdK,EAAM,eAAA,GACDT,GAAO,SAASI,CAAU,KAC7BW,EAAA,GAEFV,EAAc,EAAE,IAIhBI,EAAM,QAAQ,eAAe,CAACL,KAChCF,EAAcF,GAAO,MAAM,GAAG,EAAE,KAAK,CAAA,CAAE;AAAA,EAE3C;AAEA,WAASe,IAAgB;AACvB,IAAKX,EAAW,WAChBF,EAAc,CAAC,GAAIF,KAAS,CAAA,GAAKI,CAAU,CAAC,GAC5CC,EAAc,EAAE;AAAA,EAClB;AAEA,SACEW,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAlB;AAAA,MAAA;AAAA,MAEF,SAAS,MAAMQ,EAAS,SAAS,MAAA;AAAA,MAChC,GAAGJ;AAAA,MAEJ,UAAA;AAAA,QAAAe,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,OAAAnB,GAAc,eAAAE,EAAA,CAA8B;AAAA,QACrDgB,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,WAAU;AAAA,YACV,MAAK;AAAA,YACL,OAAOH;AAAA,YACP,UAAUI;AAAA,YACV,WAAWM;AAAA,YACX,OAAO,EAAE,OAAO,GAAGV,EAAW,SAAS,CAAC,KAAA;AAAA,YACxC,QAAQ,MAAMW,EAAA;AAAA,UAAc;AAAA,QAAA;AAAA,QAE7Bf,GAAO,WAAW,KAAK,CAACI,KACvBc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAjB,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAI9D;AAEAH,EAAS,cAAc;AAOvB,SAASqB,EAAQ,EAAE,OAAAnB,GAAO,eAAAE,KAA+B;AACvD,SACEgB,gBAAAA,EAAAA,IAAAE,EAAAA,UAAA,EACG,aAAO,IAAI,CAACC,GAAKC,MAChBN,gBAAAA,EAAAA,KAACO,GAAA,EAAkB,WAAU,0CAC3B,UAAA;AAAA,IAAAL,gBAAAA,EAAAA;AAAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,MAAK;AAAA,QACL,QAAO;AAAA,QACP,SAAS,MAAM;AACb,UAAAtB,EAAcF,GAAO,OAAO,CAACyB,GAAGZ,MAAMA,MAAMS,CAAK,KAAK,EAAE;AAAA,QAC1D;AAAA,QAEA,UAAAJ,gBAAAA,EAAAA,IAACQ,GAAA,EAAQ,WAAU,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAE5BR,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,YAAY,UAAAG,EAAA,CAAI;AAAA,EAAA,KAZrBC,CAaZ,CACD,GACH;AAEJ;"}
+{"version":3,"file":"index31.js","names":[],"sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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/24 ',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n          <XIcon className=\"size-16\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-gray-800 font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger\n}\n"],"mappings":";;;;;;;AAOA,SAAS,EAAM,EAAE,GAAG,KAA2D;CAC7E,OAAO,kBAAC,EAAe,MAAhB;EAAqB,aAAU;EAAQ,GAAI;CAAQ,CAAA;AAC5D;AAEA,SAAS,EAAa,EACpB,GAAG,KACmD;CACtD,OAAO,kBAAC,EAAe,SAAhB;EAAwB,aAAU;EAAgB,GAAI;CAAQ,CAAA;AACvE;AAEA,SAAS,EAAW,EAClB,GAAG,KACiD;CACpD,OAAO,kBAAC,EAAe,OAAhB;EAAsB,aAAU;EAAc,GAAI;CAAQ,CAAA;AACnE;AAEA,SAAS,EAAY,EACnB,GAAG,KACkD;CACrD,OAAO,kBAAC,EAAe,QAAhB;EAAuB,aAAU;EAAe,GAAI;CAAQ,CAAA;AACrE;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KACmD;CACtD,OACE,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,8JACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,aACA,UAAO,SACP,GAAG,KAGF;CACD,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAe,CAAA,GACf,kBAAC,EAAe,SAAhB;EACE,aAAU;EACV,WAAW,EACT,oNACA,MAAS,WACP,oIACF,MAAS,UACP,iIACF,MAAS,SACP,4GACF,MAAS,YACP,qHACF,CACF;EACA,GAAI;YAdN,CAgBG,GACD,kBAAC,EAAe,OAAhB;GAAsB,WAAU;aAAhC,CACE,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,GAC5B,kBAAC,QAAD;IAAM,WAAU;cAAU;GAAW,CAAA,CACjB;IACA;GACb,EAAA,CAAA;AAEjB;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,uBAAuB,CAAS;EAC9C,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAsC;CACzE,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EACT,0DACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAW,EAClB,cACA,GAAG,KACiD;CACpD,OACE,kBAAC,EAAe,OAAhB;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EACxB,cACA,GAAG,KACuD;CAC1D,OACE,kBAAC,EAAe,aAAhB;EACE,aAAU;EACV,WAAW,EAAG,2BAA2B,CAAS;EAClD,GAAI;CACL,CAAA;AAEL"}

package/dist/index32.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index37.cjs"),o=require("./index39.cjs");function r({className:e,...t}){return a.jsxRuntimeExports.jsx("textarea",{"data-slot":"textarea",className:o.cn("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","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active","disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",e),...t})}exports.Textarea=r;
-//# sourceMappingURL=index32.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("lucide-react"),r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-dialog");a=e.__toESM(a,1);function o({...e}){return(0,i.jsx)(a.Root,{"data-slot":`sheet`,...e})}function s({...e}){return(0,i.jsx)(a.Trigger,{"data-slot":`sheet-trigger`,...e})}function c({...e}){return(0,i.jsx)(a.Close,{"data-slot":`sheet-close`,...e})}function l({...e}){return(0,i.jsx)(a.Portal,{"data-slot":`sheet-portal`,...e})}function u({className:e,...n}){return(0,i.jsx)(a.Overlay,{"data-slot":`sheet-overlay`,className:t.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/24 `,e),...n})}function d({className:e,children:r,side:o=`right`,...s}){return(0,i.jsxs)(l,{children:[(0,i.jsx)(u,{}),(0,i.jsxs)(a.Content,{"data-slot":`sheet-content`,className:t.cn(` bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500`,o===`right`&&`data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm`,o===`left`&&`data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm`,o===`top`&&`data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b`,o===`bottom`&&`data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t`,e),...s,children:[r,(0,i.jsxs)(a.Close,{className:`absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none`,children:[(0,i.jsx)(n.XIcon,{className:`size-16`}),(0,i.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function f({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-8`,e),...n})}function p({className:e,...n}){return(0,i.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`flex flex-col-reverse sm:flex-row sm:justify-end gap-8`,e),...n})}function m({className:e,...n}){return(0,i.jsx)(a.Title,{"data-slot":`sheet-title`,className:t.cn(`text-gray-800 font-semibold`,e),...n})}function h({className:e,...n}){return(0,i.jsx)(a.Description,{"data-slot":`sheet-description`,className:t.cn(`text-gray-900 text-base`,e),...n})}exports.Sheet=o,exports.SheetClose=c,exports.SheetContent=d,exports.SheetDescription=h,exports.SheetFooter=p,exports.SheetHeader=f,exports.SheetOverlay=u,exports.SheetPortal=l,exports.SheetTitle=m,exports.SheetTrigger=s;
+//# sourceMappingURL=index32.cjs.map

package/dist/index32.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index32.cjs","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":"4IAGA,SAASA,EAAS,CAAE,UAAAC,EAAW,GAAGC,GAA2C,CAC3E,OACEC,EAAAA,kBAAAA,IAAC,WAAA,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,2FACA,4BACA,2BACA,6BACA,uDACA,uEACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}
+{"version":3,"file":"index32.cjs","names":[],"sources":["../src/Sheet/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { XIcon } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nfunction SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nfunction SheetClose({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />\n}\n\nfunction SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nfunction SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      data-slot=\"sheet-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/24 ',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetContent({\n  className,\n  children,\n  side = 'right',\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}) {\n  return (\n    <SheetPortal>\n      <SheetOverlay />\n      <SheetPrimitive.Content\n        data-slot=\"sheet-content\"\n        className={cn(\n          ' bg-white data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-16 border-gray-900/16 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <SheetPrimitive.Close className=\"absolute right-16 top-16 rounded opacity-64 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none\">\n          <XIcon className=\"size-16\" />\n          <span className=\"sr-only\">Close</span>\n        </SheetPrimitive.Close>\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-header\"\n      className={cn('flex flex-col gap-8', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex flex-col-reverse sm:flex-row sm:justify-end gap-8',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      data-slot=\"sheet-title\"\n      className={cn('text-gray-800 font-semibold', className)}\n      {...props}\n    />\n  )\n}\n\nfunction SheetDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n  return (\n    <SheetPrimitive.Description\n      data-slot=\"sheet-description\"\n      className={cn('text-gray-900 text-base', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetTitle,\n  SheetTrigger\n}\n"],"mappings":"iOAOA,SAAS,EAAM,CAAE,GAAG,GAA2D,CAC7E,OAAO,EAAA,EAAA,KAAC,EAAe,KAAhB,CAAqB,YAAU,QAAQ,GAAI,CAAQ,CAAA,CAC5D,CAEA,SAAS,EAAa,CACpB,GAAG,GACmD,CACtD,OAAO,EAAA,EAAA,KAAC,EAAe,QAAhB,CAAwB,YAAU,gBAAgB,GAAI,CAAQ,CAAA,CACvE,CAEA,SAAS,EAAW,CAClB,GAAG,GACiD,CACpD,OAAO,EAAA,EAAA,KAAC,EAAe,MAAhB,CAAsB,YAAU,cAAc,GAAI,CAAQ,CAAA,CACnE,CAEA,SAAS,EAAY,CACnB,GAAG,GACkD,CACrD,OAAO,EAAA,EAAA,KAAC,EAAe,OAAhB,CAAuB,YAAU,eAAe,GAAI,CAAQ,CAAA,CACrE,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GACmD,CACtD,OACE,EAAA,EAAA,KAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,6JACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,WACA,OAAO,QACP,GAAG,GAGF,CACD,OACE,EAAA,EAAA,MAAC,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAC,EAAD,CAAe,CAAA,GACf,EAAA,EAAA,MAAC,EAAe,QAAhB,CACE,YAAU,gBACV,UAAW,EAAA,GACT,mNACA,IAAS,SACP,mIACF,IAAS,QACP,gIACF,IAAS,OACP,2GACF,IAAS,UACP,oHACF,CACF,EACA,GAAI,WAdN,CAgBG,GACD,EAAA,EAAA,MAAC,EAAe,MAAhB,CAAsB,UAAU,4IAAhC,EACE,EAAA,EAAA,KAAC,EAAA,MAAD,CAAO,UAAU,SAAW,CAAA,GAC5B,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,mBAAU,OAAW,CAAA,CACjB,GACA,GACb,CAAA,CAAA,CAEjB,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAsC,CACzE,OACE,EAAA,EAAA,KAAC,MAAD,CACE,YAAU,eACV,UAAW,EAAA,GACT,yDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAW,CAClB,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAe,MAAhB,CACE,YAAU,cACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAiB,CACxB,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,EAAe,YAAhB,CACE,YAAU,oBACV,UAAW,EAAA,GAAG,0BAA2B,CAAS,EAClD,GAAI,CACL,CAAA,CAEL"}

package/dist/index32.js

@@ -1,24 +1,13 @@
-import { j as o } from "./index37.js";
-import { cn as t } from "./index39.js";
-function i({ className: e, ...a }) {
-  return /* @__PURE__ */ o.jsx(
-    "textarea",
-    {
-      "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",
-        "active:shadow-field-active",
-        "focus-visible:outline-none focus:shadow-field-active",
-        "disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none",
-        e
-      ),
-      ...a
-    }
-  );
+import { cn as e } from "./index6.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/Skeleton/index.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("animate-pulse rounded-full bg-gray-900/16", n),
+		...r
+	});
 }
-export {
-  i as Textarea
-};
-//# sourceMappingURL=index32.js.map
+//#endregion
+export { n as Skeleton };
+
+//# 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\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;"}
+{"version":3,"file":"index32.js","names":[],"sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":";;;AAEA,SAAS,EAAS,EAChB,cACA,GAAG,KACoC;CACvC,OACE,kBAAC,OAAD;EACE,WAAW,EAAG,6CAA6C,CAAS;EACpE,GAAI;CACL,CAAA;AAEL"}

package/dist/index33.cjs

@@ -1,2 +1,2 @@
-"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
+const e=require("./index7.cjs");let t=require("react/jsx-runtime");function n({className:n,...r}){return(0,t.jsx)(`div`,{className:e.cn(`animate-pulse rounded-full bg-gray-900/16`,n),...r})}exports.Skeleton=n;
+//# 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\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"}
+{"version":3,"file":"index33.cjs","names":[],"sources":["../src/Skeleton/index.tsx"],"sourcesContent":["import { cn } from '../lib/utils'\n\nfunction Skeleton({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) {\n  return (\n    <div\n      className={cn('animate-pulse rounded-full bg-gray-900/16', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"mappings":"mEAEA,SAAS,EAAS,CAChB,YACA,GAAG,GACoC,CACvC,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,GAAG,4CAA6C,CAAS,EACpE,GAAI,CACL,CAAA,CAEL"}

package/dist/index33.js

@@ -1,94 +1,44 @@
-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: {
-      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 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 {
-  u as Toggle,
-  l as toggleVariants
-};
-//# sourceMappingURL=index33.js.map
+"use client";
+import { AlertCircleIcon as e, AlertTriangleIcon as t, CheckIcon as n, LucideX as r } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+import { Toaster as a } from "sonner";
+//#region src/Sonner/index.tsx
+var o = ({ className: o, ...s }) => /* @__PURE__ */ i(a, {
+	className: o,
+	position: "top-center",
+	offset: 16,
+	gap: 16,
+	closeButton: !0,
+	toastOptions: {
+		unstyled: !0,
+		classNames: {
+			toast: "flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all",
+			success: "bg-green-50",
+			warning: "bg-yellow-50",
+			error: "bg-magenta-50",
+			title: "text-sm text-gray-900! font-semibold!",
+			description: "text-sm text-gray-800!",
+			closeButton: "absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16"
+		}
+	},
+	icons: {
+		success: /* @__PURE__ */ i(n, {
+			size: 20,
+			className: "text-green-800"
+		}),
+		warning: /* @__PURE__ */ i(t, {
+			size: 20,
+			className: "text-yellow-600"
+		}),
+		error: /* @__PURE__ */ i(e, {
+			size: 20,
+			className: "text-magenta-600"
+		}),
+		close: /* @__PURE__ */ i(r, { size: 16 })
+	},
+	...s
+});
+//#endregion
+export { o as Toaster };
+
+//# 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\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;"}
+{"version":3,"file":"index33.js","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckIcon,\n  LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      className={className}\n      position=\"top-center\"\n      offset={16}\n      gap={16}\n      closeButton={true}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast:\n            'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n          success: 'bg-green-50',\n          warning: 'bg-yellow-50',\n          error: 'bg-magenta-50',\n          title: 'text-sm text-gray-900! font-semibold!',\n          description: 'text-sm text-gray-800!',\n          closeButton:\n            'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n        }\n      }}\n      icons={{\n        success: <CheckIcon size={20} className=\"text-green-800\" />,\n        warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n        error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n        close: <LucideX size={16} />\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"mappings":";;;;;AAYA,IAAM,KAAW,EAAE,cAAW,GAAG,QAE7B,kBAAC,GAAD;CACa;CACX,UAAS;CACT,QAAQ;CACR,KAAK;CACL,aAAa;CACb,cAAc;EACZ,UAAU;EACV,YAAY;GACV,OACE;GACF,SAAS;GACT,SAAS;GACT,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACE;EACJ;CACF;CACA,OAAO;EACL,SAAS,kBAAC,GAAD;GAAW,MAAM;GAAI,WAAU;EAAkB,CAAA;EAC1D,SAAS,kBAAC,GAAD;GAAmB,MAAM;GAAI,WAAU;EAAmB,CAAA;EACnE,OAAO,kBAAC,GAAD;GAAiB,MAAM;GAAI,WAAU;EAAoB,CAAA;EAChE,OAAO,kBAAC,GAAD,EAAS,MAAM,GAAK,CAAA;CAC7B;CACA,GAAI;AACL,CAAA"}

package/dist/index34.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index37.cjs"),f=require("@radix-ui/react-toggle-group"),m=require("react"),v=require("./index33.cjs"),l=require("./index39.cjs");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=d(f),g=d(m),p=g.createContext({variant:"badge-purple",size:"icon",border:"outline",inverted:!1});function x({className:t,variant:r,size:e,border:n,inverted:a,children:i,...s}){return u.jsxRuntimeExports.jsx(c.Root,{"data-slot":"toggle-group","data-variant":r,"data-size":e,className:l.cn("group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow",t),...s,children:u.jsxRuntimeExports.jsx(p.Provider,{value:{variant:r,size:e,border:n,inverted:a},children:i})})}function b({className:t,children:r,variant:e,size:n,border:a,inverted:i,...s}){const o=g.useContext(p);return u.jsxRuntimeExports.jsx(c.Item,{"data-slot":"toggle-group-item","data-variant":o.variant||e,"data-size":o.size||n,"data-border":o.border||a,"data-inverted":o.inverted||i,className:l.cn(v.toggleVariants({variant:o.variant||e,size:o.size||n,border:o.border||a,inverted:o.inverted||i}),"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",t),...s,children:r})}exports.ToggleGroup=x;exports.ToggleGroupItem=b;
-//# sourceMappingURL=index34.cjs.map
+"use client";let e=require("lucide-react"),t=require("react/jsx-runtime"),n=require("sonner");var r=({className:r,...i})=>(0,t.jsx)(n.Toaster,{className:r,position:`top-center`,offset:16,gap:16,closeButton:!0,toastOptions:{unstyled:!0,classNames:{toast:`flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all`,success:`bg-green-50`,warning:`bg-yellow-50`,error:`bg-magenta-50`,title:`text-sm text-gray-900! font-semibold!`,description:`text-sm text-gray-800!`,closeButton:`absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16`}},icons:{success:(0,t.jsx)(e.CheckIcon,{size:20,className:`text-green-800`}),warning:(0,t.jsx)(e.AlertTriangleIcon,{size:20,className:`text-yellow-600`}),error:(0,t.jsx)(e.AlertCircleIcon,{size:20,className:`text-magenta-600`}),close:(0,t.jsx)(e.LucideX,{size:16})},...i});exports.Toaster=r;
+//# sourceMappingURL=index34.cjs.map

package/dist/index34.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index34.cjs","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"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","border","inverted","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"qgBAQMA,EAAqBC,EAAM,cAE/B,CACA,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EACZ,CAAC,EAED,SAASC,EAAY,CACnB,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,kBAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,eACV,eAAcP,EACd,YAAWC,EACX,UAAWO,EAAAA,GACT,mFACAT,CAAA,EAED,GAAGM,EAEJ,SAAAC,EAAAA,kBAAAA,IAACV,EAAmB,SAAnB,CAA4B,MAAO,CAAE,QAAAI,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,CAAA,EAC1D,SAAAC,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,SAASK,EAAgB,CACvB,UAAAV,EACA,SAAAK,EACA,QAAAJ,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EACA,GAAGE,CACL,EACuC,CACrC,MAAMK,EAAUb,EAAM,WAAWD,CAAkB,EAEnD,OACEU,EAAAA,kBAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,oBACV,eAAcG,EAAQ,SAAWV,EACjC,YAAWU,EAAQ,MAAQT,EAC3B,cAAaS,EAAQ,QAAUR,EAC/B,gBAAeQ,EAAQ,UAAYP,EACnC,UAAWK,EAAAA,GACTG,iBAAe,CACb,QAASD,EAAQ,SAAWV,EAC5B,KAAMU,EAAQ,MAAQT,EACtB,OAAQS,EAAQ,QAAUR,EAC1B,SAAUQ,EAAQ,UAAYP,CAAA,CAC/B,EACD,wLACAJ,CAAA,EAED,GAAGM,EAEH,SAAAD,CAAA,CAAA,CAGP"}
+{"version":3,"file":"index34.cjs","names":[],"sources":["../src/Sonner/index.tsx"],"sourcesContent":["'use client'\n\nimport {\n  AlertCircleIcon,\n  AlertTriangleIcon,\n  CheckIcon,\n  LucideX\n} from 'lucide-react'\nimport { Toaster as Sonner } from 'sonner'\n\ntype ToasterProps = React.ComponentProps<typeof Sonner>\n\nconst Toaster = ({ className, ...props }: ToasterProps) => {\n  return (\n    <Sonner\n      className={className}\n      position=\"top-center\"\n      offset={16}\n      gap={16}\n      closeButton={true}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          toast:\n            'flex pointer-events-auto w-full gap-x-8 items-center overflow-hidden rounded border border-gray-900/8 p-16 pr-24 shadow-200 transition-all',\n          success: 'bg-green-50',\n          warning: 'bg-yellow-50',\n          error: 'bg-magenta-50',\n          title: 'text-sm text-gray-900! font-semibold!',\n          description: 'text-sm text-gray-800!',\n          closeButton:\n            'absolute left-auto right-8 top-8 size-24 inline-flex items-center justify-center rounded-full bg-gray-900/8 hover:bg-gray-900/12 focus:bg-gray-900/12 active:bg-gray-900/16'\n        }\n      }}\n      icons={{\n        success: <CheckIcon size={20} className=\"text-green-800\" />,\n        warning: <AlertTriangleIcon size={20} className=\"text-yellow-600\" />,\n        error: <AlertCircleIcon size={20} className=\"text-magenta-600\" />,\n        close: <LucideX size={16} />\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"mappings":"8FAYA,IAAM,GAAW,CAAE,YAAW,GAAG,MAE7B,EAAA,EAAA,KAAC,EAAA,QAAD,CACa,YACX,SAAS,aACT,OAAQ,GACR,IAAK,GACL,YAAa,GACb,aAAc,CACZ,SAAU,GACV,WAAY,CACV,MACE,6IACF,QAAS,cACT,QAAS,eACT,MAAO,gBACP,MAAO,wCACP,YAAa,yBACb,YACE,6KACJ,CACF,EACA,MAAO,CACL,SAAS,EAAA,EAAA,KAAC,EAAA,UAAD,CAAW,KAAM,GAAI,UAAU,gBAAkB,CAAA,EAC1D,SAAS,EAAA,EAAA,KAAC,EAAA,kBAAD,CAAmB,KAAM,GAAI,UAAU,iBAAmB,CAAA,EACnE,OAAO,EAAA,EAAA,KAAC,EAAA,gBAAD,CAAiB,KAAM,GAAI,UAAU,kBAAoB,CAAA,EAChE,OAAO,EAAA,EAAA,KAAC,EAAA,QAAD,CAAS,KAAM,EAAK,CAAA,CAC7B,EACA,GAAI,CACL,CAAA"}

package/dist/index34.js

@@ -1,73 +1,21 @@
-import { j as s } from "./index37.js";
-import * as l from "@radix-ui/react-toggle-group";
-import * as u from "react";
-import { toggleVariants as p } from "./index33.js";
-import { cn as g } from "./index39.js";
-const m = u.createContext({
-  variant: "badge-purple",
-  size: "icon",
-  border: "outline",
-  inverted: !1
-});
-function x({
-  className: n,
-  variant: r,
-  size: e,
-  border: o,
-  inverted: a,
-  children: i,
-  ...d
-}) {
-  return /* @__PURE__ */ s.jsx(
-    l.Root,
-    {
-      "data-slot": "toggle-group",
-      "data-variant": r,
-      "data-size": e,
-      className: g(
-        "group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow",
-        n
-      ),
-      ...d,
-      children: /* @__PURE__ */ s.jsx(m.Provider, { value: { variant: r, size: e, border: o, inverted: a }, children: i })
-    }
-  );
+"use client";
+import { cn as e } from "./index6.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-switch";
+//#region src/Switch/index.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Root, {
+		"data-slot": "switch",
+		className: e("peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64", "data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900", "data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32", r),
+		...i,
+		children: /* @__PURE__ */ t(n.Thumb, {
+			"data-slot": "switch-thumb",
+			className: e("pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0")
+		})
+	});
 }
-function b({
-  className: n,
-  children: r,
-  variant: e,
-  size: o,
-  border: a,
-  inverted: i,
-  ...d
-}) {
-  const t = u.useContext(m);
-  return /* @__PURE__ */ s.jsx(
-    l.Item,
-    {
-      "data-slot": "toggle-group-item",
-      "data-variant": t.variant || e,
-      "data-size": t.size || o,
-      "data-border": t.border || a,
-      "data-inverted": t.inverted || i,
-      className: g(
-        p({
-          variant: t.variant || e,
-          size: t.size || o,
-          border: t.border || a,
-          inverted: t.inverted || i
-        }),
-        "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
-      ),
-      ...d,
-      children: r
-    }
-  );
-}
-export {
-  x as ToggleGroup,
-  b as ToggleGroupItem
-};
-//# sourceMappingURL=index34.js.map
+//#endregion
+export { r as Switch };
+
+//# sourceMappingURL=index34.js.map

package/dist/index34.js.map

@@ -1 +1 @@
-{"version":3,"file":"index34.js","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"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","border","inverted","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAQA,MAAMA,IAAqBC,EAAM,cAE/B;AAAA,EACA,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,UAAU;AACZ,CAAC;AAED,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACuC;AACrC,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcP;AAAA,MACd,aAAWC;AAAA,MACX,WAAWO;AAAA,QACT;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA,IAACV,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,EAAA,GAC1D,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASK,EAAgB;AAAA,EACvB,WAAAV;AAAA,EACA,UAAAK;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGE;AACL,GACuC;AACrC,QAAMK,IAAUb,EAAM,WAAWD,CAAkB;AAEnD,SACEU,gBAAAA,EAAAA;AAAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcG,EAAQ,WAAWV;AAAA,MACjC,aAAWU,EAAQ,QAAQT;AAAA,MAC3B,eAAaS,EAAQ,UAAUR;AAAA,MAC/B,iBAAeQ,EAAQ,YAAYP;AAAA,MACnC,WAAWK;AAAA,QACTG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWV;AAAA,UAC5B,MAAMU,EAAQ,QAAQT;AAAA,UACtB,QAAQS,EAAQ,UAAUR;AAAA,UAC1B,UAAUQ,EAAQ,YAAYP;AAAA,QAAA,CAC/B;AAAA,QACD;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"index34.js","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n        'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"mappings":";;;;;;AAMA,SAAS,EAAO,EACd,cACA,GAAG,KACiD;CACpD,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,sLACA,yHACA,kIACA,CACF;EACA,GAAI;YAEJ,kBAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,iKACF;EACD,CAAA;CACmB,CAAA;AAE1B"}

package/dist/index35.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),d=require("@radix-ui/react-tooltip"),l=require("./index38.cjs"),u=require("./index39.cjs");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(e,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return e.default=t,Object.freeze(e)}const r=c(d),p=l.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 a({delayDuration:t=0,...e}){return i.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function m({...t}){return i.jsxRuntimeExports.jsx(a,{children:i.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function f({...t}){return i.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function x({variant:t,className:e,sideOffset:o=4,children:n,...s}){return i.jsxRuntimeExports.jsx(r.Portal,{children:i.jsxRuntimeExports.jsx(r.Content,{"data-slot":"tooltip-content",sideOffset:o,className:u.cn(p({variant:t,className:e})),...s,children:n})})}exports.Tooltip=m;exports.TooltipContent=x;exports.TooltipProvider=a;exports.TooltipTrigger=f;
-//# sourceMappingURL=index35.cjs.map
+"use client";const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime"),i=require("@radix-ui/react-switch");i=e.__toESM(i,1);function a({className:e,...n}){return(0,r.jsx)(i.Root,{"data-slot":`switch`,className:t.cn(`peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64`,`data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900`,`data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32`,e),...n,children:(0,r.jsx)(i.Thumb,{"data-slot":`switch-thumb`,className:t.cn(`pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0`)})})}exports.Switch=a;
+//# sourceMappingURL=index35.cjs.map

package/dist/index35.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index35.cjs","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"],"names":["tooltipContentVariants","cva","TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","variant","className","sideOffset","children","cn"],"mappings":"seAOMA,EAAyBC,EAAAA,IAC7B,0YACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iCACT,SAAU,iDAAA,CACZ,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,SAAjB,CACC,YAAU,mBACV,cAAAH,EACC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAQ,CACf,GAAGH,CACL,EAAuD,CACrD,OACEC,EAAAA,kBAAAA,IAACH,EAAA,CACC,SAAAG,EAAAA,kBAAAA,IAACC,EAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGF,CAAA,CAAO,CAAA,CACxD,CAEJ,CAEA,SAASI,EAAe,CACtB,GAAGJ,CACL,EAA0D,CACxD,+BAAQE,EAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGF,EAAO,CAC1E,CAEA,SAASK,EAAe,CACtB,QAAAC,EACA,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGT,CACL,EAC+C,CAC7C,OACEC,EAAAA,kBAAAA,IAACC,EAAiB,OAAjB,CACC,SAAAD,EAAAA,kBAAAA,IAACC,EAAiB,QAAjB,CACC,YAAU,kBACV,WAAAM,EACA,UAAWE,EAAAA,GAAGd,EAAuB,CAAE,QAAAU,EAAS,UAAAC,CAAA,CAAW,CAAC,EAC3D,GAAGP,EAEH,SAAAS,CAAA,CAAA,EAEL,CAEJ"}
+{"version":3,"file":"index35.cjs","names":[],"sources":["../src/Switch/index.tsx"],"sourcesContent":["'use client'\n\nimport * as SwitchPrimitive from '@radix-ui/react-switch'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        'peer inline-flex h-[20px] w-[36px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors disabled:cursor-not-allowed disabled:opacity-64',\n        'data-[state=checked]:bg-purple-700 data-[state=checked]:hover:bg-purple-800 data-[state=checked]:active:bg-purple-900',\n        'data-[state=unchecked]:bg-gray-900/16 data-[state=unchecked]:hover:bg-gray-900/24 data-[state=unchecked]:active:bg-gray-900/32',\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          'pointer-events-none block size-16 rounded-full bg-white shadow-lg transition-transform data-[state=checked]:translate-x-16 data-[state=unchecked]:translate-x-0'\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"mappings":"uMAMA,SAAS,EAAO,CACd,YACA,GAAG,GACiD,CACpD,OACE,EAAA,EAAA,KAAC,EAAgB,KAAjB,CACE,YAAU,SACV,UAAW,EAAA,GACT,qLACA,wHACA,iIACA,CACF,EACA,GAAI,YAEJ,EAAA,EAAA,KAAC,EAAgB,MAAjB,CACE,YAAU,eACV,UAAW,EAAA,GACT,iKACF,CACD,CAAA,CACmB,CAAA,CAE1B"}