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

package/dist/utils/index.js

@@ -1,54 +1,57 @@
 import { isEmpty as r, isEmptyArray as t, isEmptyObject as s, isEmptyString as a, isEnumerable as l, isNullish as m } from "./assert.js";
-import { applyClassNamePrefix as C, applyColor as n, applySize as c, applyTheme as g } from "./classname.js";
-import { generateColorsObject as x, getAccentBackgroundColors as b, getAccentBorderColors as f, getAccentColorNames as y, getAccentTextColors as u, getEmotionBackgroundColors as E, getEmotionBorderColors as N, getEmotionColorNames as S, getEmotionTextColors as T, getNeutralBackgroundColors as d, getNeutralTextColors as P, getTextColorNames as k } from "./colorObjectGenerators.js";
+import { applyClassNamePrefix as C, applyColor as n, applySize as i, applyTheme as c } from "./classname.js";
+import { generateColorsObject as x, getAccentBackgroundColors as f, getAccentBorderColors as b, getAccentColorNames as y, getAccentTextColors as u, getEmotionBackgroundColors as S, getEmotionBorderColors as d, getEmotionColorNames as E, getEmotionTextColors as N, getNeutralBackgroundColors as T, getNeutralTextColors as k, getTextColorNames as P } from "./colorObjectGenerators.js";
 import { compose as B } from "./compose.js";
-import { debounce as O } from "./debounce.js";
+import { debounce as h } from "./debounce.js";
 import { delayedCallback as j } from "./delayedCallback.js";
-import { htmlReactParser as K } from "./htmlReactParser.js";
+import { htmlReactParser as z } from "./htmlReactParser.js";
 import { mergeStyleProps as V } from "./mergeStyleProps.js";
-import { generateResponsiveClassNames as w, isResponsive as D } from "./responsive.js";
-import { isSSR as G } from "./ssr.js";
-import { camelCaseToKebabCase as I, kebabCaseToCamelCase as J, kebabCaseToCamelCaseValues as L, stringOrObjectKebabCaseToCamelCase as M } from "./string.js";
-import { generateResponsiveStylePropsClasses as U, generateStaticStylePropsClasses as W, generateStylePropsClassNames as X } from "./stylePropsClassesGenerator.js";
-import { toPascalCase as Z } from "./toPascalCase.js";
+import { handleLinkClick as q } from "./router.js";
+import { generateResponsiveClassNames as D, isResponsive as F } from "./responsive.js";
+import { isSSR as H } from "./ssr.js";
+import { camelCaseToKebabCase as J, kebabCaseToCamelCase as M, kebabCaseToCamelCaseValues as Q, normalizeStringValue as U, stringOrObjectKebabCaseToCamelCase as W } from "./string.js";
+import { generateResponsiveStylePropsClasses as Y, generateStaticStylePropsClasses as Z, generateStylePropsClassNames as _ } from "./stylePropsClassesGenerator.js";
+import { toPascalCase as ee } from "./toPascalCase.js";
 export {
   C as applyClassNamePrefix,
   n as applyColor,
-  c as applySize,
-  g as applyTheme,
-  I as camelCaseToKebabCase,
+  i as applySize,
+  c as applyTheme,
+  J as camelCaseToKebabCase,
   B as compose,
-  O as debounce,
+  h as debounce,
   j as delayedCallback,
   x as generateColorsObject,
-  w as generateResponsiveClassNames,
-  U as generateResponsiveStylePropsClasses,
-  W as generateStaticStylePropsClasses,
-  X as generateStylePropsClassNames,
-  b as getAccentBackgroundColors,
-  f as getAccentBorderColors,
+  D as generateResponsiveClassNames,
+  Y as generateResponsiveStylePropsClasses,
+  Z as generateStaticStylePropsClasses,
+  _ as generateStylePropsClassNames,
+  f as getAccentBackgroundColors,
+  b as getAccentBorderColors,
   y as getAccentColorNames,
   u as getAccentTextColors,
-  E as getEmotionBackgroundColors,
-  N as getEmotionBorderColors,
-  S as getEmotionColorNames,
-  T as getEmotionTextColors,
-  d as getNeutralBackgroundColors,
-  P as getNeutralTextColors,
-  k as getTextColorNames,
-  K as htmlReactParser,
+  S as getEmotionBackgroundColors,
+  d as getEmotionBorderColors,
+  E as getEmotionColorNames,
+  N as getEmotionTextColors,
+  T as getNeutralBackgroundColors,
+  k as getNeutralTextColors,
+  P as getTextColorNames,
+  q as handleLinkClick,
+  z as htmlReactParser,
   r as isEmpty,
   t as isEmptyArray,
   s as isEmptyObject,
   a as isEmptyString,
   l as isEnumerable,
   m as isNullish,
-  D as isResponsive,
-  G as isSSR,
-  J as kebabCaseToCamelCase,
-  L as kebabCaseToCamelCaseValues,
+  F as isResponsive,
+  H as isSSR,
+  M as kebabCaseToCamelCase,
+  Q as kebabCaseToCamelCaseValues,
   V as mergeStyleProps,
-  M as stringOrObjectKebabCaseToCamelCase,
-  Z as toPascalCase
+  U as normalizeStringValue,
+  W as stringOrObjectKebabCaseToCamelCase,
+  ee as toPascalCase
 };
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

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

package/dist/utils/router.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=t=>t.trim().startsWith("//"),h=t=>/^[a-z][a-z0-9+.-]*:/i.test(t.trim()),d=t=>h(t)||f(t),y=t=>t.trim().startsWith("#"),k=t=>typeof t=="string"&&t.toLowerCase()!=="_self",g=t=>t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||typeof t.button=="number"&&t.button!==0,b=t=>{const{router:e,routerOptions:n,href:o,target:a,download:s,onClick:i,isDisabled:l}=t,c=typeof o=="string"&&d(o),u=typeof o=="string"&&y(o);return!!(e&&o&&!l&&!(s===!0||typeof s=="string")&&!k(a)&&!c&&!u)?r=>{r.defaultPrevented||(i?.(r),!(g(r)||r.defaultPrevented)&&(r.preventDefault(),e?.navigate(String(o),n)))}:i};exports.handleLinkClick=b;
+//# sourceMappingURL=router.cjs.map

package/dist/utils/router.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.cjs","sources":["../../src/utils/router.ts"],"sourcesContent":["import { type MouseEvent, type MouseEventHandler } from 'react';\nimport { type RouterContextType } from '../context/RouterContext';\n\nconst isProtocolRelativeUrl = (href: string): boolean => href.trim().startsWith('//');\nconst hasNonPathUrlScheme = (href: string): boolean => /^[a-z][a-z0-9+.-]*:/i.test(href.trim());\nconst isExternalOrNonPathHref = (href: string): boolean => hasNonPathUrlScheme(href) || isProtocolRelativeUrl(href);\nconst isHashOnlyHref = (href: string): boolean => href.trim().startsWith('#');\nconst shouldDeferToBrowserForTarget = (target?: string): boolean =>\n  typeof target === 'string' && target.toLowerCase() !== '_self';\n\nconst shouldDeferToBrowserForLinkClick = (\n  event: Pick<MouseEvent, 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'button'>,\n): boolean =>\n  event.metaKey ||\n  event.ctrlKey ||\n  event.shiftKey ||\n  event.altKey ||\n  (typeof event.button === 'number' && event.button !== 0);\n\nexport type HandleLinkClickOptions = {\n  router: RouterContextType;\n  routerOptions?: Record<string, unknown>;\n  href?: string;\n  target?: string;\n  download?: string | boolean;\n  onClick?: MouseEventHandler;\n  isDisabled?: boolean;\n};\n\n/**\n * Creates click handler for link-like components integrated with RouterProvider.\n * Returns original `onClick` when router navigation should not be used\n * (e.g. missing router/href, disabled state, URL with a dedicated scheme such as\n * `https:` or `mailto:`, protocol-relative URL, hash-only URL, non-`_self`\n * target, `download` links, or modified / non-primary clicks).\n * If router navigation is applicable, the returned handler invokes `onClick` and\n * only navigates when the event is not prevented. If another handler already set\n * `event.defaultPrevented` before this handler runs, it exits early without\n * invoking `onClick` or navigating.\n *\n * @param {HandleLinkClickOptions} options Handler options object.\n * @param {RouterContextType} options.router Router context used for navigation.\n * @param {Record<string, unknown>} [options.routerOptions] Extra options for router navigation.\n * @param {string} [options.href] Link target URL.\n * @param {string} [options.target] HTML link target.\n * @param {string | boolean} [options.download] HTML link download attribute.\n * @param {MouseEventHandler} [options.onClick] Original click handler.\n * @param {boolean} [options.isDisabled] Whether the link is disabled.\n */\nexport const handleLinkClick = (options: HandleLinkClickOptions): MouseEventHandler | undefined => {\n  const { router, routerOptions, href, target, download, onClick: onNativeClick, isDisabled } = options;\n  const isNonPathHref = typeof href === 'string' && isExternalOrNonPathHref(href);\n  const isHashHref = typeof href === 'string' && isHashOnlyHref(href);\n  const hasDownloadAttribute = download === true || typeof download === 'string';\n  const shouldUseRouter = Boolean(\n    router &&\n    href &&\n    !isDisabled &&\n    !hasDownloadAttribute &&\n    !shouldDeferToBrowserForTarget(target) &&\n    !isNonPathHref &&\n    !isHashHref,\n  );\n\n  const onRouterClick: MouseEventHandler = (event) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNativeClick?.(event);\n\n    if (shouldDeferToBrowserForLinkClick(event) || event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    router?.navigate(String(href), routerOptions);\n  };\n\n  return shouldUseRouter ? onRouterClick : onNativeClick;\n};\n"],"names":["isProtocolRelativeUrl","href","hasNonPathUrlScheme","isExternalOrNonPathHref","isHashOnlyHref","shouldDeferToBrowserForTarget","target","shouldDeferToBrowserForLinkClick","event","handleLinkClick","options","router","routerOptions","download","onNativeClick","isDisabled","isNonPathHref","isHashHref"],"mappings":"gFAGA,MAAMA,EAAyBC,GAA0BA,EAAK,KAAA,EAAO,WAAW,IAAI,EAC9EC,EAAuBD,GAA0B,uBAAuB,KAAKA,EAAK,MAAM,EACxFE,EAA2BF,GAA0BC,EAAoBD,CAAI,GAAKD,EAAsBC,CAAI,EAC5GG,EAAkBH,GAA0BA,EAAK,KAAA,EAAO,WAAW,GAAG,EACtEI,EAAiCC,GACrC,OAAOA,GAAW,UAAYA,EAAO,gBAAkB,QAEnDC,EACJC,GAEAA,EAAM,SACNA,EAAM,SACNA,EAAM,UACNA,EAAM,QACL,OAAOA,EAAM,QAAW,UAAYA,EAAM,SAAW,EAgC3CC,EAAmBC,GAAmE,CACjG,KAAM,CAAE,OAAAC,EAAQ,cAAAC,EAAe,KAAAX,EAAM,OAAAK,EAAQ,SAAAO,EAAU,QAASC,EAAe,WAAAC,CAAA,EAAeL,EACxFM,EAAgB,OAAOf,GAAS,UAAYE,EAAwBF,CAAI,EACxEgB,EAAa,OAAOhB,GAAS,UAAYG,EAAeH,CAAI,EA2BlE,MAzBwB,GACtBU,GACAV,GACA,CAACc,GACD,EAL2BF,IAAa,IAAQ,OAAOA,GAAa,WAMpE,CAACR,EAA8BC,CAAM,GACrC,CAACU,GACD,CAACC,GAGuCT,GAAU,CAC9CA,EAAM,mBAIVM,IAAgBN,CAAK,EAEjB,EAAAD,EAAiCC,CAAK,GAAKA,EAAM,oBAIrDA,EAAM,eAAA,EACNG,GAAQ,SAAS,OAAOV,CAAI,EAAGW,CAAa,GAC9C,EAEyCE,CAC3C"}

package/dist/utils/router.d.ts

@@ -0,0 +1,12 @@
+import { MouseEventHandler } from 'react';
+import { RouterContextType } from '../context/RouterContext';
+export type HandleLinkClickOptions = {
+    router: RouterContextType;
+    routerOptions?: Record<string, unknown>;
+    href?: string;
+    target?: string;
+    download?: string | boolean;
+    onClick?: MouseEventHandler;
+    isDisabled?: boolean;
+};
+export declare const handleLinkClick: (options: HandleLinkClickOptions) => MouseEventHandler | undefined;

package/dist/utils/router.js

@@ -0,0 +1,10 @@
+const f = (t) => t.trim().startsWith("//"), h = (t) => /^[a-z][a-z0-9+.-]*:/i.test(t.trim()), d = (t) => h(t) || f(t), y = (t) => t.trim().startsWith("#"), k = (t) => typeof t == "string" && t.toLowerCase() !== "_self", p = (t) => t.metaKey || t.ctrlKey || t.shiftKey || t.altKey || typeof t.button == "number" && t.button !== 0, m = (t) => {
+  const { router: s, routerOptions: n, href: o, target: a, download: e, onClick: i, isDisabled: l } = t, c = typeof o == "string" && d(o), u = typeof o == "string" && y(o);
+  return !!(s && o && !l && !(e === !0 || typeof e == "string") && !k(a) && !c && !u) ? (r) => {
+    r.defaultPrevented || (i?.(r), !(p(r) || r.defaultPrevented) && (r.preventDefault(), s?.navigate(String(o), n)));
+  } : i;
+};
+export {
+  m as handleLinkClick
+};
+//# sourceMappingURL=router.js.map

package/dist/utils/router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router.js","sources":["../../src/utils/router.ts"],"sourcesContent":["import { type MouseEvent, type MouseEventHandler } from 'react';\nimport { type RouterContextType } from '../context/RouterContext';\n\nconst isProtocolRelativeUrl = (href: string): boolean => href.trim().startsWith('//');\nconst hasNonPathUrlScheme = (href: string): boolean => /^[a-z][a-z0-9+.-]*:/i.test(href.trim());\nconst isExternalOrNonPathHref = (href: string): boolean => hasNonPathUrlScheme(href) || isProtocolRelativeUrl(href);\nconst isHashOnlyHref = (href: string): boolean => href.trim().startsWith('#');\nconst shouldDeferToBrowserForTarget = (target?: string): boolean =>\n  typeof target === 'string' && target.toLowerCase() !== '_self';\n\nconst shouldDeferToBrowserForLinkClick = (\n  event: Pick<MouseEvent, 'metaKey' | 'ctrlKey' | 'shiftKey' | 'altKey' | 'button'>,\n): boolean =>\n  event.metaKey ||\n  event.ctrlKey ||\n  event.shiftKey ||\n  event.altKey ||\n  (typeof event.button === 'number' && event.button !== 0);\n\nexport type HandleLinkClickOptions = {\n  router: RouterContextType;\n  routerOptions?: Record<string, unknown>;\n  href?: string;\n  target?: string;\n  download?: string | boolean;\n  onClick?: MouseEventHandler;\n  isDisabled?: boolean;\n};\n\n/**\n * Creates click handler for link-like components integrated with RouterProvider.\n * Returns original `onClick` when router navigation should not be used\n * (e.g. missing router/href, disabled state, URL with a dedicated scheme such as\n * `https:` or `mailto:`, protocol-relative URL, hash-only URL, non-`_self`\n * target, `download` links, or modified / non-primary clicks).\n * If router navigation is applicable, the returned handler invokes `onClick` and\n * only navigates when the event is not prevented. If another handler already set\n * `event.defaultPrevented` before this handler runs, it exits early without\n * invoking `onClick` or navigating.\n *\n * @param {HandleLinkClickOptions} options Handler options object.\n * @param {RouterContextType} options.router Router context used for navigation.\n * @param {Record<string, unknown>} [options.routerOptions] Extra options for router navigation.\n * @param {string} [options.href] Link target URL.\n * @param {string} [options.target] HTML link target.\n * @param {string | boolean} [options.download] HTML link download attribute.\n * @param {MouseEventHandler} [options.onClick] Original click handler.\n * @param {boolean} [options.isDisabled] Whether the link is disabled.\n */\nexport const handleLinkClick = (options: HandleLinkClickOptions): MouseEventHandler | undefined => {\n  const { router, routerOptions, href, target, download, onClick: onNativeClick, isDisabled } = options;\n  const isNonPathHref = typeof href === 'string' && isExternalOrNonPathHref(href);\n  const isHashHref = typeof href === 'string' && isHashOnlyHref(href);\n  const hasDownloadAttribute = download === true || typeof download === 'string';\n  const shouldUseRouter = Boolean(\n    router &&\n    href &&\n    !isDisabled &&\n    !hasDownloadAttribute &&\n    !shouldDeferToBrowserForTarget(target) &&\n    !isNonPathHref &&\n    !isHashHref,\n  );\n\n  const onRouterClick: MouseEventHandler = (event) => {\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    onNativeClick?.(event);\n\n    if (shouldDeferToBrowserForLinkClick(event) || event.defaultPrevented) {\n      return;\n    }\n\n    event.preventDefault();\n    router?.navigate(String(href), routerOptions);\n  };\n\n  return shouldUseRouter ? onRouterClick : onNativeClick;\n};\n"],"names":["isProtocolRelativeUrl","href","hasNonPathUrlScheme","isExternalOrNonPathHref","isHashOnlyHref","shouldDeferToBrowserForTarget","target","shouldDeferToBrowserForLinkClick","event","handleLinkClick","options","router","routerOptions","download","onNativeClick","isDisabled","isNonPathHref","isHashHref"],"mappings":"AAGA,MAAMA,IAAwB,CAACC,MAA0BA,EAAK,KAAA,EAAO,WAAW,IAAI,GAC9EC,IAAsB,CAACD,MAA0B,uBAAuB,KAAKA,EAAK,MAAM,GACxFE,IAA0B,CAACF,MAA0BC,EAAoBD,CAAI,KAAKD,EAAsBC,CAAI,GAC5GG,IAAiB,CAACH,MAA0BA,EAAK,KAAA,EAAO,WAAW,GAAG,GACtEI,IAAgC,CAACC,MACrC,OAAOA,KAAW,YAAYA,EAAO,kBAAkB,SAEnDC,IAAmC,CACvCC,MAEAA,EAAM,WACNA,EAAM,WACNA,EAAM,YACNA,EAAM,UACL,OAAOA,EAAM,UAAW,YAAYA,EAAM,WAAW,GAgC3CC,IAAkB,CAACC,MAAmE;AACjG,QAAM,EAAE,QAAAC,GAAQ,eAAAC,GAAe,MAAAX,GAAM,QAAAK,GAAQ,UAAAO,GAAU,SAASC,GAAe,YAAAC,EAAA,IAAeL,GACxFM,IAAgB,OAAOf,KAAS,YAAYE,EAAwBF,CAAI,GACxEgB,IAAa,OAAOhB,KAAS,YAAYG,EAAeH,CAAI;AA2BlE,SAzBwB,GACtBU,KACAV,KACA,CAACc,KACD,EAL2BF,MAAa,MAAQ,OAAOA,KAAa,aAMpE,CAACR,EAA8BC,CAAM,KACrC,CAACU,KACD,CAACC,KAGsC,CAACT,MAAU;AAClD,IAAIA,EAAM,qBAIVM,IAAgBN,CAAK,GAEjB,EAAAD,EAAiCC,CAAK,KAAKA,EAAM,sBAIrDA,EAAM,eAAA,GACNG,GAAQ,SAAS,OAAOV,CAAI,GAAGW,CAAa;AAAA,EAC9C,IAEyCE;AAC3C;"}

package/dist/utils/string.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),o=e=>e.replace(/-([a-z])/g,a=>a[1].toUpperCase()),r=e=>{if(typeof e=="object"&&e!==null){const a={};for(const[t,s]of Object.entries(e))a[t]=typeof s=="string"?o(s):s;return a}return e},b=e=>typeof e=="string"?o(e):typeof e=="object"&&e!==null?r(e):e;exports.camelCaseToKebabCase=C;exports.kebabCaseToCamelCase=o;exports.kebabCaseToCamelCaseValues=r;exports.stringOrObjectKebabCaseToCamelCase=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),s=e=>e.replace(/-([a-z])/g,a=>a[1].toUpperCase()),t=e=>{if(typeof e=="object"&&e!==null){const a={};for(const[o,r]of Object.entries(e))a[o]=typeof r=="string"?s(r):r;return a}return e},C=e=>typeof e=="string"||e==null?e??void 0:String(e),b=e=>typeof e=="string"?s(e):typeof e=="object"&&e!==null?t(e):e;exports.camelCaseToKebabCase=l;exports.kebabCaseToCamelCase=s;exports.kebabCaseToCamelCaseValues=t;exports.normalizeStringValue=C;exports.stringOrObjectKebabCaseToCamelCase=b;
 //# sourceMappingURL=string.cjs.map

package/dist/utils/string.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"string.cjs","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","stringOrObjectKebabCaseToCamelCase"],"mappings":"gFAMO,MAAMA,EAAwBC,GACnCA,EAAM,QAAQ,qBAAsB,OAAO,EAAE,YAAA,EAQlCC,EAAwBD,GAA0BA,EAAM,QAAQ,YAAcE,GAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,EAQtGC,EAA8BH,GAA0D,CACnG,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC/C,MAAMI,EAAiC,CAAA,EACvC,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQN,CAAK,EAC7CI,EAAOC,CAAG,EAAI,OAAOC,GAAU,SAAWL,EAAqBK,CAAK,EAAIA,EAG1E,OAAOF,CACT,CAEA,OAAOJ,CACT,EAQaO,EACXP,GAEI,OAAOA,GAAU,SACZC,EAAqBD,CAAK,EAE/B,OAAOA,GAAU,UAAYA,IAAU,KAClCG,EAA2BH,CAAK,EAGlCA"}
+{"version":3,"file":"string.cjs","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Normalizes a value to `string | undefined`.\n *\n * Returns the original value if it is already a string,\n * `undefined` for nullish inputs, or `String(value)` for anything else.\n *\n * @param {unknown} value - The value to normalize.\n * @returns {string | undefined} The normalized string value.\n */\nexport const normalizeStringValue = (value: unknown): string | undefined => {\n  if (typeof value === 'string' || value == null) {\n    return value ?? undefined;\n  }\n\n  return String(value);\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","normalizeStringValue","stringOrObjectKebabCaseToCamelCase"],"mappings":"gFAMO,MAAMA,EAAwBC,GACnCA,EAAM,QAAQ,qBAAsB,OAAO,EAAE,YAAA,EAQlCC,EAAwBD,GAA0BA,EAAM,QAAQ,YAAcE,GAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,EAQtGC,EAA8BH,GAA0D,CACnG,GAAI,OAAOA,GAAU,UAAYA,IAAU,KAAM,CAC/C,MAAMI,EAAiC,CAAA,EACvC,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQN,CAAK,EAC7CI,EAAOC,CAAG,EAAI,OAAOC,GAAU,SAAWL,EAAqBK,CAAK,EAAIA,EAG1E,OAAOF,CACT,CAEA,OAAOJ,CACT,EAWaO,EAAwBD,GAC/B,OAAOA,GAAU,UAAYA,GAAS,KACjCA,GAAS,OAGX,OAAOA,CAAK,EASRE,EACXR,GAEI,OAAOA,GAAU,SACZC,EAAqBD,CAAK,EAE/B,OAAOA,GAAU,UAAYA,IAAU,KAClCG,EAA2BH,CAAK,EAGlCA"}

package/dist/utils/string.d.ts

@@ -1,4 +1,5 @@
 export declare const camelCaseToKebabCase: (input: string) => string;
 export declare const kebabCaseToCamelCase: (input: string) => string;
 export declare const kebabCaseToCamelCaseValues: (input: Record<string, string>) => Record<string, string>;
+export declare const normalizeStringValue: (value: unknown) => string | undefined;
 export declare const stringOrObjectKebabCaseToCamelCase: (input: string | Record<string, string>) => string | Record<string, string>;

package/dist/utils/string.js

@@ -1,16 +1,17 @@
-const c = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), r = (e) => e.replace(/-([a-z])/g, (a) => a[1].toUpperCase()), t = (e) => {
+const n = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), o = (e) => e.replace(/-([a-z])/g, (r) => r[1].toUpperCase()), a = (e) => {
   if (typeof e == "object" && e !== null) {
-    const a = {};
-    for (const [o, s] of Object.entries(e))
-      a[o] = typeof s == "string" ? r(s) : s;
-    return a;
+    const r = {};
+    for (const [s, t] of Object.entries(e))
+      r[s] = typeof t == "string" ? o(t) : t;
+    return r;
   }
   return e;
-}, l = (e) => typeof e == "string" ? r(e) : typeof e == "object" && e !== null ? t(e) : e;
+}, c = (e) => typeof e == "string" || e == null ? e ?? void 0 : String(e), l = (e) => typeof e == "string" ? o(e) : typeof e == "object" && e !== null ? a(e) : e;
 export {
-  c as camelCaseToKebabCase,
-  r as kebabCaseToCamelCase,
-  t as kebabCaseToCamelCaseValues,
+  n as camelCaseToKebabCase,
+  o as kebabCaseToCamelCase,
+  a as kebabCaseToCamelCaseValues,
+  c as normalizeStringValue,
   l as stringOrObjectKebabCaseToCamelCase
 };
 //# sourceMappingURL=string.js.map

package/dist/utils/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","stringOrObjectKebabCaseToCamelCase"],"mappings":"AAMO,MAAMA,IAAuB,CAACC,MACnCA,EAAM,QAAQ,sBAAsB,OAAO,EAAE,YAAA,GAQlCC,IAAuB,CAACD,MAA0BA,EAAM,QAAQ,aAAa,CAACE,MAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,GAQtGC,IAA6B,CAACH,MAA0D;AACnG,MAAI,OAAOA,KAAU,YAAYA,MAAU,MAAM;AAC/C,UAAMI,IAAiC,CAAA;AACvC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQN,CAAK;AAC7C,MAAAI,EAAOC,CAAG,IAAI,OAAOC,KAAU,WAAWL,EAAqBK,CAAK,IAAIA;AAG1E,WAAOF;AAAA,EACT;AAEA,SAAOJ;AACT,GAQaO,IAAqC,CAChDP,MAEI,OAAOA,KAAU,WACZC,EAAqBD,CAAK,IAE/B,OAAOA,KAAU,YAAYA,MAAU,OAClCG,EAA2BH,CAAK,IAGlCA;"}
+{"version":3,"file":"string.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a camelCase or PascalCase string to kebab-case.\n *\n * @param {string} input - The camelCase string to be converted.\n * @returns {string} The kebab-case version of the input string.\n */\nexport const camelCaseToKebabCase = (input: string): string =>\n  input.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();\n\n/**\n * Converts a kebab-case string to camelCase.\n *\n * @param {string} input - The kebab-case string to be converted.\n * @returns {string} The camelCase version of the input string.\n */\nexport const kebabCaseToCamelCase = (input: string): string => input.replace(/-([a-z])/g, (g) => g[1].toUpperCase());\n\n/**\n * Converts an object with kebab-case string values to camelCase.\n *\n * @param {Record<string, string>} input - The input to be converted.\n * @returns {Record<string, string>} The converted input.\n */\nexport const kebabCaseToCamelCaseValues = (input: Record<string, string>): Record<string, string> => {\n  if (typeof input === 'object' && input !== null) {\n    const result: Record<string, string> = {};\n    for (const [key, value] of Object.entries(input)) {\n      result[key] = typeof value === 'string' ? kebabCaseToCamelCase(value) : value;\n    }\n\n    return result;\n  }\n\n  return input;\n};\n\n/**\n * Normalizes a value to `string | undefined`.\n *\n * Returns the original value if it is already a string,\n * `undefined` for nullish inputs, or `String(value)` for anything else.\n *\n * @param {unknown} value - The value to normalize.\n * @returns {string | undefined} The normalized string value.\n */\nexport const normalizeStringValue = (value: unknown): string | undefined => {\n  if (typeof value === 'string' || value == null) {\n    return value ?? undefined;\n  }\n\n  return String(value);\n};\n\n/**\n * Converts a kebab-case string or an object with kebab-case values to camelCase.\n *\n * @param {string | Record<string, string>} input - The input to be converted.\n * @returns {string | Record<string, string>} The converted input.\n */\nexport const stringOrObjectKebabCaseToCamelCase = (\n  input: string | Record<string, string>,\n): string | Record<string, string> => {\n  if (typeof input === 'string') {\n    return kebabCaseToCamelCase(input);\n  }\n  if (typeof input === 'object' && input !== null) {\n    return kebabCaseToCamelCaseValues(input);\n  }\n\n  return input;\n};\n"],"names":["camelCaseToKebabCase","input","kebabCaseToCamelCase","g","kebabCaseToCamelCaseValues","result","key","value","normalizeStringValue","stringOrObjectKebabCaseToCamelCase"],"mappings":"AAMO,MAAMA,IAAuB,CAACC,MACnCA,EAAM,QAAQ,sBAAsB,OAAO,EAAE,YAAA,GAQlCC,IAAuB,CAACD,MAA0BA,EAAM,QAAQ,aAAa,CAACE,MAAMA,EAAE,CAAC,EAAE,YAAA,CAAa,GAQtGC,IAA6B,CAACH,MAA0D;AACnG,MAAI,OAAOA,KAAU,YAAYA,MAAU,MAAM;AAC/C,UAAMI,IAAiC,CAAA;AACvC,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQN,CAAK;AAC7C,MAAAI,EAAOC,CAAG,IAAI,OAAOC,KAAU,WAAWL,EAAqBK,CAAK,IAAIA;AAG1E,WAAOF;AAAA,EACT;AAEA,SAAOJ;AACT,GAWaO,IAAuB,CAACD,MAC/B,OAAOA,KAAU,YAAYA,KAAS,OACjCA,KAAS,SAGX,OAAOA,CAAK,GASRE,IAAqC,CAChDR,MAEI,OAAOA,KAAU,WACZC,EAAqBD,CAAK,IAE/B,OAAOA,KAAU,YAAYA,MAAU,OAClCG,EAA2BH,CAAK,IAGlCA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alma-oss/spirit-web-react",
-  "version": "4.4.2",
+  "version": "4.5.0",
   "description": "React implementation of Spirit Design System components",
   "license": "MIT",
   "engines": {
@@ -34,23 +34,23 @@
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {
-    "@alma-oss/spirit-common": "^0.5.4",
-    "@alma-oss/spirit-web": "^4.3.1",
+    "@alma-oss/spirit-common": "^0.5.5",
+    "@alma-oss/spirit-web": "^4.4.0",
     "@babel/core": "7.29.0",
     "@babel/preset-env": "7.29.0",
     "@babel/preset-react": "7.28.5",
     "@babel/preset-typescript": "7.28.5",
     "@eslint/compat": "1.4.1",
-    "@eslint/eslintrc": "3.3.3",
-    "@figma/code-connect": "1.4.0",
+    "@eslint/eslintrc": "3.3.5",
+    "@figma/code-connect": "1.4.2",
     "@juggle/resize-observer": "3.4.0",
     "@lmc-eu/eslint-config-base": "3.1.3",
     "@lmc-eu/eslint-config-jest": "3.0.6",
     "@lmc-eu/eslint-config-react": "2.0.6",
     "@lmc-eu/eslint-config-typescript": "2.1.5",
     "@rollup/plugin-terser": "0.4.4",
-    "@storybook/addon-docs": "10.2.10",
-    "@storybook/react": "10.2.10",
+    "@storybook/addon-docs": "10.2.14",
+    "@storybook/react": "10.2.14",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -58,7 +58,7 @@
     "@types/babel__core": "7.20.5",
     "@types/jest": "30.0.0",
     "@types/jest-axe": "3.5.9",
-    "@types/node": "20.19.33",
+    "@types/node": "20.19.35",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
     "@types/react-transition-group": "4.4.12",
@@ -66,27 +66,28 @@
     "@typescript-eslint/parser": "6.21.0",
     "@vitejs/plugin-react": "4.7.0",
     "cross-env": "10.1.0",
-    "eslint": "9.39.2",
+    "eslint": "9.39.3",
     "eslint-config-airbnb": "19.0.4",
-    "eslint-config-spirit": "^0.1.7",
+    "eslint-config-spirit": "^0.2.0",
     "eslint-import-resolver-typescript": "3.10.1",
     "eslint-plugin-import": "2.32.0",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-promise": "6.6.0",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-react-refresh": "0.5.0",
+    "eslint-plugin-react-refresh": "0.5.2",
     "eslint-plugin-standard": "5.0.0",
     "html-element-attributes": "3.5.0",
-    "jest": "30.2.0",
+    "jest": "30.3.0",
     "jest-axe": "10.0.0",
     "npm-run-all2": "8.0.4",
+    "nx": "22.5.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "rollup-preserve-directives": "1.1.3",
-    "sass-embedded": "1.97.3",
+    "sass-embedded": "1.98.0",
     "shx": "0.4.0",
-    "storybook": "10.2.10",
+    "storybook": "10.2.14",
     "ts-node": "10.9.2",
     "tsx": "4.21.0",
     "typescript": "5.8.3",
@@ -120,8 +121,8 @@
     "build:verify": "tsx ./scripts/verifyBuild.ts",
     "dev": "vite build --watch",
     "types": "tsc --noEmit",
-    "lint": "eslint ./",
-    "lint:fix": "yarn lint --fix",
+    "lint": "nx lint",
+    "lint:fix": "nx lint-fix",
     "test": "npm-run-all --serial lint types test:unit:coverage",
     "test:unit": "TS_NODE_PROJECT=./config/tsconfig.test.json jest",
     "test:unit:watch": "yarn test:unit --watchAll",
@@ -372,6 +373,13 @@
       "require": "./dist/components/IconBox/index.cjs",
       "default": "./dist/components/IconBox/index.js"
     },
+    "./components/InputDetails": {
+      "types": "./dist/components/InputDetails/index.d.ts",
+      "production": "./dist/components/InputDetails/index.js",
+      "import": "./dist/components/InputDetails/index.js",
+      "require": "./dist/components/InputDetails/index.cjs",
+      "default": "./dist/components/InputDetails/index.js"
+    },
     "./components/Item": {
       "types": "./dist/components/Item/index.d.ts",
       "production": "./dist/components/Item/index.js",
@@ -603,12 +611,12 @@
       "require": "./dist/components/Truncate/index.cjs",
       "default": "./dist/components/Truncate/index.js"
     },
-    "./components/UNSTABLE_Attachment": {
-      "types": "./dist/components/UNSTABLE_Attachment/index.d.ts",
-      "production": "./dist/components/UNSTABLE_Attachment/index.js",
-      "import": "./dist/components/UNSTABLE_Attachment/index.js",
-      "require": "./dist/components/UNSTABLE_Attachment/index.cjs",
-      "default": "./dist/components/UNSTABLE_Attachment/index.js"
+    "./components/UNSTABLE_File": {
+      "types": "./dist/components/UNSTABLE_File/index.d.ts",
+      "production": "./dist/components/UNSTABLE_File/index.js",
+      "import": "./dist/components/UNSTABLE_File/index.js",
+      "require": "./dist/components/UNSTABLE_File/index.cjs",
+      "default": "./dist/components/UNSTABLE_File/index.js"
     },
     "./components/UNSTABLE_FileUpload": {
       "types": "./dist/components/UNSTABLE_FileUpload/index.d.ts",
@@ -624,6 +632,13 @@
       "require": "./dist/components/UNSTABLE_Header/index.cjs",
       "default": "./dist/components/UNSTABLE_Header/index.js"
     },
+    "./components/UNSTABLE_Picker": {
+      "types": "./dist/components/UNSTABLE_Picker/index.d.ts",
+      "production": "./dist/components/UNSTABLE_Picker/index.js",
+      "import": "./dist/components/UNSTABLE_Picker/index.js",
+      "require": "./dist/components/UNSTABLE_Picker/index.cjs",
+      "default": "./dist/components/UNSTABLE_Picker/index.js"
+    },
     "./components/VisuallyHidden": {
       "types": "./dist/components/VisuallyHidden/index.d.ts",
       "production": "./dist/components/VisuallyHidden/index.js",
@@ -681,5 +696,5 @@
       "default": "./dist/utils/index.js"
     }
   },
-  "gitHead": "249ebc071fd54227d415560abaa071df963a35ab"
+  "gitHead": "ac2fd0912687ac83bbf50145ade99d7136b7cd94"
 }

package/dist/components/Field/useAriaIds.cjs

@@ -1,2 +0,0 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),o=t=>{const[r,l]=i.useState(t?t.split(" "):[]),c=i.useCallback(({add:s,remove:u})=>{l(n=>{let e=[...n];return u&&(e=e.filter(a=>a!==u)),s&&(e=[...e,s]),e})},[]);return[r,c]};exports.default=o;
-//# sourceMappingURL=useAriaIds.cjs.map

package/dist/components/Field/useAriaIds.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAriaIds.cjs","sources":["../../../src/components/Field/useAriaIds.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type UseAriaIdsHook = (otherAriaIds?: string) => [string[], RegisterType];\n\nconst useAriaIds: UseAriaIdsHook = (otherAriaIds) => {\n  const [ids, setIds] = useState<string[]>(otherAriaIds ? otherAriaIds.split(' ') : []);\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      let newIds = [...prevIds];\n\n      if (remove) {\n        newIds = newIds.filter((item) => item !== remove);\n      }\n\n      if (add) {\n        newIds = [...newIds, add];\n      }\n\n      return newIds;\n    });\n  }, []);\n\n  return [ids, register];\n};\n\nexport default useAriaIds;\n"],"names":["useAriaIds","otherAriaIds","ids","setIds","useState","register","useCallback","add","remove","prevIds","newIds","item"],"mappings":"kJAQMA,EAA8BC,GAAiB,CACnD,KAAM,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAmBH,EAAeA,EAAa,MAAM,GAAG,EAAI,EAAE,EAE9EI,EAAWC,EAAAA,YAAY,CAAC,CAAE,IAAAC,EAAK,OAAAC,KAA6B,CAChEL,EAAQM,GAAY,CAClB,IAAIC,EAAS,CAAC,GAAGD,CAAO,EAExB,OAAID,IACFE,EAASA,EAAO,OAAQC,GAASA,IAASH,CAAM,GAG9CD,IACFG,EAAS,CAAC,GAAGA,EAAQH,CAAG,GAGnBG,CACT,CAAC,CACH,EAAG,CAAA,CAAE,EAEL,MAAO,CAACR,EAAKG,CAAQ,CACvB"}

package/dist/components/Field/useAriaIds.d.ts

@@ -1,8 +0,0 @@
-export type RegisterParams = {
-    add?: string;
-    remove?: string;
-};
-export type RegisterType = (params: RegisterParams) => void;
-export type UseAriaIdsHook = (otherAriaIds?: string) => [string[], RegisterType];
-declare const useAriaIds: UseAriaIdsHook;
-export default useAriaIds;

package/dist/components/Field/useAriaIds.js

@@ -1,15 +0,0 @@
-"use client";
-import { useState as f, useCallback as a } from "react";
-const p = (s) => {
-  const [r, u] = f(s ? s.split(" ") : []), l = a(({ add: e, remove: i }) => {
-    u((n) => {
-      let t = [...n];
-      return i && (t = t.filter((c) => c !== i)), e && (t = [...t, e]), t;
-    });
-  }, []);
-  return [r, l];
-};
-export {
-  p as default
-};
-//# sourceMappingURL=useAriaIds.js.map

package/dist/components/Field/useAriaIds.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAriaIds.js","sources":["../../../src/components/Field/useAriaIds.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useState } from 'react';\n\nexport type RegisterParams = { add?: string; remove?: string };\nexport type RegisterType = (params: RegisterParams) => void;\nexport type UseAriaIdsHook = (otherAriaIds?: string) => [string[], RegisterType];\n\nconst useAriaIds: UseAriaIdsHook = (otherAriaIds) => {\n  const [ids, setIds] = useState<string[]>(otherAriaIds ? otherAriaIds.split(' ') : []);\n\n  const register = useCallback(({ add, remove }: RegisterParams) => {\n    setIds((prevIds) => {\n      let newIds = [...prevIds];\n\n      if (remove) {\n        newIds = newIds.filter((item) => item !== remove);\n      }\n\n      if (add) {\n        newIds = [...newIds, add];\n      }\n\n      return newIds;\n    });\n  }, []);\n\n  return [ids, register];\n};\n\nexport default useAriaIds;\n"],"names":["useAriaIds","otherAriaIds","ids","setIds","useState","register","useCallback","add","remove","prevIds","newIds","item"],"mappings":";;AAQA,MAAMA,IAA6B,CAACC,MAAiB;AACnD,QAAM,CAACC,GAAKC,CAAM,IAAIC,EAAmBH,IAAeA,EAAa,MAAM,GAAG,IAAI,EAAE,GAE9EI,IAAWC,EAAY,CAAC,EAAE,KAAAC,GAAK,QAAAC,QAA6B;AAChE,IAAAL,EAAO,CAACM,MAAY;AAClB,UAAIC,IAAS,CAAC,GAAGD,CAAO;AAExB,aAAID,MACFE,IAASA,EAAO,OAAO,CAACC,MAASA,MAASH,CAAM,IAG9CD,MACFG,IAAS,CAAC,GAAGA,GAAQH,CAAG,IAGnBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SAAO,CAACR,GAAKG,CAAQ;AACvB;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.cjs

@@ -1,2 +0,0 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),q=require("classnames"),y=require("../../hooks/styleProps.cjs"),_=require("../../hooks/useClassNamePrefix.cjs"),j=require("../../hooks/useI18n.cjs"),C=require("../Icon/Icon.cjs"),E=require("./constants.cjs"),v=require("./UNSTABLE_AttachmentActionButton.cjs"),B=require("./UNSTABLE_AttachmentDismissButton.cjs"),L=require("./useAttachmentStyleProps.cjs"),U={elementType:"li",iconName:E.DEFAULT_ATTACHMENT_ICON_NAME,isFluid:!1},s=a=>{const c={...U,...a},{t:n}=j.useI18n(),{editText:i,elementType:l,iconName:u,id:m,isFluid:d,label:p,onDismiss:N,onChange:o,removeText:h,previewSlot:A,...T}=c,x=i??n("attachment.edit"),P=h??n("attachment.remove"),{classProps:t}=L.useAttachmentStyleProps({isFluid:d}),{styleProps:r,props:f}=y.useStyleProps(T),S=l;return e.jsxs(S,{...f,...r,id:m,className:q(t.root,r.className),children:[A??e.jsx(C.default,{name:u,"aria-hidden":"true"}),e.jsx("span",{className:t.name,children:e.jsx("span",{className:_.useClassNamePrefix("text-truncate"),children:p})}),o&&e.jsx("span",{className:t.slot,children:e.jsx(v.default,{onClick:o,children:x})}),e.jsx(B.default,{onClick:N,children:P})]})};s.spiritComponent="UNSTABLE_Attachment";s.displayName="UNSTABLE_Attachment";exports.default=s;
-//# sourceMappingURL=UNSTABLE_Attachment.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UNSTABLE_Attachment.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_Attachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { DEFAULT_ATTACHMENT_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentProps } from './types';\nimport UNSTABLE_AttachmentActionButton from './UNSTABLE_AttachmentActionButton';\nimport UNSTABLE_AttachmentDismissButton from './UNSTABLE_AttachmentDismissButton';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_ATTACHMENT_ICON_NAME,\n  isFluid: false,\n};\n\nconst UNSTABLE_Attachment = <E extends ElementType = 'li'>(props: SpiritUnstableAttachmentProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    iconName,\n    id,\n    isFluid,\n    label,\n    onDismiss,\n    onChange,\n    removeText,\n    previewSlot,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useAttachmentStyleProps({ isFluid });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component {...transferProps} {...styleProps} id={id} className={classNames(classProps.root, styleProps.className)}>\n      {previewSlot ?? <Icon name={iconName} aria-hidden=\"true\" />}\n      <span className={classProps.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onChange && (\n        <span className={classProps.slot}>\n          <UNSTABLE_AttachmentActionButton onClick={onChange}>{resolvedEditText}</UNSTABLE_AttachmentActionButton>\n        </span>\n      )}\n      <UNSTABLE_AttachmentDismissButton onClick={onDismiss}>{resolvedRemoveText}</UNSTABLE_AttachmentDismissButton>\n    </Component>\n  );\n};\n\nUNSTABLE_Attachment.spiritComponent = 'UNSTABLE_Attachment';\nUNSTABLE_Attachment.displayName = 'UNSTABLE_Attachment';\n\nexport default UNSTABLE_Attachment;\n"],"names":["defaultProps","DEFAULT_ATTACHMENT_ICON_NAME","UNSTABLE_Attachment","props","propsWithDefaults","t","useI18n","editText","elementType","iconName","id","isFluid","label","onDismiss","onChange","removeText","previewSlot","restProps","resolvedEditText","resolvedRemoveText","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","Component","jsxs","classNames","jsx","Icon","useClassNamePrefix","UNSTABLE_AttachmentActionButton","UNSTABLE_AttachmentDismissButton"],"mappings":"ggBAYMA,EAAe,CACnB,YAAa,KACb,SAAUC,EAAAA,6BACV,QAAS,EACX,EAEMC,EAAqDC,GAAyD,CAClH,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGG,CAAA,EAC1C,CAAE,EAAAE,CAAA,EAAMC,UAAA,EACR,CACJ,SAAAC,EACA,YAAAC,EACA,SAAAC,EACA,GAAAC,EACA,QAAAC,EACA,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,GAAGC,CAAA,EACDb,EACEc,EAAmBX,GAAYF,EAAE,iBAAiB,EAClDc,EAAqBJ,GAAcV,EAAE,mBAAmB,EACxD,CAAE,WAAAe,CAAA,EAAeC,0BAAwB,CAAE,QAAAV,EAAS,EACpD,CAAA,WAAEW,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcP,CAAS,EAE9DQ,EAAYjB,EAElB,OACEkB,EAAAA,KAACD,EAAA,CAAW,GAAGF,EAAgB,GAAGD,EAAY,GAAAZ,EAAQ,UAAWiB,EAAWP,EAAW,KAAME,EAAW,SAAS,EAC9G,SAAA,CAAAN,GAAeY,EAAAA,IAACC,UAAA,CAAK,KAAMpB,EAAU,cAAY,OAAO,EACzDmB,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAW,KAC1B,SAAAQ,EAAAA,IAAC,OAAA,CAAK,UAAWE,EAAAA,mBAAmB,eAAe,EAAI,SAAAlB,CAAA,CAAM,EAC/D,EACCE,GACCc,EAAAA,IAAC,OAAA,CAAK,UAAWR,EAAW,KAC1B,SAAAQ,EAAAA,IAACG,EAAAA,QAAA,CAAgC,QAASjB,EAAW,SAAAI,CAAA,CAAiB,EACxE,EAEFU,EAAAA,IAACI,EAAAA,QAAA,CAAiC,QAASnB,EAAY,SAAAM,CAAA,CAAmB,CAAA,EAC5E,CAEJ,EAEAjB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.d.ts

@@ -1,8 +0,0 @@
-import { ElementType } from 'react';
-import { SpiritUnstableAttachmentProps } from './types';
-declare const UNSTABLE_Attachment: {
-    <E extends ElementType = "li">(props: SpiritUnstableAttachmentProps<E>): JSX.Element;
-    spiritComponent: string;
-    displayName: string;
-};
-export default UNSTABLE_Attachment;

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.js

@@ -1,42 +0,0 @@
-"use client";
-import { jsxs as E, jsx as t } from "react/jsx-runtime";
-import P from "classnames";
-import { useStyleProps as S } from "../../hooks/styleProps.js";
-import { useClassNamePrefix as _ } from "../../hooks/useClassNamePrefix.js";
-import { useI18n as B } from "../../hooks/useI18n.js";
-import v from "../Icon/Icon.js";
-import { DEFAULT_ATTACHMENT_ICON_NAME as y } from "./constants.js";
-import L from "./UNSTABLE_AttachmentActionButton.js";
-import U from "./UNSTABLE_AttachmentDismissButton.js";
-import { useAttachmentStyleProps as D } from "./useAttachmentStyleProps.js";
-const F = {
-  elementType: "li",
-  iconName: y,
-  isFluid: !1
-}, r = (m) => {
-  const a = { ...F, ...m }, { t: s } = B(), {
-    editText: i,
-    elementType: c,
-    iconName: l,
-    id: p,
-    isFluid: d,
-    label: N,
-    onDismiss: h,
-    onChange: o,
-    removeText: f,
-    previewSlot: u,
-    ...A
-  } = a, T = i ?? s("attachment.edit"), x = f ?? s("attachment.remove"), { classProps: e } = D({ isFluid: d }), { styleProps: n, props: C } = S(A);
-  return /* @__PURE__ */ E(c, { ...C, ...n, id: p, className: P(e.root, n.className), children: [
-    u ?? /* @__PURE__ */ t(v, { name: l, "aria-hidden": "true" }),
-    /* @__PURE__ */ t("span", { className: e.name, children: /* @__PURE__ */ t("span", { className: _("text-truncate"), children: N }) }),
-    o && /* @__PURE__ */ t("span", { className: e.slot, children: /* @__PURE__ */ t(L, { onClick: o, children: T }) }),
-    /* @__PURE__ */ t(U, { onClick: h, children: x })
-  ] });
-};
-r.spiritComponent = "UNSTABLE_Attachment";
-r.displayName = "UNSTABLE_Attachment";
-export {
-  r as default
-};
-//# sourceMappingURL=UNSTABLE_Attachment.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_Attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UNSTABLE_Attachment.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_Attachment.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { DEFAULT_ATTACHMENT_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentProps } from './types';\nimport UNSTABLE_AttachmentActionButton from './UNSTABLE_AttachmentActionButton';\nimport UNSTABLE_AttachmentDismissButton from './UNSTABLE_AttachmentDismissButton';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_ATTACHMENT_ICON_NAME,\n  isFluid: false,\n};\n\nconst UNSTABLE_Attachment = <E extends ElementType = 'li'>(props: SpiritUnstableAttachmentProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    iconName,\n    id,\n    isFluid,\n    label,\n    onDismiss,\n    onChange,\n    removeText,\n    previewSlot,\n    ...restProps\n  } = propsWithDefaults;\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useAttachmentStyleProps({ isFluid });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component {...transferProps} {...styleProps} id={id} className={classNames(classProps.root, styleProps.className)}>\n      {previewSlot ?? <Icon name={iconName} aria-hidden=\"true\" />}\n      <span className={classProps.name}>\n        <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n      </span>\n      {onChange && (\n        <span className={classProps.slot}>\n          <UNSTABLE_AttachmentActionButton onClick={onChange}>{resolvedEditText}</UNSTABLE_AttachmentActionButton>\n        </span>\n      )}\n      <UNSTABLE_AttachmentDismissButton onClick={onDismiss}>{resolvedRemoveText}</UNSTABLE_AttachmentDismissButton>\n    </Component>\n  );\n};\n\nUNSTABLE_Attachment.spiritComponent = 'UNSTABLE_Attachment';\nUNSTABLE_Attachment.displayName = 'UNSTABLE_Attachment';\n\nexport default UNSTABLE_Attachment;\n"],"names":["defaultProps","DEFAULT_ATTACHMENT_ICON_NAME","UNSTABLE_Attachment","props","propsWithDefaults","t","useI18n","editText","elementType","iconName","id","isFluid","label","onDismiss","onChange","removeText","previewSlot","restProps","resolvedEditText","resolvedRemoveText","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","Icon","useClassNamePrefix","UNSTABLE_AttachmentActionButton","UNSTABLE_AttachmentDismissButton"],"mappings":";;;;;;;;;;;AAYA,MAAMA,IAAe;AAAA,EACnB,aAAa;AAAA,EACb,UAAUC;AAAA,EACV,SAAS;AACX,GAEMC,IAAsB,CAA+BC,MAAyD;AAClH,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGG,EAAA,GAC1C,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACR;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GACEc,IAAmBX,KAAYF,EAAE,iBAAiB,GAClDc,IAAqBJ,KAAcV,EAAE,mBAAmB,GACxD,EAAE,YAAAe,EAAA,IAAeC,EAAwB,EAAE,SAAAV,GAAS,GACpD,EAAE,YAAAW,GAAY,OAAOC,EAAA,IAAkBC,EAAcP,CAAS;AAIpE,SACE,gBAAAQ,EAHgBjB,GAGf,EAAW,GAAGe,GAAgB,GAAGD,GAAY,IAAAZ,GAAQ,WAAWgB,EAAWN,EAAW,MAAME,EAAW,SAAS,GAC9G,UAAA;AAAA,IAAAN,KAAe,gBAAAW,EAACC,GAAA,EAAK,MAAMnB,GAAU,eAAY,QAAO;AAAA,IACzD,gBAAAkB,EAAC,QAAA,EAAK,WAAWP,EAAW,MAC1B,UAAA,gBAAAO,EAAC,QAAA,EAAK,WAAWE,EAAmB,eAAe,GAAI,UAAAjB,EAAA,CAAM,GAC/D;AAAA,IACCE,KACC,gBAAAa,EAAC,QAAA,EAAK,WAAWP,EAAW,MAC1B,UAAA,gBAAAO,EAACG,GAAA,EAAgC,SAAShB,GAAW,UAAAI,EAAA,CAAiB,GACxE;AAAA,IAEF,gBAAAS,EAACI,GAAA,EAAiC,SAASlB,GAAY,UAAAM,EAAA,CAAmB;AAAA,EAAA,GAC5E;AAEJ;AAEAjB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.cjs

@@ -1,2 +0,0 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("classnames"),l=require("../../hooks/styleProps.cjs"),p=require("../Icon/Icon.cjs"),A=require("../VisuallyHidden/VisuallyHidden.cjs"),d=require("./constants.cjs"),m=require("./useAttachmentStyleProps.cjs"),e=n=>{const{name:r=d.DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME,children:o,...c}=n,{classProps:u}=m.useAttachmentStyleProps(),{styleProps:s,props:a}=l.useStyleProps(c);return t.jsxs("button",{type:"button",...a,...s,className:i(u.button,s.className),children:[t.jsx(A.default,{children:o}),t.jsx(p.default,{name:r,"aria-hidden":"true"})]})};e.spiritComponent="UNSTABLE_AttachmentActionButton";e.displayName="UNSTABLE_AttachmentActionButton";exports.default=e;
-//# sourceMappingURL=UNSTABLE_AttachmentActionButton.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UNSTABLE_AttachmentActionButton.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentActionButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentActionButton = (props: SpiritUnstableAttachmentActionButtonProps) => {\n  const { name = DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME, children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name={name} aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentActionButton.spiritComponent = 'UNSTABLE_AttachmentActionButton';\nUNSTABLE_AttachmentActionButton.displayName = 'UNSTABLE_AttachmentActionButton';\n\nexport default UNSTABLE_AttachmentActionButton;\n"],"names":["UNSTABLE_AttachmentActionButton","props","name","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":"sXAWMA,EAAmCC,GAAqD,CAC5F,KAAM,CAAE,KAAAC,EAAOC,EAAAA,2CAA4C,SAAAC,EAAU,GAAGC,GAAcJ,EAChF,CAAE,WAAAK,CAAA,EAAeC,0BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAEpE,OACEM,EAAAA,KAAC,SAAA,CACC,KAAK,SACJ,GAAGF,EACH,GAAGD,EACJ,UAAWI,EAAWN,EAAW,OAAQE,EAAW,SAAS,EAE7D,SAAA,CAAAK,MAACC,EAAAA,SAAgB,SAAAV,EAAS,EAC1BS,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAAb,EAAY,cAAY,MAAA,CAAO,CAAA,CAAA,CAAA,CAG3C,EAEAF,EAAgC,gBAAkB,kCAClDA,EAAgC,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.d.ts

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

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.js

@@ -1,30 +0,0 @@
-"use client";
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import p from "classnames";
-import { useStyleProps as A } from "../../hooks/styleProps.js";
-import l from "../Icon/Icon.js";
-import u from "../VisuallyHidden/VisuallyHidden.js";
-import { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME as N } from "./constants.js";
-import { useAttachmentStyleProps as T } from "./useAttachmentStyleProps.js";
-const s = (r) => {
-  const { name: e = N, children: n, ...m } = r, { classProps: i } = T(), { styleProps: t, props: a } = A(m);
-  return /* @__PURE__ */ c(
-    "button",
-    {
-      type: "button",
-      ...a,
-      ...t,
-      className: p(i.button, t.className),
-      children: [
-        /* @__PURE__ */ o(u, { children: n }),
-        /* @__PURE__ */ o(l, { name: e, "aria-hidden": "true" })
-      ]
-    }
-  );
-};
-s.spiritComponent = "UNSTABLE_AttachmentActionButton";
-s.displayName = "UNSTABLE_AttachmentActionButton";
-export {
-  s as default
-};
-//# sourceMappingURL=UNSTABLE_AttachmentActionButton.js.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UNSTABLE_AttachmentActionButton.js","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentActionButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME } from './constants';\nimport { type SpiritUnstableAttachmentActionButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentActionButton = (props: SpiritUnstableAttachmentActionButtonProps) => {\n  const { name = DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME, children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name={name} aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentActionButton.spiritComponent = 'UNSTABLE_AttachmentActionButton';\nUNSTABLE_AttachmentActionButton.displayName = 'UNSTABLE_AttachmentActionButton';\n\nexport default UNSTABLE_AttachmentActionButton;\n"],"names":["UNSTABLE_AttachmentActionButton","props","name","DEFAULT_ATTACHMENT_ACTION_BUTTON_ICON_NAME","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":";;;;;;;;AAWA,MAAMA,IAAkC,CAACC,MAAqD;AAC5F,QAAM,EAAE,MAAAC,IAAOC,GAA4C,UAAAC,GAAU,GAAGC,MAAcJ,GAChF,EAAE,YAAAK,EAAA,IAAeC,EAAA,GACjB,EAAE,YAAAC,GAAY,OAAOC,EAAA,IAAkBC,EAAcL,CAAS;AAEpE,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACJ,GAAGF;AAAA,MACH,GAAGD;AAAA,MACJ,WAAWI,EAAWN,EAAW,QAAQE,EAAW,SAAS;AAAA,MAE7D,UAAA;AAAA,QAAA,gBAAAK,EAACC,KAAgB,UAAAV,GAAS;AAAA,QAC1B,gBAAAS,EAACE,GAAA,EAAK,MAAAb,GAAY,eAAY,OAAA,CAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG3C;AAEAF,EAAgC,kBAAkB;AAClDA,EAAgC,cAAc;"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.cjs

@@ -1,2 +0,0 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),c=require("classnames"),a=require("../../hooks/styleProps.cjs"),l=require("../Icon/Icon.cjs"),m=require("../VisuallyHidden/VisuallyHidden.cjs"),p=require("./useAttachmentStyleProps.cjs"),s=r=>{const{children:n,...o}=r,{classProps:u}=p.useAttachmentStyleProps(),{styleProps:e,props:i}=a.useStyleProps(o);return t.jsxs("button",{type:"button",...i,...e,className:c(u.button,e.className),children:[t.jsx(m.default,{children:n}),t.jsx(l.default,{name:"close","aria-hidden":"true"})]})};s.spiritComponent="UNSTABLE_AttachmentDismissButton";s.displayName="UNSTABLE_AttachmentDismissButton";exports.default=s;
-//# sourceMappingURL=UNSTABLE_AttachmentDismissButton.cjs.map

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"UNSTABLE_AttachmentDismissButton.cjs","sources":["../../../src/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { type SpiritUnstableAttachmentDismissButtonProps } from './types';\nimport { useAttachmentStyleProps } from './useAttachmentStyleProps';\n\nconst UNSTABLE_AttachmentDismissButton = (props: SpiritUnstableAttachmentDismissButtonProps) => {\n  const { children, ...restProps } = props;\n  const { classProps } = useAttachmentStyleProps();\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n\n  return (\n    <button\n      type=\"button\"\n      {...transferProps}\n      {...styleProps}\n      className={classNames(classProps.button, styleProps.className)}\n    >\n      <VisuallyHidden>{children}</VisuallyHidden>\n      <Icon name=\"close\" aria-hidden=\"true\" />\n    </button>\n  );\n};\n\nUNSTABLE_AttachmentDismissButton.spiritComponent = 'UNSTABLE_AttachmentDismissButton';\nUNSTABLE_AttachmentDismissButton.displayName = 'UNSTABLE_AttachmentDismissButton';\n\nexport default UNSTABLE_AttachmentDismissButton;\n"],"names":["UNSTABLE_AttachmentDismissButton","props","children","restProps","classProps","useAttachmentStyleProps","styleProps","transferProps","useStyleProps","jsxs","classNames","jsx","VisuallyHidden","Icon"],"mappings":"yVAUMA,EAAoCC,GAAsD,CAC9F,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAC7B,CAAE,WAAAG,CAAA,EAAeC,0BAAA,EACjB,CAAA,WAAEC,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,cAAcL,CAAS,EAEpE,OACEM,EAAAA,KAAC,SAAA,CACC,KAAK,SACJ,GAAGF,EACH,GAAGD,EACJ,UAAWI,EAAWN,EAAW,OAAQE,EAAW,SAAS,EAE7D,SAAA,CAAAK,MAACC,EAAAA,SAAgB,SAAAV,EAAS,EAC1BS,EAAAA,IAACE,EAAAA,QAAA,CAAK,KAAK,QAAQ,cAAY,MAAA,CAAO,CAAA,CAAA,CAAA,CAG5C,EAEAb,EAAiC,gBAAkB,mCACnDA,EAAiC,YAAc"}

package/dist/components/UNSTABLE_Attachment/UNSTABLE_AttachmentDismissButton.d.ts

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