@incognia/cosmik 0.40.2 → 0.41.0

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\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\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        ref={ref}\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)\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=\"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","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}
+{"version":3,"file":"index31.js","sources":["../src/Table/index.tsx"],"sourcesContent":["import { LucideChevronDown, LucideChevronUp } from 'lucide-react'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst Table = React.forwardRef<\n  HTMLTableElement,\n  React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n  <table\n    ref={ref}\n    className={cn('border-separate border-spacing-y-8', className)}\n    {...props}\n  />\n))\nTable.displayName = 'Table'\n\nconst TableHeader = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <thead\n    ref={ref}\n    className={cn('bg-gray-200 text-left text-sm', className)}\n    {...props}\n  />\n))\nTableHeader.displayName = 'TableHeader'\n\ntype TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement> & {\n  hoverable?: boolean\n}\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, hoverable, ...props }, ref) => (\n    <tbody\n      ref={ref}\n      className={cn(\n        'bg-white',\n        {\n          '[&_tr:hover]:bg-gray-100 cursor-pointer': hoverable\n        },\n        className\n      )}\n      {...props}\n    />\n  )\n)\nTableBody.displayName = 'TableBody'\n\nconst TableFooter = React.forwardRef<\n  HTMLTableSectionElement,\n  React.HTMLAttributes<HTMLTableSectionElement>\n>(({ className, ...props }, ref) => (\n  <tfoot ref={ref} className={cn('bg-gray-100', className)} {...props} />\n))\nTableFooter.displayName = 'TableFooter'\n\nconst TableRow = React.forwardRef<\n  HTMLTableRowElement,\n  React.HTMLAttributes<HTMLTableRowElement>\n>(({ className, ...props }, ref) => (\n  <tr\n    ref={ref}\n    className={cn(\n      'transition-colors data-[state=selected]:bg-gray-100',\n      className\n    )}\n    {...props}\n  />\n))\nTableRow.displayName = 'TableRow'\n\ntype TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement> & {\n  sortDirection?: 'ASC' | 'DESC'\n}\n\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, sortDirection, children, ...props }, ref) => {\n    let SortIcon\n    if (sortDirection === 'ASC') {\n      SortIcon = LucideChevronUp\n    } else if (sortDirection === 'DESC') {\n      SortIcon = LucideChevronDown\n    }\n    return (\n      <th\n        ref={ref}\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)\nTableHead.displayName = 'TableHead'\n\nconst TableCell = React.forwardRef<\n  HTMLTableCellElement,\n  React.TdHTMLAttributes<HTMLTableCellElement>\n>(({ className, ...props }, ref) => (\n  <td\n    ref={ref}\n    className={cn(\n      'first:rounded-l first:pl-24 first:border-l-1',\n      'last:rounded-r last:pr-24 last:border-r-1',\n      'border-gray-900-8 border-y-1 px-12 h-[54px]',\n      'whitespace-nowrap',\n      className\n    )}\n    {...props}\n  />\n))\nTableCell.displayName = 'TableCell'\n\nconst TableCaption = React.forwardRef<\n  HTMLTableCaptionElement,\n  React.HTMLAttributes<HTMLTableCaptionElement>\n>(({ className, ...props }, ref) => (\n  <caption\n    ref={ref}\n    className={cn('mt-16 text-sm text-gray-700', className)}\n    {...props}\n  />\n))\nTableCaption.displayName = 'TableCaption'\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow\n}\n"],"names":["Table","React","className","props","ref","jsx","cn","TableHeader","TableBody","hoverable","TableFooter","TableRow","TableHead","sortDirection","children","SortIcon","LucideChevronUp","LucideChevronDown","jsxs","TableCell","TableCaption"],"mappings":"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"}

package/dist/index32.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index37.cjs"),i=require("react"),s=require("./index39.cjs");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(i),o=l.forwardRef(({className:e,...r},t)=>n.jsxRuntimeExports.jsx("textarea",{className:s.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),ref:t,...r}));o.displayName="Textarea";exports.Textarea=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index40.cjs"),d=require("@radix-ui/react-tabs"),g=require("react"),r=require("./index41.cjs");function c(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const s=c(d),n=c(g),b=s.Root,l=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.List,{ref:t,className:r.cn("inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",e),...a}));l.displayName=s.List.displayName;const p=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.Trigger,{ref:t,className:r.cn("inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 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 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",e),...a}));p.displayName=s.Trigger.displayName;const u=n.forwardRef(({className:e,...a},t)=>i.jsxRuntimeExports.jsx(s.Content,{ref:t,className:r.cn("mt-8 focus-visible:outline-none",e),...a}));u.displayName=s.Content.displayName;exports.Tabs=b;exports.TabsContent=u;exports.TabsList=l;exports.TabsTrigger=p;
 //# 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\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":"ybAMMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAAA,kBAAAA,IAAC,WAAA,CACC,UAAWC,EAAAA,GACT,2FACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CAAA,EAEF,IAAAE,EACC,GAAGD,CAAA,CAAA,CAIZ,EAEAH,EAAS,YAAc"}
+{"version":3,"file":"index32.cjs","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\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      '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 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":"keAMMA,EAAOC,EAAc,KAErBC,EAAWC,EAAM,WAGrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,KAAd,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,qKACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDH,EAAS,YAAcD,EAAc,KAAK,YAEpC,MAAAQ,EAAcN,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAA,GACT,kLACA,gRACAJ,CACF,EACC,GAAGC,CAAA,CACN,CACD,EACDI,EAAY,YAAcR,EAAc,QAAQ,YAE1C,MAAAS,EAAcP,EAAM,WAGxB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAM,EAAGC,IAC1BC,EAAA,kBAAA,IAACN,EAAc,QAAd,CACC,IAAAK,EACA,UAAWE,EAAAA,GAAG,kCAAmCJ,CAAS,EACzD,GAAGC,CAAA,CACN,CACD,EACDK,EAAY,YAAcT,EAAc,QAAQ"}

package/dist/index32.js

@@ -1,26 +1,45 @@
-import { j as r } from "./index37.js";
-import * as t from "react";
-import { cn as d } from "./index39.js";
-const s = t.forwardRef(
-  ({ className: e, ...a }, o) => /* @__PURE__ */ r.jsx(
-    "textarea",
-    {
-      className: d(
-        "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
-      ),
-      ref: o,
-      ...a
-    }
-  )
-);
-s.displayName = "Textarea";
+import { j as i } from "./index40.js";
+import * as t from "@radix-ui/react-tabs";
+import * as r from "react";
+import { cn as o } from "./index41.js";
+const m = t.Root, n = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.List,
+  {
+    ref: s,
+    className: o(
+      "inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4",
+      e
+    ),
+    ...a
+  }
+));
+n.displayName = t.List.displayName;
+const p = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.Trigger,
+  {
+    ref: s,
+    className: o(
+      "inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 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 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800",
+      e
+    ),
+    ...a
+  }
+));
+p.displayName = t.Trigger.displayName;
+const l = r.forwardRef(({ className: e, ...a }, s) => /* @__PURE__ */ i.jsx(
+  t.Content,
+  {
+    ref: s,
+    className: o("mt-8 focus-visible:outline-none", e),
+    ...a
+  }
+));
+l.displayName = t.Content.displayName;
 export {
-  s as Textarea
+  m as Tabs,
+  l as TabsContent,
+  n as TabsList,
+  p as TabsTrigger
 };
 //# sourceMappingURL=index32.js.map

package/dist/index32.js.map

@@ -1 +1 @@
-{"version":3,"file":"index32.js","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900/24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":";;;AAMA,MAAMA,IAAWC,EAAM;AAAA,EACrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAEtBC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MAAA;AAAA,MAEF,KAAAE;AAAA,MACC,GAAGD;AAAA,IAAA;AAAA,EAAA;AAIZ;AAEAH,EAAS,cAAc;"}
+{"version":3,"file":"index32.js","sources":["../src/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\nconst Tabs = TabsPrimitive.Root\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'inline-flex h-[42px] p-[5px] items-center justify-center rounded bg-gray-200 text-base font-normal text-gray-600 [&_svg]:text-gray-600 [&_i]:text-gray-600 gap-x-4',\n      className\n    )}\n    {...props}\n  />\n))\nTabsList.displayName = TabsPrimitive.List.displayName\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      'inline-flex h-[32px] items-center justify-center whitespace-nowrap rounded px-8 py-4 transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-64',\n      '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 [&_svg]:data-[state=active]:text-purple-800 [&_i]:data-[state=active]:text-purple-800',\n      className\n    )}\n    {...props}\n  />\n))\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn('mt-8 focus-visible:outline-none', className)}\n    {...props}\n  />\n))\nTabsContent.displayName = TabsPrimitive.Content.displayName\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent }\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","jsx","cn","TabsTrigger","TabsContent"],"mappings":";;;;AAMA,MAAMA,IAAOC,EAAc,MAErBC,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAS,cAAcD,EAAc,KAAK;AAEpC,MAAAQ,IAAcN,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACA;AAAA,MACAJ;AAAA,IACF;AAAA,IACC,GAAGC;AAAA,EAAA;AACN,CACD;AACDI,EAAY,cAAcR,EAAc,QAAQ;AAE1C,MAAAS,IAAcP,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1BC,gBAAAA,EAAA;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAK;AAAA,IACA,WAAWE,EAAG,mCAAmCJ,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN,CACD;AACDK,EAAY,cAAcT,EAAc,QAAQ;"}

package/dist/index33.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index37.cjs"),u=require("@radix-ui/react-toggle"),y=require("./index38.cjs"),v=require("react"),c=require("./index39.cjs");function o(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const n=o(u),p=o(v),g=y.cva("inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{"badge-green":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200","badge-yellow":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200","badge-magenta":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100","badge-gray":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300","badge-purple":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200","badge-robinblue":"bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200"},size:{icon:"w-32 h-32",sm:"px-8 h-[26px] text-sm",md:"px-12 h-32 text-base"},border:{outline:"border",none:"border-0"},inverted:{true:"data-[state=on]:text-white [&_svg]:data-[state=on]:text-white",false:""}},compoundVariants:[{inverted:!0,variant:"badge-green",className:"data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800"},{inverted:!0,variant:"badge-yellow",className:"data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800"},{inverted:!0,variant:"badge-magenta",className:"data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800"},{inverted:!0,variant:"badge-gray",className:"data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800"},{inverted:!0,variant:"badge-purple",className:"data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800"},{inverted:!0,variant:"badge-robinblue",className:"data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800"}],defaultVariants:{variant:"badge-purple",size:"icon",border:"outline",inverted:!1}}),s=p.forwardRef(({className:e,variant:a,size:t,border:r,inverted:d,...b},l)=>i.jsxRuntimeExports.jsx(n.Root,{ref:l,className:c.cn(g({variant:a,size:t,border:r,inverted:d,className:e})),...b}));s.displayName=n.Root.displayName;exports.Toggle=s;exports.toggleVariants=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index40.cjs"),R=require("lucide-react"),b=require("react"),w=require("./index7.cjs"),E=require("./index8.cjs"),N=require("./index41.cjs");function k(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return e.default=t,Object.freeze(e)}const x=k(b),m=x.forwardRef(({className:t,value:e,placeholder:s,onValueChange:n,...d},a)=>{const[i,o]=x.useState(""),p=x.useRef(null);function j(c){const l=c.target.value;if(l.includes(",")){const g=l.split(","),y=Array.from(new Set(g));n([...e||[],...y.filter(u=>!!u&&!e?.includes(u)).map(u=>u.trim())||[]]),o("");return}o(l)}function h(c){["Enter","Tab"].includes(c.key)&&i?.trim()&&(c.preventDefault(),e?.includes(i)||f(),o("")),c.key==="Backspace"&&!i&&n(e?.slice(0,-1)||[])}function f(){i.trim()&&(n([...e||[],i]),o(""))}return r.jsxRuntimeExports.jsxs("div",{ref:a,className:N.cn("flex flex-wrap items-center gap-8 min-h-[36px]","border rounded border-gray-900-24 bg-white px-12 py-[4px]","hover:cursor-text","hover:shadow-field-hover","active:shadow-field-active","focus-visible:outline-none focus:shadow-field-active",t),onClick:()=>p.current?.focus(),...d,children:[r.jsxRuntimeExports.jsx(q,{value:e,onValueChange:n}),r.jsxRuntimeExports.jsx("input",{ref:p,className:"h-[26px] outline-none text-sm",type:"text",value:i,onChange:j,onKeyDown:h,style:{width:`${i.length+1}ch`},onBlur:()=>f()}),e?.length===0&&!i&&r.jsxRuntimeExports.jsx("div",{className:"text-gray-400 ml-[-2ch]",children:s})]})});m.displayName="TagInput";function q({value:t,onValueChange:e}){return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:t?.map((s,n)=>r.jsxRuntimeExports.jsxs(w.Badge,{className:"pl-0 gap-x-4 overflow-hidden",children:[r.jsxRuntimeExports.jsx(E.Button,{type:"button",className:"w-[26px] h-[26px] flex-shrink-0",size:"icon",intent:"secondary",onClick:()=>{e(t?.filter((d,a)=>a!==n)||[])},children:r.jsxRuntimeExports.jsx(R.LucideX,{className:"w-16"})}),r.jsxRuntimeExports.jsx("div",{className:"truncate",children:s})]},n))})}exports.TagInput=m;
 //# sourceMappingURL=index33.cjs.map

package/dist/index33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index33.cjs","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":"+fAOMA,EAAiBC,EAAAA,IACrB,gIACA,CACE,SAAU,CACR,QAAS,CACP,cACE,sOACF,eACE,2OACF,gBACE,gPACF,aACE,mOACF,eACE,6OACF,kBACE,2PAAA,EAEJ,KAAM,CACJ,KAAM,YACN,GAAI,wBACJ,GAAI,sBAAA,EAEN,OAAQ,CACN,QAAS,SACT,KAAM,UAAA,EAER,SAAU,CACR,KAAM,gEACN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,SAAU,GACV,QAAS,cACT,UACE,kGAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,gBACT,UACE,wGAAA,EAEJ,CACE,SAAU,GACV,QAAS,aACT,UACE,+FAAA,EAEJ,CACE,SAAU,GACV,QAAS,eACT,UACE,qGAAA,EAEJ,CACE,SAAU,GACV,QAAS,kBACT,UACE,8GAAA,CACJ,EAEF,gBAAiB,CACf,QAAS,eACT,KAAM,OACN,OAAQ,UACR,SAAU,EAAA,CACZ,CAEJ,EAEMC,EAASC,EAAM,WAInB,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAC3DC,EAAAA,kBAAAA,IAACC,EAAgB,KAAhB,CACC,IAAAF,EACA,UAAWG,EAAAA,GACTb,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,OAAAC,EAAQ,SAAAC,EAAU,UAAAJ,EAAW,CAAA,EAE9D,GAAGK,CAAA,CACN,CACD,EAEDP,EAAO,YAAcU,EAAgB,KAAK"}
+{"version":3,"file":"index33.cjs","sources":["../src/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\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\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        ref={ref}\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-[4px]',\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)\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=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] flex-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","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"ugBAYMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,YAAAC,EAAa,cAAAC,EAAe,GAAGC,CAAM,EAAGC,IAAQ,CACnE,KAAM,CAACC,EAAYC,CAAa,EAAIR,EAAM,SAAS,EAAE,EAC/CS,EAAWT,EAAM,OAAyB,IAAI,EAEpD,SAASU,EAAaC,EAA4C,CAC1D,MAAAC,EAAoBD,EAAM,OAAO,MACnC,GAAAC,EAAkB,SAAS,GAAG,EAAG,CAC7B,MAAAC,EAAgBD,EAAkB,MAAM,GAAG,EAE3CE,EAAe,MAAM,KAAK,IAAI,IAAID,CAAa,CAAC,EAExCT,EAAA,CACZ,GAAIF,GAAS,CAAC,EACd,GAAIY,EACD,OAAOP,GAEC,EAAQA,GAAe,CAACL,GAAO,SAASK,CAAU,CAC1D,EACA,IAAIQ,GAAKA,EAAE,KAAM,CAAA,GAAK,CAAC,CAAA,CAC3B,EACDP,EAAc,EAAE,EAChB,MACF,CACAA,EAAcI,CAAiB,CACjC,CAEA,SAASI,EAAcL,EAA8C,CAC/D,CAAC,QAAS,KAAK,EAAE,SAASA,EAAM,GAAG,GACjCJ,GAAY,SACdI,EAAM,eAAe,EAChBT,GAAO,SAASK,CAAU,GACfU,IAEhBT,EAAc,EAAE,GAIhBG,EAAM,MAAQ,aAAe,CAACJ,GAChCH,EAAcF,GAAO,MAAM,EAAG,EAAE,GAAK,CAAA,CAAE,CAE3C,CAEA,SAASe,GAAgB,CAClBV,EAAW,KAAK,IACrBH,EAAc,CAAC,GAAIF,GAAS,CAAA,EAAKK,CAAU,CAAC,EAC5CC,EAAc,EAAE,EAClB,CAGE,OAAAU,EAAA,kBAAA,KAAC,MAAA,CACC,IAAAZ,EACA,UAAWa,EAAA,GACT,iDACA,4DACA,oBACA,2BACA,6BACA,uDACAlB,CACF,EACA,QAAS,IAAMQ,EAAS,SAAS,MAAM,EACtC,GAAGJ,EAEJ,SAAA,CAACe,EAAAA,kBAAAA,IAAAC,EAAA,CAAQ,MAAAnB,EAAc,cAAAE,CAA8B,CAAA,EACrDgB,EAAA,kBAAA,IAAC,QAAA,CACC,IAAKX,EACL,UAAU,gCACV,KAAK,OACL,MAAOF,EACP,SAAUG,EACV,UAAWM,EACX,MAAO,CAAE,MAAO,GAAGT,EAAW,OAAS,CAAC,IAAK,EAC7C,OAAQ,IAAMU,EAAc,CAAA,CAC9B,EACCf,GAAO,SAAW,GAAK,CAACK,GACtBa,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,0BAA2B,SAAYjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAI9D,CACF,EAEAJ,EAAS,YAAc,WAOvB,SAASsB,EAAQ,CAAE,MAAAnB,EAAO,cAAAE,GAA+B,CAErD,OAAAgB,EAAA,kBAAA,IAAAE,EAAA,kBAAA,SAAA,CACG,YAAO,IAAI,CAACC,EAAKC,IAChBN,EAAA,kBAAA,KAACO,EAAkB,MAAA,CAAA,UAAU,+BAC3B,SAAA,CAAAL,EAAA,kBAAA,IAACM,EAAA,OAAA,CACC,KAAK,SACL,UAAU,kCACV,KAAK,OACL,OAAO,YACP,QAAS,IAAM,CACCtB,EAAAF,GAAO,OAAO,CAACyB,EAAGZ,IAAMA,IAAMS,CAAK,GAAK,CAAA,CAAE,CAC1D,EAEA,SAAAJ,EAAAA,kBAAAA,IAACQ,EAAAA,QAAQ,CAAA,UAAU,MAAO,CAAA,CAAA,CAC5B,EACCR,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,WAAY,SAAIG,EAAA,CAAA,GAZrBC,CAaZ,CACD,CACH,CAAA,CAEJ"}

package/dist/index33.js

@@ -1,86 +1,86 @@
-import { j as s } from "./index37.js";
-import * as a from "@radix-ui/react-toggle";
-import { cva as b } from "./index38.js";
-import * as l from "react";
-import { cn as i } from "./index39.js";
-const y = b(
-  "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: ""
+import { j as e } from "./index40.js";
+import { LucideX as g } from "lucide-react";
+import * as f from "react";
+import { Badge as j } from "./index7.js";
+import { Button as N } from "./index8.js";
+import { cn as b } from "./index41.js";
+const k = f.forwardRef(
+  ({ className: s, value: t, placeholder: a, onValueChange: r, ...d }, l) => {
+    const [n, o] = f.useState(""), p = f.useRef(null);
+    function x(i) {
+      const u = i.target.value;
+      if (u.includes(",")) {
+        const w = u.split(","), y = Array.from(new Set(w));
+        r([
+          ...t || [],
+          ...y.filter((c) => !!c && !t?.includes(c)).map((c) => c.trim()) || []
+        ]), o("");
+        return;
       }
-    },
-    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"
-      },
+      o(u);
+    }
+    function h(i) {
+      ["Enter", "Tab"].includes(i.key) && n?.trim() && (i.preventDefault(), t?.includes(n) || m(), o("")), i.key === "Backspace" && !n && r(t?.slice(0, -1) || []);
+    }
+    function m() {
+      n.trim() && (r([...t || [], n]), o(""));
+    }
+    return /* @__PURE__ */ e.jsxs(
+      "div",
       {
-        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"
+        ref: l,
+        className: b(
+          "flex flex-wrap items-center gap-8 min-h-[36px]",
+          "border rounded border-gray-900-24 bg-white px-12 py-[4px]",
+          "hover:cursor-text",
+          "hover:shadow-field-hover",
+          "active:shadow-field-active",
+          "focus-visible:outline-none focus:shadow-field-active",
+          s
+        ),
+        onClick: () => p.current?.focus(),
+        ...d,
+        children: [
+          /* @__PURE__ */ e.jsx(v, { value: t, onValueChange: r }),
+          /* @__PURE__ */ e.jsx(
+            "input",
+            {
+              ref: p,
+              className: "h-[26px] outline-none text-sm",
+              type: "text",
+              value: n,
+              onChange: x,
+              onKeyDown: h,
+              style: { width: `${n.length + 1}ch` },
+              onBlur: () => m()
+            }
+          ),
+          t?.length === 0 && !n && /* @__PURE__ */ e.jsx("div", { className: "text-gray-400 ml-[-2ch]", children: a })
+        ]
       }
-    ],
-    defaultVariants: {
-      variant: "badge-purple",
-      size: "icon",
-      border: "outline",
-      inverted: !1
-    }
+    );
   }
-), v = l.forwardRef(({ className: t, variant: e, size: r, border: o, inverted: n, ...g }, d) => /* @__PURE__ */ s.jsx(
-  a.Root,
-  {
-    ref: d,
-    className: i(
-      y({ variant: e, size: r, border: o, inverted: n, className: t })
+);
+k.displayName = "TagInput";
+function v({ value: s, onValueChange: t }) {
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: s?.map((a, r) => /* @__PURE__ */ e.jsxs(j, { className: "pl-0 gap-x-4 overflow-hidden", children: [
+    /* @__PURE__ */ e.jsx(
+      N,
+      {
+        type: "button",
+        className: "w-[26px] h-[26px] flex-shrink-0",
+        size: "icon",
+        intent: "secondary",
+        onClick: () => {
+          t(s?.filter((d, l) => l !== r) || []);
+        },
+        children: /* @__PURE__ */ e.jsx(g, { className: "w-16" })
+      }
     ),
-    ...g
-  }
-));
-v.displayName = a.Root.displayName;
+    /* @__PURE__ */ e.jsx("div", { className: "truncate", children: a })
+  ] }, r)) });
+}
 export {
-  v as Toggle,
-  y as toggleVariants
+  k as TagInput
 };
 //# sourceMappingURL=index33.js.map

package/dist/index33.js.map

@@ -1 +1 @@
-{"version":3,"file":"index33.js","sources":["../src/Toggle/index.tsx"],"sourcesContent":["'use client'\n\nimport * as TogglePrimitive from '@radix-ui/react-toggle'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\nimport { cn } from '../lib/utils'\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded font-small transition-colors disabled:pointer-events-none disabled:opacity-40',\n  {\n    variants: {\n      variant: {\n        'badge-green':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-green-50 hover:data-[state=on]:bg-green-50 data-[state=on]:text-green-800 [&_svg]:data-[state=on]:text-green-800 data-[state=on]:border-green-200',\n        'badge-yellow':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-yellow-50 hover:data-[state=on]:bg-yellow-50 data-[state=on]:text-yellow-700 [&_svg]:data-[state=on]:text-yellow-700 data-[state=on]:border-yellow-200',\n        'badge-magenta':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-magenta-50 hover:data-[state=on]:bg-magenta-50 data-[state=on]:text-magenta-700 [&_svg]:data-[state=on]:text-magenta-700 data-[state=on]:border-magenta-100',\n        'badge-gray':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-gray-200 hover:data-[state=on]:bg-gray-200 data-[state=on]:text-gray-900 [&_svg]:data-[state=on]:text-gray-900 data-[state=on]:border-gray-300',\n        'badge-purple':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-purple-100 hover:data-[state=on]:bg-purple-100 data-[state=on]:text-purple-900 [&_svg]:data-[state=on]:text-purple-900 data-[state=on]:border-purple-200',\n        'badge-robinblue':\n          'bg-gray-100 text-gray-900/48 border-gray-200 hover:bg-gray-200 data-[state=on]:bg-robinblue-100 hover:data-[state=on]:bg-robinblue-100 data-[state=on]:text-robinblue-900 [&_svg]:data-[state=on]:text-robinblue-900 data-[state=on]:border-robinblue-200'\n      },\n      size: {\n        icon: 'w-32 h-32',\n        sm: 'px-8 h-[26px] text-sm',\n        md: 'px-12 h-32 text-base'\n      },\n      border: {\n        outline: 'border',\n        none: 'border-0'\n      },\n      inverted: {\n        true: 'data-[state=on]:text-white [&_svg]:data-[state=on]:text-white',\n        false: ''\n      }\n    },\n    compoundVariants: [\n      {\n        inverted: true,\n        variant: 'badge-green',\n        className:\n          'data-[state=on]:bg-green-700 hover:data-[state=on]:bg-green-700 data-[state=on]:border-green-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-yellow',\n        className:\n          'data-[state=on]:bg-yellow-700 hover:data-[state=on]:bg-yellow-700 data-[state=on]:border-yellow-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-magenta',\n        className:\n          'data-[state=on]:bg-magenta-700 hover:data-[state=on]:bg-magenta-700 data-[state=on]:border-magenta-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-gray',\n        className:\n          'data-[state=on]:bg-gray-700 hover:data-[state=on]:bg-gray-700 data-[state=on]:border-gray-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-purple',\n        className:\n          'data-[state=on]:bg-purple-700 hover:data-[state=on]:bg-purple-700 data-[state=on]:border-purple-800'\n      },\n      {\n        inverted: true,\n        variant: 'badge-robinblue',\n        className:\n          'data-[state=on]:bg-robinblue-700 hover:data-[state=on]:bg-robinblue-700 data-[state=on]:border-robinblue-800'\n      }\n    ],\n    defaultVariants: {\n      variant: 'badge-purple',\n      size: 'icon',\n      border: 'outline',\n      inverted: false\n    }\n  }\n)\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> &\n    VariantProps<typeof toggleVariants>\n>(({ className, variant, size, border, inverted, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(\n      toggleVariants({ variant, size, border, inverted, className })\n    )}\n    {...props}\n  />\n))\n\nToggle.displayName = TogglePrimitive.Root.displayName\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","React","className","variant","size","border","inverted","props","ref","jsx","TogglePrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,eACE;AAAA,QACF,gBACE;AAAA,QACF,iBACE;AAAA,QACF,cACE;AAAA,QACF,gBACE;AAAA,QACF,mBACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,MAEJ;AAAA,QACE,UAAU;AAAA,QACV,SAAS;AAAA,QACT,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,MACR,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ,GAEMC,IAASC,EAAM,WAInB,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAC3DC,gBAAAA,EAAAA;AAAAA,EAACC,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACTb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,QAAAC,GAAQ,UAAAC,GAAU,WAAAJ,GAAW;AAAA,IAAA;AAAA,IAE9D,GAAGK;AAAA,EAAA;AACN,CACD;AAEDP,EAAO,cAAcU,EAAgB,KAAK;"}
+{"version":3,"file":"index33.js","sources":["../src/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\nconst TagInput = React.forwardRef<HTMLInputElement, TagInputProps>(\n  ({ className, value, placeholder, onValueChange, ...props }, ref) => {\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        ref={ref}\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-[4px]',\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)\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=\"pl-0 gap-x-4 overflow-hidden\">\n          <Button\n            type=\"button\"\n            className=\"w-[26px] h-[26px] flex-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","React","className","value","placeholder","onValueChange","props","ref","inputValue","setInputValue","inputRef","handleChange","event","currentInputValue","currentValues","uniqueValues","i","handleKeyDown","addInputValue","jsxs","cn","jsx","TagList","Fragment","tag","index","Badge","Button","_","LucideX"],"mappings":"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"}

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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index40.cjs"),i=require("react"),s=require("./index41.cjs");function c(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=c(i),o=l.forwardRef(({className:e,...r},t)=>n.jsxRuntimeExports.jsx("textarea",{className:s.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),ref:t,...r}));o.displayName="Textarea";exports.Textarea=o;
 //# 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","sources":["../src/Textarea/index.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '../lib/utils'\n\nexport interface TextareaProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <textarea\n        className={cn(\n          'flex min-h-[60px] w-full rounded border border-gray-900-24 bg-white px-12 py-8 text-base',\n          'placeholder:text-gray-400',\n          'hover:shadow-field-hover',\n          'active:shadow-field-active',\n          'focus-visible:outline-none focus:shadow-field-active',\n          'disabled:cursor-not-allowed disabled:opacity-64 disabled:shadow-none',\n          className\n        )}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nTextarea.displayName = 'Textarea'\n\nexport { Textarea }\n"],"names":["Textarea","React","className","props","ref","jsx","cn"],"mappings":"ybAMMA,EAAWC,EAAM,WACrB,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAEtBC,EAAA,kBAAA,IAAC,WAAA,CACC,UAAWC,EAAA,GACT,2FACA,4BACA,2BACA,6BACA,uDACA,uEACAJ,CACF,EACA,IAAAE,EACC,GAAGD,CAAA,CAAA,CAIZ,EAEAH,EAAS,YAAc"}