@fluidattacks/design 3.1.11 → 3.1.13

package/dist/components/inputs/fields/text-area/index.js

@@ -1 +1,81 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../outline-container/index.js"),a=require("../../../../styles-Bl-CstrT.js"),l=require("../../../icon/index.js"),o=r.forwardRef((function({disabled:r=!1,error:o,helpLink:n,helpText:s,label:d,name:c="input-text",id:u,maskValue:x=!1,maxLength:h,placeholder:p,required:m,rows:b,tooltip:j,value:q,weight:g,...v},f){const T=i.useTheme();return e.jsx(t.OutlineContainer,{error:o,helpLink:n,helpText:s,htmlFor:c,label:d,maxLength:h,required:m,tooltip:j,value:q?String(q):void 0,weight:g,children:e.jsxs(a.StyledTextInputContainer,{className:`${r?"disabled":""} ${o?"error":""}`,children:[e.jsx("textarea",{"aria-hidden":!1,"aria-invalid":o?"true":"false","aria-label":c,"aria-required":m,className:x?"sr-block":"","data-testid":`${c}-text-area`,disabled:r,id:u??c,maxLength:h,name:c,placeholder:p,ref:f,rows:b,value:q,...v}),o?e.jsx(l.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:T.palette.error[500],iconSize:"xs"}):void 0]})})}));exports.TextArea=o;
+import { jsx as i, jsxs as T } from "react/jsx-runtime";
+import { forwardRef as $ } from "react";
+import { useTheme as b } from "styled-components";
+import { OutlineContainer as j } from "../../outline-container/index.js";
+import { S as A } from "../../../../styles-BXFVwnWT.mjs";
+import { Icon as I } from "../../../icon/index.js";
+const R = $(function({
+  disabled: o = !1,
+  error: r,
+  helpLink: s,
+  helpText: l,
+  label: c,
+  name: e = "input-text",
+  id: f,
+  maskValue: d = !1,
+  maxLength: a,
+  placeholder: m,
+  required: n,
+  rows: p,
+  tooltip: x,
+  value: t,
+  weight: u,
+  ...h
+}, C) {
+  const S = b();
+  return /* @__PURE__ */ i(
+    j,
+    {
+      error: r,
+      helpLink: s,
+      helpText: l,
+      htmlFor: e,
+      label: c,
+      maxLength: a,
+      required: n,
+      tooltip: x,
+      value: t ? String(t) : void 0,
+      weight: u,
+      children: /* @__PURE__ */ T(
+        A,
+        {
+          className: `${o ? "disabled" : ""} ${r ? "error" : ""}`,
+          children: [
+            /* @__PURE__ */ i(
+              "textarea",
+              {
+                "aria-hidden": !1,
+                "aria-invalid": r ? "true" : "false",
+                "aria-label": e,
+                "aria-required": n,
+                className: d ? "sr-block" : "",
+                "data-testid": `${e}-text-area`,
+                disabled: o,
+                id: f ?? e,
+                maxLength: a,
+                name: e,
+                placeholder: m,
+                ref: C,
+                rows: p,
+                value: t,
+                ...h
+              }
+            ),
+            r ? /* @__PURE__ */ i(
+              I,
+              {
+                icon: "exclamation-circle",
+                iconClass: "error-icon",
+                iconColor: S.palette.error[500],
+                iconSize: "xs"
+              }
+            ) : void 0
+          ]
+        }
+      )
+    }
+  );
+});
+export {
+  R as TextArea
+};

package/dist/components/inputs/index.js

@@ -1 +1,28 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./fields/combobox/index.js"),t=require("./fields/date/index.js"),i=require("./fields/date-range/index.js"),r=require("./fields/date-time/index.js"),n=require("./fields/editable/index.js"),u=require("./fields/input/index.js"),s=require("./fields/input-file/index.js"),p=require("./fields/input-tags/index.js"),o=require("./fields/number/index.js"),d=require("./fields/number-range/index.js"),x=require("./fields/phone/index.js"),a=require("./fields/text-area/index.js"),l=require("./outline-container/index.js");exports.ComboBox=e.ComboBox,exports.InputDate=t.InputDate,exports.InputDateRange=i.InputDateRange,exports.InputDateTime=r.InputDateTime,exports.Editable=n.Editable,exports.Input=u.Input,exports.InputFile=s.InputFile,exports.InputTags=p.InputTags,exports.InputNumber=o.InputNumber,exports.InputNumberRange=d.InputNumberRange,exports.PhoneInput=x.PhoneInput,exports.TextArea=a.TextArea,exports.OutlineContainer=l.OutlineContainer;
+import { ComboBox as t } from "./fields/combobox/index.js";
+import { InputDate as p } from "./fields/date/index.js";
+import { InputDateRange as n } from "./fields/date-range/index.js";
+import { InputDateTime as f } from "./fields/date-time/index.js";
+import { Editable as a } from "./fields/editable/index.js";
+import { Input as i } from "./fields/input/index.js";
+import { InputFile as g } from "./fields/input-file/index.js";
+import { InputTags as D } from "./fields/input-tags/index.js";
+import { InputNumber as C } from "./fields/number/index.js";
+import { InputNumberRange as R } from "./fields/number-range/index.js";
+import { PhoneInput as h } from "./fields/phone/index.js";
+import { TextArea as A } from "./fields/text-area/index.js";
+import { OutlineContainer as E } from "./outline-container/index.js";
+export {
+  t as ComboBox,
+  a as Editable,
+  i as Input,
+  p as InputDate,
+  n as InputDateRange,
+  f as InputDateTime,
+  g as InputFile,
+  C as InputNumber,
+  R as InputNumberRange,
+  D as InputTags,
+  E as OutlineContainer,
+  h as PhoneInput,
+  A as TextArea
+};

package/dist/components/inputs/label/index.js

@@ -1 +1,38 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),o=require("styled-components"),r=require("../../icon/index.js"),l=require("../../../index-CmylnDrF.js");exports.Label=({htmlFor:t,label:s,required:n,tooltip:c,weight:a="normal"})=>{const p=o.useTheme(),u=`${t}-tooltip`,x=void 0!==c&&!i.isEmpty(c);return e.jsxs("label",{className:`flex font-${a} gap-1 w-full`,htmlFor:t,children:[s,n&&e.jsx(r.Icon,{icon:"asterisk",iconColor:p.palette.error[500],iconSize:"xxss"}),x?e.jsx(l.Tooltip,{display:"inline-flex",icon:"circle-info",id:u,place:"top",tip:c}):null]})};
+import { jsxs as c, jsx as i } from "react/jsx-runtime";
+import { isEmpty as m } from "lodash";
+import { useTheme as a } from "styled-components";
+import { Icon as f } from "../../icon/index.js";
+import { T as x } from "../../../index-DwznImvK.mjs";
+const j = ({
+  htmlFor: e,
+  label: r,
+  required: t,
+  tooltip: o,
+  weight: l = "normal"
+}) => {
+  const n = a(), s = `${e}-tooltip`, p = o !== void 0 && !m(o);
+  return /* @__PURE__ */ c("label", { className: `flex font-${l} gap-1 w-full`, htmlFor: e, children: [
+    r,
+    t && /* @__PURE__ */ i(
+      f,
+      {
+        icon: "asterisk",
+        iconColor: n.palette.error[500],
+        iconSize: "xxss"
+      }
+    ),
+    p ? /* @__PURE__ */ i(
+      x,
+      {
+        display: "inline-flex",
+        icon: "circle-info",
+        id: s,
+        place: "top",
+        tip: o
+      }
+    ) : null
+  ] });
+};
+export {
+  j as Label
+};

package/dist/components/inputs/outline-container/index.js

@@ -1 +1,104 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),r=require("../label/index.js"),n=require("../../../styles-Bl-CstrT.js"),t=require("../../container/index.js"),l=require("../../icon/index.js"),s=require("../../link/index.js"),o=require("../../tag/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const a=require("../../typography/text/index.js");exports.OutlineContainer=({children:d,error:c,helpLink:x,helpLinkText:p="Link here",helpText:h,htmlFor:u,label:j,maxLength:g,required:y,tooltip:m,value:q,weight:b})=>{const v=i.useTheme(),T=q?q.length:0;return e.jsxs(n.StyledOutlineContainer,{children:[void 0===j?void 0:e.jsx(r.Label,{htmlFor:u,label:j,required:y,tooltip:m,weight:b}),d,c||g?e.jsxs(t.Container,{display:"flex",justify:void 0===c?"end":"space-between",width:"100%",children:[c&&e.jsx(a.Text,{className:"error-msg",color:v.palette.error[500],display:"block",lineSpacing:1,size:"sm",children:c}),g&&e.jsx(o.Tag,{priority:"low",tagLabel:`${T}/${g}`,variant:"error"})]}):void 0,h||x?e.jsxs(t.Container,{alignItems:"center",display:"flex",gap:.25,width:"100%",children:[h&&e.jsxs(e.Fragment,{children:[e.jsx(l.Icon,{icon:"circle-info",iconColor:v.palette.gray[400],iconSize:"xxs",iconType:"fa-light"}),e.jsx(a.Text,{color:v.palette.gray[400],display:"inline-block",size:"sm",children:h})]}),x&&e.jsx(s.Link,{href:x,children:p})]}):void 0]})};
+import { jsxs as r, jsx as e, Fragment as b } from "react/jsx-runtime";
+import { useTheme as w } from "styled-components";
+import { Label as x } from "../label/index.js";
+import { a as C } from "../../../styles-BXFVwnWT.mjs";
+import { Container as c } from "../../container/index.js";
+import { Icon as j } from "../../icon/index.js";
+import { Link as z } from "../../link/index.js";
+import { Tag as S } from "../../tag/index.js";
+import "../../typography/heading/index.js";
+import "../../typography/span/index.js";
+import { Text as d } from "../../typography/text/index.js";
+const B = ({
+  children: s,
+  error: i,
+  helpLink: n,
+  helpLinkText: f = "Link here",
+  helpText: o,
+  htmlFor: p,
+  label: m,
+  maxLength: t,
+  required: g,
+  tooltip: h,
+  value: a,
+  weight: u
+}) => {
+  const l = w(), y = a ? a.length : 0;
+  return /* @__PURE__ */ r(C, { children: [
+    m === void 0 ? void 0 : /* @__PURE__ */ e(
+      x,
+      {
+        htmlFor: p,
+        label: m,
+        required: g,
+        tooltip: h,
+        weight: u
+      }
+    ),
+    s,
+    i || t ? /* @__PURE__ */ r(
+      c,
+      {
+        display: "flex",
+        justify: i === void 0 ? "end" : "space-between",
+        width: "100%",
+        children: [
+          i && /* @__PURE__ */ e(
+            d,
+            {
+              className: "error-msg",
+              color: l.palette.error[500],
+              display: "block",
+              lineSpacing: 1,
+              size: "sm",
+              children: i
+            }
+          ),
+          t && /* @__PURE__ */ e(
+            S,
+            {
+              priority: "low",
+              tagLabel: `${y}/${t}`,
+              variant: "error"
+            }
+          )
+        ]
+      }
+    ) : void 0,
+    o || n ? /* @__PURE__ */ r(
+      c,
+      {
+        alignItems: "center",
+        display: "flex",
+        gap: 0.25,
+        width: "100%",
+        children: [
+          o && /* @__PURE__ */ r(b, { children: [
+            /* @__PURE__ */ e(
+              j,
+              {
+                icon: "circle-info",
+                iconColor: l.palette.gray[400],
+                iconSize: "xxs",
+                iconType: "fa-light"
+              }
+            ),
+            /* @__PURE__ */ e(
+              d,
+              {
+                color: l.palette.gray[400],
+                display: "inline-block",
+                size: "sm",
+                children: o
+              }
+            )
+          ] }),
+          n && /* @__PURE__ */ e(z, { href: n, children: f })
+        ]
+      }
+    ) : void 0
+  ] });
+};
+export {
+  B as OutlineContainer
+};

package/dist/components/inputs/utils/action-button/index.js

@@ -1 +1,31 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../icon/index.js"),r=i.forwardRef((function({disabled:i,icon:r,margin:o,onClick:c,...s},a){return e.jsx(t.StyledButtonAction,{$margin:o,"aria-label":r,className:"action-btn",disabled:i,onClick:c,ref:a,type:"button",...s,children:e.jsx(n.Icon,{icon:r,iconClass:"action",iconSize:"xs",iconType:"fa-light"})})}));exports.ActionButton=r;
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { S as m } from "../../../../styles-D1eTIklB.mjs";
+import { Icon as f } from "../../../icon/index.js";
+const d = e(function({ disabled: n, icon: t, margin: i, onClick: r, ...a }, c) {
+  return /* @__PURE__ */ o(
+    m,
+    {
+      $margin: i,
+      "aria-label": t,
+      className: "action-btn",
+      disabled: n,
+      onClick: r,
+      ref: c,
+      type: "button",
+      ...a,
+      children: /* @__PURE__ */ o(
+        f,
+        {
+          icon: t,
+          iconClass: "action",
+          iconSize: "xs",
+          iconType: "fa-light"
+        }
+      )
+    }
+  );
+});
+export {
+  d as ActionButton
+};

package/dist/components/inputs/utils/calendar-button/index.js

@@ -1 +1,37 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),o=require("../../../../styles-3pR4Xdvy.js"),n=require("../../../colors/index.js"),i=require("../../../icon/index.js");exports.Button=({disabled:a=!1,icon:s,props:c})=>{const u=r.useRef(null),{buttonProps:l}=t.useButton(c,u);return e.jsx(o.CalendarButtonAction,{...l,$disabled:a,$focus:Boolean(l["aria-expanded"]),$header:"calendar"===s||"calendar-clock"===s,disabled:a,ref:u,type:"button",children:e.jsx(i.Icon,{icon:s,iconColor:n.theme.palette.gray[a?400:700],iconSize:"xs",iconType:"fa-light"})})};
+import { jsx as n } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { useButton as c } from "react-aria";
+import { C as p } from "../../../../styles-D1eTIklB.mjs";
+import { theme as f } from "../../../colors/index.js";
+import { Icon as i } from "../../../icon/index.js";
+const B = ({
+  disabled: o = !1,
+  icon: t,
+  props: a
+}) => {
+  const r = m(null), { buttonProps: e } = c(a, r);
+  return /* @__PURE__ */ n(
+    p,
+    {
+      ...e,
+      $disabled: o,
+      $focus: !!e["aria-expanded"],
+      $header: t === "calendar" || t === "calendar-clock",
+      disabled: o,
+      ref: r,
+      type: "button",
+      children: /* @__PURE__ */ n(
+        i,
+        {
+          icon: t,
+          iconColor: f.palette.gray[o ? 400 : 700],
+          iconSize: "xs",
+          iconType: "fa-light"
+        }
+      )
+    }
+  );
+};
+export {
+  B as Button
+};

package/dist/components/inputs/utils/date-selector/index.js

@@ -1 +1,62 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../../styles-Bl-CstrT.js"),t=require("../calendar-button/index.js"),a=require("../date-time-field/index.js");exports.DateSelector=({error:s,buttonProps:i,datePickerRef:l,disabled:d=!1,granularity:o="day",fieldProps:n,groupProps:u,inputRef:c,name:p,...x})=>e.jsxs(r.StyledTextInputContainer,{...u,className:`${d?"disabled":""} ${s?"error":""}`,ref:l,children:[e.jsx(a.DateField,{disabled:d,error:null!=s,props:{...n,autoFocus:!1,granularity:o,shouldForceLeadingZeros:!0}}),e.jsx(t.Button,{disabled:d,icon:"minute"===o?"calendar-clock":"calendar",props:i}),e.jsx("input",{...x,"aria-label":p,className:"date-input",disabled:d,name:p,ref:c,type:"text",value:""})]});
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import { S as m } from "../../../../styles-BXFVwnWT.mjs";
+import { Button as f } from "../calendar-button/index.js";
+import { DateField as d } from "../date-time-field/index.js";
+const j = ({
+  error: t,
+  buttonProps: n,
+  datePickerRef: s,
+  disabled: e = !1,
+  granularity: o = "day",
+  fieldProps: p,
+  groupProps: c,
+  inputRef: l,
+  name: a,
+  ...i
+}) => /* @__PURE__ */ u(
+  m,
+  {
+    ...c,
+    className: `${e ? "disabled" : ""} ${t ? "error" : ""}`,
+    ref: s,
+    children: [
+      /* @__PURE__ */ r(
+        d,
+        {
+          disabled: e,
+          error: t != null,
+          props: {
+            ...p,
+            autoFocus: !1,
+            granularity: o,
+            shouldForceLeadingZeros: !0
+          }
+        }
+      ),
+      /* @__PURE__ */ r(
+        f,
+        {
+          disabled: e,
+          icon: o === "minute" ? "calendar-clock" : "calendar",
+          props: n
+        }
+      ),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ...i,
+          "aria-label": a,
+          className: "date-input",
+          disabled: e,
+          name: a,
+          ref: l,
+          type: "text",
+          value: ""
+        }
+      )
+    ]
+  }
+);
+export {
+  j as DateSelector
+};

package/dist/components/inputs/utils/date-time-field/index.js

@@ -1 +1,133 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("@internationalized/date"),r=require("lodash"),s=require("react"),i=require("react-aria"),l=require("react-stately"),a=require("styled-components"),n=require("../../../../styles-3pR4Xdvy.js"),o=require("../../../icon/index.js"),c=({segment:t,state:r})=>{const l=a.useTheme(),n=s.useRef(null),o={...t,placeholder:{day:"dd",dayPeriod:"(AM/PM)",era:"",hour:"hh",literal:"",minute:"mm",month:"mm",second:"",timeZoneName:"",year:"yyyy"}[t.type]},{segmentProps:c}=i.useDateSegment(o,r,n),d=l.palette.gray[o.isEditable?800:500];return e.jsx("div",{..."literal"!==o.type&&{...c,className:"segment-cell"},ref:n,style:"literal"===o.type?void 0:{color:o.isPlaceholder?l.palette.gray[400]:d},children:o.isPlaceholder?o.placeholder:o.text})};exports.DateField=({disabled:d,error:u=!1,props:m})=>{const y=a.useTheme(),p=s.useRef(null),x=l.useDateFieldState({...m,createCalendar:t.createCalendar,locale:"en-US"}),{fieldProps:g}=i.useDateField(m,x,p),h=s.useCallback((e=>{const t=document.getElementsByClassName("segment-cell"),r=e.currentTarget;Object.values(t).some((e=>e.contains(r)))||(e.preventDefault(),e.stopPropagation())}),[]);return e.jsxs(n.InputDateBox,{...g,onClick:h,children:[e.jsx("div",{className:"flex flex-row",style:{color:y.palette.gray[r.isNil(x.value)?400:800]},tabIndex:-1,children:x.segments.map(((t,r)=>{const s=`key_${r}`;return e.jsx(c,{segment:{...t,isEditable:!d},state:x},s)}))}),u?e.jsx(o.Icon,{icon:"exclamation-circle",iconColor:y.palette.error[500],iconSize:"xs"}):void 0]})},exports.TimeField=t=>{const a=s.useRef(null),o=l.useTimeFieldState({...t,locale:"en-US",shouldForceLeadingZeros:!0}),{timeValue:d}=o,u=!r.isNil(d)&&d.hour<12?"AM":"PM",[m,y]=s.useState(r.isNil(d)?"AM":u),{fieldProps:p}=i.useTimeField(t,o,a),x=s.useCallback((e=>{const t=e.currentTarget.name;t!==m&&(r.isNil(d)||("AM"===t?o.setSegment("dayPeriod",0):"PM"===t&&o.setSegment("dayPeriod",12))),y(t)}),[m,o,d]);return e.jsxs(n.TimeOutlineContainer,{children:[e.jsx(n.TimePickerContainer,{...p,ref:a,children:o.segments.slice(0,-2).map(((t,r)=>{const s=`key_${r}`;return e.jsx(c,{segment:t,state:o},s)}))}),e.jsxs(n.TimePickerContainer,{children:[e.jsx(n.DayPeriodButton,{id:"AM"===m?"active":"",name:"AM",onClick:x,type:"button",children:"AM"}),e.jsx(n.DayPeriodButton,{id:"PM"===m?"active":"",name:"PM",onClick:x,type:"button",children:"PM"})]})]})};
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { createCalendar as D } from "@internationalized/date";
+import { isNil as u } from "lodash";
+import { useRef as y, useCallback as P, useState as S } from "react";
+import { useDateField as C, useTimeField as F, useDateSegment as T } from "react-aria";
+import { useDateFieldState as b, useTimeFieldState as k } from "react-stately";
+import { useTheme as M } from "styled-components";
+import { I as A, T as v, a as h, b as g } from "../../../../styles-D1eTIklB.mjs";
+import { Icon as I } from "../../../icon/index.js";
+const x = ({
+  segment: i,
+  state: a
+}) => {
+  const t = M(), n = y(null), e = { ...i, placeholder: {
+    day: "dd",
+    dayPeriod: "(AM/PM)",
+    era: "",
+    hour: "hh",
+    literal: "",
+    minute: "mm",
+    month: "mm",
+    second: "",
+    timeZoneName: "",
+    year: "yyyy"
+  }[i.type] }, { segmentProps: c } = T(e, a, n), m = t.palette.gray[e.isEditable ? 800 : 500];
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      ...e.type !== "literal" && {
+        ...c,
+        className: "segment-cell"
+      },
+      ref: n,
+      style: e.type === "literal" ? void 0 : {
+        color: e.isPlaceholder ? t.palette.gray[400] : m
+      },
+      children: e.isPlaceholder ? e.placeholder : e.text
+    }
+  );
+}, $ = ({
+  disabled: i,
+  error: a = !1,
+  props: t
+}) => {
+  const n = M(), d = y(null), e = b({
+    ...t,
+    createCalendar: D,
+    locale: "en-US"
+  }), { fieldProps: c } = C(t, e, d), m = P(
+    (l) => {
+      const s = document.getElementsByClassName("segment-cell"), o = l.currentTarget;
+      Object.values(s).some(
+        (p) => p.contains(o)
+      ) || (l.preventDefault(), l.stopPropagation());
+    },
+    []
+  );
+  return /* @__PURE__ */ f(A, { ...c, onClick: m, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: "flex flex-row",
+        style: { color: n.palette.gray[u(e.value) ? 400 : 800] },
+        tabIndex: -1,
+        children: e.segments.map((l, s) => {
+          const o = `key_${s}`;
+          return /* @__PURE__ */ r(
+            x,
+            {
+              segment: { ...l, isEditable: !i },
+              state: e
+            },
+            o
+          );
+        })
+      }
+    ),
+    a ? /* @__PURE__ */ r(
+      I,
+      {
+        icon: "exclamation-circle",
+        iconColor: n.palette.error[500],
+        iconSize: "xs"
+      }
+    ) : void 0
+  ] });
+}, w = (i) => {
+  const a = y(null), t = k({
+    ...i,
+    locale: "en-US",
+    shouldForceLeadingZeros: !0
+  }), { timeValue: n } = t, d = !u(n) && n.hour < 12 ? "AM" : "PM", [e, c] = S(
+    u(n) ? "AM" : d
+  ), { fieldProps: m } = F(i, t, a), l = P(
+    (s) => {
+      const o = s.currentTarget.name;
+      o !== e && (u(n) || (o === "AM" ? t.setSegment("dayPeriod", 0) : o === "PM" && t.setSegment("dayPeriod", 12))), c(o);
+    },
+    [e, t, n]
+  );
+  return /* @__PURE__ */ f(v, { children: [
+    /* @__PURE__ */ r(h, { ...m, ref: a, children: t.segments.slice(0, -2).map((s, o) => {
+      const p = `key_${o}`;
+      return /* @__PURE__ */ r(x, { segment: s, state: t }, p);
+    }) }),
+    /* @__PURE__ */ f(h, { children: [
+      /* @__PURE__ */ r(
+        g,
+        {
+          id: e === "AM" ? "active" : "",
+          name: "AM",
+          onClick: l,
+          type: "button",
+          children: "AM"
+        }
+      ),
+      /* @__PURE__ */ r(
+        g,
+        {
+          id: e === "PM" ? "active" : "",
+          name: "PM",
+          onClick: l,
+          type: "button",
+          children: "PM"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  $ as DateField,
+  w as TimeField
+};

package/dist/components/inputs/utils/dialog/index.js

@@ -1 +1,14 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),i=require("../../../../styles-3pR4Xdvy.js");exports.Dialog=({children:o,...s})=>{const a=r.useRef(null),{dialogProps:l}=t.useDialog(s,a);return e.jsx(i.DialogContainer,{...l,ref:a,children:o})};
+import { jsx as e } from "react/jsx-runtime";
+import { useRef as m } from "react";
+import { useDialog as s } from "react-aria";
+import { D as a } from "../../../../styles-D1eTIklB.mjs";
+const g = ({
+  children: r,
+  ...i
+}) => {
+  const o = m(null), { dialogProps: t } = s(i, o);
+  return /* @__PURE__ */ e(a, { ...t, ref: o, children: r });
+};
+export {
+  g as Dialog
+};

package/dist/components/inputs/utils/number-field/index.js

@@ -1 +1,86 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../../../styles-Bl-CstrT.js"),n=require("../action-button/index.js"),o=require("../../../icon/index.js");exports.NumberField=({error:a,decimalPlaces:s=0,disabled:d=!1,max:l=1/0,min:u=0,name:c="input-number",placeholder:m,ref:p,required:x,value:b,...j})=>{const q=i.useTheme(),h=r.useMemo((()=>s<0?0:s),[s]);return e.jsxs(t.StyledTextInputContainer,{className:`${d?"disabled":""} ${a?"error":""}`,children:[e.jsx("input",{"aria-hidden":!1,"aria-invalid":a?"true":"false","aria-label":c,"aria-required":x,autoComplete:"off",disabled:d,max:l,min:u,placeholder:m,ref:p,required:void 0,step:10**-h,type:"number",value:/^-?\d+/u.test(String(b))?b:"",...j}),a&&e.jsx(o.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:q.palette.error[500],iconSize:"xs"}),e.jsx(n.ActionButton,{borderLeft:"inherit",borderRight:"inherit",disabled:d,icon:"minus",margin:"0 -0.625rem 0 0",px:.75,py:.75}),e.jsx(n.ActionButton,{borderRadius:`0 ${q.spacing[.5]} ${q.spacing[.5]} 0`,disabled:d,icon:"plus",px:.75,py:.75})]})};
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useMemo as h } from "react";
+import { useTheme as b } from "styled-components";
+import { S as g } from "../../../../styles-BXFVwnWT.mjs";
+import { ActionButton as m } from "../action-button/index.js";
+import { Icon as y } from "../../../icon/index.js";
+const N = ({
+  error: i,
+  decimalPlaces: o = 0,
+  disabled: r = !1,
+  max: a = 1 / 0,
+  min: p = 0,
+  name: s = "input-number",
+  placeholder: u,
+  ref: c,
+  required: f,
+  value: n,
+  ...l
+}) => {
+  const t = b(), d = h(
+    () => o < 0 ? 0 : o,
+    [o]
+  );
+  return /* @__PURE__ */ x(
+    g,
+    {
+      className: `${r ? "disabled" : ""} ${i ? "error" : ""}`,
+      children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            "aria-hidden": !1,
+            "aria-invalid": i ? "true" : "false",
+            "aria-label": s,
+            "aria-required": f,
+            autoComplete: "off",
+            disabled: r,
+            max: a,
+            min: p,
+            placeholder: u,
+            ref: c,
+            required: void 0,
+            step: 10 ** -d,
+            type: "number",
+            value: /^-?\d+/u.test(String(n)) ? n : "",
+            ...l
+          }
+        ),
+        i && /* @__PURE__ */ e(
+          y,
+          {
+            icon: "exclamation-circle",
+            iconClass: "error-icon",
+            iconColor: t.palette.error[500],
+            iconSize: "xs"
+          }
+        ),
+        /* @__PURE__ */ e(
+          m,
+          {
+            borderLeft: "inherit",
+            borderRight: "inherit",
+            disabled: r,
+            icon: "minus",
+            margin: "0 -0.625rem 0 0",
+            px: 0.75,
+            py: 0.75
+          }
+        ),
+        /* @__PURE__ */ e(
+          m,
+          {
+            borderRadius: `0 ${t.spacing[0.5]} ${t.spacing[0.5]} 0`,
+            disabled: r,
+            icon: "plus",
+            px: 0.75,
+            py: 0.75
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  N as NumberField
+};