@atom-learning/components 6.4.2 → 6.5.0

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordion.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\n\ntype TNavigationMenuVerticalAccordionContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const NavigationMenuVerticalAccordionContext =\n  React.createContext<TNavigationMenuVerticalAccordionContextValue>({})\nconst NavigationMenuVerticalAccordionProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <NavigationMenuVerticalAccordionContext.Provider\n      value={{ triggerRef, setTriggerRef }}\n    >\n      {children}\n    </NavigationMenuVerticalAccordionContext.Provider>\n  )\n}\n\ntype TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof NavigationMenuVerticalItem>\nexport const NavigationMenuVerticalAccordion = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  disabled,\n  ...rest\n}: TNavigationMenuVerticalAccordionProps): JSX.Element => {\n  const collapsibleProps = { defaultOpen, open, onOpenChange, disabled }\n  return (\n    <NavigationMenuVerticalAccordionProvider>\n      <Root {...collapsibleProps} asChild>\n        <NavigationMenuVerticalItem {...rest} />\n      </Root>\n    </NavigationMenuVerticalAccordionProvider>\n  )\n}\n"],"names":["NavigationMenuVerticalAccordionContext","React","NavigationMenuVerticalAccordionProvider","children","triggerRef","setTriggerRef","useCallbackRef","NavigationMenuVerticalAccordion","defaultOpen","open","onOpenChange","disabled","rest","Root","NavigationMenuVerticalItem"],"mappings":"iOAWa,MAAAA,EACXC,EAAM,cAA4D,CAAE,CAAA,EAChEC,EAA0C,CAAC,CAAE,SAAAC,CAAS,IAAM,CAChE,KAAM,CAACC,EAAYC,CAAa,EAAIC,EACpC,EAAA,OACEL,EAAA,cAACD,EAAuC,SAAvC,CACC,MAAO,CAAE,WAAAI,EAAY,cAAAC,CAAc,CAElCF,EAAAA,CACH,CAEJ,EAIaI,EAAkC,CAAC,CAC9C,YAAAC,EACA,KAAAC,EACA,aAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAGIX,EAAA,cAACC,EAAA,KACCD,EAAA,cAACY,EAAA,CAHsB,YAAAL,EAAa,KAAAC,EAAM,aAAAC,EAAc,SAAAC,EAG5B,QAAO,IACjCV,EAAA,cAACa,EAAA,CAA4B,GAAGF,CAAM,CAAA,CACxC,CACF"}
+{"version":3,"file":"NavigationMenuVerticalAccordion.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordion.tsx"],"sourcesContent":["import { Root } from '@radix-ui/react-collapsible'\nimport * as React from 'react'\n\nimport { useCallbackRef } from '~/utilities/hooks/useCallbackRef'\n\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\n\ntype TNavigationMenuVerticalAccordionContextValue = {\n  triggerRef?: React.MutableRefObject<HTMLElement | null>\n  setTriggerRef?: (HTMLElement) => void\n}\nexport const NavigationMenuVerticalAccordionContext =\n  React.createContext<TNavigationMenuVerticalAccordionContextValue>({})\nconst NavigationMenuVerticalAccordionProvider = ({ children }) => {\n  const [triggerRef, setTriggerRef] = useCallbackRef()\n  return (\n    <NavigationMenuVerticalAccordionContext.Provider\n      value={{ triggerRef, setTriggerRef }}\n    >\n      {children}\n    </NavigationMenuVerticalAccordionContext.Provider>\n  )\n}\n\ntype TNavigationMenuVerticalAccordionProps = React.ComponentProps<typeof Root> &\n  React.ComponentProps<typeof NavigationMenuVerticalItem>\nexport const NavigationMenuVerticalAccordion = ({\n  defaultOpen,\n  open,\n  onOpenChange,\n  disabled,\n  ...rest\n}: TNavigationMenuVerticalAccordionProps): JSX.Element => {\n  const collapsibleProps = { defaultOpen, open, onOpenChange, disabled }\n  return (\n    <NavigationMenuVerticalAccordionProvider>\n      <Root {...collapsibleProps} asChild>\n        <NavigationMenuVerticalItem {...rest} />\n      </Root>\n    </NavigationMenuVerticalAccordionProvider>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,IACX,EAAM,cAA4D,EAAE,CAAC,EACjE,KAA2C,EAAE,kBAAe;CAChE,IAAM,CAAC,GAAY,KAAiB,GAAgB;AACpD,QACE,kBAAA,cAAC,EAAuC,UAAxC,EACE,OAAO;EAAE;EAAY;EAAe,EAGY,EAD/C,EAC+C;GAMzC,KAAmC,EAC9C,gBACA,SACA,iBACA,aACA,GAAG,QACqD;CACxD,IAAM,IAAmB;EAAE;EAAa;EAAM;EAAc;EAAU;AACtE,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EAAM,GAAI;EAAkB,SAAA;EAErB,EADL,kBAAA,cAAC,GAA+B,EAAQ,CACnC,CACiC"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.js

@@ -1,2 +1,18 @@
-import{Content as c}from"@radix-ui/react-collapsible";import o from"react";import{NavigationMenuVerticalAccordionContext as i}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalList as a}from"./NavigationMenuVerticalList.js";const l=c,u=({children:r,...n})=>{const{triggerRef:t}=o.useContext(i);return o.createElement(l,{onKeyDown:e=>{t!=null&&t.current&&e.key==="Escape"&&(e.stopPropagation(),e.preventDefault(),t.current.focus(),t.current.click())},...n},o.createElement(a,null,r))};export{u as NavigationMenuVerticalAccordionContent};
-//# sourceMappingURL=NavigationMenuVerticalAccordionContent.js.map
+import { NavigationMenuVerticalAccordionContext as e } from "./NavigationMenuVerticalAccordion.js";
+import { NavigationMenuVerticalList as t } from "./NavigationMenuVerticalList.js";
+import n from "react";
+import { Content as r } from "@radix-ui/react-collapsible";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx
+var i = r, a = ({ children: r, ...a }) => {
+	let { triggerRef: o } = n.useContext(e);
+	return /* @__PURE__ */ n.createElement(i, {
+		onKeyDown: (e) => {
+			o?.current && e.key === "Escape" && (e.stopPropagation(), e.preventDefault(), o.current.focus(), o.current.click());
+		},
+		...a
+	}, /* @__PURE__ */ n.createElement(t, null, r));
+};
+//#endregion
+export { a as NavigationMenuVerticalAccordionContent };
+
+//# sourceMappingURL=NavigationMenuVerticalAccordionContent.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\n\nconst StyledNavigationMenuVerticalAccordionContent = Content\n\ntype TNavigationMenuVerticalAccordionContentProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionContent\n> &\n  React.ComponentProps<typeof NavigationMenuVerticalList>\n\nexport const NavigationMenuVerticalAccordionContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalAccordionContentProps): JSX.Element => {\n  const { triggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <StyledNavigationMenuVerticalAccordionContent\n      onKeyDown={handleOnKeydown}\n      {...rest}\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledNavigationMenuVerticalAccordionContent>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionContent","Content","NavigationMenuVerticalAccordionContent","children","rest","triggerRef","React","NavigationMenuVerticalAccordionContext","e","NavigationMenuVerticalList"],"mappings":"sPAMA,MAAMA,EAA+CC,EAOxCC,EAAyC,CAAC,CACrD,SAAAC,EACA,GAAGC,CACL,IAAiE,CAC/D,KAAM,CAAE,WAAAC,CAAW,EAAIC,EAAM,WAC3BC,CACF,EAYA,OACED,EAAA,cAACN,EAAA,CACC,UAZqBQ,GAAM,CACxBH,GAAA,MAAAA,EAAY,SACbG,EAAE,MAAQ,WACZA,EAAE,kBACFA,EAAE,eAAA,EACFH,EAAW,QAAQ,MAAM,EACzBA,EAAW,QAAQ,QAEvB,EAKK,GAAGD,CAAAA,EAEJE,EAAA,cAACG,EAAA,KAA4BN,CAAS,CACxC,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalAccordionContent.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionContent.tsx"],"sourcesContent":["import { Content } from '@radix-ui/react-collapsible'\nimport React from 'react'\n\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalList } from './NavigationMenuVerticalList'\n\nconst StyledNavigationMenuVerticalAccordionContent = Content\n\ntype TNavigationMenuVerticalAccordionContentProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionContent\n> &\n  React.ComponentProps<typeof NavigationMenuVerticalList>\n\nexport const NavigationMenuVerticalAccordionContent = ({\n  children,\n  ...rest\n}: TNavigationMenuVerticalAccordionContentProps): JSX.Element => {\n  const { triggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  const handleOnKeydown = (e) => {\n    if (!triggerRef?.current) return\n    if (e.key === 'Escape') {\n      e.stopPropagation()\n      e.preventDefault()\n      triggerRef.current.focus()\n      triggerRef.current.click()\n    }\n  }\n\n  return (\n    <StyledNavigationMenuVerticalAccordionContent\n      onKeyDown={handleOnKeydown}\n      {...rest}\n    >\n      <NavigationMenuVerticalList>{children}</NavigationMenuVerticalList>\n    </StyledNavigationMenuVerticalAccordionContent>\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAA+C,GAOxC,KAA0C,EACrD,aACA,GAAG,QAC4D;CAC/D,IAAM,EAAE,kBAAe,EAAM,WAC3B,EACD;AAYD,QACE,kBAAA,cAAC,GAAD;EACE,YAZqB,MAAM;AACxB,MAAY,WACb,EAAE,QAAQ,aACZ,EAAE,iBAAiB,EACnB,EAAE,gBAAgB,EAClB,EAAW,QAAQ,OAAO,EAC1B,EAAW,QAAQ,OAAO;;EAO1B,GAAI;EAGyC,EAD7C,kBAAA,cAAC,GAAA,MAA4B,EAAsC,CACtB"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.js

@@ -1,2 +1,39 @@
-import{ChevronDown as n}from"@atom-learning/icons";import{Trigger as a}from"@radix-ui/react-collapsible";import{Link as m}from"@radix-ui/react-navigation-menu";import e from"react";import{Icon as s}from"../icon/Icon.js";import{styled as t}from"../../styled.js";import{navigationMenuVerticalItemStyles as l}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalAccordionContext as c}from"./NavigationMenuVerticalAccordion.js";import{NavigationMenuVerticalItemContent as f}from"./NavigationMenuVerticalItemContent.js";const p=t(a,{base:l,variants:{size:{md:["min-h-10"],lg:["min-h-12"]}}}),g=t(s,{base:["transition-transform","duration-300","[[data-state=open]>&]:rotate-180"]}),u=({children:r,...o})=>{const{setTriggerRef:i}=e.useContext(c);return e.createElement(m,{asChild:!0},e.createElement(p,{size:"lg",...o,asChild:!0},e.createElement("button",{type:"button",className:"flex items-center justify-between gap-3",ref:i},e.createElement(f,null,r),e.createElement(g,{size:"sm",is:n}))))};export{u as NavigationMenuVerticalAccordionTrigger};
-//# sourceMappingURL=NavigationMenuVerticalAccordionTrigger.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { NavigationMenuVerticalAccordionContext as n } from "./NavigationMenuVerticalAccordion.js";
+import { navigationMenuVerticalItemStyles as r } from "./NavigationMenuVertical.styles.js";
+import { NavigationMenuVerticalItemContent as i } from "./NavigationMenuVerticalItemContent.js";
+import a from "react";
+import { ChevronDown as o } from "@atom-learning/icons";
+import { Trigger as s } from "@radix-ui/react-collapsible";
+import { Link as c } from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx
+var l = e(s, {
+	base: r,
+	variants: { size: {
+		md: ["min-h-10"],
+		lg: ["min-h-12"]
+	} }
+}), u = e(t, { base: [
+	"transition-transform",
+	"duration-300",
+	"[[data-state=open]>&]:rotate-180"
+] }), d = ({ children: e, ...t }) => {
+	let { setTriggerRef: r } = a.useContext(n);
+	return /* @__PURE__ */ a.createElement(c, { asChild: !0 }, /* @__PURE__ */ a.createElement(l, {
+		size: "lg",
+		...t,
+		asChild: !0
+	}, /* @__PURE__ */ a.createElement("button", {
+		type: "button",
+		className: "flex items-center justify-between gap-3",
+		ref: r
+	}, /* @__PURE__ */ a.createElement(i, null, e), /* @__PURE__ */ a.createElement(u, {
+		size: "sm",
+		is: o
+	}))));
+};
+//#endregion
+export { d as NavigationMenuVerticalAccordionTrigger };
+
+//# sourceMappingURL=NavigationMenuVerticalAccordionTrigger.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(Trigger, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\nconst StyledIcon = styled(Icon, {\n  base: [\n    'transition-transform',\n    'duration-300',\n    '[[data-state=open]>&]:rotate-180'\n  ]\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <button\n          type=\"button\"\n          className=\"flex items-center justify-between gap-3\"\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </button>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalAccordionTrigger","styled","Trigger","navigationMenuVerticalItemStyles","StyledIcon","Icon","NavigationMenuVerticalAccordionTrigger","children","rest","setTriggerRef","React","NavigationMenuVerticalAccordionContext","Link","NavigationMenuVerticalItemContent","ChevronDown"],"mappings":"ohBAYA,MAAMA,EAA+CC,EAAOC,EAAS,CACnE,KAAMC,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,UAAU,CACjB,CACF,CACF,CAAC,EAEKC,EAAaH,EAAOI,EAAM,CAC9B,KAAM,CACJ,uBACA,eACA,kCACF,CACF,CAAC,EAMYC,EAAyC,CAAC,CACrD,SAAAC,EACA,GAAGC,CACL,IAA4C,CAC1C,KAAM,CAAE,cAAAC,CAAc,EAAIC,EAAM,WAC9BC,CACF,EAEA,OACED,EAAA,cAACE,EAAA,CAAK,QAAO,EACXF,EAAAA,EAAA,cAACV,EAAA,CAA6C,KAAK,KAAM,GAAGQ,EAAM,QAAO,EAAA,EACvEE,EAAA,cAAC,SACC,CAAA,KAAK,SACL,UAAU,0CACV,IAAKD,GAELC,EAAA,cAACG,EAAA,KACEN,CACH,EACAG,EAAA,cAACN,EAAA,CAAW,KAAK,KAAK,GAAIU,CAAAA,CAAa,CACzC,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalAccordionTrigger.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalAccordionTrigger.tsx"],"sourcesContent":["import { ChevronDown } from '@atom-learning/icons'\nimport { Trigger } from '@radix-ui/react-collapsible'\nimport { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalAccordionContext } from './NavigationMenuVerticalAccordion'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalAccordionTrigger = styled(Trigger, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\nconst StyledIcon = styled(Icon, {\n  base: [\n    'transition-transform',\n    'duration-300',\n    '[[data-state=open]>&]:rotate-180'\n  ]\n})\n\ntype TNavigationMenuAccordionTriggerProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalAccordionTrigger\n>\n\nexport const NavigationMenuVerticalAccordionTrigger = ({\n  children,\n  ...rest\n}: TNavigationMenuAccordionTriggerProps) => {\n  const { setTriggerRef } = React.useContext(\n    NavigationMenuVerticalAccordionContext\n  )\n\n  return (\n    <Link asChild>\n      <StyledNavigationMenuVerticalAccordionTrigger size=\"lg\" {...rest} asChild>\n        <button\n          type=\"button\"\n          className=\"flex items-center justify-between gap-3\"\n          ref={setTriggerRef}\n        >\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n          <StyledIcon size=\"sm\" is={ChevronDown} />\n        </button>\n      </StyledNavigationMenuVerticalAccordionTrigger>\n    </Link>\n  )\n}\n"],"mappings":";;;;;;;;;;AAYA,IAAM,IAA+C,EAAO,GAAS;CACnE,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC,EAEI,IAAa,EAAO,GAAM,EAC9B,MAAM;CACJ;CACA;CACA;CACD,EACF,CAAC,EAMW,KAA0C,EACrD,aACA,GAAG,QACuC;CAC1C,IAAM,EAAE,qBAAkB,EAAM,WAC9B,EACD;AAED,QACE,kBAAA,cAAC,GAAD,EAAM,SAAA,IAaC,EAZL,kBAAA,cAAC,GAAD;EAA8C,MAAK;EAAK,GAAI;EAAM,SAAA;EAWnB,EAV7C,kBAAA,cAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,KAAK;EAME,EAJP,kBAAA,cAAC,GAAA,MACE,EACiC,EACpC,kBAAA,cAAC,GAAD;EAAY,MAAK;EAAK,IAAI;EAAe,CAAA,CAClC,CACoC,CAC1C"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.js

@@ -1,2 +1,12 @@
-import*as e from"react";import{Icon as o}from"../icon/Icon.js";import{styled as r}from"../../styled.js";const a=r(o,{base:["self-start"]}),m=t=>e.createElement(a,{size:"md",...t});export{m as NavigationMenuVerticalIcon};
-//# sourceMappingURL=NavigationMenuVerticalIcon.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import * as n from "react";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx
+var r = e(t, { base: ["self-start"] }), i = (e) => /* @__PURE__ */ n.createElement(r, {
+	size: "md",
+	...e
+});
+//#endregion
+export { i as NavigationMenuVerticalIcon };
+
+//# sourceMappingURL=NavigationMenuVerticalIcon.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalIcon.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  base: ['self-start']\n})\n\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"names":["StyledNavigationMenuVerticalIcon","styled","Icon","NavigationMenuVerticalIcon","props","React"],"mappings":"wGAKA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAM,CAAC,YAAY,CACrB,CAAC,EAEYC,EACXC,GACgBC,EAAA,cAACL,EAAA,CAAiC,KAAK,KAAM,GAAGI,CAAO,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalIcon.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalIcon.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\nimport { styled } from '~/styled'\n\nconst StyledNavigationMenuVerticalIcon = styled(Icon, {\n  base: ['self-start']\n})\n\nexport const NavigationMenuVerticalIcon = (\n  props: React.ComponentProps<typeof StyledNavigationMenuVerticalIcon>\n): JSX.Element => <StyledNavigationMenuVerticalIcon size=\"md\" {...props} />\n"],"mappings":";;;;AAKA,IAAM,IAAmC,EAAO,GAAM,EACpD,MAAM,CAAC,aAAa,EACrB,CAAC,EAEW,KACX,MACgB,kBAAA,cAAC,GAAD;CAAkC,MAAK;CAAK,GAAI;CAAS,CAAA"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.js

@@ -1,2 +1,12 @@
-import{Item as e}from"@radix-ui/react-navigation-menu";import t from"clsx";import a from"react";const l=i=>a.createElement(e,{className:t("[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]","[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]","[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]"),...i});export{l as NavigationMenuVerticalItem};
-//# sourceMappingURL=NavigationMenuVerticalItem.js.map
+import e from "clsx";
+import t from "react";
+import { Item as n } from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx
+var r = (r) => /* @__PURE__ */ t.createElement(n, {
+	className: e("[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]", "[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]", "[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]"),
+	...r
+});
+//#endregion
+export { r as NavigationMenuVerticalItem };
+
+//# sourceMappingURL=NavigationMenuVerticalItem.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItem.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the `value` prop does nothing, so removing it from typescript\n */\ntype TNavigationMenuVerticalItemProps = Omit<\n  React.ComponentProps<typeof Item>,\n  'value'\n>\n\nexport const NavigationMenuVerticalItem = (\n  props: TNavigationMenuVerticalItemProps\n): JSX.Element => (\n  <Item\n    className={clsx(\n      '[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]',\n      '[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]',\n      '[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]'\n    )}\n    {...props}\n  />\n)\n"],"names":["NavigationMenuVerticalItem","props","React","Item","clsx"],"mappings":"gGAea,MAAAA,EACXC,GAEAC,EAAA,cAACC,EAAA,CACC,UAAWC,EACT,8DACA,iEACA,kEACF,EACC,GAAGH,CACN,CAAA"}
+{"version":3,"file":"NavigationMenuVerticalItem.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItem.tsx"],"sourcesContent":["import { Item } from '@radix-ui/react-navigation-menu'\nimport clsx from 'clsx'\nimport React from 'react'\n\n/*\n * (!)\n * NavigationMenu vertical behaviour was buggy so had to build the\n * opening/closing nested Content(Accordion) based on `Collapsible` instead.\n * This means that the `value` prop does nothing, so removing it from typescript\n */\ntype TNavigationMenuVerticalItemProps = Omit<\n  React.ComponentProps<typeof Item>,\n  'value'\n>\n\nexport const NavigationMenuVerticalItem = (\n  props: TNavigationMenuVerticalItemProps\n): JSX.Element => (\n  <Item\n    className={clsx(\n      '[ul_li_&]:[--navigation-menu-vertical-item-pl:--spacing(8)]',\n      '[ul_li_&_&]:[--navigation-menu-vertical-item-pl:--spacing(12)]',\n      '[ul_li_&_&_&]:[--navigation-menu-vertical-item-pl:--spacing(16)]'\n    )}\n    {...props}\n  />\n)\n"],"mappings":";;;;AAeA,IAAa,KACX,MAEA,kBAAA,cAAC,GAAD;CACE,WAAW,EACT,+DACA,kEACA,mEACD;CACD,GAAI;CACJ,CAAA"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.js

@@ -1,2 +1,14 @@
-import o from"clsx";import*as t from"react";import{Icon as a}from"../icon/Icon.js";import{NavigationMenuVerticalIcon as m}from"./NavigationMenuVerticalIcon.js";import{NavigationMenuVerticalText as l}from"./NavigationMenuVerticalText.js";const p=({children:r,className:i,...n})=>t.createElement("div",{className:o("flex","gap-2","items-center",i),...n},t.Children.map(r,e=>typeof e=="string"||typeof e=="number"?t.createElement(l,null,e):t.isValidElement(e)&&e.type===a?t.createElement(m,{...e.props}):e));export{p as NavigationMenuVerticalItemContent};
-//# sourceMappingURL=NavigationMenuVerticalItemContent.js.map
+import { Icon as e } from "../icon/Icon.js";
+import { NavigationMenuVerticalIcon as t } from "./NavigationMenuVerticalIcon.js";
+import { NavigationMenuVerticalText as n } from "./NavigationMenuVerticalText.js";
+import r from "clsx";
+import * as i from "react";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx
+var a = ({ children: a, className: o, ...s }) => /* @__PURE__ */ i.createElement("div", {
+	className: r("flex", "gap-2", "items-center", o),
+	...s
+}, i.Children.map(a, (r) => typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ i.createElement(n, null, r) : i.isValidElement(r) && r.type === e ? /* @__PURE__ */ i.createElement(t, r.props) : r));
+//#endregion
+export { a as NavigationMenuVerticalItemContent };
+
+//# sourceMappingURL=NavigationMenuVerticalItemContent.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalItemContent.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<'div'>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  className,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => (\n  <div className={clsx('flex', 'gap-2', 'items-center', className)} {...rest}>\n    {\n      React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return (\n            <NavigationMenuVerticalText>{child}</NavigationMenuVerticalText>\n          )\n        }\n        if (React.isValidElement(child) && child.type === Icon) {\n          return <NavigationMenuVerticalIcon {...child.props} />\n        }\n        return child\n      }) as React.ReactElement[]\n    }\n  </div>\n)\n"],"names":["NavigationMenuVerticalItemContent","children","className","rest","React","clsx","child","NavigationMenuVerticalText","Icon","NavigationMenuVerticalIcon"],"mappings":"6OAUa,MAAAA,EAAoC,CAAC,CAChD,SAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IACEC,EAAA,cAAC,MAAA,CAAI,UAAWC,EAAK,OAAQ,QAAS,eAAgBH,CAAS,EAAI,GAAGC,CAAAA,EAElEC,EAAM,SAAS,IAAIH,EAAWK,GACxB,OAAOA,GAAU,UAAY,OAAOA,GAAU,SAE9CF,EAAA,cAACG,EAAA,KAA4BD,CAAM,EAGnCF,EAAM,eAAeE,CAAK,GAAKA,EAAM,OAASE,EACzCJ,EAAA,cAACK,EAAA,CAA4B,GAAGH,EAAM,KAAO,CAAA,EAE/CA,CACR,CAEL"}
+{"version":3,"file":"NavigationMenuVerticalItemContent.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalItemContent.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Icon } from '~/components/icon/Icon'\n\nimport { NavigationMenuVerticalIcon } from './NavigationMenuVerticalIcon'\nimport { NavigationMenuVerticalText } from './NavigationMenuVerticalText'\n\ntype TNavigationMenuVerticalItemContentProps = React.ComponentProps<'div'>\n\nexport const NavigationMenuVerticalItemContent = ({\n  children,\n  className,\n  ...rest\n}: TNavigationMenuVerticalItemContentProps): JSX.Element => (\n  <div className={clsx('flex', 'gap-2', 'items-center', className)} {...rest}>\n    {\n      React.Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n          return (\n            <NavigationMenuVerticalText>{child}</NavigationMenuVerticalText>\n          )\n        }\n        if (React.isValidElement(child) && child.type === Icon) {\n          return <NavigationMenuVerticalIcon {...child.props} />\n        }\n        return child\n      }) as React.ReactElement[]\n    }\n  </div>\n)\n"],"mappings":";;;;;;AAUA,IAAa,KAAqC,EAChD,aACA,cACA,GAAG,QAEH,kBAAA,cAAC,OAAD;CAAK,WAAW,EAAK,QAAQ,SAAS,gBAAgB,EAAU;CAAE,GAAI;CAchE,EAZF,EAAM,SAAS,IAAI,IAAW,MACxB,OAAO,KAAU,YAAY,OAAO,KAAU,WAE9C,kBAAA,cAAC,GAAA,MAA4B,EAAmC,GAGhE,EAAM,eAAe,EAAM,IAAI,EAAM,SAAS,IACzC,kBAAA,cAAC,GAA+B,EAAM,MAAS,GAEjD,EACP,CAEA"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js

@@ -1,2 +1,30 @@
-import{Link as a}from"@radix-ui/react-navigation-menu";import t from"react";import{styled as l}from"../../styled.js";import{preventEvent as c}from"../../utilities/event/preventEvent.js";import{getExternalAnchorProps as p}from"../../utilities/uri/index.js";import{navigationMenuVerticalItemStyles as s}from"./NavigationMenuVertical.styles.js";import{NavigationMenuVerticalItem as f}from"./NavigationMenuVerticalItem.js";import{NavigationMenuVerticalItemContent as u}from"./NavigationMenuVerticalItemContent.js";const v=l(a,{base:s,variants:{size:{md:["min-h-10"],lg:["min-h-12"]}}}),g=({as:r,href:e,children:n,...o})=>{const i=r||(e?"a":"button"),m=r?{}:e?p(e):{type:"button"};return t.createElement(f,null,t.createElement(v,{size:"lg",href:e,...o,...m,onSelect:c,asChild:!0},t.createElement(i,null,t.createElement(u,null,n))))};export{g as NavigationMenuVerticalLink};
-//# sourceMappingURL=NavigationMenuVerticalLink.js.map
+import { styled as e } from "../../styled.js";
+import { getExternalAnchorProps as t } from "../../utilities/uri/index.js";
+import { preventEvent as n } from "../../utilities/event/preventEvent.js";
+import { NavigationMenuVerticalItem as r } from "./NavigationMenuVerticalItem.js";
+import { navigationMenuVerticalItemStyles as i } from "./NavigationMenuVertical.styles.js";
+import { NavigationMenuVerticalItemContent as a } from "./NavigationMenuVerticalItemContent.js";
+import o from "react";
+import { Link as s } from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx
+var c = e(s, {
+	base: i,
+	variants: { size: {
+		md: ["min-h-10"],
+		lg: ["min-h-12"]
+	} }
+}), l = ({ as: e, href: i, children: s, ...l }) => {
+	let u = e || (i ? "a" : "button"), d = e ? {} : i ? t(i) : { type: "button" };
+	return /* @__PURE__ */ o.createElement(r, null, /* @__PURE__ */ o.createElement(c, {
+		size: "lg",
+		href: i,
+		...l,
+		...d,
+		onSelect: n,
+		asChild: !0
+	}, /* @__PURE__ */ o.createElement(u, null, /* @__PURE__ */ o.createElement(a, null, s))));
+};
+//#endregion
+export { l as NavigationMenuVerticalLink };
+
+//# sourceMappingURL=NavigationMenuVerticalLink.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalLink.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(Link, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n>\n\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = (as || (href ? 'a' : 'button')) as React.ElementType\n  const componentProps = as\n    ? {}\n    : href\n      ? getExternalAnchorProps(href)\n      : { type: 'button' }\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"names":["StyledNavigationMenuVerticalLink","styled","Link","navigationMenuVerticalItemStyles","NavigationMenuVerticalLink","as","href","children","rest","Component","componentProps","getExternalAnchorProps","React","NavigationMenuVerticalItem","preventEvent","NavigationMenuVerticalItemContent"],"mappings":"8fAWA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAMC,EACN,SAAU,CACR,KAAM,CACJ,GAAI,CAAC,UAAU,EACf,GAAI,CAAC,UAAU,CACjB,CACF,CACF,CAAC,EAMYC,EAA6B,CAAC,CACzC,GAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAuC,CACrC,MAAMC,EAAaJ,IAAOC,EAAO,IAAM,UACjCI,EAAiBL,EACnB,CAAC,EACDC,EACEK,EAAuBL,CAAI,EAC3B,CAAE,KAAM,QAAS,EAEvB,OACEM,EAAA,cAACC,EAAA,KACCD,EAAA,cAACZ,EAAA,CACC,KAAK,KACL,KAAMM,EACL,GAAGE,EACH,GAAGE,EACJ,SAAUI,EACV,QAAO,EAAA,EAEPF,EAAA,cAACH,EAAA,KACCG,EAAA,cAACG,EAAA,KACER,CACH,CACF,CACF,CACF,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalLink.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalLink.tsx"],"sourcesContent":["import { Link } from '@radix-ui/react-navigation-menu'\nimport React from 'react'\n\nimport { styled } from '~/styled'\nimport { preventEvent } from '~/utilities/event/preventEvent'\nimport { getExternalAnchorProps } from '~/utilities/uri'\n\nimport { navigationMenuVerticalItemStyles } from './NavigationMenuVertical.styles'\nimport { NavigationMenuVerticalItem } from './NavigationMenuVerticalItem'\nimport { NavigationMenuVerticalItemContent } from './NavigationMenuVerticalItemContent'\n\nconst StyledNavigationMenuVerticalLink = styled(Link, {\n  base: navigationMenuVerticalItemStyles,\n  variants: {\n    size: {\n      md: ['min-h-10'],\n      lg: ['min-h-12']\n    }\n  }\n})\n\ntype NavigationMenuVerticalItemProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalLink\n>\n\nexport const NavigationMenuVerticalLink = ({\n  as,\n  href,\n  children,\n  ...rest\n}: NavigationMenuVerticalItemProps) => {\n  const Component = (as || (href ? 'a' : 'button')) as React.ElementType\n  const componentProps = as\n    ? {}\n    : href\n      ? getExternalAnchorProps(href)\n      : { type: 'button' }\n\n  return (\n    <NavigationMenuVerticalItem>\n      <StyledNavigationMenuVerticalLink\n        size=\"lg\"\n        href={href}\n        {...rest}\n        {...componentProps}\n        onSelect={preventEvent}\n        asChild // ?: Can't use `as` for this as we lose `data-active` etc. attributes when we try to. Using `asChild` and `Component` as a workaround.\n      >\n        <Component>\n          <NavigationMenuVerticalItemContent>\n            {children}\n          </NavigationMenuVerticalItemContent>\n        </Component>\n      </StyledNavigationMenuVerticalLink>\n    </NavigationMenuVerticalItem>\n  )\n}\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAmC,EAAO,GAAM;CACpD,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI,CAAC,WAAW;EAChB,IAAI,CAAC,WAAW;EACjB,EACF;CACF,CAAC,EAMW,KAA8B,EACzC,OACA,SACA,aACA,GAAG,QACkC;CACrC,IAAM,IAAa,MAAO,IAAO,MAAM,WACjC,IAAiB,IACnB,EAAE,GACF,IACE,EAAuB,EAAK,GAC5B,EAAE,MAAM,UAAU;AAExB,QACE,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAD;EACE,MAAK;EACC;EACN,GAAI;EACJ,GAAI;EACJ,UAAU;EACV,SAAA;EAOiC,EALjC,kBAAA,cAAC,GAAA,MACC,kBAAA,cAAC,GAAA,MACE,EACiC,CAC1B,CACqB,CACR"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.js

@@ -1,2 +1,7 @@
-import{List as t}from"@radix-ui/react-navigation-menu";import{styled as i}from"../../styled.js";const o=i(t,{base:["[--navigation-menu-vertical-item-pl:--spacing(4)]","*:not-first:mt-0.5"]}),n=o;export{n as NavigationMenuVerticalList};
-//# sourceMappingURL=NavigationMenuVerticalList.js.map
+import { styled as e } from "../../styled.js";
+import { List as t } from "@radix-ui/react-navigation-menu";
+var n = e(t, { base: ["[--navigation-menu-vertical-item-pl:--spacing(4)]", "*:not-first:mt-0.5"] });
+//#endregion
+export { n as NavigationMenuVerticalList };
+
+//# sourceMappingURL=NavigationMenuVerticalList.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalList.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalList.tsx"],"sourcesContent":["import { List } from '@radix-ui/react-navigation-menu'\n\nimport { styled } from '~/styled'\n\nconst StyledList = styled(List, {\n  base: [\n    '[--navigation-menu-vertical-item-pl:--spacing(4)]',\n    '*:not-first:mt-0.5'\n  ]\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"names":["StyledList","styled","List","NavigationMenuVerticalList"],"mappings":"gGAIA,MAAMA,EAAaC,EAAOC,EAAM,CAC9B,KAAM,CACJ,oDACA,oBACF,CACF,CAAC,EAEYC,EAA6BH"}
+{"version":3,"file":"NavigationMenuVerticalList.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalList.tsx"],"sourcesContent":["import { List } from '@radix-ui/react-navigation-menu'\n\nimport { styled } from '~/styled'\n\nconst StyledList = styled(List, {\n  base: [\n    '[--navigation-menu-vertical-item-pl:--spacing(4)]',\n    '*:not-first:mt-0.5'\n  ]\n})\n\nexport const NavigationMenuVerticalList = StyledList\n"],"mappings":";;AAWA,IAAa,IAPM,EAAO,GAAM,EAC9B,MAAM,CACJ,qDACA,qBACD,EACF,CAAC"}

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js

@@ -1,2 +1,32 @@
-import a from"react";import{Text as o}from"../text/Text.js";import{styled as i}from"../../styled.js";import{useSidebarState as n}from"../side-bar/SideBarContext.js";const s=i(o,{base:["font-(--navigation-menu-vertical-item-font-weight)","w-max","max-w-40","text-left","motion-safe:duration-125","motion-safe:ease-out","motion-safe:transition-[opacity,translate]"],variants:{isExpanded:{true:["opacity-100","motion-safe:translate-0"],false:["opacity-0","motion-safe:translate-x-2"]}}}),r=t=>{const{isExpanded:e}=n();return a.createElement(s,{size:"md",as:"span",...t,isExpanded:e})};export{r as NavigationMenuVerticalText};
-//# sourceMappingURL=NavigationMenuVerticalText.js.map
+import { styled as e } from "../../styled.js";
+import { Text as t } from "../text/Text.js";
+import { useSidebarState as n } from "../side-bar/SideBarContext.js";
+import r from "react";
+//#region src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx
+var i = e(t, {
+	base: [
+		"font-(--navigation-menu-vertical-item-font-weight)",
+		"w-max",
+		"max-w-40",
+		"text-left",
+		"motion-safe:duration-125",
+		"motion-safe:ease-out",
+		"motion-safe:transition-[opacity,translate]"
+	],
+	variants: { isExpanded: {
+		true: ["opacity-100", "motion-safe:translate-0"],
+		false: ["opacity-0", "motion-safe:translate-x-2"]
+	} }
+}), a = (e) => {
+	let { isExpanded: t } = n();
+	return /* @__PURE__ */ r.createElement(i, {
+		size: "md",
+		as: "span",
+		...e,
+		isExpanded: t
+	});
+};
+//#endregion
+export { a as NavigationMenuVerticalText };
+
+//# sourceMappingURL=NavigationMenuVerticalText.js.map

package/dist/components/navigation-menu-vertical/NavigationMenuVerticalText.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationMenuVerticalText.js","sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { useSidebarState } from '../side-bar/SideBarContext'\n\nconst StyledNavigationMenuVerticalText = styled(Text, {\n  base: [\n    'font-(--navigation-menu-vertical-item-font-weight)',\n    'w-max',\n    'max-w-40',\n    'text-left',\n    'motion-safe:duration-125',\n    'motion-safe:ease-out',\n    'motion-safe:transition-[opacity,translate]'\n  ],\n  variants: {\n    isExpanded: {\n      true: ['opacity-100', 'motion-safe:translate-0'],\n      false: ['opacity-0', 'motion-safe:translate-x-2']\n    }\n  }\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  const { isExpanded } = useSidebarState()\n\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"names":["StyledNavigationMenuVerticalText","styled","Text","NavigationMenuVerticalText","props","isExpanded","useSidebarState","React"],"mappings":"qKAOA,MAAMA,EAAmCC,EAAOC,EAAM,CACpD,KAAM,CACJ,qDACA,QACA,WACA,YACA,2BACA,uBACA,4CACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,cAAe,yBAAyB,EAC/C,MAAO,CAAC,YAAa,2BAA2B,CAClD,CACF,CACF,CAAC,EAMYC,EACXC,GACgB,CAChB,KAAM,CAAE,WAAAC,CAAW,EAAIC,IAEvB,OACEC,EAAA,cAACP,EAAA,CACC,KAAK,KACL,GAAG,OACF,GAAGI,EACJ,WAAYC,EACd,CAEJ"}
+{"version":3,"file":"NavigationMenuVerticalText.js","names":[],"sources":["../../../src/components/navigation-menu-vertical/NavigationMenuVerticalText.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Text } from '~/components/text/Text'\nimport { styled } from '~/styled'\n\nimport { useSidebarState } from '../side-bar/SideBarContext'\n\nconst StyledNavigationMenuVerticalText = styled(Text, {\n  base: [\n    'font-(--navigation-menu-vertical-item-font-weight)',\n    'w-max',\n    'max-w-40',\n    'text-left',\n    'motion-safe:duration-125',\n    'motion-safe:ease-out',\n    'motion-safe:transition-[opacity,translate]'\n  ],\n  variants: {\n    isExpanded: {\n      true: ['opacity-100', 'motion-safe:translate-0'],\n      false: ['opacity-0', 'motion-safe:translate-x-2']\n    }\n  }\n})\n\ntype TStyledNavigationMenuVerticalTextProps = React.ComponentProps<\n  typeof StyledNavigationMenuVerticalText\n>\n\nexport const NavigationMenuVerticalText = (\n  props: TStyledNavigationMenuVerticalTextProps\n): JSX.Element => {\n  const { isExpanded } = useSidebarState()\n\n  return (\n    <StyledNavigationMenuVerticalText\n      size=\"md\"\n      as=\"span\"\n      {...props}\n      isExpanded={isExpanded}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,IAAM,IAAmC,EAAO,GAAM;CACpD,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,UAAU,EACR,YAAY;EACV,MAAM,CAAC,eAAe,0BAA0B;EAChD,OAAO,CAAC,aAAa,4BAA4B;EAClD,EACF;CACF,CAAC,EAMW,KACX,MACgB;CAChB,IAAM,EAAE,kBAAe,GAAiB;AAExC,QACE,kBAAA,cAAC,GAAD;EACE,MAAK;EACL,IAAG;EACH,GAAI;EACQ;EACZ,CAAA"}

package/dist/components/notification-badge/NotificationBadge.js

@@ -1,2 +1,32 @@
-import e from"react";import{styled as a}from"../../styled.js";import{Badge as m}from"../badge/Badge.js";import{Icon as n}from"../icon/Icon.js";const s=a("div",{base:["relative"]}),d=a(m,{base:["font-body","text-sm","flex-row","justify-center","absolute","top-0","right-0","translate-x-3","-translate-y-1/2","rounded-full","h-6","min-w-6","text-center"]}),c=({value:t,emphasis:o="bold",theme:i="primary",icon:r,children:l})=>e.createElement(s,null,!!t&&e.createElement(d,{role:"status",emphasis:o,theme:i},r&&e.createElement(n,{is:r,role:"img","aria-hidden":"false"}),t),l);export{c as NotificationBadge};
-//# sourceMappingURL=NotificationBadge.js.map
+import { styled as e } from "../../styled.js";
+import { Icon as t } from "../icon/Icon.js";
+import { Badge as n } from "../badge/Badge.js";
+import r from "react";
+//#region src/components/notification-badge/NotificationBadge.tsx
+var i = e("div", { base: ["relative"] }), a = e(n, { base: [
+	"font-body",
+	"text-sm",
+	"flex-row",
+	"justify-center",
+	"absolute",
+	"top-0",
+	"right-0",
+	"translate-x-3",
+	"-translate-y-1/2",
+	"rounded-full",
+	"h-6",
+	"min-w-6",
+	"text-center"
+] }), o = ({ value: e, emphasis: n = "bold", theme: o = "primary", icon: s, children: c }) => /* @__PURE__ */ r.createElement(i, null, !!e && /* @__PURE__ */ r.createElement(a, {
+	role: "status",
+	emphasis: n,
+	theme: o
+}, s && /* @__PURE__ */ r.createElement(t, {
+	is: s,
+	role: "img",
+	"aria-hidden": "false"
+}), e), c);
+//#endregion
+export { o as NotificationBadge };
+
+//# sourceMappingURL=NotificationBadge.js.map

package/dist/components/notification-badge/NotificationBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.js","sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\n\nconst StyledWrapper = styled('div', {\n  base: ['relative']\n})\n\nconst StyledBadge = styled(Badge, {\n  base: [\n    'font-body',\n    'text-sm',\n    'flex-row',\n    'justify-center',\n    'absolute',\n    'top-0',\n    'right-0',\n    'translate-x-3',\n    '-translate-y-1/2',\n    'rounded-full',\n    'h-6',\n    'min-w-6',\n    'text-center'\n  ]\n})\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <StyledBadge role=\"status\" emphasis={emphasis} theme={theme}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </StyledBadge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"names":["StyledWrapper","styled","StyledBadge","Badge","NotificationBadge","value","emphasis","theme","icon","children","React","Icon"],"mappings":"+IAOA,MAAMA,EAAgBC,EAAO,MAAO,CAClC,KAAM,CAAC,UAAU,CACnB,CAAC,EAEKC,EAAcD,EAAOE,EAAO,CAChC,KAAM,CACJ,YACA,UACA,WACA,iBACA,WACA,QACA,UACA,gBACA,mBACA,eACA,MACA,UACA,aACF,CACF,CAAC,EAWYC,EAAoB,CAAC,CAChC,MAAAC,EACA,SAAAC,EAAW,OACX,MAAAC,EAAQ,UACR,KAAAC,EACA,SAAAC,CACF,IACEC,EAAA,cAACV,EAAA,KACE,CAAC,CAACK,GACDK,EAAA,cAACR,EAAA,CAAY,KAAK,SAAS,SAAUI,EAAU,MAAOC,CAAAA,EACnDC,GAAQE,EAAA,cAACC,EAAA,CAAK,GAAIH,EAAM,KAAK,MAAM,cAAY,OAAQ,CAAA,EACvDH,CACH,EAEDI,CACH"}
+{"version":3,"file":"NotificationBadge.js","names":[],"sources":["../../../src/components/notification-badge/NotificationBadge.tsx"],"sourcesContent":["import React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { Badge } from '../badge/Badge'\nimport { Icon } from '../icon/Icon'\n\nconst StyledWrapper = styled('div', {\n  base: ['relative']\n})\n\nconst StyledBadge = styled(Badge, {\n  base: [\n    'font-body',\n    'text-sm',\n    'flex-row',\n    'justify-center',\n    'absolute',\n    'top-0',\n    'right-0',\n    'translate-x-3',\n    '-translate-y-1/2',\n    'rounded-full',\n    'h-6',\n    'min-w-6',\n    'text-center'\n  ]\n})\n\ntype BadgeProps = React.ComponentProps<typeof Badge>\n\ntype NotificationBadgeProps = {\n  value: number | string\n  emphasis?: BadgeProps['emphasis']\n  theme?: BadgeProps['theme']\n  icon?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nexport const NotificationBadge = ({\n  value,\n  emphasis = 'bold',\n  theme = 'primary',\n  icon,\n  children\n}: React.PropsWithChildren<NotificationBadgeProps>) => (\n  <StyledWrapper>\n    {!!value && (\n      <StyledBadge role=\"status\" emphasis={emphasis} theme={theme}>\n        {icon && <Icon is={icon} role=\"img\" aria-hidden=\"false\" />}\n        {value}\n      </StyledBadge>\n    )}\n    {children}\n  </StyledWrapper>\n)\n"],"mappings":";;;;;AAOA,IAAM,IAAgB,EAAO,OAAO,EAClC,MAAM,CAAC,WAAW,EACnB,CAAC,EAEI,IAAc,EAAO,GAAO,EAChC,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAWW,KAAqB,EAChC,UACA,cAAW,QACX,WAAQ,WACR,SACA,kBAEA,kBAAA,cAAC,GAAA,MACE,CAAC,CAAC,KACD,kBAAA,cAAC,GAAD;CAAa,MAAK;CAAmB;CAAiB;CAGxC,EAFX,KAAQ,kBAAA,cAAC,GAAD;CAAM,IAAI;CAAM,MAAK;CAAM,eAAY;CAAU,CAAA,EACzD,EACW,EAEf,EACa"}

package/dist/components/number-input/NumberInput.js

@@ -1,2 +1,134 @@
-import{Minus as q,Plus as G}from"@atom-learning/icons";import y from"clsx";import*as a from"react";import{styled as O}from"../../styled.js";import{getFieldIconSize as P}from"../../utilities/style/get-icon-size.js";import{Input as U}from"../input/Input.js";import{NumberInputStepper as _}from"./NumberInputStepper.js";const j=O("div",{base:["flex"],variants:{appearance:{standard:[],modern:["gap-px"]},emphasis:{bold:["gap-0"]}}}),T=a.forwardRef(({value:p,defaultValue:z=0,onValueChange:w,min:r=0,max:o=Number.MAX_SAFE_INTEGER,step:c=1,disabled:d=!1,readonly:u=!1,size:N="md",stepperButtonLabels:M,disabledTooltipContent:D,className:R,appearance:m="standard",emphasis:l,...S},F)=>{const[n,E]=a.useState(p||z);a.useEffect(()=>{typeof p<"u"&&E(p)},[p]);const s=a.useRef(null);a.useImperativeHandle(F,()=>s.current);const g=a.useMemo(()=>P(N),[N]),k={increment:"increment",decrement:"decrement",...M},x={decrement:`Cannot enter values below ${r}`,increment:`Cannot enter values above ${o}`,...D},b=n>=o,f=n<=r,v=a.useCallback(e=>Math.min(Math.max(e,r),o),[o,r]),t=a.useCallback(e=>{w==null||w(e),E(e)},[w]),V=a.useCallback(e=>{const i=Number(e.target.value.replace(/\D/g,""));t(i)},[t]),h=a.useCallback(()=>{var e;if(b||u)return;(e=s==null?void 0:s.current)==null||e.focus();const i=Number(n)+c;t(v(i))},[v,b,u,c,t,n]),C=a.useCallback(()=>{var e;if(f||u)return;(e=s==null?void 0:s.current)==null||e.focus();const i=Number(n)-c;t(v(i))},[v,f,u,r,c,t,n]),B=a.useCallback(e=>{if(e.nativeEvent.isComposing)return;const i=e.key,I={ArrowUp:h,ArrowRight:h,ArrowDown:C,ArrowLeft:C,Home:()=>t(r),End:()=>t(o)}[i];I&&(e.preventDefault(),I(e))},[h,C,t,r,o]),A=n<r||n>o,{state:H,"aria-invalid":K,...L}=S,X={type:"number",value:n,...L,onChange:V,onKeyDown:B,size:N,appearance:m,state:H||(A?"error":void 0),"aria-invalid":K||A||void 0,className:y("rounded-none","w-16","[&_>_input]:text-center","disabled:opacity-30","disabled:pointer-events-none",l==="bold"&&["rounded-1","[&_>_input[aria-invalid=true]]:text-danger","focus-within:[&_>_input]:text-grey-1000"],l==="bold"&&m==="standard"&&["border-none","[&:has([aria-invalid=true])]:border-2","[&:has([aria-invalid=true])]:border-danger","focus-within:border-2","focus-within:border-blue-800"]),ref:s,readOnly:u,disabled:d,"aria-valuemin":r,"aria-valuemax":o,"aria-valuenow":n,role:"spinbutton"};return a.createElement(j,{appearance:m,emphasis:l,className:R},a.createElement(_,{onClick:C,icon:q,className:y(l!=="bold"&&"border-r-none rounded-r-none"),size:g,fieldAppearance:m,emphasis:l,disabled:f||d,showTooltip:f&&!d,disabledTooltipContent:x.decrement,label:k.decrement}),a.createElement(U,{...X}),a.createElement(_,{onClick:h,icon:G,className:y(l!=="bold"&&"border-l-none rounded-l-none"),size:g,fieldAppearance:m,emphasis:l,disabled:b||d,showTooltip:b&&!d,disabledTooltipContent:x.increment,label:k.increment}))});T.displayName="NumberInput";export{T as NumberInput};
-//# sourceMappingURL=NumberInput.js.map
+import { styled as e } from "../../styled.js";
+import { Input as t } from "../input/Input.js";
+import { getFieldIconSize as n } from "../../utilities/style/get-icon-size.js";
+import { NumberInputStepper as r } from "./NumberInputStepper.js";
+import i from "clsx";
+import * as a from "react";
+import { Minus as o, Plus as s } from "@atom-learning/icons";
+//#region src/components/number-input/NumberInput.tsx
+var c = e("div", {
+	base: ["flex"],
+	variants: {
+		appearance: {
+			standard: [],
+			modern: ["gap-px"]
+		},
+		emphasis: { bold: ["gap-0"] }
+	}
+}), l = a.forwardRef(({ value: e, defaultValue: l = 0, onValueChange: u, min: d = 0, max: f = 2 ** 53 - 1, step: p = 1, disabled: m = !1, readonly: h = !1, size: g = "md", stepperButtonLabels: _, disabledTooltipContent: v, className: y, appearance: b = "standard", emphasis: x, ...S }, C) => {
+	let [w, T] = a.useState(e || l);
+	a.useEffect(() => {
+		e !== void 0 && T(e);
+	}, [e]);
+	let E = a.useRef(null);
+	a.useImperativeHandle(C, () => E.current);
+	let D = a.useMemo(() => n(g), [g]), O = {
+		increment: "increment",
+		decrement: "decrement",
+		..._
+	}, k = {
+		decrement: `Cannot enter values below ${d}`,
+		increment: `Cannot enter values above ${f}`,
+		...v
+	}, A = w >= f, j = w <= d, M = a.useCallback((e) => Math.min(Math.max(e, d), f), [f, d]), N = a.useCallback((e) => {
+		u?.(e), T(e);
+	}, [u]), P = a.useCallback((e) => {
+		N(Number(e.target.value.replace(/\D/g, "")));
+	}, [N]), F = a.useCallback(() => {
+		A || h || (E?.current?.focus(), N(M(Number(w) + p)));
+	}, [
+		M,
+		A,
+		h,
+		p,
+		N,
+		w
+	]), I = a.useCallback(() => {
+		j || h || (E?.current?.focus(), N(M(Number(w) - p)));
+	}, [
+		M,
+		j,
+		h,
+		d,
+		p,
+		N,
+		w
+	]), L = a.useCallback((e) => {
+		if (e.nativeEvent.isComposing) return;
+		let t = e.key, n = {
+			ArrowUp: F,
+			ArrowRight: F,
+			ArrowDown: I,
+			ArrowLeft: I,
+			Home: () => N(d),
+			End: () => N(f)
+		}[t];
+		n && (e.preventDefault(), n(e));
+	}, [
+		F,
+		I,
+		N,
+		d,
+		f
+	]), R = w < d || w > f, { state: z, "aria-invalid": B, ...V } = S, H = {
+		type: "number",
+		value: w,
+		...V,
+		onChange: P,
+		onKeyDown: L,
+		size: g,
+		appearance: b,
+		state: z || (R ? "error" : void 0),
+		"aria-invalid": B || R || void 0,
+		className: i("rounded-none", "w-16", "[&_>_input]:text-center", "disabled:opacity-30", "disabled:pointer-events-none", x === "bold" && [
+			"rounded-1",
+			"[&_>_input[aria-invalid=true]]:text-danger",
+			"focus-within:[&_>_input]:text-grey-1000"
+		], x === "bold" && b === "standard" && [
+			"border-none",
+			"[&:has([aria-invalid=true])]:border-2",
+			"[&:has([aria-invalid=true])]:border-danger",
+			"focus-within:border-2",
+			"focus-within:border-blue-800"
+		]),
+		ref: E,
+		readOnly: h,
+		disabled: m,
+		"aria-valuemin": d,
+		"aria-valuemax": f,
+		"aria-valuenow": w,
+		role: "spinbutton"
+	};
+	return /* @__PURE__ */ a.createElement(c, {
+		appearance: b,
+		emphasis: x,
+		className: y
+	}, /* @__PURE__ */ a.createElement(r, {
+		onClick: I,
+		icon: o,
+		className: i(x !== "bold" && "border-r-none rounded-r-none"),
+		size: D,
+		fieldAppearance: b,
+		emphasis: x,
+		disabled: j || m,
+		showTooltip: j && !m,
+		disabledTooltipContent: k.decrement,
+		label: O.decrement
+	}), /* @__PURE__ */ a.createElement(t, H), /* @__PURE__ */ a.createElement(r, {
+		onClick: F,
+		icon: s,
+		className: i(x !== "bold" && "border-l-none rounded-l-none"),
+		size: D,
+		fieldAppearance: b,
+		emphasis: x,
+		disabled: A || m,
+		showTooltip: A && !m,
+		disabledTooltipContent: k.increment,
+		label: O.increment
+	}));
+});
+l.displayName = "NumberInput";
+//#endregion
+export { l as NumberInput };
+
+//# sourceMappingURL=NumberInput.js.map

package/dist/components/number-input/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import { Minus, Plus } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { getFieldIconSize } from '~/utilities/style/get-icon-size'\n\nimport { Input } from '../input/Input'\nimport { NumberInputStepper } from './NumberInputStepper'\n\nexport interface NumberInputProps {\n  name: string\n  min?: number\n  max?: number\n  step?: number\n  value?: number\n  defaultValue?: number\n  disabled?: boolean\n  readonly?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  appearance?: 'standard' | 'modern'\n  emphasis?: 'bold'\n  onValueChange?: (value: number) => void\n  stepperButtonLabels?: { increment?: string; decrement?: string }\n  disabledTooltipContent?: { increment?: string; decrement?: string }\n  className?: string\n}\n\nconst NumberInputContainer = styled('div', {\n  base: ['flex'],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: ['gap-px']\n    },\n    emphasis: {\n      bold: ['gap-0']\n    }\n  }\n})\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onValueChange,\n      min = 0,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      disabled: isDisabled = false,\n      readonly: isReadOnly = false,\n      size = 'md',\n      stepperButtonLabels: stepperButtonLabelsProp,\n      disabledTooltipContent: disabledTooltipContentProp,\n      className,\n      appearance = 'standard',\n      emphasis,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const [internalValue, setInternalValue] = React.useState<number>(\n      value || defaultValue\n    )\n    React.useEffect(() => {\n      // Update the internal value to match what is passed in.\n      if (typeof value !== 'undefined') setInternalValue(value)\n    }, [value])\n\n    const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n    React.useImperativeHandle(ref, () => inputRef.current as HTMLInputElement)\n\n    const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n    const stepperButtonLabels = {\n      increment: 'increment',\n      decrement: 'decrement',\n      ...stepperButtonLabelsProp\n    }\n\n    const disabledTooltipContent = {\n      decrement: `Cannot enter values below ${min}`,\n      increment: `Cannot enter values above ${max}`,\n      ...disabledTooltipContentProp\n    }\n\n    const isAtMax = internalValue >= max\n    const isAtMin = internalValue <= min\n\n    const clamp = React.useCallback(\n      (internalValue: number) => Math.min(Math.max(internalValue, min), max),\n      [max, min]\n    )\n\n    const updateValue = React.useCallback(\n      (newValue: number) => {\n        onValueChange?.(newValue)\n        setInternalValue(newValue)\n      },\n      [onValueChange]\n    )\n\n    const onInputChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const parsedValue = Number(event.target.value.replace(/\\D/g, ''))\n        updateValue(parsedValue)\n      },\n      [updateValue]\n    )\n\n    const increment = React.useCallback(() => {\n      if (isAtMax || isReadOnly) return\n      inputRef?.current?.focus()\n      const newValue = Number(internalValue) + step\n      updateValue(clamp(newValue))\n    }, [clamp, isAtMax, isReadOnly, step, updateValue, internalValue])\n\n    const decrement = React.useCallback(() => {\n      if (isAtMin || isReadOnly) return\n      inputRef?.current?.focus()\n      const newValue = Number(internalValue) - step\n      updateValue(clamp(newValue))\n    }, [clamp, isAtMin, isReadOnly, min, step, updateValue, internalValue])\n\n    const onKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.nativeEvent.isComposing) return\n\n        /**\n         * Keyboard Accessibility\n         *\n         * We want to increase or decrease the input's value\n         * based on if the user the arrow keys.\n         *\n         * @see https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-17\n         */\n        const eventKey = event.key\n\n        const keyMap: Record<string, React.KeyboardEventHandler> = {\n          ArrowUp: increment,\n          ArrowRight: increment,\n          ArrowDown: decrement,\n          ArrowLeft: decrement,\n          Home: () => updateValue(min),\n          End: () => updateValue(max)\n        }\n\n        const action = keyMap[eventKey]\n\n        if (action) {\n          event.preventDefault()\n          action(event)\n        }\n      },\n      [increment, decrement, updateValue, min, max]\n    )\n\n    const hasError = internalValue < min || internalValue > max\n    const {\n      state: externalState,\n      'aria-invalid': externalAriaInvalid,\n      ...restProps\n    } = rest as { state?: 'error'; 'aria-invalid'?: boolean } & typeof rest\n\n    const inputProps: React.ComponentProps<typeof Input> = {\n      type: 'number',\n      value: internalValue,\n      ...restProps,\n      onChange: onInputChange,\n      onKeyDown,\n      size,\n      appearance,\n      state: externalState || (hasError ? 'error' : undefined),\n      'aria-invalid': externalAriaInvalid || hasError || undefined,\n      className: clsx(\n        'rounded-none',\n        'w-16',\n        '[&_>_input]:text-center',\n        'disabled:opacity-30',\n        'disabled:pointer-events-none',\n        emphasis === 'bold' && [\n          'rounded-1',\n          '[&_>_input[aria-invalid=true]]:text-danger',\n          'focus-within:[&_>_input]:text-grey-1000'\n        ],\n        emphasis === 'bold' &&\n          appearance === 'standard' && [\n            'border-none',\n            '[&:has([aria-invalid=true])]:border-2',\n            '[&:has([aria-invalid=true])]:border-danger',\n            'focus-within:border-2',\n            'focus-within:border-blue-800'\n          ]\n      ),\n      ref: inputRef,\n      readOnly: isReadOnly,\n      disabled: isDisabled,\n      'aria-valuemin': min,\n      'aria-valuemax': max,\n      'aria-valuenow': internalValue,\n      role: 'spinbutton'\n    }\n\n    return (\n      <NumberInputContainer\n        appearance={appearance}\n        emphasis={emphasis}\n        className={className}\n      >\n        <NumberInputStepper\n          onClick={decrement}\n          icon={Minus}\n          className={clsx(\n            emphasis !== 'bold' && 'border-r-none rounded-r-none'\n          )}\n          size={iconSize}\n          fieldAppearance={appearance}\n          emphasis={emphasis}\n          disabled={isAtMin || isDisabled}\n          showTooltip={isAtMin && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.decrement}\n          label={stepperButtonLabels.decrement}\n        />\n        <Input {...inputProps} />\n        <NumberInputStepper\n          onClick={increment}\n          icon={Plus}\n          className={clsx(\n            emphasis !== 'bold' && 'border-l-none rounded-l-none'\n          )}\n          size={iconSize}\n          fieldAppearance={appearance}\n          emphasis={emphasis}\n          disabled={isAtMax || isDisabled}\n          showTooltip={isAtMax && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.increment}\n          label={stepperButtonLabels.increment}\n        />\n      </NumberInputContainer>\n    )\n  }\n)\n\nNumberInput.displayName = 'NumberInput'\n"],"names":["NumberInputContainer","styled","NumberInput","React","value","defaultValue","onValueChange","min","max","step","isDisabled","isReadOnly","size","stepperButtonLabelsProp","disabledTooltipContentProp","className","appearance","emphasis","rest","ref","internalValue","setInternalValue","inputRef","iconSize","getFieldIconSize","stepperButtonLabels","disabledTooltipContent","isAtMax","isAtMin","clamp","updateValue","newValue","onInputChange","event","parsedValue","increment","_a","decrement","onKeyDown","eventKey","action","hasError","externalState","externalAriaInvalid","restProps","inputProps","clsx","NumberInputStepper","Minus","Input","Plus"],"mappings":"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"}
+{"version":3,"file":"NumberInput.js","names":[],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import { Minus, Plus } from '@atom-learning/icons'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport { styled } from '~/styled'\nimport { getFieldIconSize } from '~/utilities/style/get-icon-size'\n\nimport { Input } from '../input/Input'\nimport { NumberInputStepper } from './NumberInputStepper'\n\nexport interface NumberInputProps {\n  name: string\n  min?: number\n  max?: number\n  step?: number\n  value?: number\n  defaultValue?: number\n  disabled?: boolean\n  readonly?: boolean\n  size?: 'sm' | 'md' | 'lg'\n  appearance?: 'standard' | 'modern'\n  emphasis?: 'bold'\n  onValueChange?: (value: number) => void\n  stepperButtonLabels?: { increment?: string; decrement?: string }\n  disabledTooltipContent?: { increment?: string; decrement?: string }\n  className?: string\n}\n\nconst NumberInputContainer = styled('div', {\n  base: ['flex'],\n  variants: {\n    appearance: {\n      standard: [],\n      modern: ['gap-px']\n    },\n    emphasis: {\n      bold: ['gap-0']\n    }\n  }\n})\n\nexport const NumberInput = React.forwardRef<HTMLInputElement, NumberInputProps>(\n  (\n    {\n      value,\n      defaultValue = 0,\n      onValueChange,\n      min = 0,\n      max = Number.MAX_SAFE_INTEGER,\n      step = 1,\n      disabled: isDisabled = false,\n      readonly: isReadOnly = false,\n      size = 'md',\n      stepperButtonLabels: stepperButtonLabelsProp,\n      disabledTooltipContent: disabledTooltipContentProp,\n      className,\n      appearance = 'standard',\n      emphasis,\n      ...rest\n    },\n    ref\n  ): JSX.Element => {\n    const [internalValue, setInternalValue] = React.useState<number>(\n      value || defaultValue\n    )\n    React.useEffect(() => {\n      // Update the internal value to match what is passed in.\n      if (typeof value !== 'undefined') setInternalValue(value)\n    }, [value])\n\n    const inputRef = React.useRef<HTMLInputElement | null>(null)\n\n    React.useImperativeHandle(ref, () => inputRef.current as HTMLInputElement)\n\n    const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n    const stepperButtonLabels = {\n      increment: 'increment',\n      decrement: 'decrement',\n      ...stepperButtonLabelsProp\n    }\n\n    const disabledTooltipContent = {\n      decrement: `Cannot enter values below ${min}`,\n      increment: `Cannot enter values above ${max}`,\n      ...disabledTooltipContentProp\n    }\n\n    const isAtMax = internalValue >= max\n    const isAtMin = internalValue <= min\n\n    const clamp = React.useCallback(\n      (internalValue: number) => Math.min(Math.max(internalValue, min), max),\n      [max, min]\n    )\n\n    const updateValue = React.useCallback(\n      (newValue: number) => {\n        onValueChange?.(newValue)\n        setInternalValue(newValue)\n      },\n      [onValueChange]\n    )\n\n    const onInputChange = React.useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const parsedValue = Number(event.target.value.replace(/\\D/g, ''))\n        updateValue(parsedValue)\n      },\n      [updateValue]\n    )\n\n    const increment = React.useCallback(() => {\n      if (isAtMax || isReadOnly) return\n      inputRef?.current?.focus()\n      const newValue = Number(internalValue) + step\n      updateValue(clamp(newValue))\n    }, [clamp, isAtMax, isReadOnly, step, updateValue, internalValue])\n\n    const decrement = React.useCallback(() => {\n      if (isAtMin || isReadOnly) return\n      inputRef?.current?.focus()\n      const newValue = Number(internalValue) - step\n      updateValue(clamp(newValue))\n    }, [clamp, isAtMin, isReadOnly, min, step, updateValue, internalValue])\n\n    const onKeyDown = React.useCallback(\n      (event: React.KeyboardEvent) => {\n        if (event.nativeEvent.isComposing) return\n\n        /**\n         * Keyboard Accessibility\n         *\n         * We want to increase or decrease the input's value\n         * based on if the user the arrow keys.\n         *\n         * @see https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-17\n         */\n        const eventKey = event.key\n\n        const keyMap: Record<string, React.KeyboardEventHandler> = {\n          ArrowUp: increment,\n          ArrowRight: increment,\n          ArrowDown: decrement,\n          ArrowLeft: decrement,\n          Home: () => updateValue(min),\n          End: () => updateValue(max)\n        }\n\n        const action = keyMap[eventKey]\n\n        if (action) {\n          event.preventDefault()\n          action(event)\n        }\n      },\n      [increment, decrement, updateValue, min, max]\n    )\n\n    const hasError = internalValue < min || internalValue > max\n    const {\n      state: externalState,\n      'aria-invalid': externalAriaInvalid,\n      ...restProps\n    } = rest as { state?: 'error'; 'aria-invalid'?: boolean } & typeof rest\n\n    const inputProps: React.ComponentProps<typeof Input> = {\n      type: 'number',\n      value: internalValue,\n      ...restProps,\n      onChange: onInputChange,\n      onKeyDown,\n      size,\n      appearance,\n      state: externalState || (hasError ? 'error' : undefined),\n      'aria-invalid': externalAriaInvalid || hasError || undefined,\n      className: clsx(\n        'rounded-none',\n        'w-16',\n        '[&_>_input]:text-center',\n        'disabled:opacity-30',\n        'disabled:pointer-events-none',\n        emphasis === 'bold' && [\n          'rounded-1',\n          '[&_>_input[aria-invalid=true]]:text-danger',\n          'focus-within:[&_>_input]:text-grey-1000'\n        ],\n        emphasis === 'bold' &&\n          appearance === 'standard' && [\n            'border-none',\n            '[&:has([aria-invalid=true])]:border-2',\n            '[&:has([aria-invalid=true])]:border-danger',\n            'focus-within:border-2',\n            'focus-within:border-blue-800'\n          ]\n      ),\n      ref: inputRef,\n      readOnly: isReadOnly,\n      disabled: isDisabled,\n      'aria-valuemin': min,\n      'aria-valuemax': max,\n      'aria-valuenow': internalValue,\n      role: 'spinbutton'\n    }\n\n    return (\n      <NumberInputContainer\n        appearance={appearance}\n        emphasis={emphasis}\n        className={className}\n      >\n        <NumberInputStepper\n          onClick={decrement}\n          icon={Minus}\n          className={clsx(\n            emphasis !== 'bold' && 'border-r-none rounded-r-none'\n          )}\n          size={iconSize}\n          fieldAppearance={appearance}\n          emphasis={emphasis}\n          disabled={isAtMin || isDisabled}\n          showTooltip={isAtMin && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.decrement}\n          label={stepperButtonLabels.decrement}\n        />\n        <Input {...inputProps} />\n        <NumberInputStepper\n          onClick={increment}\n          icon={Plus}\n          className={clsx(\n            emphasis !== 'bold' && 'border-l-none rounded-l-none'\n          )}\n          size={iconSize}\n          fieldAppearance={appearance}\n          emphasis={emphasis}\n          disabled={isAtMax || isDisabled}\n          showTooltip={isAtMax && !isDisabled}\n          disabledTooltipContent={disabledTooltipContent.increment}\n          label={stepperButtonLabels.increment}\n        />\n      </NumberInputContainer>\n    )\n  }\n)\n\nNumberInput.displayName = 'NumberInput'\n"],"mappings":"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"}