@new-black/lyra 1.0.37 → 1.0.38

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),E=require("react"),s=require("./lyra93.cjs"),L=require("./lyra454.cjs"),$=require("./lyra95.cjs"),k=require("./lyra97.cjs"),z=require("./lyra99.cjs"),q=require("./lyra67.cjs"),y=require("./lyra77.cjs"),C=require("./lyra38.cjs"),J=require("./lyra39.cjs"),K=require("./lyra40.cjs"),F=require("./lyra615.cjs"),Q=({className:N,description:r,errorMessage:n,hideHintLabel:i=!1,hideInputFooter:u=!1,hideInputHeader:a=!1,hideStepper:x=!1,label:t,onChange:b,outerEndSlot:c,outerStartSlot:d,startSlot:o,value:f,...m},v)=>{const{decrement:I,increment:g}=z.useDictionary(),{decrementAriaLabel:w=I,fullWidth:O,incrementAriaLabel:T=g,isInvalid:S,isReadOnly:l,isRequired:p}=m,j=E.useMemo(()=>F.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:a,label:t}),[i,a,t]),M=E.useMemo(()=>F.shouldRenderInputFooter({description:r,errorMessage:n,hideInputFooter:u}),[r,n,u]),{input:A,inputField:B,outerSlot:R,outerSlotsWrapper:D,wrapper:P}=K.sharedInputStyles({fullWidth:O,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:j,hasLabel:!!t});return e.jsxRuntimeExports.jsxs("div",{className:D(),children:[d?e.jsxRuntimeExports.jsx("div",{className:R(),children:d}):null,e.jsxRuntimeExports.jsx(s.NumberField,{className:P({className:N}),isInvalid:S,value:f,onChange:b,...m,ref:v,children:({isDisabled:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j?e.jsxRuntimeExports.jsx(C.InputHeader,{label:t,isRequired:p,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:W,isFocusWithin:_,isHovered:G,isInvalid:H})=>$.twMerge(B({isFocused:_,isHovered:G,isDisabled:W||l,isInvalid:H})),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:A({className:L.clsx(!!o&&"ps-1",!x&&"pe-1")}),required:p,disabled:h,readOnly:l,style:{fontFamily:"var(--input-font-family)"}}),!x&&!h&&!l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:w,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:T,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"plus"})})})]}):null]}),M?e.jsxRuntimeExports.jsx(J.InputFooter,{description:r,errorMessage:n}):null]})}),c?e.jsxRuntimeExports.jsx("div",{className:R(),children:c}):null]})},U=k.fixedForwardRef(Q);exports.NumberField=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),E=require("react"),s=require("./lyra93.cjs"),L=require("./lyra454.cjs"),$=require("./lyra95.cjs"),k=require("./lyra97.cjs"),z=require("./lyra99.cjs"),q=require("./lyra67.cjs"),y=require("./lyra77.cjs"),C=require("./lyra38.cjs"),J=require("./lyra39.cjs"),K=require("./lyra40.cjs"),F=require("./lyra623.cjs"),Q=({className:N,description:n,errorMessage:t,hideHintLabel:i=!1,hideInputFooter:u=!1,hideInputHeader:a=!1,hideStepper:x=!1,label:r,onChange:b,outerEndSlot:c,outerStartSlot:d,startSlot:o,value:f,...m},v)=>{const{decrement:I,increment:w}=z.useDictionary(),{decrementAriaLabel:O=I,fullWidth:T,incrementAriaLabel:g=w,isInvalid:S,isReadOnly:l,isRequired:p}=m,j=E.useMemo(()=>F.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:a,label:r}),[i,a,r]),A=E.useMemo(()=>F.shouldRenderInputFooter({description:n,errorMessage:t,hideInputFooter:u}),[n,t,u]),{input:B,inputField:D,outerSlot:R,outerSlotsWrapper:M,wrapper:P}=K.sharedInputStyles({fullWidth:T,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:j,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:M(),children:[d?e.jsxRuntimeExports.jsx("div",{className:R(),children:d}):null,e.jsxRuntimeExports.jsx(s.NumberField,{className:P({className:N}),isInvalid:S,value:f,onChange:b,...m,ref:v,children:({isDisabled:h})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[j?e.jsxRuntimeExports.jsx(C.InputHeader,{label:r,isRequired:p,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:W,isFocusWithin:_,isHovered:G,isInvalid:H})=>$.twMerge(D({isFocused:_,isHovered:G,isDisabled:W||l,isInvalid:H||!!t})),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:B({className:L.clsx(!!o&&"ps-1",!x&&"pe-1")}),required:p,disabled:h,readOnly:l,style:{fontFamily:"var(--input-font-family)"}}),!x&&!h&&!l?e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:O,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"decrement",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"minus"})})}),e.jsxRuntimeExports.jsx(y.Tooltip,{tooltip:g,children:e.jsxRuntimeExports.jsx(s.Button,{slot:"increment",excludeFromTabOrder:!0,className:"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",children:e.jsxRuntimeExports.jsx(q.SvgIcon,{name:"plus"})})})]}):null]}),A?e.jsxRuntimeExports.jsx(J.InputFooter,{description:n,errorMessage:t}):null]})}),c?e.jsxRuntimeExports.jsx("div",{className:R(),children:c}):null]})},U=k.fixedForwardRef(Q);exports.NumberField=U;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid: isInvalid || !!errorMessage,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra29.js

@@ -4,22 +4,22 @@ import { NumberField as k, Group as z, Input as C, Button as h } from "./lyra93.
 import { clsx as H } from "./lyra454.js";
 import { twMerge as J } from "./lyra95.js";
 import { fixedForwardRef as K } from "./lyra97.js";
-import { useDictionary as M } from "./lyra99.js";
+import { useDictionary as P } from "./lyra99.js";
 import { SvgIcon as N } from "./lyra67.js";
 import { Tooltip as F } from "./lyra77.js";
-import { InputHeader as P } from "./lyra38.js";
-import { InputFooter as Q } from "./lyra39.js";
-import { sharedInputStyles as U } from "./lyra40.js";
-import { shouldRenderInputHeader as V, shouldRenderInputFooter as X } from "./lyra615.js";
-const Y = ({
+import { InputHeader as Q } from "./lyra38.js";
+import { InputFooter as U } from "./lyra39.js";
+import { sharedInputStyles as V } from "./lyra40.js";
+import { shouldRenderInputHeader as X, shouldRenderInputFooter as Y } from "./lyra623.js";
+const Z = ({
   className: $,
-  description: s,
-  errorMessage: t,
+  description: t,
+  errorMessage: r,
   hideHintLabel: l = !1,
   hideInputFooter: i = !1,
   hideInputHeader: n = !1,
   hideStepper: d = !1,
-  label: r,
+  label: s,
   onChange: y,
   outerEndSlot: m,
   outerStartSlot: c,
@@ -27,25 +27,25 @@ const Y = ({
   value: I,
   ...u
 }, v) => {
-  const { decrement: R, increment: w } = M(), {
+  const { decrement: R, increment: w } = P(), {
     decrementAriaLabel: O = R,
     fullWidth: T,
-    incrementAriaLabel: g = w,
-    isInvalid: q,
+    incrementAriaLabel: q = w,
+    isInvalid: A,
     isReadOnly: a,
     isRequired: p
   } = u, f = j(
-    () => V({ hideHintLabel: l, hideInputHeader: n, label: r }),
-    [l, n, r]
-  ), A = j(
-    () => X({ description: s, errorMessage: t, hideInputFooter: i }),
-    [s, t, i]
-  ), { input: D, inputField: W, outerSlot: x, outerSlotsWrapper: B, wrapper: E } = U({
+    () => X({ hideHintLabel: l, hideInputHeader: n, label: s }),
+    [l, n, s]
+  ), D = j(
+    () => Y({ description: t, errorMessage: r, hideInputFooter: i }),
+    [t, r, i]
+  ), { input: W, inputField: g, outerSlot: x, outerSlotsWrapper: B, wrapper: E } = V({
     fullWidth: T,
     hasStartSlot: !!o,
     hasEndSlot: !0,
     hasInputHeader: f,
-    hasLabel: !!r
+    hasLabel: !!s
   });
   return /* @__PURE__ */ e.jsxs("div", { className: B(), children: [
     c ? /* @__PURE__ */ e.jsx("div", { className: x(), children: c }) : null,
@@ -53,22 +53,22 @@ const Y = ({
       k,
       {
         className: E({ className: $ }),
-        isInvalid: q,
+        isInvalid: A,
         value: I,
         onChange: y,
         ...u,
         ref: v,
         children: ({ isDisabled: b }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          f ? /* @__PURE__ */ e.jsx(P, { label: r, isRequired: p, hideHintLabel: l }) : null,
+          f ? /* @__PURE__ */ e.jsx(Q, { label: s, isRequired: p, hideHintLabel: l }) : null,
           /* @__PURE__ */ e.jsxs(
             z,
             {
               className: ({ isDisabled: G, isFocusWithin: L, isHovered: S, isInvalid: _ }) => J(
-                W({
+                g({
                   isFocused: L,
                   isHovered: S,
                   isDisabled: G || a,
-                  isInvalid: _
+                  isInvalid: _ || !!r
                 })
               ),
               children: [
@@ -76,7 +76,7 @@ const Y = ({
                 /* @__PURE__ */ e.jsx(
                   C,
                   {
-                    className: D({
+                    className: W({
                       className: H(!!o && "ps-1", !d && "pe-1")
                     }),
                     required: p,
@@ -95,7 +95,7 @@ const Y = ({
                       children: /* @__PURE__ */ e.jsx(N, { name: "minus" })
                     }
                   ) }),
-                  /* @__PURE__ */ e.jsx(F, { tooltip: g, children: /* @__PURE__ */ e.jsx(
+                  /* @__PURE__ */ e.jsx(F, { tooltip: q, children: /* @__PURE__ */ e.jsx(
                     h,
                     {
                       slot: "increment",
@@ -108,13 +108,13 @@ const Y = ({
               ]
             }
           ),
-          A ? /* @__PURE__ */ e.jsx(Q, { description: s, errorMessage: t }) : null
+          D ? /* @__PURE__ */ e.jsx(U, { description: t, errorMessage: r }) : null
         ] })
       }
     ),
     m ? /* @__PURE__ */ e.jsx("div", { className: x(), children: m }) : null
   ] });
-}, ue = K(Y);
+}, ue = K(Z);
 export {
   ue as NumberField
 };

package/dist/lyra29.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.js","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra29.js","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  NumberField as AriaNumberField,\n  NumberFieldProps as AriaNumberFieldProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputOuterSlotsProps &\n  InputFooterProps & {\n    name?: string;\n    value?: number | null;\n    onChange?: (value: number | null) => void;\n    className?: string;\n    placeholder?: string;\n    hideStepper?: boolean;\n    startSlot?: JSX.Element;\n  };\n\nconst _NumberField = (\n  {\n    className,\n    description,\n    errorMessage,\n    hideHintLabel = false,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    hideStepper = false,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    value,\n    ...props\n  }: NumberFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { decrement, increment } = useDictionary();\n  const {\n    decrementAriaLabel = decrement,\n    fullWidth,\n    incrementAriaLabel = increment,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n  } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaNumberField\n        className={wrapper({ className })}\n        isInvalid={isInvalid}\n        // Added type casting to make sure we can support null values\n        value={value as AriaNumberFieldProps[\"value\"]}\n        onChange={onChange as AriaNumberFieldProps[\"onChange\"]}\n        {...props}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                twMerge(\n                  inputField({\n                    isFocused: isFocusWithin,\n                    isHovered: isHovered,\n                    isDisabled: isDisabled || isReadOnly,\n                    isInvalid: isInvalid || !!errorMessage,\n                  }),\n                )\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !hideStepper && \"pe-1\"),\n                })}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                style={{ fontFamily: \"var(--input-font-family)\" }}\n              />\n              {!hideStepper && !isDisabled && !isReadOnly ? (\n                <div className=\"flex items-center gap-2\">\n                  <Tooltip tooltip={decrementAriaLabel}>\n                    <Button\n                      slot=\"decrement\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"minus\" />\n                    </Button>\n                  </Tooltip>\n                  <Tooltip tooltip={incrementAriaLabel}>\n                    <Button\n                      slot=\"increment\"\n                      excludeFromTabOrder\n                      className=\"text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary\"\n                    >\n                      <SvgIcon name=\"plus\" />\n                    </Button>\n                  </Tooltip>\n                </div>\n              ) : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaNumberField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","outerEndSlot","outerStartSlot","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaNumberField","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),v=require("react"),s=require("./lyra93.cjs"),B=require("./lyra454.cjs"),G=require("./lyra97.cjs"),$=require("./lyra99.cjs"),k=require("./lyra65.cjs");require("./lyra66.cjs");const A=require("./lyra67.cjs"),H=require("./lyra77.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),I=require("./lyra615.cjs"),U=({description:t,endSlot:n,fullWidth:p=!0,hideHintLabel:i,hideInputFooter:m=!1,hideInputHeader:o=!1,inputRef:N,isLoading:j,label:r,outerEndSlot:R,outerStartSlot:h,startSlot:u,...l},c)=>{[l,c]=s.useContextProps(l,c,s.SearchFieldContext);const{className:S,errorMessage:a,isDisabled:y=!1,isInvalid:f,isRequired:x,...g}=l,{clear:M}=$.useDictionary(),q=v.useMemo(()=>I.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:o,label:r}),[i,o,r]),T=v.useMemo(()=>I.shouldRenderInputFooter({description:t,errorMessage:a,hideInputFooter:m}),[t,a,m]),{buttonExcludedFromTabOrder:b,input:O,inputField:P,outerSlot:E,outerSlotsWrapper:w,wrapper:C}=Q.sharedInputStyles({fullWidth:p,hasStartSlot:!!u,hasEndSlot:!0,hasInputHeader:q,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:w(),children:[h?e.jsxRuntimeExports.jsx("div",{className:E(),children:h}):null,e.jsxRuntimeExports.jsx(s.SearchField,{className:C({className:S}),isDisabled:y,isRequired:x,isInvalid:f,"aria-label":o?r:void 0,...g,ref:c,children:({isDisabled:d,isEmpty:F,isInvalid:D})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[q?e.jsxRuntimeExports.jsx(J.InputHeader,{isRequired:x,label:r,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:z})=>P({fullWidth:p,isFocused:_,isHovered:z,isDisabled:d,isInvalid:D,hasEndSlot:!F||!!n}),children:[u,e.jsxRuntimeExports.jsx(s.Input,{className:O({className:B.clsx(!!u&&"ps-1",!!n&&"pe-1")}),ref:N,required:x,disabled:d}),!F&&!j&&!d?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:M,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:b(),children:e.jsxRuntimeExports.jsx(A.SvgIcon,{name:"clear"})})}):null,j?e.jsxRuntimeExports.jsx(k.Spinner,{size:"small"}):null,n]}),T?e.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:a}):null]})}),R?e.jsxRuntimeExports.jsx("div",{className:E(),children:R}):null]})},V=G.fixedForwardRef(U);exports.SearchField=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),v=require("react"),s=require("./lyra93.cjs"),B=require("./lyra454.cjs"),G=require("./lyra97.cjs"),$=require("./lyra99.cjs"),k=require("./lyra65.cjs");require("./lyra66.cjs");const A=require("./lyra67.cjs"),H=require("./lyra77.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),I=require("./lyra623.cjs"),U=({description:n,endSlot:i,fullWidth:p=!0,hideHintLabel:o,hideInputFooter:m=!1,hideInputHeader:u=!1,inputRef:N,isLoading:j,label:r,outerEndSlot:R,outerStartSlot:h,startSlot:l,...c},a)=>{[c,a]=s.useContextProps(c,a,s.SearchFieldContext);const{className:S,errorMessage:t,isDisabled:y=!1,isInvalid:f,isRequired:x,...g}=c,{clear:M}=$.useDictionary(),q=v.useMemo(()=>I.shouldRenderInputHeader({hideHintLabel:o,hideInputHeader:u,label:r}),[o,u,r]),T=v.useMemo(()=>I.shouldRenderInputFooter({description:n,errorMessage:t,hideInputFooter:m}),[n,t,m]),{buttonExcludedFromTabOrder:b,input:O,inputField:P,outerSlot:E,outerSlotsWrapper:w,wrapper:C}=Q.sharedInputStyles({fullWidth:p,hasStartSlot:!!l,hasEndSlot:!0,hasInputHeader:q,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:w(),children:[h?e.jsxRuntimeExports.jsx("div",{className:E(),children:h}):null,e.jsxRuntimeExports.jsx(s.SearchField,{className:C({className:S}),isDisabled:y,isRequired:x,isInvalid:f,"aria-label":u?r:void 0,...g,ref:a,children:({isDisabled:d,isEmpty:F,isInvalid:D})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[q?e.jsxRuntimeExports.jsx(J.InputHeader,{isRequired:x,label:r,hideHintLabel:o}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:z})=>P({fullWidth:p,isFocused:_,isHovered:z,isDisabled:d,isInvalid:D||!!t,hasEndSlot:!F||!!i}),children:[l,e.jsxRuntimeExports.jsx(s.Input,{className:O({className:B.clsx(!!l&&"ps-1",!!i&&"pe-1")}),ref:N,required:x,disabled:d}),!F&&!j&&!d?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:M,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:b(),children:e.jsxRuntimeExports.jsx(A.SvgIcon,{name:"clear"})})}):null,j?e.jsxRuntimeExports.jsx(k.Spinner,{size:"small"}):null,i]}),T?e.jsxRuntimeExports.jsx(K.InputFooter,{description:n,errorMessage:t}):null]})}),R?e.jsxRuntimeExports.jsx("div",{className:E(),children:R}):null]})},V=G.fixedForwardRef(U);exports.SearchField=V;

package/dist/lyra33.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra33.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    sharedInputStyles({\n      fullWidth,\n      hasStartSlot: !!startSlot,\n      hasEndSlot: true,\n      hasInputHeader,\n      hasLabel: !!label,\n    });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid,\n                  hasEndSlot: !isEmpty || !!endSlot,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra33.cjs","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    sharedInputStyles({\n      fullWidth,\n      hasStartSlot: !!startSlot,\n      hasEndSlot: true,\n      hasInputHeader,\n      hasLabel: !!label,\n    });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid: isInvalid || !!errorMessage,\n                  hasEndSlot: !isEmpty || !!endSlot,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra33.js

@@ -11,39 +11,39 @@ import { Tooltip as V } from "./lyra77.js";
 import { InputHeader as W } from "./lyra38.js";
 import { InputFooter as X } from "./lyra39.js";
 import { sharedInputStyles as Y } from "./lyra40.js";
-import { shouldRenderInputHeader as Z, shouldRenderInputFooter as H } from "./lyra615.js";
+import { shouldRenderInputHeader as Z, shouldRenderInputFooter as H } from "./lyra623.js";
 const L = ({
-  description: s,
-  endSlot: o,
+  description: o,
+  endSlot: a,
   fullWidth: p = !0,
-  hideHintLabel: a,
+  hideHintLabel: t,
   hideInputFooter: f = !1,
-  hideInputHeader: t = !1,
+  hideInputHeader: c = !1,
   inputRef: I,
   isLoading: u,
   label: r,
   outerEndSlot: x,
   outerStartSlot: b,
-  startSlot: c,
-  ...l
-}, m) => {
-  [l, m] = z(l, m, B);
+  startSlot: l,
+  ...m
+}, d) => {
+  [m, d] = z(m, d, B);
   const {
     className: N,
-    errorMessage: d,
+    errorMessage: s,
     isDisabled: v = !1,
     isInvalid: S,
     isRequired: i,
     ...R
-  } = l, { clear: T } = K(), $ = F(
-    () => Z({ hideHintLabel: a, hideInputHeader: t, label: r }),
-    [a, t, r]
+  } = m, { clear: T } = K(), $ = F(
+    () => Z({ hideHintLabel: t, hideInputHeader: c, label: r }),
+    [t, c, r]
   ), g = F(
-    () => H({ description: s, errorMessage: d, hideInputFooter: f }),
-    [s, d, f]
+    () => H({ description: o, errorMessage: s, hideInputFooter: f }),
+    [o, s, f]
   ), { buttonExcludedFromTabOrder: q, input: w, inputField: C, outerSlot: h, outerSlotsWrapper: D, wrapper: E } = Y({
     fullWidth: p,
-    hasStartSlot: !!c,
+    hasStartSlot: !!l,
     hasEndSlot: !0,
     hasInputHeader: $,
     hasLabel: !!r
@@ -59,11 +59,11 @@ const L = ({
         isDisabled: v,
         isRequired: i,
         isInvalid: S,
-        "aria-label": t ? r : void 0,
+        "aria-label": c ? r : void 0,
         ...R,
-        ref: m,
+        ref: d,
         children: ({ isDisabled: n, isEmpty: j, isInvalid: M }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          $ ? /* @__PURE__ */ e.jsx(W, { isRequired: i, label: r, hideHintLabel: a }) : null,
+          $ ? /* @__PURE__ */ e.jsx(W, { isRequired: i, label: r, hideHintLabel: t }) : null,
           /* @__PURE__ */ e.jsxs(
             P,
             {
@@ -72,16 +72,16 @@ const L = ({
                 isFocused: O,
                 isHovered: y,
                 isDisabled: n,
-                isInvalid: M,
-                hasEndSlot: !j || !!o
+                isInvalid: M || !!s,
+                hasEndSlot: !j || !!a
               }),
               children: [
-                c,
+                l,
                 /* @__PURE__ */ e.jsx(
                   _,
                   {
                     className: w({
-                      className: A(!!c && "ps-1", !!o && "pe-1")
+                      className: A(!!l && "ps-1", !!a && "pe-1")
                     }),
                     ref: I,
                     required: i,
@@ -90,11 +90,11 @@ const L = ({
                 ),
                 !j && !u && !n ? /* @__PURE__ */ e.jsx(V, { tooltip: T, children: /* @__PURE__ */ e.jsx(k, { excludeFromTabOrder: !0, className: q(), children: /* @__PURE__ */ e.jsx(U, { name: "clear" }) }) }) : null,
                 u ? /* @__PURE__ */ e.jsx(Q, { size: "small" }) : null,
-                o
+                a
               ]
             }
           ),
-          g ? /* @__PURE__ */ e.jsx(X, { description: s, errorMessage: d }) : null
+          g ? /* @__PURE__ */ e.jsx(X, { description: o, errorMessage: s }) : null
         ] })
       }
     ),

package/dist/lyra33.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra33.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    sharedInputStyles({\n      fullWidth,\n      hasStartSlot: !!startSlot,\n      hasEndSlot: true,\n      hasInputHeader,\n      hasLabel: !!label,\n    });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid,\n                  hasEndSlot: !isEmpty || !!endSlot,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra33.js","sources":["../src/components/inputs/search-field/search-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Button,\n  Group,\n  Input,\n  SearchField as AriaSearchField,\n  SearchFieldContext,\n  SearchFieldProps as AriaSearchFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { Spinner } from \"../../spinner\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { Tooltip } from \"../../tooltip\";\nimport { InputHeader, InputHeaderProps, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputFooter, InputFooterProps } from \"../shared/input-footer\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    label: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    isLoading?: boolean;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _SearchField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter = false,\n    hideInputHeader = false,\n    inputRef,\n    isLoading,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: SearchFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, SearchFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    ...textFieldprops\n  } = props;\n  const { clear } = useDictionary();\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { buttonExcludedFromTabOrder, input, inputField, outerSlot, outerSlotsWrapper, wrapper } =\n    sharedInputStyles({\n      fullWidth,\n      hasStartSlot: !!startSlot,\n      hasEndSlot: true,\n      hasInputHeader,\n      hasLabel: !!label,\n    });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaSearchField\n        className={wrapper({\n          className,\n        })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        aria-label={hideInputHeader ? label : undefined}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isEmpty, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader isRequired={isRequired} label={label} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) =>\n                inputField({\n                  fullWidth,\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid: isInvalid || !!errorMessage,\n                  hasEndSlot: !isEmpty || !!endSlot,\n                })\n              }\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n              />\n              {!isEmpty && !isLoading && !isDisabled ? (\n                <Tooltip tooltip={clear}>\n                  <Button excludeFromTabOrder className={buttonExcludedFromTabOrder()}>\n                    <SvgIcon name=\"clear\" />\n                  </Button>\n                </Tooltip>\n              ) : null}\n              {isLoading ? <Spinner size=\"small\" /> : null}\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaSearchField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","buttonExcludedFromTabOrder","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaSearchField","isEmpty","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;AAwCA,MAAMA,IAAe,CACnB;AAAA,EACE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,iBAAAC,IAAkB;AAAA,EAClB,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAkB;AACvD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAT,GACE,EAAE,OAAAU,MAAUC,KAEZC,IAAiBC;AAAA,IACrB,MAAMC,EAAwB,EAAE,eAAAvB,GAAe,iBAAAE,GAAiB,OAAAG,GAAO;AAAA,IACvE,CAACL,GAAeE,GAAiBG,CAAK;AAAA,EAAA,GAGlCmB,IAAiBF;AAAA,IACrB,MAAMG,EAAwB,EAAE,aAAA5B,GAAa,cAAAiB,GAAc,iBAAAb,GAAiB;AAAA,IAC5E,CAACJ,GAAaiB,GAAcb,CAAe;AAAA,EAAA,GAGvC,EAAE,4BAAAyB,GAA4B,OAAAC,GAAO,YAAAC,GAAY,WAAAC,GAAW,mBAAAC,GAAmB,SAAAC,MACnFC,EAAkB;AAAA,IAChB,WAAAjC;AAAA,IACA,cAAc,CAAC,CAACS;AAAA,IAChB,YAAY;AAAA,IACZ,gBAAAa;AAAA,IACA,UAAU,CAAC,CAAChB;AAAA,EAAA,CACb;AAEH,SACG4B,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWH,EAAA,GACb,UAAA;AAAA,IAAAvB,0BAAkB,OAAI,EAAA,WAAWsB,EAAU,GAAI,YAAe,CAAA,IAAS;AAAA,IACxEK,gBAAAA,EAAA;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWJ,EAAQ;AAAA,UACjB,WAAAlB;AAAA,QAAA,CACD;AAAA,QACD,YAAAE;AAAA,QACA,YAAAE;AAAA,QACA,WAAAD;AAAA,QACA,cAAYd,IAAkBG,IAAQ;AAAA,QACrC,GAAGa;AAAA,QACJ,KAAAR;AAAA,QAEC,UAAA,CAAC,EAAE,YAAAK,GAAY,SAAAqB,GAAS,WAAApB,QAEpBiB,gBAAAA,EAAAA,KAAAI,EAAA,UAAA,EAAA,UAAA;AAAA,UAAAhB,IACEa,gBAAAA,EAAA,IAAAI,GAAA,EAAY,YAAArB,GAAwB,OAAAZ,GAAc,eAAAL,EAA8B,CAAA,IAC/E;AAAA,UACJiC,gBAAAA,EAAA;AAAA,YAACM;AAAAA,YAAA;AAAA,cACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,EAAA,MAC3Bb,EAAW;AAAA,gBACT,WAAA7B;AAAA,gBACA,WAAWyC;AAAA,gBACX,WAAAC;AAAA,gBACA,YAAA1B;AAAAA,gBACA,WAAWC,KAAa,CAAC,CAACF;AAAA,gBAC1B,YAAY,CAACsB,KAAW,CAAC,CAACtC;AAAA,cAAA,CAC3B;AAAA,cAGF,UAAA;AAAA,gBAAAU;AAAA,gBACD0B,gBAAAA,EAAA;AAAA,kBAACQ;AAAAA,kBAAA;AAAA,oBACC,WAAWf,EAAM;AAAA,sBACf,WAAWgB,EAAK,CAAC,CAACnC,KAAa,QAAQ,CAAC,CAACV,KAAW,MAAM;AAAA,oBAAA,CAC3D;AAAA,oBACD,KAAKK;AAAA,oBACL,UAAUc;AAAA,oBACV,UAAUF;AAAAA,kBAAA;AAAA,gBACZ;AAAA,gBACC,CAACqB,KAAW,CAAChC,KAAa,CAACW,IAC1BmB,gBAAAA,EAAA,IAACU,GAAQ,EAAA,SAASzB,GAChB,UAAAe,gBAAAA,EAAAA,IAACW,KAAO,qBAAmB,IAAC,WAAWnB,KACrC,UAAAQ,gBAAAA,EAAAA,IAACY,KAAQ,MAAK,QAAQ,CAAA,GACxB,EAAA,CACF,IACE;AAAA,gBACH1C,IAAY8B,gBAAAA,EAAA,IAACa,GAAQ,EAAA,MAAK,QAAQ,CAAA,IAAK;AAAA,gBACvCjD;AAAA,cAAA;AAAA,YAAA;AAAA,UACH;AAAA,UACC0B,IACCU,gBAAAA,EAAA,IAACc,GAAY,EAAA,aAAAnD,GAA0B,cAAAiB,EAA4B,CAAA,IACjE;AAAA,QAAA,GACN;AAAA,MAAA;AAAA,IAEJ;AAAA,IACCR,IAAgB4B,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWL,EAAU,GAAI,YAAa,CAAA,IAAS;AAAA,EACtE,EAAA,CAAA;AAEJ,GAEaoB,KAAcC,EAAgBtD,CAAY;"}

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),o=require("react"),C=require("./lyra93.cjs"),q=require("./lyra97.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra621.cjs"),V=require("./lyra622.cjs"),D=require("./lyra623.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),o=require("react"),C=require("./lyra93.cjs"),q=require("./lyra97.cjs"),T=require("./lyra26.cjs"),_=require("./lyra38.cjs"),A=require("./lyra39.cjs");require("./lyra40.cjs");const b=require("./lyra35.cjs"),B=require("./lyra626.cjs"),V=require("./lyra627.cjs"),D=require("./lyra628.cjs"),h=o.createContext({valuesWithSeperator:[]}),K=({description:i,errorMessage:m,fullWidth:c=!0,hideHintLabel:p=!0,hideInputFooter:g=!0,hideInputHeader:y=!0,label:j,name:S,...u},a)=>{[u,a]=C.useContextProps(u,a,C.ListBoxContext);const{children:l,className:R,defaultValue:x,isRequired:f,onChange:d,value:v}=u,L=o.useId(),I=o.useId(),[E,N]=o.useState(x??v??""),{track:w}=b.segmentedControlStyles({fullWidth:c}),M=o.useMemo(()=>{const s=o.Children.toArray(l),r=s==null?void 0:s.findIndex(n=>{var t;return((t=n==null?void 0:n.props)==null?void 0:t.value)===E});return s==null?void 0:s.filter((n,t)=>r===void 0||t===r||t===s.length-1?!1:r<t?Math.abs(t-r)>=1:Math.abs(t-r)>=2).map(n=>{var t;return(t=n==null?void 0:n.props)==null?void 0:t.value})},[l,E]);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{label:j,labelId:I,isRequired:f,hideHintLabel:p,hideInputHeader:y}),e.jsxRuntimeExports.jsx(C.ListBox,{...u,ref:a,"aria-label":j,"aria-labelledby":I,className:w({className:R}),defaultSelectedKeys:x?new Set([x]):[],orientation:"horizontal",selectionBehavior:"replace",selectionMode:"single",selectedKeys:v?[v]:void 0,disallowEmptySelection:!0,onSelectionChange:s=>{if(s==="all")return;const r=s.keys().next().value;d==null||d(r),N(r)},children:e.jsxRuntimeExports.jsx(h.Provider,{value:{valuesWithSeperator:M},children:e.jsxRuntimeExports.jsx(B.LayoutGroup,{id:L,children:l})})}),e.jsxRuntimeExports.jsx(A.InputFooter,{description:i,errorMessage:m,hideInputFooter:g}),S?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:S,value:E??""}):null]})},F=q.fixedForwardRef(K);F.displayName="SegmentedControl";const P=({children:i,textValue:m,value:c,...p},g)=>{const y=m||(typeof i=="string"?i:void 0),{isDisabled:j}=o.useContext(T.FieldGroupContext),{id:S}=o.useContext(V.LayoutGroupContext),{valuesWithSeperator:u}=o.useContext(h),a=u.includes(c??""),{item:l,itemActive:R,itemText:x}=b.segmentedControlStyles({seperator:a});return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(C.ListBoxItem,{ref:g,className:l({isDisabled:j}),id:p.id??c,textValue:y,...p,children:({isFocusVisible:f,isSelected:d})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[d?e.jsxRuntimeExports.jsx(D.motion.div,{layoutId:S,className:R({isFocusVisible:f}),transition:{type:"tween",duration:.2}}):null,e.jsxRuntimeExports.jsx("div",{className:x(),children:i})]})})})},G=q.fixedForwardRef(P);G.displayName="SegmentedControlItem";exports.SegmentedControl=F;exports.SegmentedControlItem=G;

package/dist/lyra34.js

@@ -7,9 +7,9 @@ import { InputHeader as E } from "./lyra38.js";
 import { InputFooter as P } from "./lyra39.js";
 import "./lyra40.js";
 import { segmentedControlStyles as F } from "./lyra35.js";
-import { LayoutGroup as k } from "./lyra621.js";
-import { LayoutGroupContext as q } from "./lyra622.js";
-import { motion as z } from "./lyra623.js";
+import { LayoutGroup as k } from "./lyra626.js";
+import { LayoutGroupContext as q } from "./lyra627.js";
+import { motion as z } from "./lyra628.js";
 const N = B({
   valuesWithSeperator: []
 }), H = ({

package/dist/lyra36.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra94.cjs"),i=require("react"),U=require("./lyra93.cjs"),Z=require("./lyra454.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=require("./lyra67.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const b=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra99.cjs");require("./lyra82.cjs");require("./lyra461.cjs");const C=require("./lyra38.cjs"),K=require("./lyra39.cjs"),_=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const sr=require("./lyra601.cjs"),tr=require("./lyra457.cjs"),nr=require("./lyra458.cjs"),ur=require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra57.cjs");const g=require("./lyra75.cjs");require("./lyra76.cjs");const Y=require("./lyra462.cjs");require("./lyra463.cjs");const H=require("./lyra615.cjs");require("react-dom");const or=require("./lyra86.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra66.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra72.cjs");require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra80.cjs");require("./lyra81.cjs");require("./lyra83.cjs");require("./lyra102.cjs");require("./lyra90.cjs");require("./lyra91.cjs");const I=require("./lyra92.cjs"),ir=({closePopover:c,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:j,onSingleChange:p,value:u})=>{const k=i.useMemo(()=>{if(Array.isArray(u))return u.length?x.findIndex(n=>e(n)===e(u[0])):0;if(u)return x.findIndex(n=>e(n)===e(u))},[x,e,u]),[R,a]=i.useState(k??0),E=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n-1;l>=0;l--)if(!(t!=null&&t.includes(e(x[l]))))return Math.max(l,0)}return-1},[t,x,e]),N=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n+1;l<x.length;l++)if(!(t!=null&&t.includes(e(x[l]))))return Math.min(x.length-1,l)}return-1},[t,x,e]),S=i.useRef([]),m=i.useCallback((n,l)=>{l&&(S.current[n]=l)},[]),o=i.useCallback(n=>{if(j){const l=u?[...u]:[],w=l.map(e),f=w!=null&&w.includes(e(n))?l.filter(v=>e(v)!==e(n)):[...l,n];j==null||j(f)}else p&&(p==null||p(n))},[e,j,p,u]),s=i.useCallback(n=>Array.isArray(u)?u.some(l=>e(l)===e(n)):u?e(u)===e(n):!1,[e,u]),h=or.useMousePosition(),q=i.useRef(void 0),y=i.useCallback(n=>{const l=R;if(n.key==="ArrowDown"){n.preventDefault();const w=N(l);if(w>=0){a(w),q.current=h;const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus()}}else if(n.key==="ArrowUp"){n.preventDefault();const w=E(l);if(w>=0){a(w);const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus(),q.current=h}}else n.key==="Escape"&&c()},[R,c,N,E,h]),d=i.useCallback((n,l)=>{n&&q.current!==h&&(a(l),q.current=h)},[h]);return i.useEffect(()=>{var n;(n=S.current)!=null&&n[R]&&S.current[R].focus()},[open]),{activeItem:R,assignRefOnIndex:m,getItemIsSelected:s,onKeyDown:y,onHoverChange:d,selectedItemIndex:k,toggleSelection:o}},cr=({disabledItemIdKeys:c,getItemId:t,items:x,onMultiChange:e,onSingleChange:j,selectRenderElements:p,setOpenPopover:u,value:k})=>{const{activeItem:R,assignRefOnIndex:a,getItemIsSelected:E,onHoverChange:N,onKeyDown:S,toggleSelection:m}=ir({closePopover:()=>u(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:j,value:k}),o=s=>(c==null?void 0:c.includes(t(s)))??!1;return r.jsxRuntimeExports.jsx("div",{className:tr.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((s,h)=>r.jsxRuntimeExports.jsx(U.Button,{"data-index":h,ref:q=>a(h,q),className:"w-full text-start outline-none",onHoverChange:q=>{N(q,h)},onPress:()=>m(s),onKeyDown:q=>S(q),isDisabled:o(s),children:r.jsxRuntimeExports.jsx(nr.SharedListItem,{item:s,state:{active:R===h,disabled:(c==null?void 0:c.includes(t(s)))??!1,selected:E(s)},selectRenderElements:p,hasSelection:!0})},t(s)))})},rr=({direction:c,disabledItemIdKeys:t,getItemId:x,items:e,label:j,onMultiChange:p,onSingleChange:u,open:k,placement:R="bottom start",selectRenderElements:a,setOpenPopover:E,triggerRef:N,value:S})=>{var h,q;const[m,o]=i.useState((h=N.current)==null?void 0:h.offsetWidth),s=m??((q=N.current)==null?void 0:q.offsetWidth);return sr.default("resize",()=>{var y;o((y=N.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(ur.Popover,{className:"p-1",isOpen:k,triggerRef:N,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":j,disablePadding:!0,placement:R,style:{width:s&&s>280?s+"px":"280px",direction:c},children:k?r.jsxRuntimeExports.jsx(cr,{getItemId:x,items:e,onMultiChange:p,onSingleChange:u,selectRenderElements:a,setOpenPopover:E,value:S,disabledItemIdKeys:t}):null})},xr=({disableClearLogic:c,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:j,onChange:p,placeholder:u,renderCustomElementInValueButton:k,selectRenderElements:R,setOpenPopover:a,value:E})=>{var m;const{inputField:N}=_.sharedInputStyles({isInputOnly:!1}),S=o=>{(o.key==="Escape"||o.key==="Backspace")&&!c?p==null||p(void 0):o.key==="ArrowDown"&&(o.preventDefault(),a(!0))};return r.jsxRuntimeExports.jsxs(U.Button,{className:({isFocused:o,isHovered:s})=>N({fullWidth:t,isDisabled:e,isHovered:s,isFocused:o,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:S,onPress:()=>{a(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[k&&E?(m=R(E))==null?void 0:m.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:u})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:o=>{o.stopPropagation(),p==null||p(void 0)},children:r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down"})]})]})},lr=({fullWidth:c,getItemId:t,getLabel:x,isDisabled:e,isInvalid:j,label:p,onChange:u,placeholder:k,setOpenPopover:R,value:a})=>{const{inputField:E}=_.sharedInputStyles({isInputOnly:!1}),N=i.useCallback(m=>{a&&u(a.filter(o=>{const s=t(o);return!m.has(s)}))},[t,u,a]),S=m=>{(m.key==="ArrowDown"||m.key==="Enter"||m.key===" ")&&(m.preventDefault(),R(!0))};return r.jsxRuntimeExports.jsx(U.Group,{children:({isFocusWithin:m})=>r.jsxRuntimeExports.jsx(U.Button,{className:({isFocused:o,isHovered:s})=>E({fullWidth:c,isDisabled:e,isHovered:s,isFocused:o||m,isInvalid:j,hasEndSlot:!0,className:Z.clsx(s&&!j&&!e&&!o?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:o=>S(o),onPress:()=>R(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:a&&a.length?r.jsxRuntimeExports.jsx(Y.InputTagGroup,{label:p??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:N,children:a.map(o=>r.jsxRuntimeExports.jsx(Y.InputTag,{id:t(o),isDisabled:e,children:x(o)},t(o)))}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:k})}),r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},er=({getItemId:c,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(x)}):null:null,pr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,renderCustomElementInValueButton:w,selectRenderElements:f,value:v})=>{const{isDisabled:$}=i.useContext(b.FieldGroupContext),[z,D]=i.useState(!1),B=N||$,[G,F]=i.useState(v??c),M=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),T=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:O,outerSlotsWrapper:W,wrapper:J}=_.sharedInputStyles({hasInputHeader:M,hasLabel:!!s}),L=i.useRef(null),{direction:V}=I.useLocale(),P=i.useCallback(X=>{F(X),q==null||q(X),D(!1)},[q]);i.useEffect(()=>{F(v??c)},[c,v]);const A=v??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:A,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:W(),children:[d?r.jsxRuntimeExports.jsx("div",{className:O(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:J({fullWidth:p}),children:[M?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:L,children:r.jsxRuntimeExports.jsx(xr,{fullWidth:p,isDisabled:B,disableClearLogic:x,isInvalid:S,placeholder:n,value:A,getLabel:k,getItemId:u,label:s,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:w,selectRenderElements:f})}),T?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:O(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{triggerRef:L,label:`${s} options`,getItemId:u,selectRenderElements:f,items:o,open:z,disabledItemIdKeys:e,direction:V,setOpenPopover:D,onSingleChange:P,value:A,placement:l})]})},jr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:j,fullWidth:p=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,selectRenderElements:w,value:f})=>{const{isDisabled:v}=i.useContext(b.FieldGroupContext),$=N||v,[z,D]=i.useState(!1),[B,G]=i.useState(f??c),F=i.useRef(null),{direction:M}=I.useLocale(),T=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),O=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:j,hideInputFooter:a}),[t,j,a]),{outerSlot:W,outerSlotsWrapper:J,wrapper:L}=_.sharedInputStyles({hasInputHeader:T,hasLabel:!!s}),V=i.useCallback(A=>{G(A),q==null||q(A)},[q]);i.useEffect(()=>{G(f??c)},[c,f]);const P=f??B;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:P,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:J(),children:[d?r.jsxRuntimeExports.jsx("div",{className:W(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:L({fullWidth:p}),children:[T?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(lr,{fullWidth:p,isDisabled:$,isInvalid:S,placeholder:n,value:P,onChange:V,getItemId:u,getLabel:k,label:s,disableClearLogic:x,setOpenPopover:D,selectRenderElements:w})}),O?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:j}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:W(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{label:`${s} options`,triggerRef:F,items:o,open:z,getItemId:u,selectRenderElements:w,disabledItemIdKeys:e,direction:M,setOpenPopover:D,onMultiChange:V,placement:l,value:P})]})};exports.MultiSelect=jr;exports.Select=pr;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra94.cjs"),i=require("react"),U=require("./lyra93.cjs"),Z=require("./lyra454.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");const Q=require("./lyra67.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");const b=require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra99.cjs");require("./lyra82.cjs");require("./lyra459.cjs");const C=require("./lyra38.cjs"),K=require("./lyra39.cjs"),_=require("./lyra40.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const sr=require("./lyra601.cjs"),tr=require("./lyra460.cjs"),nr=require("./lyra461.cjs"),ur=require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra57.cjs");const g=require("./lyra75.cjs");require("./lyra76.cjs");const Y=require("./lyra462.cjs");require("./lyra463.cjs");const H=require("./lyra623.cjs");require("react-dom");const or=require("./lyra86.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra63.cjs");require("./lyra64.cjs");require("./lyra66.cjs");require("./lyra69.cjs");require("./lyra70.cjs");require("./lyra72.cjs");require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra80.cjs");require("./lyra81.cjs");require("./lyra83.cjs");require("./lyra102.cjs");require("./lyra90.cjs");require("./lyra91.cjs");const I=require("./lyra92.cjs"),ir=({closePopover:c,disabledItemIdKeys:t,filteredItems:x,getItemId:e,onMultiChange:p,onSingleChange:j,value:u})=>{const k=i.useMemo(()=>{if(Array.isArray(u))return u.length?x.findIndex(n=>e(n)===e(u[0])):0;if(u)return x.findIndex(n=>e(n)===e(u))},[x,e,u]),[R,a]=i.useState(k??0),E=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n-1;l>=0;l--)if(!(t!=null&&t.includes(e(x[l]))))return Math.max(l,0)}return-1},[t,x,e]),N=i.useCallback(n=>{if(Number.isInteger(n)){for(let l=n+1;l<x.length;l++)if(!(t!=null&&t.includes(e(x[l]))))return Math.min(x.length-1,l)}return-1},[t,x,e]),S=i.useRef([]),m=i.useCallback((n,l)=>{l&&(S.current[n]=l)},[]),o=i.useCallback(n=>{if(p){const l=u?[...u]:[],w=l.map(e),f=w!=null&&w.includes(e(n))?l.filter(v=>e(v)!==e(n)):[...l,n];p==null||p(f)}else j&&(j==null||j(n))},[e,p,j,u]),s=i.useCallback(n=>Array.isArray(u)?u.some(l=>e(l)===e(n)):u?e(u)===e(n):!1,[e,u]),h=or.useMousePosition(),q=i.useRef(void 0),y=i.useCallback(n=>{const l=R;if(n.key==="ArrowDown"){n.preventDefault();const w=N(l);if(w>=0){a(w),q.current=h;const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus()}}else if(n.key==="ArrowUp"){n.preventDefault();const w=E(l);if(w>=0){a(w);const f=S.current[w];f==null||f.scrollIntoView({block:"nearest"}),f==null||f.focus(),q.current=h}}else n.key==="Escape"&&c()},[R,c,N,E,h]),d=i.useCallback((n,l)=>{n&&q.current!==h&&(a(l),q.current=h)},[h]);return i.useEffect(()=>{var n;(n=S.current)!=null&&n[R]&&S.current[R].focus()},[open]),{activeItem:R,assignRefOnIndex:m,getItemIsSelected:s,onKeyDown:y,onHoverChange:d,selectedItemIndex:k,toggleSelection:o}},cr=({disabledItemIdKeys:c,getItemId:t,items:x,onMultiChange:e,onSingleChange:p,selectRenderElements:j,setOpenPopover:u,value:k})=>{const{activeItem:R,assignRefOnIndex:a,getItemIsSelected:E,onHoverChange:N,onKeyDown:S,toggleSelection:m}=ir({closePopover:()=>u(!1),disabledItemIdKeys:c,filteredItems:x,getItemId:t,onMultiChange:e,onSingleChange:p,value:k}),o=s=>(c==null?void 0:c.includes(t(s)))??!1;return r.jsxRuntimeExports.jsx("div",{className:tr.sharedListStyles({className:"h-full max-h-72 overflow-auto"}),children:x.map((s,h)=>r.jsxRuntimeExports.jsx(U.Button,{"data-index":h,ref:q=>a(h,q),className:"w-full text-start outline-none",onHoverChange:q=>{N(q,h)},onPress:()=>m(s),onKeyDown:q=>S(q),isDisabled:o(s),children:r.jsxRuntimeExports.jsx(nr.SharedListItem,{item:s,state:{active:R===h,disabled:(c==null?void 0:c.includes(t(s)))??!1,selected:E(s)},selectRenderElements:j,hasSelection:!0})},t(s)))})},rr=({direction:c,disabledItemIdKeys:t,getItemId:x,items:e,label:p,onMultiChange:j,onSingleChange:u,open:k,placement:R="bottom start",selectRenderElements:a,setOpenPopover:E,triggerRef:N,value:S})=>{var h,q;const[m,o]=i.useState((h=N.current)==null?void 0:h.offsetWidth),s=m??((q=N.current)==null?void 0:q.offsetWidth);return sr.default("resize",()=>{var y;o((y=N.current)==null?void 0:y.offsetWidth)}),r.jsxRuntimeExports.jsx(ur.Popover,{className:"p-1",isOpen:k,triggerRef:N,onOpenChange:E,shouldUpdatePosition:!0,"aria-label":p,disablePadding:!0,placement:R,style:{width:s&&s>280?s+"px":"280px",direction:c},children:k?r.jsxRuntimeExports.jsx(cr,{getItemId:x,items:e,onMultiChange:j,onSingleChange:u,selectRenderElements:a,setOpenPopover:E,value:S,disabledItemIdKeys:t}):null})},xr=({disableClearLogic:c,fullWidth:t,getLabel:x,isDisabled:e,isInvalid:p,onChange:j,placeholder:u,renderCustomElementInValueButton:k,selectRenderElements:R,setOpenPopover:a,value:E})=>{var m;const{inputField:N}=_.sharedInputStyles({isInputOnly:!1}),S=o=>{(o.key==="Escape"||o.key==="Backspace")&&!c?j==null||j(void 0):o.key==="ArrowDown"&&(o.preventDefault(),a(!0))};return r.jsxRuntimeExports.jsxs(U.Button,{className:({isFocused:o,isHovered:s})=>N({fullWidth:t,isDisabled:e,isHovered:s,isFocused:o,isInvalid:p,hasEndSlot:!0,className:Z.clsx(s&&!p&&!e&&!o?"border-hover":"","min-h-8")}),isDisabled:e,onKeyDown:S,onPress:()=>{a(!0)},children:[r.jsxRuntimeExports.jsxs("div",{className:"flex grow text-start",children:[k&&E?(m=R(E))==null?void 0:m.customElement:null,E?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:x(E)}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:u})]}),r.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[E&&!c&&!e?r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:r.jsxRuntimeExports.jsx("div",{className:"text-secondary",role:"button",onClick:o=>{o.stopPropagation(),j==null||j(void 0)},children:r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"clear"})})}):null,r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down"})]})]})},lr=({fullWidth:c,getItemId:t,getLabel:x,isDisabled:e,isInvalid:p,label:j,onChange:u,placeholder:k,setOpenPopover:R,value:a})=>{const{inputField:E}=_.sharedInputStyles({isInputOnly:!1}),N=i.useCallback(m=>{a&&u(a.filter(o=>{const s=t(o);return!m.has(s)}))},[t,u,a]),S=m=>{(m.key==="ArrowDown"||m.key==="Enter"||m.key===" ")&&(m.preventDefault(),R(!0))};return r.jsxRuntimeExports.jsx(U.Group,{children:({isFocusWithin:m})=>r.jsxRuntimeExports.jsx(U.Button,{className:({isFocused:o,isHovered:s})=>E({fullWidth:c,isDisabled:e,isHovered:s,isFocused:o||m,isInvalid:p,hasEndSlot:!0,className:Z.clsx(s&&!p&&!e&&!o?"border-hover":"","items-start","py-[0.4375rem]")}),onKeyDown:o=>S(o),onPress:()=>R(!0),isDisabled:e,children:r.jsxRuntimeExports.jsxs("div",{className:"flex w-full outline-none",children:[r.jsxRuntimeExports.jsx("div",{className:"grow text-left",children:a&&a.length?r.jsxRuntimeExports.jsx(Y.InputTagGroup,{label:j??"Selected items",className:"-m-1.5 -mt-[0.3125rem]",onRemove:e?void 0:N,children:a.map(o=>r.jsxRuntimeExports.jsx(Y.InputTag,{id:t(o),isDisabled:e,children:x(o)},t(o)))}):r.jsxRuntimeExports.jsx(g.Text,{color:"secondary",children:k})}),r.jsxRuntimeExports.jsx(Q.SvgIcon,{name:"chevron-up-down",className:"h-4 w-4 min-w-4"})]})})})},er=({getItemId:c,name:t,value:x})=>t?Array.isArray(x)?x.map(e=>r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(e)},c(e))):x?r.jsxRuntimeExports.jsx("input",{type:"hidden",name:t,value:c(x)}):null:null,pr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:p,fullWidth:j=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,renderCustomElementInValueButton:w,selectRenderElements:f,value:v})=>{const{isDisabled:$}=i.useContext(b.FieldGroupContext),[z,D]=i.useState(!1),B=N||$,[G,F]=i.useState(v??c),T=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),O=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:p,hideInputFooter:a}),[t,p,a]),{outerSlot:W,outerSlotsWrapper:L,wrapper:J}=_.sharedInputStyles({hasInputHeader:T,hasLabel:!!s}),M=i.useRef(null),{direction:V}=I.useLocale(),P=i.useCallback(X=>{F(X),q==null||q(X),D(!1)},[q]);i.useEffect(()=>{F(v??c)},[c,v]);const A=v??G;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:A,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:L(),children:[d?r.jsxRuntimeExports.jsx("div",{className:W(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:J({fullWidth:j}),children:[T?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:M,children:r.jsxRuntimeExports.jsx(xr,{fullWidth:j,isDisabled:B,disableClearLogic:x,isInvalid:S||!!p,placeholder:n,value:A,getLabel:k,getItemId:u,label:s,onChange:P,setOpenPopover:D,renderCustomElementInValueButton:w,selectRenderElements:f})}),O?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:p}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:W(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{triggerRef:M,label:`${s} options`,getItemId:u,selectRenderElements:f,items:o,open:z,disabledItemIdKeys:e,direction:V,setOpenPopover:D,onSingleChange:P,value:A,placement:l})]})},jr=({defaultValue:c,description:t,disableClearLogic:x,disabledItemIdKeys:e,errorMessage:p,fullWidth:j=!0,getItemId:u,getLabel:k,hideHintLabel:R,hideInputFooter:a,hideInputHeader:E,isDisabled:N,isInvalid:S,isRequired:m,items:o,label:s,name:h,onChange:q,outerEndSlot:y,outerStartSlot:d,placeholder:n,placement:l,selectRenderElements:w,value:f})=>{const{isDisabled:v}=i.useContext(b.FieldGroupContext),$=N||v,[z,D]=i.useState(!1),[B,G]=i.useState(f??c),F=i.useRef(null),{direction:T}=I.useLocale(),O=i.useMemo(()=>H.shouldRenderInputHeader({hideHintLabel:R,hideInputHeader:E,label:s}),[R,E,s]),W=i.useMemo(()=>H.shouldRenderInputFooter({description:t,errorMessage:p,hideInputFooter:a}),[t,p,a]),{outerSlot:L,outerSlotsWrapper:J,wrapper:M}=_.sharedInputStyles({hasInputHeader:O,hasLabel:!!s}),V=i.useCallback(A=>{G(A),q==null||q(A)},[q]);i.useEffect(()=>{G(f??c)},[c,f]);const P=f??B;return r.jsxRuntimeExports.jsxs("div",{children:[r.jsxRuntimeExports.jsx(er,{name:h,value:P,getItemId:u}),r.jsxRuntimeExports.jsxs("div",{className:J(),children:[d?r.jsxRuntimeExports.jsx("div",{className:L(),children:d}):null,r.jsxRuntimeExports.jsxs("div",{className:M({fullWidth:j}),children:[O?r.jsxRuntimeExports.jsx(C.InputHeader,{label:s,hideHintLabel:R,isRequired:m}):null,r.jsxRuntimeExports.jsx("div",{ref:F,children:r.jsxRuntimeExports.jsx(lr,{fullWidth:j,isDisabled:$,isInvalid:S||!!p,placeholder:n,value:P,onChange:V,getItemId:u,getLabel:k,label:s,disableClearLogic:x,setOpenPopover:D,selectRenderElements:w})}),W?r.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:p}):null]}),y?r.jsxRuntimeExports.jsx("div",{className:L(),children:y}):null]}),r.jsxRuntimeExports.jsx(rr,{label:`${s} options`,triggerRef:F,items:o,open:z,getItemId:u,selectRenderElements:w,disabledItemIdKeys:e,direction:T,setOpenPopover:D,onMultiChange:V,placement:l,value:P})]})};exports.MultiSelect=jr;exports.Select=pr;