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

package/dist/components/Modal/useModalStyleProps.d.ts

@@ -0,0 +1,24 @@
+import { AlignmentXDictionaryType, AlignmentYDictionaryType } from '../../types';
+export interface ModalStylesProps {
+    footerAlignment?: AlignmentXDictionaryType;
+    isDockedOnMobile?: boolean;
+    isExpandedOnMobile?: boolean;
+    isOpen?: boolean;
+    isScrollable?: boolean;
+    modalAlignment?: AlignmentYDictionaryType;
+}
+export interface ModalStylesReturn {
+    classProps: {
+        root: string;
+        dialog: string;
+        title: string;
+        header: string;
+        body: string;
+        footer: {
+            root: string;
+            description: string;
+            actions: string;
+        };
+    };
+}
+export declare function useModalStyleProps({ footerAlignment, isDockedOnMobile, isExpandedOnMobile, isOpen, isScrollable, modalAlignment, }?: ModalStylesProps): ModalStylesReturn;

package/dist/components/Modal/useModalStyleProps.js

@@ -0,0 +1,47 @@
+import t from "classnames";
+import { CLASS_NAME_OPEN as M } from "../../constants/classes.js";
+import { AlignmentX as u, AlignmentY as A } from "../../constants/dictionaries.js";
+import { useClassNamePrefix as E } from "../../hooks/useClassNamePrefix.js";
+function F({
+  footerAlignment: a = u.RIGHT,
+  isDockedOnMobile: n = !1,
+  isExpandedOnMobile: c = !1,
+  isOpen: i = !1,
+  isScrollable: d = !1,
+  modalAlignment: e = A.CENTER
+} = {}) {
+  const o = E("Modal"), m = {
+    top: `${o}--top`,
+    center: `${o}--center`,
+    bottom: `${o}--bottom`
+  }, l = `${o}Dialog`, C = `${l}--dockOnMobile`, $ = `${l}--expandOnMobile`, p = `${l}--scrollable`, r = `${o}Header`, f = `${r}__title`, g = `${o}Body`, s = `${o}Footer`, b = `${s}__description`, _ = `${s}__actions`, D = {
+    left: `${s}--left`,
+    center: `${s}--center`,
+    right: `${s}--right`
+  };
+  return {
+    classProps: {
+      root: t(o, {
+        [m[e]]: e,
+        [M]: i
+      }),
+      dialog: t(l, {
+        [C]: n,
+        [$]: c,
+        [p]: d
+      }),
+      title: f,
+      header: r,
+      body: g,
+      footer: {
+        root: t(s, { [D[a]]: a }),
+        description: b,
+        actions: _
+      }
+    }
+  };
+}
+export {
+  F as useModalStyleProps
+};
+//# sourceMappingURL=useModalStyleProps.js.map

package/dist/components/Modal/useModalStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalStyleProps.js","sources":["../../../src/components/Modal/useModalStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { AlignmentX, AlignmentY, CLASS_NAME_OPEN } from '../../constants';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type AlignmentXDictionaryType, type AlignmentYDictionaryType } from '../../types';\n\nexport interface ModalStylesProps {\n  footerAlignment?: AlignmentXDictionaryType;\n  isDockedOnMobile?: boolean;\n  isExpandedOnMobile?: boolean;\n  isOpen?: boolean;\n  isScrollable?: boolean;\n  modalAlignment?: AlignmentYDictionaryType;\n}\n\nexport interface ModalStylesReturn {\n  /** className props */\n  classProps: {\n    root: string;\n    dialog: string;\n    title: string;\n    header: string;\n    body: string;\n    footer: {\n      root: string;\n      description: string;\n      actions: string;\n    };\n  };\n}\n\nexport function useModalStyleProps({\n  footerAlignment = AlignmentX.RIGHT,\n  isDockedOnMobile = false,\n  isExpandedOnMobile = false,\n  isOpen = false,\n  isScrollable = false,\n  modalAlignment = AlignmentY.CENTER,\n}: ModalStylesProps = {}): ModalStylesReturn {\n  const modalClass = useClassNamePrefix('Modal');\n  const modalAlignClasses = {\n    top: `${modalClass}--top`,\n    center: `${modalClass}--center`,\n    bottom: `${modalClass}--bottom`,\n  };\n  const modalDialogClass = `${modalClass}Dialog`;\n  const modalDialogDockedOnMobileClass = `${modalDialogClass}--dockOnMobile`;\n  const modalDialogExpandedOnMobileClass = `${modalDialogClass}--expandOnMobile`;\n  const modalDialogScrollableClass = `${modalDialogClass}--scrollable`;\n  const modalHeaderClass = `${modalClass}Header`;\n  const modalTitleClass = `${modalHeaderClass}__title`;\n  const modalBodyClass = `${modalClass}Body`;\n  const modalFooterClass = `${modalClass}Footer`;\n  const modalFooterDescriptionClass = `${modalFooterClass}__description`;\n  const modalFooterActionsClass = `${modalFooterClass}__actions`;\n  const footerAlignClasses = {\n    left: `${modalFooterClass}--left`,\n    center: `${modalFooterClass}--center`,\n    right: `${modalFooterClass}--right`,\n  };\n\n  const classProps = {\n    root: classNames(modalClass, {\n      [modalAlignClasses[modalAlignment]]: modalAlignment,\n      [CLASS_NAME_OPEN]: isOpen,\n    }),\n    dialog: classNames(modalDialogClass, {\n      [modalDialogDockedOnMobileClass]: isDockedOnMobile,\n      [modalDialogExpandedOnMobileClass]: isExpandedOnMobile,\n      [modalDialogScrollableClass]: isScrollable,\n    }),\n    title: modalTitleClass,\n    header: modalHeaderClass,\n    body: modalBodyClass,\n    footer: {\n      root: classNames(modalFooterClass, { [footerAlignClasses[footerAlignment]]: footerAlignment }),\n      description: modalFooterDescriptionClass,\n      actions: modalFooterActionsClass,\n    },\n  };\n\n  return {\n    classProps,\n  };\n}\n"],"names":["useModalStyleProps","footerAlignment","AlignmentX","isDockedOnMobile","isExpandedOnMobile","isOpen","isScrollable","modalAlignment","AlignmentY","modalClass","useClassNamePrefix","modalAlignClasses","modalDialogClass","modalDialogDockedOnMobileClass","modalDialogExpandedOnMobileClass","modalDialogScrollableClass","modalHeaderClass","modalTitleClass","modalBodyClass","modalFooterClass","modalFooterDescriptionClass","modalFooterActionsClass","footerAlignClasses","classNames","CLASS_NAME_OPEN"],"mappings":";;;;AA8BO,SAASA,EAAmB;AAAA,EACjC,iBAAAC,IAAkBC,EAAW;AAAA,EAC7B,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AAAA,EACrB,QAAAC,IAAS;AAAA,EACT,cAAAC,IAAe;AAAA,EACf,gBAAAC,IAAiBC,EAAW;AAC9B,IAAsB,IAAuB;AAC3C,QAAMC,IAAaC,EAAmB,OAAO,GACvCC,IAAoB;AAAA,IACxB,KAAK,GAAGF,CAAU;AAAA,IAClB,QAAQ,GAAGA,CAAU;AAAA,IACrB,QAAQ,GAAGA,CAAU;AAAA,EAAA,GAEjBG,IAAmB,GAAGH,CAAU,UAChCI,IAAiC,GAAGD,CAAgB,kBACpDE,IAAmC,GAAGF,CAAgB,oBACtDG,IAA6B,GAAGH,CAAgB,gBAChDI,IAAmB,GAAGP,CAAU,UAChCQ,IAAkB,GAAGD,CAAgB,WACrCE,IAAiB,GAAGT,CAAU,QAC9BU,IAAmB,GAAGV,CAAU,UAChCW,IAA8B,GAAGD,CAAgB,iBACjDE,IAA0B,GAAGF,CAAgB,aAC7CG,IAAqB;AAAA,IACzB,MAAM,GAAGH,CAAgB;AAAA,IACzB,QAAQ,GAAGA,CAAgB;AAAA,IAC3B,OAAO,GAAGA,CAAgB;AAAA,EAAA;AAuB5B,SAAO;AAAA,IACL,YArBiB;AAAA,MACjB,MAAMI,EAAWd,GAAY;AAAA,QAC3B,CAACE,EAAkBJ,CAAc,CAAC,GAAGA;AAAA,QACrC,CAACiB,CAAe,GAAGnB;AAAA,MAAA,CACpB;AAAA,MACD,QAAQkB,EAAWX,GAAkB;AAAA,QACnC,CAACC,CAA8B,GAAGV;AAAA,QAClC,CAACW,CAAgC,GAAGV;AAAA,QACpC,CAACW,CAA0B,GAAGT;AAAA,MAAA,CAC/B;AAAA,MACD,OAAOW;AAAA,MACP,QAAQD;AAAA,MACR,MAAME;AAAA,MACN,QAAQ;AAAA,QACN,MAAMK,EAAWJ,GAAkB,EAAE,CAACG,EAAmBrB,CAAe,CAAC,GAAGA,GAAiB;AAAA,QAC7F,aAAamB;AAAA,QACb,SAASC;AAAA,MAAA;AAAA,IACX;AAAA,EAIA;AAEJ;"}

package/dist/components/Modal.d.ts

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

package/dist/components/Navigation/Navigation.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"),u=require("classnames"),p=require("../../constants/direction.cjs"),P=require("../../hooks/styleProps.cjs"),d=require("./useNavigationStyleProps.cjs"),y={direction:p.Direction.HORIZONTAL},t=o=>{const r={...y,...o},{children:i,...n}=r,{classProps:c,props:l}=d.useNavigationStyleProps(n),{styleProps:s,props:a}=P.useStyleProps(l);return e.jsx("nav",{...a,className:u(c.root,s.className),style:s.style,children:e.jsx("ul",{children:i})})};t.spiritComponent="Navigation";exports.default=t;
+//# sourceMappingURL=Navigation.cjs.map

package/dist/components/Navigation/Navigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.cjs","sources":["../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { Direction } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritNavigationProps } from '../../types';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationProps> = {\n  direction: Direction.HORIZONTAL,\n};\n\nconst Navigation = (props: SpiritNavigationProps): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <nav {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      <ul>{children}</ul>\n    </nav>\n  );\n};\n\nNavigation.spiritComponent = 'Navigation';\n\nexport default Navigation;\n"],"names":["defaultProps","Direction","Navigation","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","classNames","jsx"],"mappings":"oTASMA,EAA+C,CACnD,UAAWC,EAAAA,UAAU,UACvB,EAEMC,EAAcC,GAA+C,CACjE,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwBH,CAAS,EACxE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,aACG,MAAA,CAAK,GAAGG,EAAY,UAAWE,EAAWN,EAAW,KAAMG,EAAW,SAAS,EAAG,MAAOA,EAAW,MACnG,SAAAI,EAAAA,IAAC,KAAA,CAAI,SAAAT,EAAS,EAChB,CAEJ,EAEAH,EAAW,gBAAkB"}

package/dist/components/Navigation/Navigation.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritNavigationProps } from '../../types';
+declare const Navigation: {
+    (props: SpiritNavigationProps): ReactElement;
+    spiritComponent: string;
+};
+export default Navigation;

package/dist/components/Navigation/Navigation.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import c from "classnames";
+import { Direction as l } from "../../constants/direction.js";
+import { useStyleProps as m } from "../../hooks/styleProps.js";
+import { useNavigationStyleProps as f } from "./useNavigationStyleProps.js";
+const u = {
+  direction: l.HORIZONTAL
+}, P = (t) => {
+  const r = { ...u, ...t }, { children: e, ...i } = r, { classProps: p, props: a } = f(i), { styleProps: o, props: n } = m(a);
+  return /* @__PURE__ */ s("nav", { ...n, className: c(p.root, o.className), style: o.style, children: /* @__PURE__ */ s("ul", { children: e }) });
+};
+P.spiritComponent = "Navigation";
+export {
+  P as default
+};
+//# sourceMappingURL=Navigation.js.map

package/dist/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sources":["../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { Direction } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritNavigationProps } from '../../types';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationProps> = {\n  direction: Direction.HORIZONTAL,\n};\n\nconst Navigation = (props: SpiritNavigationProps): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <nav {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      <ul>{children}</ul>\n    </nav>\n  );\n};\n\nNavigation.spiritComponent = 'Navigation';\n\nexport default Navigation;\n"],"names":["defaultProps","Direction","Navigation","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","classNames","jsx"],"mappings":";;;;;;AASA,MAAMA,IAA+C;AAAA,EACnD,WAAWC,EAAU;AACvB,GAEMC,IAAa,CAACC,MAA+C;AACjE,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,GAAGC,EAAA,IAAcF,GAE7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAwBH,CAAS,GACxE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,2BACG,OAAA,EAAK,GAAGG,GAAY,WAAWE,EAAWN,EAAW,MAAMG,EAAW,SAAS,GAAG,OAAOA,EAAW,OACnG,UAAA,gBAAAI,EAAC,MAAA,EAAI,UAAAT,GAAS,GAChB;AAEJ;AAEAH,EAAW,kBAAkB;"}

package/dist/components/Navigation/NavigationAction.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react/jsx-runtime"),m=require("react"),v=require("../../constants/dictionaries.cjs"),N=require("../../hooks/styleProps.cjs"),S=require("../../utils/mergeStyleProps.cjs"),f=require("./useNavigationActionProps.cjs"),q=require("./useNavigationStyleProps.cjs"),r={elementType:"a",variant:v.ShapeVariants.BOX},A=(i,n)=>{const e={...r,...i},{elementType:a=r.elementType,children:c,...p}=e,s=e.isDisabled?"span":a,{navigationActionProps:l}=f.useNavigationActionProps(e),{classProps:u,props:P}=q.useNavigationStyleProps(p),{styleProps:g,props:o}=N.useStyleProps(P),y=S.mergeStyleProps(s,{classProps:u.action,styleProps:g,otherProps:o});return d.jsx(s,{...o,...l,...y,ref:n,children:c})},t=m.forwardRef(A);t.spiritComponent="NavigationAction";t.displayName="NavigationAction";exports.default=t;
+//# sourceMappingURL=NavigationAction.cjs.map

package/dist/components/Navigation/NavigationAction.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAction.cjs","sources":["../../../src/components/Navigation/NavigationAction.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { ShapeVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type NavigationActionProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritNavigationActionProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useNavigationActionProps } from './useNavigationActionProps';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationActionProps> = {\n  elementType: 'a',\n  variant: ShapeVariants.BOX,\n};\n\nconst _NavigationAction = <E extends ElementType = 'a'>(\n  props: SpiritNavigationActionProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n  const ElementTag = propsWithDefaults.isDisabled ? 'span' : elementType;\n\n  const { navigationActionProps } = useNavigationActionProps(propsWithDefaults);\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.action, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...navigationActionProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst NavigationAction = forwardRef<HTMLAnchorElement, SpiritNavigationActionProps<'a'>>(\n  _NavigationAction,\n) as unknown as PolymorphicComponent<'a', NavigationActionProps<ElementType>>;\n\nNavigationAction.spiritComponent = 'NavigationAction';\nNavigationAction.displayName = 'NavigationAction';\n\nexport default NavigationAction;\n"],"names":["defaultProps","ShapeVariants","_NavigationAction","props","ref","propsWithDefaults","elementType","children","restProps","ElementTag","navigationActionProps","useNavigationActionProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","NavigationAction","forwardRef"],"mappings":"2YAeMA,EAAqD,CACzD,YAAa,IACb,QAASC,EAAAA,cAAc,GACzB,EAEMC,EAAoB,CACxBC,EACAC,IACG,CACH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CAAE,YAAAG,EAAcN,EAAa,YAA4B,SAAAO,EAAU,GAAGC,GAAcH,EACpFI,EAAaJ,EAAkB,WAAa,OAASC,EAErD,CAAE,sBAAAI,CAAA,EAA0BC,EAAAA,yBAAyBN,CAAiB,EACtE,CAAE,WAAAO,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwBN,CAAS,EACxE,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBV,EAAY,CAAE,WAAYG,EAAW,OAAA,WAAQG,EAAY,WAAAC,EAAY,EAE9G,OACEI,EAAAA,IAACX,GAAY,GAAGO,EAAa,GAAGN,EAAwB,GAAGQ,EAAkB,IAAAd,EAC1E,SAAAG,EACH,CAEJ,EAEMc,EAAmBC,EAAAA,WACvBpB,CACF,EAEAmB,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}

package/dist/components/Navigation/NavigationAction.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { NavigationActionProps, PolymorphicComponent } from '../../types';
+declare const NavigationAction: PolymorphicComponent<"a", NavigationActionProps<ElementType>>;
+export default NavigationAction;

package/dist/components/Navigation/NavigationAction.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { ShapeVariants as y } from "../../constants/dictionaries.js";
+import { useStyleProps as v } from "../../hooks/styleProps.js";
+import { mergeStyleProps as N } from "../../utils/mergeStyleProps.js";
+import { useNavigationActionProps as A } from "./useNavigationActionProps.js";
+import { useNavigationStyleProps as S } from "./useNavigationStyleProps.js";
+const r = {
+  elementType: "a",
+  variant: y.BOX
+}, h = (i, n) => {
+  const o = { ...r, ...i }, { elementType: p = r.elementType, children: a, ...m } = o, t = o.isDisabled ? "span" : p, { navigationActionProps: c } = A(o), { classProps: l, props: f } = S(m), { styleProps: P, props: s } = v(f), g = N(t, { classProps: l.action, styleProps: P, otherProps: s });
+  return /* @__PURE__ */ d(t, { ...s, ...c, ...g, ref: n, children: a });
+}, e = u(
+  h
+);
+e.spiritComponent = "NavigationAction";
+e.displayName = "NavigationAction";
+export {
+  e as default
+};
+//# sourceMappingURL=NavigationAction.js.map

package/dist/components/Navigation/NavigationAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAction.js","sources":["../../../src/components/Navigation/NavigationAction.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { ShapeVariants } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type NavigationActionProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritNavigationActionProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useNavigationActionProps } from './useNavigationActionProps';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationActionProps> = {\n  elementType: 'a',\n  variant: ShapeVariants.BOX,\n};\n\nconst _NavigationAction = <E extends ElementType = 'a'>(\n  props: SpiritNavigationActionProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n  const ElementTag = propsWithDefaults.isDisabled ? 'span' : elementType;\n\n  const { navigationActionProps } = useNavigationActionProps(propsWithDefaults);\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.action, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...navigationActionProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst NavigationAction = forwardRef<HTMLAnchorElement, SpiritNavigationActionProps<'a'>>(\n  _NavigationAction,\n) as unknown as PolymorphicComponent<'a', NavigationActionProps<ElementType>>;\n\nNavigationAction.spiritComponent = 'NavigationAction';\nNavigationAction.displayName = 'NavigationAction';\n\nexport default NavigationAction;\n"],"names":["defaultProps","ShapeVariants","_NavigationAction","props","ref","propsWithDefaults","elementType","children","restProps","ElementTag","navigationActionProps","useNavigationActionProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","NavigationAction","forwardRef"],"mappings":";;;;;;;;AAeA,MAAMA,IAAqD;AAAA,EACzD,aAAa;AAAA,EACb,SAASC,EAAc;AACzB,GAEMC,IAAoB,CACxBC,GACAC,MACG;AACH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAAG,IAAcN,EAAa,aAA4B,UAAAO,GAAU,GAAGC,MAAcH,GACpFI,IAAaJ,EAAkB,aAAa,SAASC,GAErD,EAAE,uBAAAI,EAAA,IAA0BC,EAAyBN,CAAiB,GACtE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAkBC,EAAwBN,CAAS,GACxE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY,EAAE,YAAYG,EAAW,QAAQ,YAAAG,GAAY,YAAAC,GAAY;AAE9G,SACE,gBAAAI,EAACX,KAAY,GAAGO,GAAa,GAAGN,GAAwB,GAAGQ,GAAkB,KAAAd,GAC1E,UAAAG,GACH;AAEJ,GAEMc,IAAmBC;AAAA,EACvBpB;AACF;AAEAmB,EAAiB,kBAAkB;AACnCA,EAAiB,cAAc;"}

package/dist/components/Navigation/NavigationAvatar.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),g=require("react"),m=require("../../constants/dictionaries.cjs"),f=require("../../hooks/styleProps.cjs"),q=require("../../utils/mergeStyleProps.cjs"),N=require("../Avatar/Avatar.cjs"),A=require("./useNavigationStyleProps.cjs"),e={elementType:"a",isSquare:!1,avatarSize:m.Sizes.SMALL},h=(i,n)=>{const l={...e,...i},{elementType:s=e.elementType,avatarContent:p,avatarSize:c=e.avatarSize,isSquare:r,children:u,...v}=l,{classProps:P,props:d}=A.useNavigationStyleProps({isSquare:r,...v}),{styleProps:y,props:a}=f.useStyleProps(d),S=q.mergeStyleProps(s,{classProps:P.avatar,styleProps:y,otherProps:a});return o.jsxs(s,{...a,...S,ref:n,children:[o.jsx(N.default,{size:c,isSquare:r,children:p}),u]})},t=g.forwardRef(h);t.spiritComponent="NavigationAvatar";t.displayName="NavigationAvatar";exports.default=t;
+//# sourceMappingURL=NavigationAvatar.cjs.map

package/dist/components/Navigation/NavigationAvatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAvatar.cjs","sources":["../../../src/components/Navigation/NavigationAvatar.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type NavigationAvatarProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritNavigationAvatarProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { Avatar } from '../Avatar';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationAvatarProps> = {\n  elementType: 'a',\n  isSquare: false,\n  avatarSize: Sizes.SMALL,\n};\n\nconst _NavigationAvatar = <E extends ElementType = 'a'>(\n  props: SpiritNavigationAvatarProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    avatarContent,\n    avatarSize = defaultProps.avatarSize,\n    isSquare,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps({ isSquare, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.avatar, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} ref={ref}>\n      <Avatar size={avatarSize} isSquare={isSquare}>\n        {avatarContent}\n      </Avatar>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst NavigationAvatar = forwardRef<HTMLAnchorElement, SpiritNavigationAvatarProps<'a'>>(\n  _NavigationAvatar as never,\n) as unknown as PolymorphicComponent<'a', NavigationAvatarProps<ElementType>>;\n\nNavigationAvatar.spiritComponent = 'NavigationAvatar';\nNavigationAvatar.displayName = 'NavigationAvatar';\n\nexport default NavigationAvatar;\n"],"names":["defaultProps","Sizes","_NavigationAvatar","props","ref","propsWithDefaults","ElementTag","avatarContent","avatarSize","isSquare","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Avatar","NavigationAvatar","forwardRef"],"mappings":"iYAeMA,EAAqD,CACzD,YAAa,IACb,SAAU,GACV,WAAYC,EAAAA,MAAM,KACpB,EAEMC,EAAoB,CACxBC,EACAC,IACG,CACH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CACJ,YAAaG,EAAaN,EAAa,YACvC,cAAAO,EACA,WAAAC,EAAaR,EAAa,WAC1B,SAAAS,EACA,SAAAC,EACA,GAAGC,CAAA,EACDN,EAEE,CAAE,WAAAO,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwB,CAAE,SAAAL,EAAU,GAAGE,EAAW,EACzF,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBb,EAAY,CAAE,WAAYM,EAAW,OAAA,WAAQG,EAAY,WAAAC,EAAY,EAE9G,cACGV,EAAA,CAAY,GAAGU,EAAa,GAAGE,EAAkB,IAAAd,EAChD,SAAA,CAAAgB,EAAAA,IAACC,EAAAA,QAAA,CAAO,KAAMb,EAAY,SAAAC,EACvB,SAAAF,EACH,EACCG,CAAA,EACH,CAEJ,EAEMY,EAAmBC,EAAAA,WACvBrB,CACF,EAEAoB,EAAiB,gBAAkB,mBACnCA,EAAiB,YAAc"}

package/dist/components/Navigation/NavigationAvatar.d.ts

@@ -0,0 +1,4 @@
+import { ElementType } from 'react';
+import { NavigationAvatarProps, PolymorphicComponent } from '../../types';
+declare const NavigationAvatar: PolymorphicComponent<"a", NavigationAvatarProps<ElementType>>;
+export default NavigationAvatar;

package/dist/components/Navigation/NavigationAvatar.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as d, jsx as u } from "react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { Sizes as g } from "../../constants/dictionaries.js";
+import { useStyleProps as A } from "../../hooks/styleProps.js";
+import { mergeStyleProps as N } from "../../utils/mergeStyleProps.js";
+import h from "../Avatar/Avatar.js";
+import { useNavigationStyleProps as z } from "./useNavigationStyleProps.js";
+const r = {
+  elementType: "a",
+  isSquare: !1,
+  avatarSize: g.SMALL
+}, T = (s, i) => {
+  const p = { ...r, ...s }, {
+    elementType: t = r.elementType,
+    avatarContent: n,
+    avatarSize: m = r.avatarSize,
+    isSquare: e,
+    children: l,
+    ...c
+  } = p, { classProps: v, props: f } = z({ isSquare: e, ...c }), { styleProps: P, props: a } = A(f), S = N(t, { classProps: v.avatar, styleProps: P, otherProps: a });
+  return /* @__PURE__ */ d(t, { ...a, ...S, ref: i, children: [
+    /* @__PURE__ */ u(h, { size: m, isSquare: e, children: n }),
+    l
+  ] });
+}, o = y(
+  T
+);
+o.spiritComponent = "NavigationAvatar";
+o.displayName = "NavigationAvatar";
+export {
+  o as default
+};
+//# sourceMappingURL=NavigationAvatar.js.map

package/dist/components/Navigation/NavigationAvatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationAvatar.js","sources":["../../../src/components/Navigation/NavigationAvatar.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { Sizes } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type NavigationAvatarProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritNavigationAvatarProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { Avatar } from '../Avatar';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationAvatarProps> = {\n  elementType: 'a',\n  isSquare: false,\n  avatarSize: Sizes.SMALL,\n};\n\nconst _NavigationAvatar = <E extends ElementType = 'a'>(\n  props: SpiritNavigationAvatarProps<E>,\n  ref: PolymorphicRef<E>,\n) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    avatarContent,\n    avatarSize = defaultProps.avatarSize,\n    isSquare,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps({ isSquare, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps: classProps.avatar, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} ref={ref}>\n      <Avatar size={avatarSize} isSquare={isSquare}>\n        {avatarContent}\n      </Avatar>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst NavigationAvatar = forwardRef<HTMLAnchorElement, SpiritNavigationAvatarProps<'a'>>(\n  _NavigationAvatar as never,\n) as unknown as PolymorphicComponent<'a', NavigationAvatarProps<ElementType>>;\n\nNavigationAvatar.spiritComponent = 'NavigationAvatar';\nNavigationAvatar.displayName = 'NavigationAvatar';\n\nexport default NavigationAvatar;\n"],"names":["defaultProps","Sizes","_NavigationAvatar","props","ref","propsWithDefaults","ElementTag","avatarContent","avatarSize","isSquare","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Avatar","NavigationAvatar","forwardRef"],"mappings":";;;;;;;;AAeA,MAAMA,IAAqD;AAAA,EACzD,aAAa;AAAA,EACb,UAAU;AAAA,EACV,YAAYC,EAAM;AACpB,GAEMC,IAAoB,CACxBC,GACAC,MACG;AACH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGG,EAAA,GAC1C;AAAA,IACJ,aAAaG,IAAaN,EAAa;AAAA,IACvC,eAAAO;AAAA,IACA,YAAAC,IAAaR,EAAa;AAAA,IAC1B,UAAAS;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDN,GAEE,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAkBC,EAAwB,EAAE,UAAAL,GAAU,GAAGE,GAAW,GACzF,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBb,GAAY,EAAE,YAAYM,EAAW,QAAQ,YAAAG,GAAY,YAAAC,GAAY;AAE9G,2BACGV,GAAA,EAAY,GAAGU,GAAa,GAAGE,GAAkB,KAAAd,GAChD,UAAA;AAAA,IAAA,gBAAAgB,EAACC,GAAA,EAAO,MAAMb,GAAY,UAAAC,GACvB,UAAAF,GACH;AAAA,IACCG;AAAA,EAAA,GACH;AAEJ,GAEMY,IAAmBC;AAAA,EACvBrB;AACF;AAEAoB,EAAiB,kBAAkB;AACnCA,EAAiB,cAAc;"}

package/dist/components/Navigation/NavigationItem.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),u=require("classnames"),p=require("../../constants/dictionaries.cjs"),m=require("../../hooks/styleProps.cjs"),P=require("./useNavigationStyleProps.cjs"),d={alignmentY:p.AlignmentYExtended.CENTER},s=t=>{const o={...d,...t},{children:r,...i}=o,{classProps:n,props:l}=P.useNavigationStyleProps(i),{styleProps:e,props:a}=m.useStyleProps(l);return c.jsx("li",{...a,className:u(n.item,e.className),style:e.style,children:r})};s.spiritComponent="NavigationItem";exports.default=s;
+//# sourceMappingURL=NavigationItem.cjs.map

package/dist/components/Navigation/NavigationItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.cjs","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { AlignmentYExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritNavigationItemProps } from '../../types';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationItemProps> = {\n  alignmentY: AlignmentYExtended.CENTER,\n};\n\nconst NavigationItem = (props: SpiritNavigationItemProps): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <li {...otherProps} className={classNames(classProps.item, styleProps.className)} style={styleProps.style}>\n      {children}\n    </li>\n  );\n};\n\nNavigationItem.spiritComponent = 'NavigationItem';\n\nexport default NavigationItem;\n"],"names":["defaultProps","AlignmentYExtended","NavigationItem","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"uTASMA,EAAmD,CACvD,WAAYC,EAAAA,mBAAmB,MACjC,EAEMC,EAAkBC,GAAmD,CACzE,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,SAAAE,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,wBAAwBH,CAAS,EACxE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAAC,KAAA,CAAI,GAAGF,EAAY,UAAWG,EAAWP,EAAW,KAAMG,EAAW,SAAS,EAAG,MAAOA,EAAW,MACjG,SAAAL,EACH,CAEJ,EAEAH,EAAe,gBAAkB"}

package/dist/components/Navigation/NavigationItem.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SpiritNavigationItemProps } from '../../types';
+declare const NavigationItem: {
+    (props: SpiritNavigationItemProps): ReactElement;
+    spiritComponent: string;
+};
+export default NavigationItem;

package/dist/components/Navigation/NavigationItem.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import a from "classnames";
+import { AlignmentYExtended as l } from "../../constants/dictionaries.js";
+import { useStyleProps as c } from "../../hooks/styleProps.js";
+import { useNavigationStyleProps as f } from "./useNavigationStyleProps.js";
+const u = {
+  alignmentY: l.CENTER
+}, P = (t) => {
+  const o = { ...u, ...t }, { children: e, ...r } = o, { classProps: i, props: p } = f(r), { styleProps: s, props: m } = c(p);
+  return /* @__PURE__ */ n("li", { ...m, className: a(i.item, s.className), style: s.style, children: e });
+};
+P.spiritComponent = "NavigationItem";
+export {
+  P as default
+};
+//# sourceMappingURL=NavigationItem.js.map

package/dist/components/Navigation/NavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationItem.js","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { AlignmentYExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritNavigationItemProps } from '../../types';\nimport { useNavigationStyleProps } from './useNavigationStyleProps';\n\nconst defaultProps: Partial<SpiritNavigationItemProps> = {\n  alignmentY: AlignmentYExtended.CENTER,\n};\n\nconst NavigationItem = (props: SpiritNavigationItemProps): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { children, ...restProps } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useNavigationStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <li {...otherProps} className={classNames(classProps.item, styleProps.className)} style={styleProps.style}>\n      {children}\n    </li>\n  );\n};\n\nNavigationItem.spiritComponent = 'NavigationItem';\n\nexport default NavigationItem;\n"],"names":["defaultProps","AlignmentYExtended","NavigationItem","props","propsWithDefaults","children","restProps","classProps","modifiedProps","useNavigationStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;;AASA,MAAMA,IAAmD;AAAA,EACvD,YAAYC,EAAmB;AACjC,GAEMC,IAAiB,CAACC,MAAmD;AACzE,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,UAAAE,GAAU,GAAGC,EAAA,IAAcF,GAE7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAAwBH,CAAS,GACxE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK,EAAC,MAAA,EAAI,GAAGF,GAAY,WAAWG,EAAWP,EAAW,MAAMG,EAAW,SAAS,GAAG,OAAOA,EAAW,OACjG,UAAAL,GACH;AAEJ;AAEAH,EAAe,kBAAkB;"}

package/dist/components/Navigation/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Navigation.cjs"),i=require("./NavigationAction.cjs"),a=require("./NavigationAvatar.cjs"),e=require("./NavigationItem.cjs"),o=require("./useNavigationStyleProps.cjs"),n=require("./useNavigationActionProps.cjs");exports.Navigation=t.default;exports.NavigationAction=i.default;exports.NavigationAvatar=a.default;exports.NavigationItem=e.default;exports.useNavigationStyleProps=o.useNavigationStyleProps;exports.useNavigationActionProps=n.useNavigationActionProps;
+//# sourceMappingURL=index.cjs.map

package/dist/components/Navigation/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Navigation/index.js

@@ -0,0 +1,15 @@
+import { default as o } from "./Navigation.js";
+import { default as e } from "./NavigationAction.js";
+import { default as f } from "./NavigationAvatar.js";
+import { default as n } from "./NavigationItem.js";
+import { useNavigationStyleProps as m } from "./useNavigationStyleProps.js";
+import { useNavigationActionProps as v } from "./useNavigationActionProps.js";
+export {
+  o as Navigation,
+  e as NavigationAction,
+  f as NavigationAvatar,
+  n as NavigationItem,
+  v as useNavigationActionProps,
+  m as useNavigationStyleProps
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Navigation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/components/Navigation/useNavigationActionProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=o=>{const{isDisabled:t,href:i,target:e,rel:r}=o;return{navigationActionProps:{href:t?void 0:i,target:t?void 0:e,rel:t?void 0:r}}};exports.useNavigationActionProps=n;
+//# sourceMappingURL=useNavigationActionProps.cjs.map

package/dist/components/Navigation/useNavigationActionProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationActionProps.cjs","sources":["../../../src/components/Navigation/useNavigationActionProps.ts"],"sourcesContent":["import { type SpiritNavigationActionProps } from '../../types';\n\nexport type UseNavigationActionProps = Partial<SpiritNavigationActionProps>;\n\nexport type UseNavigationActionReturn = {\n  navigationActionProps: UseNavigationActionProps;\n};\n\nexport const useNavigationActionProps = (props: UseNavigationActionProps): UseNavigationActionReturn => {\n  const { isDisabled, href, target, rel } = props;\n\n  const navigationActionProps: Partial<SpiritNavigationActionProps> = {\n    href: isDisabled ? undefined : href,\n    target: isDisabled ? undefined : target,\n    rel: isDisabled ? undefined : rel,\n  };\n\n  return {\n    navigationActionProps,\n  };\n};\n"],"names":["useNavigationActionProps","props","isDisabled","href","target","rel"],"mappings":"gFAQO,MAAMA,EAA4BC,GAA+D,CACtG,KAAM,CAAE,WAAAC,EAAY,KAAAC,EAAM,OAAAC,EAAQ,IAAAC,GAAQJ,EAQ1C,MAAO,CACL,sBAPkE,CAClE,KAAMC,EAAa,OAAYC,EAC/B,OAAQD,EAAa,OAAYE,EACjC,IAAKF,EAAa,OAAYG,CAAA,CAI9B,CAEJ"}

package/dist/components/Navigation/useNavigationActionProps.d.ts

@@ -0,0 +1,6 @@
+import { SpiritNavigationActionProps } from '../../types';
+export type UseNavigationActionProps = Partial<SpiritNavigationActionProps>;
+export type UseNavigationActionReturn = {
+    navigationActionProps: UseNavigationActionProps;
+};
+export declare const useNavigationActionProps: (props: UseNavigationActionProps) => UseNavigationActionReturn;

package/dist/components/Navigation/useNavigationActionProps.js

@@ -0,0 +1,14 @@
+const s = (o) => {
+  const { isDisabled: t, href: i, target: r, rel: n } = o;
+  return {
+    navigationActionProps: {
+      href: t ? void 0 : i,
+      target: t ? void 0 : r,
+      rel: t ? void 0 : n
+    }
+  };
+};
+export {
+  s as useNavigationActionProps
+};
+//# sourceMappingURL=useNavigationActionProps.js.map

package/dist/components/Navigation/useNavigationActionProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationActionProps.js","sources":["../../../src/components/Navigation/useNavigationActionProps.ts"],"sourcesContent":["import { type SpiritNavigationActionProps } from '../../types';\n\nexport type UseNavigationActionProps = Partial<SpiritNavigationActionProps>;\n\nexport type UseNavigationActionReturn = {\n  navigationActionProps: UseNavigationActionProps;\n};\n\nexport const useNavigationActionProps = (props: UseNavigationActionProps): UseNavigationActionReturn => {\n  const { isDisabled, href, target, rel } = props;\n\n  const navigationActionProps: Partial<SpiritNavigationActionProps> = {\n    href: isDisabled ? undefined : href,\n    target: isDisabled ? undefined : target,\n    rel: isDisabled ? undefined : rel,\n  };\n\n  return {\n    navigationActionProps,\n  };\n};\n"],"names":["useNavigationActionProps","props","isDisabled","href","target","rel"],"mappings":"AAQO,MAAMA,IAA2B,CAACC,MAA+D;AACtG,QAAM,EAAE,YAAAC,GAAY,MAAAC,GAAM,QAAAC,GAAQ,KAAAC,MAAQJ;AAQ1C,SAAO;AAAA,IACL,uBAPkE;AAAA,MAClE,MAAMC,IAAa,SAAYC;AAAA,MAC/B,QAAQD,IAAa,SAAYE;AAAA,MACjC,KAAKF,IAAa,SAAYG;AAAA,IAAA;AAAA,EAI9B;AAEJ;"}

package/dist/components/Navigation/useNavigationStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("classnames"),o=require("../../constants/dictionaries.cjs"),N=require("../../constants/direction.cjs"),q=require("../../hooks/useAlignmentClass.cjs"),P=require("../../hooks/useClassNamePrefix.cjs"),S=({isDisabled:r=!1,isSelected:c=!1,isSquare:l=!1,alignmentY:n=o.AlignmentYExtended.CENTER,direction:g=N.Direction.HORIZONTAL,variant:u=o.ShapeVariants.BOX,...v})=>{const s=P.useClassNamePrefix("Navigation"),a=`${s}Action`,i=`${s}Avatar`,e=`${s}Item`,C=`${s}--${g}`,d=`${a}--disabled`,A=`${a}--selected`,m=`${a}--${u}`,$=`${i}--square`,p=t(e,{[q.useAlignmentClass(e,n,"alignmentY")]:n});return{classProps:{root:t(s,C),action:t(a,m,{[d]:r,[A]:c}),avatar:t(i,{[$]:l}),item:p},props:v}};exports.useNavigationStyleProps=S;
+//# sourceMappingURL=useNavigationStyleProps.cjs.map

package/dist/components/Navigation/useNavigationStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationStyleProps.cjs","sources":["../../../src/components/Navigation/useNavigationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { AlignmentYExtended, Direction, ShapeVariants } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type DirectionDictionaryType,\n  type NavigationActionVariantsType,\n  type SpiritNavigationActionProps,\n  type SpiritNavigationItemAlignmentYType,\n  type SpiritNavigationItemProps,\n} from '../../types';\n\nexport interface UseNavigationStyleProps {\n  alignmentY?: SpiritNavigationItemAlignmentYType;\n  direction?: DirectionDictionaryType;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  isSquare?: boolean;\n  variant?: NavigationActionVariantsType;\n}\n\nexport interface UseNavigationStyleReturn {\n  classProps: {\n    root: string;\n    action: string;\n    avatar: string;\n    item: string;\n  };\n  props: SpiritNavigationItemProps | SpiritNavigationActionProps;\n}\n\nexport const useNavigationStyleProps = ({\n  isDisabled = false,\n  isSelected = false,\n  isSquare = false,\n  alignmentY = AlignmentYExtended.CENTER,\n  direction = Direction.HORIZONTAL,\n  variant = ShapeVariants.BOX,\n  ...restProps\n}: UseNavigationStyleProps): UseNavigationStyleReturn => {\n  const navigationClass = useClassNamePrefix('Navigation');\n  const navigationActionClass = `${navigationClass}Action`;\n  const navigationAvatarClass = `${navigationClass}Avatar`;\n  const navigationItemClass = `${navigationClass}Item`;\n\n  const navigationDirectionClass = `${navigationClass}--${direction}`;\n  const navigationActionDisabledClass = `${navigationActionClass}--disabled`;\n  const navigationActionSelectedClass = `${navigationActionClass}--selected`;\n  const navigationActionVariantClass = `${navigationActionClass}--${variant}`;\n\n  const navigationAvatarSquareClass = `${navigationAvatarClass}--square`;\n\n  const navigationItemClasses = classNames(navigationItemClass, {\n    [useAlignmentClass(navigationItemClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n  });\n\n  const classProps = {\n    root: classNames(navigationClass, navigationDirectionClass),\n    action: classNames(navigationActionClass, navigationActionVariantClass, {\n      [navigationActionDisabledClass]: isDisabled,\n      [navigationActionSelectedClass]: isSelected,\n    }),\n    avatar: classNames(navigationAvatarClass, {\n      [navigationAvatarSquareClass]: isSquare,\n    }),\n    item: navigationItemClasses,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useNavigationStyleProps","isDisabled","isSelected","isSquare","alignmentY","AlignmentYExtended","direction","Direction","variant","ShapeVariants","restProps","navigationClass","useClassNamePrefix","navigationActionClass","navigationAvatarClass","navigationItemClass","navigationDirectionClass","navigationActionDisabledClass","navigationActionSelectedClass","navigationActionVariantClass","navigationAvatarSquareClass","navigationItemClasses","classNames","useAlignmentClass"],"mappings":"sSA8BaA,EAA0B,CAAC,CACtC,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,SAAAC,EAAW,GACX,WAAAC,EAAaC,EAAAA,mBAAmB,OAAA,UAChCC,EAAYC,EAAAA,UAAU,WACtB,QAAAC,EAAUC,EAAAA,cAAc,IACxB,GAAGC,CACL,IAAyD,CACvD,MAAMC,EAAkBC,EAAAA,mBAAmB,YAAY,EACjDC,EAAwB,GAAGF,CAAe,SAC1CG,EAAwB,GAAGH,CAAe,SAC1CI,EAAsB,GAAGJ,CAAe,OAExCK,EAA2B,GAAGL,CAAe,KAAKL,CAAS,GAC3DW,EAAgC,GAAGJ,CAAqB,aACxDK,EAAgC,GAAGL,CAAqB,aACxDM,EAA+B,GAAGN,CAAqB,KAAKL,CAAO,GAEnEY,EAA8B,GAAGN,CAAqB,WAEtDO,EAAwBC,EAAWP,EAAqB,CAC5D,CAACQ,oBAAkBR,EAAqBX,EAAqC,YAAY,CAAC,EAAGA,CAAA,CAC9F,EAcD,MAAO,CACL,WAbiB,CACjB,KAAMkB,EAAWX,EAAiBK,CAAwB,EAC1D,OAAQM,EAAWT,EAAuBM,EAA8B,CACtE,CAACF,CAA6B,EAAGhB,EACjC,CAACiB,CAA6B,EAAGhB,CAAA,CAClC,EACD,OAAQoB,EAAWR,EAAuB,CACxC,CAACM,CAA2B,EAAGjB,CAAA,CAChC,EACD,KAAMkB,CAAA,EAKN,MAAOX,CAAA,CAEX"}

package/dist/components/Navigation/useNavigationStyleProps.d.ts

@@ -0,0 +1,19 @@
+import { DirectionDictionaryType, NavigationActionVariantsType, SpiritNavigationActionProps, SpiritNavigationItemAlignmentYType, SpiritNavigationItemProps } from '../../types';
+export interface UseNavigationStyleProps {
+    alignmentY?: SpiritNavigationItemAlignmentYType;
+    direction?: DirectionDictionaryType;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+    isSquare?: boolean;
+    variant?: NavigationActionVariantsType;
+}
+export interface UseNavigationStyleReturn {
+    classProps: {
+        root: string;
+        action: string;
+        avatar: string;
+        item: string;
+    };
+    props: SpiritNavigationItemProps | SpiritNavigationActionProps;
+}
+export declare const useNavigationStyleProps: ({ isDisabled, isSelected, isSquare, alignmentY, direction, variant, ...restProps }: UseNavigationStyleProps) => UseNavigationStyleReturn;

package/dist/components/Navigation/useNavigationStyleProps.js

@@ -0,0 +1,36 @@
+import t from "classnames";
+import { AlignmentYExtended as d, ShapeVariants as u } from "../../constants/dictionaries.js";
+import { Direction as N } from "../../constants/direction.js";
+import { useAlignmentClass as I } from "../../hooks/useAlignmentClass.js";
+import { useClassNamePrefix as P } from "../../hooks/useClassNamePrefix.js";
+const q = ({
+  isDisabled: e = !1,
+  isSelected: r = !1,
+  isSquare: c = !1,
+  alignmentY: n = d.CENTER,
+  direction: l = N.HORIZONTAL,
+  variant: m = u.BOX,
+  ...v
+}) => {
+  const a = P("Navigation"), s = `${a}Action`, o = `${a}Avatar`, i = `${a}Item`, g = `${a}--${l}`, C = `${s}--disabled`, p = `${s}--selected`, A = `${s}--${m}`, $ = `${o}--square`, f = t(i, {
+    [I(i, n, "alignmentY")]: n
+  });
+  return {
+    classProps: {
+      root: t(a, g),
+      action: t(s, A, {
+        [C]: e,
+        [p]: r
+      }),
+      avatar: t(o, {
+        [$]: c
+      }),
+      item: f
+    },
+    props: v
+  };
+};
+export {
+  q as useNavigationStyleProps
+};
+//# sourceMappingURL=useNavigationStyleProps.js.map

package/dist/components/Navigation/useNavigationStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNavigationStyleProps.js","sources":["../../../src/components/Navigation/useNavigationStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { AlignmentYExtended, Direction, ShapeVariants } from '../../constants';\nimport { type AlignmentPropertyType, useAlignmentClass, useClassNamePrefix } from '../../hooks';\nimport {\n  type DirectionDictionaryType,\n  type NavigationActionVariantsType,\n  type SpiritNavigationActionProps,\n  type SpiritNavigationItemAlignmentYType,\n  type SpiritNavigationItemProps,\n} from '../../types';\n\nexport interface UseNavigationStyleProps {\n  alignmentY?: SpiritNavigationItemAlignmentYType;\n  direction?: DirectionDictionaryType;\n  isDisabled?: boolean;\n  isSelected?: boolean;\n  isSquare?: boolean;\n  variant?: NavigationActionVariantsType;\n}\n\nexport interface UseNavigationStyleReturn {\n  classProps: {\n    root: string;\n    action: string;\n    avatar: string;\n    item: string;\n  };\n  props: SpiritNavigationItemProps | SpiritNavigationActionProps;\n}\n\nexport const useNavigationStyleProps = ({\n  isDisabled = false,\n  isSelected = false,\n  isSquare = false,\n  alignmentY = AlignmentYExtended.CENTER,\n  direction = Direction.HORIZONTAL,\n  variant = ShapeVariants.BOX,\n  ...restProps\n}: UseNavigationStyleProps): UseNavigationStyleReturn => {\n  const navigationClass = useClassNamePrefix('Navigation');\n  const navigationActionClass = `${navigationClass}Action`;\n  const navigationAvatarClass = `${navigationClass}Avatar`;\n  const navigationItemClass = `${navigationClass}Item`;\n\n  const navigationDirectionClass = `${navigationClass}--${direction}`;\n  const navigationActionDisabledClass = `${navigationActionClass}--disabled`;\n  const navigationActionSelectedClass = `${navigationActionClass}--selected`;\n  const navigationActionVariantClass = `${navigationActionClass}--${variant}`;\n\n  const navigationAvatarSquareClass = `${navigationAvatarClass}--square`;\n\n  const navigationItemClasses = classNames(navigationItemClass, {\n    [useAlignmentClass(navigationItemClass, alignmentY as AlignmentPropertyType, 'alignmentY')]: alignmentY,\n  });\n\n  const classProps = {\n    root: classNames(navigationClass, navigationDirectionClass),\n    action: classNames(navigationActionClass, navigationActionVariantClass, {\n      [navigationActionDisabledClass]: isDisabled,\n      [navigationActionSelectedClass]: isSelected,\n    }),\n    avatar: classNames(navigationAvatarClass, {\n      [navigationAvatarSquareClass]: isSquare,\n    }),\n    item: navigationItemClasses,\n  };\n\n  return {\n    classProps,\n    props: restProps,\n  };\n};\n"],"names":["useNavigationStyleProps","isDisabled","isSelected","isSquare","alignmentY","AlignmentYExtended","direction","Direction","variant","ShapeVariants","restProps","navigationClass","useClassNamePrefix","navigationActionClass","navigationAvatarClass","navigationItemClass","navigationDirectionClass","navigationActionDisabledClass","navigationActionSelectedClass","navigationActionVariantClass","navigationAvatarSquareClass","navigationItemClasses","classNames","useAlignmentClass"],"mappings":";;;;;AA8BO,MAAMA,IAA0B,CAAC;AAAA,EACtC,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAaC,EAAmB;AAAA,EAChC,WAAAC,IAAYC,EAAU;AAAA,EACtB,SAAAC,IAAUC,EAAc;AAAA,EACxB,GAAGC;AACL,MAAyD;AACvD,QAAMC,IAAkBC,EAAmB,YAAY,GACjDC,IAAwB,GAAGF,CAAe,UAC1CG,IAAwB,GAAGH,CAAe,UAC1CI,IAAsB,GAAGJ,CAAe,QAExCK,IAA2B,GAAGL,CAAe,KAAKL,CAAS,IAC3DW,IAAgC,GAAGJ,CAAqB,cACxDK,IAAgC,GAAGL,CAAqB,cACxDM,IAA+B,GAAGN,CAAqB,KAAKL,CAAO,IAEnEY,IAA8B,GAAGN,CAAqB,YAEtDO,IAAwBC,EAAWP,GAAqB;AAAA,IAC5D,CAACQ,EAAkBR,GAAqBX,GAAqC,YAAY,CAAC,GAAGA;AAAA,EAAA,CAC9F;AAcD,SAAO;AAAA,IACL,YAbiB;AAAA,MACjB,MAAMkB,EAAWX,GAAiBK,CAAwB;AAAA,MAC1D,QAAQM,EAAWT,GAAuBM,GAA8B;AAAA,QACtE,CAACF,CAA6B,GAAGhB;AAAA,QACjC,CAACiB,CAA6B,GAAGhB;AAAA,MAAA,CAClC;AAAA,MACD,QAAQoB,EAAWR,GAAuB;AAAA,QACxC,CAACM,CAA2B,GAAGjB;AAAA,MAAA,CAChC;AAAA,MACD,MAAMkB;AAAA,IAAA;AAAA,IAKN,OAAOX;AAAA,EAAA;AAEX;"}

package/dist/components/Navigation.d.ts

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

package/dist/components/NoSsr/NoSsr.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react"),t=({children:s})=>{const[u,o]=e.useState(!1);return e.useEffect(()=>{o(!0)},[]),u?s:null};t.spiritComponent="NoSsr";exports.default=t;
+//# sourceMappingURL=NoSsr.cjs.map

package/dist/components/NoSsr/NoSsr.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoSsr.cjs","sources":["../../../src/components/NoSsr/NoSsr.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { type ChildrenProps } from '../../types';\n\ninterface NoSsrProps extends ChildrenProps {}\n\nconst NoSsr = ({ children }: NoSsrProps): JSX.Element => {\n  const [isMounted, setMount] = useState(false);\n\n  useEffect(() => {\n    setMount(true);\n  }, []);\n\n  // @ts-expect-error Type 'ReactNode' is not assignable to type 'Element'.\n  return isMounted ? children : null;\n};\n\nNoSsr.spiritComponent = 'NoSsr';\n\nexport default NoSsr;\n"],"names":["NoSsr","children","isMounted","setMount","useState","useEffect"],"mappings":"kJAOMA,EAAQ,CAAC,CAAE,SAAAC,KAAwC,CACvD,KAAM,CAACC,EAAWC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAE5CC,OAAAA,EAAAA,UAAU,IAAM,CACdF,EAAS,EAAI,CACf,EAAG,CAAA,CAAE,EAGED,EAAYD,EAAW,IAChC,EAEAD,EAAM,gBAAkB"}

package/dist/components/NoSsr/NoSsr.d.ts

@@ -0,0 +1,8 @@
+import { ChildrenProps } from '../../types';
+interface NoSsrProps extends ChildrenProps {
+}
+declare const NoSsr: {
+    ({ children }: NoSsrProps): JSX.Element;
+    spiritComponent: string;
+};
+export default NoSsr;

package/dist/components/NoSsr/NoSsr.js

@@ -0,0 +1,13 @@
+"use client";
+import { useState as o, useEffect as r } from "react";
+const u = ({ children: t }) => {
+  const [e, s] = o(!1);
+  return r(() => {
+    s(!0);
+  }, []), e ? t : null;
+};
+u.spiritComponent = "NoSsr";
+export {
+  u as default
+};
+//# sourceMappingURL=NoSsr.js.map

package/dist/components/NoSsr/NoSsr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoSsr.js","sources":["../../../src/components/NoSsr/NoSsr.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { type ChildrenProps } from '../../types';\n\ninterface NoSsrProps extends ChildrenProps {}\n\nconst NoSsr = ({ children }: NoSsrProps): JSX.Element => {\n  const [isMounted, setMount] = useState(false);\n\n  useEffect(() => {\n    setMount(true);\n  }, []);\n\n  // @ts-expect-error Type 'ReactNode' is not assignable to type 'Element'.\n  return isMounted ? children : null;\n};\n\nNoSsr.spiritComponent = 'NoSsr';\n\nexport default NoSsr;\n"],"names":["NoSsr","children","isMounted","setMount","useState","useEffect"],"mappings":";;AAOA,MAAMA,IAAQ,CAAC,EAAE,UAAAC,QAAwC;AACvD,QAAM,CAACC,GAAWC,CAAQ,IAAIC,EAAS,EAAK;AAE5C,SAAAC,EAAU,MAAM;AACd,IAAAF,EAAS,EAAI;AAAA,EACf,GAAG,CAAA,CAAE,GAGED,IAAYD,IAAW;AAChC;AAEAD,EAAM,kBAAkB;"}

package/dist/components/NoSsr/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./NoSsr.cjs");exports.NoSsr=e.default;
+//# sourceMappingURL=index.cjs.map

package/dist/components/NoSsr/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/NoSsr/index.js

@@ -0,0 +1,5 @@
+import { default as t } from "./NoSsr.js";
+export {
+  t as NoSsr
+};
+//# sourceMappingURL=index.js.map

package/dist/components/NoSsr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/NoSsr.d.ts

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

package/dist/components/Pagination/Pagination.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"),t=require("../../hooks/styleProps.cjs"),y=require("./usePaginationStyleProps.cjs"),r=o=>{const{children:n,listProps:i={},...l}=o,{classProps:a}=y.usePaginationStyleProps(),{styleProps:p,props:u}=t.useStyleProps(l),{styleProps:s,props:c}=t.useStyleProps(i);return e.jsx("nav",{...u,...p,children:e.jsx("ul",{...s,...c,className:P(a.root,s.className),children:n})})};r.spiritComponent="Pagination";exports.default=r;
+//# sourceMappingURL=Pagination.cjs.map

package/dist/components/Pagination/Pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.cjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPaginationProps } from '../../types';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst Pagination = (props: SpiritPaginationProps) => {\n  const { children, listProps = {}, ...restProps } = props;\n\n  const { classProps } = usePaginationStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { styleProps: listStyleProps, props: listTransferProps } = useStyleProps(listProps);\n\n  return (\n    <nav {...transferProps} {...styleProps}>\n      <ul {...listStyleProps} {...listTransferProps} className={classNames(classProps.root, listStyleProps.className)}>\n        {children}\n      </ul>\n    </nav>\n  );\n};\n\nPagination.spiritComponent = 'Pagination';\n\nexport default Pagination;\n"],"names":["Pagination","props","children","listProps","restProps","classProps","usePaginationStyleProps","styleProps","transferProps","useStyleProps","listStyleProps","listTransferProps","jsx","classNames"],"mappings":"yQAQMA,EAAcC,GAAiC,CACnD,KAAM,CAAE,SAAAC,EAAU,UAAAC,EAAY,CAAA,EAAI,GAAGC,GAAcH,EAE7C,CAAE,WAAAI,CAAA,EAAeC,0BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAC9D,CAAE,WAAYM,EAAgB,MAAOC,CAAA,EAAsBF,EAAAA,cAAcN,CAAS,EAExF,OACES,EAAAA,IAAC,OAAK,GAAGJ,EAAgB,GAAGD,EAC1B,SAAAK,EAAAA,IAAC,MAAI,GAAGF,EAAiB,GAAGC,EAAmB,UAAWE,EAAWR,EAAW,KAAMK,EAAe,SAAS,EAC3G,SAAAR,EACH,EACF,CAEJ,EAEAF,EAAW,gBAAkB"}

package/dist/components/Pagination/Pagination.d.ts

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

package/dist/components/Pagination/Pagination.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import P from "classnames";
+import { useStyleProps as r } from "../../hooks/styleProps.js";
+import { usePaginationStyleProps as m } from "./usePaginationStyleProps.js";
+const f = (t) => {
+  const { children: e, listProps: p = {}, ...n } = t, { classProps: i } = m(), { styleProps: a, props: l } = r(n), { styleProps: s, props: c } = r(p);
+  return /* @__PURE__ */ o("nav", { ...l, ...a, children: /* @__PURE__ */ o("ul", { ...s, ...c, className: P(i.root, s.className), children: e }) });
+};
+f.spiritComponent = "Pagination";
+export {
+  f as default
+};
+//# sourceMappingURL=Pagination.js.map

package/dist/components/Pagination/Pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritPaginationProps } from '../../types';\nimport { usePaginationStyleProps } from './usePaginationStyleProps';\n\nconst Pagination = (props: SpiritPaginationProps) => {\n  const { children, listProps = {}, ...restProps } = props;\n\n  const { classProps } = usePaginationStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const { styleProps: listStyleProps, props: listTransferProps } = useStyleProps(listProps);\n\n  return (\n    <nav {...transferProps} {...styleProps}>\n      <ul {...listStyleProps} {...listTransferProps} className={classNames(classProps.root, listStyleProps.className)}>\n        {children}\n      </ul>\n    </nav>\n  );\n};\n\nPagination.spiritComponent = 'Pagination';\n\nexport default Pagination;\n"],"names":["Pagination","props","children","listProps","restProps","classProps","usePaginationStyleProps","styleProps","transferProps","useStyleProps","listStyleProps","listTransferProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAa,CAACC,MAAiC;AACnD,QAAM,EAAE,UAAAC,GAAU,WAAAC,IAAY,CAAA,GAAI,GAAGC,MAAcH,GAE7C,EAAE,YAAAI,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS,GAC9D,EAAE,YAAYM,GAAgB,OAAOC,EAAA,IAAsBF,EAAcN,CAAS;AAExF,SACE,gBAAAS,EAAC,SAAK,GAAGJ,GAAgB,GAAGD,GAC1B,UAAA,gBAAAK,EAAC,QAAI,GAAGF,GAAiB,GAAGC,GAAmB,WAAWE,EAAWR,EAAW,MAAMK,EAAe,SAAS,GAC3G,UAAAR,GACH,GACF;AAEJ;AAEAF,EAAW,kBAAkB;"}

package/dist/components/Pagination/PaginationButtonLink.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"),l=require("react"),d=require("../../hooks/useI18n.cjs"),p=require("../ButtonLink/ButtonLink.cjs"),g=require("../Icon/Icon.cjs"),f=require("../VisuallyHidden/VisuallyHidden.cjs"),m=(o,r)=>{const{t:n}=d.useI18n(),{direction:i,accessibilityLabel:s,...u}=o,a=s??n(i==="previous"?"pagination.previous":"pagination.next"),c={previous:"chevron-left",next:"chevron-right"};return e.jsxs(p.default,{color:"secondary",isSymmetrical:!0,...u,ref:r,children:[e.jsx(g.default,{name:c[i]}),e.jsx(f.default,{children:a})]})},t=l.forwardRef(m);t.spiritComponent="PaginationButtonLink";t.displayName="PaginationButtonLink";exports.default=t;
+//# sourceMappingURL=PaginationButtonLink.cjs.map

package/dist/components/Pagination/PaginationButtonLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationButtonLink.cjs","sources":["../../../src/components/Pagination/PaginationButtonLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ForwardedRef, forwardRef } from 'react';\nimport { useI18n } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritPaginationButtonLinkProps } from '../../types';\nimport { ButtonLink } from '../Button';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\n\nconst _PaginationButtonLink = <E extends ElementType = 'a'>(\n  props: SpiritPaginationButtonLinkProps<E>,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) => {\n  const { t } = useI18n();\n  const { direction, accessibilityLabel, ...restProps } = props as unknown as SpiritPaginationButtonLinkProps;\n  const directionLabel =\n    accessibilityLabel ?? (direction === 'previous' ? t('pagination.previous') : t('pagination.next'));\n\n  const iconType = {\n    previous: 'chevron-left',\n    next: 'chevron-right',\n  };\n\n  return (\n    <ButtonLink color=\"secondary\" isSymmetrical {...restProps} ref={ref}>\n      <Icon name={iconType[direction]} />\n      <VisuallyHidden>{directionLabel}</VisuallyHidden>\n    </ButtonLink>\n  );\n};\n\nconst PaginationButtonLink = forwardRef<HTMLAnchorElement, SpiritPaginationButtonLinkProps>(\n  _PaginationButtonLink,\n) as ForwardRefComponent<HTMLAnchorElement, SpiritPaginationButtonLinkProps>;\n\nPaginationButtonLink.spiritComponent = 'PaginationButtonLink';\nPaginationButtonLink.displayName = 'PaginationButtonLink';\n\nexport default PaginationButtonLink;\n"],"names":["_PaginationButtonLink","props","ref","t","useI18n","direction","accessibilityLabel","restProps","directionLabel","iconType","jsxs","ButtonLink","jsx","Icon","VisuallyHidden","PaginationButtonLink","forwardRef"],"mappings":"gVASMA,EAAwB,CAC5BC,EACAC,IACG,CACH,KAAM,CAAE,EAAAC,CAAA,EAAMC,UAAA,EACR,CAAE,UAAAC,EAAW,mBAAAC,EAAoB,GAAGC,GAAcN,EAClDO,EACJF,GAAkDH,EAA3BE,IAAc,WAAe,sBAA2B,iBAAN,EAErEI,EAAW,CACf,SAAU,eACV,KAAM,eAAA,EAGR,OACEC,OAACC,EAAAA,SAAW,MAAM,YAAY,cAAa,GAAE,GAAGJ,EAAW,IAAAL,EACzD,SAAA,CAAAU,EAAAA,IAACC,EAAAA,QAAA,CAAK,KAAMJ,EAASJ,CAAS,CAAA,CAAG,EACjCO,EAAAA,IAACE,EAAAA,SAAgB,SAAAN,CAAA,CAAe,CAAA,EAClC,CAEJ,EAEMO,EAAuBC,EAAAA,WAC3BhB,CACF,EAEAe,EAAqB,gBAAkB,uBACvCA,EAAqB,YAAc"}

package/dist/components/Pagination/PaginationButtonLink.d.ts

@@ -0,0 +1,3 @@
+import { ForwardRefComponent, SpiritPaginationButtonLinkProps } from '../../types';
+declare const PaginationButtonLink: ForwardRefComponent<HTMLAnchorElement, SpiritPaginationButtonLinkProps>;
+export default PaginationButtonLink;