@fluidattacks/design 3.1.12 → 3.1.13

package/dist/components/inputs/fields/date-time/calendar/index.js

@@ -1,17 +1,17 @@
-import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
 import { createCalendar as f } from "@internationalized/date";
-import { useLocale as g, useCalendar as h } from "react-aria";
-import { useCalendarState as u } from "react-stately";
-import { styled as n, useTheme as C } from "styled-components";
-import { TimeField as x } from "../../../utils/date-time-field/index.js";
-import { CalendarGrid as v } from "../../date/calendar/grid/index.js";
-import { Header as y } from "../../date/calendar/header/index.js";
-import { F as $ } from "../../../../../styles-CI-I6joH.mjs";
-import { Button as B } from "../../../../button/index.js";
+import { useLocale as u, useCalendar as g } from "react-aria";
+import { useCalendarState as C } from "react-stately";
+import { styled as n, useTheme as x } from "styled-components";
+import { TimeField as h } from "../../../utils/date-time-field/index.js";
+import { CalendarGrid as y } from "../../date/calendar/grid/index.js";
+import { Header as v } from "../../date/calendar/header/index.js";
+import { F as $ } from "../../../../../styles-BlHspTrz.mjs";
+import { Button as T } from "../../../../button/index.js";
 import "../../../../typography/heading/index.js";
 import "../../../../typography/span/index.js";
 import { Text as j } from "../../../../typography/text/index.js";
-const T = n.div`
+const b = n.div`
   ${({ theme: e }) => `
     align-items: center;
     border-top: 1px solid ${e.palette.gray[200]};
@@ -20,16 +20,45 @@ const T = n.div`
     justify-content: center;
     padding: ${e.spacing[0.5]} ${e.spacing[1.25]};
   `}
-`, b = n.div`
+`, B = n.div`
   align-items: center;
   display: flex;
   gap: ${({ theme: e }) => e.spacing[0.5]};
   justify-content: flex-end;
   flex: 1 0 0;
-`, A = ({ handleTimeChange: e, onClose: i, props: r, timeState: s }) => {
-  const l = C(), { locale: m } = g(), a = u({ ...r, createCalendar: f, locale: m }), { prevButtonProps: p, nextButtonProps: d, title: c } = h(r, a);
-  return o("div", { className: "calendar", children: [t(y, { nextButtonProps: d, prevButtonProps: p, state: a, title: c }), t(v, { state: a }), o(T, { children: [t(j, { color: l.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }), t(b, { children: t(x, { hourCycle: 12, label: "time-field", onChange: e, value: s.timeValue }) })] }), t($, { children: t(B, { onClick: i, variant: "ghost", children: "Cancel" }) })] });
+`, w = ({
+  handleTimeChange: e,
+  onClose: a,
+  props: o,
+  timeState: l
+}) => {
+  const s = x(), { locale: m } = u(), r = C({ ...o, createCalendar: f, locale: m }), { prevButtonProps: c, nextButtonProps: d, title: p } = g(o, r);
+  return /* @__PURE__ */ i("div", { className: "calendar", children: [
+    /* @__PURE__ */ t(
+      v,
+      {
+        nextButtonProps: d,
+        prevButtonProps: c,
+        state: r,
+        title: p
+      }
+    ),
+    /* @__PURE__ */ t(y, { state: r }),
+    /* @__PURE__ */ i(b, { children: [
+      /* @__PURE__ */ t(j, { color: s.palette.gray[800], fontWeight: "bold", size: "sm", children: "Time" }),
+      /* @__PURE__ */ t(B, { children: /* @__PURE__ */ t(
+        h,
+        {
+          hourCycle: 12,
+          label: "time-field",
+          onChange: e,
+          value: l.timeValue
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t($, { children: /* @__PURE__ */ t(T, { onClick: a, variant: "ghost", children: "Cancel" }) })
+  ] });
 };
 export {
-  A as Calendar
+  w as Calendar
 };

package/dist/components/inputs/fields/date-time/index.js

@@ -1,18 +1,69 @@
-import { jsxs as C, jsx as r } from "react/jsx-runtime";
-import { forwardRef as R, useRef as D, useCallback as S } from "react";
-import { useDatePicker as k } from "react-aria";
-import { useDatePickerState as x } from "react-stately";
-import { Calendar as y } from "./calendar/index.js";
-import { OutlineContainer as O } from "../../outline-container/index.js";
-import { DateSelector as T } from "../../utils/date-selector/index.js";
+import { jsxs as D, jsx as t } from "react/jsx-runtime";
+import { forwardRef as b, useRef as R, useCallback as k } from "react";
+import { useDatePicker as S } from "react-aria";
+import { useDatePickerState as T } from "react-stately";
+import { Calendar as x } from "./calendar/index.js";
+import { OutlineContainer as y } from "../../outline-container/index.js";
+import { DateSelector as O } from "../../utils/date-selector/index.js";
 import { Dialog as j } from "../../utils/dialog/index.js";
-import { Popover as q } from "../../utils/popover/index.js";
-const G = R(function(o, n) {
-  const t = D(null), e = x({ ...o, granularity: "minute", hourCycle: 12, shouldCloseOnSelect: !1 }), { close: m } = e, { disabled: a = !1, error: s, required: p, label: u, name: i, tooltip: f } = o, { groupProps: d, fieldProps: c, buttonProps: P, dialogProps: g, calendarProps: b } = k(o, e, t), h = S((l) => {
-    l && e.setTimeValue(l);
-  }, [e]);
-  return C(O, { error: s, htmlFor: i, label: u, required: p, tooltip: f, children: [r(T, { buttonProps: P, datePickerRef: t, disabled: a, error: s, fieldProps: c, granularity: "minute", groupProps: d, inputRef: n, name: i }), e.isOpen && !a ? r(q, { offset: 8, placement: "bottom start", state: e, triggerRef: t, children: r(j, { ...g, children: r(y, { handleTimeChange: h, onClose: m, props: { ...b }, timeState: e }) }) }) : null] });
+import { Popover as I } from "../../utils/popover/index.js";
+const J = b(function(o, m) {
+  const r = R(null), e = T({
+    ...o,
+    granularity: "minute",
+    hourCycle: 12,
+    shouldCloseOnSelect: !1
+  }), { close: s } = e, { disabled: i = !1, error: n, required: f, label: p, name: a, tooltip: u } = o, { groupProps: c, fieldProps: d, buttonProps: P, dialogProps: g, calendarProps: h } = S(o, e, r), C = k(
+    (l) => {
+      l && e.setTimeValue(l);
+    },
+    [e]
+  );
+  return /* @__PURE__ */ D(
+    y,
+    {
+      error: n,
+      htmlFor: a,
+      label: p,
+      required: f,
+      tooltip: u,
+      children: [
+        /* @__PURE__ */ t(
+          O,
+          {
+            buttonProps: P,
+            datePickerRef: r,
+            disabled: i,
+            error: n,
+            fieldProps: d,
+            granularity: "minute",
+            groupProps: c,
+            inputRef: m,
+            name: a
+          }
+        ),
+        e.isOpen && !i ? /* @__PURE__ */ t(
+          I,
+          {
+            offset: 8,
+            placement: "bottom start",
+            state: e,
+            triggerRef: r,
+            children: /* @__PURE__ */ t(j, { ...g, children: /* @__PURE__ */ t(
+              x,
+              {
+                handleTimeChange: C,
+                onClose: s,
+                props: { ...h },
+                timeState: e
+              }
+            ) })
+          }
+        ) : null
+      ]
+    }
+  );
 });
 export {
-  G as InputDateTime
+  J as InputDateTime
 };

package/dist/components/inputs/fields/editable/index.js

@@ -1,16 +1,28 @@
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { isNil as d } from "lodash";
-import { Label as h } from "../../label/index.js";
-import { Container as f } from "../../../container/index.js";
-import { Link as c } from "../../../link/index.js";
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { isNil as l } from "lodash";
+import { Label as d } from "../../label/index.js";
+import { Container as c } from "../../../container/index.js";
+import { Link as a } from "../../../link/index.js";
 import "../../../typography/heading/index.js";
 import "../../../typography/span/index.js";
 import { Text as x } from "../../../typography/text/index.js";
-const w = ({ children: e, currentValue: i, externalLink: l, isEditing: n, label: s, name: a, tooltip: m }) => {
-  if (n) return r("div", { children: e });
-  const t = d(i) ? "" : i, o = String(l ?? t);
-  return p(f, { children: [r(h, { htmlFor: a, label: s, tooltip: m, weight: "bold" }), o.startsWith("https://") ? r(c, { href: o, children: t }) : r(x, { size: "md", children: t })] });
+const z = ({
+  children: m,
+  currentValue: i,
+  externalLink: e,
+  isEditing: n,
+  label: s,
+  name: p,
+  tooltip: f
+}) => {
+  if (n)
+    return /* @__PURE__ */ r("div", { children: m });
+  const t = l(i) ? "" : i, o = String(e ?? t);
+  return /* @__PURE__ */ h(c, { children: [
+    /* @__PURE__ */ r(d, { htmlFor: p, label: s, tooltip: f, weight: "bold" }),
+    o.startsWith("https://") ? /* @__PURE__ */ r(a, { href: o, children: t }) : /* @__PURE__ */ r(x, { size: "md", children: t })
+  ] });
 };
 export {
-  w as Editable
+  z as Editable
 };

package/dist/components/inputs/fields/input/index.js

@@ -1,13 +1,77 @@
-import { jsx as r, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as T } from "react";
-import { useTheme as C } from "styled-components";
-import { OutlineContainer as L } from "../../outline-container/index.js";
-import { S as g } from "../../../../styles-lSVV9kjn.mjs";
-import { Icon as t } from "../../../icon/index.js";
-const S = T(function({ disabled: o = !1, hasIcon: l = !1, helpLink: n, helpLinkText: s, helpText: m, error: i, label: c, name: e, maskValue: d = !1, required: a, tooltip: p, type: u = "text", weight: f, ...h }, x) {
-  const b = C();
-  return r(L, { error: i, helpLink: n, helpLinkText: s, helpText: m, htmlFor: e, label: c, required: a, tooltip: p, weight: f, children: k(g, { className: `${o ? "disabled" : ""} ${i ? "error" : ""}`, children: [l ? r(t, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0, r("input", { "aria-hidden": !1, "aria-invalid": i ? "true" : "false", "aria-label": e, "aria-required": a, autoComplete: "off", className: d ? "sr-block" : "", "data-testid": `${e}-input`, disabled: o, id: e, name: e, ref: x, type: u, ...h }), i ? r(t, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: b.palette.error[500], iconSize: "xs" }) : void 0] }) });
+import { jsx as o, jsxs as I } from "react/jsx-runtime";
+import { forwardRef as S } from "react";
+import { useTheme as T } from "styled-components";
+import { OutlineContainer as $ } from "../../outline-container/index.js";
+import { S as b } from "../../../../styles-BXFVwnWT.mjs";
+import { Icon as n } from "../../../icon/index.js";
+const w = S(function({
+  disabled: t = !1,
+  hasIcon: a = !1,
+  helpLink: l,
+  helpLinkText: s,
+  helpText: c,
+  error: i,
+  label: f,
+  name: e,
+  maskValue: m = !1,
+  required: r,
+  tooltip: p,
+  type: d = "text",
+  weight: u,
+  ...x
+}, h) {
+  const C = T();
+  return /* @__PURE__ */ o(
+    $,
+    {
+      error: i,
+      helpLink: l,
+      helpLinkText: s,
+      helpText: c,
+      htmlFor: e,
+      label: f,
+      required: r,
+      tooltip: p,
+      weight: u,
+      children: /* @__PURE__ */ I(
+        b,
+        {
+          className: `${t ? "disabled" : ""} ${i ? "error" : ""}`,
+          children: [
+            a ? /* @__PURE__ */ o(n, { icon: "user", iconSize: "sm", iconType: "fa-light" }) : void 0,
+            /* @__PURE__ */ o(
+              "input",
+              {
+                "aria-hidden": !1,
+                "aria-invalid": i ? "true" : "false",
+                "aria-label": e,
+                "aria-required": r,
+                autoComplete: "off",
+                className: m ? "sr-block" : "",
+                "data-testid": `${e}-input`,
+                disabled: t,
+                id: e,
+                name: e,
+                ref: h,
+                type: d,
+                ...x
+              }
+            ),
+            i ? /* @__PURE__ */ o(
+              n,
+              {
+                icon: "exclamation-circle",
+                iconClass: "error-icon",
+                iconColor: C.palette.error[500],
+                iconSize: "xs"
+              }
+            ) : void 0
+          ]
+        }
+      )
+    }
+  );
 });
 export {
-  S as Input
+  w as Input
 };

package/dist/components/inputs/fields/input-file/index.js

@@ -1,32 +1,125 @@
-import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { isEmpty as q } from "lodash";
-import { forwardRef as z } from "react";
-import { styled as m, useTheme as C } from "styled-components";
-import { b as S } from "../../../../styles-fH2c4cfc.mjs";
-import { OutlineContainer as j } from "../../outline-container/index.js";
-import { S as k } from "../../../../styles-lSVV9kjn.mjs";
-import { Button as I } from "../../../button/index.js";
-import { Container as A } from "../../../container/index.js";
-import { Icon as s } from "../../../icon/index.js";
-import { IconButton as B } from "../../../icon-button/index.js";
-const F = m(S)`
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { isEmpty as v } from "lodash";
+import { forwardRef as C } from "react";
+import { styled as s, useTheme as F } from "styled-components";
+import { b as T } from "../../../../styles-B64DVBIF.mjs";
+import { OutlineContainer as $ } from "../../outline-container/index.js";
+import { S as b } from "../../../../styles-BXFVwnWT.mjs";
+import { Button as z } from "../../../button/index.js";
+import { Container as j } from "../../../container/index.js";
+import { Icon as m } from "../../../icon/index.js";
+import { IconButton as N } from "../../../icon-button/index.js";
+const A = s(T)`
   white-space: nowrap;
-  margin-right: ${({ theme: t }) => t.spacing[0.25]};
+  margin-right: ${({ theme: e }) => e.spacing[0.25]};
   text-overflow: ellipsis;
   overflow: hidden;
   max-width: 80%;
-`, L = m.input`
+`, B = s.input`
   opacity: 0;
   position: absolute;
   visibility: hidden;
   width: 0;
-`, Q = z(function({ accept: t, disabled: e = !1, error: a, label: d, helpLink: c, helpText: h, id: f, multiple: x, name: r, required: u, tooltip: g, weight: b, value: w, ...y }, v) {
-  const l = C(), p = ((T) => {
-    const n = T;
-    return n ? Array.from(n).map(($) => $.name).join(", ") : "";
-  })(w);
-  return o(j, { error: a, helpLink: c, helpText: h, htmlFor: r, label: d, required: u, tooltip: g, weight: b, children: [o(k, { className: `${e ? "disabled" : ""} ${a ? "error" : ""}`, children: [i(F, { $size: "xs", children: p }), o(A, { display: "flex", gap: 0.5, children: [q(p) ? void 0 : i(B, { color: l.palette.gray[400], height: "20px", icon: "xmark", iconSize: "lg", iconType: "fa-light", variant: "ghost", width: "20px" }), a && i(s, { icon: "exclamation-circle", iconClass: "error-icon", iconColor: l.palette.error[500], iconSize: "xs" })] }), o(I, { border: e ? `1px solid ${l.palette.gray[300]} !important` : "", borderRadius: "0px 8px 8px 0px !important", disabled: e, height: "40px", variant: "primary", width: "96px", children: [i(s, { icon: "search", iconSize: "sm", mr: 0.5 }), "Add file"] })] }), i(L, { accept: t, "aria-label": r, "data-testid": r, disabled: e, id: f, multiple: x, name: r, ref: v, required: void 0, type: "file", value: void 0, ...y })] });
+`, R = (e) => {
+  const o = e;
+  return o ? Array.from(o).map((i) => i.name).join(", ") : "";
+}, P = C(function({
+  accept: o,
+  disabled: i = !1,
+  error: p,
+  label: c,
+  helpLink: d,
+  helpText: f,
+  id: h,
+  multiple: x,
+  name: r,
+  required: u,
+  tooltip: y,
+  weight: g,
+  value: w,
+  ...I
+}, S) {
+  const a = F(), l = R(w);
+  return /* @__PURE__ */ n(
+    $,
+    {
+      error: p,
+      helpLink: d,
+      helpText: f,
+      htmlFor: r,
+      label: c,
+      required: u,
+      tooltip: y,
+      weight: g,
+      children: [
+        /* @__PURE__ */ n(
+          b,
+          {
+            className: `${i ? "disabled" : ""} ${p ? "error" : ""}`,
+            children: [
+              /* @__PURE__ */ t(A, { $size: "xs", children: l }),
+              /* @__PURE__ */ n(j, { display: "flex", gap: 0.5, children: [
+                v(l) ? void 0 : /* @__PURE__ */ t(
+                  N,
+                  {
+                    color: a.palette.gray[400],
+                    height: "20px",
+                    icon: "xmark",
+                    iconSize: "lg",
+                    iconType: "fa-light",
+                    variant: "ghost",
+                    width: "20px"
+                  }
+                ),
+                p && /* @__PURE__ */ t(
+                  m,
+                  {
+                    icon: "exclamation-circle",
+                    iconClass: "error-icon",
+                    iconColor: a.palette.error[500],
+                    iconSize: "xs"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ n(
+                z,
+                {
+                  border: i ? `1px solid ${a.palette.gray[300]} !important` : "",
+                  borderRadius: "0px 8px 8px 0px !important",
+                  disabled: i,
+                  height: "40px",
+                  variant: "primary",
+                  width: "96px",
+                  children: [
+                    /* @__PURE__ */ t(m, { icon: "search", iconSize: "sm", mr: 0.5 }),
+                    "Add file"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          B,
+          {
+            accept: o,
+            "aria-label": r,
+            "data-testid": r,
+            disabled: i,
+            id: h,
+            multiple: x,
+            name: r,
+            ref: S,
+            required: void 0,
+            type: "file",
+            value: void 0,
+            ...I
+          }
+        )
+      ]
+    }
+  );
 });
 export {
-  Q as InputFile
+  P as InputFile
 };

package/dist/components/inputs/fields/input-tags/index.js

@@ -1,19 +1,68 @@
-import { jsx as i, jsxs as b } from "react/jsx-runtime";
-import { forwardRef as c, useMemo as g } from "react";
-import { styled as x } from "styled-components";
-import { OutlineContainer as v } from "../../outline-container/index.js";
-import { S as w } from "../../../../styles-lSVV9kjn.mjs";
-import { Tag as C } from "../../../tag/index.js";
-const j = x.input`
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as h, useMemo as x } from "react";
+import { styled as T } from "styled-components";
+import { OutlineContainer as y } from "../../outline-container/index.js";
+import { S as I } from "../../../../styles-BXFVwnWT.mjs";
+import { Tag as b } from "../../../tag/index.js";
+const C = T.input`
   border: none;
   background: transparent;
   min-width: 15rem;
   padding: 0;
   flex: 1;
-`, F = c(function({ disabled: r = !1, error: a, label: d, name: o = "input-tag", onChange: s, placeholder: m, required: t, tooltip: p, weight: f, value: e, ...u }, h) {
-  const l = g(() => e && typeof e == "string" ? e.split(",").filter(Boolean) : [], [e]);
-  return i(v, { error: a, htmlFor: o, label: d, required: t, tooltip: p, weight: f, children: b(w, { className: `${r ? "disabled" : ""} ${a ? "error" : ""}`, children: [l.map((n) => i(C, { disabled: r, tagLabel: n }, n)), i(j, { "aria-hidden": !1, "aria-invalid": a ? "true" : "false", "aria-label": o, "aria-required": t, autoComplete: "off", disabled: r, name: o, onChange: s, placeholder: l.length === 0 ? m : void 0, ref: h, type: "text", value: e, ...u })] }) });
+`, L = h(function({
+  disabled: r = !1,
+  error: n,
+  label: s,
+  name: e = "input-tag",
+  onChange: f,
+  placeholder: l,
+  required: a,
+  tooltip: m,
+  weight: d,
+  value: t,
+  ...u
+}, g) {
+  const i = x(() => t && typeof t == "string" ? t.split(",").filter(Boolean) : [], [t]);
+  return /* @__PURE__ */ o(
+    y,
+    {
+      error: n,
+      htmlFor: e,
+      label: s,
+      required: a,
+      tooltip: m,
+      weight: d,
+      children: /* @__PURE__ */ c(
+        I,
+        {
+          className: `${r ? "disabled" : ""} ${n ? "error" : ""}`,
+          children: [
+            i.map((p) => /* @__PURE__ */ o(b, { disabled: r, tagLabel: p }, p)),
+            /* @__PURE__ */ o(
+              C,
+              {
+                "aria-hidden": !1,
+                "aria-invalid": n ? "true" : "false",
+                "aria-label": e,
+                "aria-required": a,
+                autoComplete: "off",
+                disabled: r,
+                name: e,
+                onChange: f,
+                placeholder: i.length === 0 ? l : void 0,
+                ref: g,
+                type: "text",
+                value: t,
+                ...u
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
 });
 export {
-  F as InputTags
+  L as InputTags
 };

package/dist/components/inputs/fields/number/index.js

@@ -1,10 +1,57 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as L } from "react";
-import { OutlineContainer as w } from "../../outline-container/index.js";
-import { NumberField as C } from "../../utils/number-field/index.js";
-const P = L(function({ decimalPlaces: o, disabled: a = !1, error: e, helpLink: l, helpText: m, id: n, label: t, maxLength: d, max: h, min: p, name: r, onChange: s, placeholder: c, required: f, tooltip: u, weight: x, ...b }, g) {
-  return i(w, { error: e, helpLink: l, helpText: m, htmlFor: r, label: t, maxLength: d, required: f, tooltip: u, weight: x, children: i(C, { decimalPlaces: o, disabled: a, error: e, id: n, max: h, min: p, name: r, onChange: s, placeholder: c, ref: g, ...b }) });
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { OutlineContainer as I } from "../../outline-container/index.js";
+import { NumberField as j } from "../../utils/number-field/index.js";
+const k = F(function({
+  decimalPlaces: m,
+  disabled: e = !1,
+  error: r,
+  helpLink: i,
+  helpText: n,
+  id: f,
+  label: u,
+  maxLength: p,
+  max: l,
+  min: b,
+  name: o,
+  onChange: c,
+  placeholder: d,
+  required: s,
+  tooltip: N,
+  weight: a,
+  ...h
+}, x) {
+  return /* @__PURE__ */ t(
+    I,
+    {
+      error: r,
+      helpLink: i,
+      helpText: n,
+      htmlFor: o,
+      label: u,
+      maxLength: p,
+      required: s,
+      tooltip: N,
+      weight: a,
+      children: /* @__PURE__ */ t(
+        j,
+        {
+          decimalPlaces: m,
+          disabled: e,
+          error: r,
+          id: f,
+          max: l,
+          min: b,
+          name: o,
+          onChange: c,
+          placeholder: d,
+          ref: x,
+          ...h
+        }
+      )
+    }
+  );
 });
 export {
-  P as InputNumber
+  k as InputNumber
 };

package/dist/components/inputs/fields/number-range/index.js

@@ -1,11 +1,49 @@
-import { jsx as e, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { OutlineContainer as u } from "../../outline-container/index.js";
-import { NumberField as a } from "../../utils/number-field/index.js";
-import { Container as b } from "../../../container/index.js";
-const q = f(function({ disabled: o = !1, error: r, name: t, label: s, propsMax: n, propsMin: l, required: p, tooltip: d }, i) {
-  return e(u, { error: r, htmlFor: t, label: s, required: p, tooltip: d, children: m(b, { display: "flex", gap: 0.25, width: "100%", children: [e(a, { ...l, disabled: o, error: r, ref: i }), e(a, { ...n, disabled: o, error: r, ref: i })] }) });
+import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { OutlineContainer as c } from "../../outline-container/index.js";
+import { NumberField as m } from "../../utils/number-field/index.js";
+import { Container as d } from "../../../container/index.js";
+const j = s(function({
+  disabled: n = !1,
+  error: r,
+  name: i,
+  label: e,
+  propsMax: p,
+  propsMin: f,
+  required: u,
+  tooltip: a
+}, o) {
+  return /* @__PURE__ */ t(
+    c,
+    {
+      error: r,
+      htmlFor: i,
+      label: e,
+      required: u,
+      tooltip: a,
+      children: /* @__PURE__ */ l(d, { display: "flex", gap: 0.25, width: "100%", children: [
+        /* @__PURE__ */ t(
+          m,
+          {
+            ...f,
+            disabled: n,
+            error: r,
+            ref: o
+          }
+        ),
+        /* @__PURE__ */ t(
+          m,
+          {
+            ...p,
+            disabled: n,
+            error: r,
+            ref: o
+          }
+        )
+      ] })
+    }
+  );
 });
 export {
-  q as InputNumberRange
+  j as InputNumberRange
 };