@theroutingcompany/components 0.0.85 → 0.0.86

package/dist/trc-components.es.js

@@ -27161,6 +27161,7 @@ const G3 = W(
               {
                 height: m,
                 ...k,
+                "data-value": w.numberValue,
                 paddingSize: i,
                 ref: _,
                 onClick: T,
@@ -27178,6 +27179,7 @@ const G3 = W(
           height: m,
           ref: _,
           ...k,
+          "data-value": w.numberValue,
           paddingSize: i,
           required: a
         }
@@ -27191,7 +27193,15 @@ const G3 = W(
   }
 );
 G3.displayName = "NumberInput";
-const Y3 = W((e, t) => {
+const jj = (e) => {
+  var n;
+  const t = Object.fromEntries(new FormData(e));
+  for (let r = 0; r < e.elements.length; r++) {
+    const o = e.elements[r];
+    o.attributes["data-value"] && (t[o.name] = (n = o.attributes["data-value"]) == null ? void 0 : n.value);
+  }
+  return t;
+}, Y3 = W((e, t) => {
   const {
     errorMessage: n,
     description: r,
@@ -27308,7 +27318,7 @@ Tf.displayName = "FormControlContext";
 function kf() {
   return je(Tf);
 }
-function jj({
+function Uj({
   children: e,
   label: t,
   errorMessage: n,
@@ -27627,7 +27637,7 @@ function KM(e) {
     o
   ), t;
 }
-function Uj({
+function Wj({
   granularity: e = "minute",
   paddingSize: t = P1.small,
   timeZone: n,
@@ -27734,7 +27744,7 @@ const VM = M(or)`
 `, jM = ({ label: e, value: t, truncate: n = !1 }) => /* @__PURE__ */ oe(Pe, { role: "group", title: e, children: [
   /* @__PURE__ */ D(qe, { htmlFor: `labeled-text-${e}`, color: f.color_gray_52, size: "medium", bold: !0, title: e, "aria-label": e, children: e }),
   /* @__PURE__ */ D(VM, { id: `labeled-text-${e}`, title: typeof t == "string" ? t : e, "aria-label": typeof t == "string" ? t : e, truncate: n, children: t })
-] }), Wj = jM;
+] }), Hj = jM;
 function Z3(e) {
   var t, n, r = "";
   if (typeof e == "string" || typeof e == "number")
@@ -28234,12 +28244,12 @@ const n5 = M.div`
   border-top: 1px solid hsl(0deg 0% 0% / 12%);
 `;
 yo.Separator = n5;
-const Hj = Object.assign(yo, {
+const Gj = Object.assign(yo, {
   Trigger: Q3,
   List: e5,
   Item: t5,
   Separator: n5
-}), Gj = () => /* @__PURE__ */ D("div", { id: Af }), Yj = M.div`
+}), Yj = () => /* @__PURE__ */ D("div", { id: Af }), qj = M.div`
   display: grid;
   grid-template-columns: repeat(12, minmax(var(--min-col-width, 0), 150px));
   column-gap: ${f.sizing_600};
@@ -28256,7 +28266,7 @@ const Hj = Object.assign(yo, {
   min-height: 100%;
   margin: 0 auto;
   padding: 0 ${f.sizing_100};
-`, qj = M.div`
+`, Zj = M.div`
   padding-top: ${f.sizing_600};
   padding-bottom: ${f.sizing_800};
 `, rN = M.header`
@@ -28275,10 +28285,10 @@ const Hj = Object.assign(yo, {
     rgba(0, 0, 0, 0.07) 0px 0px 2px, rgba(0, 0, 0, 0.1) 0px 1px 1px,
     rgba(0, 0, 0, 0.05) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px,
     rgba(0, 0, 0, 0.08) 0px 1px 4px;
-`, Zj = ({
+`, Xj = ({
   children: e,
   className: t
-}) => /* @__PURE__ */ D(oN, { className: t, children: /* @__PURE__ */ D(nN, { children: /* @__PURE__ */ D(rN, { as: "div", children: e }) }) }), Xj = M(Pe)`
+}) => /* @__PURE__ */ D(oN, { className: t, children: /* @__PURE__ */ D(nN, { children: /* @__PURE__ */ D(rN, { as: "div", children: e }) }) }), Jj = M(Pe)`
   display: flex;
   align-items: center;
 
@@ -28314,7 +28324,7 @@ const Hj = Object.assign(yo, {
   border-radius: ${f.border_radius_800};
   ${({ size: e }) => sN(e)}
   ${({ variant: e }) => dN(e)}
-`, Jj = L.forwardRef(
+`, Qj = L.forwardRef(
   function(t, n) {
     const {
       "data-id": r,
@@ -28418,7 +28428,7 @@ const yN = [
   "ArrowDown",
   "ArrowLeft",
   "ArrowRight"
-], i5 = "RadioGroup", [_N, Qj] = He(i5, [
+], i5 = "RadioGroup", [_N, eU] = He(i5, [
   Vn,
   o5
 ]), l5 = Vn(), s5 = o5(), [xN, DN] = _N(i5), wN = /* @__PURE__ */ W((e, t) => {
@@ -28577,7 +28587,7 @@ const yN = [
     background-color: var(--inner-circle-color);
   }
 `;
-function eU({
+function tU({
   children: e,
   disabled: t,
   loop: n,
@@ -28597,7 +28607,7 @@ function eU({
     }
   );
 }
-function tU({
+function nU({
   disabled: e,
   ...t
 }) {
@@ -32257,7 +32267,7 @@ const PK = M.span`
   display: inline-flex;
   align-items: center;
 `;
-function nU(e) {
+function rU(e) {
   const t = SK(e), { placeholder: n = "Select...", hideLabel: r, showCaret: o = !0, isInvalid: a } = e, i = Q.useRef(null), { labelProps: l, triggerProps: s, valueProps: c, menuProps: u, errorMessageProps: d } = DK(e, t, i), { buttonProps: p } = go(s, i), { focusProps: m, isFocusVisible: h } = xa();
   return /* @__PURE__ */ oe(Un, { children: [
     e.label ? /* @__PURE__ */ oe(
@@ -32304,7 +32314,7 @@ function nU(e) {
     t.isOpen ? /* @__PURE__ */ D(os, { state: t, targetRef: i, children: /* @__PURE__ */ D(Gx, { ...u, state: t }) }) : null
   ] });
 }
-const E2 = "Switch", [kK, rU] = He(E2), [AK, RK] = kK(E2), IK = /* @__PURE__ */ W((e, t) => {
+const E2 = "Switch", [kK, oU] = He(E2), [AK, RK] = kK(E2), IK = /* @__PURE__ */ W((e, t) => {
   const { __scopeSwitch: n, name: r, checked: o, defaultChecked: a, required: i, disabled: l, value: s = "on", onCheckedChange: c, ...u } = e, [d, p] = Z(null), m = xe(
     t,
     (b) => p(b)
@@ -32457,7 +32467,7 @@ const BK = M(NK)`
   return /* @__PURE__ */ D(BK, { ...r, ...o, ref: t, children: /* @__PURE__ */ D(KK, {}) });
 });
 VK.displayName = "Switch";
-const P2 = "Tabs", [jK, oU] = He(P2, [
+const P2 = "Tabs", [jK, aU] = He(P2, [
   Vn
 ]), C2 = Vn(), [UK, Wf] = jK(P2), WK = /* @__PURE__ */ W((e, t) => {
   const { __scopeTabs: n, value: r, onValueChange: o, defaultValue: a, orientation: i = "horizontal", dir: l, activationMode: s = "automatic", ...c } = e, u = mr(l), [d, p] = Ue({
@@ -32764,7 +32774,7 @@ Defaulting to \`${Gu}\`.`;
 function K2(e) {
   return rV.includes(e);
 }
-const aV = B2, V2 = "ToastProvider", [Gf, iV, lV] = ga("Toast"), [j2, aU] = He("Toast", [
+const aV = B2, V2 = "ToastProvider", [Gf, iV, lV] = ga("Toast"), [j2, iU] = He("Toast", [
   lV
 ]), [sV, ds] = j2(V2), U2 = (e) => {
   const { __scopeToast: t, label: n = "Notification", duration: r = 5e3, swipeDirection: o = "right", swipeThreshold: a = 50, children: i } = e, [l, s] = Z(null), [c, u] = Z(0), d = z(!1), p = z(!1);
@@ -33294,7 +33304,7 @@ const PV = U2, CV = dV, TV = bV, kV = _V, AV = H2, RV = G2, Yf = 25, IV = We`
   info: f.color_gray_opacity_94,
   primary: f.color_white,
   negative: f.color_white
-}, iU = M(CV)`
+}, lU = M(CV)`
   position: fixed;
   bottom: 0;
   right: 0;
@@ -33347,7 +33357,7 @@ const PV = U2, CV = dV, TV = bV, kV = _V, AV = H2, RV = G2, Yf = 25, IV = We`
     transform: translateX(var(--radix-toast-swipe-move-x));
   }
 `;
-function lU({
+function sU({
   children: e,
   ...t
 }) {
@@ -33408,7 +33418,7 @@ export {
   xf as ChevronDown,
   Yx as ComboBox,
   BM as DateField,
-  Uj as DateInput,
+  Wj as DateInput,
   oj as Dialog,
   ij as DialogClose,
   rj as DialogCloseButton,
@@ -33441,39 +33451,39 @@ export {
   gj as Fieldset,
   xM as FileUpload,
   Dt as Flex,
-  jj as FormControl,
+  Uj as FormControl,
   Hi as IconButton,
   Gt as IconTooltip,
   LM as InlineEdit,
   t5 as Item,
   qe as Label,
-  Wj as LabeledText,
+  Hj as LabeledText,
   JV as Modal,
   qM as MultiSelect,
   J3 as MultiSelectComponent,
   Su as MultiSelectItem,
   pI as MultiSelectSection,
-  Hj as NavigationMenu,
-  Gj as NavigationMenuPortal,
+  Gj as NavigationMenu,
+  Yj as NavigationMenuPortal,
   RM as NumberFormControl,
   G3 as NumberInput,
   nN as Page,
-  qj as PageContent,
-  Yj as PageGrid,
+  Zj as PageContent,
+  qj as PageGrid,
   rN as PageHeader,
-  Xj as PageHeaderContent,
+  Jj as PageHeaderContent,
   $j as Pagination,
   Gi as PaginatorButton,
   bu as PaginatorNumber,
-  Jj as Panel,
+  Qj as Panel,
   w2 as Placeholder,
   Kj as Popover,
   _h as PopoverClose,
   Bj as PopoverCloseCross,
   pM as PopoverContent,
   Vj as PopoverTrigger,
-  tU as Radio,
-  eU as RadioGroup,
+  nU as Radio,
+  tU as RadioGroup,
   RN as RadioGroupIndicator,
   AN as RadioGroupRadio,
   vj as RangeCalendar,
@@ -33482,11 +33492,11 @@ export {
   _6 as SectionItem,
   $6 as SectionTitle,
   n5 as Separator,
-  nU as SingleSelect,
+  rU as SingleSelect,
   Su as SingleSelectItem,
   pI as SingleSelectSection,
   Md as Stack,
-  Zj as StickyPageHeader,
+  Xj as StickyPageHeader,
   Zp as StyledButtonBox,
   JT as StyledButtonGroup,
   gT as StyledFieldSet,
@@ -33507,9 +33517,9 @@ export {
   oo as Title,
   br as TitleBase,
   X2 as Toast,
-  lU as ToastProvider,
+  sU as ToastProvider,
   LV as ToastSeparator,
-  iU as ToastViewport,
+  lU as ToastViewport,
   MR as Tooltip,
   NR as TooltipContent,
   FR as TooltipProvider,
@@ -33525,6 +33535,7 @@ export {
   Hb as dialogTitleStyles,
   Cd as dialogWidths,
   Sg as getTruncate,
+  jj as handleFormWithNumbers,
   Ub as overlayStyles,
   tN as pageMinMaxWidth,
   xj as useDrawer,