@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra40.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra40.js","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n      \"py-2\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {\n        inputField: \"border-error\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":";AAEO,MAAMA,IAAoBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACL,SAAS,CAAC,eAAe;AAAA,IACzB,aAAa,CAAC,QAAQ,kBAAkB,SAAS,MAAM;AAAA,IACvD,OAAO,CAAC,aAAa,iBAAiB,kBAAkB,YAAY,cAAc;AAAA,IAClF,MAAM,CAAC,WAAW,eAAe;AAAA,IACjC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,cAAc,WAAW,MAAM;AAAA,IAC9C,aAAa,CAAC,WAAW,kBAAkB,MAAM;AAAA,IACjD,4BAA4B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF,CAAC;"}
+{"version":3,"file":"lyra40.js","sources":["../src/components/inputs/shared/styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedInputStyles = tv({\n  slots: {\n    wrapper: [\"flex flex-col\"],\n    inputHeader: [\"flex\", \"items-baseline\", \"gap-1\", \"mb-1\"],\n    label: [\"text-base\", \"font-semibold\", \"transition-all\", \"ease-out\", \"duration-150\"],\n    hint: [\"text-sm\", \"text-tertiary\"],\n    inputField: [\n      \"flex\",\n      \"items-center\",\n      \"outline-none\",\n      \"border\",\n      \"border-solid\",\n      \"border-default\",\n      \"rounded\",\n      \"font-sans\",\n      \"text-base\",\n      \"transition-all\",\n      \"ease-out\",\n      \"duration-150\",\n      \"placeholder:text-tertiary\",\n      \"px-2.5\",\n    ],\n    input: [\n      \"w-full\",\n      \"flex-grow\",\n      \"outline-none\",\n      \"disabled:cursor-not-allowed\",\n      \"text-base\",\n      \"bg-transparent\",\n      \"min-h-[1.875rem]\",\n    ],\n    errorMessage: [\"text-error\", \"text-sm\", \"mt-1\"],\n    description: [\"text-sm\", \"text-secondary\", \"mt-1\"],\n    buttonExcludedFromTabOrder: [\n      \"outline-none\",\n      \"text-secondary\",\n      \"animate-in\",\n      \"zoom-in\",\n      \"duration-200\",\n    ],\n    button: [\n      \"outline-none box-border rounded-xxs focus-visible:bg-action-highlight focus-visible:shadow-highlight\",\n    ],\n  },\n  variants: {\n    fullWidth: {\n      true: {\n        wrapper: \"w-full\",\n        inputField: \"w-full\",\n      },\n      false: {\n        wrapper: \"w-fit\",\n        inputField: \"w-fit\",\n      },\n    },\n    isDisabled: {\n      true: {\n        inputField:\n          \"bg-surface-secondary text-secondary placeholder:text-tertiary cursor-not-allowed\",\n      },\n      false: {\n        inputField: \"bg-surface-primary text-primary shadow-inner\",\n      },\n    },\n    isInvalid: {\n      true: {\n        inputField: \"border-error\",\n      },\n    },\n    isHovered: {\n      true: {},\n    },\n    isFocused: {\n      true: {\n        inputField: \"!border-focus !shadow-highlight-and-inner\",\n      },\n    },\n    hasEndSlot: {\n      true: {\n        inputField: \"pe-2\",\n      },\n    },\n    hasStartSlot: {\n      true: {\n        inputField: \"ps-2\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isDisabled: false,\n      isFocused: false,\n      isInvalid: false,\n      isHovered: true,\n      className: {\n        inputField: \"!border-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    isDisabled: false,\n    fullWidth: true,\n  },\n});\n"],"names":["sharedInputStyles","tv"],"mappings":";AAEO,MAAMA,IAAoBC,EAAG;AAAA,EAClC,OAAO;AAAA,IACL,SAAS,CAAC,eAAe;AAAA,IACzB,aAAa,CAAC,QAAQ,kBAAkB,SAAS,MAAM;AAAA,IACvD,OAAO,CAAC,aAAa,iBAAiB,kBAAkB,YAAY,cAAc;AAAA,IAClF,MAAM,CAAC,WAAW,eAAe;AAAA,IACjC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,cAAc,WAAW,MAAM;AAAA,IAC9C,aAAa,CAAC,WAAW,kBAAkB,MAAM;AAAA,IACjD,4BAA4B;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM,CAAC;AAAA,IACT;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,YAAY;AAAA,IACZ,WAAW;AAAA,EACb;AACF,CAAC;"}

package/dist/lyra41.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra89.cjs"),i=require("./lyra88.cjs"),m=require("./lyra92.cjs"),j=require("./lyra42.cjs");function h({children:n,...e},c){[e,c]=i.useContextProps(e,c,i.SwitchContext);const{label:x,thumb:o,track:a,wrapper:u}=j.switchStyles();return t.jsxRuntimeExports.jsx(i.Switch,{...e,className:i.composeRenderProps(e.className,(s,l)=>u({...l,className:s})),ref:c,children:s=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx("div",{className:a(s),children:t.jsxRuntimeExports.jsx("div",{className:o(s)})}),n?t.jsxRuntimeExports.jsx("div",{className:x(s),children:n}):null]})})}const r=m.fixedForwardRef(h);r.displayName="Switch";exports.Switch=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),i=require("./lyra88.cjs"),h=require("./lyra92.cjs"),p=require("./lyra42.cjs");function x({children:n,...t},c){[t,c]=i.useContextProps(t,c,i.SwitchContext);const{label:m,thumb:o,track:l,wrapper:u}=p.switchStyles();return e.jsxDevRuntimeExports.jsxDEV(i.Switch,{...t,className:i.composeRenderProps(t.className,(s,a)=>u({...a,className:s})),ref:c,children:s=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV("div",{className:l(s),children:e.jsxDevRuntimeExports.jsxDEV("div",{className:o(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),n?e.jsxDevRuntimeExports.jsxDEV("div",{className:m(s),children:n},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)}const r=h.fixedForwardRef(x);r.displayName="Switch";exports.Switch=r;

package/dist/lyra41.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra41.cjs","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":"8LAiBA,SAASA,EACP,CAAE,SAAAC,EAAU,GAAGC,CAAA,EACfC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EACxD,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,QAAAC,CAAA,EAAYC,EAAAA,eAEvC,OAAAC,EAAA,kBAAA,IAACC,EAAA,OAAA,CACE,GAAGV,EACJ,UAAWW,EAAA,mBAAmBX,EAAM,UAAW,CAACY,EAAWC,IACzDN,EAAQ,CAAE,GAAGM,EAAa,UAAAD,EAAW,CACvC,EACA,IAAAX,EAEC,SAACY,GAEEC,EAAA,kBAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAACN,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWH,EAAMO,CAAW,EAC/B,SAACJ,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAWJ,EAAMQ,CAAW,CAAA,CAAG,CACtC,CAAA,EACCd,0BAAY,MAAI,CAAA,UAAWK,EAAMS,CAAW,EAAI,SAAAd,CAAS,CAAA,EAAS,IAAA,EACrE,CAAA,CAAA,CAIR,CAEa,MAAAiB,EAASC,kBAAgBnB,CAAO,EAE7CkB,EAAO,YAAc"}
+{"version":3,"file":"lyra41.cjs","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":"8LAiBA,SAASA,EACP,CAAE,SAAAC,EAAU,GAAGC,CAAA,EACfC,EACA,CACA,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,aAAa,EACxD,KAAM,CAAE,MAAAC,EAAO,MAAAC,EAAO,MAAAC,EAAO,QAAAC,CAAA,EAAYC,EAAAA,eAEvC,OAAAC,EAAA,qBAAA,OAACC,EAAA,OAAA,CACE,GAAGV,EACJ,UAAWW,EAAA,mBAAmBX,EAAM,UAAW,CAACY,EAAWC,IACzDN,EAAQ,CAAE,GAAGM,EAAa,UAAAD,EAAW,CACvC,EACA,IAAAX,EAEC,SAACY,GAEEJ,EAAA,qBAAA,OAAAK,EAAA,qBAAA,SAAA,CAAA,SAAA,CAACL,EAAA,qBAAA,OAAA,MAAA,CAAI,UAAWH,EAAMO,CAAW,EAC/B,uCAAC,MAAI,CAAA,UAAWR,EAAMQ,CAAW,CAAjC,EAAA,OAAA,GAAA,CAAA,SAAA,2EAAA,WAAA,GAAA,aAAA,EAAA,EAAA,IAAoC,CADtC,EAAA,OAAA,GAAA,CAAA,SAAA,2EAAA,WAAA,GAAA,aAAA,EAEA,EAAA,IAAA,EACCd,EAAYU,EAAA,qBAAA,OAAA,MAAA,CAAI,UAAWL,EAAMS,CAAW,EAAI,SAAAd,CAArC,EAAA,OAAA,GAAA,CAAA,SAAA,2EAAA,WAAA,GAAA,aAAA,EAAA,EAAA,IAA8C,EAAS,IAAA,GAJrE,OAAA,GAAA,CAAA,SAAA,2EAAA,WAAA,GAAA,aAAA,CAKA,EAAA,IAAA,CAAA,EAbJ,OAAA,GAAA,CAAA,SAAA,2EAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAAA,CAiBJ,CAEa,MAAAgB,EAASC,kBAAgBlB,CAAO,EAE7CiB,EAAO,YAAc"}

package/dist/lyra41.js

@@ -1,28 +1,52 @@
-import { j as a } from "./lyra89.js";
-import { useContextProps as f, SwitchContext as d, Switch as l, composeRenderProps as $ } from "./lyra88.js";
-import { fixedForwardRef as n } from "./lyra92.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,
+import { j as e } from "./lyra89.js";
+import { useContextProps as l, SwitchContext as p, Switch as u, composeRenderProps as h } from "./lyra88.js";
+import { fixedForwardRef as f } from "./lyra92.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,
     {
       ...t,
-      className: $(
+      className: h(
         t.className,
-        (e, x) => r({ ...x, className: e })
+        (s, n) => o({ ...n, className: s })
       ),
-      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
-      ] })
-    }
+      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
   );
 }
-const w = n(p);
-w.displayName = "Switch";
+const d = f(x);
+d.displayName = "Switch";
 export {
-  w as Switch
+  d 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","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;"}
+{"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;"}

package/dist/lyra43.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),s=require("react"),q=require("./lyra88.cjs"),L=require("./lyra100.cjs"),J=require("./lyra449.cjs"),Q=require("./lyra92.cjs"),U=require("./lyra596.cjs"),X=require("./lyra94.cjs"),M=require("./lyra457.cjs");require("./lyra458.cjs");const Y=require("./lyra38.cjs"),Z=require("./lyra39.cjs"),ee=require("./lyra40.cjs"),te=require("./lyra87.cjs"),k=({description:I,fullWidth:T=!0,hideHintLabel:E,hideInputFooter:y,hideInputHeader:F,inputRef:d,label:x,onChange:a,value:m,...l},c)=>{[l,c]=q.useContextProps(l,c,q.TextFieldContext);const g=s.useRef(null),f=L.useObjectRef(d?L.mergeRefs(g,d):g),{className:R,errorMessage:p,isDisabled:v=!1,isInvalid:h,isRequired:u,name:B,...C}=l,b=X.useDictionary(),[V,S]=s.useState(""),[t,D]=s.useState(m??[]),{input:G,inputField:O,wrapper:_}=ee.sharedInputStyles({fullWidth:T});s.useEffect(()=>{D(m??[])},[m]);const j=s.useCallback(e=>{D(e),a==null||a(e)},[a]),A=s.useMemo(()=>t.map(e=>({key:e,value:e})),[t]),H=s.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const o=e.currentTarget.value.trim();o&&!t.includes(o)&&j([...t,e.currentTarget.value.trim()]),S("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),j(t.slice(0,-1))))},[j,t]),z=s.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const o=e.clipboardData.getData("Text");if(o){const n=o?o.split(",").map(i=>i.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(i=>i.length>0).map(i=>i.trim()):[];j(Array.from(new Set([...t,...n])))}}},[j,t]),{groupRef:K,inputPosition:N,setFirstTag:W,setLastTag:$}=ne(),w=s.useMemo(()=>u&&t.length===0,[t.length,u]);return r.jsxRuntimeExports.jsx(q.TextField,{className:_({className:R}),isDisabled:v,isInvalid:h,isRequired:w,...C,onKeyDown:H,value:V,onChange:S,onPaste:z,ref:c,children:({isDisabled:e,isInvalid:o})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(Y.InputHeader,{label:x,isRequired:u,hideHintLabel:E,hideInputHeader:F}),r.jsxRuntimeExports.jsxs(q.Group,{className:({isFocusWithin:n,isHovered:i})=>O({isFocused:n,isHovered:i,isDisabled:e,isInvalid:o,className:"relative flex-wrap items-start gap-1"}),ref:K,onFocus:()=>{var n;t.length===0&&((n=f==null?void 0:f.current)==null||n.focus())},children:[r.jsxRuntimeExports.jsx(M.InputTagGroup,{label:x??b.values,items:A,onRemove:n=>{j(t.filter(i=>!n.has(i)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:t.map((n,i)=>r.jsxRuntimeExports.jsx(M.InputTag,{id:n,isDisabled:e,ref:P=>{i===t.length-1&&$(P),i===0&&W(P)},children:n},n))}),N.isFirstInLine?r.jsxRuntimeExports.jsx("div",{className:J.clsx("w-full",t.length?"h-[1.625rem]":"h-4")}):null,r.jsxRuntimeExports.jsx("div",{style:{...N.style},className:"absolute flex h-6 items-center ps-2",children:r.jsxRuntimeExports.jsx(q.Input,{className:G({className:"my-px w-full"}),ref:f,disabled:e,required:w,placeholder:e&&!m?"-":l.placeholder})}),r.jsxRuntimeExports.jsx("input",{type:"hidden",value:t.join(","),name:B})]}),r.jsxRuntimeExports.jsx(Z.InputFooter,{description:I??b.tagInputDescription,errorMessage:p,hideInputFooter:y})]})})};k.displayName="TagInput";const se=Q.fixedForwardRef(k),ne=()=>{const I=s.useRef(null),[T,E]=s.useState(),[y,F]=s.useState(),d=te.useLocale(),x=32*4,a=s.useCallback(()=>{const c=u=>d.direction==="rtl"?u.right:u.left,g=u=>d.direction==="rtl"?u.left:u.right;if(!T||!I.current||!y)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const f=y.getBoundingClientRect(),R=T.getBoundingClientRect(),p=I.current.getBoundingClientRect(),v=Math.abs(g(p)-g(R))-10,h=v<x;return{style:{top:h?R.bottom-p.top+4:R.top-p.top,insetInlineStart:h?Math.abs(c(f)-c(p))-2:Math.abs(g(R)-c(p))+2,width:h?"calc(100% - 16px)":Math.max(v,x)},isFirstInLine:h}},[y,T,d.direction,x]),[m,l]=s.useState(a());return s.useLayoutEffect(()=>{l(a())},[a]),U.default("resize",()=>{l(a())}),{groupRef:I,setLastTag:E,setFirstTag:F,inputPosition:m}};exports.TagInput=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),s=require("react"),T=require("./lyra88.cjs"),L=require("./lyra100.cjs"),J=require("./lyra449.cjs"),Q=require("./lyra92.cjs"),X=require("./lyra595.cjs"),Y=require("./lyra94.cjs"),M=require("./lyra456.cjs");require("./lyra457.cjs");const Z=require("./lyra38.cjs"),ee=require("./lyra39.cjs"),te=require("./lyra40.cjs"),se=require("./lyra87.cjs"),C=({defaultValue:o,description:y,fullWidth:I=!0,hideHintLabel:R,hideInputFooter:k,hideInputHeader:h,inputRef:d,label:f,onChange:g,value:x,...l},N)=>{[l,N]=T.useContextProps(l,N,T.TextFieldContext);const v=s.useRef(null),u=L.useObjectRef(d?L.mergeRefs(v,d):v),{className:E,errorMessage:q,isDisabled:b=!1,isInvalid:c,isRequired:j,name:p,...m}=l,F=Y.useDictionary(),[B,V]=s.useState(""),[t,S]=s.useState(x??o??[]),{input:G,inputField:O,wrapper:_}=te.sharedInputStyles({fullWidth:I});s.useEffect(()=>{S(x??o??[])},[x,o]);const D=s.useCallback(e=>{S(e),g==null||g(e)},[g]),A=s.useMemo(()=>t.map(e=>({key:e,value:e})),[t]),H=s.useCallback(e=>{if(["Enter",","].includes(e.key)){e.preventDefault();const a=e.currentTarget.value.trim();a&&!t.includes(a)&&D([...t,e.currentTarget.value.trim()]),V("")}else e.key==="Backspace"&&(e.currentTarget.value||(e.preventDefault(),D(t.slice(0,-1))))},[D,t]),z=s.useCallback(e=>{if(e.preventDefault(),e.clipboardData){const a=e.clipboardData.getData("Text");if(a){const n=a?a.split(",").map(i=>i.replace(/[\u200B-\u200D\uFEFF]/g,"")).filter(i=>i.length>0).map(i=>i.trim()):[];D(Array.from(new Set([...t,...n])))}}},[D,t]),{groupRef:K,inputPosition:P,setFirstTag:W,setLastTag:$}=ie(),U=s.useMemo(()=>j&&t.length===0,[t.length,j]);return r.jsxDevRuntimeExports.jsxDEV(T.TextField,{className:_({className:E}),isDisabled:b,isInvalid:c,isRequired:U,...m,onKeyDown:H,value:B,onChange:V,onPaste:z,ref:N,children:({isDisabled:e,isInvalid:a})=>r.jsxDevRuntimeExports.jsxDEV(r.jsxDevRuntimeExports.Fragment,{children:[r.jsxDevRuntimeExports.jsxDEV(Z.InputHeader,{label:f,isRequired:j,hideHintLabel:R,hideInputHeader:h},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:172,columnNumber:11},void 0),r.jsxDevRuntimeExports.jsxDEV(T.Group,{className:({isFocusWithin:n,isHovered:i})=>O({isFocused:n,isHovered:i,isDisabled:e,isInvalid:a,className:"relative flex-wrap items-start gap-1 py-2"}),ref:K,onFocus:()=>{var n;t.length===0&&((n=u==null?void 0:u.current)==null||n.focus())},children:[r.jsxDevRuntimeExports.jsxDEV(M.InputTagGroup,{label:f??F.values,items:A,onRemove:n=>{D(t.filter(i=>!n.has(i)))},className:"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1",children:t.map((n,i)=>r.jsxDevRuntimeExports.jsxDEV(M.InputTag,{id:n,isDisabled:e,ref:w=>{i===t.length-1&&$(w),i===0&&W(w)},children:n},n,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:203,columnNumber:17},void 0))},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:194,columnNumber:13},void 0),r.jsxDevRuntimeExports.jsxDEV("div",{className:J.clsx("w-full transition-all duration-100",t.length&&!P.isFirstInLine?"h-0":t.length?"h-[1.625rem]":"h-4")},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:220,columnNumber:13},void 0),r.jsxDevRuntimeExports.jsxDEV("div",{style:{...P.style},className:"absolute flex h-6 items-center ps-2",children:r.jsxDevRuntimeExports.jsxDEV(T.Input,{className:G({className:"my-px w-full"}),ref:u,disabled:e,required:U,placeholder:e&&!x?"-":l.placeholder},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:232,columnNumber:15},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:231,columnNumber:13},void 0),p?r.jsxDevRuntimeExports.jsxDEV("input",{type:"hidden",value:t.join(","),name:p},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:241,columnNumber:21},void 0):null]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:178,columnNumber:11},void 0),r.jsxDevRuntimeExports.jsxDEV(ee.InputFooter,{description:y??F.tagInputDescription,errorMessage:q,hideInputFooter:k},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:243,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:171,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/tag-input/tag-input.tsx",lineNumber:158,columnNumber:5},void 0)};C.displayName="TagInput";const ne=Q.fixedForwardRef(C),ie=()=>{const o=s.useRef(null),[y,I]=s.useState(),[R,k]=s.useState(),h=se.useLocale(),d=32*4,f=s.useCallback(()=>{const u=m=>h.direction==="rtl"?m.right:m.left,E=m=>h.direction==="rtl"?m.left:m.right;if(!y||!o.current||!R)return{style:{top:4,insetInlineStart:3,width:"calc(100% - 16px)"},isFirstInLine:!0};const q=R.getBoundingClientRect(),b=y.getBoundingClientRect(),c=o.current.getBoundingClientRect(),j=Math.abs(E(c)-E(b))-10,p=j<d;return{style:{top:p?b.bottom-c.top+4:b.top-c.top,insetInlineStart:p?Math.abs(u(q)-u(c))-2:Math.abs(E(b)-u(c))+2,width:p?"calc(100% - 16px)":Math.max(j,d)},isFirstInLine:p}},[R,y,h.direction,d]),[g,x]=s.useState(f()),[l,N]=s.useTransition(),v=s.useCallback(()=>{x(f())},[f]);return s.useLayoutEffect(()=>{l||N(()=>v())},[l,v]),X.default("resize",()=>{N(()=>v())}),{groupRef:o,setLastTag:I,setFirstTag:k,inputPosition:g}};exports.TagInput=ne;

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  useLayoutEffect,\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  useLocale,\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 useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } 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\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\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 ?? []);\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? []);\n  }, [value]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\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 { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\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            ref={groupRef}\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            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n\n            {inputPosition.isFirstInLine ? (\n              <div className={clsx(\"w-full\", internalValue.length ? \"h-[1.625rem]\" : \"h-4\")} />\n            ) : null}\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                disabled={isDisabled}\n                required={shouldInputBeRequired}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\n            <input type=\"hidden\" value={internalValue.join(\",\")} name={name} />\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\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  useLayoutEffect(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    setInputPosition(getInputPosition());\n  });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\n"],"names":["_TagInput","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","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","shouldInputBeRequired","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","useLayoutEffect","useEventListener"],"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  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useTransition,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n  useLocale,\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 useEventListener from \"../../../utils/hooks/use-event-listener\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { InputTag, InputTagGroup } 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 { input, 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 tags = useMemo(\n    () => internalValue.map((tag) => ({ key: tag, value: tag })),\n    [internalValue],\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 { groupRef, inputPosition, setFirstTag, setLastTag } = useInputPosition();\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\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 py-2\",\n              });\n            }}\n            ref={groupRef}\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            <InputTagGroup\n              label={label ?? dictionary.values}\n              items={tags}\n              onRemove={(removedTags) => {\n                internalOnChange(internalValue.filter((tag) => !removedTags.has(tag)));\n              }}\n              className=\"-m-1.5 -my-[0.3125rem] flex flex-wrap gap-1\"\n            >\n              {internalValue.map((item, index) => (\n                <InputTag\n                  key={item}\n                  id={item}\n                  isDisabled={isDisabled}\n                  ref={(instance) => {\n                    if (index === internalValue.length - 1) {\n                      setLastTag(instance);\n                    }\n                    if (index === 0) {\n                      setFirstTag(instance);\n                    }\n                  }}\n                >\n                  {item}\n                </InputTag>\n              ))}\n            </InputTagGroup>\n            <div\n              className={clsx(\n                \"w-full transition-all duration-100\",\n                internalValue.length && !inputPosition.isFirstInLine\n                  ? \"h-0\"\n                  : internalValue.length\n                  ? \"h-[1.625rem]\"\n                  : \"h-4\",\n              )}\n            />\n\n            <div style={{ ...inputPosition.style }} className=\"absolute flex h-6 items-center ps-2\">\n              <Input\n                className={input({ className: \"my-px w-full\" })}\n                ref={textInputRef}\n                disabled={isDisabled}\n                required={shouldInputBeRequired}\n                placeholder={isDisabled && !value ? \"-\" : props.placeholder}\n              />\n            </div>\n\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\nconst useInputPosition = () => {\n  const groupRef = useRef<HTMLDivElement>(null);\n  const [lastTag, setLastTag] = useState<HTMLDivElement | null>();\n  const [firstTag, setFirstTag] = useState<HTMLDivElement | null>();\n\n  const locale = useLocale();\n\n  const minWidth = 32 * 4;\n\n  const getInputPosition = useCallback(() => {\n    const getRectStart = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.right : rect.left);\n    const getRectEnd = (rect: DOMRect) => (locale.direction === \"rtl\" ? rect.left : rect.right);\n\n    // if there are no tags or the group ref is not set, return the default position at the start of the group\n    if (!lastTag || !groupRef.current || !firstTag) {\n      return {\n        style: {\n          top: 4,\n          insetInlineStart: 3,\n          width: \"calc(100% - 16px)\",\n        },\n        isFirstInLine: true,\n      };\n    }\n\n    const firstTagRect = firstTag.getBoundingClientRect();\n    const lastTagRect = lastTag.getBoundingClientRect();\n    const groupRect = groupRef.current.getBoundingClientRect();\n\n    // compute available space between the last tag and the end of the group\n    const availableSpace = Math.abs(getRectEnd(groupRect) - getRectEnd(lastTagRect)) - 10;\n    // if the available space is less than the minimum width of the input, push the input to the next line\n    const pushToNextLine = availableSpace < minWidth;\n\n    return {\n      style: {\n        top: pushToNextLine\n          ? // if pushing to the next line, top of the input should be bottom of the last tag + 4px gap\n            lastTagRect.bottom - groupRect.top + 4\n          : // if keeping on the same line, top of the input should be top of the last tag\n            lastTagRect.top - groupRect.top,\n\n        insetInlineStart: pushToNextLine\n          ? // if pushing to the next line, start of the input should be the start of the group\n            Math.abs(getRectStart(firstTagRect) - getRectStart(groupRect)) - 2\n          : // if keeping on the same line, start of the input should be the end of the last tag\n            Math.abs(getRectEnd(lastTagRect) - getRectStart(groupRect)) + 2,\n\n        width: pushToNextLine\n          ? // if pushing to the next line, input should fill up the whole width of the group (minus the padding of the group)\n            \"calc(100% - 16px)\"\n          : // if keeping on the same line, input should take the available space between the last tag and the end of the group\n            Math.max(availableSpace, minWidth),\n      },\n      isFirstInLine: pushToNextLine,\n    };\n  }, [firstTag, lastTag, locale.direction, minWidth]);\n\n  const [inputPosition, setInputPosition] = useState(getInputPosition());\n\n  const [isPending, startTransition] = useTransition();\n\n  const updateInputPosition = useCallback(() => {\n    setInputPosition(getInputPosition());\n  }, [getInputPosition]);\n\n  useLayoutEffect(() => {\n    if (!isPending) {\n      startTransition(() => updateInputPosition());\n    }\n  }, [isPending, updateInputPosition]);\n\n  useEventListener(\"resize\", () => {\n    startTransition(() => updateInputPosition());\n  });\n\n  // useEventListener(\"transitionend\", () => {\n  //   startTransition(() => updateInputPosition());\n  // });\n\n  return {\n    groupRef,\n    setLastTag,\n    setFirstTag,\n    inputPosition,\n  };\n};\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","input","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","tags","useMemo","tag","onKeyDown","valueToAdd","onPaste","text","splitValues","x","groupRef","inputPosition","setFirstTag","setLastTag","useInputPosition","shouldInputBeRequired","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","_a","InputTagGroup","removedTags","item","index","InputTag","instance","clsx","Input","InputFooter","TagInput","fixedForwardRef","lastTag","firstTag","locale","useLocale","minWidth","getInputPosition","getRectStart","rect","getRectEnd","firstTagRect","lastTagRect","groupRect","availableSpace","pushToNextLine","setInputPosition","isPending","startTransition","useTransition","updateInputPosition","useLayoutEffect","useEventListener"],"mappings":"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"}