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

package/dist/index37.js.map

@@ -1 +1 @@
-{"version":3,"file":"index37.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-orange-50',\n          error: 'bg-red-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-orange-600\" />,\n        error: <AlertCircleIcon size={20} className=\"text-red-600\" />,\n        close: <LucideX size={16} />\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"mappings":";;;;;aAYM,KAAW,EAAE,cAAW,GAAG,QAE7B,iBAAA,GAAA,EAAA,KAAC,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,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAW,MAAM;GAAI,WAAU;EAAkB,CAAA;EAC1D,SAAS,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAmB,MAAM;GAAI,WAAU;EAAmB,CAAA;EACnE,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAiB,MAAM;GAAI,WAAU;EAAgB,CAAA;EAC5D,OAAO,iBAAA,GAAA,EAAA,KAAC,GAAD,EAAS,MAAM,GAAK,CAAA;CAC7B;CACA,GAAI;AACL,CAAA"}
+{"version":3,"file":"index37.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,kBAAC,OAAD;EACE,WAAW,EACT,kDACA,yDACA,qBACA,4BACA,8BACA,wDACA,CACF;EACA,eAAe,EAAS,SAAS,MAAM;EACvC,GAAI;YAXN;GAaE,kBAAC,GAAD;IAAgB;IAAsB;GAAgB,CAAA;GACtD,kBAAC,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,kBAAC,OAAD;IAAK,WAAU;cAA2B;GAAiB,CAAA;EAE1D;;AAET;AAEA,EAAS,cAAc;AAOvB,SAAS,EAAQ,EAAE,UAAO,oBAA+B;CACvD,OACE,kBAAA,GAAA,EAAA,UACG,GAAO,KAAK,GAAK,MAChB,kBAAC,GAAD;EAAmB,WAAU;YAA7B,CACE,kBAAC,GAAD;GACE,MAAK;GACL,WAAU;GACV,MAAK;GACL,QAAO;GACP,eAAe;IACb,EAAc,GAAO,QAAQ,GAAG,MAAM,MAAM,CAAK,KAAK,CAAC,CAAC;GAC1D;aAEA,kBAAC,GAAD,EAAS,WAAU,OAAQ,CAAA;EACrB,CAAA,GACR,kBAAC,OAAD;GAAK,WAAU;aAAY;EAAS,CAAA,CAC/B;IAbK,CAaL,CACR,EACD,CAAA;AAEN"}

package/dist/index38.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-switch");i=e.__toESM(i,1);var a=n.default;function o({className:e,...n}){return(0,a.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,a.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=o;
+const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index9.cjs"),r=require("./index11.cjs");let i=require("lucide-react"),a=require("react");a=e.__toESM(a,1);let o=require("react/jsx-runtime");function s({className:e,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(0,o.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(),...s,children:[(0,o.jsx)(c,{value:n,onValueChange:i}),(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&&(0,o.jsx)(`div`,{className:`text-gray-400 ml-[-2ch]`,children:r})]})}s.displayName=`TagInput`;function c({value:e,onValueChange:t}){return(0,o.jsx)(o.Fragment,{children:e?.map((a,s)=>(0,o.jsxs)(r.Badge,{className:`px-0 pr-8 pl-0 gap-x-4 overflow-hidden`,children:[(0,o.jsx)(n.Button,{type:`button`,className:`w-[26px] h-[26px] shrink-0`,size:`icon`,intent:`secondary`,onClick:()=>{t(e?.filter((e,t)=>t!==s)||[])},children:(0,o.jsx)(i.LucideX,{className:`w-16`})}),(0,o.jsx)(`div`,{className:`truncate`,children:a})]},s))})}exports.TagInput=s;
 //# sourceMappingURL=index38.cjs.map

package/dist/index38.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index38.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":"mNAMA,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"}
+{"version":3,"file":"index38.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":"oNAYA,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"}

package/dist/index38.js

@@ -1,22 +1,15 @@
-"use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
+import { cn as e } from "./index6.js";
 import "react";
-import * as n from "@radix-ui/react-switch";
-//#region src/Switch/index.tsx
-var r = t();
-function i({ className: t, ...i }) {
-	return /* @__PURE__ */ (0, r.jsx)(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", t),
-		...i,
-		children: /* @__PURE__ */ (0, r.jsx)(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")
-		})
+import { jsx as t } from "react/jsx-runtime";
+//#region src/Textarea/index.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("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", n),
+		...r
 	});
 }
 //#endregion
-export { i as Switch };
+export { n as Textarea };
 
 //# sourceMappingURL=index38.js.map

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.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,iBAAA,GAAA,EAAA,KAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,sLACA,yHACA,kIACA,CACF;EACA,GAAI;YAEJ,iBAAA,GAAA,EAAA,KAAC,EAAgB,OAAjB;GACE,aAAU;GACV,WAAW,EACT,iKACF;EACD,CAAA;CACmB,CAAA;AAE1B"}
+{"version":3,"file":"index38.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,kBAAC,YAAD;EACE,aAAU;EACV,WAAW,EACT,0FACA,6BACA,4BACA,8BACA,wDACA,wEACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index39.cjs

@@ -1,2 +1,2 @@
-const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("lucide-react"),i=require("react");i=e.__toESM(i,1);var a=n.default;function o({className:e,...n}){return(0,a.jsx)(`table`,{"data-slot":`table`,className:t.cn(`border-separate border-spacing-y-8 h-fit`,e),...n})}function s({className:e,...n}){return(0,a.jsx)(`thead`,{"data-slot":`table-header`,className:t.cn(`bg-gray-200 text-left text-sm`,e),...n})}function c({className:e,hoverable:n,...r}){return(0,a.jsx)(`tbody`,{"data-slot":`table-body`,className:t.cn(`bg-white h-full`,{"[&_tr:hover]:bg-gray-100 cursor-pointer":n},e),...r})}function l({className:e,...n}){return(0,a.jsx)(`tfoot`,{"data-slot":`table-footer`,className:t.cn(`bg-gray-100`,e),...n})}function u({className:e,...n}){return(0,a.jsx)(`tr`,{"data-slot":`table-row`,className:t.cn(`transition-colors data-[state=selected]:bg-gray-100`,e),...n})}function d({className:e,children:n,sortDirection:i,...o}){let s;return i===`ASC`?s=r.LucideChevronUp:i===`DESC`&&(s=r.LucideChevronDown),(0,a.jsxs)(`th`,{"data-slot":`table-head`,className:t.cn(`first:rounded-l first:pl-24`,`last:rounded-r last:pr-24`,`px-12 py-8 font-normal leading-14`,`whitespace-nowrap`,{"cursor-pointer":!!o?.onClick},e),...o,children:[n,s&&(0,a.jsx)(s,{size:16,className:`inline-block ml-4`})]})}function f({className:e,...n}){return(0,a.jsx)(`td`,{"data-slot":`table-cell`,className:t.cn(`first:rounded-l first:pl-24 first:border-l`,`last:rounded-r last:pr-24 last:border-r`,`border-gray-900/8 border-y px-12 h-[54px]`,`whitespace-nowrap`,e),...n})}function p({className:e,...n}){return(0,a.jsx)(`caption`,{"data-slot":`table-caption`,className:t.cn(`mt-16 text-sm text-gray-700`,e),...n})}exports.Table=o,exports.TableBody=c,exports.TableCaption=p,exports.TableCell=f,exports.TableFooter=l,exports.TableHead=d,exports.TableHeader=s,exports.TableRow=u;
+const e=require("./index2.cjs"),t=require("./index7.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({className:e,...n}){return(0,r.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=i;
 //# sourceMappingURL=index39.cjs.map

package/dist/index39.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index39.cjs","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'first:rounded-l first:pl-24',\n        'last:rounded-r last:pr-24',\n        'px-12 py-8 font-normal leading-14',\n        'whitespace-nowrap',\n        {\n          'cursor-pointer': !!props?.onClick\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n    </th>\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"mappings":"uKAIA,SAAS,EAAM,CAAE,YAAW,GAAG,GAAwC,CACrE,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,QACV,UAAW,EAAA,GAAG,2CAA4C,CAAS,EACnE,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,gCAAiC,CAAS,EACxD,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,YACA,GAAG,GACuD,CAC1D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,kBACA,CACE,0CAA2C,CAC7C,EACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CAAE,YAAW,GAAG,GAAwC,CAC3E,OACE,EAAA,EAAA,KAAC,QAAD,CACE,YAAU,eACV,UAAW,EAAA,GAAG,cAAe,CAAS,EACtC,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAS,CAAE,YAAW,GAAG,GAAqC,CACrE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,YACV,UAAW,EAAA,GACT,sDACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAU,CACjB,YACA,WACA,gBACA,GAAG,GAC+D,CAClE,IAAI,EAOJ,OANI,IAAkB,MACpB,EAAW,EAAA,gBACF,IAAkB,SAC3B,EAAW,EAAA,oBAIX,EAAA,EAAA,MAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,8BACA,4BACA,oCACA,oBACA,CACE,iBAAkB,CAAC,CAAC,GAAO,OAC7B,EACA,CACF,EACA,GAAI,WAZN,CAcG,EACA,IAAY,EAAA,EAAA,KAAC,EAAD,CAAU,KAAM,GAAI,UAAU,mBAAqB,CAAA,CAC9D,GAER,CAEA,SAAS,EAAU,CAAE,YAAW,GAAG,GAAqC,CACtE,OACE,EAAA,EAAA,KAAC,KAAD,CACE,YAAU,aACV,UAAW,EAAA,GACT,6CACA,0CACA,4CACA,oBACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAa,CACpB,YACA,GAAG,GAC+B,CAClC,OACE,EAAA,EAAA,KAAC,UAAD,CACE,YAAU,gBACV,UAAW,EAAA,GAAG,8BAA+B,CAAS,EACtD,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index39.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":"qIAGA,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"}

package/dist/index39.js

@@ -1,71 +1,87 @@
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import { LucideChevronDown as n, LucideChevronUp as r } from "lucide-react";
+"use client";
+import { cva as e } from "./index4.js";
+import { cn as t } from "./index6.js";
 import "react";
-//#region src/Table/index.tsx
-var i = t();
-function a({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("table", {
-		"data-slot": "table",
-		className: e("border-separate border-spacing-y-8 h-fit", t),
-		...n
-	});
-}
-function o({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("thead", {
-		"data-slot": "table-header",
-		className: e("bg-gray-200 text-left text-sm", t),
-		...n
-	});
-}
-function s({ className: t, hoverable: n, ...r }) {
-	return /* @__PURE__ */ (0, i.jsx)("tbody", {
-		"data-slot": "table-body",
-		className: e("bg-white h-full", { "[&_tr:hover]:bg-gray-100 cursor-pointer": n }, t),
-		...r
-	});
-}
-function c({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("tfoot", {
-		"data-slot": "table-footer",
-		className: e("bg-gray-100", t),
-		...n
-	});
-}
-function l({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("tr", {
-		"data-slot": "table-row",
-		className: e("transition-colors data-[state=selected]:bg-gray-100", t),
-		...n
-	});
-}
-function u({ className: t, children: a, sortDirection: o, ...s }) {
-	let c;
-	return o === "ASC" ? c = r : o === "DESC" && (c = n), /* @__PURE__ */ (0, i.jsxs)("th", {
-		"data-slot": "table-head",
-		className: e("first:rounded-l first:pl-24", "last:rounded-r last:pr-24", "px-12 py-8 font-normal leading-14", "whitespace-nowrap", { "cursor-pointer": !!s?.onClick }, t),
-		...s,
-		children: [a, c && /* @__PURE__ */ (0, i.jsx)(c, {
-			size: 16,
-			className: "inline-block ml-4"
-		})]
-	});
-}
-function d({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("td", {
-		"data-slot": "table-cell",
-		className: e("first:rounded-l first:pl-24 first:border-l", "last:rounded-r last:pr-24 last:border-r", "border-gray-900/8 border-y px-12 h-[54px]", "whitespace-nowrap", t),
-		...n
-	});
-}
-function f({ className: t, ...n }) {
-	return /* @__PURE__ */ (0, i.jsx)("caption", {
-		"data-slot": "table-caption",
-		className: e("mt-16 text-sm text-gray-700", t),
-		...n
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-toggle";
+//#region src/Toggle/index.tsx
+var i = e("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 a({ className: e, variant: a, size: o, border: s, inverted: c, ...l }) {
+	return /* @__PURE__ */ n(r.Root, {
+		"data-slot": "toggle",
+		className: t(i({
+			variant: a,
+			size: o,
+			border: s,
+			inverted: c,
+			className: e
+		})),
+		...l
 	});
 }
 //#endregion
-export { a as Table, s as TableBody, f as TableCaption, d as TableCell, c as TableFooter, u as TableHead, o as TableHeader, l as TableRow };
+export { a as Toggle, i as toggleVariants };
 
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","names":[],"sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <table\n      data-slot=\"table\"\n      className={cn('border-separate border-spacing-y-8 h-fit', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn('bg-gray-200 text-left text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({\n  className,\n  hoverable,\n  ...props\n}: React.ComponentProps<'tbody'> & { hoverable?: boolean }) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        'bg-white h-full',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-gray-100', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'transition-colors data-[state=selected]:bg-gray-100',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  children,\n  sortDirection,\n  ...props\n}: React.ComponentProps<'th'> & { sortDirection?: 'ASC' | 'DESC' }) {\n  let SortIcon\n  if (sortDirection === 'ASC') {\n    SortIcon = LucideChevronUp\n  } else if (sortDirection === 'DESC') {\n    SortIcon = LucideChevronDown\n  }\n\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'first:rounded-l first:pl-24',\n        'last:rounded-r last:pr-24',\n        'px-12 py-8 font-normal leading-14',\n        'whitespace-nowrap',\n        {\n          'cursor-pointer': !!props?.onClick\n        },\n        className\n      )}\n      {...props}\n    >\n      {children}\n      {SortIcon && <SortIcon size={16} className=\"inline-block ml-4\" />}\n    </th>\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'first:rounded-l first:pl-24 first:border-l',\n        'last:rounded-r last:pr-24 last:border-r',\n        'border-gray-900/8 border-y px-12 h-[54px]',\n        'whitespace-nowrap',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('mt-16 text-sm text-gray-700', className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"mappings":";;;;;;AAIA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;CACrE,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,cACA,GAAG,KACuD;CAC1D,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,mBACA,EACE,2CAA2C,EAC7C,GACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;CAC3E,OACE,iBAAA,GAAA,EAAA,KAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,eAAe,CAAS;EACtC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OACE,iBAAA,GAAA,EAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,uDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAU,EACjB,cACA,aACA,kBACA,GAAG,KAC+D;CAClE,IAAI;CAOJ,OANI,MAAkB,QACpB,IAAW,IACF,MAAkB,WAC3B,IAAW,IAIX,iBAAA,GAAA,EAAA,MAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+BACA,6BACA,qCACA,qBACA,EACE,kBAAkB,CAAC,CAAC,GAAO,QAC7B,GACA,CACF;EACA,GAAI;YAZN,CAcG,GACA,KAAY,iBAAA,GAAA,EAAA,KAAC,GAAD;GAAU,MAAM;GAAI,WAAU;EAAqB,CAAA,CAC9D;;AAER;AAEA,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;CACtE,OACE,iBAAA,GAAA,EAAA,KAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,8CACA,2CACA,6CACA,qBACA,CACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAa,EACpB,cACA,GAAG,KAC+B;CAClC,OACE,iBAAA,GAAA,EAAA,KAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,+BAA+B,CAAS;EACtD,GAAI;CACL,CAAA;AAEL"}
+{"version":3,"file":"index39.js","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":";;;;;;;AAOA,IAAM,IAAiB,EACrB,iIACA;CACE,UAAU;EACR,SAAS;GACP,eACE;GACF,gBACE;GACF,aACE;GACF,cACE;GACF,gBACE;GACF,mBACE;EACJ;EACA,MAAM;GACJ,MAAM;GACN,IAAI;GACJ,IAAI;EACN;EACA,QAAQ;GACN,SAAS;GACT,MAAM;EACR;EACA,UAAU;GACR,MAAM;GACN,OAAO;EACT;CACF;CACA,kBAAkB;EAChB;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;EACA;GACE,UAAU;GACV,SAAS;GACT,WACE;EACJ;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;EACN,QAAQ;EACR,UAAU;CACZ;AACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,YACA,SACA,WACA,aACA,GAAG,KAEkC;CACrC,OACE,kBAAC,EAAgB,MAAjB;EACE,aAAU;EACV,WAAW,EACT,EAAe;GAAE;GAAS;GAAM;GAAQ;GAAU;EAAU,CAAC,CAC/D;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/index4.js

@@ -1,18 +1,35 @@
-//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
-function e(t) {
-	var n, r, i = "";
-	if (typeof t == "string" || typeof t == "number") i += t;
-	else if (typeof t == "object") if (Array.isArray(t)) {
-		var a = t.length;
-		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
-	} else for (r in t) t[r] && (i && (i += " "), i += r);
-	return i;
-}
-function t() {
-	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
-	return i;
-}
+import e from "./index3.js";
+//#region node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
+var t = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, n = e, r = (e, r) => (i) => {
+	if (r?.variants == null) return n(e, i?.class, i?.className);
+	let { variants: a, defaultVariants: o } = r, s = Object.keys(a).map((e) => {
+		let n = i?.[e], r = o?.[e];
+		if (n === null) return null;
+		let s = t(n) || t(r);
+		return a[e][s];
+	}), c = i && Object.entries(i).reduce((e, t) => {
+		let [n, r] = t;
+		return r === void 0 || (e[n] = r), e;
+	}, {});
+	return n(e, s, r?.compoundVariants?.reduce((e, t) => {
+		let { class: n, className: r, ...i } = t;
+		return Object.entries(i).every((e) => {
+			let [t, n] = e;
+			return Array.isArray(n) ? n.includes({
+				...o,
+				...c
+			}[t]) : {
+				...o,
+				...c
+			}[t] === n;
+		}) ? [
+			...e,
+			n,
+			r
+		] : e;
+	}, []), i?.class, i?.className);
+};
 //#endregion
-export { t as default };
+export { r as cva };
 
 //# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","names":[],"sources":["../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAE,GAAE;CAAC,IAAI,GAAE,GAAE,IAAE;CAAG,IAAa,OAAO,KAAjB,YAA8B,OAAO,KAAjB,UAAmB,KAAG;MAAO,IAAa,OAAO,KAAjB,UAAmB,IAAG,MAAM,QAAQ,CAAC,GAAE;EAAC,IAAI,IAAE,EAAE;EAAO,KAAI,IAAE,GAAE,IAAE,GAAE,KAAI,EAAE,OAAK,IAAE,EAAE,EAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAE,OAAM,KAAI,KAAK,GAAE,EAAE,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC;AAAC,SAAgB,IAAM;CAAC,KAAI,IAAI,GAAE,GAAE,IAAE,GAAE,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,KAAI,CAAC,IAAE,UAAU,QAAM,IAAE,EAAE,CAAC,OAAK,MAAI,KAAG,MAAK,KAAG;CAAG,OAAO;AAAC"}
+{"version":3,"file":"index4.js","names":[],"sources":["../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs"],"sourcesContent":["/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n *   http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n        var _config_compoundVariants;\n        if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n        const { variants, defaultVariants } = config;\n        const getVariantClassNames = Object.keys(variants).map((variant)=>{\n            const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n            const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n            if (variantProp === null) return null;\n            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n            return variants[variant][variantKey];\n        });\n        const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n            let [key, value] = param;\n            if (value === undefined) {\n                return acc;\n            }\n            acc[key] = value;\n            return acc;\n        }, {});\n        const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n            let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n            return Object.entries(compoundVariantOptions).every((param)=>{\n                let [key, value] = param;\n                return Array.isArray(value) ? value.includes({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                }[key]) : ({\n                    ...defaultVariants,\n                    ...propsWithoutUndefined\n                })[key] === value;\n            }) ? [\n                ...acc,\n                cvClass,\n                cvClassName\n            ] : acc;\n        }, []);\n        return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n    };\n\n"],"x_google_ignoreList":[0],"mappings":";;AAeA,IAAM,KAAiB,MAAQ,OAAO,KAAU,YAAY,GAAG,MAAU,MAAU,IAAI,MAAM,GAChF,IAAK,GACL,KAAO,GAAM,OAAU,MAAQ;CAEpC,IAAK,GAAuD,YAAa,MAAM,OAAO,EAAG,GAAM,GAAoD,OAAO,GAAoD,SAAS;CACvN,IAAM,EAAE,aAAU,uBAAoB,GAChC,IAAuB,OAAO,KAAK,CAAQ,EAAE,KAAK,MAAU;EAC9D,IAAM,IAAc,IAAoD,IAClE,IAAqB,IAAkF;EAC7G,IAAI,MAAgB,MAAM,OAAO;EACjC,IAAM,IAAa,EAAc,CAAW,KAAK,EAAc,CAAkB;EACjF,OAAO,EAAS,GAAS;CAC7B,CAAC,GACK,IAAwB,KAAS,OAAO,QAAQ,CAAK,EAAE,QAAQ,GAAK,MAAQ;EAC9E,IAAI,CAAC,GAAK,KAAS;EAKnB,OAJI,MAAU,KAAA,MAGd,EAAI,KAAO,IAFA;CAIf,GAAG,CAAC,CAAC;CAkBL,OAAO,EAAG,GAAM,GAjBqB,GAAmF,kBAAsG,QAAQ,GAAK,MAAQ;EAC/O,IAAI,EAAE,OAAO,GAAS,WAAW,GAAa,GAAG,MAA2B;EAC5E,OAAO,OAAO,QAAQ,CAAsB,EAAE,OAAO,MAAQ;GACzD,IAAI,CAAC,GAAK,KAAS;GACnB,OAAO,MAAM,QAAQ,CAAK,IAAI,EAAM,SAAS;IACzC,GAAG;IACH,GAAG;GACP,EAAE,EAAI,IAAK;IACP,GAAG;IACH,GAAG;GACP,EAAG,OAAS;EAChB,CAAC,IAAI;GACD,GAAG;GACH;GACA;EACJ,IAAI;CACR,GAAG,CAAC,CAAC,GAC+D,GAAoD,OAAO,GAAoD,SAAS;AAChM"}

package/dist/index40.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require("./index2.cjs"),t=require("./index7.cjs"),n=require("./index10.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("@radix-ui/react-tabs");i=e.__toESM(i,1);var a=n.default;function o({className:e,...t}){return(0,a.jsx)(i.Root,{"data-slot":`tabs`,className:e,...t})}function s({className:e,...n}){return(0,a.jsx)(i.List,{"data-slot":`tabs-list`,className:t.cn(`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`,e),...n})}function c({className:e,...n}){return(0,a.jsx)(i.Trigger,{"data-slot":`tabs-trigger`,className:t.cn(`inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all`,`focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64`,`hover:bg-gray-900/8 active:bg-gray-900/12`,`data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800`,`data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800`,`[&:has(>svg:first-child)]:pl-[10px]`,e),...n})}function l({className:e,...n}){return(0,a.jsx)(i.Content,{"data-slot":`tabs-content`,className:t.cn(`flex-1 outline-none`,e),...n})}exports.Tabs=o,exports.TabsContent=l,exports.TabsList=s,exports.TabsTrigger=c;
+"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-toggle");a=e.__toESM(a,1);var o=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 s({className:e,variant:t,size:r,border:s,inverted:c,...l}){return(0,i.jsx)(a.Root,{"data-slot":`toggle`,className:n.cn(o({variant:t,size:r,border:s,inverted:c,className:e})),...l})}exports.Toggle=s,exports.toggleVariants=o;
 //# sourceMappingURL=index40.cjs.map

package/dist/index40.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index40.cjs","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":"iNAMA,SAAS,EAAK,CACZ,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CAAoB,YAAU,OAAkB,YAAW,GAAI,CAAQ,CAAA,CAE3E,CAEA,SAAS,EAAS,CAChB,YACA,GAAG,GAC+C,CAClD,OACE,EAAA,EAAA,KAAC,EAAc,KAAf,CACE,YAAU,YACV,UAAW,EAAA,GACT,gKACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GACT,2GACA,8EACA,4CACA,gJACA,wFACA,sCACA,CACF,EACA,GAAI,CACL,CAAA,CAEL,CAEA,SAAS,EAAY,CACnB,YACA,GAAG,GACkD,CACrD,OACE,EAAA,EAAA,KAAC,EAAc,QAAf,CACE,YAAU,eACV,UAAW,EAAA,GAAG,sBAAuB,CAAS,EAC9C,GAAI,CACL,CAAA,CAEL"}
+{"version":3,"file":"index40.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":"iOAOA,IAAM,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"}

package/dist/index40.js

@@ -1,39 +1,53 @@
 "use client";
-import { cn as e } from "./index7.js";
-import { require_jsx_runtime as t } from "./index10.js";
-import "react";
-import * as n from "@radix-ui/react-tabs";
-//#region src/Tabs/index.tsx
-var r = t();
-function i({ className: e, ...t }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Root, {
-		"data-slot": "tabs",
-		className: e,
-		...t
+import { cn as e } from "./index6.js";
+import { toggleVariants as t } from "./index39.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-toggle-group";
+//#region src/ToggleGroup/index.tsx
+var a = n.createContext({
+	variant: "badge-purple",
+	size: "icon",
+	border: "outline",
+	inverted: !1
+});
+function o({ className: t, variant: n, size: o, border: s, inverted: c, children: l, ...u }) {
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": n,
+		"data-size": o,
+		className: e("group/toggle-group flex w-fit items-center rounded data-[variant=outline]:shadow", t),
+		...u,
+		children: /* @__PURE__ */ r(a.Provider, {
+			value: {
+				variant: n,
+				size: o,
+				border: s,
+				inverted: c
+			},
+			children: l
+		})
 	});
 }
-function a({ className: t, ...i }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.List, {
-		"data-slot": "tabs-list",
-		className: e("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", t),
-		...i
-	});
-}
-function o({ className: t, ...i }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Trigger, {
-		"data-slot": "tabs-trigger",
-		className: e("inline-flex h-32 items-center justify-center whitespace-nowrap rounded px-[12px] py-[6px] transition-all", "focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64", "hover:bg-gray-900/8 active:bg-gray-900/12", "data-[state=active]:bg-white data-[state=active]:hover:bg-white data-[state=active]:text-purple-800 hover:data-[state=active]:text-purple-800", "data-[state=active]:[&_svg]:text-purple-800 [&_i]:data-[state=active]:text-purple-800", "[&:has(>svg:first-child)]:pl-[10px]", t),
-		...i
-	});
-}
-function s({ className: t, ...i }) {
-	return /* @__PURE__ */ (0, r.jsx)(n.Content, {
-		"data-slot": "tabs-content",
-		className: e("flex-1 outline-none", t),
-		...i
+function s({ className: o, children: s, variant: c, size: l, border: u, inverted: d, ...f }) {
+	let p = n.useContext(a);
+	return /* @__PURE__ */ r(i.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: e(t({
+			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", o),
+		...f,
+		children: s
 	});
 }
 //#endregion
-export { i as Tabs, s as TabsContent, a as TabsList, o as TabsTrigger };
+export { o as ToggleGroup, s as ToggleGroupItem };
 
 //# sourceMappingURL=index40.js.map