@alma-oss/spirit-web-react 4.3.0 → 4.5.0

package/dist/components/Grid/useGridStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+import { SpiritGridProps } from '../../types';
+interface GridCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface GridStyle<T> {
+    classProps: string;
+    props: T;
+    styleProps: GridCSSProperties;
+}
+export declare function useGridStyleProps(props: SpiritGridProps<ElementType>): GridStyle<SpiritGridProps<ElementType>>;
+export {};

package/dist/components/Grid/useGridStyleProps.js

@@ -0,0 +1,32 @@
+import x from "classnames";
+import { DirectionAxis as n } from "../../constants/direction.js";
+import { useAlignmentClass as g } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as C } from "../../hooks/useClassNamePrefix.js";
+import { useSpacingStyle as r } from "../../hooks/useSpacingStyle.js";
+function v(u) {
+  const { alignmentX: t, alignmentY: o, cols: l, spacing: c, spacingX: f, spacingY: p, ...d } = u, i = C("Grid"), $ = {
+    ...r(c, "grid", n.X),
+    ...r(c, "grid", n.Y),
+    ...r(f, "grid", n.X),
+    ...r(p, "grid", n.Y)
+  };
+  function P(a, s, m) {
+    return typeof s == "object" && s !== null ? Object.keys(s).map((e) => {
+      const X = e === "mobile" ? "" : `--${e}`, Y = s[e];
+      return `${a}${X}--${m}-${Y}`;
+    }).join(" ") : `${a}--${m}-${s}`;
+  }
+  return {
+    classProps: x(i, {
+      [g(i, t, "alignmentX")]: t,
+      [g(i, o, "alignmentY")]: o,
+      [P(i, l, "cols")]: l
+    }),
+    props: d,
+    styleProps: $
+  };
+}
+export {
+  v as useGridStyleProps
+};
+//# sourceMappingURL=useGridStyleProps.js.map

package/dist/components/Grid/useGridStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridStyleProps.js","sources":["../../../src/components/Grid/useGridStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { DirectionAxis } from '../../constants';\nimport { useAlignmentClass, useClassNamePrefix, useSpacingStyle } from '../../hooks';\nimport {\n  type GridAlignmentXType,\n  type GridAlignmentYType,\n  type GridColsBreakpoints,\n  type SpiritGridProps,\n} from '../../types';\n\ninterface GridCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nexport interface GridStyle<T> {\n  /** className props */\n  classProps: string;\n  /** Props for the grid element. */\n  props: T;\n  /** Style props for the element */\n  styleProps: GridCSSProperties;\n}\n\nexport function useGridStyleProps(props: SpiritGridProps<ElementType>): GridStyle<SpiritGridProps<ElementType>> {\n  const { alignmentX, alignmentY, cols, spacing, spacingX, spacingY, ...restProps } = props;\n\n  const gridClass = useClassNamePrefix('Grid');\n\n  const gridStyle: GridCSSProperties = {\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacing, 'grid', DirectionAxis.Y),\n    ...useSpacingStyle(spacingX, 'grid', DirectionAxis.X),\n    ...useSpacingStyle(spacingY, 'grid', DirectionAxis.Y),\n  };\n\n  function generateColsClasses(\n    componentClass: string,\n    property: number | GridColsBreakpoints | undefined,\n    type: string,\n  ) {\n    if (typeof property === 'object' && property !== null) {\n      // We map over the object and generate the classes for each breakpoint\n      return Object.keys(property)\n        .map((key) => {\n          const infix = key === 'mobile' ? '' : `--${key}`;\n          const responsiveProperty = (property as Record<string, string>)[key];\n\n          return `${componentClass}${infix}--${type}-${responsiveProperty}`;\n        })\n        .join(' ');\n    }\n\n    return `${componentClass}--${type}-${property}`;\n  }\n\n  const classes = classNames(gridClass, {\n    [useAlignmentClass(gridClass, alignmentX as GridAlignmentXType, 'alignmentX')]: alignmentX,\n    [useAlignmentClass(gridClass, alignmentY as GridAlignmentYType, 'alignmentY')]: alignmentY,\n    [generateColsClasses(gridClass, cols, 'cols')]: cols,\n  });\n\n  return {\n    classProps: classes,\n    props: restProps,\n    styleProps: gridStyle,\n  };\n}\n"],"names":["useGridStyleProps","props","alignmentX","alignmentY","cols","spacing","spacingX","spacingY","restProps","gridClass","useClassNamePrefix","gridStyle","useSpacingStyle","DirectionAxis","generateColsClasses","componentClass","property","type","key","infix","responsiveProperty","classNames","useAlignmentClass"],"mappings":";;;;;AAwBO,SAASA,EAAkBC,GAA8E;AAC9G,QAAM,EAAE,YAAAC,GAAY,YAAAC,GAAY,MAAAC,GAAM,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAA,IAAcP,GAE9EQ,IAAYC,EAAmB,MAAM,GAErCC,IAA+B;AAAA,IACnC,GAAGC,EAAgBP,GAAS,QAAQQ,EAAc,CAAC;AAAA,IACnD,GAAGD,EAAgBP,GAAS,QAAQQ,EAAc,CAAC;AAAA,IACnD,GAAGD,EAAgBN,GAAU,QAAQO,EAAc,CAAC;AAAA,IACpD,GAAGD,EAAgBL,GAAU,QAAQM,EAAc,CAAC;AAAA,EAAA;AAGtD,WAASC,EACPC,GACAC,GACAC,GACA;AACA,WAAI,OAAOD,KAAa,YAAYA,MAAa,OAExC,OAAO,KAAKA,CAAQ,EACxB,IAAI,CAACE,MAAQ;AACZ,YAAMC,IAAQD,MAAQ,WAAW,KAAK,KAAKA,CAAG,IACxCE,IAAsBJ,EAAoCE,CAAG;AAEnE,aAAO,GAAGH,CAAc,GAAGI,CAAK,KAAKF,CAAI,IAAIG,CAAkB;AAAA,IACjE,CAAC,EACA,KAAK,GAAG,IAGN,GAAGL,CAAc,KAAKE,CAAI,IAAID,CAAQ;AAAA,EAC/C;AAQA,SAAO;AAAA,IACL,YAPcK,EAAWZ,GAAW;AAAA,MACpC,CAACa,EAAkBb,GAAWP,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACoB,EAAkBb,GAAWN,GAAkC,YAAY,CAAC,GAAGA;AAAA,MAChF,CAACW,EAAoBL,GAAWL,GAAM,MAAM,CAAC,GAAGA;AAAA,IAAA,CACjD;AAAA,IAIC,OAAOI;AAAA,IACP,YAAYG;AAAA,EAAA;AAEhB;"}

package/dist/components/Grid.d.ts

@@ -0,0 +1,2 @@
+export * from './Grid/index'
+export {}

package/dist/components/Header/Header.cjs

@@ -0,0 +1,3 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),u=require("classnames"),p=require("../../hooks/styleProps.cjs"),m=require("../../hooks/useDeprecationMessage.cjs"),d=require("./constants.cjs"),P=require("./useHeaderStyleProps.cjs"),s=t=>{const{children:r,color:o=d.HEADER_COLOR_DEFAULT,isSimple:n,...a}=t,{classProps:c}=P.useHeaderStyleProps({color:o,isSimple:n}),{styleProps:e,props:i}=p.useStyleProps(a);return m.useDeprecationMessage({method:"custom",trigger:!0,componentName:"Header",customText:`The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.
+    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`}),l.jsx("header",{...i,className:u(c.root,e.className),style:e.style,children:r})};s.spiritComponent="Header";exports.default=s;
+//# sourceMappingURL=Header.cjs.map

package/dist/components/Header/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useDeprecationMessage, useStyleProps } from '../../hooks';\nimport { type HeaderProps } from '../../types';\nimport { HEADER_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst Header = (props: HeaderProps) => {\n  const { children, color = HEADER_COLOR_DEFAULT, isSimple, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ color, isSimple });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: true,\n    componentName: 'Header',\n    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.\n    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`,\n  });\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nHeader.spiritComponent = 'Header';\n\nexport default Header;\n"],"names":["Header","props","children","color","HEADER_COLOR_DEFAULT","isSimple","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","useDeprecationMessage","jsx","classNames"],"mappings":"qVASMA,EAAUC,GAAuB,CACrC,KAAM,CAAE,SAAAC,EAAU,MAAAC,EAAQC,EAAAA,qBAAsB,SAAAC,EAAU,GAAGC,GAAcL,EAErE,CAAE,WAAAM,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,MAAAL,EAAO,SAAAE,EAAU,EACxD,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjEM,OAAAA,wBAAsB,CACpB,OAAQ,SACR,QAAS,GACT,cAAe,SACf,WAAY;AAAA,yFAAA,CAEb,EAGCC,EAAAA,IAAC,SAAA,CAAQ,GAAGH,EAAY,UAAWI,EAAWP,EAAW,KAAME,EAAW,SAAS,EAAG,MAAOA,EAAW,MACrG,SAAAP,EACH,CAEJ,EAEAF,EAAO,gBAAkB"}

package/dist/components/Header/Header.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderProps } from '../../types';
+declare const Header: {
+    (props: HeaderProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default Header;

package/dist/components/Header/Header.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as p } from "react/jsx-runtime";
+import i from "classnames";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useDeprecationMessage as l } from "../../hooks/useDeprecationMessage.js";
+import { HEADER_COLOR_DEFAULT as d } from "./constants.js";
+import { useHeaderStyleProps as u } from "./useHeaderStyleProps.js";
+const f = (o) => {
+  const { children: r, color: t = d, isSimple: s, ...m } = o, { classProps: a } = u({ color: t, isSimple: s }), { styleProps: e, props: n } = c(m);
+  return l({
+    method: "custom",
+    trigger: !0,
+    componentName: "Header",
+    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.
+    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`
+  }), /* @__PURE__ */ p("header", { ...n, className: i(a.root, e.className), style: e.style, children: r });
+};
+f.spiritComponent = "Header";
+export {
+  f as default
+};
+//# sourceMappingURL=Header.js.map

package/dist/components/Header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/components/Header/Header.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useDeprecationMessage, useStyleProps } from '../../hooks';\nimport { type HeaderProps } from '../../types';\nimport { HEADER_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst Header = (props: HeaderProps) => {\n  const { children, color = HEADER_COLOR_DEFAULT, isSimple, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ color, isSimple });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  useDeprecationMessage({\n    method: 'custom',\n    trigger: true,\n    componentName: 'Header',\n    customText: `The component will be removed in the next major version. Component is replaced by the current implementation of UNSTABLE_Header.\n    Please see the composition of the UNSTABLE_Header, Drawer and Navigation components.`,\n  });\n\n  return (\n    <header {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </header>\n  );\n};\n\nHeader.spiritComponent = 'Header';\n\nexport default Header;\n"],"names":["Header","props","children","color","HEADER_COLOR_DEFAULT","isSimple","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","useDeprecationMessage","jsx","classNames"],"mappings":";;;;;;;AASA,MAAMA,IAAS,CAACC,MAAuB;AACrC,QAAM,EAAE,UAAAC,GAAU,OAAAC,IAAQC,GAAsB,UAAAC,GAAU,GAAGC,MAAcL,GAErE,EAAE,YAAAM,EAAA,IAAeC,EAAoB,EAAE,OAAAL,GAAO,UAAAE,GAAU,GACxD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SAAAM,EAAsB;AAAA,IACpB,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA;AAAA,EAAA,CAEb,GAGC,gBAAAC,EAAC,UAAA,EAAQ,GAAGH,GAAY,WAAWI,EAAWP,EAAW,MAAME,EAAW,SAAS,GAAG,OAAOA,EAAW,OACrG,UAAAP,GACH;AAEJ;AAEAF,EAAO,kBAAkB;"}

package/dist/components/Header/HeaderButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),l=require("classnames"),n=require("../../hooks/styleProps.cjs"),a=require("./useHeaderStyleProps.cjs"),s=t=>{const{classProps:r}=a.useHeaderStyleProps(),{styleProps:e,props:o}=n.useStyleProps(t);return u.jsx("button",{...o,type:"button",className:l(r.headerButton,e.className),style:e.style})};s.spiritComponent="HeaderButton";exports.default=s;
+//# sourceMappingURL=HeaderButton.cjs.map

package/dist/components/Header/HeaderButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButton.cjs","sources":["../../../src/components/Header/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderButton = (props: HeaderButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderButton.spiritComponent = 'HeaderButton';\n\nexport default HeaderButton;\n"],"names":["HeaderButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAgBC,GAA6B,CACjD,KAAM,CAAE,WAAAC,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAK,EAE7D,OACEM,EAAAA,IAAC,SAAA,CACE,GAAGF,EACJ,KAAK,SACL,UAAWG,EAAWN,EAAW,aAAcE,EAAW,SAAS,EACnE,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAJ,EAAa,gBAAkB"}

package/dist/components/Header/HeaderButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderButtonProps } from '../../types';
+declare const HeaderButton: {
+    (props: HeaderButtonProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderButton;

package/dist/components/Header/HeaderButton.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import p from "classnames";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as m } from "./useHeaderStyleProps.js";
+const n = (s) => {
+  const { classProps: e } = m(), { styleProps: t, props: o } = a(s);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ...o,
+      type: "button",
+      className: p(e.headerButton, t.className),
+      style: t.style
+    }
+  );
+};
+n.spiritComponent = "HeaderButton";
+export {
+  n as default
+};
+//# sourceMappingURL=HeaderButton.js.map

package/dist/components/Header/HeaderButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderButton.js","sources":["../../../src/components/Header/HeaderButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderButton = (props: HeaderButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderButton.spiritComponent = 'HeaderButton';\n\nexport default HeaderButton;\n"],"names":["HeaderButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAK;AAE7D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,WAAWG,EAAWN,EAAW,cAAcE,EAAW,SAAS;AAAA,MACnE,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAJ,EAAa,kBAAkB;"}

package/dist/components/Header/HeaderDesktopActions.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),i=require("classnames"),p=require("../../hooks/styleProps.cjs"),u=require("./useHeaderStyleProps.cjs"),d={isAtEnd:!1},e=t=>{const o={...d,...t},{isAtEnd:r,...n}=o,{classProps:c}=u.useHeaderStyleProps({hasActionsAtEnd:r}),{styleProps:s,props:l}=p.useStyleProps(n);return a.jsx("nav",{...l,className:i(c.headerDesktopActions,s.className),style:s.style})};e.spiritComponent="HeaderDesktopActions";exports.default=e;
+//# sourceMappingURL=HeaderDesktopActions.cjs.map

package/dist/components/Header/HeaderDesktopActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDesktopActions.cjs","sources":["../../../src/components/Header/HeaderDesktopActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDesktopActionsProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst defaultProps = {\n  isAtEnd: false,\n};\n\nconst HeaderDesktopActions = (props: HeaderDesktopActionsProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { isAtEnd, ...restProps } = propsWithDefaults;\n\n  const { classProps } = useHeaderStyleProps({ hasActionsAtEnd: isAtEnd });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDesktopActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDesktopActions.spiritComponent = 'HeaderDesktopActions';\n\nexport default HeaderDesktopActions;\n"],"names":["defaultProps","HeaderDesktopActions","props","propsWithDefaults","isAtEnd","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAe,CACnB,QAAS,EACX,EAEMC,EAAwBC,GAAqC,CACjE,MAAMC,EAAoB,CAAE,GAAGH,EAAc,GAAGE,CAAA,EAC1C,CAAE,QAAAE,EAAS,GAAGC,CAAA,EAAcF,EAE5B,CAAE,WAAAG,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,gBAAiBH,EAAS,EACjE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CACE,GAAGF,EACJ,UAAWG,EAAWN,EAAW,qBAAsBE,EAAW,SAAS,EAC3E,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAP,EAAqB,gBAAkB"}

package/dist/components/Header/HeaderDesktopActions.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDesktopActionsProps } from '../../types';
+declare const HeaderDesktopActions: {
+    (props: HeaderDesktopActionsProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDesktopActions;

package/dist/components/Header/HeaderDesktopActions.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import c from "classnames";
+import { useStyleProps as i } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as l } from "./useHeaderStyleProps.js";
+const m = {
+  isAtEnd: !1
+}, d = (t) => {
+  const o = { ...m, ...t }, { isAtEnd: e, ...r } = o, { classProps: p } = l({ hasActionsAtEnd: e }), { styleProps: s, props: a } = i(r);
+  return /* @__PURE__ */ n(
+    "nav",
+    {
+      ...a,
+      className: c(p.headerDesktopActions, s.className),
+      style: s.style
+    }
+  );
+};
+d.spiritComponent = "HeaderDesktopActions";
+export {
+  d as default
+};
+//# sourceMappingURL=HeaderDesktopActions.js.map

package/dist/components/Header/HeaderDesktopActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDesktopActions.js","sources":["../../../src/components/Header/HeaderDesktopActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDesktopActionsProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst defaultProps = {\n  isAtEnd: false,\n};\n\nconst HeaderDesktopActions = (props: HeaderDesktopActionsProps) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { isAtEnd, ...restProps } = propsWithDefaults;\n\n  const { classProps } = useHeaderStyleProps({ hasActionsAtEnd: isAtEnd });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDesktopActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDesktopActions.spiritComponent = 'HeaderDesktopActions';\n\nexport default HeaderDesktopActions;\n"],"names":["defaultProps","HeaderDesktopActions","props","propsWithDefaults","isAtEnd","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAe;AAAA,EACnB,SAAS;AACX,GAEMC,IAAuB,CAACC,MAAqC;AACjE,QAAMC,IAAoB,EAAE,GAAGH,GAAc,GAAGE,EAAA,GAC1C,EAAE,SAAAE,GAAS,GAAGC,EAAA,IAAcF,GAE5B,EAAE,YAAAG,EAAA,IAAeC,EAAoB,EAAE,iBAAiBH,GAAS,GACjE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAWN,EAAW,sBAAsBE,EAAW,SAAS;AAAA,MAC3E,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAP,EAAqB,kBAAkB;"}

package/dist/components/Header/HeaderDialog.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("classnames"),P=require("../../hooks/styleProps.cjs"),g=require("../../hooks/useLastActiveFocus.cjs"),v=require("../Dialog/Dialog.cjs"),y=require("./HeaderDialogContext.cjs"),h=require("./useHeaderStyleProps.cjs"),l=i=>{const{children:c,id:o,isOpen:s,onClose:t,...n}=i,{classProps:r}=h.useHeaderStyleProps(),{styleProps:a,props:u}=P.useStyleProps(n),d={id:o,isOpen:s,onClose:t};return g.useLastActiveFocus(s),e.jsx(y.HeaderDialogProvider,{value:d,children:e.jsx(v.default,{...u,id:o,isOpen:s,onClose:t,className:p(r.headerDialog.root,a.className),style:a.style,children:e.jsx("div",{className:r.headerDialog.panel,children:e.jsx("div",{className:r.headerDialog.content,children:c})})})})};l.spiritComponent="HeaderDialog";exports.default=l;
+//# sourceMappingURL=HeaderDialog.cjs.map

package/dist/components/Header/HeaderDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialog.cjs","sources":["../../../src/components/Header/HeaderDialog.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type HeaderDialogProps } from '../../types';\nimport { Dialog } from '../Dialog';\nimport { HeaderDialogProvider } from './HeaderDialogContext';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialog = (props: HeaderDialogProps) => {\n  const { children, id, isOpen, onClose, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const providerValue = { id, isOpen, onClose };\n\n  useLastActiveFocus(isOpen);\n\n  return (\n    <HeaderDialogProvider value={providerValue}>\n      <Dialog\n        {...otherProps}\n        id={id}\n        isOpen={isOpen}\n        onClose={onClose}\n        className={classNames(classProps.headerDialog.root, styleProps.className)}\n        style={styleProps.style}\n      >\n        <div className={classProps.headerDialog.panel}>\n          <div className={classProps.headerDialog.content}>{children}</div>\n        </div>\n      </Dialog>\n    </HeaderDialogProvider>\n  );\n};\n\nHeaderDialog.spiritComponent = 'HeaderDialog';\n\nexport default HeaderDialog;\n"],"names":["HeaderDialog","props","children","id","isOpen","onClose","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","providerValue","useLastActiveFocus","jsx","HeaderDialogProvider","Dialog","classNames"],"mappings":"8XAUMA,EAAgBC,GAA6B,CACjD,KAAM,CAAE,SAAAC,EAAU,GAAAC,EAAI,OAAAC,EAAQ,QAAAC,EAAS,GAAGC,GAAcL,EAElD,CAAE,WAAAM,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAE3DM,EAAgB,CAAE,GAAAT,EAAI,OAAAC,EAAQ,QAAAC,CAAA,EAEpCQ,OAAAA,EAAAA,mBAAmBT,CAAM,EAGvBU,EAAAA,IAACC,EAAAA,qBAAA,CAAqB,MAAOH,EAC3B,SAAAE,EAAAA,IAACE,EAAAA,QAAA,CACE,GAAGN,EACJ,GAAAP,EACA,OAAAC,EACA,QAAAC,EACA,UAAWY,EAAWV,EAAW,aAAa,KAAME,EAAW,SAAS,EACxE,MAAOA,EAAW,MAElB,SAAAK,EAAAA,IAAC,MAAA,CAAI,UAAWP,EAAW,aAAa,MACtC,SAAAO,EAAAA,IAAC,MAAA,CAAI,UAAWP,EAAW,aAAa,QAAU,SAAAL,EAAS,CAAA,CAC7D,CAAA,CAAA,EAEJ,CAEJ,EAEAF,EAAa,gBAAkB"}

package/dist/components/Header/HeaderDialog.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDialogProps } from '../../types';
+declare const HeaderDialog: {
+    (props: HeaderDialogProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDialog;

package/dist/components/Header/HeaderDialog.js

@@ -0,0 +1,28 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import n from "classnames";
+import { useStyleProps as d } from "../../hooks/styleProps.js";
+import { useLastActiveFocus as u } from "../../hooks/useLastActiveFocus.js";
+import f from "../Dialog/Dialog.js";
+import { HeaderDialogProvider as h } from "./HeaderDialogContext.js";
+import { useHeaderStyleProps as g } from "./useHeaderStyleProps.js";
+const D = (i) => {
+  const { children: l, id: s, isOpen: o, onClose: t, ...p } = i, { classProps: r } = g(), { styleProps: a, props: c } = d(p), m = { id: s, isOpen: o, onClose: t };
+  return u(o), /* @__PURE__ */ e(h, { value: m, children: /* @__PURE__ */ e(
+    f,
+    {
+      ...c,
+      id: s,
+      isOpen: o,
+      onClose: t,
+      className: n(r.headerDialog.root, a.className),
+      style: a.style,
+      children: /* @__PURE__ */ e("div", { className: r.headerDialog.panel, children: /* @__PURE__ */ e("div", { className: r.headerDialog.content, children: l }) })
+    }
+  ) });
+};
+D.spiritComponent = "HeaderDialog";
+export {
+  D as default
+};
+//# sourceMappingURL=HeaderDialog.js.map

package/dist/components/Header/HeaderDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialog.js","sources":["../../../src/components/Header/HeaderDialog.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useLastActiveFocus, useStyleProps } from '../../hooks';\nimport { type HeaderDialogProps } from '../../types';\nimport { Dialog } from '../Dialog';\nimport { HeaderDialogProvider } from './HeaderDialogContext';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialog = (props: HeaderDialogProps) => {\n  const { children, id, isOpen, onClose, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  const providerValue = { id, isOpen, onClose };\n\n  useLastActiveFocus(isOpen);\n\n  return (\n    <HeaderDialogProvider value={providerValue}>\n      <Dialog\n        {...otherProps}\n        id={id}\n        isOpen={isOpen}\n        onClose={onClose}\n        className={classNames(classProps.headerDialog.root, styleProps.className)}\n        style={styleProps.style}\n      >\n        <div className={classProps.headerDialog.panel}>\n          <div className={classProps.headerDialog.content}>{children}</div>\n        </div>\n      </Dialog>\n    </HeaderDialogProvider>\n  );\n};\n\nHeaderDialog.spiritComponent = 'HeaderDialog';\n\nexport default HeaderDialog;\n"],"names":["HeaderDialog","props","children","id","isOpen","onClose","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","providerValue","useLastActiveFocus","jsx","HeaderDialogProvider","Dialog","classNames"],"mappings":";;;;;;;;AAUA,MAAMA,IAAe,CAACC,MAA6B;AACjD,QAAM,EAAE,UAAAC,GAAU,IAAAC,GAAI,QAAAC,GAAQ,SAAAC,GAAS,GAAGC,MAAcL,GAElD,EAAE,YAAAM,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAE3DM,IAAgB,EAAE,IAAAT,GAAI,QAAAC,GAAQ,SAAAC,EAAA;AAEpC,SAAAQ,EAAmBT,CAAM,GAGvB,gBAAAU,EAACC,GAAA,EAAqB,OAAOH,GAC3B,UAAA,gBAAAE;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,IAAAP;AAAA,MACA,QAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAWY,EAAWV,EAAW,aAAa,MAAME,EAAW,SAAS;AAAA,MACxE,OAAOA,EAAW;AAAA,MAElB,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWP,EAAW,aAAa,OACtC,UAAA,gBAAAO,EAAC,OAAA,EAAI,WAAWP,EAAW,aAAa,SAAU,UAAAL,GAAS,EAAA,CAC7D;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAF,EAAa,kBAAkB;"}

package/dist/components/Header/HeaderDialogActions.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("classnames"),i=require("../../hooks/styleProps.cjs"),u=require("./constants.cjs"),p=require("./useHeaderStyleProps.cjs"),s=t=>{const{color:o=u.HEADER_ACTIONS_COLOR_DEFAULT,...r}=t,{classProps:l}=p.useHeaderStyleProps({actionsColor:o}),{styleProps:e,props:c}=i.useStyleProps(r);return n.jsx("nav",{...c,className:a(l.headerDialogActions,e.className),style:e.style})};s.spiritComponent="HeaderDialogActions";exports.default=s;
+//# sourceMappingURL=HeaderDialogActions.cjs.map

package/dist/components/Header/HeaderDialogActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogActions.cjs","sources":["../../../src/components/Header/HeaderDialogActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogActionsProps } from '../../types';\nimport { HEADER_ACTIONS_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogActions = (props: HeaderDialogActionsProps) => {\n  const { color = HEADER_ACTIONS_COLOR_DEFAULT, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ actionsColor: color });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDialogActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogActions.spiritComponent = 'HeaderDialogActions';\n\nexport default HeaderDialogActions;\n"],"names":["HeaderDialogActions","props","color","HEADER_ACTIONS_COLOR_DEFAULT","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"kSASMA,EAAuBC,GAAoC,CAC/D,KAAM,CAAE,MAAAC,EAAQC,EAAAA,6BAA8B,GAAGC,GAAcH,EAEzD,CAAE,WAAAI,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,aAAcJ,EAAO,EAC5D,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAEjE,OACEM,EAAAA,IAAC,MAAA,CACE,GAAGF,EACJ,UAAWG,EAAWN,EAAW,oBAAqBE,EAAW,SAAS,EAC1E,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAP,EAAoB,gBAAkB"}

package/dist/components/Header/HeaderDialogActions.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDialogActionsProps } from '../../types';
+declare const HeaderDialogActions: {
+    (props: HeaderDialogActionsProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDialogActions;

package/dist/components/Header/HeaderDialogActions.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import l from "classnames";
+import { useStyleProps as p } from "../../hooks/styleProps.js";
+import { HEADER_ACTIONS_COLOR_DEFAULT as c } from "./constants.js";
+import { useHeaderStyleProps as m } from "./useHeaderStyleProps.js";
+const n = (s) => {
+  const { color: r = c, ...t } = s, { classProps: e } = m({ actionsColor: r }), { styleProps: o, props: a } = p(t);
+  return /* @__PURE__ */ i(
+    "nav",
+    {
+      ...a,
+      className: l(e.headerDialogActions, o.className),
+      style: o.style
+    }
+  );
+};
+n.spiritComponent = "HeaderDialogActions";
+export {
+  n as default
+};
+//# sourceMappingURL=HeaderDialogActions.js.map

package/dist/components/Header/HeaderDialogActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogActions.js","sources":["../../../src/components/Header/HeaderDialogActions.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogActionsProps } from '../../types';\nimport { HEADER_ACTIONS_COLOR_DEFAULT } from './constants';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogActions = (props: HeaderDialogActionsProps) => {\n  const { color = HEADER_ACTIONS_COLOR_DEFAULT, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps({ actionsColor: color });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n\n  return (\n    <nav\n      {...otherProps}\n      className={classNames(classProps.headerDialogActions, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogActions.spiritComponent = 'HeaderDialogActions';\n\nexport default HeaderDialogActions;\n"],"names":["HeaderDialogActions","props","color","HEADER_ACTIONS_COLOR_DEFAULT","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAsB,CAACC,MAAoC;AAC/D,QAAM,EAAE,OAAAC,IAAQC,GAA8B,GAAGC,MAAcH,GAEzD,EAAE,YAAAI,EAAA,IAAeC,EAAoB,EAAE,cAAcJ,GAAO,GAC5D,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS;AAEjE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAWN,EAAW,qBAAqBE,EAAW,SAAS;AAAA,MAC1E,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAP,EAAoB,kBAAkB;"}

package/dist/components/Header/HeaderDialogButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),l=require("classnames"),a=require("../../hooks/styleProps.cjs"),n=require("./useHeaderStyleProps.cjs"),s=t=>{const{classProps:o}=n.useHeaderStyleProps(),{styleProps:e,props:r}=a.useStyleProps(t);return u.jsx("button",{...r,type:"button",className:l(o.headerDialogButton,e.className),style:e.style})};s.spiritComponent="HeaderDialogButton";exports.default=s;
+//# sourceMappingURL=HeaderDialogButton.cjs.map

package/dist/components/Header/HeaderDialogButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogButton.cjs","sources":["../../../src/components/Header/HeaderDialogButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogButton = (props: HeaderDialogButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerDialogButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogButton.spiritComponent = 'HeaderDialogButton';\n\nexport default HeaderDialogButton;\n"],"names":["HeaderDialogButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAsBC,GAAmC,CAC7D,KAAM,CAAE,WAAAC,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAK,EAE7D,OACEM,EAAAA,IAAC,SAAA,CACE,GAAGF,EACJ,KAAK,SACL,UAAWG,EAAWN,EAAW,mBAAoBE,EAAW,SAAS,EACzE,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAJ,EAAmB,gBAAkB"}

package/dist/components/Header/HeaderDialogButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDialogButtonProps } from '../../types';
+declare const HeaderDialogButton: {
+    (props: HeaderDialogButtonProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDialogButton;

package/dist/components/Header/HeaderDialogButton.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import a from "classnames";
+import { useStyleProps as p } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as l } from "./useHeaderStyleProps.js";
+const m = (o) => {
+  const { classProps: s } = l(), { styleProps: t, props: e } = p(o);
+  return /* @__PURE__ */ r(
+    "button",
+    {
+      ...e,
+      type: "button",
+      className: a(s.headerDialogButton, t.className),
+      style: t.style
+    }
+  );
+};
+m.spiritComponent = "HeaderDialogButton";
+export {
+  m as default
+};
+//# sourceMappingURL=HeaderDialogButton.js.map

package/dist/components/Header/HeaderDialogButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogButton.js","sources":["../../../src/components/Header/HeaderDialogButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogButtonProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogButton = (props: HeaderDialogButtonProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      className={classNames(classProps.headerDialogButton, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogButton.spiritComponent = 'HeaderDialogButton';\n\nexport default HeaderDialogButton;\n"],"names":["HeaderDialogButton","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAqB,CAACC,MAAmC;AAC7D,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAK;AAE7D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,WAAWG,EAAWN,EAAW,oBAAoBE,EAAW,SAAS;AAAA,MACzE,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAJ,EAAmB,kBAAkB;"}

package/dist/components/Header/HeaderDialogCloseButton.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),C=require("classnames"),P=require("../../hooks/styleProps.cjs"),H=require("../Icon/Icon.cjs"),q=require("../VisuallyHidden/VisuallyHidden.cjs"),D=require("./constants.cjs"),g=require("./HeaderDialogContext.cjs"),m=require("./useHeaderStyleProps.cjs"),r=l=>{const{label:n=D.HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT,onClick:s,...a}=l,{classProps:i}=m.useHeaderStyleProps(),{styleProps:t,props:c}=P.useStyleProps(a),{id:u,isOpen:d,onClose:p}=g.useHeaderDialogContext(),y=o=>{p(o),s&&s(o)};return e.jsxs("button",{...c,type:"button","aria-expanded":d,"aria-controls":u,onClick:y,className:C(i.headerDialogCloseButton,t.className),style:t.style,children:[e.jsx(H.default,{name:"close"}),e.jsx(q.default,{children:n})]})};r.spiritComponent="HeaderDialogCloseButton";exports.default=r;
+//# sourceMappingURL=HeaderDialogCloseButton.cjs.map

package/dist/components/Header/HeaderDialogCloseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogCloseButton.cjs","sources":["../../../src/components/Header/HeaderDialogCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ClickEvent, type HeaderDialogCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT } from './constants';\nimport { useHeaderDialogContext } from './HeaderDialogContext';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogCloseButton = (props: HeaderDialogCloseButtonProps) => {\n  const { label = HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT, onClick, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const { id, isOpen, onClose } = useHeaderDialogContext();\n\n  const clickHandler = (event: ClickEvent) => {\n    onClose(event);\n    if (onClick) onClick(event);\n  };\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      aria-expanded={isOpen}\n      aria-controls={id}\n      onClick={clickHandler}\n      className={classNames(classProps.headerDialogCloseButton, styleProps.className)}\n      style={styleProps.style}\n    >\n      <Icon name=\"close\" />\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </button>\n  );\n};\n\nHeaderDialogCloseButton.spiritComponent = 'HeaderDialogCloseButton';\n\nexport default HeaderDialogCloseButton;\n"],"names":["HeaderDialogCloseButton","props","label","HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT","onClick","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","id","isOpen","onClose","useHeaderDialogContext","clickHandler","event","jsxs","classNames","jsx","Icon","VisuallyHidden"],"mappings":"yZAYMA,EAA2BC,GAAwC,CACvE,KAAM,CAAE,MAAAC,EAAQC,EAAAA,yCAA0C,QAAAC,EAAS,GAAGC,GAAcJ,EAE9E,CAAE,WAAAK,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAS,EAC3D,CAAE,GAAAM,EAAI,OAAAC,EAAQ,QAAAC,CAAA,EAAYC,EAAAA,uBAAA,EAE1BC,EAAgBC,GAAsB,CAC1CH,EAAQG,CAAK,EACTZ,KAAiBY,CAAK,CAC5B,EAEA,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGR,EACJ,KAAK,SACL,gBAAeG,EACf,gBAAeD,EACf,QAASI,EACT,UAAWG,EAAWZ,EAAW,wBAAyBE,EAAW,SAAS,EAC9E,MAAOA,EAAW,MAElB,SAAA,CAAAW,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAK,OAAA,CAAQ,EACnBD,EAAAA,IAACE,EAAAA,SAAgB,SAAAnB,CAAA,CAAM,CAAA,CAAA,CAAA,CAG7B,EAEAF,EAAwB,gBAAkB"}

package/dist/components/Header/HeaderDialogCloseButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDialogCloseButtonProps } from '../../types';
+declare const HeaderDialogCloseButton: {
+    (props: HeaderDialogCloseButtonProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDialogCloseButton;

package/dist/components/Header/HeaderDialogCloseButton.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import u from "classnames";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import C from "../Icon/Icon.js";
+import H from "../VisuallyHidden/VisuallyHidden.js";
+import { HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT as y } from "./constants.js";
+import { useHeaderDialogContext as D } from "./HeaderDialogContext.js";
+import { useHeaderStyleProps as P } from "./useHeaderStyleProps.js";
+const x = (t) => {
+  const { label: l = y, onClick: o, ...i } = t, { classProps: a } = P(), { styleProps: e, props: n } = f(i), { id: c, isOpen: p, onClose: m } = D();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ...n,
+      type: "button",
+      "aria-expanded": p,
+      "aria-controls": c,
+      onClick: (s) => {
+        m(s), o && o(s);
+      },
+      className: u(a.headerDialogCloseButton, e.className),
+      style: e.style,
+      children: [
+        /* @__PURE__ */ r(C, { name: "close" }),
+        /* @__PURE__ */ r(H, { children: l })
+      ]
+    }
+  );
+};
+x.spiritComponent = "HeaderDialogCloseButton";
+export {
+  x as default
+};
+//# sourceMappingURL=HeaderDialogCloseButton.js.map

package/dist/components/Header/HeaderDialogCloseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogCloseButton.js","sources":["../../../src/components/Header/HeaderDialogCloseButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type ClickEvent, type HeaderDialogCloseButtonProps } from '../../types';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT } from './constants';\nimport { useHeaderDialogContext } from './HeaderDialogContext';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogCloseButton = (props: HeaderDialogCloseButtonProps) => {\n  const { label = HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT, onClick, ...restProps } = props;\n\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const { id, isOpen, onClose } = useHeaderDialogContext();\n\n  const clickHandler = (event: ClickEvent) => {\n    onClose(event);\n    if (onClick) onClick(event);\n  };\n\n  return (\n    <button\n      {...otherProps}\n      type=\"button\"\n      aria-expanded={isOpen}\n      aria-controls={id}\n      onClick={clickHandler}\n      className={classNames(classProps.headerDialogCloseButton, styleProps.className)}\n      style={styleProps.style}\n    >\n      <Icon name=\"close\" />\n      <VisuallyHidden>{label}</VisuallyHidden>\n    </button>\n  );\n};\n\nHeaderDialogCloseButton.spiritComponent = 'HeaderDialogCloseButton';\n\nexport default HeaderDialogCloseButton;\n"],"names":["HeaderDialogCloseButton","props","label","HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT","onClick","restProps","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","id","isOpen","onClose","useHeaderDialogContext","jsxs","event","classNames","jsx","Icon","VisuallyHidden"],"mappings":";;;;;;;;;AAYA,MAAMA,IAA0B,CAACC,MAAwC;AACvE,QAAM,EAAE,OAAAC,IAAQC,GAA0C,SAAAC,GAAS,GAAGC,MAAcJ,GAE9E,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAS,GAC3D,EAAE,IAAAM,GAAI,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA;AAOhC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,MAAK;AAAA,MACL,iBAAeG;AAAA,MACf,iBAAeD;AAAA,MACf,SAXiB,CAACK,MAAsB;AAC1C,QAAAH,EAAQG,CAAK,GACTZ,OAAiBY,CAAK;AAAA,MAC5B;AAAA,MASI,WAAWC,EAAWX,EAAW,yBAAyBE,EAAW,SAAS;AAAA,MAC9E,OAAOA,EAAW;AAAA,MAElB,UAAA;AAAA,QAAA,gBAAAU,EAACC,GAAA,EAAK,MAAK,QAAA,CAAQ;AAAA,QACnB,gBAAAD,EAACE,KAAgB,UAAAlB,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG7B;AAEAF,EAAwB,kBAAkB;"}

package/dist/components/Header/HeaderDialogContext.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),t={id:"",isOpen:!1,onClose:()=>null},e=o.createContext(t),r=e.Provider,n=e.Consumer,a=()=>o.useContext(e);exports.HeaderDialogConsumer=n;exports.HeaderDialogProvider=r;exports.useHeaderDialogContext=a;
+//# sourceMappingURL=HeaderDialogContext.cjs.map

package/dist/components/Header/HeaderDialogContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogContext.cjs","sources":["../../../src/components/Header/HeaderDialogContext.ts"],"sourcesContent":["'use client';\n\nimport { type SyntheticEvent, createContext, useContext } from 'react';\n\nexport interface HeaderDialogContextProps {\n  id: string;\n  isOpen: boolean;\n  onClose: (event: Event | SyntheticEvent) => void;\n}\n\nconst defaultContext: HeaderDialogContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst HeaderDialogContext = createContext<HeaderDialogContextProps>(defaultContext);\nconst HeaderDialogProvider = HeaderDialogContext.Provider;\nconst HeaderDialogConsumer = HeaderDialogContext.Consumer;\nconst useHeaderDialogContext = (): HeaderDialogContextProps => useContext(HeaderDialogContext);\n\nexport { HeaderDialogConsumer, HeaderDialogProvider, useHeaderDialogContext };\nexport default HeaderDialogContext;\n"],"names":["defaultContext","HeaderDialogContext","createContext","HeaderDialogProvider","HeaderDialogConsumer","useHeaderDialogContext","useContext"],"mappings":"sHAUMA,EAA2C,CAC/C,GAAI,GACJ,OAAQ,GACR,QAAS,IAAM,IACjB,EAEMC,EAAsBC,EAAAA,cAAwCF,CAAc,EAC5EG,EAAuBF,EAAoB,SAC3CG,EAAuBH,EAAoB,SAC3CI,EAAyB,IAAgCC,EAAAA,WAAWL,CAAmB"}

package/dist/components/Header/HeaderDialogContext.d.ts

@@ -0,0 +1,12 @@
+import { SyntheticEvent } from 'react';
+export interface HeaderDialogContextProps {
+    id: string;
+    isOpen: boolean;
+    onClose: (event: Event | SyntheticEvent) => void;
+}
+declare const HeaderDialogContext: React.Context<HeaderDialogContextProps>;
+declare const HeaderDialogProvider: React.Provider<HeaderDialogContextProps>;
+declare const HeaderDialogConsumer: React.Consumer<HeaderDialogContextProps>;
+declare const useHeaderDialogContext: () => HeaderDialogContextProps;
+export { HeaderDialogConsumer, HeaderDialogProvider, useHeaderDialogContext };
+export default HeaderDialogContext;

package/dist/components/Header/HeaderDialogContext.js

@@ -0,0 +1,13 @@
+"use client";
+import { createContext as o, useContext as t } from "react";
+const n = {
+  id: "",
+  isOpen: !1,
+  onClose: () => null
+}, e = o(n), s = e.Provider, a = e.Consumer, i = () => t(e);
+export {
+  a as HeaderDialogConsumer,
+  s as HeaderDialogProvider,
+  i as useHeaderDialogContext
+};
+//# sourceMappingURL=HeaderDialogContext.js.map

package/dist/components/Header/HeaderDialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogContext.js","sources":["../../../src/components/Header/HeaderDialogContext.ts"],"sourcesContent":["'use client';\n\nimport { type SyntheticEvent, createContext, useContext } from 'react';\n\nexport interface HeaderDialogContextProps {\n  id: string;\n  isOpen: boolean;\n  onClose: (event: Event | SyntheticEvent) => void;\n}\n\nconst defaultContext: HeaderDialogContextProps = {\n  id: '',\n  isOpen: false,\n  onClose: () => null,\n};\n\nconst HeaderDialogContext = createContext<HeaderDialogContextProps>(defaultContext);\nconst HeaderDialogProvider = HeaderDialogContext.Provider;\nconst HeaderDialogConsumer = HeaderDialogContext.Consumer;\nconst useHeaderDialogContext = (): HeaderDialogContextProps => useContext(HeaderDialogContext);\n\nexport { HeaderDialogConsumer, HeaderDialogProvider, useHeaderDialogContext };\nexport default HeaderDialogContext;\n"],"names":["defaultContext","HeaderDialogContext","createContext","HeaderDialogProvider","HeaderDialogConsumer","useHeaderDialogContext","useContext"],"mappings":";;AAUA,MAAMA,IAA2C;AAAA,EAC/C,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,SAAS,MAAM;AACjB,GAEMC,IAAsBC,EAAwCF,CAAc,GAC5EG,IAAuBF,EAAoB,UAC3CG,IAAuBH,EAAoB,UAC3CI,IAAyB,MAAgCC,EAAWL,CAAmB;"}

package/dist/components/Header/HeaderDialogLink.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const y=require("react/jsx-runtime"),k=require("react"),g=require("../../hooks/styleProps.cjs"),m=require("../../hooks/useLinkClick.cjs"),C=require("../../utils/mergeStyleProps.cjs"),L=require("./useHeaderStyleProps.cjs"),S=(t,n)=>{const{elementType:i="a",children:l,isCurrent:c,routerOptions:u,...r}=t,s=i,{classProps:a}=L.useHeaderStyleProps({isCurrentLink:c}),{styleProps:p,props:o}=g.useStyleProps(r),d=C.mergeStyleProps(s,{classProps:a.headerDialogLink,styleProps:p,otherProps:o}),P=m.useLinkClick({...r,routerOptions:u});return y.jsx(s,{...o,...d,onClick:P,ref:n,children:l})},e=k.forwardRef(S);e.spiritComponent="HeaderDialogLink";e.displayName="HeaderDialogLink";exports.default=e;
+//# sourceMappingURL=HeaderDialogLink.cjs.map

package/dist/components/Header/HeaderDialogLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogLink.cjs","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderDialogLink","forwardRef"],"mappings":"uVAaMA,EAAoB,CACxBC,EACAC,IACgB,CAChB,KAAM,CAAE,YAAAC,EAAc,IAAK,SAAAC,EAAU,UAAAC,EAAW,cAAAC,EAAe,GAAGC,GAAcN,EAE1EO,EAAYL,EAEZ,CAAE,WAAAM,CAAA,EAAeC,EAAAA,oBAAoB,CAAE,cAAeL,EAAW,EACjE,CAAA,WAAEM,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcN,CAAS,EAC3DO,EAAmBC,EAAAA,gBAAgBP,EAAW,CAClD,WAAYC,EAAW,iBAAA,WACvBE,EACA,WAAAC,CAAA,CACD,EAEKI,EAAcC,EAAAA,aAAa,CAAE,GAAGV,EAAW,cAAAD,EAAe,EAEhE,OACEY,MAACV,GAAW,GAAGI,EAAa,GAAGE,EAAkB,QAASE,EAAa,IAAAd,EACpE,SAAAE,EACH,CAEJ,EAEMe,EAAmBC,EAAAA,WACvBpB,CACF,EAEAmB,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}

package/dist/components/Header/HeaderDialogLink.d.ts

@@ -0,0 +1,3 @@
+import { HeaderDialogLinkProps, PolymorphicComponent } from '../../types';
+declare const HeaderDialogLink: PolymorphicComponent<"a", HeaderDialogLinkProps>;
+export default HeaderDialogLink;

package/dist/components/Header/HeaderDialogLink.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as u } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { useStyleProps as P } from "../../hooks/styleProps.js";
+import { useLinkClick as g } from "../../hooks/useLinkClick.js";
+import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { useHeaderStyleProps as C } from "./useHeaderStyleProps.js";
+const L = (t, i) => {
+  const { elementType: n = "a", children: p, isCurrent: l, routerOptions: a, ...r } = t, e = n, { classProps: m } = C({ isCurrentLink: l }), { styleProps: c, props: o } = P(r), d = y(e, {
+    classProps: m.headerDialogLink,
+    styleProps: c,
+    otherProps: o
+  }), k = g({ ...r, routerOptions: a });
+  return /* @__PURE__ */ u(e, { ...o, ...d, onClick: k, ref: i, children: p });
+}, s = f(
+  L
+);
+s.spiritComponent = "HeaderDialogLink";
+s.displayName = "HeaderDialogLink";
+export {
+  s as default
+};
+//# sourceMappingURL=HeaderDialogLink.js.map

package/dist/components/Header/HeaderDialogLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogLink.js","sources":["../../../src/components/Header/HeaderDialogLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useLinkClick, useStyleProps } from '../../hooks';\nimport {\n  type HeaderDialogLinkProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritDialogHeaderLinkProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst _HeaderDialogLink = <E extends ElementType = 'a'>(\n  props: SpiritDialogHeaderLinkProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const { elementType = 'a', children, isCurrent, routerOptions, ...restProps } = props;\n\n  const Component = elementType as ElementType;\n\n  const { classProps } = useHeaderStyleProps({ isCurrentLink: isCurrent });\n  const { styleProps, props: otherProps } = useStyleProps(restProps);\n  const mergedStyleProps = mergeStyleProps(Component, {\n    classProps: classProps.headerDialogLink,\n    styleProps,\n    otherProps,\n  });\n\n  const handleClick = useLinkClick({ ...restProps, routerOptions });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} onClick={handleClick} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst HeaderDialogLink = forwardRef<HTMLAnchorElement, SpiritDialogHeaderLinkProps<'a'>>(\n  _HeaderDialogLink,\n) as unknown as PolymorphicComponent<'a', HeaderDialogLinkProps>;\n\nHeaderDialogLink.spiritComponent = 'HeaderDialogLink';\nHeaderDialogLink.displayName = 'HeaderDialogLink';\n\nexport default HeaderDialogLink;\n"],"names":["_HeaderDialogLink","props","ref","elementType","children","isCurrent","routerOptions","restProps","Component","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","handleClick","useLinkClick","jsx","HeaderDialogLink","forwardRef"],"mappings":";;;;;;;AAaA,MAAMA,IAAoB,CACxBC,GACAC,MACgB;AAChB,QAAM,EAAE,aAAAC,IAAc,KAAK,UAAAC,GAAU,WAAAC,GAAW,eAAAC,GAAe,GAAGC,MAAcN,GAE1EO,IAAYL,GAEZ,EAAE,YAAAM,EAAA,IAAeC,EAAoB,EAAE,eAAeL,GAAW,GACjE,EAAE,YAAAM,GAAY,OAAOC,EAAA,IAAeC,EAAcN,CAAS,GAC3DO,IAAmBC,EAAgBP,GAAW;AAAA,IAClD,YAAYC,EAAW;AAAA,IACvB,YAAAE;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GAEKI,IAAcC,EAAa,EAAE,GAAGV,GAAW,eAAAD,GAAe;AAEhE,SACE,gBAAAY,EAACV,KAAW,GAAGI,GAAa,GAAGE,GAAkB,SAASE,GAAa,KAAAd,GACpE,UAAAE,GACH;AAEJ,GAEMe,IAAmBC;AAAA,EACvBpB;AACF;AAEAmB,EAAiB,kBAAkB;AACnCA,EAAiB,cAAc;"}

package/dist/components/Header/HeaderDialogNav.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),a=require("classnames"),u=require("../../hooks/styleProps.cjs"),i=require("./useHeaderStyleProps.cjs"),s=r=>{const{classProps:t}=i.useHeaderStyleProps(),{styleProps:e,props:o}=u.useStyleProps(r);return l.jsx("ul",{...o,className:a(t.headerDialogNav,e.className),style:e.style})};s.spiritComponent="HeaderDialogNav";exports.default=s;
+//# sourceMappingURL=HeaderDialogNav.cjs.map

package/dist/components/Header/HeaderDialogNav.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogNav.cjs","sources":["../../../src/components/Header/HeaderDialogNav.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogNavProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogNav = (props: HeaderDialogNavProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <ul\n      {...otherProps}\n      className={classNames(classProps.headerDialogNav, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogNav.spiritComponent = 'HeaderDialogNav';\n\nexport default HeaderDialogNav;\n"],"names":["HeaderDialogNav","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAmBC,GAAgC,CACvD,KAAM,CAAE,WAAAC,CAAA,EAAeC,sBAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcL,CAAK,EAE7D,OACEM,EAAAA,IAAC,KAAA,CACE,GAAGF,EACJ,UAAWG,EAAWN,EAAW,gBAAiBE,EAAW,SAAS,EACtE,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAJ,EAAgB,gBAAkB"}

package/dist/components/Header/HeaderDialogNav.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { HeaderDialogNavProps } from '../../types';
+declare const HeaderDialogNav: {
+    (props: HeaderDialogNavProps): React.JSX.Element;
+    spiritComponent: string;
+};
+export default HeaderDialogNav;

package/dist/components/Header/HeaderDialogNav.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import a from "classnames";
+import { useStyleProps as l } from "../../hooks/styleProps.js";
+import { useHeaderStyleProps as p } from "./useHeaderStyleProps.js";
+const m = (e) => {
+  const { classProps: o } = p(), { styleProps: s, props: r } = l(e);
+  return /* @__PURE__ */ t(
+    "ul",
+    {
+      ...r,
+      className: a(o.headerDialogNav, s.className),
+      style: s.style
+    }
+  );
+};
+m.spiritComponent = "HeaderDialogNav";
+export {
+  m as default
+};
+//# sourceMappingURL=HeaderDialogNav.js.map

package/dist/components/Header/HeaderDialogNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderDialogNav.js","sources":["../../../src/components/Header/HeaderDialogNav.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderDialogNavProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderDialogNav = (props: HeaderDialogNavProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <ul\n      {...otherProps}\n      className={classNames(classProps.headerDialogNav, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderDialogNav.spiritComponent = 'HeaderDialogNav';\n\nexport default HeaderDialogNav;\n"],"names":["HeaderDialogNav","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAkB,CAACC,MAAgC;AACvD,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAK;AAE7D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,WAAWG,EAAWN,EAAW,iBAAiBE,EAAW,SAAS;AAAA,MACtE,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAJ,EAAgB,kBAAkB;"}