@new-black/lyra 0.1.7 → 0.1.8

package/dist/lyra25.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useState } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Label,\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\nimport \"./time-field.vars.css\";\n\nexport type { TimeValue };\nexport type TimeFieldProps<T extends TimeValue> = AriaTimeFieldProps<T> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    hint?: string;\n  };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTimeField\n      className={sharedInputFieldWrapperStyles({ className, fullWidth })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      {...props}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        {startSlot}\n        <DateInput\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\", \"flex\"),\n          })}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        >\n          {(segment) => (\n            <DateSegment\n              className={\n                \"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n        {endSlot}\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n"],"names":["_TimeField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","props","ref","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTimeField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","DateInput","sharedInputStyles","segment","DateSegment","Text","TimeField","fixedForwardRef"],"mappings":"oXAsCMA,EAAa,CACjB,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAAS,EAAK,EACpD,CAACC,EAAgBC,CAAiB,EAAIF,WAAS,EAAK,EAGxD,OAAAG,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAA,8BAA8B,CAAE,UAAAlB,EAAW,UAAAC,EAAW,EACjE,WAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,QAAUe,GAAM,OACdP,EAAkB,EAAI,GACtBQ,EAAAX,EAAM,UAAN,MAAAW,EAAA,KAAAX,EAAgBU,EAClB,EACA,OAASA,GAAM,OACbP,EAAkB,EAAK,GACvBQ,EAAAX,EAAM,SAAN,MAAAW,EAAA,KAAAX,EAAeU,EACjB,EACC,GAAGV,EACJ,IAAAC,EAEA,SAAA,CAAAM,yBAAC,OAAI,UAAWK,EAAA,GAAG,0BAA2BxB,EAAQ,kBAAoB,aAAa,EACpF,SAAA,CACCA,EAAAmB,EAAA,kBAAA,KAACM,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAA1B,EACAM,GAAcqB,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHhB,EACCgB,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAjB,CAAA,CAAA,EAED,IAAA,EACN,EACAQ,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWU,EAAA,QACTC,yBAAuB,CACrB,UAAA1B,EACA,UAAWU,EACX,UAAWG,EACX,WAAAZ,EACA,gBAAAE,CAAA,CACD,CACH,EACA,eAAgB,IAAMW,EAAkB,EAAI,EAC5C,eAAgB,IAAMA,EAAkB,EAAK,EAC7C,aAAc,IAAMA,EAAkB,EAAI,EAC1C,aAAc,IAAMA,EAAkB,EAAK,EAE1C,SAAA,CAAAV,EACDmB,EAAA,kBAAA,IAACI,EAAA,UAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,KAAAtB,EACA,UAAWc,EAAAA,GAAG,CAAC,CAAChB,GAAa,OAAQ,CAAC,CAACC,GAAW,OAAQ,MAAM,CAAA,CACjE,EACD,MAAO,CAAE,WAAY,0BAA2B,EAE/C,SAACwB,GACAN,EAAA,kBAAA,IAACO,EAAA,YAAA,CACC,UACE,wNAEF,QAAAD,CAAA,CACF,CAAA,CAEJ,EACCxB,CAAA,CAAA,CACH,EACCR,GACE0B,EAAAA,kBAAAA,IAAAQ,EAAAA,KAAA,CAAK,UAAU,cAAc,QAAQ,aAAa,MAAM,YAAY,KAAK,cACvE,SACHlC,CAAA,CAAA,EAEDC,GACCyB,EAAA,kBAAA,IAACQ,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,EAEakC,EAAYC,kBAAgBtC,CAAU"}
+{"version":3,"file":"lyra25.cjs","sources":["../src/components/inputs/text-area-field/text-area-field.tsx"],"sourcesContent":["import { ForwardedRef, useState } from \"react\";\nimport {\n  Label,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldProps as AriaTextFieldProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type TextAreaFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    hint?: string;\n    rows?: number;\n  };\n\nconst _TextAreaField = (\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    rows = 3,\n    ...props\n  }: TextAreaFieldProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTextField\n      className={sharedInputFieldWrapperStyles({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n            className: \"items-start\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <div className=\"pt-4\">{startSlot}</div>\n        <TextArea\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n          })}\n          rows={rows}\n          required={isRequired}\n          disabled={isDisabled}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        />\n        <div className=\"pt-4\">{endSlot}</div>\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTextField>\n  );\n};\n\nexport const TextAreaField = fixedForwardRef(_TextAreaField);\n"],"names":["_TextAreaField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","rows","props","ref","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTextField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","TextArea","sharedInputStyles","Text","TextAreaField","fixedForwardRef"],"mappings":"2VAoCMA,EAAiB,CACrB,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,KAAAC,EAAO,EACP,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAAS,EAAK,EACpD,CAACC,EAAgBC,CAAiB,EAAIF,WAAS,EAAK,EAGxD,OAAAG,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,8BAA8B,CAAE,UAAAnB,EAAW,EACtD,WAAAE,EACA,WAAAC,EACA,gBAAAC,EACC,GAAGM,EACJ,QAAUU,GAAM,OACdP,EAAkB,EAAI,GACtBQ,EAAAX,EAAM,UAAN,MAAAW,EAAA,KAAAX,EAAgBU,EAClB,EACA,OAASA,GAAM,OACbP,EAAkB,EAAK,GACvBQ,EAAAX,EAAM,SAAN,MAAAW,EAAA,KAAAX,EAAeU,EACjB,EACA,IAAAT,EAEA,SAAA,CAAAM,yBAAC,OAAI,UAAWK,EAAA,GAAG,0BAA2BzB,EAAQ,kBAAoB,aAAa,EACpF,SAAA,CACCA,EAAAoB,EAAA,kBAAA,KAACM,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAA3B,EACAM,GAAcsB,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHjB,EACCiB,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAlB,CAAA,CAAA,EAED,IAAA,EACN,EACAS,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWU,EAAA,QACTC,yBAAuB,CACrB,UAAA3B,EACA,UAAWW,EACX,UAAWG,EACX,WAAAb,EACA,gBAAAE,EACA,UAAW,aAAA,CACZ,CACH,EACA,eAAgB,IAAMY,EAAkB,EAAI,EAC5C,eAAgB,IAAMA,EAAkB,EAAK,EAC7C,aAAc,IAAMA,EAAkB,EAAI,EAC1C,aAAc,IAAMA,EAAkB,EAAK,EAE3C,SAAA,CAACS,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,OAAQ,SAAUpB,EAAA,EACjCoB,EAAA,kBAAA,IAACI,EAAA,SAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,KAAAvB,EACA,UAAWe,KAAG,CAAC,CAACjB,GAAa,OAAQ,CAAC,CAACC,GAAW,MAAM,CAAA,CACzD,EACD,KAAAG,EACA,SAAUN,EACV,SAAUD,EACV,MAAO,CAAE,WAAY,0BAA2B,CAAA,CAClD,EACCuB,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,OAAQ,SAAQnB,EAAA,CAAA,CAAA,CACjC,EACCR,GACE2B,EAAAA,kBAAAA,IAAAM,EAAAA,KAAA,CAAK,UAAU,cAAc,QAAQ,aAAa,MAAM,YAAY,KAAK,cACvE,SACHjC,CAAA,CAAA,EAEDC,GACC0B,EAAA,kBAAA,IAACM,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAhC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,EAEaiC,EAAgBC,kBAAgBrC,CAAc"}

package/dist/lyra25.js

@@ -1,123 +1,120 @@
-import { j as e } from "./lyra52.js";
-import { useState as p } from "react";
-import { TimeField as N, Label as I, DateInput as H, DateSegment as S } from "./lyra51.js";
-import { cx as F } from "./lyra61.js";
-import { fixedForwardRef as T } from "./lyra62.js";
-import { Text as b } from "./lyra41.js";
-import "./lyra70.js";
-import { sharedInputFieldWrapperStyles as w, sharedInputlabelStyles as E, sharedInputHintStyles as L, sharedInputFieldStyles as M, sharedInputStyles as B } from "./lyra19.js";
-import "./lyra72.js";
-import "./lyra153.js";
-import { twMerge as P } from "./lyra53.js";
-const D = ({
-  label: n,
-  description: i,
-  errorMessage: o,
-  className: g,
-  fullWidth: r = !1,
-  isDisabled: m = !1,
-  isRequired: d = !1,
-  validationState: f,
-  startSlot: c,
-  endSlot: u,
-  size: j,
-  hint: x,
+import { j as e } from "./lyra53.js";
+import { useState as y } from "react";
+import { TextField as T, Label as g, TextArea as H } from "./lyra52.js";
+import { cx as F } from "./lyra62.js";
+import { fixedForwardRef as w } from "./lyra63.js";
+import { Text as h } from "./lyra42.js";
+import "./lyra68.js";
+import { sharedInputFieldWrapperStyles as A, sharedInputlabelStyles as E, sharedInputHintStyles as L, sharedInputFieldStyles as M, sharedInputStyles as S } from "./lyra19.js";
+import "./lyra76.js";
+import { twMerge as B } from "./lyra54.js";
+const P = ({
+  label: l,
+  description: c,
+  errorMessage: i,
+  className: j,
+  fullWidth: v = !1,
+  isDisabled: r = !1,
+  isRequired: n = !1,
+  validationState: m,
+  startSlot: d,
+  endSlot: f,
+  size: N,
+  hint: u,
+  rows: p = 3,
   ...s
-}, h) => {
-  const [$, y] = p(!1), [v, l] = p(!1);
+}, b) => {
+  const [I, x] = y(!1), [$, t] = y(!1);
   return /* @__PURE__ */ e.jsxs(
-    N,
+    T,
     {
-      className: w({ className: g, fullWidth: r }),
-      isDisabled: m,
-      isRequired: d,
-      validationState: f,
-      onFocus: (t) => {
+      className: A({ className: j }),
+      isDisabled: r,
+      isRequired: n,
+      validationState: m,
+      ...s,
+      onFocus: (o) => {
         var a;
-        y(!0), (a = s.onFocus) == null || a.call(s, t);
+        x(!0), (a = s.onFocus) == null || a.call(s, o);
       },
-      onBlur: (t) => {
+      onBlur: (o) => {
         var a;
-        y(!1), (a = s.onBlur) == null || a.call(s, t);
+        x(!1), (a = s.onBlur) == null || a.call(s, o);
       },
-      ...s,
-      ref: h,
+      ref: b,
       children: [
-        /* @__PURE__ */ e.jsxs("div", { className: F("flex items-center gap-3", n ? "justify-between" : "justify-end"), children: [
-          n ? /* @__PURE__ */ e.jsxs(
-            I,
+        /* @__PURE__ */ e.jsxs("div", { className: F("flex items-center gap-3", l ? "justify-between" : "justify-end"), children: [
+          l ? /* @__PURE__ */ e.jsxs(
+            g,
             {
               className: E(),
               style: { fontFamily: "var(--input-label-font-family)" },
               children: [
-                n,
-                d && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+                l,
+                n && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
               ]
             }
           ) : null,
-          x ? /* @__PURE__ */ e.jsx(
+          u ? /* @__PURE__ */ e.jsx(
             "span",
             {
               className: L(),
               style: { fontFamily: "var(--input-hint-font-family)" },
-              children: x
+              children: u
             }
           ) : null
         ] }),
         /* @__PURE__ */ e.jsxs(
           "div",
           {
-            className: P(
+            className: B(
               M({
-                fullWidth: r,
-                isFocused: $,
-                isHovered: v,
-                isDisabled: m,
-                validationState: f
+                fullWidth: v,
+                isFocused: I,
+                isHovered: $,
+                isDisabled: r,
+                validationState: m,
+                className: "items-start"
               })
             ),
-            onPointerEnter: () => l(!0),
-            onPointerLeave: () => l(!1),
-            onMouseEnter: () => l(!0),
-            onMouseLeave: () => l(!1),
+            onPointerEnter: () => t(!0),
+            onPointerLeave: () => t(!1),
+            onMouseEnter: () => t(!0),
+            onMouseLeave: () => t(!1),
             children: [
-              c,
+              /* @__PURE__ */ e.jsx("div", { className: "pt-4", children: d }),
               /* @__PURE__ */ e.jsx(
                 H,
                 {
-                  className: B({
-                    size: j,
-                    className: F(!!c && "ps-2", !!u && "pe-2", "flex")
+                  className: S({
+                    size: N,
+                    className: F(!!d && "ps-2", !!f && "pe-2")
                   }),
-                  style: { fontFamily: "var(--input-font-family)" },
-                  children: (t) => /* @__PURE__ */ e.jsx(
-                    S,
-                    {
-                      className: "rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",
-                      segment: t
-                    }
-                  )
+                  rows: p,
+                  required: n,
+                  disabled: r,
+                  style: { fontFamily: "var(--input-font-family)" }
                 }
               ),
-              u
+              /* @__PURE__ */ e.jsx("div", { className: "pt-4", children: f })
             ]
           }
         ),
-        i && /* @__PURE__ */ e.jsx(b, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: i }),
-        o && /* @__PURE__ */ e.jsx(
-          b,
+        c && /* @__PURE__ */ e.jsx(h, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: c }),
+        i && /* @__PURE__ */ e.jsx(
+          h,
           {
             className: "ml-1 mt-1.5",
             variant: "body-small",
             color: "accent-danger",
             slot: "errorMessage",
-            children: o
+            children: i
           }
         )
       ]
     }
   );
-}, U = T(D);
+}, R = w(P);
 export {
-  U as TimeField
+  R as TextAreaField
 };

package/dist/lyra25.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra25.js","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useState } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Label,\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\nimport \"./time-field.vars.css\";\n\nexport type { TimeValue };\nexport type TimeFieldProps<T extends TimeValue> = AriaTimeFieldProps<T> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    hint?: string;\n  };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTimeField\n      className={sharedInputFieldWrapperStyles({ className, fullWidth })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      {...props}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        {startSlot}\n        <DateInput\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\", \"flex\"),\n          })}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        >\n          {(segment) => (\n            <DateSegment\n              className={\n                \"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n        {endSlot}\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n"],"names":["_TimeField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","props","ref","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTimeField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","DateInput","sharedInputStyles","segment","DateSegment","Text","TimeField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra25.js","sources":["../src/components/inputs/text-area-field/text-area-field.tsx"],"sourcesContent":["import { ForwardedRef, useState } from \"react\";\nimport {\n  Label,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldProps as AriaTextFieldProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type TextAreaFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    hint?: string;\n    rows?: number;\n  };\n\nconst _TextAreaField = (\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    rows = 3,\n    ...props\n  }: TextAreaFieldProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTextField\n      className={sharedInputFieldWrapperStyles({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n            className: \"items-start\",\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        <div className=\"pt-4\">{startSlot}</div>\n        <TextArea\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n          })}\n          rows={rows}\n          required={isRequired}\n          disabled={isDisabled}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        />\n        <div className=\"pt-4\">{endSlot}</div>\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTextField>\n  );\n};\n\nexport const TextAreaField = fixedForwardRef(_TextAreaField);\n"],"names":["_TextAreaField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","rows","props","ref","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTextField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","TextArea","sharedInputStyles","Text","TextAreaField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra252.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra240.cjs"),h=require("./lyra171.cjs"),b=require("./lyra310.cjs"),m=require("./lyra224.cjs"),l=require("./lyra226.cjs"),c=require("./lyra225.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra240.cjs"),h=require("./lyra171.cjs"),b=require("./lyra311.cjs"),m=require("./lyra224.cjs"),l=require("./lyra226.cjs"),c=require("./lyra225.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;

package/dist/lyra252.js

@@ -1,6 +1,6 @@
 import { mix as p } from "./lyra240.js";
 import { invariant as c } from "./lyra171.js";
-import { hslaToRgba as f } from "./lyra310.js";
+import { hslaToRgba as f } from "./lyra311.js";
 import { hex as d } from "./lyra224.js";
 import { rgba as i } from "./lyra226.js";
 import { hsla as l } from "./lyra225.js";

package/dist/lyra254.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra308.cjs"),n=["prepare","read","update","preRender","render","postRender"],P=40;function R(o,l){let r=!1,c=!0;const t={delta:0,timestamp:0,isProcessing:!1},a=n.reduce((e,s)=>(e[s]=g.createRenderStep(()=>r=!0),e),{}),u=e=>a[e].process(t),p=()=>{const e=performance.now();r=!1,t.delta=c?1e3/60:Math.max(Math.min(e-t.timestamp,P),1),t.timestamp=e,t.isProcessing=!0,n.forEach(u),t.isProcessing=!1,r&&l&&(c=!1,o(p))},d=()=>{r=!0,c=!0,t.isProcessing||o(p)};return{schedule:n.reduce((e,s)=>{const i=a[s];return e[s]=(f,m=!1,h=!1)=>(r||d(),i.schedule(f,m,h)),e},{}),cancel:e=>n.forEach(s=>a[s].cancel(e)),state:t,steps:a}}exports.createRenderBatcher=R;exports.stepsOrder=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra310.cjs"),n=["prepare","read","update","preRender","render","postRender"],P=40;function R(o,l){let r=!1,c=!0;const t={delta:0,timestamp:0,isProcessing:!1},a=n.reduce((e,s)=>(e[s]=g.createRenderStep(()=>r=!0),e),{}),u=e=>a[e].process(t),p=()=>{const e=performance.now();r=!1,t.delta=c?1e3/60:Math.max(Math.min(e-t.timestamp,P),1),t.timestamp=e,t.isProcessing=!0,n.forEach(u),t.isProcessing=!1,r&&l&&(c=!1,o(p))},d=()=>{r=!0,c=!0,t.isProcessing||o(p)};return{schedule:n.reduce((e,s)=>{const i=a[s];return e[s]=(f,m=!1,h=!1)=>(r||d(),i.schedule(f,m,h)),e},{}),cancel:e=>n.forEach(s=>a[s].cancel(e)),state:t,steps:a}}exports.createRenderBatcher=R;exports.stepsOrder=n;

package/dist/lyra254.js

@@ -1,4 +1,4 @@
-import { createRenderStep as g } from "./lyra308.js";
+import { createRenderStep as g } from "./lyra310.js";
 const n = [
   "prepare",
   "read",

package/dist/lyra255.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra265.cjs"),e=require("./lyra311.cjs"),o=require("./lyra312.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra265.cjs"),e=require("./lyra312.cjs"),o=require("./lyra313.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;

package/dist/lyra255.js

@@ -1,6 +1,6 @@
 import { isAnimationControls as n } from "./lyra265.js";
-import { createAnimationState as o } from "./lyra311.js";
-import { Feature as s } from "./lyra312.js";
+import { createAnimationState as o } from "./lyra312.js";
+import { Feature as s } from "./lyra313.js";
 class u extends s {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference

package/dist/lyra256.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra312.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra313.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;

package/dist/lyra256.js

@@ -1,4 +1,4 @@
-import { Feature as o } from "./lyra312.js";
+import { Feature as o } from "./lyra313.js";
 let r = 0;
 class d extends o {
   constructor() {

package/dist/lyra26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra52.cjs"),r=require("react"),n=require("./lyra51.cjs"),p=require("./lyra37.cjs"),B=require("./lyra41.cjs"),a=require("./lyra27.cjs"),m=require("./lyra53.cjs"),S=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(B.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(p.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(S),y=r.forwardRef(l),E=r.forwardRef(d),L=r.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=w;exports.ListBoxHeader=L;exports.ListBoxItem=y;exports.ListBoxSection=E;exports.Section=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra53.cjs"),F=require("react"),r=require("./lyra52.cjs"),h=require("./lyra62.cjs"),I=require("./lyra63.cjs"),p=require("./lyra42.cjs");require("./lyra68.cjs");const i=require("./lyra19.cjs");require("./lyra76.cjs");require("./lyra278.cjs");const b=require("./lyra54.cjs"),S=({label:a,description:u,errorMessage:o,className:E,fullWidth:d=!1,isDisabled:c=!1,isRequired:m=!1,validationState:x,startSlot:f,endSlot:j,size:v,hint:y,...s},q)=>{const[N,g]=F.useState(!1),[R,l]=F.useState(!1);return e.jsxRuntimeExports.jsxs(r.TimeField,{className:i.sharedInputFieldWrapperStyles({className:E,fullWidth:d}),isDisabled:c,isRequired:m,validationState:x,onFocus:t=>{var n;g(!0),(n=s.onFocus)==null||n.call(s,t)},onBlur:t=>{var n;g(!1),(n=s.onBlur)==null||n.call(s,t)},...s,ref:q,children:[e.jsxRuntimeExports.jsxs("div",{className:h.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?e.jsxRuntimeExports.jsxs(r.Label,{className:i.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,m&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,y?e.jsxRuntimeExports.jsx("span",{className:i.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),e.jsxRuntimeExports.jsxs("div",{className:b.twMerge(i.sharedInputFieldStyles({fullWidth:d,isFocused:N,isHovered:R,isDisabled:c,validationState:x})),onPointerEnter:()=>l(!0),onPointerLeave:()=>l(!1),onMouseEnter:()=>l(!0),onMouseLeave:()=>l(!1),children:[f,e.jsxRuntimeExports.jsx(r.DateInput,{className:i.sharedInputStyles({size:v,className:h.cx(!!f&&"ps-2",!!j&&"pe-2","flex")}),style:{fontFamily:"var(--input-font-family)"},children:t=>e.jsxRuntimeExports.jsx(r.DateSegment,{className:"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",segment:t})}),j]}),u&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:u}),o&&e.jsxRuntimeExports.jsx(p.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})},T=I.fixedForwardRef(S);exports.TimeField=T;

package/dist/lyra26.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra26.cjs","sources":["../src/components/list-box/list-box.tsx"],"sourcesContent":["import { ComponentProps, ForwardedRef, forwardRef, Ref } from \"react\";\nimport {\n  Header as AriaHeader,\n  Item as AriaItem,\n  ListBox as AriaListBox,\n  Section as AriaSection,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text/text\";\n\nimport { listBoxHeaderStyles, listBoxItemStyles, listBoxStyles } from \"./list-box-styles\";\n\nexport type ListBoxProps<T> = ComponentProps<typeof AriaListBox<T>> &\n  VariantProps<typeof listBoxStyles> & {\n    isEmptyLabel?: string;\n  };\n\nconst ListBoxRoot = <T extends object>(\n  {\n    className,\n    isEmptyLabel = \"No options available\",\n    renderEmptyState,\n    selectionMode = \"single\",\n    ...props\n  }: ListBoxProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  return (\n    <AriaListBox\n      {...props}\n      ref={ref}\n      selectionMode={selectionMode}\n      className={twMerge(listBoxStyles({ className }))}\n      renderEmptyState={\n        renderEmptyState\n          ? renderEmptyState\n          : () => (\n              <div className=\"px-2 py-1\">\n                <Text variant=\"body-medium\">{isEmptyLabel}</Text>\n              </div>\n            )\n      }\n    />\n  );\n};\n\nexport type ItemProps = ComponentProps<typeof AriaItem> & VariantProps<typeof listBoxItemStyles>;\n\nexport const Item = (\n  { className, children, ...props }: ItemProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  return (\n    <AriaItem\n      {...props}\n      ref={ref}\n      className={({ isDisabled, isPressed, isSelected, isFocused, isHovered }) =>\n        twMerge(\n          listBoxItemStyles({\n            className,\n            isDisabled,\n            isPressed,\n            isSelected,\n            isFocused,\n            isHovered,\n          }),\n        )\n      }\n    >\n      {(renderProps) => (\n        <div className=\"flex w-full items-center justify-between gap-2\">\n          <div className={renderProps.isSelected ? \"\" : \"me-5\"}>\n            {typeof children === \"function\" ? children(renderProps) : children}\n          </div>\n          {renderProps.isSelected && <SvgIcon name=\"checkmark\" className=\"h-4 w-4\" />}\n        </div>\n      )}\n    </AriaItem>\n  );\n};\n\nexport type HeaderProps = ComponentProps<typeof AriaHeader>;\n\nexport const Header = ({ className, ...props }: HeaderProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaHeader {...props} ref={ref} className={listBoxHeaderStyles({ className })} />;\n};\n\nexport type SectionProps = ComponentProps<typeof AriaSection>;\nexport const Section = (props: SectionProps, ref: ForwardedRef<HTMLElement>) => {\n  return <AriaSection {...props} ref={ref} />;\n};\n\nexport const ListBox = forwardRef(ListBoxRoot) as <T extends object>(\n  props: ListBoxProps<T> & { ref?: Ref<HTMLDivElement> },\n) => ReturnType<typeof ListBoxRoot>;\n\nexport const ListBoxItem = forwardRef(Item);\nexport const ListBoxSection = forwardRef(Section);\nexport const ListBoxHeader = forwardRef(Header);\n"],"names":["ListBoxRoot","className","isEmptyLabel","renderEmptyState","selectionMode","props","ref","jsx","AriaListBox","twMerge","listBoxStyles","Text","Item","children","AriaItem","isDisabled","isPressed","isSelected","isFocused","isHovered","listBoxItemStyles","renderProps","jsxs","SvgIcon","Header","AriaHeader","listBoxHeaderStyles","Section","AriaSection","ListBox","forwardRef","ListBoxItem","ListBoxSection","ListBoxHeader"],"mappings":"qQAqBMA,EAAc,CAClB,CACE,UAAAC,EACA,aAAAC,EAAe,uBACf,iBAAAC,EACA,cAAAC,EAAgB,SAChB,GAAGC,CACL,EACAC,IAGEC,EAAA,kBAAA,IAACC,EAAA,QAAA,CACE,GAAGH,EACJ,IAAAC,EACA,cAAAF,EACA,UAAWK,EAAAA,QAAQC,EAAAA,cAAc,CAAE,UAAAT,CAAW,CAAA,CAAC,EAC/C,iBACEE,IAEI,IACGI,EAAA,kBAAA,IAAA,MAAA,CAAI,UAAU,YACb,SAACA,EAAA,kBAAA,IAAAI,EAAA,KAAA,CAAK,QAAQ,cAAe,UAAa,CAAA,EAC5C,EAAA,CAAA,EASDC,EAAO,CAClB,CAAE,UAAAX,EAAW,SAAAY,EAAU,GAAGR,GAC1BC,IAGEC,EAAA,kBAAA,IAACO,EAAA,KAAA,CACE,GAAGT,EACJ,IAAAC,EACA,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,EAAW,WAAAC,EAAY,UAAAC,EAAW,UAAAC,KAC1DV,EAAA,QACEW,oBAAkB,CAChB,UAAAnB,EACA,WAAAc,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,CAAA,CACD,CACH,EAGD,SAACE,GACCC,EAAA,kBAAA,KAAA,MAAA,CAAI,UAAU,iDACb,SAAA,CAAAf,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWc,EAAY,WAAa,GAAK,OAC3C,SAAO,OAAAR,GAAa,WAAaA,EAASQ,CAAW,EAAIR,EAC5D,EACCQ,EAAY,YAAcd,EAAAA,kBAAAA,IAACgB,WAAQ,KAAK,YAAY,UAAU,UAAU,CAAA,EAC3E,CAAA,CAAA,EAQKC,EAAS,CAAC,CAAE,UAAAvB,EAAW,GAAGI,CAAA,EAAsBC,IACpDC,wBAACkB,EAAAA,OAAY,CAAA,GAAGpB,EAAO,IAAAC,EAAU,UAAWoB,sBAAoB,CAAE,UAAAzB,CAAW,CAAA,CAAG,CAAA,EAI5E0B,EAAU,CAACtB,EAAqBC,IACnCC,EAAAA,kBAAAA,IAAAqB,EAAAA,QAAA,CAAa,GAAGvB,EAAO,IAAAC,CAAU,CAAA,EAG9BuB,EAAUC,aAAW9B,CAAW,EAIhC+B,EAAcD,aAAWlB,CAAI,EAC7BoB,EAAiBF,aAAWH,CAAO,EACnCM,EAAgBH,aAAWN,CAAM"}
+{"version":3,"file":"lyra26.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useState } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Label,\n  TimeField as AriaTimeField,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\nimport \"./time-field.vars.css\";\n\nexport type { TimeValue };\nexport type TimeFieldProps<T extends TimeValue> = AriaTimeFieldProps<T> &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    hint?: string;\n  };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTimeField\n      className={sharedInputFieldWrapperStyles({ className, fullWidth })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      {...props}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        {startSlot}\n        <DateInput\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\", \"flex\"),\n          })}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        >\n          {(segment) => (\n            <DateSegment\n              className={\n                \"rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]\"\n              }\n              segment={segment}\n            />\n          )}\n        </DateInput>\n        {endSlot}\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTimeField>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n"],"names":["_TimeField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","props","ref","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTimeField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","DateInput","sharedInputStyles","segment","DateSegment","Text","TimeField","fixedForwardRef"],"mappings":"oXAsCMA,EAAa,CACjB,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAAS,EAAK,EACpD,CAACC,EAAgBC,CAAiB,EAAIF,WAAS,EAAK,EAGxD,OAAAG,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAA,8BAA8B,CAAE,UAAAlB,EAAW,UAAAC,EAAW,EACjE,WAAAC,EACA,WAAAC,EACA,gBAAAC,EACA,QAAUe,GAAM,OACdP,EAAkB,EAAI,GACtBQ,EAAAX,EAAM,UAAN,MAAAW,EAAA,KAAAX,EAAgBU,EAClB,EACA,OAASA,GAAM,OACbP,EAAkB,EAAK,GACvBQ,EAAAX,EAAM,SAAN,MAAAW,EAAA,KAAAX,EAAeU,EACjB,EACC,GAAGV,EACJ,IAAAC,EAEA,SAAA,CAAAM,yBAAC,OAAI,UAAWK,EAAA,GAAG,0BAA2BxB,EAAQ,kBAAoB,aAAa,EACpF,SAAA,CACCA,EAAAmB,EAAA,kBAAA,KAACM,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAA1B,EACAM,GAAcqB,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHhB,EACCgB,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAAjB,CAAA,CAAA,EAED,IAAA,EACN,EACAQ,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWU,EAAA,QACTC,yBAAuB,CACrB,UAAA1B,EACA,UAAWU,EACX,UAAWG,EACX,WAAAZ,EACA,gBAAAE,CAAA,CACD,CACH,EACA,eAAgB,IAAMW,EAAkB,EAAI,EAC5C,eAAgB,IAAMA,EAAkB,EAAK,EAC7C,aAAc,IAAMA,EAAkB,EAAI,EAC1C,aAAc,IAAMA,EAAkB,EAAK,EAE1C,SAAA,CAAAV,EACDmB,EAAA,kBAAA,IAACI,EAAA,UAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,KAAAtB,EACA,UAAWc,EAAAA,GAAG,CAAC,CAAChB,GAAa,OAAQ,CAAC,CAACC,GAAW,OAAQ,MAAM,CAAA,CACjE,EACD,MAAO,CAAE,WAAY,0BAA2B,EAE/C,SAACwB,GACAN,EAAA,kBAAA,IAACO,EAAA,YAAA,CACC,UACE,wNAEF,QAAAD,CAAA,CACF,CAAA,CAEJ,EACCxB,CAAA,CAAA,CACH,EACCR,GACE0B,EAAAA,kBAAAA,IAAAQ,EAAAA,KAAA,CAAK,UAAU,cAAc,QAAQ,aAAa,MAAM,YAAY,KAAK,cACvE,SACHlC,CAAA,CAAA,EAEDC,GACCyB,EAAA,kBAAA,IAACQ,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAjC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,EAEakC,EAAYC,kBAAgBtC,CAAU"}

package/dist/lyra26.js

@@ -1,52 +1,123 @@
-import { j as t } from "./lyra52.js";
-import { forwardRef as i } from "react";
-import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra51.js";
-import { SvgIcon as $ } from "./lyra37.js";
-import { Text as u } from "./lyra41.js";
-import { listBoxStyles as B, listBoxItemStyles as S, listBoxHeaderStyles as N } from "./lyra27.js";
-import { twMerge as m } from "./lyra53.js";
-const y = ({
-  className: s,
-  isEmptyLabel: e = "No options available",
-  renderEmptyState: a,
-  selectionMode: c = "single",
-  ...o
-}, r) => /* @__PURE__ */ t.jsx(
-  l,
-  {
-    ...o,
-    ref: r,
-    selectionMode: c,
-    className: m(B({ className: s })),
-    renderEmptyState: a || (() => /* @__PURE__ */ t.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ t.jsx(u, { variant: "body-medium", children: e }) }))
-  }
-), b = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
-  d,
-  {
-    ...a,
-    ref: c,
-    className: ({ isDisabled: o, isPressed: r, isSelected: x, isFocused: n, isHovered: f }) => m(
-      S({
-        className: s,
-        isDisabled: o,
-        isPressed: r,
-        isSelected: x,
-        isFocused: n,
-        isHovered: f
-      })
-    ),
-    children: (o) => /* @__PURE__ */ t.jsxs("div", { className: "flex w-full items-center justify-between gap-2", children: [
-      /* @__PURE__ */ t.jsx("div", { className: o.isSelected ? "" : "me-5", children: typeof e == "function" ? e(o) : e }),
-      o.isSelected && /* @__PURE__ */ t.jsx($, { name: "checkmark", className: "h-4 w-4" })
-    ] })
-  }
-), v = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(p, { ...e, ref: a, className: N({ className: s }) }), L = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), E = i(y), M = i(b), T = i(L), q = i(v);
+import { j as e } from "./lyra53.js";
+import { useState as p } from "react";
+import { TimeField as N, Label as I, DateInput as H, DateSegment as S } from "./lyra52.js";
+import { cx as F } from "./lyra62.js";
+import { fixedForwardRef as T } from "./lyra63.js";
+import { Text as b } from "./lyra42.js";
+import "./lyra68.js";
+import { sharedInputFieldWrapperStyles as w, sharedInputlabelStyles as E, sharedInputHintStyles as L, sharedInputFieldStyles as M, sharedInputStyles as B } from "./lyra19.js";
+import "./lyra76.js";
+import "./lyra278.js";
+import { twMerge as P } from "./lyra54.js";
+const D = ({
+  label: n,
+  description: i,
+  errorMessage: o,
+  className: g,
+  fullWidth: r = !1,
+  isDisabled: m = !1,
+  isRequired: d = !1,
+  validationState: f,
+  startSlot: c,
+  endSlot: u,
+  size: j,
+  hint: x,
+  ...s
+}, h) => {
+  const [$, y] = p(!1), [v, l] = p(!1);
+  return /* @__PURE__ */ e.jsxs(
+    N,
+    {
+      className: w({ className: g, fullWidth: r }),
+      isDisabled: m,
+      isRequired: d,
+      validationState: f,
+      onFocus: (t) => {
+        var a;
+        y(!0), (a = s.onFocus) == null || a.call(s, t);
+      },
+      onBlur: (t) => {
+        var a;
+        y(!1), (a = s.onBlur) == null || a.call(s, t);
+      },
+      ...s,
+      ref: h,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: F("flex items-center gap-3", n ? "justify-between" : "justify-end"), children: [
+          n ? /* @__PURE__ */ e.jsxs(
+            I,
+            {
+              className: E(),
+              style: { fontFamily: "var(--input-label-font-family)" },
+              children: [
+                n,
+                d && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
+              ]
+            }
+          ) : null,
+          x ? /* @__PURE__ */ e.jsx(
+            "span",
+            {
+              className: L(),
+              style: { fontFamily: "var(--input-hint-font-family)" },
+              children: x
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ e.jsxs(
+          "div",
+          {
+            className: P(
+              M({
+                fullWidth: r,
+                isFocused: $,
+                isHovered: v,
+                isDisabled: m,
+                validationState: f
+              })
+            ),
+            onPointerEnter: () => l(!0),
+            onPointerLeave: () => l(!1),
+            onMouseEnter: () => l(!0),
+            onMouseLeave: () => l(!1),
+            children: [
+              c,
+              /* @__PURE__ */ e.jsx(
+                H,
+                {
+                  className: B({
+                    size: j,
+                    className: F(!!c && "ps-2", !!u && "pe-2", "flex")
+                  }),
+                  style: { fontFamily: "var(--input-font-family)" },
+                  children: (t) => /* @__PURE__ */ e.jsx(
+                    S,
+                    {
+                      className: "rounded-[--time-field-segement-radius] px-[--time-field-segment-padding-x] py-[--time-field-segment-padding-y] outline-none focus:bg-[--time-field-segment-focused-bg] focus:text-[--time-field-segment-focused-text]",
+                      segment: t
+                    }
+                  )
+                }
+              ),
+              u
+            ]
+          }
+        ),
+        i && /* @__PURE__ */ e.jsx(b, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: i }),
+        o && /* @__PURE__ */ e.jsx(
+          b,
+          {
+            className: "ml-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: o
+          }
+        )
+      ]
+    }
+  );
+}, U = T(D);
 export {
-  v as Header,
-  b as Item,
-  E as ListBox,
-  q as ListBoxHeader,
-  M as ListBoxItem,
-  T as ListBoxSection,
-  L as Section
+  U as TimeField
 };