@new-black/lyra 1.0.29 → 1.0.31

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/inputs/number-field/number-field.tsx"],"sourcesContent":["import { ForwardedRef } 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\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\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    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  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\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          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\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          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaNumberField>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","input","inputField","wrapper","sharedInputStyles","jsx","AriaNumberField","isDisabled","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","twMerge","Input","clsx","Tooltip","Button","SvgIcon","InputFooter","NumberField","fixedForwardRef"],"mappings":"qXAsCMA,EAAe,CACnB,CACE,UAAAC,EACA,YAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,GAChB,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,GAClB,YAAAC,EAAc,GACd,MAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAAE,UAAAC,EAAW,UAAAC,CAAU,EAAIC,EAAc,cAAA,EACzC,CACJ,mBAAAC,EAAqBH,EACrB,UAAAI,EACA,mBAAAC,EAAqBJ,EACrB,UAAAK,EACA,WAAAC,EACA,WAAAC,CACE,EAAAV,EACE,CAAE,MAAAW,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CACvD,UAAAR,EACA,aAAc,CAAC,CAACR,EAChB,WAAY,EAAA,CACb,EAGC,OAAAiB,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAWH,EAAQ,CAAE,UAAAxB,EAAW,EAChC,UAAAmB,EAEA,MAAAT,EACA,SAAAF,EACC,GAAGG,EACJ,IAAAC,EAEC,SAAC,CAAA,CAAE,WAAAgB,CAAW,IAEXC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,YAAA,CACC,MAAAxB,EACA,WAAAc,EACA,cAAAlB,EACA,gBAAAE,CAAA,CACF,EACAwB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAJ,EAAY,cAAAK,EAAe,UAAAC,EAAW,UAAAf,CAAAA,IAClDgB,EAAA,QACEZ,EAAW,CACT,UAAWU,EACX,UAAAC,EACA,WAAYN,GAAcR,EAC1B,UAAAD,CAAA,CACD,CACH,EAGD,SAAA,CAAAV,EACDiB,EAAA,kBAAA,IAACU,EAAA,MAAA,CACC,UAAWd,EAAM,CACf,UAAWe,OAAK,CAAC,CAAC5B,GAAa,OAAQ,CAACH,GAAe,MAAM,CAAA,CAC9D,EACD,SAAUe,EACV,SAAUO,EACV,SAAUR,EACV,MAAO,CAAE,WAAY,0BAA2B,CAAA,CAClD,EACC,CAACd,GAAe,CAACsB,GAAc,CAACR,EAC/BS,yBAAC,MAAI,CAAA,UAAU,0BACb,SAAA,CAACH,EAAAA,kBAAAA,IAAAY,EAAAA,QAAA,CAAQ,QAAStB,EAChB,SAAAU,EAAA,kBAAA,IAACa,EAAA,OAAA,CACC,KAAK,YACL,oBAAmB,GACnB,UAAU,+EAEV,SAAAb,EAAAA,kBAAAA,IAACc,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CAAA,EAE1B,EACAd,EAAAA,kBAAAA,IAACY,EAAAA,QAAQ,CAAA,QAASpB,EAChB,SAAAQ,EAAA,kBAAA,IAACa,EAAA,OAAA,CACC,KAAK,YACL,oBAAmB,GACnB,UAAU,+EAEV,SAAAb,EAAAA,kBAAAA,IAACc,EAAAA,QAAQ,CAAA,KAAK,MAAO,CAAA,CAAA,CAAA,EAEzB,CAAA,CAAA,CACF,EACE,IAAA,CAAA,CACN,EACAd,EAAA,kBAAA,IAACe,EAAA,YAAA,CACC,YAAAxC,EACA,aAAAC,EACA,gBAAAE,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR,EAEasC,EAAcC,kBAAgB5C,CAAY"}
+{"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\"\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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"}

package/dist/lyra29.js

@@ -1,119 +1,120 @@
 import { j as e } from "./lyra90.js";
-import { NumberField as E, Group as L, Input as S, Button as l } from "./lyra89.js";
-import { clsx as B } from "./lyra450.js";
-import { twMerge as G } from "./lyra91.js";
-import { fixedForwardRef as H } from "./lyra93.js";
+import { useMemo as j } from "react";
+import { NumberField as k, Group as z, Input as C, Button as h } from "./lyra89.js";
+import { clsx as H } from "./lyra450.js";
+import { twMerge as J } from "./lyra91.js";
+import { fixedForwardRef as K } from "./lyra93.js";
 import { useDictionary as M } from "./lyra95.js";
-import { SvgIcon as d } from "./lyra65.js";
-import { Tooltip as n } from "./lyra75.js";
-import { InputHeader as W } from "./lyra38.js";
-import { InputFooter as _ } from "./lyra39.js";
-import { sharedInputStyles as k } from "./lyra40.js";
-const z = ({
-  className: m,
-  description: c,
-  errorMessage: f,
-  hideHintLabel: p = !1,
-  hideInputFooter: u = !1,
-  hideInputHeader: x = !1,
-  hideStepper: s = !1,
-  label: b,
-  onChange: j,
-  startSlot: r,
-  value: $,
-  ...i
-}, h) => {
-  const { decrement: y, increment: F } = M(), {
-    decrementAriaLabel: N = y,
-    fullWidth: I,
-    incrementAriaLabel: v = F,
-    isInvalid: w,
-    isReadOnly: t,
-    isRequired: a
-  } = i, { input: g, inputField: O, wrapper: R } = k({
-    fullWidth: I,
-    hasStartSlot: !!r,
-    hasEndSlot: !0
+import { SvgIcon as N } from "./lyra65.js";
+import { Tooltip as F } from "./lyra75.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 "./lyra610.js";
+const Y = ({
+  className: $,
+  description: s,
+  errorMessage: t,
+  hideHintLabel: l = !1,
+  hideInputFooter: i = !1,
+  hideInputHeader: n = !1,
+  hideStepper: d = !1,
+  label: r,
+  onChange: y,
+  outerEndSlot: m,
+  outerStartSlot: c,
+  startSlot: o,
+  value: I,
+  ...u
+}, v) => {
+  const { decrement: R, increment: w } = M(), {
+    decrementAriaLabel: O = R,
+    fullWidth: T,
+    incrementAriaLabel: g = w,
+    isInvalid: q,
+    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({
+    fullWidth: T,
+    hasStartSlot: !!o,
+    hasEndSlot: !0,
+    hasInputHeader: f,
+    hasLabel: !!r
   });
-  return /* @__PURE__ */ e.jsx(
-    E,
-    {
-      className: R({ className: m }),
-      isInvalid: w,
-      value: $,
-      onChange: j,
-      ...i,
-      ref: h,
-      children: ({ isDisabled: o }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          W,
-          {
-            label: b,
-            isRequired: a,
-            hideHintLabel: p,
-            hideInputHeader: x
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          L,
-          {
-            className: ({ isDisabled: T, isFocusWithin: q, isHovered: A, isInvalid: D }) => G(
-              O({
-                isFocused: q,
-                isHovered: A,
-                isDisabled: T || t,
-                isInvalid: D
-              })
-            ),
-            children: [
-              r,
-              /* @__PURE__ */ e.jsx(
-                S,
-                {
-                  className: g({
-                    className: B(!!r && "ps-1", !s && "pe-1")
-                  }),
-                  required: a,
-                  disabled: o,
-                  readOnly: t,
-                  style: { fontFamily: "var(--input-font-family)" }
-                }
+  return /* @__PURE__ */ e.jsxs("div", { className: B(), children: [
+    c ? /* @__PURE__ */ e.jsx("div", { className: x(), children: c }) : null,
+    /* @__PURE__ */ e.jsx(
+      k,
+      {
+        className: E({ className: $ }),
+        isInvalid: q,
+        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,
+          /* @__PURE__ */ e.jsxs(
+            z,
+            {
+              className: ({ isDisabled: G, isFocusWithin: L, isHovered: S, isInvalid: _ }) => J(
+                W({
+                  isFocused: L,
+                  isHovered: S,
+                  isDisabled: G || a,
+                  isInvalid: _
+                })
               ),
-              !s && !o && !t ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ e.jsx(n, { tooltip: N, children: /* @__PURE__ */ e.jsx(
-                  l,
+              children: [
+                o,
+                /* @__PURE__ */ e.jsx(
+                  C,
                   {
-                    slot: "decrement",
-                    excludeFromTabOrder: !0,
-                    className: "text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",
-                    children: /* @__PURE__ */ e.jsx(d, { name: "minus" })
+                    className: D({
+                      className: H(!!o && "ps-1", !d && "pe-1")
+                    }),
+                    required: p,
+                    disabled: b,
+                    readOnly: a,
+                    style: { fontFamily: "var(--input-font-family)" }
                   }
-                ) }),
-                /* @__PURE__ */ e.jsx(n, { tooltip: v, children: /* @__PURE__ */ e.jsx(
-                  l,
-                  {
-                    slot: "increment",
-                    excludeFromTabOrder: !0,
-                    className: "text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",
-                    children: /* @__PURE__ */ e.jsx(d, { name: "plus" })
-                  }
-                ) })
-              ] }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          _,
-          {
-            description: c,
-            errorMessage: f,
-            hideInputFooter: u
-          }
-        )
-      ] })
-    }
-  );
-}, re = H(z);
+                ),
+                !d && !b && !a ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ e.jsx(F, { tooltip: O, children: /* @__PURE__ */ e.jsx(
+                    h,
+                    {
+                      slot: "decrement",
+                      excludeFromTabOrder: !0,
+                      className: "text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",
+                      children: /* @__PURE__ */ e.jsx(N, { name: "minus" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ e.jsx(F, { tooltip: g, children: /* @__PURE__ */ e.jsx(
+                    h,
+                    {
+                      slot: "increment",
+                      excludeFromTabOrder: !0,
+                      className: "text-primary outline-none disabled:cursor-not-allowed disabled:text-tertiary",
+                      children: /* @__PURE__ */ e.jsx(N, { name: "plus" })
+                    }
+                  ) })
+                ] }) : null
+              ]
+            }
+          ),
+          A ? /* @__PURE__ */ e.jsx(Q, { description: s, errorMessage: t }) : null
+        ] })
+      }
+    ),
+    m ? /* @__PURE__ */ e.jsx("div", { className: x(), children: m }) : null
+  ] });
+}, ue = K(Y);
 export {
-  re as NumberField
+  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 } 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\";\n\nexport type NumberFieldProps = Omit<AriaNumberFieldProps, \"value\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\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    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  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\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          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\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          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaNumberField>\n  );\n};\n\nexport const NumberField = fixedForwardRef(_NumberField);\n"],"names":["_NumberField","className","description","errorMessage","hideHintLabel","hideInputFooter","hideInputHeader","hideStepper","label","onChange","startSlot","value","props","ref","decrement","increment","useDictionary","decrementAriaLabel","fullWidth","incrementAriaLabel","isInvalid","isReadOnly","isRequired","input","inputField","wrapper","sharedInputStyles","jsx","AriaNumberField","isDisabled","jsxs","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\"\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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"}

package/dist/lyra33.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("./lyra89.cjs"),O=require("./lyra450.cjs"),P=require("./lyra93.cjs"),w=require("./lyra95.cjs"),C=require("./lyra63.cjs");require("./lyra64.cjs");const D=require("./lyra65.cjs"),M=require("./lyra75.cjs"),_=require("./lyra38.cjs"),z=require("./lyra39.cjs"),B=require("./lyra40.cjs"),G=({description:p,endSlot:u,fullWidth:l=!0,hideHintLabel:m,hideInputFooter:c=!1,hideInputHeader:a=!1,inputRef:j,isLoading:x,label:d,startSlot:r,...t},i)=>{[t,i]=s.useContextProps(t,i,s.SearchFieldContext);const{className:q,errorMessage:R,isDisabled:E=!1,isInvalid:F,isRequired:n,...h}=t,{clear:S}=w.useDictionary(),{buttonExcludedFromTabOrder:b,input:v,inputField:y,wrapper:I}=B.sharedInputStyles({fullWidth:l,hasStartSlot:!!r,hasEndSlot:!0});return e.jsxRuntimeExports.jsx(s.SearchField,{className:I({className:q}),isDisabled:E,isRequired:n,isInvalid:F,"aria-label":a?d:void 0,...h,ref:i,children:({isDisabled:o,isEmpty:N,isInvalid:f})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.InputHeader,{isRequired:n,label:d,hideHintLabel:m,hideInputHeader:a}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:g,isHovered:T})=>y({fullWidth:l,isFocused:g,isHovered:T,isDisabled:o,isInvalid:f}),children:[r,e.jsxRuntimeExports.jsx(s.Input,{className:v({className:O.clsx(!!r&&"ps-1",!!u&&"pe-1")}),ref:j,required:n,disabled:o}),!N&&!x&&!o?e.jsxRuntimeExports.jsx(M.Tooltip,{tooltip:S,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:b(),children:e.jsxRuntimeExports.jsx(D.SvgIcon,{name:"clear"})})}):null,x?e.jsxRuntimeExports.jsx(C.Spinner,{size:"small"}):null,u]}),c?null:e.jsxRuntimeExports.jsx(z.InputFooter,{description:p,errorMessage:R,hideInputFooter:c})]})})},H=P.fixedForwardRef(G);exports.SearchField=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),F=require("react"),s=require("./lyra89.cjs"),B=require("./lyra450.cjs"),G=require("./lyra93.cjs"),$=require("./lyra95.cjs"),k=require("./lyra63.cjs");require("./lyra64.cjs");const A=require("./lyra65.cjs"),H=require("./lyra75.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),v=require("./lyra610.cjs"),U=({description:t,endSlot:d,fullWidth:p=!0,hideHintLabel:n,hideInputFooter:m=!1,hideInputHeader:i=!1,inputRef:I,isLoading:j,label:r,outerEndSlot:R,outerStartSlot:h,startSlot:o,...u},l)=>{[u,l]=s.useContextProps(u,l,s.SearchFieldContext);const{className:N,errorMessage:c,isDisabled:S=!1,isInvalid:y,isRequired:x,...f}=u,{clear:g}=$.useDictionary(),q=F.useMemo(()=>v.shouldRenderInputHeader({hideHintLabel:n,hideInputHeader:i,label:r}),[n,i,r]),M=F.useMemo(()=>v.shouldRenderInputFooter({description:t,errorMessage:c,hideInputFooter:m}),[t,c,m]),{buttonExcludedFromTabOrder:T,input:b,inputField:O,outerSlot:E,outerSlotsWrapper:P,wrapper:w}=Q.sharedInputStyles({fullWidth:p,hasStartSlot:!!o,hasEndSlot:!0,hasInputHeader:q,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:P(),children:[h?e.jsxRuntimeExports.jsx("div",{className:E(),children:h}):null,e.jsxRuntimeExports.jsx(s.SearchField,{className:w({className:N}),isDisabled:S,isRequired:x,isInvalid:y,"aria-label":i?r:void 0,...f,ref:l,children:({isDisabled:a,isEmpty:C,isInvalid:D})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[q?e.jsxRuntimeExports.jsx(J.InputHeader,{isRequired:x,label:r,hideHintLabel:n}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:z})=>O({fullWidth:p,isFocused:_,isHovered:z,isDisabled:a,isInvalid:D}),children:[o,e.jsxRuntimeExports.jsx(s.Input,{className:b({className:B.clsx(!!o&&"ps-1",!!d&&"pe-1")}),ref:I,required:x,disabled:a}),!C&&!j&&!a?e.jsxRuntimeExports.jsx(H.Tooltip,{tooltip:g,children:e.jsxRuntimeExports.jsx(s.Button,{excludeFromTabOrder:!0,className:T(),children:e.jsxRuntimeExports.jsx(A.SvgIcon,{name:"clear"})})}):null,j?e.jsxRuntimeExports.jsx(k.Spinner,{size:"small"}):null,d]}),M?e.jsxRuntimeExports.jsx(K.InputFooter,{description:t,errorMessage:c}):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 } 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 { InputFooter, InputFooterProps } from \"../shared/input-footer\";\n\nexport type SearchFieldProps = AriaSearchFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\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    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  const { buttonExcludedFromTabOrder, input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: true,\n  });\n\n  return (\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          <InputHeader\n            isRequired={isRequired}\n            label={label}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) =>\n              inputField({\n                fullWidth,\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\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          {!hideInputFooter ? (\n            <InputFooter\n              description={description}\n              errorMessage={errorMessage}\n              hideInputFooter={hideInputFooter}\n            />\n          ) : null}\n        </>\n      )}\n    </AriaSearchField>\n  );\n};\n\nexport const SearchField = fixedForwardRef(_SearchField);\n"],"names":["_SearchField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","isLoading","label","startSlot","props","ref","useContextProps","SearchFieldContext","className","errorMessage","isDisabled","isInvalid","isRequired","textFieldprops","clear","useDictionary","buttonExcludedFromTabOrder","input","inputField","wrapper","sharedInputStyles","jsx","AriaSearchField","isEmpty","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","Tooltip","Button","SvgIcon","Spinner","InputFooter","SearchField","fixedForwardRef"],"mappings":"mZAkCMA,EAAe,CACnB,CACE,YAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EAAkB,GAClB,gBAAAC,EAAkB,GAClB,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,kBAAkB,EACvD,KAAA,CACJ,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,WAAAC,EACA,GAAGC,CACD,EAAAT,EACE,CAAE,MAAAU,GAAUC,EAAAA,gBACZ,CAAE,2BAAAC,EAA4B,MAAAC,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CACnF,UAAAxB,EACA,aAAc,CAAC,CAACO,EAChB,WAAY,EAAA,CACb,EAGC,OAAAkB,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,UAAWH,EAAQ,CACjB,UAAAX,CAAA,CACD,EACD,WAAAE,EACA,WAAAE,EACA,UAAAD,EACA,aAAYZ,EAAkBG,EAAQ,OACrC,GAAGW,EACJ,IAAAR,EAEC,SAAA,CAAC,CAAE,WAAAK,EAAY,QAAAa,EAAS,UAAAZ,KAErBa,EAAAA,kBAAAA,KAAAC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAJ,EAAA,kBAAA,IAACK,EAAA,YAAA,CACC,WAAAd,EACA,MAAAV,EACA,cAAAL,EACA,gBAAAE,CAAA,CACF,EACAyB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAAC,EAAe,UAAAC,CAAA,IAC3BX,EAAW,CACT,UAAAtB,EACA,UAAWgC,EACX,UAAAC,EACA,WAAAnB,EACA,UAAAC,CAAA,CACD,EAGF,SAAA,CAAAR,EACDkB,EAAA,kBAAA,IAACS,EAAA,MAAA,CACC,UAAWb,EAAM,CACf,UAAWc,OAAK,CAAC,CAAC5B,GAAa,OAAQ,CAAC,CAACR,GAAW,MAAM,CAAA,CAC3D,EACD,IAAKK,EACL,SAAUY,EACV,SAAUF,CAAA,CACZ,EACC,CAACa,GAAW,CAACtB,GAAa,CAACS,EAC1BW,EAAA,kBAAA,IAACW,UAAQ,CAAA,QAASlB,EAChB,SAAAO,EAAAA,kBAAAA,IAACY,EAAAA,QAAO,oBAAmB,GAAC,UAAWjB,IACrC,SAAAK,EAAAA,kBAAAA,IAACa,EAAAA,SAAQ,KAAK,OAAQ,CAAA,EACxB,CAAA,CACF,EACE,KACHjC,EAAYoB,EAAA,kBAAA,IAACc,EAAQ,QAAA,CAAA,KAAK,OAAQ,CAAA,EAAK,KACvCxC,CAAA,CAAA,CACH,EACEG,EAME,KALFuB,EAAA,kBAAA,IAACe,EAAA,YAAA,CACC,YAAA1C,EACA,aAAAe,EACA,gBAAAX,CAAA,CAAA,CAEA,EACN,CAAA,CAAA,CAIR,EAEauC,EAAcC,kBAAgB7C,CAAY"}
+{"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\"\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                })\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

@@ -1,104 +1,105 @@
 import { j as e } from "./lyra90.js";
-import { useContextProps as q, SearchFieldContext as w, SearchField as y, Group as C, Input as D, Button as O } from "./lyra89.js";
-import { clsx as z } from "./lyra450.js";
-import { fixedForwardRef as B } from "./lyra93.js";
-import { useDictionary as G } from "./lyra95.js";
-import { Spinner as M } from "./lyra63.js";
+import { useMemo as h } from "react";
+import { useContextProps as z, SearchFieldContext as B, SearchField as G, Group as P, Input as _, Button as k } from "./lyra89.js";
+import { clsx as A } from "./lyra450.js";
+import { fixedForwardRef as J } from "./lyra93.js";
+import { useDictionary as K } from "./lyra95.js";
+import { Spinner as Q } from "./lyra63.js";
 import "./lyra64.js";
-import { SvgIcon as P } from "./lyra65.js";
-import { Tooltip as _ } from "./lyra75.js";
-import { InputHeader as k } from "./lyra38.js";
-import { InputFooter as A } from "./lyra39.js";
-import { sharedInputStyles as H } from "./lyra40.js";
-const J = ({
-  description: p,
-  endSlot: i,
-  fullWidth: c = !0,
-  hideHintLabel: f,
-  hideInputFooter: l = !1,
-  hideInputHeader: d = !1,
-  inputRef: x,
-  isLoading: m,
-  label: n,
-  startSlot: r,
-  ...s
-}, a) => {
-  [s, a] = q(s, a, w);
+import { SvgIcon as U } from "./lyra65.js";
+import { Tooltip as V } from "./lyra75.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 "./lyra610.js";
+const L = ({
+  description: s,
+  endSlot: n,
+  fullWidth: p = !0,
+  hideHintLabel: o,
+  hideInputFooter: f = !1,
+  hideInputHeader: a = !1,
+  inputRef: F,
+  isLoading: u,
+  label: r,
+  outerEndSlot: x,
+  outerStartSlot: b,
+  startSlot: t,
+  ...c
+}, l) => {
+  [c, l] = z(c, l, B);
   const {
-    className: b,
-    errorMessage: u,
-    isDisabled: $ = !1,
-    isInvalid: j,
-    isRequired: o,
-    ...F
-  } = s, { clear: h } = G(), { buttonExcludedFromTabOrder: S, input: I, inputField: N, wrapper: v } = H({
-    fullWidth: c,
-    hasStartSlot: !!r,
-    hasEndSlot: !0
+    className: I,
+    errorMessage: m,
+    isDisabled: N = !1,
+    isInvalid: v,
+    isRequired: i,
+    ...S
+  } = c, { clear: R } = K(), $ = h(
+    () => Z({ hideHintLabel: o, hideInputHeader: a, label: r }),
+    [o, a, r]
+  ), T = h(
+    () => H({ description: s, errorMessage: m, hideInputFooter: f }),
+    [s, m, f]
+  ), { buttonExcludedFromTabOrder: g, input: q, inputField: w, outerSlot: j, outerSlotsWrapper: y, wrapper: C } = Y({
+    fullWidth: p,
+    hasStartSlot: !!t,
+    hasEndSlot: !0,
+    hasInputHeader: $,
+    hasLabel: !!r
   });
-  return /* @__PURE__ */ e.jsx(
-    y,
-    {
-      className: v({
-        className: b
-      }),
-      isDisabled: $,
-      isRequired: o,
-      isInvalid: j,
-      "aria-label": d ? n : void 0,
-      ...F,
-      ref: a,
-      children: ({ isDisabled: t, isEmpty: E, isInvalid: R }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          k,
-          {
-            isRequired: o,
-            label: n,
-            hideHintLabel: f,
-            hideInputHeader: d
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          C,
-          {
-            className: ({ isFocusWithin: T, isHovered: g }) => N({
-              fullWidth: c,
-              isFocused: T,
-              isHovered: g,
-              isDisabled: t,
-              isInvalid: R
-            }),
-            children: [
-              r,
-              /* @__PURE__ */ e.jsx(
-                D,
-                {
-                  className: I({
-                    className: z(!!r && "ps-1", !!i && "pe-1")
-                  }),
-                  ref: x,
-                  required: o,
-                  disabled: t
-                }
-              ),
-              !E && !m && !t ? /* @__PURE__ */ e.jsx(_, { tooltip: h, children: /* @__PURE__ */ e.jsx(O, { excludeFromTabOrder: !0, className: S(), children: /* @__PURE__ */ e.jsx(P, { name: "clear" }) }) }) : null,
-              m ? /* @__PURE__ */ e.jsx(M, { size: "small" }) : null,
-              i
-            ]
-          }
-        ),
-        l ? null : /* @__PURE__ */ e.jsx(
-          A,
-          {
-            description: p,
-            errorMessage: u,
-            hideInputFooter: l
-          }
-        )
-      ] })
-    }
-  );
-}, ae = B(J);
+  return /* @__PURE__ */ e.jsxs("div", { className: y(), children: [
+    b ? /* @__PURE__ */ e.jsx("div", { className: j(), children: b }) : null,
+    /* @__PURE__ */ e.jsx(
+      G,
+      {
+        className: C({
+          className: I
+        }),
+        isDisabled: N,
+        isRequired: i,
+        isInvalid: v,
+        "aria-label": a ? r : void 0,
+        ...S,
+        ref: l,
+        children: ({ isDisabled: d, isEmpty: D, isInvalid: E }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          $ ? /* @__PURE__ */ e.jsx(W, { isRequired: i, label: r, hideHintLabel: o }) : null,
+          /* @__PURE__ */ e.jsxs(
+            P,
+            {
+              className: ({ isFocusWithin: M, isHovered: O }) => w({
+                fullWidth: p,
+                isFocused: M,
+                isHovered: O,
+                isDisabled: d,
+                isInvalid: E
+              }),
+              children: [
+                t,
+                /* @__PURE__ */ e.jsx(
+                  _,
+                  {
+                    className: q({
+                      className: A(!!t && "ps-1", !!n && "pe-1")
+                    }),
+                    ref: F,
+                    required: i,
+                    disabled: d
+                  }
+                ),
+                !D && !u && !d ? /* @__PURE__ */ e.jsx(V, { tooltip: R, children: /* @__PURE__ */ e.jsx(k, { excludeFromTabOrder: !0, className: g(), children: /* @__PURE__ */ e.jsx(U, { name: "clear" }) }) }) : null,
+                u ? /* @__PURE__ */ e.jsx(Q, { size: "small" }) : null,
+                n
+              ]
+            }
+          ),
+          T ? /* @__PURE__ */ e.jsx(X, { description: s, errorMessage: m }) : null
+        ] })
+      }
+    ),
+    x ? /* @__PURE__ */ e.jsx("div", { className: j(), children: x }) : null
+  ] });
+}, ue = J(L);
 export {
-  ae as SearchField
+  ue as SearchField
 };