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

package/dist/components/Skeleton/SkeletonShape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonShape.js","sources":["../../../src/components/Skeleton/SkeletonShape.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { BorderRadii } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonShapeProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkeletonShapeStyleProps } from './useSkeletonShapeStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonShapeProps> = {\n  borderRadius: BorderRadii[400],\n  elementType: 'div',\n};\nconst SkeletonShape = <E extends ElementType = 'div', C = void>(\n  props: SpiritSkeletonShapeProps<E, C>,\n): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', ...restProps } = propsWithDefaults;\n  const { classProps, skeletonShapeStyleProps, props: modifiedProps } = useSkeletonShapeStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps,\n    styleProps,\n    skeletonShapeStyleProps,\n    otherProps,\n  });\n\n  return <ElementTag {...otherProps} {...mergedStyleProps} />;\n};\n\nSkeletonShape.spiritComponent = 'SkeletonShape';\n\nexport default SkeletonShape;\n"],"names":["defaultProps","BorderRadii","SkeletonShape","props","propsWithDefaults","ElementTag","restProps","classProps","skeletonShapeStyleProps","modifiedProps","useSkeletonShapeStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx"],"mappings":";;;;;;AASA,MAAMA,IAAkD;AAAA,EACtD,cAAcC,EAAY,GAAG;AAAA,EAC7B,aAAa;AACf,GACMC,IAAgB,CACpBC,MACiB;AACjB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,GAAGC,MAAcF,GACpD,EAAE,YAAAG,GAAY,yBAAAC,GAAyB,OAAOC,EAAA,IAAkBC,EAA2BJ,CAAS,GACpG,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAAE;AAAA,IACA,YAAAI;AAAA,IACA,yBAAAH;AAAA,IACA,YAAAI;AAAA,EAAA,CACD;AAED,SAAO,gBAAAI,EAACX,GAAA,EAAY,GAAGO,GAAa,GAAGE,EAAA,CAAkB;AAC3D;AAEAZ,EAAc,kBAAkB;"}

package/dist/components/Skeleton/SkeletonText.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"),y=require("../../constants/dictionaries.cjs"),m=require("../../hooks/styleProps.cjs"),T=require("../../utils/mergeStyleProps.cjs"),r=require("./constants.cjs"),x=require("./SkeletonItem.cjs"),g=require("./useSkeletonStyleProps.cjs"),k={size:y.SizesExtended.MEDIUM,lines:r.LINES_COUNT_DEFAULT,elementType:"div"},n=l=>{const i={...k,...l},{elementType:e="div",lines:p,...c}=i,{classProps:s,props:u}=g.useSkeletonStyleProps(c),{styleProps:P,props:t}=m.useStyleProps(u),S=T.mergeStyleProps(e,{classProps:s.root,classPropsText:s.text,styleProps:P,otherProps:t}),d=[...Array(p??r.LINES_COUNT_DEFAULT).keys()];return o.jsx(e,{...t,...S,children:d.map(a=>o.jsx(x.default,{},`skeleton-item-${a.toString()}`))})};n.spiritComponent="SkeletonText";exports.default=n;
+//# sourceMappingURL=SkeletonText.cjs.map

package/dist/components/Skeleton/SkeletonText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.cjs","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":"uYAWMA,EAA6C,CACjD,KAAMC,EAAAA,cAAc,OACpB,MAAOC,EAAAA,oBACP,YAAa,KACf,EACMC,EAAyDC,GAAmD,CAChH,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGI,CAAA,EAC1C,CAAE,YAAaE,EAAa,MAAO,MAAAC,EAAO,GAAGC,GAAcH,EAC3D,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAS,EACtE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgBV,EAAY,CACnD,WAAYG,EAAW,KACvB,eAAgBA,EAAW,KAAA,WAC3BG,EACA,WAAAC,CAAA,CACD,EACKI,EAAgB,CAAC,GAAG,MAAMV,GAASL,EAAAA,mBAAmB,EAAE,MAAM,EAEpE,aACGI,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAC7B,WAAc,IAAKG,GAClBC,MAACC,EAAAA,WAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,EACH,CAEJ,EAEAf,EAAa,gBAAkB"}

package/dist/components/Skeleton/SkeletonText.d.ts

@@ -0,0 +1,7 @@
+import { ElementType, ReactElement } from 'react';
+import { SpiritSkeletonProps } from '../../types';
+declare const SkeletonText: {
+    <E extends ElementType = "div", C = void>(props: SpiritSkeletonProps<E, C>): ReactElement;
+    spiritComponent: string;
+};
+export default SkeletonText;

package/dist/components/Skeleton/SkeletonText.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import { SizesExtended as S } from "../../constants/dictionaries.js";
+import { useStyleProps as a } from "../../hooks/styleProps.js";
+import { mergeStyleProps as y } from "../../utils/mergeStyleProps.js";
+import { LINES_COUNT_DEFAULT as r } from "./constants.js";
+import T from "./SkeletonItem.js";
+import { useSkeletonStyleProps as u } from "./useSkeletonStyleProps.js";
+const x = {
+  size: S.MEDIUM,
+  lines: r,
+  elementType: "div"
+}, k = (p) => {
+  const n = { ...x, ...p }, { elementType: e = "div", lines: i, ...l } = n, { classProps: t, props: m } = u(l), { styleProps: c, props: o } = a(m), P = y(e, {
+    classProps: t.root,
+    classPropsText: t.text,
+    styleProps: c,
+    otherProps: o
+  }), d = [...Array(i ?? r).keys()];
+  return /* @__PURE__ */ s(e, { ...o, ...P, children: d.map((f) => /* @__PURE__ */ s(T, {}, `skeleton-item-${f.toString()}`)) });
+};
+k.spiritComponent = "SkeletonText";
+export {
+  k as default
+};
+//# sourceMappingURL=SkeletonText.js.map

package/dist/components/Skeleton/SkeletonText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonText.js","sources":["../../../src/components/Skeleton/SkeletonText.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, type ReactElement } from 'react';\nimport { SizesExtended } from '../../constants';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritSkeletonProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { LINES_COUNT_DEFAULT } from './constants';\nimport SkeletonItem from './SkeletonItem';\nimport { useSkeletonStyleProps } from './useSkeletonStyleProps';\n\nconst defaultProps: Partial<SpiritSkeletonProps> = {\n  size: SizesExtended.MEDIUM,\n  lines: LINES_COUNT_DEFAULT,\n  elementType: 'div',\n};\nconst SkeletonText = <E extends ElementType = 'div', C = void>(props: SpiritSkeletonProps<E, C>): ReactElement => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType: ElementTag = 'div', lines, ...restProps } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkeletonStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(ElementTag, {\n    classProps: classProps.root,\n    classPropsText: classProps.text,\n    styleProps,\n    otherProps,\n  });\n  const linesToRender = [...Array(lines ?? LINES_COUNT_DEFAULT).keys()];\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps}>\n      {linesToRender.map((lineNumber) => (\n        <SkeletonItem key={`skeleton-item-${lineNumber.toString()}`} />\n      ))}\n    </ElementTag>\n  );\n};\n\nSkeletonText.spiritComponent = 'SkeletonText';\n\nexport default SkeletonText;\n"],"names":["defaultProps","SizesExtended","LINES_COUNT_DEFAULT","SkeletonText","props","propsWithDefaults","ElementTag","lines","restProps","classProps","modifiedProps","useSkeletonStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","linesToRender","lineNumber","jsx","SkeletonItem"],"mappings":";;;;;;;;AAWA,MAAMA,IAA6C;AAAA,EACjD,MAAMC,EAAc;AAAA,EACpB,OAAOC;AAAA,EACP,aAAa;AACf,GACMC,IAAe,CAA0CC,MAAmD;AAChH,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGI,EAAA,GAC1C,EAAE,aAAaE,IAAa,OAAO,OAAAC,GAAO,GAAGC,MAAcH,GAC3D,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAS,GACtE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBV,GAAY;AAAA,IACnD,YAAYG,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,YAAAG;AAAA,IACA,YAAAC;AAAA,EAAA,CACD,GACKI,IAAgB,CAAC,GAAG,MAAMV,KAASL,CAAmB,EAAE,MAAM;AAEpE,2BACGI,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAC7B,YAAc,IAAI,CAACG,MAClB,gBAAAC,EAACC,OAAkB,iBAAiBF,EAAW,UAAU,EAAI,CAC9D,GACH;AAEJ;AAEAf,EAAa,kBAAkB;"}

package/dist/components/Skeleton/constants.cjs

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

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

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

package/dist/components/Skeleton/constants.js

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

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

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

package/dist/components/Skeleton/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useSkeletonStyleProps.cjs"),t=require("./SkeletonText.cjs"),o=require("./SkeletonHeading.cjs"),l=require("./SkeletonShape.cjs"),n=require("./SkeletonItem.cjs");exports.useSkeletonStyleProps=e.useSkeletonStyleProps;exports.SkeletonText=t.default;exports.SkeletonHeading=o.default;exports.SkeletonShape=l.default;exports.SkeletonItem=n.default;
+//# sourceMappingURL=index.cjs.map

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

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

package/dist/components/Skeleton/index.js

@@ -0,0 +1,13 @@
+import { useSkeletonStyleProps as o } from "./useSkeletonStyleProps.js";
+import { default as a } from "./SkeletonText.js";
+import { default as f } from "./SkeletonHeading.js";
+import { default as p } from "./SkeletonShape.js";
+import { default as m } from "./SkeletonItem.js";
+export {
+  f as SkeletonHeading,
+  m as SkeletonItem,
+  p as SkeletonShape,
+  a as SkeletonText,
+  o as useSkeletonStyleProps
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/Skeleton/useSkeletonShapeStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@alma-oss/spirit-design-tokens"),$=require("classnames"),S=require("../../hooks/useClassNamePrefix.cjs"),l=(s,e)=>e?{[`--${s}`]:`${e?.toString()}px`}:{},h=(s,e)=>{const t={},o=`--${a.cssVariablePrefix}radius-`;return typeof e=="object"&&e!==null?Object.keys(e).forEach(r=>{const n=r==="mobile"?"":`-${r}`,c=e[r];t[`--${s}${n}`]=`var(${o}${c})`}):e&&(t[`--${s}`]=`var(${o}${e})`),t},f=s=>{const{height:e,width:t,borderRadius:o,...r}=s,n=S.useClassNamePrefix("Skeleton"),c=`${n}--shape`,p=$(n,c),i=`${a.cssVariablePrefix}skeleton-shape`,u={...l(`${i}-width`,t),...l(`${i}-height`,e),...o?h(`${i}-radius`,o):{}};return{classProps:p,skeletonShapeStyleProps:u,props:r}};exports.useSkeletonShapeStyleProps=f;
+//# sourceMappingURL=useSkeletonShapeStyleProps.cjs.map

package/dist/components/Skeleton/useSkeletonShapeStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkeletonShapeStyleProps.cjs","sources":["../../../src/components/Skeleton/useSkeletonShapeStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SkeletonShapeStyleProps, type SpiritSkeletonShapeProps } from '../../types';\n\ninterface CustomizedCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setCustomDimension = (prefix: string, size: number | undefined): CustomizedCSSProperties => {\n  if (!size) return {};\n\n  const propName = `--${prefix}`;\n\n  return { [propName]: `${size?.toString()}px` } as CustomizedCSSProperties;\n};\n\nconst setCustomBorderRadius = (\n  prefix: string,\n  radius: object | number | string | undefined,\n): CustomizedCSSProperties => {\n  const style: CustomizedCSSProperties = {};\n  const cssPrefix: string = `--${cssVariablePrefix}radius-`;\n\n  if (typeof radius === 'object' && radius !== null) {\n    Object.keys(radius).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      const value = (radius as Record<string, string | undefined>)[key];\n      (style as Record<string, string | undefined>)[`--${prefix}${breakpointSuffix}`] = `var(${cssPrefix}${value})`;\n    });\n  } else if (radius) {\n    (style as Record<string, string | undefined>)[`--${prefix}`] = `var(${cssPrefix}${radius})`;\n  }\n\n  return style;\n};\n\nexport interface SkeletonShapeStyles<T extends ElementType = 'div', E = void> {\n  classProps: string;\n  skeletonShapeStyleProps: CustomizedCSSProperties;\n  props: Omit<SpiritSkeletonShapeProps<T, E>, keyof SkeletonShapeStyleProps<T, E>>;\n}\n\nexport const useSkeletonShapeStyleProps = <T extends ElementType = 'div', E = void>(\n  props: SpiritSkeletonShapeProps<T, E>,\n): SkeletonShapeStyles<T, E> => {\n  const { height, width, borderRadius, ...otherProps } = props;\n\n  const skeletonClass = useClassNamePrefix('Skeleton');\n  const skeletonItemClass = `${skeletonClass}--shape`;\n\n  const classProps = classNames(skeletonClass, skeletonItemClass);\n  const stylePrefix: string = `${cssVariablePrefix}skeleton-shape`;\n\n  const customizedShapeStyle = {\n    ...setCustomDimension(`${stylePrefix}-width`, width),\n    ...setCustomDimension(`${stylePrefix}-height`, height),\n    ...(borderRadius ? setCustomBorderRadius(`${stylePrefix}-radius`, borderRadius) : {}),\n  };\n\n  return {\n    classProps,\n    skeletonShapeStyleProps: customizedShapeStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","setCustomBorderRadius","radius","style","cssPrefix","cssVariablePrefix","key","breakpointSuffix","value","useSkeletonShapeStyleProps","props","height","width","borderRadius","otherProps","skeletonClass","useClassNamePrefix","skeletonItemClass","classProps","classNames","stylePrefix","customizedShapeStyle"],"mappings":"0MAUMA,EAAqB,CAACC,EAAgBC,IACrCA,EAIE,CAAE,CAFQ,KAAKD,CAAM,EAEV,EAAG,GAAGC,GAAM,SAAA,CAAU,IAAA,EAJtB,CAAA,EAOdC,EAAwB,CAC5BF,EACAG,IAC4B,CAC5B,MAAMC,EAAiC,CAAA,EACjCC,EAAoB,KAAKC,EAAAA,iBAAiB,UAEhD,OAAI,OAAOH,GAAW,UAAYA,IAAW,KAC3C,OAAO,KAAKA,CAAM,EAAE,QAASI,GAAQ,CACnC,MAAMC,EAAmBD,IAAQ,SAAW,GAAK,IAAIA,CAAG,GAClDE,EAASN,EAA8CI,CAAG,EAC/DH,EAA6C,KAAKJ,CAAM,GAAGQ,CAAgB,EAAE,EAAI,OAAOH,CAAS,GAAGI,CAAK,GAC5G,CAAC,EACQN,IACRC,EAA6C,KAAKJ,CAAM,EAAE,EAAI,OAAOK,CAAS,GAAGF,CAAM,KAGnFC,CACT,EAQaM,EACXC,GAC8B,CAC9B,KAAM,CAAE,OAAAC,EAAQ,MAAAC,EAAO,aAAAC,EAAc,GAAGC,GAAeJ,EAEjDK,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAoB,GAAGF,CAAa,UAEpCG,EAAaC,EAAWJ,EAAeE,CAAiB,EACxDG,EAAsB,GAAGf,EAAAA,iBAAiB,iBAE1CgB,EAAuB,CAC3B,GAAGvB,EAAmB,GAAGsB,CAAW,SAAUR,CAAK,EACnD,GAAGd,EAAmB,GAAGsB,CAAW,UAAWT,CAAM,EACrD,GAAIE,EAAeZ,EAAsB,GAAGmB,CAAW,UAAWP,CAAY,EAAI,CAAA,CAAC,EAGrF,MAAO,CACL,WAAAK,EACA,wBAAyBG,EACzB,MAAOP,CAAA,CAEX"}

package/dist/components/Skeleton/useSkeletonShapeStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties, ElementType } from 'react';
+import { SkeletonShapeStyleProps, SpiritSkeletonShapeProps } from '../../types';
+interface CustomizedCSSProperties extends CSSProperties {
+    [key: string]: string | undefined | number;
+}
+export interface SkeletonShapeStyles<T extends ElementType = 'div', E = void> {
+    classProps: string;
+    skeletonShapeStyleProps: CustomizedCSSProperties;
+    props: Omit<SpiritSkeletonShapeProps<T, E>, keyof SkeletonShapeStyleProps<T, E>>;
+}
+export declare const useSkeletonShapeStyleProps: <T extends ElementType = "div", E = void>(props: SpiritSkeletonShapeProps<T, E>) => SkeletonShapeStyles<T, E>;
+export {};

package/dist/components/Skeleton/useSkeletonShapeStyleProps.js

@@ -0,0 +1,25 @@
+import { cssVariablePrefix as a } from "@alma-oss/spirit-design-tokens";
+import $ from "classnames";
+import { useClassNamePrefix as f } from "../../hooks/useClassNamePrefix.js";
+const p = (s, e) => e ? { [`--${s}`]: `${e?.toString()}px` } : {}, h = (s, e) => {
+  const t = {}, o = `--${a}radius-`;
+  return typeof e == "object" && e !== null ? Object.keys(e).forEach((r) => {
+    const n = r === "mobile" ? "" : `-${r}`, c = e[r];
+    t[`--${s}${n}`] = `var(${o}${c})`;
+  }) : e && (t[`--${s}`] = `var(${o}${e})`), t;
+}, b = (s) => {
+  const { height: e, width: t, borderRadius: o, ...r } = s, n = f("Skeleton"), c = `${n}--shape`, i = $(n, c), l = `${a}skeleton-shape`, m = {
+    ...p(`${l}-width`, t),
+    ...p(`${l}-height`, e),
+    ...o ? h(`${l}-radius`, o) : {}
+  };
+  return {
+    classProps: i,
+    skeletonShapeStyleProps: m,
+    props: r
+  };
+};
+export {
+  b as useSkeletonShapeStyleProps
+};
+//# sourceMappingURL=useSkeletonShapeStyleProps.js.map

package/dist/components/Skeleton/useSkeletonShapeStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkeletonShapeStyleProps.js","sources":["../../../src/components/Skeleton/useSkeletonShapeStyleProps.ts"],"sourcesContent":["import { cssVariablePrefix } from '@alma-oss/spirit-design-tokens';\nimport classNames from 'classnames';\nimport { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SkeletonShapeStyleProps, type SpiritSkeletonShapeProps } from '../../types';\n\ninterface CustomizedCSSProperties extends CSSProperties {\n  [key: string]: string | undefined | number;\n}\n\nconst setCustomDimension = (prefix: string, size: number | undefined): CustomizedCSSProperties => {\n  if (!size) return {};\n\n  const propName = `--${prefix}`;\n\n  return { [propName]: `${size?.toString()}px` } as CustomizedCSSProperties;\n};\n\nconst setCustomBorderRadius = (\n  prefix: string,\n  radius: object | number | string | undefined,\n): CustomizedCSSProperties => {\n  const style: CustomizedCSSProperties = {};\n  const cssPrefix: string = `--${cssVariablePrefix}radius-`;\n\n  if (typeof radius === 'object' && radius !== null) {\n    Object.keys(radius).forEach((key) => {\n      const breakpointSuffix = key === 'mobile' ? '' : `-${key}`;\n      const value = (radius as Record<string, string | undefined>)[key];\n      (style as Record<string, string | undefined>)[`--${prefix}${breakpointSuffix}`] = `var(${cssPrefix}${value})`;\n    });\n  } else if (radius) {\n    (style as Record<string, string | undefined>)[`--${prefix}`] = `var(${cssPrefix}${radius})`;\n  }\n\n  return style;\n};\n\nexport interface SkeletonShapeStyles<T extends ElementType = 'div', E = void> {\n  classProps: string;\n  skeletonShapeStyleProps: CustomizedCSSProperties;\n  props: Omit<SpiritSkeletonShapeProps<T, E>, keyof SkeletonShapeStyleProps<T, E>>;\n}\n\nexport const useSkeletonShapeStyleProps = <T extends ElementType = 'div', E = void>(\n  props: SpiritSkeletonShapeProps<T, E>,\n): SkeletonShapeStyles<T, E> => {\n  const { height, width, borderRadius, ...otherProps } = props;\n\n  const skeletonClass = useClassNamePrefix('Skeleton');\n  const skeletonItemClass = `${skeletonClass}--shape`;\n\n  const classProps = classNames(skeletonClass, skeletonItemClass);\n  const stylePrefix: string = `${cssVariablePrefix}skeleton-shape`;\n\n  const customizedShapeStyle = {\n    ...setCustomDimension(`${stylePrefix}-width`, width),\n    ...setCustomDimension(`${stylePrefix}-height`, height),\n    ...(borderRadius ? setCustomBorderRadius(`${stylePrefix}-radius`, borderRadius) : {}),\n  };\n\n  return {\n    classProps,\n    skeletonShapeStyleProps: customizedShapeStyle,\n    props: otherProps,\n  };\n};\n"],"names":["setCustomDimension","prefix","size","setCustomBorderRadius","radius","style","cssPrefix","cssVariablePrefix","key","breakpointSuffix","value","useSkeletonShapeStyleProps","props","height","width","borderRadius","otherProps","skeletonClass","useClassNamePrefix","skeletonItemClass","classProps","classNames","stylePrefix","customizedShapeStyle"],"mappings":";;;AAUA,MAAMA,IAAqB,CAACC,GAAgBC,MACrCA,IAIE,EAAE,CAFQ,KAAKD,CAAM,EAEV,GAAG,GAAGC,GAAM,SAAA,CAAU,KAAA,IAJtB,CAAA,GAOdC,IAAwB,CAC5BF,GACAG,MAC4B;AAC5B,QAAMC,IAAiC,CAAA,GACjCC,IAAoB,KAAKC,CAAiB;AAEhD,SAAI,OAAOH,KAAW,YAAYA,MAAW,OAC3C,OAAO,KAAKA,CAAM,EAAE,QAAQ,CAACI,MAAQ;AACnC,UAAMC,IAAmBD,MAAQ,WAAW,KAAK,IAAIA,CAAG,IAClDE,IAASN,EAA8CI,CAAG;AAC/D,IAAAH,EAA6C,KAAKJ,CAAM,GAAGQ,CAAgB,EAAE,IAAI,OAAOH,CAAS,GAAGI,CAAK;AAAA,EAC5G,CAAC,IACQN,MACRC,EAA6C,KAAKJ,CAAM,EAAE,IAAI,OAAOK,CAAS,GAAGF,CAAM,MAGnFC;AACT,GAQaM,IAA6B,CACxCC,MAC8B;AAC9B,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,cAAAC,GAAc,GAAGC,MAAeJ,GAEjDK,IAAgBC,EAAmB,UAAU,GAC7CC,IAAoB,GAAGF,CAAa,WAEpCG,IAAaC,EAAWJ,GAAeE,CAAiB,GACxDG,IAAsB,GAAGf,CAAiB,kBAE1CgB,IAAuB;AAAA,IAC3B,GAAGvB,EAAmB,GAAGsB,CAAW,UAAUR,CAAK;AAAA,IACnD,GAAGd,EAAmB,GAAGsB,CAAW,WAAWT,CAAM;AAAA,IACrD,GAAIE,IAAeZ,EAAsB,GAAGmB,CAAW,WAAWP,CAAY,IAAI,CAAA;AAAA,EAAC;AAGrF,SAAO;AAAA,IACL,YAAAK;AAAA,IACA,yBAAyBG;AAAA,IACzB,OAAOP;AAAA,EAAA;AAEX;"}

package/dist/components/Skeleton/useSkeletonStyleProps.cjs

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

package/dist/components/Skeleton/useSkeletonStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkeletonStyleProps.cjs","sources":["../../../src/components/Skeleton/useSkeletonStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SkeletonProps, type SpiritSkeletonProps } from '../../types';\n\nexport interface SkeletonStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    heading: string;\n    item: string;\n  };\n  /** props to be passed to the element */\n  props: SkeletonProps;\n}\n\nexport function useSkeletonStyleProps<E extends ElementType = 'div', C = void>(\n  props?: SpiritSkeletonProps<E, C>,\n): SkeletonStyles {\n  const { size, ...restProps } = props || {};\n\n  const skeletonClass = useClassNamePrefix('Skeleton');\n  const skeletonSizeClass = `${skeletonClass}--${size}`;\n  const skeletonTextClass = `${skeletonClass}--text`;\n  const skeletonHeadingClass = `${skeletonClass}--heading`;\n  const skeletonItemClass = `${skeletonClass}__item`;\n\n  const classProps = classNames(skeletonClass, {\n    [skeletonSizeClass]: size,\n  });\n\n  return {\n    classProps: {\n      root: classProps,\n      text: skeletonTextClass,\n      heading: skeletonHeadingClass,\n      item: skeletonItemClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useSkeletonStyleProps","props","size","restProps","skeletonClass","useClassNamePrefix","skeletonSizeClass","skeletonTextClass","skeletonHeadingClass","skeletonItemClass","classNames"],"mappings":"8JAiBO,SAASA,EACdC,EACgB,CAChB,KAAM,CAAE,KAAAC,EAAM,GAAGC,CAAA,EAAcF,GAAS,CAAA,EAElCG,EAAgBC,EAAAA,mBAAmB,UAAU,EAC7CC,EAAoB,GAAGF,CAAa,KAAKF,CAAI,GAC7CK,EAAoB,GAAGH,CAAa,SACpCI,EAAuB,GAAGJ,CAAa,YACvCK,EAAoB,GAAGL,CAAa,SAM1C,MAAO,CACL,WAAY,CACV,KANeM,EAAWN,EAAe,CAC3C,CAACE,CAAiB,EAAGJ,CAAA,CACtB,EAKG,KAAMK,EACN,QAASC,EACT,KAAMC,CAAA,EAER,MAAON,CAAA,CAEX"}

package/dist/components/Skeleton/useSkeletonStyleProps.d.ts

@@ -0,0 +1,12 @@
+import { ElementType } from 'react';
+import { SkeletonProps, SpiritSkeletonProps } from '../../types';
+export interface SkeletonStyles {
+    classProps: {
+        root: string;
+        text: string;
+        heading: string;
+        item: string;
+    };
+    props: SkeletonProps;
+}
+export declare function useSkeletonStyleProps<E extends ElementType = 'div', C = void>(props?: SpiritSkeletonProps<E, C>): SkeletonStyles;

package/dist/components/Skeleton/useSkeletonStyleProps.js

@@ -0,0 +1,20 @@
+import c from "classnames";
+import { useClassNamePrefix as i } from "../../hooks/useClassNamePrefix.js";
+function C(t) {
+  const { size: e, ...o } = t || {}, s = i("Skeleton"), n = `${s}--${e}`, l = `${s}--text`, r = `${s}--heading`, a = `${s}__item`;
+  return {
+    classProps: {
+      root: c(s, {
+        [n]: e
+      }),
+      text: l,
+      heading: r,
+      item: a
+    },
+    props: o
+  };
+}
+export {
+  C as useSkeletonStyleProps
+};
+//# sourceMappingURL=useSkeletonStyleProps.js.map

package/dist/components/Skeleton/useSkeletonStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkeletonStyleProps.js","sources":["../../../src/components/Skeleton/useSkeletonStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SkeletonProps, type SpiritSkeletonProps } from '../../types';\n\nexport interface SkeletonStyles {\n  /** className props */\n  classProps: {\n    root: string;\n    text: string;\n    heading: string;\n    item: string;\n  };\n  /** props to be passed to the element */\n  props: SkeletonProps;\n}\n\nexport function useSkeletonStyleProps<E extends ElementType = 'div', C = void>(\n  props?: SpiritSkeletonProps<E, C>,\n): SkeletonStyles {\n  const { size, ...restProps } = props || {};\n\n  const skeletonClass = useClassNamePrefix('Skeleton');\n  const skeletonSizeClass = `${skeletonClass}--${size}`;\n  const skeletonTextClass = `${skeletonClass}--text`;\n  const skeletonHeadingClass = `${skeletonClass}--heading`;\n  const skeletonItemClass = `${skeletonClass}__item`;\n\n  const classProps = classNames(skeletonClass, {\n    [skeletonSizeClass]: size,\n  });\n\n  return {\n    classProps: {\n      root: classProps,\n      text: skeletonTextClass,\n      heading: skeletonHeadingClass,\n      item: skeletonItemClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useSkeletonStyleProps","props","size","restProps","skeletonClass","useClassNamePrefix","skeletonSizeClass","skeletonTextClass","skeletonHeadingClass","skeletonItemClass","classNames"],"mappings":";;AAiBO,SAASA,EACdC,GACgB;AAChB,QAAM,EAAE,MAAAC,GAAM,GAAGC,EAAA,IAAcF,KAAS,CAAA,GAElCG,IAAgBC,EAAmB,UAAU,GAC7CC,IAAoB,GAAGF,CAAa,KAAKF,CAAI,IAC7CK,IAAoB,GAAGH,CAAa,UACpCI,IAAuB,GAAGJ,CAAa,aACvCK,IAAoB,GAAGL,CAAa;AAM1C,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MANeM,EAAWN,GAAe;AAAA,QAC3C,CAACE,CAAiB,GAAGJ;AAAA,MAAA,CACtB;AAAA,MAKG,MAAMK;AAAA,MACN,SAASC;AAAA,MACT,MAAMC;AAAA,IAAA;AAAA,IAER,OAAON;AAAA,EAAA;AAEX;"}

package/dist/components/Skeleton.d.ts

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

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

package/dist/components/SkipLink/SkipLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.cjs","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritSkipLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkipLinkStyleProps } from './useSkipLinkStyleProps';\n\nconst defaultProps: Partial<SpiritSkipLinkProps> = {\n  elementType: 'a',\n};\n\nconst _SkipLink = <E extends ElementType = 'a'>(props: SpiritSkipLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkipLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps('a', { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst SkipLink = forwardRef<HTMLAnchorElement, SpiritSkipLinkProps<ElementType>>(\n  _SkipLink,\n) as unknown as PolymorphicComponent<'a', SpiritSkipLinkProps<ElementType>>;\n\nSkipLink.spiritComponent = 'SkipLink';\nSkipLink.displayName = 'SkipLink';\n\nexport default SkipLink;\n"],"names":["defaultProps","_SkipLink","props","ref","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useSkipLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","SkipLink","forwardRef"],"mappings":"+SAQMA,EAA6C,CACjD,YAAa,GACf,EAEMC,EAAY,CAA8BC,EAA+BC,IAAwC,CACrH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAE1C,CACJ,YAAaG,EAAaL,EAAa,YACvC,SAAAM,EACA,GAAGC,CAAA,EACDH,EACE,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,sBAAsBH,CAAS,EACtE,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,EAAAA,gBAAgB,IAAK,CAAE,WAAAP,EAAA,WAAYG,EAAY,WAAAC,EAAY,EAEpF,OACEI,MAACX,EAAA,CAAY,GAAGO,EAAa,GAAGE,EAAkB,KAAMP,EAAU,KAAM,IAAAJ,EACrE,SAAAG,CAAA,CACH,CAEJ,EAEMW,EAAWC,EAAAA,WACfjB,CACF,EAEAgB,EAAS,gBAAkB,WAC3BA,EAAS,YAAc"}

package/dist/components/SkipLink/SkipLink.d.ts

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

package/dist/components/SkipLink/SkipLink.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as k } from "react/jsx-runtime";
+import { forwardRef as P } from "react";
+import { useStyleProps as y } from "../../hooks/styleProps.js";
+import { mergeStyleProps as S } from "../../utils/mergeStyleProps.js";
+import { useSkipLinkStyleProps as d } from "./useSkipLinkStyleProps.js";
+const r = {
+  elementType: "a"
+}, u = (t, p) => {
+  const i = { ...r, ...t }, {
+    elementType: n = r.elementType,
+    children: m,
+    ...e
+  } = i, { classProps: l, props: f } = d(e), { styleProps: c, props: o } = y(f), a = S("a", { classProps: l, styleProps: c, otherProps: o });
+  return /* @__PURE__ */ k(n, { ...o, ...a, href: e.href, ref: p, children: m });
+}, s = P(
+  u
+);
+s.spiritComponent = "SkipLink";
+s.displayName = "SkipLink";
+export {
+  s as default
+};
+//# sourceMappingURL=SkipLink.js.map

package/dist/components/SkipLink/SkipLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkipLink.js","sources":["../../../src/components/SkipLink/SkipLink.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type PolymorphicComponent, type PolymorphicRef, type SpiritSkipLinkProps } from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useSkipLinkStyleProps } from './useSkipLinkStyleProps';\n\nconst defaultProps: Partial<SpiritSkipLinkProps> = {\n  elementType: 'a',\n};\n\nconst _SkipLink = <E extends ElementType = 'a'>(props: SpiritSkipLinkProps<E>, ref: PolymorphicRef<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n\n  const {\n    elementType: ElementTag = defaultProps.elementType as ElementType,\n    children,\n    ...restProps\n  } = propsWithDefaults;\n  const { classProps, props: modifiedProps } = useSkipLinkStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps('a', { classProps, styleProps, otherProps });\n\n  return (\n    <ElementTag {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </ElementTag>\n  );\n};\n\nconst SkipLink = forwardRef<HTMLAnchorElement, SpiritSkipLinkProps<ElementType>>(\n  _SkipLink,\n) as unknown as PolymorphicComponent<'a', SpiritSkipLinkProps<ElementType>>;\n\nSkipLink.spiritComponent = 'SkipLink';\nSkipLink.displayName = 'SkipLink';\n\nexport default SkipLink;\n"],"names":["defaultProps","_SkipLink","props","ref","propsWithDefaults","ElementTag","children","restProps","classProps","modifiedProps","useSkipLinkStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","SkipLink","forwardRef"],"mappings":";;;;;;AAQA,MAAMA,IAA6C;AAAA,EACjD,aAAa;AACf,GAEMC,IAAY,CAA8BC,GAA+BC,MAAwC;AACrH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAE1C;AAAA,IACJ,aAAaG,IAAaL,EAAa;AAAA,IACvC,UAAAM;AAAA,IACA,GAAGC;AAAA,EAAA,IACDH,GACE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAAsBH,CAAS,GACtE,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgB,KAAK,EAAE,YAAAP,GAAY,YAAAG,GAAY,YAAAC,GAAY;AAEpF,SACE,gBAAAI,EAACX,GAAA,EAAY,GAAGO,GAAa,GAAGE,GAAkB,MAAMP,EAAU,MAAM,KAAAJ,GACrE,UAAAG,EAAA,CACH;AAEJ,GAEMW,IAAWC;AAAA,EACfjB;AACF;AAEAgB,EAAS,kBAAkB;AAC3BA,EAAS,cAAc;"}

package/dist/components/SkipLink/index.cjs

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

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

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

package/dist/components/SkipLink/index.js

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

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

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

package/dist/components/SkipLink/useSkipLinkStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../hooks/useClassNamePrefix.cjs");function r(s){const{...e}=s;return{classProps:i.useClassNamePrefix("SkipLink"),props:e}}exports.useSkipLinkStyleProps=r;
+//# sourceMappingURL=useSkipLinkStyleProps.cjs.map

package/dist/components/SkipLink/useSkipLinkStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkipLinkStyleProps.cjs","sources":["../../../src/components/SkipLink/useSkipLinkStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSkipLinkProps } from '../../types';\n\nexport interface SkipLinkStyles {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the skip link element */\n  props: Partial<SpiritSkipLinkProps>;\n}\n\nexport function useSkipLinkStyleProps(props: SpiritSkipLinkProps): SkipLinkStyles {\n  const { ...restProps } = props;\n\n  const skipLinkClass = useClassNamePrefix('SkipLink');\n\n  return {\n    classProps: skipLinkClass,\n    props: restProps,\n  };\n}\n"],"names":["useSkipLinkStyleProps","props","restProps","useClassNamePrefix"],"mappings":"sIAUO,SAASA,EAAsBC,EAA4C,CAChF,KAAM,CAAE,GAAGC,CAAA,EAAcD,EAIzB,MAAO,CACL,WAHoBE,EAAAA,mBAAmB,UAAU,EAIjD,MAAOD,CAAA,CAEX"}

package/dist/components/SkipLink/useSkipLinkStyleProps.d.ts

@@ -0,0 +1,6 @@
+import { SpiritSkipLinkProps } from '../../types';
+export interface SkipLinkStyles {
+    classProps: string | null;
+    props: Partial<SpiritSkipLinkProps>;
+}
+export declare function useSkipLinkStyleProps(props: SpiritSkipLinkProps): SkipLinkStyles;

package/dist/components/SkipLink/useSkipLinkStyleProps.js

@@ -0,0 +1,12 @@
+import { useClassNamePrefix as r } from "../../hooks/useClassNamePrefix.js";
+function t(s) {
+  const { ...i } = s;
+  return {
+    classProps: r("SkipLink"),
+    props: i
+  };
+}
+export {
+  t as useSkipLinkStyleProps
+};
+//# sourceMappingURL=useSkipLinkStyleProps.js.map

package/dist/components/SkipLink/useSkipLinkStyleProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSkipLinkStyleProps.js","sources":["../../../src/components/SkipLink/useSkipLinkStyleProps.ts"],"sourcesContent":["import { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSkipLinkProps } from '../../types';\n\nexport interface SkipLinkStyles {\n  /** className props */\n  classProps: string | null;\n  /** props to be passed to the skip link element */\n  props: Partial<SpiritSkipLinkProps>;\n}\n\nexport function useSkipLinkStyleProps(props: SpiritSkipLinkProps): SkipLinkStyles {\n  const { ...restProps } = props;\n\n  const skipLinkClass = useClassNamePrefix('SkipLink');\n\n  return {\n    classProps: skipLinkClass,\n    props: restProps,\n  };\n}\n"],"names":["useSkipLinkStyleProps","props","restProps","useClassNamePrefix"],"mappings":";AAUO,SAASA,EAAsBC,GAA4C;AAChF,QAAM,EAAE,GAAGC,EAAA,IAAcD;AAIzB,SAAO;AAAA,IACL,YAHoBE,EAAmB,UAAU;AAAA,IAIjD,OAAOD;AAAA,EAAA;AAEX;"}

package/dist/components/SkipLink.d.ts

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

package/dist/components/Slider/Slider.cjs

@@ -0,0 +1,2 @@
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),V=require("classnames"),I=require("react"),E=require("../../hooks/styleProps.cjs"),F=require("../../hooks/useAriaIdRefs.cjs"),$=require("../Field/HelperText.cjs"),U=require("../Field/Label.cjs"),B=require("../Field/ValidationText.cjs"),L=require("../Field/useValidationTextRole.cjs"),M=require("./constants.cjs"),C=require("./useSliderStyleProps.cjs"),O={...M.SLIDER_DEFAULT_PROPS},w=(m,y)=>{const b={...O,...m},{"aria-describedby":T,hasValidationIcon:h,helperText:N,id:t,isDisabled:l,label:_,max:n,min:i,step:f,validationState:r,validationText:c,value:d,...q}=b,{classProps:e,props:v}=C.useSliderStyleProps({...q,isDisabled:l,validationState:r}),{styleProps:u,props:R}=E.useStyleProps(v),[g,p]=F.useAriaDescribedBy(T),A=L.useValidationTextRole({validationState:r,validationText:c}),S="--slider-position",x=a=>`${Math.round(100*(a-i)/(n-i))}%`,j=a=>{const{target:P}=a,{value:D}=P;P.style.setProperty(S,x(Number(D)))};return s.jsxs("div",{...u,...R,className:V(e.root,u.className),children:[s.jsx(U.default,{htmlFor:t,UNSAFE_className:e.label,children:_}),s.jsx("input",{...g,className:e.input,id:t,onInput:j,style:{[S]:`${x(d)}`},type:"range",min:i,max:n,step:f,value:d,disabled:l,ref:y}),s.jsx($.default,{UNSAFE_className:e.helperText,helperText:N,id:`${t}__helperText`,registerAria:p}),r&&s.jsx(B.default,{UNSAFE_className:e.validationText,...h&&{hasValidationStateIcon:r},id:`${t}__validationText`,registerAria:p,validationText:c,role:A})]})},o=I.forwardRef(w);o.spiritComponent="Slider";o.displayName="Slider";exports.default=o;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type CSSProperties, type ChangeEvent, type FormEvent, type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSliderProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { SLIDER_DEFAULT_PROPS } from './constants';\nimport { useSliderStyleProps } from './useSliderStyleProps';\n\nconst defaultProps = {\n  ...SLIDER_DEFAULT_PROPS,\n};\n\nconst _Slider = (props: SpiritSliderProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    'aria-describedby': ariaDescribedBy,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    label,\n    max,\n    min,\n    step,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useSliderStyleProps({\n    ...restProps,\n    isDisabled,\n    validationState,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const CSSVariable = '--slider-position';\n\n  const getSliderPosition = (num: number) => `${Math.round((100 * (num - min)) / (max - min))}%`;\n\n  const handleInput = (event: FormEvent<HTMLInputElement>) => {\n    const { target } = event as ChangeEvent<HTMLInputElement>;\n    const { value: inputValue } = target;\n\n    target.style.setProperty(CSSVariable, getSliderPosition(Number(inputValue)));\n  };\n\n  return (\n    <div {...styleProps} {...otherProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        className={classProps.input}\n        id={id}\n        onInput={handleInput}\n        style={{ [CSSVariable]: `${getSliderPosition(value)}` } as CSSProperties}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={value}\n        disabled={isDisabled}\n        ref={ref}\n      />\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        helperText={helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          registerAria={register}\n          validationText={validationText}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Slider = forwardRef<HTMLInputElement, SpiritSliderProps>(_Slider) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritSliderProps\n>;\n\nSlider.spiritComponent = 'Slider';\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["defaultProps","SLIDER_DEFAULT_PROPS","_Slider","props","ref","propsWithDefaults","ariaDescribedBy","hasValidationIcon","helperText","id","isDisabled","label","max","min","step","validationState","validationText","value","restProps","classProps","modifiedProps","useSliderStyleProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","CSSVariable","getSliderPosition","num","handleInput","event","target","inputValue","jsxs","classNames","jsx","Label","HelperText","ValidationText","Slider","forwardRef"],"mappings":"8fAWMA,EAAe,CACnB,GAAGC,EAAAA,oBACL,EAEMC,EAAU,CAACC,EAA0BC,IAAwC,CACjF,MAAMC,EAAoB,CAAE,GAAGL,EAAc,GAAGG,CAAA,EAC1C,CACJ,mBAAoBG,EACpB,kBAAAC,EACA,WAAAC,EACA,GAAAC,EACA,WAAAC,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,KAAAC,EACA,gBAAAC,EACA,eAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACDb,EAEE,CAAE,WAAAc,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,oBAAoB,CAC/D,GAAGH,EACH,WAAAR,EACA,gBAAAK,CAAA,CACD,EACK,CAAA,WAAEO,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/D,CAACK,EAAqBC,CAAQ,EAAIC,EAAAA,mBAAmBrB,CAAe,EACpEsB,EAAqBC,EAAAA,sBAAsB,CAC/C,gBAAAd,EACA,eAAAC,CAAA,CACD,EAEKc,EAAc,oBAEdC,EAAqBC,GAAgB,GAAG,KAAK,MAAO,KAAOA,EAAMnB,IAASD,EAAMC,EAAI,CAAC,IAErFoB,EAAeC,GAAuC,CAC1D,KAAM,CAAE,OAAAC,GAAWD,EACb,CAAE,MAAOE,CAAA,EAAeD,EAE9BA,EAAO,MAAM,YAAYL,EAAaC,EAAkB,OAAOK,CAAU,CAAC,CAAC,CAC7E,EAEA,OACEC,EAAAA,KAAC,MAAA,CAAK,GAAGf,EAAa,GAAGC,EAAY,UAAWe,EAAWnB,EAAW,KAAMG,EAAW,SAAS,EAC9F,SAAA,CAAAiB,MAACC,EAAAA,SAAM,QAAS/B,EAAI,iBAAkBU,EAAW,MAC9C,SAAAR,EACH,EACA4B,EAAAA,IAAC,QAAA,CACE,GAAGd,EACJ,UAAWN,EAAW,MACtB,GAAAV,EACA,QAASwB,EACT,MAAO,CAAE,CAACH,CAAW,EAAG,GAAGC,EAAkBd,CAAK,CAAC,EAAA,EACnD,KAAK,QACL,IAAAJ,EACA,IAAAD,EACA,KAAAE,EACA,MAAAG,EACA,SAAUP,EACV,IAAAN,CAAA,CAAA,EAEFmC,EAAAA,IAACE,EAAAA,QAAA,CACC,iBAAkBtB,EAAW,WAC7B,WAAAX,EACA,GAAI,GAAGC,CAAE,eACT,aAAciB,CAAA,CAAA,EAEfX,GACCwB,EAAAA,IAACG,EAAAA,QAAA,CACC,iBAAkBvB,EAAW,eAC5B,GAAIZ,GAAqB,CAAE,uBAAwBQ,CAAA,EACpD,GAAI,GAAGN,CAAE,mBACT,aAAciB,EACd,eAAAV,EACA,KAAMY,CAAA,CAAA,CACR,EAEJ,CAEJ,EAEMe,EAASC,EAAAA,WAAgD1C,CAAO,EAKtEyC,EAAO,gBAAkB,SACzBA,EAAO,YAAc"}

package/dist/components/Slider/Slider.d.ts

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

package/dist/components/Slider/Slider.js

@@ -0,0 +1,87 @@
+"use client";
+import { jsxs as I, jsx as o } from "react/jsx-runtime";
+import R from "classnames";
+import { forwardRef as U } from "react";
+import { useStyleProps as $ } from "../../hooks/styleProps.js";
+import { useAriaDescribedBy as B } from "../../hooks/useAriaIdRefs.js";
+import L from "../Field/HelperText.js";
+import j from "../Field/Label.js";
+import C from "../Field/ValidationText.js";
+import { useValidationTextRole as w } from "../Field/useValidationTextRole.js";
+import { SLIDER_DEFAULT_PROPS as H } from "./constants.js";
+import { useSliderStyleProps as M } from "./useSliderStyleProps.js";
+const O = {
+  ...H
+}, W = (x, P) => {
+  const b = { ...O, ...x }, {
+    "aria-describedby": h,
+    hasValidationIcon: y,
+    helperText: N,
+    id: t,
+    isDisabled: a,
+    label: T,
+    max: l,
+    min: s,
+    step: _,
+    validationState: r,
+    validationText: n,
+    value: p,
+    ...v
+  } = b, { classProps: e, props: A } = M({
+    ...v,
+    isDisabled: a,
+    validationState: r
+  }), { styleProps: d, props: D } = $(A), [g, m] = B(h), V = w({
+    validationState: r,
+    validationText: n
+  }), c = "--slider-position", u = (i) => `${Math.round(100 * (i - s) / (l - s))}%`, E = (i) => {
+    const { target: f } = i, { value: F } = f;
+    f.style.setProperty(c, u(Number(F)));
+  };
+  return /* @__PURE__ */ I("div", { ...d, ...D, className: R(e.root, d.className), children: [
+    /* @__PURE__ */ o(j, { htmlFor: t, UNSAFE_className: e.label, children: T }),
+    /* @__PURE__ */ o(
+      "input",
+      {
+        ...g,
+        className: e.input,
+        id: t,
+        onInput: E,
+        style: { [c]: `${u(p)}` },
+        type: "range",
+        min: s,
+        max: l,
+        step: _,
+        value: p,
+        disabled: a,
+        ref: P
+      }
+    ),
+    /* @__PURE__ */ o(
+      L,
+      {
+        UNSAFE_className: e.helperText,
+        helperText: N,
+        id: `${t}__helperText`,
+        registerAria: m
+      }
+    ),
+    r && /* @__PURE__ */ o(
+      C,
+      {
+        UNSAFE_className: e.validationText,
+        ...y && { hasValidationStateIcon: r },
+        id: `${t}__validationText`,
+        registerAria: m,
+        validationText: n,
+        role: V
+      }
+    )
+  ] });
+}, S = U(W);
+S.spiritComponent = "Slider";
+S.displayName = "Slider";
+export {
+  S as default
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type CSSProperties, type ChangeEvent, type FormEvent, type ForwardedRef, forwardRef } from 'react';\nimport { useAriaDescribedBy, useStyleProps } from '../../hooks';\nimport { type ForwardRefComponent, type SpiritSliderProps } from '../../types';\nimport { HelperText, Label, ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { SLIDER_DEFAULT_PROPS } from './constants';\nimport { useSliderStyleProps } from './useSliderStyleProps';\n\nconst defaultProps = {\n  ...SLIDER_DEFAULT_PROPS,\n};\n\nconst _Slider = (props: SpiritSliderProps, ref: ForwardedRef<HTMLInputElement>) => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const {\n    'aria-describedby': ariaDescribedBy,\n    hasValidationIcon,\n    helperText,\n    id,\n    isDisabled,\n    label,\n    max,\n    min,\n    step,\n    validationState,\n    validationText,\n    value,\n    ...restProps\n  } = propsWithDefaults;\n\n  const { classProps, props: modifiedProps } = useSliderStyleProps({\n    ...restProps,\n    isDisabled,\n    validationState,\n  });\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const [ariaDescribedByProp, register] = useAriaDescribedBy(ariaDescribedBy);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const CSSVariable = '--slider-position';\n\n  const getSliderPosition = (num: number) => `${Math.round((100 * (num - min)) / (max - min))}%`;\n\n  const handleInput = (event: FormEvent<HTMLInputElement>) => {\n    const { target } = event as ChangeEvent<HTMLInputElement>;\n    const { value: inputValue } = target;\n\n    target.style.setProperty(CSSVariable, getSliderPosition(Number(inputValue)));\n  };\n\n  return (\n    <div {...styleProps} {...otherProps} className={classNames(classProps.root, styleProps.className)}>\n      <Label htmlFor={id} UNSAFE_className={classProps.label}>\n        {label}\n      </Label>\n      <input\n        {...ariaDescribedByProp}\n        className={classProps.input}\n        id={id}\n        onInput={handleInput}\n        style={{ [CSSVariable]: `${getSliderPosition(value)}` } as CSSProperties}\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={value}\n        disabled={isDisabled}\n        ref={ref}\n      />\n      <HelperText\n        UNSAFE_className={classProps.helperText}\n        helperText={helperText}\n        id={`${id}__helperText`}\n        registerAria={register}\n      />\n      {validationState && (\n        <ValidationText\n          UNSAFE_className={classProps.validationText}\n          {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n          id={`${id}__validationText`}\n          registerAria={register}\n          validationText={validationText}\n          role={validationTextRole}\n        />\n      )}\n    </div>\n  );\n};\n\nconst Slider = forwardRef<HTMLInputElement, SpiritSliderProps>(_Slider) as ForwardRefComponent<\n  HTMLInputElement,\n  SpiritSliderProps\n>;\n\nSlider.spiritComponent = 'Slider';\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"],"names":["defaultProps","SLIDER_DEFAULT_PROPS","_Slider","props","ref","propsWithDefaults","ariaDescribedBy","hasValidationIcon","helperText","id","isDisabled","label","max","min","step","validationState","validationText","value","restProps","classProps","modifiedProps","useSliderStyleProps","styleProps","otherProps","useStyleProps","ariaDescribedByProp","register","useAriaDescribedBy","validationTextRole","useValidationTextRole","CSSVariable","getSliderPosition","num","handleInput","event","target","inputValue","jsxs","classNames","jsx","Label","HelperText","ValidationText","Slider","forwardRef"],"mappings":";;;;;;;;;;;;AAWA,MAAMA,IAAe;AAAA,EACnB,GAAGC;AACL,GAEMC,IAAU,CAACC,GAA0BC,MAAwC;AACjF,QAAMC,IAAoB,EAAE,GAAGL,GAAc,GAAGG,EAAA,GAC1C;AAAA,IACJ,oBAAoBG;AAAA,IACpB,mBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAEE,EAAE,YAAAc,GAAY,OAAOC,EAAA,IAAkBC,EAAoB;AAAA,IAC/D,GAAGH;AAAA,IACH,YAAAR;AAAA,IACA,iBAAAK;AAAA,EAAA,CACD,GACK,EAAE,YAAAO,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/D,CAACK,GAAqBC,CAAQ,IAAIC,EAAmBrB,CAAe,GACpEsB,IAAqBC,EAAsB;AAAA,IAC/C,iBAAAd;AAAA,IACA,gBAAAC;AAAA,EAAA,CACD,GAEKc,IAAc,qBAEdC,IAAoB,CAACC,MAAgB,GAAG,KAAK,MAAO,OAAOA,IAAMnB,MAASD,IAAMC,EAAI,CAAC,KAErFoB,IAAc,CAACC,MAAuC;AAC1D,UAAM,EAAE,QAAAC,MAAWD,GACb,EAAE,OAAOE,EAAA,IAAeD;AAE9B,IAAAA,EAAO,MAAM,YAAYL,GAAaC,EAAkB,OAAOK,CAAU,CAAC,CAAC;AAAA,EAC7E;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAK,GAAGf,GAAa,GAAGC,GAAY,WAAWe,EAAWnB,EAAW,MAAMG,EAAW,SAAS,GAC9F,UAAA;AAAA,IAAA,gBAAAiB,EAACC,KAAM,SAAS/B,GAAI,kBAAkBU,EAAW,OAC9C,UAAAR,GACH;AAAA,IACA,gBAAA4B;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGd;AAAA,QACJ,WAAWN,EAAW;AAAA,QACtB,IAAAV;AAAA,QACA,SAASwB;AAAA,QACT,OAAO,EAAE,CAACH,CAAW,GAAG,GAAGC,EAAkBd,CAAK,CAAC,GAAA;AAAA,QACnD,MAAK;AAAA,QACL,KAAAJ;AAAA,QACA,KAAAD;AAAA,QACA,MAAAE;AAAA,QACA,OAAAG;AAAA,QACA,UAAUP;AAAA,QACV,KAAAN;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,gBAAAmC;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,kBAAkBtB,EAAW;AAAA,QAC7B,YAAAX;AAAA,QACA,IAAI,GAAGC,CAAE;AAAA,QACT,cAAciB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEfX,KACC,gBAAAwB;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,kBAAkBvB,EAAW;AAAA,QAC5B,GAAIZ,KAAqB,EAAE,wBAAwBQ,EAAA;AAAA,QACpD,IAAI,GAAGN,CAAE;AAAA,QACT,cAAciB;AAAA,QACd,gBAAAV;AAAA,QACA,MAAMY;AAAA,MAAA;AAAA,IAAA;AAAA,EACR,GAEJ;AAEJ,GAEMe,IAASC,EAAgD1C,CAAO;AAKtEyC,EAAO,kBAAkB;AACzBA,EAAO,cAAc;"}

package/dist/components/Slider/UncontrolledSlider.d.ts

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

package/dist/components/Slider/constants.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.cjs","sources":["../../../src/components/Slider/constants.ts"],"sourcesContent":["export const DEMO_SLIDER_DEFAULT_VALUE = 30;\nexport const DEMO_SLIDER_STEPS_VALUE = 9;\n\nexport const SLIDER_DEFAULT_PROPS = {\n  max: 100, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum\n  min: 0, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum\n  step: 1, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#setting_the_values_granularity\n};\n"],"names":["SLIDER_DEFAULT_PROPS"],"mappings":"gFAGO,MAAMA,EAAuB,CAClC,IAAK,IACL,IAAK,EACL,KAAM,CACR"}

package/dist/components/Slider/constants.js

@@ -0,0 +1,12 @@
+const t = {
+  max: 100,
+  // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum
+  min: 0,
+  // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum
+  step: 1
+  // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#setting_the_values_granularity
+};
+export {
+  t as SLIDER_DEFAULT_PROPS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/Slider/constants.ts"],"sourcesContent":["export const DEMO_SLIDER_DEFAULT_VALUE = 30;\nexport const DEMO_SLIDER_STEPS_VALUE = 9;\n\nexport const SLIDER_DEFAULT_PROPS = {\n  max: 100, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum\n  min: 0, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#specifying_the_minimum_and_maximum\n  step: 1, // @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#setting_the_values_granularity\n};\n"],"names":["SLIDER_DEFAULT_PROPS"],"mappings":"AAGO,MAAMA,IAAuB;AAAA,EAClC,KAAK;AAAA;AAAA,EACL,KAAK;AAAA;AAAA,EACL,MAAM;AAAA;AACR;"}

package/dist/components/Slider/index.cjs

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

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

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

package/dist/components/Slider/index.js

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

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

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

package/dist/components/Slider/useSlider.d.ts

@@ -0,0 +1,6 @@
+import { ChangeEvent } from 'react';
+export interface UseSliderReturn {
+    value: number;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export declare const useSlider: (propsValue: number) => UseSliderReturn;

package/dist/components/Slider/useSliderStyleProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("classnames"),$=require("../../hooks/useClassNamePrefix.cjs");function x(t){const{isDisabled:i,isFluid:a,isLabelHidden:o,validationState:l,...n}=t,s=$.useClassNamePrefix("Slider"),r=e(s),d=`${s}--disabled`,c=`${s}--fluid`,u=`${s}--${l}`,p=e(`${s}__label`),C=`${s}__label--hidden`,b=`${s}__input`,_=`${s}__helperText`,S=`${s}__validationText`;return{classProps:{root:e(r,{[d]:i,[c]:a,[u]:l}),label:e(p,{[C]:o}),input:b,helperText:_,validationText:S},props:n}}exports.useSliderStyleProps=x;
+//# sourceMappingURL=useSliderStyleProps.cjs.map

package/dist/components/Slider/useSliderStyleProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSliderStyleProps.cjs","sources":["../../../src/components/Slider/useSliderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritSliderProps } from '../../types';\n\ntype UseSliderStyleProps = Omit<SpiritSliderProps, 'id' | 'value' | 'label'>;\n\nexport interface SliderStyles {\n  classProps: {\n    root: string;\n    label: string;\n    input: string;\n    helperText: string;\n    validationText: string;\n  };\n  props: UseSliderStyleProps;\n}\n\nexport function useSliderStyleProps(props: UseSliderStyleProps): SliderStyles {\n  const { isDisabled, isFluid, isLabelHidden, validationState, ...restProps } = props;\n\n  const sliderClass = useClassNamePrefix('Slider');\n  const rootClass = classNames(sliderClass);\n  const isDisabledClass = `${sliderClass}--disabled`;\n  const isFluidClass = `${sliderClass}--fluid`;\n  const validationStateClass = `${sliderClass}--${validationState}`;\n  const labelClass = classNames(`${sliderClass}__label`);\n  const isLabelHiddenClass = `${sliderClass}__label--hidden`;\n  const inputClass = `${sliderClass}__input`;\n  const helperTextClass = `${sliderClass}__helperText`;\n  const validationTextClass = `${sliderClass}__validationText`;\n\n  return {\n    classProps: {\n      root: classNames(rootClass, {\n        [isDisabledClass]: isDisabled,\n        [isFluidClass]: isFluid,\n        [validationStateClass]: validationState,\n      }),\n      label: classNames(labelClass, {\n        [isLabelHiddenClass]: isLabelHidden,\n      }),\n      input: inputClass,\n      helperText: helperTextClass,\n      validationText: validationTextClass,\n    },\n    props: restProps,\n  };\n}\n"],"names":["useSliderStyleProps","props","isDisabled","isFluid","isLabelHidden","validationState","restProps","sliderClass","useClassNamePrefix","rootClass","classNames","isDisabledClass","isFluidClass","validationStateClass","labelClass","isLabelHiddenClass","inputClass","helperTextClass","validationTextClass"],"mappings":"8JAiBO,SAASA,EAAoBC,EAA0C,CAC5E,KAAM,CAAE,WAAAC,EAAY,QAAAC,EAAS,cAAAC,EAAe,gBAAAC,EAAiB,GAAGC,GAAcL,EAExEM,EAAcC,EAAAA,mBAAmB,QAAQ,EACzCC,EAAYC,EAAWH,CAAW,EAClCI,EAAkB,GAAGJ,CAAW,aAChCK,EAAe,GAAGL,CAAW,UAC7BM,EAAuB,GAAGN,CAAW,KAAKF,CAAe,GACzDS,EAAaJ,EAAW,GAAGH,CAAW,SAAS,EAC/CQ,EAAqB,GAAGR,CAAW,kBACnCS,EAAa,GAAGT,CAAW,UAC3BU,EAAkB,GAAGV,CAAW,eAChCW,EAAsB,GAAGX,CAAW,mBAE1C,MAAO,CACL,WAAY,CACV,KAAMG,EAAWD,EAAW,CAC1B,CAACE,CAAe,EAAGT,EACnB,CAACU,CAAY,EAAGT,EAChB,CAACU,CAAoB,EAAGR,CAAA,CACzB,EACD,MAAOK,EAAWI,EAAY,CAC5B,CAACC,CAAkB,EAAGX,CAAA,CACvB,EACD,MAAOY,EACP,WAAYC,EACZ,eAAgBC,CAAA,EAElB,MAAOZ,CAAA,CAEX"}

package/dist/components/Slider/useSliderStyleProps.d.ts

@@ -0,0 +1,14 @@
+import { SpiritSliderProps } from '../../types';
+type UseSliderStyleProps = Omit<SpiritSliderProps, 'id' | 'value' | 'label'>;
+export interface SliderStyles {
+    classProps: {
+        root: string;
+        label: string;
+        input: string;
+        helperText: string;
+        validationText: string;
+    };
+    props: UseSliderStyleProps;
+}
+export declare function useSliderStyleProps(props: UseSliderStyleProps): SliderStyles;
+export {};