@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra41.js

@@ -1,52 +1,28 @@
-import { j as e } from "./lyra90.js";
-import { useContextProps as l, SwitchContext as p, Switch as u, composeRenderProps as h } from "./lyra89.js";
-import { fixedForwardRef as f } from "./lyra93.js";
-import { switchStyles as N } from "./lyra42.js";
-function x({ children: a, ...t }, i) {
-  [t, i] = l(t, i, p);
-  const { label: c, thumb: m, track: r, wrapper: o } = N();
-  return /* @__PURE__ */ e.jsxDEV(
-    u,
+import { j as a } from "./lyra90.js";
+import { useContextProps as f, SwitchContext as d, Switch as l, composeRenderProps as $ } from "./lyra89.js";
+import { fixedForwardRef as n } from "./lyra93.js";
+import { switchStyles as h } from "./lyra42.js";
+function p({ children: c, ...t }, s) {
+  [t, s] = f(t, s, d);
+  const { label: i, thumb: o, track: m, wrapper: r } = h();
+  return /* @__PURE__ */ a.jsx(
+    l,
     {
       ...t,
-      className: h(
+      className: $(
         t.className,
-        (s, n) => o({ ...n, className: s })
+        (e, x) => r({ ...x, className: e })
       ),
-      ref: i,
-      children: (s) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxDEV("div", { className: r(s), children: /* @__PURE__ */ e.jsxDEV("div", { className: m(s) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/switch/switch.tsx",
-          lineNumber: 35,
-          columnNumber: 13
-        }, this) }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/switch/switch.tsx",
-          lineNumber: 34,
-          columnNumber: 11
-        }, this),
-        a ? /* @__PURE__ */ e.jsxDEV("div", { className: c(s), children: a }, void 0, !1, {
-          fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/switch/switch.tsx",
-          lineNumber: 37,
-          columnNumber: 23
-        }, this) : null
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/switch/switch.tsx",
-        lineNumber: 33,
-        columnNumber: 9
-      }, this)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/switch/switch.tsx",
-      lineNumber: 25,
-      columnNumber: 5
-    },
-    this
+      ref: s,
+      children: (e) => /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+        /* @__PURE__ */ a.jsx("div", { className: m(e), children: /* @__PURE__ */ a.jsx("div", { className: o(e) }) }),
+        c ? /* @__PURE__ */ a.jsx("div", { className: i(e), children: c }) : null
+      ] })
+    }
   );
 }
-const d = f(x);
-d.displayName = "Switch";
+const w = n(p);
+w.displayName = "Switch";
 export {
-  d as Switch
+  w as Switch
 };

package/dist/lyra41.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra41.js","sources":["../src/components/inputs/switch/switch.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  composeRenderProps,\n  Switch as AriaSwitch,\n  SwitchContext,\n  SwitchProps as AriaSwitchProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\n\nimport { switchStyles } from \"./switch.styles\";\n\nexport interface SwitchProps extends Omit<AriaSwitchProps, \"children\"> {\n  children?: React.ReactNode;\n}\n\nfunction _Switch(\n  { children, ...props }: SwitchProps,\n  ref: ForwardedRef<ElementRef<typeof AriaSwitch>>,\n) {\n  [props, ref] = useContextProps(props, ref, SwitchContext);\n  const { label, thumb, track, wrapper } = switchStyles();\n  return (\n    <AriaSwitch\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        wrapper({ ...renderProps, className }),\n      )}\n      ref={ref}\n    >\n      {(renderProps) => (\n        <>\n          <div className={track(renderProps)}>\n            <div className={thumb(renderProps)} />\n          </div>\n          {children ? <div className={label(renderProps)}>{children}</div> : null}\n        </>\n      )}\n    </AriaSwitch>\n  );\n}\n\nexport const Switch = fixedForwardRef(_Switch);\n// @ts-ignore\nSwitch.displayName = \"Switch\";\n"],"names":["_Switch","children","props","ref","useContextProps","SwitchContext","label","thumb","track","wrapper","switchStyles","jsxDEV","AriaSwitch","composeRenderProps","className","renderProps","Fragment","Switch","fixedForwardRef"],"mappings":";;;;AAiBA,SAASA,EACP,EAAE,UAAAC,GAAU,GAAGC,EAAA,GACfC,GACA;AACA,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAa;AACxD,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAA,IAAYC;AAEvC,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWW;AAAAA,QAAmBX,EAAM;AAAA,QAAW,CAACY,GAAWC,MACzDN,EAAQ,EAAE,GAAGM,GAAa,WAAAD,GAAW;AAAA,MACvC;AAAA,MACA,KAAAX;AAAA,MAEC,UAAA,CAACY,MAEEJ,gBAAAA,EAAA,OAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,QAACL,gBAAAA,EAAA,OAAA,OAAA,EAAI,WAAWH,EAAMO,CAAW,GAC/B,mCAAC,OAAI,EAAA,WAAWR,EAAMQ,CAAW,EAAjC,GAAA,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAAoC,EADtC,GAAA,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAEA,GAAA,IAAA;AAAA,QACCd,IAAYU,gBAAAA,EAAA,OAAA,OAAA,EAAI,WAAWL,EAAMS,CAAW,GAAI,UAAAd,EAArC,GAAA,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAA,IAA8C,IAAS;AAAA,MAAA,KAJrE,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAKA,GAAA,IAAA;AAAA,IAAA;AAAA,IAbJ;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAA;AAAA,EAAA;AAiBJ;AAEa,MAAAgB,IAASC,EAAgBlB,CAAO;AAE7CiB,EAAO,cAAc;"}
+{"version":3,"file":"lyra41.js","sources":["../src/components/inputs/switch/switch.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef } from \"react\";\nimport {\n  composeRenderProps,\n  Switch as AriaSwitch,\n  SwitchContext,\n  SwitchProps as AriaSwitchProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\n\nimport { switchStyles } from \"./switch.styles\";\n\nexport interface SwitchProps extends Omit<AriaSwitchProps, \"children\"> {\n  children?: React.ReactNode;\n}\n\nfunction _Switch(\n  { children, ...props }: SwitchProps,\n  ref: ForwardedRef<ElementRef<typeof AriaSwitch>>,\n) {\n  [props, ref] = useContextProps(props, ref, SwitchContext);\n  const { label, thumb, track, wrapper } = switchStyles();\n  return (\n    <AriaSwitch\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) =>\n        wrapper({ ...renderProps, className }),\n      )}\n      ref={ref}\n    >\n      {(renderProps) => (\n        <>\n          <div className={track(renderProps)}>\n            <div className={thumb(renderProps)} />\n          </div>\n          {children ? <div className={label(renderProps)}>{children}</div> : null}\n        </>\n      )}\n    </AriaSwitch>\n  );\n}\n\nexport const Switch = fixedForwardRef(_Switch);\n// @ts-ignore\nSwitch.displayName = \"Switch\";\n"],"names":["_Switch","children","props","ref","useContextProps","SwitchContext","label","thumb","track","wrapper","switchStyles","jsx","AriaSwitch","composeRenderProps","className","renderProps","jsxs","Fragment","Switch","fixedForwardRef"],"mappings":";;;;AAiBA,SAASA,EACP,EAAE,UAAAC,GAAU,GAAGC,EAAA,GACfC,GACA;AACA,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAa;AACxD,QAAM,EAAE,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,SAAAC,EAAA,IAAYC;AAEvC,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWW;AAAAA,QAAmBX,EAAM;AAAA,QAAW,CAACY,GAAWC,MACzDN,EAAQ,EAAE,GAAGM,GAAa,WAAAD,GAAW;AAAA,MACvC;AAAA,MACA,KAAAX;AAAA,MAEC,UAAA,CAACY,MAEEC,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAACN,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWH,EAAMO,CAAW,GAC/B,UAACJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWJ,EAAMQ,CAAW,EAAA,CAAG,EACtC,CAAA;AAAA,QACCd,0BAAY,OAAI,EAAA,WAAWK,EAAMS,CAAW,GAAI,UAAAd,EAAS,CAAA,IAAS;AAAA,MAAA,GACrE;AAAA,IAAA;AAAA,EAAA;AAIR;AAEa,MAAAiB,IAASC,EAAgBnB,CAAO;AAE7CkB,EAAO,cAAc;"}

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),r=require("react"),o=require("./lyra89.cjs"),h=require("./lyra101.cjs"),F=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./lyra619.cjs"),ee=require("./lyra65.cjs");require("./lyra493.cjs");const te=require("./lyra494.cjs"),ne=require("./lyra38.cjs"),se=require("./lyra39.cjs"),ie=require("./lyra40.cjs"),I=({defaultValue:p,description:q,fullWidth:T=!0,hideHintLabel:V,hideInputFooter:w,hideInputHeader:S,inputRef:j,label:U,onChange:l,value:m,...d},f)=>{[d,f]=o.useContextProps(d,f,o.TextFieldContext);const y=r.useRef(null),c=h.useObjectRef(j?h.mergeRefs(y,j):y),{className:B,errorMessage:P,isDisabled:_=!1,isInvalid:A,isRequired:x,name:D,...G}=d,H=Z.useDictionary(),[C,b]=r.useState(""),[t,E]=r.useState(m??p??[]),{inputField:M,wrapper:O}=ie.sharedInputStyles({fullWidth:T});r.useEffect(()=>{E(m??p??[])},[m,p]);const a=r.useCallback(e=>{E(e),l==null||l(e)},[l]),K=r.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const u=e.currentTarget.value.trim();u&&!t.includes(u)&&a([...t,e.currentTarget.value.trim()]),b("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),a(t.slice(0,-1))))},[a,t]),L=r.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const u=e.clipboardData.getData("Text");if(u){const n=u?u.split(",").map(s=>s.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(s=>s.length>0).map(s=>s.trim()):[];a(Array.from(new Set([...t,...n])))}}},[a,t]),z=r.useMemo(()=>x&&t.length===0,[t.length,x]),{removeButton:J,tag:Q}=te.tagStyles(),[W,k]=r.useState(!1),[g,N]=r.useState(0),[X,R]=r.useState(!1);return i.jsxDevRuntimeExports.jsxDEV(o.TextField,{className:O({className:B}),isDisabled:_,isInvalid:A,isRequired:z,...G,onKeyDown:K,value:C,onChange:b,onPaste:L,ref:f,children:({isDisabled:e,isInvalid:u})=>i.jsxDevRuntimeExports.jsxDEV(i.jsxDevRuntimeExports.Fragment,{children:[i.jsxDevRuntimeExports.jsxDEV(ne.InputHeader,{label:U,isRequired:x,hideHintLabel:V,hideInputHeader:S},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:168,columnNumber:11},void 0),i.jsxDevRuntimeExports.jsxDEV(o.Group,{className:({isFocusWithin:n,isHovered:s})=>M({isFocused:n,isHovered:s,isDisabled:e,isInvalid:u,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var n;t.length===0&&((n=c==null?void 0:c.current)==null||n.focus())},children:[i.jsxDevRuntimeExports.jsxDEV("div",{className:F.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:n=>{n.key==="ArrowRight"?(n.preventDefault(),N(s=>(s+1)%t.length)):n.key==="ArrowLeft"?(n.preventDefault(),N(s=>(s-1+t.length)%t.length)):n.key==="Backspace"&&g!==-1&&a(t.filter((s,v)=>v!==g))},onFocus:()=>{e||k(!0)},onBlur:()=>{e||k(!1)},children:[t.map((n,s)=>i.jsxDevRuntimeExports.jsxDEV("div",{className:Q({allowsRemoving:!0,className:F.clsx(W&&s===g&&!X&&!e?"border-focus shadow-highlight":"")}),"aria-label":n,"aria-colindex":s+1,role:"gridcell",onClick:()=>{e||N(s)},children:[n,!e&&i.jsxDevRuntimeExports.jsxDEV($.SpanButton,{className:J({isDisabled:e}),onPress:()=>a(t.filter(v=>v!==n)),children:i.jsxDevRuntimeExports.jsxDEV(ee.SvgIcon,{name:"clear"},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:247,columnNumber:23},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:243,columnNumber:21},void 0)]},n,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:219,columnNumber:17},void 0)),i.jsxDevRuntimeExports.jsxDEV(o.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:c,onFocus:()=>{e||R(!0)},onBlur:()=>{e||R(!1)}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:253,columnNumber:15},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:189,columnNumber:13},void 0),D?i.jsxDevRuntimeExports.jsxDEV("input",{type:"hidden",value:t.join(","),name:D},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:268,columnNumber:21},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:174,columnNumber:11},void 0),i.jsxDevRuntimeExports.jsxDEV(se.InputFooter,{description:q??H.tagInputDescription,errorMessage:P,hideInputFooter:w},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:270,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:167,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:154,columnNumber:5},void 0)};I.displayName="TagInput";const re=Y.fixedForwardRef(I);exports.TagInput=re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),i=require("react"),a=require("./lyra89.cjs"),E=require("./lyra101.cjs"),w=require("./lyra450.cjs"),Y=require("./lyra93.cjs"),Z=require("./lyra95.cjs"),$=require("./lyra607.cjs"),ee=require("./lyra65.cjs");require("./lyra455.cjs");const te=require("./lyra456.cjs"),se=require("./lyra38.cjs"),re=require("./lyra39.cjs"),ne=require("./lyra40.cjs"),S=({defaultValue:p,description:k,fullWidth:N=!0,hideHintLabel:B,hideInputFooter:b,hideInputHeader:D,inputRef:R,label:P,onChange:l,value:x,...m},f)=>{[m,f]=a.useContextProps(m,f,a.TextFieldContext);const h=i.useRef(null),c=E.useObjectRef(R?E.mergeRefs(h,R):h),{className:V,errorMessage:_,isDisabled:A=!1,isInvalid:G,isRequired:d,name:F,...H}=m,C=Z.useDictionary(),[M,I]=i.useState(""),[t,q]=i.useState(x??p??[]),{inputField:O,wrapper:K}=ne.sharedInputStyles({fullWidth:N});i.useEffect(()=>{q(x??p??[])},[x,p]);const u=i.useCallback(e=>{q(e),l==null||l(e)},[l]),L=i.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&u([...t,e.currentTarget.value.trim()]),I("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),u(t.slice(0,-1))))},[u,t]),z=i.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const s=o?o.split(",").map(r=>r.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(r=>r.length>0).map(r=>r.trim()):[];u(Array.from(new Set([...t,...s])))}}},[u,t]),J=i.useMemo(()=>d&&t.length===0,[t.length,d]),{removeButton:Q,tag:U}=te.tagStyles(),[W,v]=i.useState(!1),[g,j]=i.useState(0),[X,T]=i.useState(!1);return n.jsxRuntimeExports.jsx(a.TextField,{className:K({className:V}),isDisabled:A,isInvalid:G,isRequired:J,...H,onKeyDown:L,value:M,onChange:I,onPaste:z,ref:f,children:({isDisabled:e,isInvalid:o})=>n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[n.jsxRuntimeExports.jsx(se.InputHeader,{label:P,isRequired:d,hideHintLabel:B,hideInputHeader:D}),n.jsxRuntimeExports.jsxs(a.Group,{className:({isFocusWithin:s,isHovered:r})=>O({isFocused:s,isHovered:r,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),onFocus:()=>{var s;t.length===0&&((s=c==null?void 0:c.current)==null||s.focus())},children:[n.jsxRuntimeExports.jsxs("div",{className:w.clsx(t.length&&"-my-px","-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"),tabIndex:e?void 0:0,role:"grid",onKeyDown:s=>{s.key==="ArrowRight"?(s.preventDefault(),j(r=>(r+1)%t.length)):s.key==="ArrowLeft"?(s.preventDefault(),j(r=>(r-1+t.length)%t.length)):s.key==="Backspace"&&g!==-1&&u(t.filter((r,y)=>y!==g))},onFocus:()=>{e||v(!0)},onBlur:()=>{e||v(!1)},children:[t.map((s,r)=>n.jsxRuntimeExports.jsxs("div",{className:U({allowsRemoving:!0,className:w.clsx(W&&r===g&&!X&&!e?"border-focus shadow-highlight":"")}),"aria-label":s,"aria-colindex":r+1,role:"gridcell",onClick:()=>{e||j(r)},children:[s,!e&&n.jsxRuntimeExports.jsx($.SpanButton,{className:Q({isDisabled:e}),onPress:()=>u(t.filter(y=>y!==s)),children:n.jsxRuntimeExports.jsx(ee.SvgIcon,{name:"clear"})})]},s)),n.jsxRuntimeExports.jsx(a.Input,{className:"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",ref:c,onFocus:()=>{e||T(!0)},onBlur:()=>{e||T(!1)}})]}),F?n.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:F}):null]}),n.jsxRuntimeExports.jsx(re.InputFooter,{description:k??C.tagInputDescription,errorMessage:_,hideInputFooter:b})]})})};S.displayName="TagInput";const ie=Y.fixedForwardRef(S);exports.TagInput=ie;

package/dist/lyra43.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SpanButton } from \"../../button/span-button\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { tagStyles } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"defaultValue\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    defaultValue?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    defaultValue,\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? []);\n  const { inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue ?? []);\n  }, [value, defaultValue]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  const { removeButton, tag } = tagStyles();\n  const [tagGroupIsFocused, setTagGroupIsFocused] = useState(false);\n  const [tagFocusVisible, setTagFocusVisible] = useState<number>(0);\n  const [inputHasFocus, setInputHasFocus] = useState(false);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <div\n              className={clsx(\n                internalValue.length && \"-my-px\",\n                \"-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none\",\n              )}\n              tabIndex={!isDisabled ? 0 : undefined}\n              role=\"grid\"\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowRight\") {\n                  e.preventDefault();\n                  setTagFocusVisible((prev) => (prev + 1) % internalValue.length);\n                } else if (e.key === \"ArrowLeft\") {\n                  e.preventDefault();\n                  setTagFocusVisible(\n                    (prev) => (prev - 1 + internalValue.length) % internalValue.length,\n                  );\n                } else if (e.key === \"Backspace\") {\n                  if (tagFocusVisible !== -1) {\n                    internalOnChange(internalValue.filter((_, index) => index !== tagFocusVisible));\n                  }\n                }\n              }}\n              onFocus={() => {\n                if (!isDisabled) setTagGroupIsFocused(true);\n              }}\n              onBlur={() => {\n                if (!isDisabled) setTagGroupIsFocused(false);\n              }}\n            >\n              {internalValue.map((value, index) => (\n                <div\n                  key={value}\n                  className={tag({\n                    allowsRemoving: true,\n                    className: clsx(\n                      tagGroupIsFocused &&\n                        index === tagFocusVisible &&\n                        !inputHasFocus &&\n                        !isDisabled\n                        ? \"border-focus shadow-highlight\"\n                        : \"\",\n                    ),\n                  })}\n                  aria-label={value}\n                  aria-colindex={index + 1}\n                  role=\"gridcell\"\n                  onClick={() => {\n                    if (!isDisabled) {\n                      setTagFocusVisible(index);\n                    }\n                  }}\n                >\n                  {value}\n                  {!isDisabled && (\n                    <SpanButton\n                      className={removeButton({ isDisabled })}\n                      onPress={() => internalOnChange(internalValue.filter((x) => x !== value))}\n                    >\n                      <SvgIcon name=\"clear\" />\n                    </SpanButton>\n                  )}\n                </div>\n              ))}\n\n              <Input\n                className=\"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none\"\n                ref={textInputRef}\n                onFocus={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(true);\n                  }\n                }}\n                onBlur={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(false);\n                  }\n                }}\n              />\n            </div>\n            {name ? <input type=\"hidden\" value={internalValue.join(\",\")} name={name} /> : null}\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n"],"names":["_TagInput","defaultValue","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","onKeyDown","valueToAdd","onPaste","text","splitValues","x","shouldInputBeRequired","useMemo","removeButton","tag","tagStyles","tagGroupIsFocused","setTagGroupIsFocused","tagFocusVisible","setTagFocusVisible","inputHasFocus","setInputHasFocus","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","_a","clsx","e","prev","_","index","SpanButton","SvgIcon","Input","InputFooter","TagInput","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra43.cjs","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SpanButton } from \"../../button/span-button\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { tagStyles } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"defaultValue\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    defaultValue?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    defaultValue,\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? []);\n  const { inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue ?? []);\n  }, [value, defaultValue]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  const { removeButton, tag } = tagStyles();\n  const [tagGroupIsFocused, setTagGroupIsFocused] = useState(false);\n  const [tagFocusVisible, setTagFocusVisible] = useState<number>(0);\n  const [inputHasFocus, setInputHasFocus] = useState(false);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <div\n              className={clsx(\n                internalValue.length && \"-my-px\",\n                \"-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none\",\n              )}\n              tabIndex={!isDisabled ? 0 : undefined}\n              role=\"grid\"\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowRight\") {\n                  e.preventDefault();\n                  setTagFocusVisible((prev) => (prev + 1) % internalValue.length);\n                } else if (e.key === \"ArrowLeft\") {\n                  e.preventDefault();\n                  setTagFocusVisible(\n                    (prev) => (prev - 1 + internalValue.length) % internalValue.length,\n                  );\n                } else if (e.key === \"Backspace\") {\n                  if (tagFocusVisible !== -1) {\n                    internalOnChange(internalValue.filter((_, index) => index !== tagFocusVisible));\n                  }\n                }\n              }}\n              onFocus={() => {\n                if (!isDisabled) setTagGroupIsFocused(true);\n              }}\n              onBlur={() => {\n                if (!isDisabled) setTagGroupIsFocused(false);\n              }}\n            >\n              {internalValue.map((value, index) => (\n                <div\n                  key={value}\n                  className={tag({\n                    allowsRemoving: true,\n                    className: clsx(\n                      tagGroupIsFocused &&\n                        index === tagFocusVisible &&\n                        !inputHasFocus &&\n                        !isDisabled\n                        ? \"border-focus shadow-highlight\"\n                        : \"\",\n                    ),\n                  })}\n                  aria-label={value}\n                  aria-colindex={index + 1}\n                  role=\"gridcell\"\n                  onClick={() => {\n                    if (!isDisabled) {\n                      setTagFocusVisible(index);\n                    }\n                  }}\n                >\n                  {value}\n                  {!isDisabled && (\n                    <SpanButton\n                      className={removeButton({ isDisabled })}\n                      onPress={() => internalOnChange(internalValue.filter((x) => x !== value))}\n                    >\n                      <SvgIcon name=\"clear\" />\n                    </SpanButton>\n                  )}\n                </div>\n              ))}\n\n              <Input\n                className=\"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none\"\n                ref={textInputRef}\n                onFocus={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(true);\n                  }\n                }}\n                onBlur={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(false);\n                  }\n                }}\n              />\n            </div>\n            {name ? <input type=\"hidden\" value={internalValue.join(\",\")} name={name} /> : null}\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n"],"names":["_TagInput","defaultValue","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","onKeyDown","valueToAdd","onPaste","text","splitValues","x","shouldInputBeRequired","useMemo","removeButton","tag","tagStyles","tagGroupIsFocused","setTagGroupIsFocused","tagFocusVisible","setTagFocusVisible","inputHasFocus","setInputHasFocus","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","clsx","e","prev","_","index","SpanButton","SvgIcon","Input","InputFooter","TagInput","fixedForwardRef"],"mappings":"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"}

package/dist/lyra43.js

@@ -1,274 +1,199 @@
-import { j as i } from "./lyra90.js";
-import { useRef as W, useState as o, useEffect as X, useCallback as b, useMemo as Y } from "react";
-import { useContextProps as Z, TextFieldContext as ee, TextField as te, Group as ne, Input as se } from "./lyra89.js";
-import { useObjectRef as ie, mergeRefs as re } from "./lyra101.js";
-import { clsx as F } from "./lyra450.js";
-import { fixedForwardRef as ae } from "./lyra93.js";
-import { useDictionary as oe } from "./lyra95.js";
-import { SpanButton as ue } from "./lyra619.js";
-import { SvgIcon as le } from "./lyra65.js";
-import "./lyra493.js";
-import { tagStyles as pe } from "./lyra494.js";
-import { InputHeader as ce } from "./lyra38.js";
-import { InputFooter as me } from "./lyra39.js";
-import { sharedInputStyles as fe } from "./lyra40.js";
-const I = ({
-  defaultValue: p,
-  description: V,
-  fullWidth: E = !0,
-  hideHintLabel: w,
-  hideInputFooter: T,
-  hideInputHeader: U,
-  inputRef: y,
-  label: R,
-  onChange: u,
-  value: c,
-  ...m
-}, f) => {
-  [m, f] = Z(m, f, ee);
-  const j = W(null), l = ie(
-    y ? re(j, y) : j
+import { j as o } from "./lyra90.js";
+import { useRef as W, useState as i, useEffect as X, useCallback as h, useMemo as Y } from "react";
+import { useContextProps as Z, TextFieldContext as ee, TextField as te, Group as re, Input as se } from "./lyra89.js";
+import { useObjectRef as oe, mergeRefs as ae } from "./lyra101.js";
+import { clsx as T } from "./lyra450.js";
+import { fixedForwardRef as ne } from "./lyra93.js";
+import { useDictionary as ie } from "./lyra95.js";
+import { SpanButton as le } from "./lyra607.js";
+import { SvgIcon as ce } from "./lyra65.js";
+import "./lyra455.js";
+import { tagStyles as fe } from "./lyra456.js";
+import { InputHeader as ue } from "./lyra38.js";
+import { InputFooter as pe } from "./lyra39.js";
+import { sharedInputStyles as me } from "./lyra40.js";
+const N = ({
+  defaultValue: f,
+  description: k,
+  fullWidth: R = !0,
+  hideHintLabel: B,
+  hideInputFooter: D,
+  hideInputHeader: S,
+  inputRef: F,
+  label: V,
+  onChange: l,
+  value: u,
+  ...p
+}, m) => {
+  [p, m] = Z(p, m, ee);
+  const b = W(null), c = oe(
+    F ? ae(b, F) : b
   ), {
-    className: B,
-    errorMessage: S,
-    isDisabled: A = !1,
-    isInvalid: P,
+    className: A,
+    errorMessage: E,
+    isDisabled: P = !1,
+    isInvalid: q,
     isRequired: d,
-    name: v,
-    ...q
-  } = m, G = oe(), [H, $] = o(""), [t, h] = o(c ?? p ?? []), { inputField: K, wrapper: M } = fe({
-    fullWidth: E
+    name: I,
+    ...G
+  } = p, H = ie(), [K, y] = i(""), [t, j] = i(u ?? f ?? []), { inputField: M, wrapper: O } = me({
+    fullWidth: R
   });
   X(() => {
-    h(c ?? p ?? []);
-  }, [c, p]);
-  const a = b(
+    j(u ?? f ?? []);
+  }, [u, f]);
+  const n = h(
     (e) => {
-      h(e), u == null || u(e);
+      j(e), l == null || l(e);
     },
-    [u]
-  ), O = b(
+    [l]
+  ), _ = h(
     (e) => {
       if (["Enter", ","].includes(e.key)) {
         e.preventDefault();
-        const r = e.currentTarget.value.trim();
-        r && !t.includes(r) && a([...t, e.currentTarget.value.trim()]), $("");
+        const a = e.currentTarget.value.trim();
+        a && !t.includes(a) && n([...t, e.currentTarget.value.trim()]), y("");
       } else
-        e.key === "Backspace" && (e.currentTarget.value || (e.preventDefault(), a(t.slice(0, -1))));
+        e.key === "Backspace" && (e.currentTarget.value || (e.preventDefault(), n(t.slice(0, -1))));
     },
-    [a, t]
-  ), _ = b(
+    [n, t]
+  ), C = h(
     (e) => {
       if (e.preventDefault(), e.clipboardData) {
-        const r = e.clipboardData.getData("Text");
-        if (r) {
-          const n = r ? r.split(",").map((s) => s.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((s) => s.length > 0).map((s) => s.trim()) : [];
-          a(Array.from(/* @__PURE__ */ new Set([...t, ...n])));
+        const a = e.clipboardData.getData("Text");
+        if (a) {
+          const r = a ? a.split(",").map((s) => s.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((s) => s.length > 0).map((s) => s.trim()) : [];
+          n(Array.from(/* @__PURE__ */ new Set([...t, ...r])));
         }
       }
     },
-    [a, t]
-  ), C = Y(
+    [n, t]
+  ), L = Y(
     () => d && t.length === 0,
     [t.length, d]
-  ), { removeButton: L, tag: z } = pe(), [J, k] = o(!1), [g, x] = o(0), [Q, D] = o(!1);
-  return /* @__PURE__ */ i.jsxDEV(
+  ), { removeButton: z, tag: J } = fe(), [Q, v] = i(!1), [x, g] = i(0), [U, w] = i(!1);
+  return /* @__PURE__ */ o.jsx(
     te,
     {
-      className: M({ className: B }),
-      isDisabled: A,
-      isInvalid: P,
-      isRequired: C,
-      ...q,
-      onKeyDown: O,
-      value: H,
-      onChange: $,
-      onPaste: _,
-      ref: f,
-      children: ({ isDisabled: e, isInvalid: r }) => /* @__PURE__ */ i.jsxDEV(i.Fragment, { children: [
-        /* @__PURE__ */ i.jsxDEV(
-          ce,
+      className: O({ className: A }),
+      isDisabled: P,
+      isInvalid: q,
+      isRequired: L,
+      ...G,
+      onKeyDown: _,
+      value: K,
+      onChange: y,
+      onPaste: C,
+      ref: m,
+      children: ({ isDisabled: e, isInvalid: a }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+        /* @__PURE__ */ o.jsx(
+          ue,
           {
-            label: R,
+            label: V,
             isRequired: d,
-            hideHintLabel: w,
-            hideInputHeader: U
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-            lineNumber: 168,
-            columnNumber: 11
-          },
-          void 0
+            hideHintLabel: B,
+            hideInputHeader: S
+          }
         ),
-        /* @__PURE__ */ i.jsxDEV(
-          ne,
+        /* @__PURE__ */ o.jsxs(
+          re,
           {
-            className: ({ isFocusWithin: n, isHovered: s }) => K({
-              isFocused: n,
+            className: ({ isFocusWithin: r, isHovered: s }) => M({
+              isFocused: r,
               isHovered: s,
               isDisabled: e,
-              isInvalid: r,
+              isInvalid: a,
               className: "relative flex-wrap items-start gap-1"
             }),
             onFocus: () => {
-              var n;
-              t.length === 0 && ((n = l == null ? void 0 : l.current) == null || n.focus());
+              var r;
+              t.length === 0 && ((r = c == null ? void 0 : c.current) == null || r.focus());
             },
             children: [
-              /* @__PURE__ */ i.jsxDEV(
+              /* @__PURE__ */ o.jsxs(
                 "div",
                 {
-                  className: F(
+                  className: T(
                     t.length && "-my-px",
                     "-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"
                   ),
                   tabIndex: e ? void 0 : 0,
                   role: "grid",
-                  onKeyDown: (n) => {
-                    n.key === "ArrowRight" ? (n.preventDefault(), x((s) => (s + 1) % t.length)) : n.key === "ArrowLeft" ? (n.preventDefault(), x(
+                  onKeyDown: (r) => {
+                    r.key === "ArrowRight" ? (r.preventDefault(), g((s) => (s + 1) % t.length)) : r.key === "ArrowLeft" ? (r.preventDefault(), g(
                       (s) => (s - 1 + t.length) % t.length
-                    )) : n.key === "Backspace" && g !== -1 && a(t.filter((s, N) => N !== g));
+                    )) : r.key === "Backspace" && x !== -1 && n(t.filter((s, $) => $ !== x));
                   },
                   onFocus: () => {
-                    e || k(!0);
+                    e || v(!0);
                   },
                   onBlur: () => {
-                    e || k(!1);
+                    e || v(!1);
                   },
                   children: [
-                    t.map((n, s) => /* @__PURE__ */ i.jsxDEV(
+                    t.map((r, s) => /* @__PURE__ */ o.jsxs(
                       "div",
                       {
-                        className: z({
+                        className: J({
                           allowsRemoving: !0,
-                          className: F(
-                            J && s === g && !Q && !e ? "border-focus shadow-highlight" : ""
+                          className: T(
+                            Q && s === x && !U && !e ? "border-focus shadow-highlight" : ""
                           )
                         }),
-                        "aria-label": n,
+                        "aria-label": r,
                         "aria-colindex": s + 1,
                         role: "gridcell",
                         onClick: () => {
-                          e || x(s);
+                          e || g(s);
                         },
                         children: [
-                          n,
-                          !e && /* @__PURE__ */ i.jsxDEV(
-                            ue,
-                            {
-                              className: L({ isDisabled: e }),
-                              onPress: () => a(t.filter((N) => N !== n)),
-                              children: /* @__PURE__ */ i.jsxDEV(le, { name: "clear" }, void 0, !1, {
-                                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                                lineNumber: 247,
-                                columnNumber: 23
-                              }, void 0)
-                            },
-                            void 0,
-                            !1,
+                          r,
+                          !e && /* @__PURE__ */ o.jsx(
+                            le,
                             {
-                              fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                              lineNumber: 243,
-                              columnNumber: 21
-                            },
-                            void 0
+                              className: z({ isDisabled: e }),
+                              onPress: () => n(t.filter(($) => $ !== r)),
+                              children: /* @__PURE__ */ o.jsx(ce, { name: "clear" })
+                            }
                           )
                         ]
                       },
-                      n,
-                      !0,
-                      {
-                        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                        lineNumber: 219,
-                        columnNumber: 17
-                      },
-                      void 0
+                      r
                     )),
-                    /* @__PURE__ */ i.jsxDEV(
+                    /* @__PURE__ */ o.jsx(
                       se,
                       {
                         className: "-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",
-                        ref: l,
+                        ref: c,
                         onFocus: () => {
-                          e || D(!0);
+                          e || w(!0);
                         },
                         onBlur: () => {
-                          e || D(!1);
+                          e || w(!1);
                         }
-                      },
-                      void 0,
-                      !1,
-                      {
-                        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                        lineNumber: 253,
-                        columnNumber: 15
-                      },
-                      void 0
+                      }
                     )
                   ]
-                },
-                void 0,
-                !0,
-                {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                  lineNumber: 189,
-                  columnNumber: 13
-                },
-                void 0
+                }
               ),
-              v ? /* @__PURE__ */ i.jsxDEV("input", { type: "hidden", value: t.join(","), name: v }, void 0, !1, {
-                fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-                lineNumber: 268,
-                columnNumber: 21
-              }, void 0) : null
+              I ? /* @__PURE__ */ o.jsx("input", { type: "hidden", value: t.join(","), name: I }) : null
             ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-            lineNumber: 174,
-            columnNumber: 11
-          },
-          void 0
+          }
         ),
-        /* @__PURE__ */ i.jsxDEV(
-          me,
-          {
-            description: V ?? G.tagInputDescription,
-            errorMessage: S,
-            hideInputFooter: T
-          },
-          void 0,
-          !1,
+        /* @__PURE__ */ o.jsx(
+          pe,
           {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-            lineNumber: 270,
-            columnNumber: 11
-          },
-          void 0
+            description: k ?? H.tagInputDescription,
+            errorMessage: E,
+            hideInputFooter: D
+          }
         )
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-        lineNumber: 167,
-        columnNumber: 9
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",
-      lineNumber: 154,
-      columnNumber: 5
-    },
-    void 0
+      ] })
+    }
   );
 };
-I.displayName = "TagInput";
-const Ve = ae(I);
+N.displayName = "TagInput";
+const ke = ne(N);
 export {
-  Ve as TagInput
+  ke as TagInput
 };