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

package/dist/components/Header/HeaderNav.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as t } 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 = (e) => {
+  const { classProps: r } = l(), { styleProps: s, props: o } = p(e);
+  return /* @__PURE__ */ t("ul", { ...o, className: a(r.headerNav, s.className), style: s.style });
+};
+m.spiritComponent = "HeaderNav";
+export {
+  m as default
+};
+//# sourceMappingURL=HeaderNav.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNav.js","sources":["../../../src/components/Header/HeaderNav.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderNavProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderNav = (props: HeaderNavProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <ul {...otherProps} className={classNames(classProps.headerNav, styleProps.className)} style={styleProps.style} />\n  );\n};\n\nHeaderNav.spiritComponent = 'HeaderNav';\n\nexport default HeaderNav;\n"],"names":["HeaderNav","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAY,CAACC,MAA0B;AAC3C,QAAM,EAAE,YAAAC,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAeC,EAAcL,CAAK;AAE7D,SACE,gBAAAM,EAAC,MAAA,EAAI,GAAGF,GAAY,WAAWG,EAAWN,EAAW,WAAWE,EAAW,SAAS,GAAG,OAAOA,EAAW,MAAA,CAAO;AAEpH;AAEAJ,EAAU,kBAAkB;"}

package/dist/components/Header/HeaderNavItem.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"),c=require("./useHeaderStyleProps.cjs"),s=t=>{const{classProps:r}=c.useHeaderStyleProps(),{styleProps:e,props:o}=u.useStyleProps(t);return l.jsx("li",{...o,className:a(r.headerNavItem,e.className),style:e.style})};s.spiritComponent="HeaderNavItem";exports.default=s;
+//# sourceMappingURL=HeaderNavItem.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavItem.cjs","sources":["../../../src/components/Header/HeaderNavItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderNavItemProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderNavItem = (props: HeaderNavItemProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <li\n      {...otherProps}\n      className={classNames(classProps.headerNavItem, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderNavItem.spiritComponent = 'HeaderNavItem';\n\nexport default HeaderNavItem;\n"],"names":["HeaderNavItem","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"qQAQMA,EAAiBC,GAA8B,CACnD,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,cAAeE,EAAW,SAAS,EACpE,MAAOA,EAAW,KAAA,CAAA,CAGxB,EAEAJ,EAAc,gBAAkB"}

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

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

package/dist/components/Header/HeaderNavItem.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderNavItem.js","sources":["../../../src/components/Header/HeaderNavItem.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HeaderNavItemProps } from '../../types';\nimport { useHeaderStyleProps } from './useHeaderStyleProps';\n\nconst HeaderNavItem = (props: HeaderNavItemProps) => {\n  const { classProps } = useHeaderStyleProps();\n  const { styleProps, props: otherProps } = useStyleProps(props);\n\n  return (\n    <li\n      {...otherProps}\n      className={classNames(classProps.headerNavItem, styleProps.className)}\n      style={styleProps.style}\n    />\n  );\n};\n\nHeaderNavItem.spiritComponent = 'HeaderNavItem';\n\nexport default HeaderNavItem;\n"],"names":["HeaderNavItem","props","classProps","useHeaderStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAgB,CAACC,MAA8B;AACnD,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,eAAeE,EAAW,SAAS;AAAA,MACpE,OAAOA,EAAW;AAAA,IAAA;AAAA,EAAA;AAGxB;AAEAJ,EAAc,kBAAkB;"}

package/dist/components/Header/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="primary",_="primary",L="Close",A="Menu";exports.HEADER_ACTIONS_COLOR_DEFAULT=_;exports.HEADER_COLOR_DEFAULT=E;exports.HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT=L;exports.HEADER_MENU_TOGGLE_LABEL_DEFAULT=A;
+//# sourceMappingURL=constants.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Header/constants.ts"],"sourcesContent":["export const HEADER_COLOR_DEFAULT = 'primary';\nexport const HEADER_ACTIONS_COLOR_DEFAULT = 'primary';\nexport const HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';\nexport const HEADER_MENU_TOGGLE_LABEL_DEFAULT = 'Menu';\n"],"names":["HEADER_COLOR_DEFAULT","HEADER_ACTIONS_COLOR_DEFAULT","HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT","HEADER_MENU_TOGGLE_LABEL_DEFAULT"],"mappings":"gFAAO,MAAMA,EAAuB,UACvBC,EAA+B,UAC/BC,EAA2C,QAC3CC,EAAmC"}

package/dist/components/Header/constants.js

@@ -0,0 +1,8 @@
+const E = "primary", _ = "primary", L = "Close", A = "Menu";
+export {
+  _ as HEADER_ACTIONS_COLOR_DEFAULT,
+  E as HEADER_COLOR_DEFAULT,
+  L as HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT,
+  A as HEADER_MENU_TOGGLE_LABEL_DEFAULT
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Header/constants.ts"],"sourcesContent":["export const HEADER_COLOR_DEFAULT = 'primary';\nexport const HEADER_ACTIONS_COLOR_DEFAULT = 'primary';\nexport const HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT = 'Close';\nexport const HEADER_MENU_TOGGLE_LABEL_DEFAULT = 'Menu';\n"],"names":["HEADER_COLOR_DEFAULT","HEADER_ACTIONS_COLOR_DEFAULT","HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT","HEADER_MENU_TOGGLE_LABEL_DEFAULT"],"mappings":"AAAO,MAAMA,IAAuB,WACvBC,IAA+B,WAC/BC,IAA2C,SAC3CC,IAAmC;"}

package/dist/components/Header/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./Header.cjs"),t=require("./HeaderButton.cjs"),o=require("./HeaderDesktopActions.cjs"),d=require("./HeaderDialog.cjs"),i=require("./HeaderDialogActions.cjs"),u=require("./HeaderDialogButton.cjs"),l=require("./HeaderDialogCloseButton.cjs"),H=require("./HeaderDialogLink.cjs"),s=require("./HeaderDialogNav.cjs"),n=require("./HeaderDialogNavItem.cjs"),D=require("./HeaderDialogText.cjs"),E=require("./HeaderLink.cjs"),A=require("./HeaderMobileActions.cjs"),L=require("./HeaderNav.cjs"),c=require("./HeaderNavItem.cjs"),r=require("./HeaderDialogContext.cjs"),_=require("./useHeaderStyleProps.cjs"),e=require("./constants.cjs");exports.Header=a.default;exports.HeaderButton=t.default;exports.HeaderDesktopActions=o.default;exports.HeaderDialog=d.default;exports.HeaderDialogActions=i.default;exports.HeaderDialogButton=u.default;exports.HeaderDialogCloseButton=l.default;exports.HeaderDialogLink=H.default;exports.HeaderDialogNav=s.default;exports.HeaderDialogNavItem=n.default;exports.HeaderDialogText=D.default;exports.HeaderLink=E.default;exports.HeaderMobileActions=A.default;exports.HeaderNav=L.default;exports.HeaderNavItem=c.default;exports.HeaderDialogConsumer=r.HeaderDialogConsumer;exports.HeaderDialogProvider=r.HeaderDialogProvider;exports.useHeaderDialogContext=r.useHeaderDialogContext;exports.useHeaderStyleProps=_.useHeaderStyleProps;exports.HEADER_ACTIONS_COLOR_DEFAULT=e.HEADER_ACTIONS_COLOR_DEFAULT;exports.HEADER_COLOR_DEFAULT=e.HEADER_COLOR_DEFAULT;exports.HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT=e.HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT;exports.HEADER_MENU_TOGGLE_LABEL_DEFAULT=e.HEADER_MENU_TOGGLE_LABEL_DEFAULT;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Header/index.js

@@ -0,0 +1,44 @@
+import { default as o } from "./Header.js";
+import { default as t } from "./HeaderButton.js";
+import { default as f } from "./HeaderDesktopActions.js";
+import { default as s } from "./HeaderDialog.js";
+import { default as u } from "./HeaderDialogActions.js";
+import { default as D } from "./HeaderDialogButton.js";
+import { default as x } from "./HeaderDialogCloseButton.js";
+import { default as E } from "./HeaderDialogLink.js";
+import { default as L } from "./HeaderDialogNav.js";
+import { default as g } from "./HeaderDialogNavItem.js";
+import { default as O } from "./HeaderDialogText.js";
+import { default as C } from "./HeaderLink.js";
+import { default as B } from "./HeaderMobileActions.js";
+import { default as U } from "./HeaderNav.js";
+import { default as c } from "./HeaderNavItem.js";
+import { HeaderDialogConsumer as I, HeaderDialogProvider as k, useHeaderDialogContext as G } from "./HeaderDialogContext.js";
+import { useHeaderStyleProps as M } from "./useHeaderStyleProps.js";
+import { HEADER_ACTIONS_COLOR_DEFAULT as b, HEADER_COLOR_DEFAULT as y, HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT as h, HEADER_MENU_TOGGLE_LABEL_DEFAULT as j } from "./constants.js";
+export {
+  b as HEADER_ACTIONS_COLOR_DEFAULT,
+  y as HEADER_COLOR_DEFAULT,
+  h as HEADER_DIALOG_CLOSE_BUTTON_LABEL_DEFAULT,
+  j as HEADER_MENU_TOGGLE_LABEL_DEFAULT,
+  o as Header,
+  t as HeaderButton,
+  f as HeaderDesktopActions,
+  s as HeaderDialog,
+  u as HeaderDialogActions,
+  D as HeaderDialogButton,
+  x as HeaderDialogCloseButton,
+  I as HeaderDialogConsumer,
+  E as HeaderDialogLink,
+  L as HeaderDialogNav,
+  g as HeaderDialogNavItem,
+  k as HeaderDialogProvider,
+  O as HeaderDialogText,
+  C as HeaderLink,
+  B as HeaderMobileActions,
+  U as HeaderNav,
+  c as HeaderNavItem,
+  G as useHeaderDialogContext,
+  M as useHeaderStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Header/useHeaderStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("classnames"),I=require("../../hooks/useClassNamePrefix.cjs"),a=require("./constants.cjs"),P=({actionsColor:c=a.HEADER_ACTIONS_COLOR_DEFAULT,color:d=a.HEADER_COLOR_DEFAULT,hasActionsAtEnd:C,isCurrentLink:n,isSimple:D}={actionsColor:a.HEADER_ACTIONS_COLOR_DEFAULT,color:a.HEADER_COLOR_DEFAULT,hasActionsAtEnd:!1,isCurrentLink:!1,isSimple:!1})=>{const e=I.useClassNamePrefix("Header"),h=`${e}--${d}`,g=`${e}--simple`,A=`${e}Nav`,$=`${e}NavItem`,o=`${e}Link`,u=`${o}--current`,r=`${e}DesktopActions`,N=`${r}--end`,L=`${e}MobileActions`,t=`${e}Dialog`,p=`${t}__panel`,E=`${t}__content`,i=`${e}DialogActions`,_=`${i}--${c}`,m=`${e}DialogCloseButton`,l=`${e}DialogLink`,v=`${l}--current`,k=`${e}DialogNav`,O=`${e}DialogNavItem`,T=`${e}DialogText`;return{classProps:{root:s(e,h,{[g]:D}),headerButton:o,headerDesktopActions:s(r,{[N]:C}),headerDialog:{root:t,panel:p,content:E},headerDialogActions:s(i,_),headerDialogButton:l,headerDialogCloseButton:m,headerDialogLink:s(l,{[v]:n}),headerDialogNav:k,headerDialogNavItem:O,headerDialogText:T,headerLink:s(o,{[u]:n}),headerMobileActions:L,headerNav:A,headerNavItem:$}}};exports.useHeaderStyleProps=P;
+//# sourceMappingURL=useHeaderStyleProps.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStyleProps.cjs","sources":["../../../src/components/Header/useHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeaderActionsColorType, type HeaderColorType } from '../../types';\nimport { HEADER_ACTIONS_COLOR_DEFAULT, HEADER_COLOR_DEFAULT } from './constants';\n\nexport interface UseHeaderStyleProps {\n  color?: HeaderColorType;\n  hasActionsAtEnd?: boolean;\n  isSimple?: boolean;\n  actionsColor?: HeaderActionsColorType;\n  isCurrentLink?: boolean;\n}\nexport interface UseHeaderStyleReturn {\n  classProps: {\n    root: string;\n    headerButton: string;\n    headerDesktopActions: string;\n    headerDialog: {\n      root: string;\n      panel: string;\n      content: string;\n    };\n    headerDialogActions: string;\n    headerDialogButton: string;\n    headerDialogCloseButton: string;\n    headerDialogLink: string;\n    headerDialogNav: string;\n    headerDialogNavItem: string;\n    headerDialogText: string;\n    headerLink: string;\n    headerMobileActions: string;\n    headerNav: string;\n    headerNavItem: string;\n  };\n}\n\nexport const useHeaderStyleProps = (\n  {\n    actionsColor = HEADER_ACTIONS_COLOR_DEFAULT,\n    color = HEADER_COLOR_DEFAULT,\n    hasActionsAtEnd,\n    isCurrentLink,\n    isSimple,\n  }: UseHeaderStyleProps = {\n    actionsColor: HEADER_ACTIONS_COLOR_DEFAULT,\n    color: HEADER_COLOR_DEFAULT,\n    hasActionsAtEnd: false,\n    isCurrentLink: false,\n    isSimple: false,\n  },\n): UseHeaderStyleReturn => {\n  const headerClass = useClassNamePrefix('Header');\n  const headerColorClass = `${headerClass}--${color}`;\n  const headerSimpleClass = `${headerClass}--simple`;\n  const headerNavClass = `${headerClass}Nav`;\n  const headerNavItemClass = `${headerClass}NavItem`;\n  const headerLinkClass = `${headerClass}Link`;\n  const headerLinkCurrentClass = `${headerLinkClass}--current`;\n  const headerDesktopActionsClass = `${headerClass}DesktopActions`;\n  const headerDesktopActionsAtEndClass = `${headerDesktopActionsClass}--end`;\n  const headerMobileActionsClass = `${headerClass}MobileActions`;\n  const headerDialogClass = `${headerClass}Dialog`;\n  const headerDialogPanelClass = `${headerDialogClass}__panel`;\n  const headerDialogContentClass = `${headerDialogClass}__content`;\n  const headerDialogActionsClass = `${headerClass}DialogActions`;\n  const headerDialogActionsColorClass = `${headerDialogActionsClass}--${actionsColor}`;\n  const headerDialogCloseButtonClass = `${headerClass}DialogCloseButton`;\n  const headerDialogLinkClass = `${headerClass}DialogLink`;\n  const headerDialogLinkCurrentClass = `${headerDialogLinkClass}--current`;\n  const headerDialogNavClass = `${headerClass}DialogNav`;\n  const headerDialogNavItemClass = `${headerClass}DialogNavItem`;\n  const headerDialogTextClass = `${headerClass}DialogText`;\n\n  const classProps = {\n    root: classNames(headerClass, headerColorClass, { [headerSimpleClass]: isSimple }),\n    headerButton: headerLinkClass,\n    headerDesktopActions: classNames(headerDesktopActionsClass, { [headerDesktopActionsAtEndClass]: hasActionsAtEnd }),\n    headerDialog: {\n      root: headerDialogClass,\n      panel: headerDialogPanelClass,\n      content: headerDialogContentClass,\n    },\n    headerDialogActions: classNames(headerDialogActionsClass, headerDialogActionsColorClass),\n    headerDialogButton: headerDialogLinkClass,\n    headerDialogCloseButton: headerDialogCloseButtonClass,\n    headerDialogLink: classNames(headerDialogLinkClass, { [headerDialogLinkCurrentClass]: isCurrentLink }),\n    headerDialogNav: headerDialogNavClass,\n    headerDialogNavItem: headerDialogNavItemClass,\n    headerDialogText: headerDialogTextClass,\n    headerLink: classNames(headerLinkClass, { [headerLinkCurrentClass]: isCurrentLink }),\n    headerMobileActions: headerMobileActionsClass,\n    headerNav: headerNavClass,\n    headerNavItem: headerNavItemClass,\n  };\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useHeaderStyleProps","actionsColor","HEADER_ACTIONS_COLOR_DEFAULT","color","HEADER_COLOR_DEFAULT","hasActionsAtEnd","isCurrentLink","isSimple","headerClass","useClassNamePrefix","headerColorClass","headerSimpleClass","headerNavClass","headerNavItemClass","headerLinkClass","headerLinkCurrentClass","headerDesktopActionsClass","headerDesktopActionsAtEndClass","headerMobileActionsClass","headerDialogClass","headerDialogPanelClass","headerDialogContentClass","headerDialogActionsClass","headerDialogActionsColorClass","headerDialogCloseButtonClass","headerDialogLinkClass","headerDialogLinkCurrentClass","headerDialogNavClass","headerDialogNavItemClass","headerDialogTextClass","classNames"],"mappings":"2LAoCaA,EAAsB,CACjC,CACE,aAAAC,EAAeC,EAAAA,6BACf,MAAAC,EAAQC,EAAAA,qBACR,gBAAAC,EACA,cAAAC,EACA,SAAAC,CACF,EAAyB,CACvB,aAAcL,EAAAA,6BACd,MAAOE,EAAAA,qBACP,gBAAiB,GACjB,cAAe,GACf,SAAU,EACZ,IACyB,CACzB,MAAMI,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAmB,GAAGF,CAAW,KAAKL,CAAK,GAC3CQ,EAAoB,GAAGH,CAAW,WAClCI,EAAiB,GAAGJ,CAAW,MAC/BK,EAAqB,GAAGL,CAAW,UACnCM,EAAkB,GAAGN,CAAW,OAChCO,EAAyB,GAAGD,CAAe,YAC3CE,EAA4B,GAAGR,CAAW,iBAC1CS,EAAiC,GAAGD,CAAyB,QAC7DE,EAA2B,GAAGV,CAAW,gBACzCW,EAAoB,GAAGX,CAAW,SAClCY,EAAyB,GAAGD,CAAiB,UAC7CE,EAA2B,GAAGF,CAAiB,YAC/CG,EAA2B,GAAGd,CAAW,gBACzCe,EAAgC,GAAGD,CAAwB,KAAKrB,CAAY,GAC5EuB,EAA+B,GAAGhB,CAAW,oBAC7CiB,EAAwB,GAAGjB,CAAW,aACtCkB,EAA+B,GAAGD,CAAqB,YACvDE,EAAuB,GAAGnB,CAAW,YACrCoB,EAA2B,GAAGpB,CAAW,gBACzCqB,EAAwB,GAAGrB,CAAW,aAwB5C,MAAO,CACL,WAvBiB,CACjB,KAAMsB,EAAWtB,EAAaE,EAAkB,CAAE,CAACC,CAAiB,EAAGJ,EAAU,EACjF,aAAcO,EACd,qBAAsBgB,EAAWd,EAA2B,CAAE,CAACC,CAA8B,EAAGZ,EAAiB,EACjH,aAAc,CACZ,KAAMc,EACN,MAAOC,EACP,QAASC,CAAA,EAEX,oBAAqBS,EAAWR,EAA0BC,CAA6B,EACvF,mBAAoBE,EACpB,wBAAyBD,EACzB,iBAAkBM,EAAWL,EAAuB,CAAE,CAACC,CAA4B,EAAGpB,EAAe,EACrG,gBAAiBqB,EACjB,oBAAqBC,EACrB,iBAAkBC,EAClB,WAAYC,EAAWhB,EAAiB,CAAE,CAACC,CAAsB,EAAGT,EAAe,EACnF,oBAAqBY,EACrB,UAAWN,EACX,cAAeC,CAAA,CAIf,CAEJ"}

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

@@ -0,0 +1,32 @@
+import { HeaderActionsColorType, HeaderColorType } from '../../types';
+export interface UseHeaderStyleProps {
+    color?: HeaderColorType;
+    hasActionsAtEnd?: boolean;
+    isSimple?: boolean;
+    actionsColor?: HeaderActionsColorType;
+    isCurrentLink?: boolean;
+}
+export interface UseHeaderStyleReturn {
+    classProps: {
+        root: string;
+        headerButton: string;
+        headerDesktopActions: string;
+        headerDialog: {
+            root: string;
+            panel: string;
+            content: string;
+        };
+        headerDialogActions: string;
+        headerDialogButton: string;
+        headerDialogCloseButton: string;
+        headerDialogLink: string;
+        headerDialogNav: string;
+        headerDialogNavItem: string;
+        headerDialogText: string;
+        headerLink: string;
+        headerMobileActions: string;
+        headerNav: string;
+        headerNavItem: string;
+    };
+}
+export declare const useHeaderStyleProps: ({ actionsColor, color, hasActionsAtEnd, isCurrentLink, isSimple, }?: UseHeaderStyleProps) => UseHeaderStyleReturn;

package/dist/components/Header/useHeaderStyleProps.js

@@ -0,0 +1,45 @@
+import a from "classnames";
+import { useClassNamePrefix as x } from "../../hooks/useClassNamePrefix.js";
+import { HEADER_COLOR_DEFAULT as i, HEADER_ACTIONS_COLOR_DEFAULT as c } from "./constants.js";
+const R = ({
+  actionsColor: d = c,
+  color: h = i,
+  hasActionsAtEnd: C,
+  isCurrentLink: l,
+  isSimple: D
+} = {
+  actionsColor: c,
+  color: i,
+  hasActionsAtEnd: !1,
+  isCurrentLink: !1,
+  isSimple: !1
+}) => {
+  const e = x("Header"), g = `${e}--${h}`, $ = `${e}--simple`, A = `${e}Nav`, m = `${e}NavItem`, s = `${e}Link`, p = `${s}--current`, n = `${e}DesktopActions`, N = `${n}--end`, u = `${e}MobileActions`, o = `${e}Dialog`, k = `${o}__panel`, v = `${o}__content`, r = `${e}DialogActions`, L = `${r}--${d}`, _ = `${e}DialogCloseButton`, t = `${e}DialogLink`, E = `${t}--current`, f = `${e}DialogNav`, I = `${e}DialogNavItem`, T = `${e}DialogText`;
+  return {
+    classProps: {
+      root: a(e, g, { [$]: D }),
+      headerButton: s,
+      headerDesktopActions: a(n, { [N]: C }),
+      headerDialog: {
+        root: o,
+        panel: k,
+        content: v
+      },
+      headerDialogActions: a(r, L),
+      headerDialogButton: t,
+      headerDialogCloseButton: _,
+      headerDialogLink: a(t, { [E]: l }),
+      headerDialogNav: f,
+      headerDialogNavItem: I,
+      headerDialogText: T,
+      headerLink: a(s, { [p]: l }),
+      headerMobileActions: u,
+      headerNav: A,
+      headerNavItem: m
+    }
+  };
+};
+export {
+  R as useHeaderStyleProps
+};
+//# sourceMappingURL=useHeaderStyleProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHeaderStyleProps.js","sources":["../../../src/components/Header/useHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeaderActionsColorType, type HeaderColorType } from '../../types';\nimport { HEADER_ACTIONS_COLOR_DEFAULT, HEADER_COLOR_DEFAULT } from './constants';\n\nexport interface UseHeaderStyleProps {\n  color?: HeaderColorType;\n  hasActionsAtEnd?: boolean;\n  isSimple?: boolean;\n  actionsColor?: HeaderActionsColorType;\n  isCurrentLink?: boolean;\n}\nexport interface UseHeaderStyleReturn {\n  classProps: {\n    root: string;\n    headerButton: string;\n    headerDesktopActions: string;\n    headerDialog: {\n      root: string;\n      panel: string;\n      content: string;\n    };\n    headerDialogActions: string;\n    headerDialogButton: string;\n    headerDialogCloseButton: string;\n    headerDialogLink: string;\n    headerDialogNav: string;\n    headerDialogNavItem: string;\n    headerDialogText: string;\n    headerLink: string;\n    headerMobileActions: string;\n    headerNav: string;\n    headerNavItem: string;\n  };\n}\n\nexport const useHeaderStyleProps = (\n  {\n    actionsColor = HEADER_ACTIONS_COLOR_DEFAULT,\n    color = HEADER_COLOR_DEFAULT,\n    hasActionsAtEnd,\n    isCurrentLink,\n    isSimple,\n  }: UseHeaderStyleProps = {\n    actionsColor: HEADER_ACTIONS_COLOR_DEFAULT,\n    color: HEADER_COLOR_DEFAULT,\n    hasActionsAtEnd: false,\n    isCurrentLink: false,\n    isSimple: false,\n  },\n): UseHeaderStyleReturn => {\n  const headerClass = useClassNamePrefix('Header');\n  const headerColorClass = `${headerClass}--${color}`;\n  const headerSimpleClass = `${headerClass}--simple`;\n  const headerNavClass = `${headerClass}Nav`;\n  const headerNavItemClass = `${headerClass}NavItem`;\n  const headerLinkClass = `${headerClass}Link`;\n  const headerLinkCurrentClass = `${headerLinkClass}--current`;\n  const headerDesktopActionsClass = `${headerClass}DesktopActions`;\n  const headerDesktopActionsAtEndClass = `${headerDesktopActionsClass}--end`;\n  const headerMobileActionsClass = `${headerClass}MobileActions`;\n  const headerDialogClass = `${headerClass}Dialog`;\n  const headerDialogPanelClass = `${headerDialogClass}__panel`;\n  const headerDialogContentClass = `${headerDialogClass}__content`;\n  const headerDialogActionsClass = `${headerClass}DialogActions`;\n  const headerDialogActionsColorClass = `${headerDialogActionsClass}--${actionsColor}`;\n  const headerDialogCloseButtonClass = `${headerClass}DialogCloseButton`;\n  const headerDialogLinkClass = `${headerClass}DialogLink`;\n  const headerDialogLinkCurrentClass = `${headerDialogLinkClass}--current`;\n  const headerDialogNavClass = `${headerClass}DialogNav`;\n  const headerDialogNavItemClass = `${headerClass}DialogNavItem`;\n  const headerDialogTextClass = `${headerClass}DialogText`;\n\n  const classProps = {\n    root: classNames(headerClass, headerColorClass, { [headerSimpleClass]: isSimple }),\n    headerButton: headerLinkClass,\n    headerDesktopActions: classNames(headerDesktopActionsClass, { [headerDesktopActionsAtEndClass]: hasActionsAtEnd }),\n    headerDialog: {\n      root: headerDialogClass,\n      panel: headerDialogPanelClass,\n      content: headerDialogContentClass,\n    },\n    headerDialogActions: classNames(headerDialogActionsClass, headerDialogActionsColorClass),\n    headerDialogButton: headerDialogLinkClass,\n    headerDialogCloseButton: headerDialogCloseButtonClass,\n    headerDialogLink: classNames(headerDialogLinkClass, { [headerDialogLinkCurrentClass]: isCurrentLink }),\n    headerDialogNav: headerDialogNavClass,\n    headerDialogNavItem: headerDialogNavItemClass,\n    headerDialogText: headerDialogTextClass,\n    headerLink: classNames(headerLinkClass, { [headerLinkCurrentClass]: isCurrentLink }),\n    headerMobileActions: headerMobileActionsClass,\n    headerNav: headerNavClass,\n    headerNavItem: headerNavItemClass,\n  };\n\n  return {\n    classProps,\n  };\n};\n"],"names":["useHeaderStyleProps","actionsColor","HEADER_ACTIONS_COLOR_DEFAULT","color","HEADER_COLOR_DEFAULT","hasActionsAtEnd","isCurrentLink","isSimple","headerClass","useClassNamePrefix","headerColorClass","headerSimpleClass","headerNavClass","headerNavItemClass","headerLinkClass","headerLinkCurrentClass","headerDesktopActionsClass","headerDesktopActionsAtEndClass","headerMobileActionsClass","headerDialogClass","headerDialogPanelClass","headerDialogContentClass","headerDialogActionsClass","headerDialogActionsColorClass","headerDialogCloseButtonClass","headerDialogLinkClass","headerDialogLinkCurrentClass","headerDialogNavClass","headerDialogNavItemClass","headerDialogTextClass","classNames"],"mappings":";;;AAoCO,MAAMA,IAAsB,CACjC;AAAA,EACE,cAAAC,IAAeC;AAAA,EACf,OAAAC,IAAQC;AAAA,EACR,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,IAAyB;AAAA,EACvB,cAAcL;AAAA,EACd,OAAOE;AAAA,EACP,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,UAAU;AACZ,MACyB;AACzB,QAAMI,IAAcC,EAAmB,QAAQ,GACzCC,IAAmB,GAAGF,CAAW,KAAKL,CAAK,IAC3CQ,IAAoB,GAAGH,CAAW,YAClCI,IAAiB,GAAGJ,CAAW,OAC/BK,IAAqB,GAAGL,CAAW,WACnCM,IAAkB,GAAGN,CAAW,QAChCO,IAAyB,GAAGD,CAAe,aAC3CE,IAA4B,GAAGR,CAAW,kBAC1CS,IAAiC,GAAGD,CAAyB,SAC7DE,IAA2B,GAAGV,CAAW,iBACzCW,IAAoB,GAAGX,CAAW,UAClCY,IAAyB,GAAGD,CAAiB,WAC7CE,IAA2B,GAAGF,CAAiB,aAC/CG,IAA2B,GAAGd,CAAW,iBACzCe,IAAgC,GAAGD,CAAwB,KAAKrB,CAAY,IAC5EuB,IAA+B,GAAGhB,CAAW,qBAC7CiB,IAAwB,GAAGjB,CAAW,cACtCkB,IAA+B,GAAGD,CAAqB,aACvDE,IAAuB,GAAGnB,CAAW,aACrCoB,IAA2B,GAAGpB,CAAW,iBACzCqB,IAAwB,GAAGrB,CAAW;AAwB5C,SAAO;AAAA,IACL,YAvBiB;AAAA,MACjB,MAAMsB,EAAWtB,GAAaE,GAAkB,EAAE,CAACC,CAAiB,GAAGJ,GAAU;AAAA,MACjF,cAAcO;AAAA,MACd,sBAAsBgB,EAAWd,GAA2B,EAAE,CAACC,CAA8B,GAAGZ,GAAiB;AAAA,MACjH,cAAc;AAAA,QACZ,MAAMc;AAAA,QACN,OAAOC;AAAA,QACP,SAASC;AAAA,MAAA;AAAA,MAEX,qBAAqBS,EAAWR,GAA0BC,CAA6B;AAAA,MACvF,oBAAoBE;AAAA,MACpB,yBAAyBD;AAAA,MACzB,kBAAkBM,EAAWL,GAAuB,EAAE,CAACC,CAA4B,GAAGpB,GAAe;AAAA,MACrG,iBAAiBqB;AAAA,MACjB,qBAAqBC;AAAA,MACrB,kBAAkBC;AAAA,MAClB,YAAYC,EAAWhB,GAAiB,EAAE,CAACC,CAAsB,GAAGT,GAAe;AAAA,MACnF,qBAAqBY;AAAA,MACrB,WAAWN;AAAA,MACX,eAAeC;AAAA,IAAA;AAAA,EAIf;AAEJ;"}

package/dist/components/Header.d.ts

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

package/dist/components/Heading/Heading.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react/jsx-runtime"),r=require("../../constants/dictionaries.cjs"),e=require("../../constants/style.cjs"),y=require("../../hooks/styleProps.cjs"),x=require("../../utils/mergeStyleProps.cjs"),g=require("./useHeadingStyleProps.cjs"),m={emphasis:r.Emphasis.BOLD,size:r.SizesExtended.MEDIUM},o=n=>{const i={...m,...n},{elementType:t,children:p,...l}=i,{classProps:a,props:c}=g.useHeadingStyleProps({...l}),{styleProps:u,props:s}=y.useStyleProps(c,{isTextBalanced:e.HeadingStyleProps.isTextBalanced,textAlignment:e.TextStyleProps.textAlignment,textHyphens:e.TextStyleProps.textHyphens,textWordBreak:e.TextStyleProps.textWordBreak}),d=x.mergeStyleProps(t,{classProps:a,styleProps:u,otherProps:s});return P.jsx(t,{...s,...d,children:p})};o.spiritComponent="Heading";exports.default=o;
+//# sourceMappingURL=Heading.cjs.map

package/dist/components/Heading/Heading.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.cjs","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag, children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n    <ElementTag {...(otherProps as any)} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":"gXASMA,EAAqE,CACzE,SAAUC,EAAAA,SAAS,KACnB,KAAMC,EAAAA,cAAc,MACtB,EAEMC,EACJC,GACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAY,SAAAC,EAAU,GAAGC,GAAcH,EACtD,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,uBAAqB,CAAE,GAAGH,EAAW,EAC5E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,EAAe,CACrE,eAAgBK,EAAAA,kBAAkB,eAClC,cAAeC,EAAAA,eAAe,cAC9B,YAAaA,EAAAA,eAAe,YAC5B,cAAeA,EAAAA,eAAe,aAAA,CAC/B,EACKC,EAAmBC,EAAAA,gBAAgBZ,EAAY,CAAE,WAAAG,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAE3F,aAEGP,EAAA,CAAY,GAAIO,EAAqB,GAAGI,EACtC,SAAAV,CAAA,CACH,CAEJ,EAEAJ,EAAQ,gBAAkB"}

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { SpiritHeadingProps } from '../../types';
+declare const Heading: {
+    <E extends ElementType = "h1", S = void, Emph = void>(props: SpiritHeadingProps<E, S, Emph>): JSX.Element;
+    spiritComponent: string;
+};
+export default Heading;

package/dist/components/Heading/Heading.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as d } from "react/jsx-runtime";
+import { SizesExtended as c, Emphasis as x } from "../../constants/dictionaries.js";
+import { TextStyleProps as e, HeadingStyleProps as P } from "../../constants/style.js";
+import { useStyleProps as f } from "../../hooks/styleProps.js";
+import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { useHeadingStyleProps as g } from "./useHeadingStyleProps.js";
+const u = {
+  emphasis: x.BOLD,
+  size: c.MEDIUM
+}, h = (o) => {
+  const r = { ...u, ...o }, { elementType: t, children: p, ...n } = r, { classProps: i, props: m } = g({ ...n }), { styleProps: l, props: s } = f(m, {
+    isTextBalanced: P.isTextBalanced,
+    textAlignment: e.textAlignment,
+    textHyphens: e.textHyphens,
+    textWordBreak: e.textWordBreak
+  }), a = y(t, { classProps: i, styleProps: l, otherProps: s });
+  return (
+    // eslint-disable-next-line  @typescript-eslint/no-explicit-any
+    /* @__PURE__ */ d(t, { ...s, ...a, children: p })
+  );
+};
+h.spiritComponent = "Heading";
+export {
+  h as default
+};
+//# sourceMappingURL=Heading.js.map

package/dist/components/Heading/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sources":["../../../src/components/Heading/Heading.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType } from 'react';\nimport { Emphasis, HeadingStyleProps, SizesExtended, TextStyleProps } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritHeadingProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useHeadingStyleProps } from './useHeadingStyleProps';\n\nconst defaultProps: Partial<SpiritHeadingProps<ElementType, void, void>> = {\n  emphasis: Emphasis.BOLD,\n  size: SizesExtended.MEDIUM,\n};\n\nconst Heading = <E extends ElementType = 'h1', S = void, Emph = void>(\n  props: SpiritHeadingProps<E, S, Emph>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag, children, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useHeadingStyleProps({ ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps, {\n    isTextBalanced: HeadingStyleProps.isTextBalanced,\n    textAlignment: TextStyleProps.textAlignment,\n    textHyphens: TextStyleProps.textHyphens,\n    textWordBreak: TextStyleProps.textWordBreak,\n  });\n  const mergedStyleProps = mergeStyleProps(ElementTag, { classProps, styleProps, otherProps });\n\n  return (\n    // eslint-disable-next-line  @typescript-eslint/no-explicit-any\n    <ElementTag {...(otherProps as any)} {...mergedStyleProps}>\n      {children}\n    </ElementTag>\n  );\n};\n\nHeading.spiritComponent = 'Heading';\n\nexport default Heading;\n"],"names":["defaultProps","Emphasis","SizesExtended","Heading","props","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useHeadingStyleProps","styleProps","otherProps","useStyleProps","HeadingStyleProps","TextStyleProps","mergedStyleProps","mergeStyleProps"],"mappings":";;;;;;;AASA,MAAMA,IAAqE;AAAA,EACzE,UAAUC,EAAS;AAAA,EACnB,MAAMC,EAAc;AACtB,GAEMC,IAAU,CACdC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,GAAY,UAAAC,GAAU,GAAGC,MAAcH,GACtD,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAqB,EAAE,GAAGH,GAAW,GAC5E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,GAAe;AAAA,IACrE,gBAAgBK,EAAkB;AAAA,IAClC,eAAeC,EAAe;AAAA,IAC9B,aAAaA,EAAe;AAAA,IAC5B,eAAeA,EAAe;AAAA,EAAA,CAC/B,GACKC,IAAmBC,EAAgBZ,GAAY,EAAE,YAAAG,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAE3F;AAAA;AAAA,sBAEGP,GAAA,EAAY,GAAIO,GAAqB,GAAGI,GACtC,UAAAV,EAAA,CACH;AAAA;AAEJ;AAEAJ,EAAQ,kBAAkB;"}

package/dist/components/Heading/index.cjs

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

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

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

package/dist/components/Heading/index.js

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

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

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

package/dist/components/Heading/useHeadingStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("classnames"),e=require("../../hooks/useClassNamePrefix.cjs");function c(t){const{emphasis:a,size:r,textColor:s,...o}=t,i=e.useClassNamePrefix("typography-heading"),l=e.useClassNamePrefix(s?`text-${s}`:"");return{classProps:n(`${i}-${r}-${a}`,{[l]:!!s}),props:o}}exports.useHeadingStyleProps=c;
+//# sourceMappingURL=useHeadingStyleProps.cjs.map

package/dist/components/Heading/useHeadingStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingStyleProps.cjs","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps, type SpiritHeadingProps } from '../../types';\n\nexport interface HeadingStyles<E extends ElementType> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: Omit<HeadingProps<E>, 'elementType'>;\n}\n\nexport function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(\n  props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>,\n): HeadingStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":"8JAYO,SAASA,EACdC,EACkB,CAClB,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAM,UAAAC,EAAW,GAAGC,GAAcJ,EAE9CK,EAAeC,EAAAA,mBAAmB,oBAAoB,EACtDC,EAAwBD,EAAAA,mBAAmBH,EAAY,QAAQA,CAAS,GAAK,EAAE,EAKrF,MAAO,CACL,WALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,GAAI,CAClE,CAACM,CAAqB,EAAG,CAAC,CAACJ,CAAA,CAC5B,EAIC,MAAOC,CAAA,CAEX"}

package/dist/components/Heading/useHeadingStyleProps.d.ts

@@ -0,0 +1,7 @@
+import { ElementType } from 'react';
+import { HeadingProps, SpiritHeadingProps } from '../../types';
+export interface HeadingStyles<E extends ElementType> {
+    classProps: string | null;
+    props: Omit<HeadingProps<E>, 'elementType'>;
+}
+export declare function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>): HeadingStyles<E>;

package/dist/components/Heading/useHeadingStyleProps.js

@@ -0,0 +1,15 @@
+import p from "classnames";
+import { useClassNamePrefix as e } from "../../hooks/useClassNamePrefix.js";
+function g(o) {
+  const { emphasis: t, size: a, textColor: s, ...r } = o, i = e("typography-heading"), n = e(s ? `text-${s}` : "");
+  return {
+    classProps: p(`${i}-${a}-${t}`, {
+      [n]: !!s
+    }),
+    props: r
+  };
+}
+export {
+  g as useHeadingStyleProps
+};
+//# sourceMappingURL=useHeadingStyleProps.js.map

package/dist/components/Heading/useHeadingStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHeadingStyleProps.js","sources":["../../../src/components/Heading/useHeadingStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type HeadingProps, type SpiritHeadingProps } from '../../types';\n\nexport interface HeadingStyles<E extends ElementType> {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the input element */\n  props: Omit<HeadingProps<E>, 'elementType'>;\n}\n\nexport function useHeadingStyleProps<E extends ElementType, S = void, Emph = void>(\n  props: Omit<SpiritHeadingProps<E, S, Emph>, 'elementType'>,\n): HeadingStyles<E> {\n  const { emphasis, size, textColor, ...restProps } = props;\n\n  const headingClass = useClassNamePrefix('typography-heading');\n  const headingTextColorClass = useClassNamePrefix(textColor ? `text-${textColor}` : '');\n  const className = classNames(`${headingClass}-${size}-${emphasis}`, {\n    [headingTextColorClass]: !!textColor,\n  });\n\n  return {\n    classProps: className,\n    props: restProps,\n  };\n}\n"],"names":["useHeadingStyleProps","props","emphasis","size","textColor","restProps","headingClass","useClassNamePrefix","headingTextColorClass","classNames"],"mappings":";;AAYO,SAASA,EACdC,GACkB;AAClB,QAAM,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,GAAW,GAAGC,MAAcJ,GAE9CK,IAAeC,EAAmB,oBAAoB,GACtDC,IAAwBD,EAAmBH,IAAY,QAAQA,CAAS,KAAK,EAAE;AAKrF,SAAO;AAAA,IACL,YALgBK,EAAW,GAAGH,CAAY,IAAIH,CAAI,IAAID,CAAQ,IAAI;AAAA,MAClE,CAACM,CAAqB,GAAG,CAAC,CAACJ;AAAA,IAAA,CAC5B;AAAA,IAIC,OAAOC;AAAA,EAAA;AAEX;"}

package/dist/components/Heading.d.ts

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

package/dist/components/Hidden/Hidden.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"),h=require("react"),f=require("../../hooks/styleProps.cjs"),g=require("../../utils/mergeStyleProps.cjs"),o={elementType:"span"},S=(r,n)=>{const p={...o,...r},{elementType:i=o.elementType,children:l,on:d,from:c,...e}=p,s=i,u={...e,hideOn:d||e.hideOn,hideFrom:c||e.hideFrom},{styleProps:m,props:y}=f.useStyleProps(u),P=g.mergeStyleProps(s,{styleProps:m});return a.jsx(s,{...y,...P,ref:n,children:l})},t=h.forwardRef(S);t.spiritComponent="Hidden";t.displayName="Hidden";exports.default=t;
+//# sourceMappingURL=Hidden.cjs.map

package/dist/components/Hidden/Hidden.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.cjs","sources":["../../../src/components/Hidden/Hidden.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HiddenProps, type PolymorphicComponent, type PolymorphicRef, type SpiritHiddenProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst _Hidden = <E extends ElementType = 'span'>(props: SpiritHiddenProps<E>, ref: PolymorphicRef<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, on, from, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const stylePropsWithMapping = {\n    ...restProps,\n    hideOn: on || restProps.hideOn,\n    hideFrom: from || restProps.hideFrom,\n  };\n\n  const { styleProps, props: otherProps } = useStyleProps(stylePropsWithMapping);\n  const mergedStyleProps = mergeStyleProps(Component, { styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Hidden = forwardRef<HTMLSpanElement, SpiritHiddenProps<'span'>>(_Hidden) as unknown as PolymorphicComponent<\n  'span',\n  HiddenProps\n>;\n\nHidden.spiritComponent = 'Hidden';\nHidden.displayName = 'Hidden';\n\nexport default Hidden;\n"],"names":["defaultProps","_Hidden","props","ref","propsWithDefaults","elementType","children","on","from","restProps","Component","stylePropsWithMapping","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Hidden","forwardRef"],"mappings":"sQAOMA,EAAe,CACnB,YAAa,MACf,EAEMC,EAAU,CAAiCC,EAA6BC,IAA2B,CACvG,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAAa,SAAAM,EAAU,GAAAC,EAAI,KAAAC,EAAM,GAAGC,CAAA,EAAcL,EAE/EM,EAAYL,EAEZM,EAAwB,CAC5B,GAAGF,EACH,OAAQF,GAAME,EAAU,OACxB,SAAUD,GAAQC,EAAU,QAAA,EAGxB,CAAA,WAAEG,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcH,CAAqB,EACvEI,EAAmBC,EAAAA,gBAAgBN,EAAW,CAAA,WAAEE,EAAY,EAElE,aACGF,EAAA,CAAW,GAAGG,EAAa,GAAGE,EAAkB,IAAAZ,EAC9C,SAAAG,EACH,CAEJ,EAEMW,EAASC,EAAAA,WAAuDjB,CAAO,EAK7EgB,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Hidden/Hidden.d.ts

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

package/dist/components/Hidden/Hidden.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { useStyleProps as u } from "../../hooks/styleProps.js";
+import { mergeStyleProps as H } from "../../utils/mergeStyleProps.js";
+const t = {
+  elementType: "span"
+}, g = (s, n) => {
+  const p = { ...t, ...s }, { elementType: i = t.elementType, children: m, on: d, from: l, ...e } = p, o = i, c = {
+    ...e,
+    hideOn: d || e.hideOn,
+    hideFrom: l || e.hideFrom
+  }, { styleProps: f, props: a } = u(c), y = H(o, { styleProps: f });
+  return /* @__PURE__ */ h(o, { ...a, ...y, ref: n, children: m });
+}, r = P(g);
+r.spiritComponent = "Hidden";
+r.displayName = "Hidden";
+export {
+  r as default
+};
+//# sourceMappingURL=Hidden.js.map

package/dist/components/Hidden/Hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hidden.js","sources":["../../../src/components/Hidden/Hidden.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type HiddenProps, type PolymorphicComponent, type PolymorphicRef, type SpiritHiddenProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\n\nconst defaultProps = {\n  elementType: 'span',\n};\n\nconst _Hidden = <E extends ElementType = 'span'>(props: SpiritHiddenProps<E>, ref: PolymorphicRef<E>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType, children, on, from, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const stylePropsWithMapping = {\n    ...restProps,\n    hideOn: on || restProps.hideOn,\n    hideFrom: from || restProps.hideFrom,\n  };\n\n  const { styleProps, props: otherProps } = useStyleProps(stylePropsWithMapping);\n  const mergedStyleProps = mergeStyleProps(Component, { styleProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst Hidden = forwardRef<HTMLSpanElement, SpiritHiddenProps<'span'>>(_Hidden) as unknown as PolymorphicComponent<\n  'span',\n  HiddenProps\n>;\n\nHidden.spiritComponent = 'Hidden';\nHidden.displayName = 'Hidden';\n\nexport default Hidden;\n"],"names":["defaultProps","_Hidden","props","ref","propsWithDefaults","elementType","children","on","from","restProps","Component","stylePropsWithMapping","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","Hidden","forwardRef"],"mappings":";;;;;AAOA,MAAMA,IAAe;AAAA,EACnB,aAAa;AACf,GAEMC,IAAU,CAAiCC,GAA6BC,MAA2B;AACvG,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAAa,UAAAM,GAAU,IAAAC,GAAI,MAAAC,GAAM,GAAGC,EAAA,IAAcL,GAE/EM,IAAYL,GAEZM,IAAwB;AAAA,IAC5B,GAAGF;AAAA,IACH,QAAQF,KAAME,EAAU;AAAA,IACxB,UAAUD,KAAQC,EAAU;AAAA,EAAA,GAGxB,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAeC,EAAcH,CAAqB,GACvEI,IAAmBC,EAAgBN,GAAW,EAAE,YAAAE,GAAY;AAElE,2BACGF,GAAA,EAAW,GAAGG,GAAa,GAAGE,GAAkB,KAAAZ,GAC9C,UAAAG,GACH;AAEJ,GAEMW,IAASC,EAAuDjB,CAAO;AAK7EgB,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Hidden/index.cjs

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

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

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

package/dist/components/Hidden/index.js

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

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

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

package/dist/components/Hidden.d.ts

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

package/dist/components/Icon/Icon.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react/jsx-runtime"),f=require("react"),h=require("../../hooks/styleProps.cjs"),q=require("../../hooks/useIcon.cjs"),g=require("../../utils/htmlReactParser.cjs"),x=require("../../utils/mergeStyleProps.cjs"),v=require("./constants.cjs"),z=require("./useIconBoxSize.cjs"),R=require("./useIconStyleProps.cjs"),_={ariaHidden:!0,boxSize:v.DEFAULT_BOX_SIZE},b=(i,c)=>{const l={..._,...i},{boxSize:o,name:t,title:r,ariaHidden:u,...p}=l;let e=q.useIcon(t);const n=z.useIconBoxSize(o),{classProps:a,iconStyleProps:P,props:d}=R.useIconStyleProps({boxSize:o,name:t,...p}),{styleProps:S,props:y}=h.useStyleProps(d),m=x.mergeStyleProps("svg",{classProps:a,iconStyleProps:P,styleProps:S});return r&&(e=`<title>${r}</title>${e}`),I.jsx("svg",{...y,...m,viewBox:"0 0 24 24",fill:"none",width:n,height:n,"aria-hidden":u,ref:c,children:g.htmlReactParser(e)})},s=f.forwardRef(b);s.spiritComponent="Icon";s.displayName="Icon";exports.default=s;
+//# sourceMappingURL=Icon.cjs.map

package/dist/components/Icon/Icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.cjs","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type ReactElement, forwardRef } from 'react';\nimport { useIcon, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritIconProps } from '../../types';\nimport { htmlReactParser, mergeStyleProps } from '../../utils';\nimport { DEFAULT_BOX_SIZE } from './constants';\nimport { useIconBoxSize } from './useIconBoxSize';\nimport { useIconStyleProps } from './useIconStyleProps';\n\nconst defaultProps = {\n  ariaHidden: true,\n  boxSize: DEFAULT_BOX_SIZE,\n};\n\nconst _Icon = (props: SpiritIconProps, ref: ForwardedRef<SVGSVGElement>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { boxSize, name, title, ariaHidden, ...restProps } = propsWithDefaults;\n\n  let icon = useIcon(name);\n  const iconSize = useIconBoxSize(boxSize);\n\n  const { classProps, iconStyleProps, props: modifiedProps } = useIconStyleProps({ boxSize, name, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps('svg', {\n    classProps,\n    iconStyleProps,\n    styleProps,\n  });\n\n  if (title) {\n    icon = `<title>${title}</title>${icon}`;\n  }\n\n  return (\n    // @ts-ignore: Incompatible HTMLElement and SVGSVGElement\n    <svg\n      {...otherProps}\n      {...mergedStyleProps}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      width={iconSize}\n      height={iconSize}\n      aria-hidden={ariaHidden}\n      ref={ref}\n    >\n      {htmlReactParser(icon)}\n    </svg>\n  );\n};\n\nconst Icon = forwardRef<SVGSVGElement, SpiritIconProps>(_Icon) as ForwardRefComponent<SVGSVGElement, SpiritIconProps>;\n\nIcon.spiritComponent = 'Icon';\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"names":["defaultProps","DEFAULT_BOX_SIZE","_Icon","props","ref","propsWithDefaults","boxSize","name","title","ariaHidden","restProps","icon","useIcon","iconSize","useIconBoxSize","classProps","iconStyleProps","modifiedProps","useIconStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Icon","forwardRef"],"mappings":"4bAUMA,EAAe,CACnB,WAAY,GACZ,QAASC,EAAAA,gBACX,EAEMC,EAAQ,CAACC,EAAwBC,IAAmD,CACxF,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CAAE,QAAAG,EAAS,KAAAC,EAAM,MAAAC,EAAO,WAAAC,EAAY,GAAGC,GAAcL,EAE3D,IAAIM,EAAOC,EAAAA,QAAQL,CAAI,EACvB,MAAMM,EAAWC,EAAAA,eAAeR,CAAO,EAEjC,CAAE,WAAAS,EAAY,eAAAC,EAAgB,MAAOC,CAAA,EAAkBC,EAAAA,kBAAkB,CAAE,QAAAZ,EAAS,KAAAC,EAAM,GAAGG,CAAA,CAAW,EACxG,CAAA,WAAES,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgB,MAAO,CAC9C,WAAAR,EACA,eAAAC,EAAA,WACAG,CAAA,CACD,EAED,OAAIX,IACFG,EAAO,UAAUH,CAAK,WAAWG,CAAI,IAKrCa,EAAAA,IAAC,MAAA,CACE,GAAGJ,EACH,GAAGE,EACJ,QAAQ,YACR,KAAK,OACL,MAAOT,EACP,OAAQA,EACR,cAAaJ,EACb,IAAAL,EAEC,2BAAgBO,CAAI,CAAA,CAAA,CAG3B,EAEMc,EAAOC,EAAAA,WAA2CxB,CAAK,EAE7DuB,EAAK,gBAAkB,OACvBA,EAAK,YAAc"}

package/dist/components/Icon/Icon.d.ts

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

package/dist/components/Icon/Icon.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as I } from "react";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { useIcon as x } from "../../hooks/useIcon.js";
+import { htmlReactParser as g } from "../../utils/htmlReactParser.js";
+import { mergeStyleProps as z } from "../../utils/mergeStyleProps.js";
+import { DEFAULT_BOX_SIZE as v } from "./constants.js";
+import { useIconBoxSize as w } from "./useIconBoxSize.js";
+import { useIconStyleProps as B } from "./useIconStyleProps.js";
+const _ = {
+  ariaHidden: !0,
+  boxSize: v
+}, b = (n, p) => {
+  const m = { ..._, ...n }, { boxSize: r, name: t, title: e, ariaHidden: c, ...l } = m;
+  let o = x(t);
+  const s = w(r), { classProps: a, iconStyleProps: f, props: d } = B({ boxSize: r, name: t, ...l }), { styleProps: P, props: u } = y(d), S = z("svg", {
+    classProps: a,
+    iconStyleProps: f,
+    styleProps: P
+  });
+  return e && (o = `<title>${e}</title>${o}`), // @ts-ignore: Incompatible HTMLElement and SVGSVGElement
+  /* @__PURE__ */ h(
+    "svg",
+    {
+      ...u,
+      ...S,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: s,
+      height: s,
+      "aria-hidden": c,
+      ref: p,
+      children: g(o)
+    }
+  );
+}, i = I(b);
+i.spiritComponent = "Icon";
+i.displayName = "Icon";
+export {
+  i as default
+};
+//# sourceMappingURL=Icon.js.map

package/dist/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ForwardedRef, type ReactElement, forwardRef } from 'react';\nimport { useIcon, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritIconProps } from '../../types';\nimport { htmlReactParser, mergeStyleProps } from '../../utils';\nimport { DEFAULT_BOX_SIZE } from './constants';\nimport { useIconBoxSize } from './useIconBoxSize';\nimport { useIconStyleProps } from './useIconStyleProps';\n\nconst defaultProps = {\n  ariaHidden: true,\n  boxSize: DEFAULT_BOX_SIZE,\n};\n\nconst _Icon = (props: SpiritIconProps, ref: ForwardedRef<SVGSVGElement>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { boxSize, name, title, ariaHidden, ...restProps } = propsWithDefaults;\n\n  let icon = useIcon(name);\n  const iconSize = useIconBoxSize(boxSize);\n\n  const { classProps, iconStyleProps, props: modifiedProps } = useIconStyleProps({ boxSize, name, ...restProps });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps('svg', {\n    classProps,\n    iconStyleProps,\n    styleProps,\n  });\n\n  if (title) {\n    icon = `<title>${title}</title>${icon}`;\n  }\n\n  return (\n    // @ts-ignore: Incompatible HTMLElement and SVGSVGElement\n    <svg\n      {...otherProps}\n      {...mergedStyleProps}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      width={iconSize}\n      height={iconSize}\n      aria-hidden={ariaHidden}\n      ref={ref}\n    >\n      {htmlReactParser(icon)}\n    </svg>\n  );\n};\n\nconst Icon = forwardRef<SVGSVGElement, SpiritIconProps>(_Icon) as ForwardRefComponent<SVGSVGElement, SpiritIconProps>;\n\nIcon.spiritComponent = 'Icon';\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"names":["defaultProps","DEFAULT_BOX_SIZE","_Icon","props","ref","propsWithDefaults","boxSize","name","title","ariaHidden","restProps","icon","useIcon","iconSize","useIconBoxSize","classProps","iconStyleProps","modifiedProps","useIconStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","Icon","forwardRef"],"mappings":";;;;;;;;;;AAUA,MAAMA,IAAe;AAAA,EACnB,YAAY;AAAA,EACZ,SAASC;AACX,GAEMC,IAAQ,CAACC,GAAwBC,MAAmD;AACxF,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGG,EAAA,GAC1C,EAAE,SAAAG,GAAS,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,GAAGC,MAAcL;AAE3D,MAAIM,IAAOC,EAAQL,CAAI;AACvB,QAAMM,IAAWC,EAAeR,CAAO,GAEjC,EAAE,YAAAS,GAAY,gBAAAC,GAAgB,OAAOC,EAAA,IAAkBC,EAAkB,EAAE,SAAAZ,GAAS,MAAAC,GAAM,GAAGG,EAAA,CAAW,GACxG,EAAE,YAAAS,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgB,OAAO;AAAA,IAC9C,YAAAR;AAAA,IACA,gBAAAC;AAAA,IACA,YAAAG;AAAA,EAAA,CACD;AAED,SAAIX,MACFG,IAAO,UAAUH,CAAK,WAAWG,CAAI;AAAA,EAKrC,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGJ;AAAA,MACH,GAAGE;AAAA,MACJ,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAOT;AAAA,MACP,QAAQA;AAAA,MACR,eAAaJ;AAAA,MACb,KAAAL;AAAA,MAEC,YAAgBO,CAAI;AAAA,IAAA;AAAA,EAAA;AAG3B,GAEMc,IAAOC,EAA2CxB,CAAK;AAE7DuB,EAAK,kBAAkB;AACvBA,EAAK,cAAc;"}

package/dist/components/Icon/constants.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=24;exports.DEFAULT_BOX_SIZE=t;
+//# sourceMappingURL=constants.cjs.map

package/dist/components/Icon/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Icon/constants.ts"],"sourcesContent":["export const DEFAULT_BOX_SIZE = 24;\n"],"names":["DEFAULT_BOX_SIZE"],"mappings":"gFAAO,MAAMA,EAAmB"}

package/dist/components/Icon/constants.js

@@ -0,0 +1,5 @@
+const t = 24;
+export {
+  t as DEFAULT_BOX_SIZE
+};
+//# sourceMappingURL=constants.js.map

package/dist/components/Icon/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Icon/constants.ts"],"sourcesContent":["export const DEFAULT_BOX_SIZE = 24;\n"],"names":["DEFAULT_BOX_SIZE"],"mappings":"AAAO,MAAMA,IAAmB;"}

package/dist/components/Icon/index.cjs

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

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

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

package/dist/components/Icon/index.js

@@ -0,0 +1,7 @@
+import { default as r } from "./Icon.js";
+import { useIconStyleProps as s } from "./useIconStyleProps.js";
+export {
+  r as Icon,
+  s as useIconStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Icon/useIconBoxSize.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./constants.cjs"),o=e=>typeof e=="object"?e.mobile??t.DEFAULT_BOX_SIZE:e??t.DEFAULT_BOX_SIZE;exports.useIconBoxSize=o;
+//# sourceMappingURL=useIconBoxSize.cjs.map