@new-black/lyra 1.0.37 → 1.0.38

package/dist/lyra457.js

@@ -1,92 +1,16 @@
-import { tv as e } from "./lyra455.js";
-const r = e({
-  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
-}), i = e({
-  base: [
-    "block",
-    "w-full",
-    "justify-start",
-    "rounded-sm",
-    "bg-transparent",
-    "p-1",
-    "ps-1.5",
-    "text-start",
-    "text-base",
-    "font-normal",
-    "text-primary",
-    "outline-none",
-    "duration-0",
-    "active:text-inverted",
-    "hover:bg-action-hover",
-    "hover:text-inverted",
-    "focus:bg-action-focus",
-    "focus:text-inverted",
-    "focus-visible:[box-shadow:none]"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-tertiary", "cursor-not-allowed"]
-    }
-  }
-}), o = e({
-  slots: {
-    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
-    itemCheckmark: [],
-    itemCheckmarkWrapper: [],
-    itemImage: [
-      "w-9",
-      "min-w-9",
-      "h-9",
-      "rounded-xs",
-      "border",
-      "solid",
-      "border-default",
-      "me-1.5",
-      "overflow-hidden",
-      "box-border",
-      "object-contain",
-      "bg-[#ffffff]",
-      "block"
-    ],
-    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
-    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
-    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
-    itemStartIcon: ["w-4", "h-4", "me-1"]
-  },
-  variants: {
-    hasSelection: {
-      true: {
-        itemCheckmarkWrapper: ["w-5", "min-w-5"],
-        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
-      },
-      false: {
-        item: ["ps-1.5"]
-      }
-    },
-    disabled: {
-      true: {
-        item: ["cursor-not-allowed"],
-        itemCheckmark: ["text-tertiary"],
-        itemImage: ["opacity-50"],
-        itemLabel: ["text-tertiary"],
-        itemDescription: ["text-tertiary"]
-      }
-    },
-    active: {
-      true: {
-        item: ["bg-action-focus"],
-        itemImage: ["border-focus"],
-        itemCheckmark: ["text-inverted"],
-        itemLabel: ["text-inverted"],
-        itemDescription: ["text-inverted"],
-        itemStartIcon: ["text-inverted"],
-        itemEndIcon: ["text-inverted"]
-      }
-    }
-  }
-});
+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;
+}
 export {
-  i as loadMoreButtonStyles,
-  o as sharedListItemStyles,
-  r as sharedListStyles
+  u as NavigationContextProvider,
+  x as useNavigationContext
 };

package/dist/lyra457.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;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,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra457.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;"}

package/dist/lyra458.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),i=require("./lyra96.cjs"),n=require("./lyra67.cjs"),x=require("./lyra75.cjs");require("./lyra76.cjs");const I=require("./lyra457.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
+"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;

package/dist/lyra458.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra458.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}
+{"version":3,"file":"lyra458.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"}

package/dist/lyra458.js

@@ -1,46 +1,14 @@
-import { j as e } from "./lyra94.js";
-import l from "./lyra96.js";
-import { iconsSchema as d, SvgIcon as s } from "./lyra67.js";
-import { Text as p } from "./lyra75.js";
-import "./lyra76.js";
-import { sharedListItemStyles as N } from "./lyra457.js";
-const v = l.object({
-  label: l.string(),
-  description: l.string().optional(),
-  iconStart: d.optional(),
-  iconEnd: d.optional(),
-  image: l.string().url().optional(),
-  customElement: l.any().optional()
-}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
-  hasSelection: i,
-  item: h,
-  selectRenderElements: x,
-  state: t
-}) => {
-  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
-    item: S,
-    itemCheckmark: j,
-    itemCheckmarkWrapper: u,
-    itemDescription: g,
-    itemEndIcon: f,
-    itemImage: k,
-    itemLabel: y,
-    itemStartIcon: I
-  } = N({
-    hasSelection: i
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
-    m || null,
-    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
-    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
-      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
-      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
-    ] }),
-    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
-  ] });
-};
+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);
+}
 export {
-  W as SharedListItem
+  m as NavigationItemProvider,
+  p as useNavigationItemContext
 };

package/dist/lyra458.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra458.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"lyra458.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;"}

package/dist/lyra459.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra94.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;
+"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;

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/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"}

package/dist/lyra459.js

@@ -1,16 +1,33 @@
-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 { 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: {}
+    }
+  }
+});
 export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
+  r as tooltipStyles
 };

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/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;"}

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("./lyra623.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

@@ -8,35 +8,35 @@ import "./lyra25.js";
 import { InputHeader as k } from "./lyra38.js";
 import { InputFooter as z } from "./lyra39.js";
 import { sharedInputStyles as A } from "./lyra40.js";
-import { shouldRenderInputHeader as B, shouldRenderInputFooter as H } from "./lyra615.js";
+import { shouldRenderInputHeader as B, shouldRenderInputFooter as H } from "./lyra623.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-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;

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/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}