@new-black/lyra 1.0.37 → 1.1.0

package/dist/lyra459.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}
+{"version":3,"file":"lyra459.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"uQA0BMA,EAAwBC,EAAAA,cAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,eAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,EACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,EAAU,UAAA,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,KAAO,QAAwB0B,EAAA,IAAI1B,EAAM,EAAE,EACrDW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,CAAA,EAEJ,CAAA,CAAA,CAIR,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}

package/dist/lyra459.js

@@ -1,16 +1,54 @@
 import { j as e } from "./lyra94.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
+import { createContext as u, useContext as x } from "react";
+import { useContextProps as p, TagGroupContext as g, TagGroup as $, TagList as b, Tag as T, composeRenderProps as j } from "./lyra93.js";
+import { fixedForwardRef as f } from "./lyra97.js";
+import { SpanButton as N } from "./lyra623.js";
+import { SvgIcon as v } from "./lyra67.js";
+import { tagGroupStyles as G, tagStyles as I } from "./lyra460.js";
+const c = u(null);
+function y({ children: o, items: a, label: i, renderEmptyState: s, ...t }, r) {
+  return [t, r] = p(t, r, g), /* @__PURE__ */ e.jsx(c.Provider, { value: { onRemove: t.onRemove }, children: /* @__PURE__ */ e.jsx(
+    $,
+    {
+      ...t,
+      "aria-label": i,
+      className: G({ className: t.className }),
+      ref: r,
+      children: /* @__PURE__ */ e.jsx(b, { items: a, renderEmptyState: s, className: "flex flex-wrap gap-1", children: o })
+    }
+  ) });
 }
+const S = f(y);
+S.displayName = "InputTagGroup";
+function C({ children: o, ...a }, i) {
+  const { onRemove: s } = x(c), t = typeof o == "string" ? o : void 0, { removeButton: r, tag: l } = I();
+  return /* @__PURE__ */ e.jsx(
+    T,
+    {
+      ref: i,
+      textValue: t,
+      ...a,
+      className: j(a.className, (d, n) => l({ ...n, isDisabled: n.isDisabled, className: d })),
+      children: ({ allowsRemoving: d, isDisabled: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        o,
+        d && !n && !a.isDisabled && /* @__PURE__ */ e.jsx(
+          N,
+          {
+            className: r(),
+            onPress: () => {
+              const m = /* @__PURE__ */ new Set();
+              a.id !== void 0 && m.add(a.id), s == null || s(m);
+            },
+            children: /* @__PURE__ */ e.jsx(v, { name: "clear" })
+          }
+        )
+      ] })
+    }
+  );
+}
+const R = f(C);
+R.displayName = "InputTag";
 export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
+  R as InputTag,
+  S as InputTagGroup
 };

package/dist/lyra459.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra459.js","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra459.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":";;;;;;;AA0BA,MAAMA,IAAwBC,EAAyD,IAAW;AAElG,SAASC,EACP,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,kBAAAC,GAAkB,GAAGC,EAAM,GACrDC,GACA;AACA,UAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAe,GAExDC,gBAAAA,MAACX,EAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAUO,EAAM,YACvD,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,cAAYF;AAAA,MACZ,WAAWQ,EAAe,EAAE,WAAWN,EAAM,WAAW;AAAA,MACxD,KAAAC;AAAA,MAEA,gCAACM,GAAQ,EAAA,OAAAV,GAAc,kBAAAE,GAAoC,WAAU,wBAClE,UAAAH,GACH;AAAA,IAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;AAEa,MAAAY,IAAgBC,EAAgBd,CAAc;AAE3Da,EAAc,cAAc;AAI5B,SAASE,EACP,EAAE,UAAAd,GAAU,GAAGI,EAAA,GACfC,GACA;AACA,QAAM,EAAE,UAAAU,EAAA,IAAaC,EAAWnB,CAAqB,GAC/CoB,IAAY,OAAOjB,KAAa,WAAWA,IAAW,QACtD,EAAE,cAAAkB,GAAc,KAAAC,EAAI,IAAIC,EAAU;AAGtC,SAAAZ,gBAAAA,EAAA;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,KAAAhB;AAAA,MACA,WAAAY;AAAA,MACC,GAAGb;AAAA,MACJ,WAAWkB,EAAmBlB,EAAM,WAAW,CAACmB,GAAWC,MAClDL,EAAI,EAAE,GAAGK,GAAa,YAAYA,EAAY,YAAY,WAAAD,GAAW,CAC7E;AAAA,MAEA,UAAC,CAAA,EAAE,gBAAAE,GAAgB,YAAAC,QAEfC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAA5B;AAAA,QACAyB,KAAkB,CAACC,KAAc,CAACtB,EAAM,cACvCI,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,WAAWX,EAAa;AAAA,YACxB,SAAS,MAAM;AACP,oBAAAY,wBAAmB;AACzB,cAAI1B,EAAM,OAAO,UAAwB0B,EAAA,IAAI1B,EAAM,EAAE,GACrDW,KAAA,QAAAA,EAAWe;AAAA,YACb;AAAA,YAEA,UAAAtB,gBAAAA,EAAAA,IAACuB,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,UAAA;AAAA,QACxB;AAAA,MAAA,GAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;AAEa,MAAAC,IAAWnB,EAAgBC,CAAS;AAEjDkB,EAAS,cAAc;"}

package/dist/lyra46.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),q=require("react"),s=require("./lyra93.cjs"),C=require("./lyra97.cjs");require("./lyra23.cjs");const O=require("./lyra24.cjs");require("./lyra25.cjs");const k=require("./lyra38.cjs"),G=require("./lyra39.cjs"),H=require("./lyra40.cjs"),E=require("./lyra615.cjs"),M=({className:N,description:n,endSlot:x,errorMessage:r,fullWidth:y=!0,hideHintLabel:u,hideInputFooter:c,hideInputHeader:d,label:t,outerEndSlot:p,outerStartSlot:j,startSlot:R,...i},l)=>{[i,l]=s.useContextProps(i,l,s.TimeFieldContext);const{isInvalid:v,isRequired:T}=i,h=q.useMemo(()=>E.shouldRenderInputHeader({hideHintLabel:u,hideInputHeader:d,label:t}),[u,d,t]),D=q.useMemo(()=>E.shouldRenderInputFooter({description:n,errorMessage:r,hideInputFooter:c}),[n,r,c]),{inputField:S,outerSlot:F,outerSlotsWrapper:g,wrapper:f}=H.sharedInputStyles({fullWidth:y,hasStartSlot:!!R,hasEndSlot:!!x,hasInputHeader:h,hasLabel:!!t,isInputOnly:!1}),{input:P,segment:_}=O.dateFieldStyles();return e.jsxRuntimeExports.jsxs("div",{className:g(),children:[j?e.jsxRuntimeExports.jsx("div",{className:F(),children:j}):null,e.jsxRuntimeExports.jsx(s.TimeField,{...i,className:a=>f({className:N,isDisabled:a.isDisabled}),isInvalid:v,ref:l,children:({isDisabled:a})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[h?e.jsxRuntimeExports.jsx(k.InputHeader,{label:t,hideHintLabel:u,isRequired:T}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:o,isFocusWithin:m,isHovered:b,isInvalid:w})=>S({isDisabled:o,isFocused:m,isHovered:b,isInvalid:w,className:"min-h-8 gap-2"}),children:[R,e.jsxRuntimeExports.jsx(s.DateInput,{className:P({className:"flex-1"}),children:o=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:m})=>_({isFocused:m,isDisabled:a}),segment:o})}),x]}),D?e.jsxRuntimeExports.jsx(G.InputFooter,{description:n,errorMessage:r}):null]})}),p?e.jsxRuntimeExports.jsx("div",{className:F(),children:p}):null]})},I=C.fixedForwardRef(M);I.displayName="TimeField";exports.TimeField=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),q=require("react"),s=require("./lyra93.cjs"),C=require("./lyra97.cjs");require("./lyra23.cjs");const O=require("./lyra24.cjs");require("./lyra25.cjs");const k=require("./lyra38.cjs"),G=require("./lyra39.cjs"),H=require("./lyra40.cjs"),E=require("./lyra615.cjs"),W=({className:N,description:r,endSlot:x,errorMessage:t,fullWidth:y=!0,hideHintLabel:u,hideInputFooter:c,hideInputHeader:d,label:i,outerEndSlot:p,outerStartSlot:j,startSlot:R,...n},l)=>{[n,l]=s.useContextProps(n,l,s.TimeFieldContext);const{isInvalid:v,isRequired:T}=n,h=q.useMemo(()=>E.shouldRenderInputHeader({hideHintLabel:u,hideInputHeader:d,label:i}),[u,d,i]),D=q.useMemo(()=>E.shouldRenderInputFooter({description:r,errorMessage:t,hideInputFooter:c}),[r,t,c]),{inputField:S,outerSlot:F,outerSlotsWrapper:g,wrapper:f}=H.sharedInputStyles({fullWidth:y,hasStartSlot:!!R,hasEndSlot:!!x,hasInputHeader:h,hasLabel:!!i,isInputOnly:!1}),{input:P,segment:_}=O.dateFieldStyles();return e.jsxRuntimeExports.jsxs("div",{className:g(),children:[j?e.jsxRuntimeExports.jsx("div",{className:F(),children:j}):null,e.jsxRuntimeExports.jsx(s.TimeField,{...n,className:a=>f({className:N,isDisabled:a.isDisabled}),isInvalid:v,ref:l,children:({isDisabled:a})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[h?e.jsxRuntimeExports.jsx(k.InputHeader,{label:i,hideHintLabel:u,isRequired:T}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isDisabled:o,isFocusWithin:m,isHovered:b,isInvalid:w})=>S({isDisabled:o,isFocused:m,isHovered:b,isInvalid:w||!!t,className:"min-h-8 gap-2"}),children:[R,e.jsxRuntimeExports.jsx(s.DateInput,{className:P({className:"flex-1"}),children:o=>e.jsxRuntimeExports.jsx(s.DateSegment,{className:({isFocused:m})=>_({isFocused:m,isDisabled:a}),segment:o})}),x]}),D?e.jsxRuntimeExports.jsx(G.InputFooter,{description:r,errorMessage:t}):null]})}),p?e.jsxRuntimeExports.jsx("div",{className:F(),children:p}):null]})},I=C.fixedForwardRef(W);I.displayName="TimeField";exports.TimeField=I;

package/dist/lyra46.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n    hasInputHeader,\n    hasLabel: !!label,\n    isInputOnly: false,\n  });\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTimeField\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                inputField({\n                  isDisabled,\n                  isFocused: isFocusWithin,\n                  isHovered,\n                  isInvalid,\n                  className: \"min-h-8 gap-2\",\n                })\n              }\n            >\n              {startSlot}\n              <DateInput className={input({ className: \"flex-1\" })}>\n                {(segment) => (\n                  <DateSegment\n                    className={({ isFocused }) => {\n                      return segmentStyles({\n                        isFocused,\n                        isDisabled,\n                      });\n                    }}\n                    segment={segment}\n                  />\n                )}\n              </DateInput>\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaTimeField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","input","segmentStyles","dateFieldStyles","jsxs","jsx","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"sXAyCMA,EAAa,CACjB,CACE,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAe,EAAAL,EAE5BM,EAAiBC,EAAA,QACrB,IAAMC,EAAwB,wBAAA,CAAE,cAAAf,EAAe,gBAAAE,EAAiB,MAAAC,EAAO,EACvE,CAACH,EAAeE,EAAiBC,CAAK,CAAA,EAGlCa,EAAiBF,EAAA,QACrB,IAAMG,EAAwB,wBAAA,CAAE,YAAArB,EAAa,aAAAE,EAAc,gBAAAG,EAAiB,EAC5E,CAACL,EAAaE,EAAcG,CAAe,CAAA,EAGvC,CAAE,WAAAiB,EAAY,UAAAC,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CAC9E,UAAAvB,EACA,aAAc,CAAC,CAACO,EAChB,WAAY,CAAC,CAACT,EACd,eAAAgB,EACA,SAAU,CAAC,CAACV,EACZ,YAAa,EAAA,CACd,EAEK,CAAE,MAAAoB,EAAO,QAASC,GAAkBC,EAAgB,gBAAA,EAE1D,OACGC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWN,EAAA,EACb,SAAA,CAAAf,0BAAkB,MAAI,CAAA,UAAWc,EAAU,EAAI,UAAe,CAAA,EAAS,KACxEQ,EAAA,kBAAA,IAACC,EAAA,UAAA,CACE,GAAGrB,EACJ,UAAYsB,GACVR,EAAQ,CACN,UAAA1B,EACA,WAAYkC,EAAY,UAAA,CACzB,EAEH,UAAAlB,EACA,IAAAH,EAEC,SAAC,CAAA,CAAE,WAAAsB,CAAW,IAEVJ,EAAAA,kBAAAA,KAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAAlB,EACEc,EAAA,kBAAA,IAAAK,cAAA,CAAY,MAAA7B,EAAc,cAAAH,EAA8B,WAAAY,CAAwB,CAAA,EAC/E,KACJc,EAAA,kBAAA,KAACO,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAH,EAAY,cAAAI,EAAe,UAAAC,EAAW,UAAAxB,CAAU,IAC5DO,EAAW,CACT,WAAAY,EACA,UAAWI,EACX,UAAAC,EACA,UAAAxB,EACA,UAAW,eAAA,CACZ,EAGF,SAAA,CAAAL,EACDqB,EAAAA,kBAAAA,IAACS,EAAU,UAAA,CAAA,UAAWb,EAAM,CAAE,UAAW,SAAU,EAChD,SAACc,GACAV,EAAA,kBAAA,IAACW,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLf,EAAc,CACnB,UAAAe,EACA,WAAAT,CAAA,CACD,EAEH,QAAAO,CAAA,CAAA,EAGN,EACCxC,CAAA,CAAA,CACH,EACCmB,EACCW,EAAA,kBAAA,IAACa,EAAY,YAAA,CAAA,YAAA5C,EAA0B,aAAAE,CAA4B,CAAA,EACjE,IAAA,EACN,CAAA,CAEJ,EACCM,EAAgBuB,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWR,EAAU,EAAI,UAAa,CAAA,EAAS,IACtE,CAAA,CAAA,CAEJ,EAEasB,EAAYC,kBAAgBhD,CAAU,EAEnD+C,EAAU,YAAc"}
+{"version":3,"file":"lyra46.cjs","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n    hasInputHeader,\n    hasLabel: !!label,\n    isInputOnly: false,\n  });\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTimeField\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                inputField({\n                  isDisabled,\n                  isFocused: isFocusWithin,\n                  isHovered,\n                  isInvalid: isInvalid || !!errorMessage,\n                  className: \"min-h-8 gap-2\",\n                })\n              }\n            >\n              {startSlot}\n              <DateInput className={input({ className: \"flex-1\" })}>\n                {(segment) => (\n                  <DateSegment\n                    className={({ isFocused }) => {\n                      return segmentStyles({\n                        isFocused,\n                        isDisabled,\n                      });\n                    }}\n                    segment={segment}\n                  />\n                )}\n              </DateInput>\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaTimeField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","input","segmentStyles","dateFieldStyles","jsxs","jsx","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"sXAyCMA,EAAa,CACjB,CACE,UAAAC,EACA,YAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CAAE,UAAAC,EAAW,WAAAC,CAAe,EAAAL,EAE5BM,EAAiBC,EAAA,QACrB,IAAMC,EAAwB,wBAAA,CAAE,cAAAf,EAAe,gBAAAE,EAAiB,MAAAC,EAAO,EACvE,CAACH,EAAeE,EAAiBC,CAAK,CAAA,EAGlCa,EAAiBF,EAAA,QACrB,IAAMG,EAAwB,wBAAA,CAAE,YAAArB,EAAa,aAAAE,EAAc,gBAAAG,EAAiB,EAC5E,CAACL,EAAaE,EAAcG,CAAe,CAAA,EAGvC,CAAE,WAAAiB,EAAY,UAAAC,EAAW,kBAAAC,EAAmB,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CAC9E,UAAAvB,EACA,aAAc,CAAC,CAACO,EAChB,WAAY,CAAC,CAACT,EACd,eAAAgB,EACA,SAAU,CAAC,CAACV,EACZ,YAAa,EAAA,CACd,EAEK,CAAE,MAAAoB,EAAO,QAASC,GAAkBC,EAAgB,gBAAA,EAE1D,OACGC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWN,EAAA,EACb,SAAA,CAAAf,0BAAkB,MAAI,CAAA,UAAWc,EAAU,EAAI,UAAe,CAAA,EAAS,KACxEQ,EAAA,kBAAA,IAACC,EAAA,UAAA,CACE,GAAGrB,EACJ,UAAYsB,GACVR,EAAQ,CACN,UAAA1B,EACA,WAAYkC,EAAY,UAAA,CACzB,EAEH,UAAAlB,EACA,IAAAH,EAEC,SAAC,CAAA,CAAE,WAAAsB,CAAW,IAEVJ,EAAAA,kBAAAA,KAAAK,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAAlB,EACEc,EAAA,kBAAA,IAAAK,cAAA,CAAY,MAAA7B,EAAc,cAAAH,EAA8B,WAAAY,CAAwB,CAAA,EAC/E,KACJc,EAAA,kBAAA,KAACO,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,WAAAH,EAAY,cAAAI,EAAe,UAAAC,EAAW,UAAAxB,CAAU,IAC5DO,EAAW,CACT,WAAAY,EACA,UAAWI,EACX,UAAAC,EACA,UAAWxB,GAAa,CAAC,CAACb,EAC1B,UAAW,eAAA,CACZ,EAGF,SAAA,CAAAQ,EACDqB,EAAAA,kBAAAA,IAACS,EAAU,UAAA,CAAA,UAAWb,EAAM,CAAE,UAAW,SAAU,EAChD,SAACc,GACAV,EAAA,kBAAA,IAACW,EAAA,YAAA,CACC,UAAW,CAAC,CAAE,UAAAC,KACLf,EAAc,CACnB,UAAAe,EACA,WAAAT,CAAA,CACD,EAEH,QAAAO,CAAA,CAAA,EAGN,EACCxC,CAAA,CAAA,CACH,EACCmB,EACCW,EAAA,kBAAA,IAACa,EAAY,YAAA,CAAA,YAAA5C,EAA0B,aAAAE,CAA4B,CAAA,EACjE,IAAA,EACN,CAAA,CAEJ,EACCM,EAAgBuB,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWR,EAAU,EAAI,UAAa,CAAA,EAAS,IACtE,CAAA,CAAA,CAEJ,EAEasB,EAAYC,kBAAgBhD,CAAU,EAEnD+C,EAAU,YAAc"}

package/dist/lyra46.js

@@ -11,32 +11,32 @@ import { sharedInputStyles as A } from "./lyra40.js";
 import { shouldRenderInputHeader as B, shouldRenderInputFooter as H } from "./lyra615.js";
 const J = ({
   className: j,
-  description: t,
+  description: i,
   endSlot: n,
-  errorMessage: i,
+  errorMessage: s,
   fullWidth: F = !0,
   hideHintLabel: d,
   hideInputFooter: c,
   hideInputHeader: p,
-  label: s,
+  label: a,
   outerEndSlot: f,
   outerStartSlot: u,
   startSlot: x,
-  ...a
-}, r) => {
-  [a, r] = C(a, r, q);
-  const { isInvalid: I, isRequired: N } = a, $ = h(
-    () => B({ hideHintLabel: d, hideInputHeader: p, label: s }),
-    [d, p, s]
+  ...t
+}, m) => {
+  [t, m] = C(t, m, q);
+  const { isInvalid: I, isRequired: N } = t, $ = h(
+    () => B({ hideHintLabel: d, hideInputHeader: p, label: a }),
+    [d, p, a]
   ), v = h(
-    () => H({ description: t, errorMessage: i, hideInputFooter: c }),
-    [t, i, c]
+    () => H({ description: i, errorMessage: s, hideInputFooter: c }),
+    [i, s, c]
   ), { inputField: D, outerSlot: b, outerSlotsWrapper: y, wrapper: R } = A({
     fullWidth: F,
     hasStartSlot: !!x,
     hasEndSlot: !!n,
     hasInputHeader: $,
-    hasLabel: !!s,
+    hasLabel: !!a,
     isInputOnly: !1
   }), { input: T, segment: S } = _();
   return /* @__PURE__ */ e.jsxs("div", { className: y(), children: [
@@ -44,23 +44,23 @@ const J = ({
     /* @__PURE__ */ e.jsx(
       E,
       {
-        ...a,
-        className: (m) => R({
+        ...t,
+        className: (l) => R({
           className: j,
-          isDisabled: m.isDisabled
+          isDisabled: l.isDisabled
         }),
         isInvalid: I,
-        ref: r,
-        children: ({ isDisabled: m }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          $ ? /* @__PURE__ */ e.jsx(k, { label: s, hideHintLabel: d, isRequired: N }) : null,
+        ref: m,
+        children: ({ isDisabled: l }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          $ ? /* @__PURE__ */ e.jsx(k, { label: a, hideHintLabel: d, isRequired: N }) : null,
           /* @__PURE__ */ e.jsxs(
             G,
             {
-              className: ({ isDisabled: o, isFocusWithin: l, isHovered: g, isInvalid: w }) => D({
+              className: ({ isDisabled: o, isFocusWithin: r, isHovered: g, isInvalid: w }) => D({
                 isDisabled: o,
-                isFocused: l,
+                isFocused: r,
                 isHovered: g,
-                isInvalid: w,
+                isInvalid: w || !!s,
                 className: "min-h-8 gap-2"
               }),
               children: [
@@ -68,9 +68,9 @@ const J = ({
                 /* @__PURE__ */ e.jsx(O, { className: T({ className: "flex-1" }), children: (o) => /* @__PURE__ */ e.jsx(
                   P,
                   {
-                    className: ({ isFocused: l }) => S({
-                      isFocused: l,
-                      isDisabled: m
+                    className: ({ isFocused: r }) => S({
+                      isFocused: r,
+                      isDisabled: l
                     }),
                     segment: o
                   }
@@ -79,7 +79,7 @@ const J = ({
               ]
             }
           ),
-          v ? /* @__PURE__ */ e.jsx(z, { description: t, errorMessage: i }) : null
+          v ? /* @__PURE__ */ e.jsx(z, { description: i, errorMessage: s }) : null
         ] })
       }
     ),

package/dist/lyra46.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra46.js","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n    hasInputHeader,\n    hasLabel: !!label,\n    isInputOnly: false,\n  });\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTimeField\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                inputField({\n                  isDisabled,\n                  isFocused: isFocusWithin,\n                  isHovered,\n                  isInvalid,\n                  className: \"min-h-8 gap-2\",\n                })\n              }\n            >\n              {startSlot}\n              <DateInput className={input({ className: \"flex-1\" })}>\n                {(segment) => (\n                  <DateSegment\n                    className={({ isFocused }) => {\n                      return segmentStyles({\n                        isFocused,\n                        isDisabled,\n                      });\n                    }}\n                    segment={segment}\n                  />\n                )}\n              </DateInput>\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaTimeField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","input","segmentStyles","dateFieldStyles","jsxs","jsx","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra46.js","sources":["../src/components/inputs/time-field/time-field.tsx"],"sourcesContent":["import { ElementRef, ForwardedRef, useMemo } from \"react\";\nimport {\n  DateInput,\n  DateSegment,\n  Group,\n  TimeField as AriaTimeField,\n  TimeFieldContext,\n  TimeFieldProps as AriaTimeFieldProps,\n  TimeValue,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { dateFieldStyles } from \"../date-picker\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TimeFieldProps<T extends TimeValue> = Omit<AriaTimeFieldProps<T>, \"className\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\" | \"isInputOnly\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n  };\n\nexport type { TimeValue };\n\nconst _TimeField = <T extends TimeValue>(\n  {\n    className,\n    description,\n    endSlot,\n    errorMessage,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: TimeFieldProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTimeField>>,\n) => {\n  [props, ref] = useContextProps(props, ref, TimeFieldContext);\n  const { isInvalid, isRequired } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n    hasInputHeader,\n    hasLabel: !!label,\n    isInputOnly: false,\n  });\n\n  const { input, segment: segmentStyles } = dateFieldStyles();\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTimeField\n        {...props}\n        className={(renderProps) =>\n          wrapper({\n            className,\n            isDisabled: renderProps.isDisabled,\n          })\n        }\n        isInvalid={isInvalid}\n        ref={ref}\n      >\n        {({ isDisabled }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} hideHintLabel={hideHintLabel} isRequired={isRequired} />\n            ) : null}\n            <Group\n              className={({ isDisabled, isFocusWithin, isHovered, isInvalid }) =>\n                inputField({\n                  isDisabled,\n                  isFocused: isFocusWithin,\n                  isHovered,\n                  isInvalid: isInvalid || !!errorMessage,\n                  className: \"min-h-8 gap-2\",\n                })\n              }\n            >\n              {startSlot}\n              <DateInput className={input({ className: \"flex-1\" })}>\n                {(segment) => (\n                  <DateSegment\n                    className={({ isFocused }) => {\n                      return segmentStyles({\n                        isFocused,\n                        isDisabled,\n                      });\n                    }}\n                    segment={segment}\n                  />\n                )}\n              </DateInput>\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaTimeField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\nexport const TimeField = fixedForwardRef(_TimeField);\n//@ts-ignore\nTimeField.displayName = \"TimeField\";\n"],"names":["_TimeField","className","description","endSlot","errorMessage","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","TimeFieldContext","isInvalid","isRequired","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","input","segmentStyles","dateFieldStyles","jsxs","jsx","AriaTimeField","renderProps","isDisabled","Fragment","InputHeader","Group","isFocusWithin","isHovered","DateInput","segment","DateSegment","isFocused","InputFooter","TimeField","fixedForwardRef"],"mappings":"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"}

package/dist/lyra460.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra94.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra455.cjs"),t=e.tv({base:"flex flex-wrap gap-1"}),o=e.tv({slots:{tag:["transition","cursor-default","text-base","rounded-sm","py-1","pe-1","ps-1.5","flex","items-center","gap-1","ring-default","border","border-default","outline-none","solid","bg-transparent","[&:hover&:not(:active)]:bg-overlay-subtle","active:bg-overlay-medium","focus-visible:shadow-highlight","focus-visible:border-focus","select-none","break-all"],removeButton:["cursor-default","text-secondary","outline-none"]},variants:{allowsRemoving:{true:{}},isDisabled:{true:{tag:["bg-overlay-subtle","text-secondary","cursor-not-allowed","border-transparent"]}}},compoundVariants:[{allowsRemoving:!0,isDisabled:!1,className:{tag:"pe-1"}}]});exports.tagGroupStyles=t;exports.tagStyles=o;

package/dist/lyra460.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}
+{"version":3,"file":"lyra460.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n  base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n  slots: {\n    tag: [\n      \"transition\",\n      \"cursor-default\",\n      \"text-base\",\n      \"rounded-sm\",\n      \"py-1\",\n      \"pe-1\",\n      \"ps-1.5\",\n      \"flex\",\n      \"items-center\",\n      \"gap-1\",\n      \"ring-default\",\n      \"border\",\n      \"border-default\",\n      \"outline-none\",\n      \"solid\",\n      \"bg-transparent\",\n      \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n      \"active:bg-overlay-medium\",\n      \"focus-visible:shadow-highlight\",\n      \"focus-visible:border-focus\",\n      \"select-none\",\n      \"break-all\",\n    ],\n    removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n  },\n  variants: {\n    allowsRemoving: {\n      true: {},\n    },\n    isDisabled: {\n      true: {\n        tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      allowsRemoving: true,\n      isDisabled: false,\n      className: {\n        tag: \"pe-1\",\n      },\n    },\n  ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":"iHAEaA,EAAiBC,EAAAA,GAAG,CAC/B,KAAM,sBACR,CAAC,EAEYC,EAAYD,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CACH,aACA,iBACA,YACA,aACA,OACA,OACA,SACA,OACA,eACA,QACA,eACA,SACA,iBACA,eACA,QACA,iBACA,4CACA,2BACA,iCACA,6BACA,cACA,WACF,EACA,aAAc,CAAC,iBAAkB,iBAAkB,cAAc,CACnE,EACA,SAAU,CACR,eAAgB,CACd,KAAM,CAAC,CACT,EACA,WAAY,CACV,KAAM,CACJ,IAAK,CAAC,oBAAqB,iBAAkB,qBAAsB,oBAAoB,CACzF,CACF,CACF,EACA,iBAAkB,CAChB,CACE,eAAgB,GAChB,WAAY,GACZ,UAAW,CACT,IAAK,MACP,CACF,CACF,CACF,CAAC"}

package/dist/lyra460.js

@@ -1,14 +1,55 @@
-import { j as i } from "./lyra94.js";
-import { createContext as s, useContext as o, useMemo as u } from "react";
-const t = s({ depth: null });
-function m({ children: n }) {
-  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
-  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
-}
-function p() {
-  return o(t);
-}
+import { tv as e } from "./lyra455.js";
+const o = e({
+  base: "flex flex-wrap gap-1"
+}), a = e({
+  slots: {
+    tag: [
+      "transition",
+      "cursor-default",
+      "text-base",
+      "rounded-sm",
+      "py-1",
+      "pe-1",
+      "ps-1.5",
+      "flex",
+      "items-center",
+      "gap-1",
+      "ring-default",
+      "border",
+      "border-default",
+      "outline-none",
+      "solid",
+      "bg-transparent",
+      "[&:hover&:not(:active)]:bg-overlay-subtle",
+      "active:bg-overlay-medium",
+      "focus-visible:shadow-highlight",
+      "focus-visible:border-focus",
+      "select-none",
+      "break-all"
+    ],
+    removeButton: ["cursor-default", "text-secondary", "outline-none"]
+  },
+  variants: {
+    allowsRemoving: {
+      true: {}
+    },
+    isDisabled: {
+      true: {
+        tag: ["bg-overlay-subtle", "text-secondary", "cursor-not-allowed", "border-transparent"]
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      allowsRemoving: !0,
+      isDisabled: !1,
+      className: {
+        tag: "pe-1"
+      }
+    }
+  ]
+});
 export {
-  m as NavigationItemProvider,
-  p as useNavigationItemContext
+  o as tagGroupStyles,
+  a as tagStyles
 };

package/dist/lyra460.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra460.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}
+{"version":3,"file":"lyra460.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n  base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n  slots: {\n    tag: [\n      \"transition\",\n      \"cursor-default\",\n      \"text-base\",\n      \"rounded-sm\",\n      \"py-1\",\n      \"pe-1\",\n      \"ps-1.5\",\n      \"flex\",\n      \"items-center\",\n      \"gap-1\",\n      \"ring-default\",\n      \"border\",\n      \"border-default\",\n      \"outline-none\",\n      \"solid\",\n      \"bg-transparent\",\n      \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n      \"active:bg-overlay-medium\",\n      \"focus-visible:shadow-highlight\",\n      \"focus-visible:border-focus\",\n      \"select-none\",\n      \"break-all\",\n    ],\n    removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n  },\n  variants: {\n    allowsRemoving: {\n      true: {},\n    },\n    isDisabled: {\n      true: {\n        tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      allowsRemoving: true,\n      isDisabled: false,\n      className: {\n        tag: \"pe-1\",\n      },\n    },\n  ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":";AAEO,MAAMA,IAAiBC,EAAG;AAAA,EAC/B,MAAM;AACR,CAAC,GAEYC,IAAYD,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,kBAAkB,kBAAkB,cAAc;AAAA,EACnE;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM,CAAC;AAAA,IACT;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK,CAAC,qBAAqB,kBAAkB,sBAAsB,oBAAoB;AAAA,MACzF;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra461.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra455.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra464.cjs"),r=require("./lyra609.cjs");function o(){const{activatorEvent:e}=t.useDndContext();return r.isKeyboardEvent(e)}exports.useIsKeyboardSorting=o;

package/dist/lyra461.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra461.cjs","sources":["../src/components/sortable/hooks/use-is-keyboard-sorting.ts"],"sourcesContent":["import { useDndContext } from \"@dnd-kit/core\";\nimport { isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nexport function useIsKeyboardSorting() {\n  const { activatorEvent } = useDndContext();\n\n  return isKeyboardEvent(activatorEvent);\n}\n"],"names":["useIsKeyboardSorting","activatorEvent","useDndContext","isKeyboardEvent"],"mappings":"4IAGO,SAASA,GAAuB,CAC/B,KAAA,CAAE,eAAAC,GAAmBC,EAAAA,gBAE3B,OAAOC,EAAAA,gBAAgBF,CAAc,CACvC"}

package/dist/lyra461.js

@@ -1,33 +1,9 @@
-import { tv as t } from "./lyra455.js";
-const r = t({
-  slots: {
-    box: [
-      "bg-surface-contrast",
-      "rounded-xs",
-      "text-inverted",
-      "text-sm",
-      "px-1.5",
-      "py-1",
-      "text-center"
-    ],
-    beak: ["transform", "text-[--color-neutral-9]"]
-  },
-  variants: {
-    placement: {
-      top: {
-        beak: "rotate-180 relative"
-      },
-      bottom: {},
-      left: {
-        beak: "rotate-90 relative -translate-x-1"
-      },
-      right: {
-        beak: "-rotate-90 relative translate-x-1"
-      },
-      center: {}
-    }
-  }
-});
+import { useDndContext as o } from "./lyra464.js";
+import { isKeyboardEvent as r } from "./lyra609.js";
+function i() {
+  const { activatorEvent: t } = o();
+  return r(t);
+}
 export {
-  r as tooltipStyles
+  i as useIsKeyboardSorting
 };

package/dist/lyra461.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra461.js","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":";AAEO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,aAAa,0BAA0B;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra461.js","sources":["../src/components/sortable/hooks/use-is-keyboard-sorting.ts"],"sourcesContent":["import { useDndContext } from \"@dnd-kit/core\";\nimport { isKeyboardEvent } from \"@dnd-kit/utilities\";\n\nexport function useIsKeyboardSorting() {\n  const { activatorEvent } = useDndContext();\n\n  return isKeyboardEvent(activatorEvent);\n}\n"],"names":["useIsKeyboardSorting","activatorEvent","useDndContext","isKeyboardEvent"],"mappings":";;AAGO,SAASA,IAAuB;AAC/B,QAAA,EAAE,gBAAAC,MAAmBC;AAE3B,SAAOC,EAAgBF,CAAc;AACvC;"}

package/dist/lyra462.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),l=require("react"),n=require("./lyra93.cjs"),m=require("./lyra97.cjs"),R=require("./lyra625.cjs"),f=require("./lyra67.cjs"),d=require("./lyra463.cjs"),g=l.createContext(null);function v({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(g.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(v);p.displayName="InputTagGroup";function y({children:a,...t},i){const{onRemove:o}=l.useContext(g),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=d.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(y);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra94.cjs"),v=require("react"),R=require("react-dom"),e=require("./lyra464.cjs"),C=require("./lyra610.cjs"),i=require("./lyra611.cjs"),f=require("./lyra454.cjs"),h=require("./lyra612.cjs"),P=require("./lyra613.cjs"),M={droppable:{strategy:e.MeasuringStrategy.Always}},_=({children:r,collisionDetection:s,disableRestrictToParent:o,hasAdditionalTopPadding:u,items:n,keyboardCoordinateGetter:c,onDragEnd:l,onDragStart:d,orientation:x,overlay:g,parentNode:m,setItems:p})=>{const S=e.useSensors(e.useSensor(e.PointerSensor),e.useSensor(e.KeyboardSensor,{coordinateGetter:c||i.sortableKeyboardCoordinates})),{activeItem:a,onDragCancel:j,onDragEnd:b,onDragStart:y}=h.useDragEvents(n,p,d,l),D=P.useSortingStrategy(x),E=v.useMemo(()=>n.map(q=>q.value),[n]);return t.jsxRuntimeExports.jsx(e.DndContext,{sensors:S,onDragStart:y,onDragEnd:b,measuring:M,onDragCancel:j,collisionDetection:s,children:t.jsxRuntimeExports.jsxs(i.SortableContext,{items:E,strategy:D,children:[t.jsxRuntimeExports.jsx(G,{id:"top-level",children:t.jsxRuntimeExports.jsx("div",{className:f.clsx(u?"-mt-[50px] pt-[50px]":"mt-0 pt-0"),children:r})}),R.createPortal(t.jsxRuntimeExports.jsx(e.DragOverlay,{modifiers:o?void 0:[C.restrictToParentElement],children:a?g(a):null}),m??document.body)]})})};function G({children:r,id:s}){const{setNodeRef:o}=e.useDroppable({id:s});return t.jsxRuntimeExports.jsx("div",{ref:o,children:r})}exports.SortableContainer=_;

package/dist/lyra462.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra462.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"uQA0BMA,EAAwBC,EAAAA,cAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,eAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,EACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,EAAU,UAAA,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,KAAO,QAAwB0B,EAAA,IAAI1B,EAAM,EAAE,EACrDW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,CAAA,EAEJ,CAAA,CAAA,CAIR,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}
+{"version":3,"file":"lyra462.cjs","sources":["../src/components/sortable/sortable-container.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MeasuringConfiguration,\n  MeasuringStrategy,\n  PointerSensor,\n  useDroppable,\n  useSensor,\n  useSensors,\n} from \"@dnd-kit/core\";\nimport { restrictToParentElement } from \"@dnd-kit/modifiers\";\nimport { SortableContext, sortableKeyboardCoordinates } from \"@dnd-kit/sortable\";\nimport clsx from \"clsx\";\n\nimport { useDragEvents } from \"./hooks/use-drag-events\";\nimport { useSortingStrategy } from \"./hooks/use-sorting-strategy\";\nimport { SortableContainerProps } from \"./sortable.types\";\n\nconst measuring: MeasuringConfiguration = {\n  droppable: {\n    strategy: MeasuringStrategy.Always,\n  },\n};\n\n/**\n * A container for sortable items. This component should be used to wrap around the items that you want to be sortable.\n *\n */\nexport const SortableContainer = <\n  TItemProps extends { value: string; label: string; items?: TItemProps[] },\n>({\n  children,\n  collisionDetection,\n  disableRestrictToParent,\n  hasAdditionalTopPadding,\n  items,\n  keyboardCoordinateGetter,\n  onDragEnd,\n  onDragStart,\n  orientation,\n  overlay,\n  parentNode,\n  setItems,\n}: SortableContainerProps<TItemProps>) => {\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: keyboardCoordinateGetter || sortableKeyboardCoordinates,\n    }),\n  );\n\n  const {\n    activeItem,\n    onDragCancel,\n    onDragEnd: handleDrag,\n    onDragStart: handleDragStart,\n  } = useDragEvents(items, setItems, onDragStart, onDragEnd);\n\n  const sortingStrategy = useSortingStrategy(orientation);\n\n  const itemIds = useMemo(() => items.map((item) => item.value), [items]);\n\n  return (\n    <DndContext\n      sensors={sensors}\n      onDragStart={handleDragStart}\n      onDragEnd={handleDrag}\n      measuring={measuring}\n      onDragCancel={onDragCancel}\n      collisionDetection={collisionDetection}\n    >\n      <SortableContext items={itemIds} strategy={sortingStrategy}>\n        <DroppableContainer id=\"top-level\">\n          <div className={clsx(hasAdditionalTopPadding ? \"-mt-[50px] pt-[50px]\" : \"mt-0 pt-0\")}>\n            {children}\n          </div>\n        </DroppableContainer>\n        {createPortal(\n          <DragOverlay modifiers={disableRestrictToParent ? undefined : [restrictToParentElement]}>\n            {activeItem ? overlay(activeItem) : null}\n          </DragOverlay>,\n          parentNode ?? document.body,\n        )}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nfunction DroppableContainer({ children, id }: { children: ReactNode; id: any }) {\n  const { setNodeRef } = useDroppable({ id });\n  return <div ref={setNodeRef}>{children}</div>;\n}\n"],"names":["measuring","MeasuringStrategy","SortableContainer","children","collisionDetection","disableRestrictToParent","hasAdditionalTopPadding","items","keyboardCoordinateGetter","onDragEnd","onDragStart","orientation","overlay","parentNode","setItems","sensors","useSensors","useSensor","PointerSensor","KeyboardSensor","sortableKeyboardCoordinates","activeItem","onDragCancel","handleDrag","handleDragStart","useDragEvents","sortingStrategy","useSortingStrategy","itemIds","useMemo","item","jsx","DndContext","jsxs","SortableContext","DroppableContainer","clsx","createPortal","DragOverlay","restrictToParentElement","id","setNodeRef","useDroppable"],"mappings":"4TAuBMA,EAAoC,CACxC,UAAW,CACT,SAAUC,EAAkB,kBAAA,MAC9B,CACF,EAMaC,EAAoB,CAE/B,CACA,SAAAC,EACA,mBAAAC,EACA,wBAAAC,EACA,wBAAAC,EACA,MAAAC,EACA,yBAAAC,EACA,UAAAC,EACA,YAAAC,EACA,YAAAC,EACA,QAAAC,EACA,WAAAC,EACA,SAAAC,CACF,IAA0C,CACxC,MAAMC,EAAUC,EAAA,WACdC,EAAAA,UAAUC,EAAAA,aAAa,EACvBD,EAAAA,UAAUE,EAAAA,eAAgB,CACxB,iBAAkBX,GAA4BY,EAAA,2BAAA,CAC/C,CAAA,EAGG,CACJ,WAAAC,EACA,aAAAC,EACA,UAAWC,EACX,YAAaC,CACX,EAAAC,EAAA,cAAclB,EAAOO,EAAUJ,EAAaD,CAAS,EAEnDiB,EAAkBC,qBAAmBhB,CAAW,EAEhDiB,EAAUC,EAAAA,QAAQ,IAAMtB,EAAM,IAAKuB,GAASA,EAAK,KAAK,EAAG,CAACvB,CAAK,CAAC,EAGpE,OAAAwB,EAAA,kBAAA,IAACC,EAAA,WAAA,CACC,QAAAjB,EACA,YAAaS,EACb,UAAWD,EACX,UAAAvB,EACA,aAAAsB,EACA,mBAAAlB,EAEA,SAAC6B,EAAAA,kBAAAA,KAAAC,EAAAA,gBAAA,CAAgB,MAAON,EAAS,SAAUF,EACzC,SAAA,CAAAK,EAAA,kBAAA,IAACI,EAAmB,CAAA,GAAG,YACrB,SAAAJ,EAAAA,kBAAAA,IAAC,MAAI,CAAA,UAAWK,EAAAA,KAAK9B,EAA0B,uBAAyB,WAAW,EAChF,SAAAH,CACH,CAAA,EACF,EACCkC,EAAA,aACEN,EAAAA,kBAAAA,IAAAO,EAAAA,YAAA,CAAY,UAAWjC,EAA0B,OAAY,CAACkC,EAAuB,uBAAA,EACnF,SAAalB,EAAAT,EAAQS,CAAU,EAAI,IACtC,CAAA,EACAR,GAAc,SAAS,IACzB,CAAA,EACF,CAAA,CAAA,CAGN,EAEA,SAASsB,EAAmB,CAAE,SAAAhC,EAAU,GAAAqC,GAAwC,CAC9E,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAa,aAAA,CAAE,GAAAF,CAAI,CAAA,EAC1C,OAAQT,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKU,EAAa,SAAAtC,CAAS,CAAA,CACzC"}