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

package/dist/components/Truncate/useTruncateStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTruncateStyleProps.cjs","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTruncateProps, type TruncateMode, TruncateModes } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport interface TruncateStyles<E extends ElementType> {\n  classProps: string;\n  props: SpiritTruncateProps<E>;\n  styleProps: TruncateCSSProperties;\n  effectiveMode: TruncateMode;\n  effectiveLimit?: number;\n}\n\nexport const useTruncateStyleProps = <E extends ElementType>(props: SpiritTruncateProps<E>): TruncateStyles<E> => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":"4KAgBaA,EAAgDC,GAAqD,CAChH,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAOC,EAAAA,cAAc,MAAO,GAAGC,GAAcJ,EAGtDK,EADoBC,EAAAA,mBAAmBJ,IAASC,EAAAA,cAAc,MAAQ,0BAA4B,EAAE,EAGpGI,EAAuC,CAAA,EAE7C,OAAIL,IAASC,EAAAA,cAAc,OAASF,IAAU,SAC5CM,EAAc,uBAAuB,EAAIN,GAGpC,CACL,WAAAI,EACA,MAAOD,EACP,WAAYG,EACZ,cAAeL,EACf,eAAgBD,CAAA,CAEpB"}
+{"version":3,"file":"useTruncateStyleProps.cjs","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { TruncateModes, type TruncateProps } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport const useTruncateStyleProps = (props: TruncateProps) => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":"4KAQaA,EAAyBC,GAAyB,CAC7D,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAOC,EAAAA,cAAc,MAAO,GAAGC,GAAcJ,EAGtDK,EADoBC,EAAAA,mBAAmBJ,IAASC,EAAAA,cAAc,MAAQ,0BAA4B,EAAE,EAGpGI,EAAuC,CAAA,EAE7C,OAAIL,IAASC,EAAAA,cAAc,OAASF,IAAU,SAC5CM,EAAc,uBAAuB,EAAIN,GAGpC,CACL,WAAAI,EACA,MAAOD,EACP,WAAYG,EACZ,cAAeL,EACf,eAAgBD,CAAA,CAEpB"}

package/dist/components/Truncate/useTruncateStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTruncateStyleProps.js","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties, type ElementType } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritTruncateProps, type TruncateMode, TruncateModes } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport interface TruncateStyles<E extends ElementType> {\n  classProps: string;\n  props: SpiritTruncateProps<E>;\n  styleProps: TruncateCSSProperties;\n  effectiveMode: TruncateMode;\n  effectiveLimit?: number;\n}\n\nexport const useTruncateStyleProps = <E extends ElementType>(props: SpiritTruncateProps<E>): TruncateStyles<E> => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":";;AAgBO,MAAMA,IAAwB,CAAwBC,MAAqD;AAChH,QAAM,EAAE,OAAAC,GAAO,MAAAC,IAAOC,EAAc,OAAO,GAAGC,MAAcJ,GAGtDK,IADoBC,EAAmBJ,MAASC,EAAc,QAAQ,4BAA4B,EAAE,GAGpGI,IAAuC,CAAA;AAE7C,SAAIL,MAASC,EAAc,SAASF,MAAU,WAC5CM,EAAc,uBAAuB,IAAIN,IAGpC;AAAA,IACL,YAAAI;AAAA,IACA,OAAOD;AAAA,IACP,YAAYG;AAAA,IACZ,eAAeL;AAAA,IACf,gBAAgBD;AAAA,EAAA;AAEpB;"}
+{"version":3,"file":"useTruncateStyleProps.js","sources":["../../../src/components/Truncate/useTruncateStyleProps.ts"],"sourcesContent":["import { type CSSProperties } from 'react';\nimport { useClassNamePrefix } from '../../hooks';\nimport { TruncateModes, type TruncateProps } from '../../types';\n\ninterface TruncateCSSProperties extends CSSProperties {\n  '--text-truncate-lines'?: number;\n}\n\nexport const useTruncateStyleProps = (props: TruncateProps) => {\n  const { limit, mode = TruncateModes.LINES, ...restProps } = props;\n\n  const truncateClassName = useClassNamePrefix(mode === TruncateModes.LINES ? 'text-truncate-multiline' : '');\n  const classProps = truncateClassName;\n\n  const truncateStyle: TruncateCSSProperties = {};\n\n  if (mode === TruncateModes.LINES && limit !== undefined) {\n    truncateStyle['--text-truncate-lines'] = limit;\n  }\n\n  return {\n    classProps,\n    props: restProps,\n    styleProps: truncateStyle,\n    effectiveMode: mode,\n    effectiveLimit: limit,\n  };\n};\n"],"names":["useTruncateStyleProps","props","limit","mode","TruncateModes","restProps","classProps","useClassNamePrefix","truncateStyle"],"mappings":";;AAQO,MAAMA,IAAwB,CAACC,MAAyB;AAC7D,QAAM,EAAE,OAAAC,GAAO,MAAAC,IAAOC,EAAc,OAAO,GAAGC,MAAcJ,GAGtDK,IADoBC,EAAmBJ,MAASC,EAAc,QAAQ,4BAA4B,EAAE,GAGpGI,IAAuC,CAAA;AAE7C,SAAIL,MAASC,EAAc,SAASF,MAAU,WAC5CM,EAAc,uBAAuB,IAAIN,IAGpC;AAAA,IACL,YAAAI;AAAA,IACA,OAAOD;AAAA,IACP,YAAYG;AAAA,IACZ,eAAeL;AAAA,IACf,gBAAgBD;AAAA,EAAA;AAEpB;"}

package/dist/components/Truncate.d.ts

@@ -1,2 +1,2 @@
-export * from './Truncate/index'
+export * from '../src/components/Truncate/index'
 export {}

package/dist/components/UNSTABLE_File/UNSTABLE_File.cjs

@@ -1,2 +1,2 @@
-"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),L=require("classnames"),U=require("../../hooks/styleProps.cjs"),R=require("../../hooks/useClassNamePrefix.cjs"),V=require("../../hooks/useI18n.cjs"),N=require("../ControlButton/ControlButton.cjs"),D=require("../Field/ValidationText.cjs"),O=require("../Field/useValidationTextRole.cjs"),z=require("../Flex/Flex.cjs"),a=require("../Icon/Icon.cjs"),T=require("../VisuallyHidden/VisuallyHidden.cjs"),j=require("./constants.cjs"),M=require("./useFileStyleProps.cjs"),w={elementType:"li",iconName:j.DEFAULT_FILE_ICON_NAME},o=f=>{const v={...w,...f},{t:r}=V.useI18n(),{editText:S,elementType:P,hasValidationIcon:_,helperText:c,iconName:q,id:n,isDisabled:d,label:y,onDismiss:u,onChange:m,previewSlot:C,removeText:F,validationState:s,validationText:x,...A}=v,E=S??r("attachment.edit"),I=F??r("attachment.remove"),{classProps:t}=M.useFileStyleProps({isDisabled:d,validationState:s}),{styleProps:p,props:b}=U.useStyleProps(A),g=O.useValidationTextRole({validationState:s,validationText:x}),h={size:"large",isSymmetrical:!0,isDisabled:d},i=m?e.jsxs(N.default,{...h,onClick:m,children:[e.jsx(T.default,{children:E}),e.jsx(a.default,{name:j.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,boxSize:16,"aria-hidden":"true"})]}):null,l=u?e.jsxs(N.default,{...h,onClick:u,children:[e.jsx(T.default,{children:I}),e.jsx(a.default,{name:"close",boxSize:16,"aria-hidden":"true"})]}):null,B=P;return e.jsxs(B,{...b,...p,...n!=null&&n!==""?{id:n}:{},className:L(t.root,p.className),children:[C??e.jsx("div",{className:t.preview,children:e.jsx(a.default,{name:q,boxSize:20,"aria-hidden":"true"})}),e.jsx("div",{className:t.content,children:e.jsxs("div",{className:t.text,children:[e.jsx("span",{className:t.name,children:e.jsx("span",{className:R.useClassNamePrefix("text-truncate"),children:y})}),c&&e.jsx("div",{className:t.helperText,children:c}),s&&e.jsx(D.default,{UNSAFE_className:t.validationText,elementType:"div",..._&&{hasValidationStateIcon:s},role:g,validationText:x})]})}),i&&l?e.jsxs(z.default,{alignmentX:{mobile:"stretch",tablet:"left"},alignmentY:"stretch",spacingX:"space-500",children:[i,l]}):e.jsxs(e.Fragment,{children:[i,l]})]})};o.spiritComponent="UNSTABLE_File";o.displayName="UNSTABLE_File";exports.default=o;
+"use strict";"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),L=require("classnames"),R=require("../../hooks/styleProps.cjs"),V=require("../../hooks/useClassNamePrefix.cjs"),D=require("../../hooks/useI18n.cjs"),T=require("../ControlButton/ControlButton.cjs"),O=require("../Field/ValidationText.cjs"),z=require("../Field/useValidationTextRole.cjs"),M=require("../Flex/Flex.cjs"),o=require("../Icon/Icon.cjs"),j=require("../VisuallyHidden/VisuallyHidden.cjs"),f=require("./constants.cjs"),w=require("./useFileStyleProps.cjs"),k={elementType:"li",iconName:f.DEFAULT_FILE_ICON_NAME},r=v=>{const S={...k,...v},{t:c}=D.useI18n(),{editText:P,elementType:_,hasValidationIcon:q,helperText:d,iconName:y,id:i,isDisabled:t,label:C,onDismiss:u,onChange:m,previewSlot:F,removeText:A,validationState:n,validationText:x,...E}=S,b=P??c("attachment.edit"),I=A??c("attachment.remove"),{classProps:s}=w.useFileStyleProps({isDisabled:t,validationState:n}),{styleProps:p,props:g}=R.useStyleProps(E),B=z.useValidationTextRole({validationState:n,validationText:x}),N={size:"large",isSymmetrical:!0,isDisabled:t},h={UNSAFE_className:"color-scheme-on-disabled"},l=m?e.jsxs(T.default,{...N,onClick:m,...t&&h,children:[e.jsx(j.default,{children:b}),e.jsx(o.default,{name:f.DEFAULT_FILE_ACTION_BUTTON_ICON_NAME,boxSize:16,"aria-hidden":"true"})]}):null,a=u?e.jsxs(T.default,{...N,onClick:u,...t&&h,children:[e.jsx(j.default,{children:I}),e.jsx(o.default,{name:"close",boxSize:16,"aria-hidden":"true"})]}):null,U=_;return e.jsxs(U,{...g,...p,...i!=null&&i!==""?{id:i}:{},className:L(s.root,p.className),children:[F??e.jsx("div",{className:s.preview,children:e.jsx(o.default,{name:y,boxSize:20,"aria-hidden":"true"})}),e.jsx("div",{className:s.content,children:e.jsxs("div",{className:s.text,children:[e.jsx("span",{className:s.name,children:e.jsx("span",{className:V.useClassNamePrefix("text-truncate"),children:C})}),d&&e.jsx("div",{className:s.helperText,children:d}),n&&e.jsx(O.default,{UNSAFE_className:s.validationText,elementType:"div",...q&&{hasValidationStateIcon:n},role:B,validationText:x})]})}),l&&a?e.jsxs(M.default,{alignmentX:{mobile:"stretch",tablet:"left"},alignmentY:"stretch",spacingX:"space-500",children:[l,a]}):e.jsxs(e.Fragment,{children:[l,a]})]})};r.spiritComponent="UNSTABLE_File";r.displayName="UNSTABLE_File";exports.default=r;
 //# sourceMappingURL=UNSTABLE_File.cjs.map

package/dist/components/UNSTABLE_File/UNSTABLE_File.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_File.cjs","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","Component","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_File.cjs","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const disabledClassNameProp = { UNSAFE_className: 'color-scheme-on-disabled' };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","disabledClassNameProp","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","Component","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}

package/dist/components/UNSTABLE_File/UNSTABLE_File.js

@@ -1,88 +1,88 @@
 "use client";
-import { jsxs as o, jsx as e, Fragment as g } from "react/jsx-runtime";
-import D from "classnames";
-import { useStyleProps as V } from "../../hooks/styleProps.js";
-import { useClassNamePrefix as z } from "../../hooks/useClassNamePrefix.js";
-import { useI18n as O } from "../../hooks/useI18n.js";
-import T from "../ControlButton/ControlButton.js";
-import R from "../Field/ValidationText.js";
-import { useValidationTextRole as w } from "../Field/useValidationTextRole.js";
-import j from "../Flex/Flex.js";
-import l from "../Icon/Icon.js";
-import x from "../VisuallyHidden/VisuallyHidden.js";
-import { DEFAULT_FILE_ICON_NAME as k, DEFAULT_FILE_ACTION_BUTTON_ICON_NAME as M } from "./constants.js";
-import { useFileStyleProps as X } from "./useFileStyleProps.js";
-const H = {
+import { jsxs as o, jsx as e, Fragment as D } from "react/jsx-runtime";
+import V from "classnames";
+import { useStyleProps as z } from "../../hooks/styleProps.js";
+import { useClassNamePrefix as O } from "../../hooks/useClassNamePrefix.js";
+import { useI18n as R } from "../../hooks/useI18n.js";
+import x from "../ControlButton/ControlButton.js";
+import w from "../Field/ValidationText.js";
+import { useValidationTextRole as j } from "../Field/useValidationTextRole.js";
+import k from "../Flex/Flex.js";
+import r from "../Icon/Icon.js";
+import f from "../VisuallyHidden/VisuallyHidden.js";
+import { DEFAULT_FILE_ICON_NAME as M, DEFAULT_FILE_ACTION_BUTTON_ICON_NAME as X } from "./constants.js";
+import { useFileStyleProps as H } from "./useFileStyleProps.js";
+const W = {
   elementType: "li",
-  iconName: k
-}, f = (v) => {
-  const S = { ...H, ...v }, { t: a } = O(), {
-    editText: C,
-    elementType: _,
-    hasValidationIcon: A,
-    helperText: m,
-    iconName: E,
+  iconName: M
+}, v = (S) => {
+  const C = { ...W, ...S }, { t: m } = R(), {
+    editText: _,
+    elementType: A,
+    hasValidationIcon: E,
+    helperText: c,
+    iconName: F,
     id: n,
-    isDisabled: c,
-    label: F,
+    isDisabled: i,
+    label: P,
     onDismiss: d,
     onChange: p,
-    previewSlot: y,
-    removeText: I,
-    validationState: i,
+    previewSlot: b,
+    removeText: y,
+    validationState: s,
     validationText: h,
-    ...P
-  } = S, B = C ?? a("attachment.edit"), b = I ?? a("attachment.remove"), { classProps: t } = X({ isDisabled: c, validationState: i }), { styleProps: u, props: L } = V(P), U = w({
-    validationState: i,
+    ...I
+  } = C, B = _ ?? m("attachment.edit"), U = y ?? m("attachment.remove"), { classProps: t } = H({ isDisabled: i, validationState: s }), { styleProps: N, props: L } = z(I), g = j({
+    validationState: s,
     validationText: h
-  }), N = {
+  }), u = {
     size: "large",
     isSymmetrical: !0,
-    isDisabled: c
-  }, s = p ? /* @__PURE__ */ o(T, { ...N, onClick: p, children: [
-    /* @__PURE__ */ e(x, { children: B }),
-    /* @__PURE__ */ e(l, { name: M, boxSize: 16, "aria-hidden": "true" })
-  ] }) : null, r = d ? /* @__PURE__ */ o(T, { ...N, onClick: d, children: [
-    /* @__PURE__ */ e(x, { children: b }),
-    /* @__PURE__ */ e(l, { name: "close", boxSize: 16, "aria-hidden": "true" })
+    isDisabled: i
+  }, T = { UNSAFE_className: "color-scheme-on-disabled" }, a = p ? /* @__PURE__ */ o(x, { ...u, onClick: p, ...i && T, children: [
+    /* @__PURE__ */ e(f, { children: B }),
+    /* @__PURE__ */ e(r, { name: X, boxSize: 16, "aria-hidden": "true" })
+  ] }) : null, l = d ? /* @__PURE__ */ o(x, { ...u, onClick: d, ...i && T, children: [
+    /* @__PURE__ */ e(f, { children: U }),
+    /* @__PURE__ */ e(r, { name: "close", boxSize: 16, "aria-hidden": "true" })
   ] }) : null;
   return /* @__PURE__ */ o(
-    _,
+    A,
     {
       ...L,
-      ...u,
+      ...N,
       ...n != null && n !== "" ? { id: n } : {},
-      className: D(t.root, u.className),
+      className: V(t.root, N.className),
       children: [
-        y ?? /* @__PURE__ */ e("div", { className: t.preview, children: /* @__PURE__ */ e(l, { name: E, boxSize: 20, "aria-hidden": "true" }) }),
+        b ?? /* @__PURE__ */ e("div", { className: t.preview, children: /* @__PURE__ */ e(r, { name: F, boxSize: 20, "aria-hidden": "true" }) }),
         /* @__PURE__ */ e("div", { className: t.content, children: /* @__PURE__ */ o("div", { className: t.text, children: [
-          /* @__PURE__ */ e("span", { className: t.name, children: /* @__PURE__ */ e("span", { className: z("text-truncate"), children: F }) }),
-          m && /* @__PURE__ */ e("div", { className: t.helperText, children: m }),
-          i && /* @__PURE__ */ e(
-            R,
+          /* @__PURE__ */ e("span", { className: t.name, children: /* @__PURE__ */ e("span", { className: O("text-truncate"), children: P }) }),
+          c && /* @__PURE__ */ e("div", { className: t.helperText, children: c }),
+          s && /* @__PURE__ */ e(
+            w,
             {
               UNSAFE_className: t.validationText,
               elementType: "div",
-              ...A && { hasValidationStateIcon: i },
-              role: U,
+              ...E && { hasValidationStateIcon: s },
+              role: g,
               validationText: h
             }
           )
         ] }) }),
-        s && r ? /* @__PURE__ */ o(j, { alignmentX: { mobile: "stretch", tablet: "left" }, alignmentY: "stretch", spacingX: "space-500", children: [
-          s,
-          r
-        ] }) : /* @__PURE__ */ o(g, { children: [
-          s,
-          r
+        a && l ? /* @__PURE__ */ o(k, { alignmentX: { mobile: "stretch", tablet: "left" }, alignmentY: "stretch", spacingX: "space-500", children: [
+          a,
+          l
+        ] }) : /* @__PURE__ */ o(D, { children: [
+          a,
+          l
         ] })
       ]
     }
   );
 };
-f.spiritComponent = "UNSTABLE_File";
-f.displayName = "UNSTABLE_File";
+v.spiritComponent = "UNSTABLE_File";
+v.displayName = "UNSTABLE_File";
 export {
-  f as default
+  v as default
 };
 //# sourceMappingURL=UNSTABLE_File.js.map

package/dist/components/UNSTABLE_File/UNSTABLE_File.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_File.js","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}
+{"version":3,"file":"UNSTABLE_File.js","sources":["../../../src/components/UNSTABLE_File/UNSTABLE_File.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ElementType } from 'react';\nimport { useClassNamePrefix, useI18n, useStyleProps } from '../../hooks';\nimport { ControlButton } from '../ControlButton';\nimport { ValidationText } from '../Field';\nimport { useValidationTextRole } from '../Field/useValidationTextRole';\nimport { Flex } from '../Flex';\nimport { Icon } from '../Icon';\nimport { VisuallyHidden } from '../VisuallyHidden';\nimport { DEFAULT_FILE_ACTION_BUTTON_ICON_NAME, DEFAULT_FILE_ICON_NAME } from './constants';\nimport { type SpiritUnstableFileProps } from './types';\nimport { useFileStyleProps } from './useFileStyleProps';\n\nconst defaultProps = {\n  elementType: 'li' as const,\n  iconName: DEFAULT_FILE_ICON_NAME,\n};\n\nconst UNSTABLE_File = <E extends ElementType = 'li'>(props: SpiritUnstableFileProps<E>): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { t } = useI18n();\n  const {\n    editText,\n    elementType,\n    hasValidationIcon,\n    helperText,\n    iconName,\n    id,\n    isDisabled,\n    label,\n    onDismiss,\n    onChange,\n    previewSlot,\n    removeText,\n    validationState,\n    validationText,\n    ...restProps\n  } = propsWithDefaults;\n\n  const resolvedEditText = editText ?? t('attachment.edit');\n  const resolvedRemoveText = removeText ?? t('attachment.remove');\n  const { classProps } = useFileStyleProps({ isDisabled, validationState });\n  const { styleProps, props: transferProps } = useStyleProps(restProps);\n  const validationTextRole = useValidationTextRole({\n    validationState,\n    validationText,\n  });\n\n  const fileRowControlButtonProps = {\n    size: 'large' as const,\n    isSymmetrical: true as const,\n    isDisabled,\n  };\n\n  const disabledClassNameProp = { UNSAFE_className: 'color-scheme-on-disabled' };\n\n  const editActionButton = onChange ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onChange} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedEditText}</VisuallyHidden>\n      <Icon name={DEFAULT_FILE_ACTION_BUTTON_ICON_NAME} boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const dismissActionButton = onDismiss ? (\n    <ControlButton {...fileRowControlButtonProps} onClick={onDismiss} {...(isDisabled && disabledClassNameProp)}>\n      <VisuallyHidden>{resolvedRemoveText}</VisuallyHidden>\n      <Icon name=\"close\" boxSize={16} aria-hidden=\"true\" />\n    </ControlButton>\n  ) : null;\n\n  const Component = elementType as ElementType;\n\n  return (\n    <Component\n      {...transferProps}\n      {...styleProps}\n      {...(id != null && id !== '' ? { id } : {})}\n      className={classNames(classProps.root, styleProps.className)}\n    >\n      {previewSlot ?? (\n        <div className={classProps.preview}>\n          <Icon name={iconName} boxSize={20} aria-hidden=\"true\" />\n        </div>\n      )}\n      <div className={classProps.content}>\n        <div className={classProps.text}>\n          <span className={classProps.name}>\n            <span className={useClassNamePrefix('text-truncate')}>{label}</span>\n          </span>\n          {helperText && <div className={classProps.helperText}>{helperText}</div>}\n          {validationState && (\n            <ValidationText\n              UNSAFE_className={classProps.validationText}\n              elementType=\"div\"\n              {...(hasValidationIcon && { hasValidationStateIcon: validationState })}\n              role={validationTextRole}\n              validationText={validationText}\n            />\n          )}\n        </div>\n      </div>\n      {editActionButton && dismissActionButton ? (\n        <Flex alignmentX={{ mobile: 'stretch', tablet: 'left' }} alignmentY=\"stretch\" spacingX=\"space-500\">\n          {editActionButton}\n          {dismissActionButton}\n        </Flex>\n      ) : (\n        <>\n          {editActionButton}\n          {dismissActionButton}\n        </>\n      )}\n    </Component>\n  );\n};\n\nUNSTABLE_File.spiritComponent = 'UNSTABLE_File';\nUNSTABLE_File.displayName = 'UNSTABLE_File';\n\nexport default UNSTABLE_File;\n"],"names":["defaultProps","DEFAULT_FILE_ICON_NAME","UNSTABLE_File","props","propsWithDefaults","t","useI18n","editText","elementType","hasValidationIcon","helperText","iconName","id","isDisabled","label","onDismiss","onChange","previewSlot","removeText","validationState","validationText","restProps","resolvedEditText","resolvedRemoveText","classProps","useFileStyleProps","styleProps","transferProps","useStyleProps","validationTextRole","useValidationTextRole","fileRowControlButtonProps","disabledClassNameProp","editActionButton","jsxs","ControlButton","jsx","VisuallyHidden","Icon","DEFAULT_FILE_ACTION_BUTTON_ICON_NAME","dismissActionButton","classNames","useClassNamePrefix","ValidationText","Flex","Fragment"],"mappings":"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"}

package/dist/components/UNSTABLE_File.d.ts

@@ -1,2 +1,2 @@
-export * from './UNSTABLE_File/index'
+export * from '../src/components/UNSTABLE_File/index'
 export {}

package/dist/components/UNSTABLE_FileUpload.d.ts

@@ -1,2 +1,2 @@
-export * from './UNSTABLE_FileUpload/index'
+export * from '../src/components/UNSTABLE_FileUpload/index'
 export {}

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_HeaderLogo.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":"qTAaMA,EAAyC,CAC7C,YAAa,GACf,EAEMC,EAAc,CAClBC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAA4B,SAAAM,EAAU,GAAGC,GAAcH,EAEpFI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BJ,CAAS,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAsBC,EAAAA,WAC1BlB,CACF,EAEAiB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}
+{"version":3,"file":"UNSTABLE_HeaderLogo.cjs","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<SpiritHeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":"qTAaMA,EAA+C,CACnD,YAAa,GACf,EAEMC,EAAc,CAClBC,EACAC,IACgB,CAChB,MAAMC,EAAoB,CAAE,GAAGJ,EAAc,GAAGE,CAAA,EAC1C,CAAE,YAAAG,EAAcL,EAAa,YAA4B,SAAAM,EAAU,GAAGC,GAAcH,EAEpFI,EAAYH,EAEZ,CAAE,WAAAI,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,4BAA4BJ,CAAS,EAC5E,CAAA,WAAEK,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAC/DK,EAAmBC,kBAAgBR,EAAW,CAAE,WAAYC,EAAW,KAAA,WAAMG,EAAY,WAAAC,EAAY,EAE3G,OACEI,MAACT,EAAA,CAAW,GAAGK,EAAa,GAAGE,EAAkB,KAAMR,EAAU,KAAM,IAAAJ,EACpE,SAAAG,CAAA,CACH,CAEJ,EAEMY,EAAsBC,EAAAA,WAC1BlB,CACF,EAEAiB,EAAoB,gBAAkB,sBACtCA,EAAoB,YAAc"}

package/dist/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSTABLE_HeaderLogo.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<HeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAAyC;AAAA,EAC7C,aAAa;AACf,GAEMC,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAA4B,UAAAM,GAAU,GAAGC,MAAcH,GAEpFI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA4BJ,CAAS,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,MAAMR,EAAU,MAAM,KAAAJ,GACpE,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAsBC;AAAA,EAC1BlB;AACF;AAEAiB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}
+{"version":3,"file":"UNSTABLE_HeaderLogo.js","sources":["../../../src/components/UNSTABLE_Header/UNSTABLE_HeaderLogo.tsx"],"sourcesContent":["'use client';\n\nimport React, { type ElementType, forwardRef } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport {\n  type HeaderLogoProps,\n  type PolymorphicComponent,\n  type PolymorphicRef,\n  type SpiritHeaderLogoProps,\n} from '../../types';\nimport { mergeStyleProps } from '../../utils';\nimport { useUnstableHeaderStyleProps } from './useUnstableHeaderStyleProps';\n\nconst defaultProps: Partial<SpiritHeaderLogoProps> = {\n  elementType: 'a',\n};\n\nconst _HeaderLogo = <E extends ElementType = 'a'>(\n  props: SpiritHeaderLogoProps<E>,\n  ref: PolymorphicRef<E>,\n): JSX.Element => {\n  const propsWithDefaults = { ...defaultProps, ...props };\n  const { elementType = defaultProps.elementType as ElementType, children, ...restProps } = propsWithDefaults;\n\n  const Component = elementType as ElementType;\n\n  const { classProps, props: modifiedProps } = useUnstableHeaderStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n  const mergedStyleProps = mergeStyleProps(Component, { classProps: classProps.logo, styleProps, otherProps });\n\n  return (\n    <Component {...otherProps} {...mergedStyleProps} href={restProps.href} ref={ref}>\n      {children}\n    </Component>\n  );\n};\n\nconst UNSTABLE_HeaderLogo = forwardRef<HTMLAnchorElement, SpiritHeaderLogoProps<'a'>>(\n  _HeaderLogo,\n) as unknown as PolymorphicComponent<'a', HeaderLogoProps>;\n\nUNSTABLE_HeaderLogo.spiritComponent = 'UNSTABLE_HeaderLogo';\nUNSTABLE_HeaderLogo.displayName = 'UNSTABLE_HeaderLogo';\n\nexport default UNSTABLE_HeaderLogo;\n"],"names":["defaultProps","_HeaderLogo","props","ref","propsWithDefaults","elementType","children","restProps","Component","classProps","modifiedProps","useUnstableHeaderStyleProps","styleProps","otherProps","useStyleProps","mergedStyleProps","mergeStyleProps","jsx","UNSTABLE_HeaderLogo","forwardRef"],"mappings":";;;;;;AAaA,MAAMA,IAA+C;AAAA,EACnD,aAAa;AACf,GAEMC,IAAc,CAClBC,GACAC,MACgB;AAChB,QAAMC,IAAoB,EAAE,GAAGJ,GAAc,GAAGE,EAAA,GAC1C,EAAE,aAAAG,IAAcL,EAAa,aAA4B,UAAAM,GAAU,GAAGC,MAAcH,GAEpFI,IAAYH,GAEZ,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAkBC,EAA4BJ,CAAS,GAC5E,EAAE,YAAAK,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa,GAC/DK,IAAmBC,EAAgBR,GAAW,EAAE,YAAYC,EAAW,MAAM,YAAAG,GAAY,YAAAC,GAAY;AAE3G,SACE,gBAAAI,EAACT,GAAA,EAAW,GAAGK,GAAa,GAAGE,GAAkB,MAAMR,EAAU,MAAM,KAAAJ,GACpE,UAAAG,EAAA,CACH;AAEJ,GAEMY,IAAsBC;AAAA,EAC1BlB;AACF;AAEAiB,EAAoB,kBAAkB;AACtCA,EAAoB,cAAc;"}

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs"),c=e=>{const{hasBottomDivider:o=!1,...r}=e,s=i.useClassNamePrefix("UNSTABLE_Header"),t=`${s}Logo`,a=`${s}--bottomDivider`;return{classProps:{root:l(s,{[a]:o}),logo:t},props:r}};exports.useUnstableHeaderStyleProps=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("classnames"),i=require("../../hooks/useClassNamePrefix.cjs"),c=s=>{const{hasBottomDivider:o=!1,...r}=s,e=i.useClassNamePrefix("UNSTABLE_Header"),t=`${e}Logo`,a=`${e}--bottomDivider`;return{classProps:{root:l(e,{[a]:o}),logo:t},props:r}};exports.useUnstableHeaderStyleProps=c;
 //# sourceMappingURL=useUnstableHeaderStyleProps.cjs.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUnstableHeaderStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":"8JAYaA,EAA+BC,GAA8D,CACxG,KAAM,CAAE,iBAAAC,EAAmB,GAAO,GAAGC,GAAcF,EAE7CG,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAkB,GAAGF,CAAW,OAChCG,EAA8B,GAAGH,CAAW,kBAMlD,MAAO,CACL,WAAY,CACV,KANcI,EAAWJ,EAAa,CACxC,CAACG,CAA2B,EAAGL,CAAA,CAChC,EAKG,KAAMI,CAAA,EAER,MAAOH,CAAA,CAEX"}
+{"version":3,"file":"useUnstableHeaderStyleProps.cjs","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  return {\n    classProps: {\n      root: classNames(headerClass, {\n        [headerHasBottomDividerClass]: hasBottomDivider,\n      }),\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":"8JAYaA,EAA+BC,GAA8D,CACxG,KAAM,CAAE,iBAAAC,EAAmB,GAAO,GAAGC,GAAcF,EAE7CG,EAAcC,EAAAA,mBAAmB,iBAAiB,EAClDC,EAAkB,GAAGF,CAAW,OAChCG,EAA8B,GAAGH,CAAW,kBAElD,MAAO,CACL,WAAY,CACV,KAAMI,EAAWJ,EAAa,CAC5B,CAACG,CAA2B,EAAGL,CAAA,CAChC,EACD,KAAMI,CAAA,EAER,MAAOH,CAAA,CAEX"}

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js

@@ -1,10 +1,10 @@
-import l from "classnames";
-import { useClassNamePrefix as i } from "../../hooks/useClassNamePrefix.js";
-const n = (o) => {
-  const { hasBottomDivider: e = !1, ...r } = o, s = i("UNSTABLE_Header"), t = `${s}Logo`, a = `${s}--bottomDivider`;
+import i from "classnames";
+import { useClassNamePrefix as l } from "../../hooks/useClassNamePrefix.js";
+const d = (o) => {
+  const { hasBottomDivider: e = !1, ...r } = o, s = l("UNSTABLE_Header"), t = `${s}Logo`, a = `${s}--bottomDivider`;
   return {
     classProps: {
-      root: l(s, {
+      root: i(s, {
         [a]: e
       }),
       logo: t
@@ -13,6 +13,6 @@ const n = (o) => {
   };
 };
 export {
-  n as useUnstableHeaderStyleProps
+  d as useUnstableHeaderStyleProps
 };
 //# sourceMappingURL=useUnstableHeaderStyleProps.js.map

package/dist/components/UNSTABLE_Header/useUnstableHeaderStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUnstableHeaderStyleProps.js","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  const rootClass = classNames(headerClass, {\n    [headerHasBottomDividerClass]: hasBottomDivider,\n  });\n\n  return {\n    classProps: {\n      root: rootClass,\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":";;AAYO,MAAMA,IAA8B,CAACC,MAA8D;AACxG,QAAM,EAAE,kBAAAC,IAAmB,IAAO,GAAGC,MAAcF,GAE7CG,IAAcC,EAAmB,iBAAiB,GAClDC,IAAkB,GAAGF,CAAW,QAChCG,IAA8B,GAAGH,CAAW;AAMlD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MANcI,EAAWJ,GAAa;AAAA,QACxC,CAACG,CAA2B,GAAGL;AAAA,MAAA,CAChC;AAAA,MAKG,MAAMI;AAAA,IAAA;AAAA,IAER,OAAOH;AAAA,EAAA;AAEX;"}
+{"version":3,"file":"useUnstableHeaderStyleProps.js","sources":["../../../src/components/UNSTABLE_Header/useUnstableHeaderStyleProps.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useClassNamePrefix } from '../../hooks';\nimport { type SpiritHeaderProps } from '../../types';\n\nexport interface HeaderStyles<T> {\n  classProps: {\n    root: string;\n    logo: string;\n  };\n  props: T;\n}\n\nexport const useUnstableHeaderStyleProps = (props: SpiritHeaderProps): HeaderStyles<SpiritHeaderProps> => {\n  const { hasBottomDivider = false, ...restProps } = props;\n\n  const headerClass = useClassNamePrefix('UNSTABLE_Header');\n  const headerLogoClass = `${headerClass}Logo`;\n  const headerHasBottomDividerClass = `${headerClass}--bottomDivider`;\n\n  return {\n    classProps: {\n      root: classNames(headerClass, {\n        [headerHasBottomDividerClass]: hasBottomDivider,\n      }),\n      logo: headerLogoClass,\n    },\n    props: restProps,\n  };\n};\n"],"names":["useUnstableHeaderStyleProps","props","hasBottomDivider","restProps","headerClass","useClassNamePrefix","headerLogoClass","headerHasBottomDividerClass","classNames"],"mappings":";;AAYO,MAAMA,IAA8B,CAACC,MAA8D;AACxG,QAAM,EAAE,kBAAAC,IAAmB,IAAO,GAAGC,MAAcF,GAE7CG,IAAcC,EAAmB,iBAAiB,GAClDC,IAAkB,GAAGF,CAAW,QAChCG,IAA8B,GAAGH,CAAW;AAElD,SAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAMI,EAAWJ,GAAa;AAAA,QAC5B,CAACG,CAA2B,GAAGL;AAAA,MAAA,CAChC;AAAA,MACD,MAAMI;AAAA,IAAA;AAAA,IAER,OAAOH;AAAA,EAAA;AAEX;"}

package/dist/components/UNSTABLE_Header.d.ts

@@ -1,2 +1,2 @@
-export * from './UNSTABLE_Header/index'
+export * from '../src/components/UNSTABLE_Header/index'
 export {}

package/dist/components/UNSTABLE_Picker.d.ts

@@ -1,2 +1,2 @@
-export * from './UNSTABLE_Picker/index'
+export * from '../src/components/UNSTABLE_Picker/index'
 export {}

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.cjs

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

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Table.cjs","sources":["../../../src/components/UNSTABLE_Table/UNSTABLE_Table.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTableProps } from './types';\nimport { useUnstableTableStyleProps } from './useUnstableTableStyleProps';\n\nconst UNSTABLE_Table = (props: SpiritTableProps): ReactElement => {\n  const { children, ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = useUnstableTableStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <table {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </table>\n  );\n};\n\nUNSTABLE_Table.spiritComponent = 'UNSTABLE_Table';\n\nexport default UNSTABLE_Table;\n"],"names":["UNSTABLE_Table","props","children","restProps","classProps","modifiedProps","useUnstableTableStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":"4QAQMA,EAAkBC,GAA0C,CAChE,KAAM,CAAE,SAAAC,EAAU,GAAGC,CAAA,EAAcF,EAE7B,CAAE,WAAAG,EAAY,MAAOC,CAAA,EAAkBC,EAAAA,2BAA2BH,CAAS,EAC3E,CAAA,WAAEI,EAAY,MAAOC,CAAA,EAAeC,EAAAA,cAAcJ,CAAa,EAErE,OACEK,EAAAA,IAAC,QAAA,CAAO,GAAGF,EAAY,UAAWG,EAAWP,EAAW,KAAMG,EAAW,SAAS,EAAG,MAAOA,EAAW,MACpG,SAAAL,EACH,CAEJ,EAEAF,EAAe,gBAAkB"}

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.js

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

package/dist/components/UNSTABLE_Table/UNSTABLE_Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_Table.js","sources":["../../../src/components/UNSTABLE_Table/UNSTABLE_Table.tsx"],"sourcesContent":["'use client';\n\nimport classNames from 'classnames';\nimport React, { type ReactElement } from 'react';\nimport { useStyleProps } from '../../hooks';\nimport { type SpiritTableProps } from './types';\nimport { useUnstableTableStyleProps } from './useUnstableTableStyleProps';\n\nconst UNSTABLE_Table = (props: SpiritTableProps): ReactElement => {\n  const { children, ...restProps } = props;\n\n  const { classProps, props: modifiedProps } = useUnstableTableStyleProps(restProps);\n  const { styleProps, props: otherProps } = useStyleProps(modifiedProps);\n\n  return (\n    <table {...otherProps} className={classNames(classProps.root, styleProps.className)} style={styleProps.style}>\n      {children}\n    </table>\n  );\n};\n\nUNSTABLE_Table.spiritComponent = 'UNSTABLE_Table';\n\nexport default UNSTABLE_Table;\n"],"names":["UNSTABLE_Table","props","children","restProps","classProps","modifiedProps","useUnstableTableStyleProps","styleProps","otherProps","useStyleProps","jsx","classNames"],"mappings":";;;;;AAQA,MAAMA,IAAiB,CAACC,MAA0C;AAChE,QAAM,EAAE,UAAAC,GAAU,GAAGC,EAAA,IAAcF,GAE7B,EAAE,YAAAG,GAAY,OAAOC,EAAA,IAAkBC,EAA2BH,CAAS,GAC3E,EAAE,YAAAI,GAAY,OAAOC,EAAA,IAAeC,EAAcJ,CAAa;AAErE,SACE,gBAAAK,EAAC,SAAA,EAAO,GAAGF,GAAY,WAAWG,EAAWP,EAAW,MAAMG,EAAW,SAAS,GAAG,OAAOA,EAAW,OACpG,UAAAL,GACH;AAEJ;AAEAF,EAAe,kBAAkB;"}

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../UNSTABLE_Table.cjs"),t=()=>e.jsxs(d.default,{isBordered:!0,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"ID"}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Date"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"001"}),e.jsx("td",{children:"Active"}),e.jsx("td",{children:"2025-10-29"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"002"}),e.jsx("td",{children:"Pending"}),e.jsx("td",{children:"2025-10-28"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"003"}),e.jsx("td",{children:"Completed"}),e.jsx("td",{children:"2025-10-27"})]})]})]});exports.default=t;
+//# sourceMappingURL=UNSTABLE_TableBordered.cjs.map

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_TableBordered.cjs","sources":["../../../../src/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.tsx"],"sourcesContent":["import React from 'react';\nimport UNSTABLE_Table from '../UNSTABLE_Table';\n\nconst UNSTABLE_TableBordered = () => (\n  <UNSTABLE_Table isBordered>\n    <thead>\n      <tr>\n        <th>ID</th>\n        <th>Status</th>\n        <th>Date</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>001</td>\n        <td>Active</td>\n        <td>2025-10-29</td>\n      </tr>\n      <tr>\n        <td>002</td>\n        <td>Pending</td>\n        <td>2025-10-28</td>\n      </tr>\n      <tr>\n        <td>003</td>\n        <td>Completed</td>\n        <td>2025-10-27</td>\n      </tr>\n    </tbody>\n  </UNSTABLE_Table>\n);\n\nexport default UNSTABLE_TableBordered;\n"],"names":["UNSTABLE_TableBordered","jsxs","UNSTABLE_Table","jsx"],"mappings":"oLAGMA,EAAyB,IAC7BC,EAAAA,KAACC,EAAAA,QAAA,CAAe,WAAU,GACxB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,gBAAC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,IAAA,CAAE,EACNA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,EACVA,EAAAA,IAAC,MAAG,SAAA,MAAA,CAAI,CAAA,CAAA,CACV,CAAA,CACF,SACC,QAAA,CACC,SAAA,CAAAF,OAAC,KAAA,CACC,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,EACPA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,EACVA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,CAAA,EAChB,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,EACPA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,EACXA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,CAAA,EAChB,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,EACPA,EAAAA,IAAC,MAAG,SAAA,WAAA,CAAS,EACbA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,CAAA,CAAA,CAChB,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.js

@@ -0,0 +1,30 @@
+import { jsxs as e, jsx as d } from "react/jsx-runtime";
+import r from "../UNSTABLE_Table.js";
+const h = () => /* @__PURE__ */ e(r, { isBordered: !0, children: [
+  /* @__PURE__ */ d("thead", { children: /* @__PURE__ */ e("tr", { children: [
+    /* @__PURE__ */ d("th", { children: "ID" }),
+    /* @__PURE__ */ d("th", { children: "Status" }),
+    /* @__PURE__ */ d("th", { children: "Date" })
+  ] }) }),
+  /* @__PURE__ */ e("tbody", { children: [
+    /* @__PURE__ */ e("tr", { children: [
+      /* @__PURE__ */ d("td", { children: "001" }),
+      /* @__PURE__ */ d("td", { children: "Active" }),
+      /* @__PURE__ */ d("td", { children: "2025-10-29" })
+    ] }),
+    /* @__PURE__ */ e("tr", { children: [
+      /* @__PURE__ */ d("td", { children: "002" }),
+      /* @__PURE__ */ d("td", { children: "Pending" }),
+      /* @__PURE__ */ d("td", { children: "2025-10-28" })
+    ] }),
+    /* @__PURE__ */ e("tr", { children: [
+      /* @__PURE__ */ d("td", { children: "003" }),
+      /* @__PURE__ */ d("td", { children: "Completed" }),
+      /* @__PURE__ */ d("td", { children: "2025-10-27" })
+    ] })
+  ] })
+] });
+export {
+  h as default
+};
+//# sourceMappingURL=UNSTABLE_TableBordered.js.map

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_TableBordered.js","sources":["../../../../src/components/UNSTABLE_Table/demo/UNSTABLE_TableBordered.tsx"],"sourcesContent":["import React from 'react';\nimport UNSTABLE_Table from '../UNSTABLE_Table';\n\nconst UNSTABLE_TableBordered = () => (\n  <UNSTABLE_Table isBordered>\n    <thead>\n      <tr>\n        <th>ID</th>\n        <th>Status</th>\n        <th>Date</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>001</td>\n        <td>Active</td>\n        <td>2025-10-29</td>\n      </tr>\n      <tr>\n        <td>002</td>\n        <td>Pending</td>\n        <td>2025-10-28</td>\n      </tr>\n      <tr>\n        <td>003</td>\n        <td>Completed</td>\n        <td>2025-10-27</td>\n      </tr>\n    </tbody>\n  </UNSTABLE_Table>\n);\n\nexport default UNSTABLE_TableBordered;\n"],"names":["UNSTABLE_TableBordered","jsxs","UNSTABLE_Table","jsx"],"mappings":";;AAGA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EAAe,YAAU,IACxB,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,IAAA,gBAAAA,EAAC,QAAG,UAAA,KAAA,CAAE;AAAA,IACN,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,IACV,gBAAAA,EAAC,QAAG,UAAA,OAAA,CAAI;AAAA,EAAA,EAAA,CACV,EAAA,CACF;AAAA,oBACC,SAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,MACP,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,IAAA,GAChB;AAAA,sBACC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,MACP,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,MACX,gBAAAA,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,IAAA,GAChB;AAAA,sBACC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,MAAA,CAAG;AAAA,MACP,gBAAAA,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,IAAA,EAAA,CAChB;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),d=require("../UNSTABLE_Table.cjs"),t=()=>e.jsxs(d.default,{isStriped:!0,isBordered:!0,isHoverable:!0,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Project"}),e.jsx("th",{children:"Client"}),e.jsx("th",{children:"Status"}),e.jsx("th",{children:"Budget"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"Website Redesign"}),e.jsx("td",{children:"Acme Corp"}),e.jsx("td",{children:"In Progress"}),e.jsx("td",{children:"$50,000"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Mobile App"}),e.jsx("td",{children:"TechStart Inc"}),e.jsx("td",{children:"Planning"}),e.jsx("td",{children:"$75,000"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"API Integration"}),e.jsx("td",{children:"DataFlow Ltd"}),e.jsx("td",{children:"Completed"}),e.jsx("td",{children:"$30,000"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"Brand Guidelines"}),e.jsx("td",{children:"Creative Co"}),e.jsx("td",{children:"Review"}),e.jsx("td",{children:"$15,000"})]})]})]});exports.default=t;
+//# sourceMappingURL=UNSTABLE_TableCombined.cjs.map

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_TableCombined.cjs","sources":["../../../../src/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.tsx"],"sourcesContent":["import React from 'react';\nimport UNSTABLE_Table from '../UNSTABLE_Table';\n\nconst UNSTABLE_TableCombined = () => (\n  <UNSTABLE_Table isStriped isBordered isHoverable>\n    <thead>\n      <tr>\n        <th>Project</th>\n        <th>Client</th>\n        <th>Status</th>\n        <th>Budget</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Website Redesign</td>\n        <td>Acme Corp</td>\n        <td>In Progress</td>\n        <td>$50,000</td>\n      </tr>\n      <tr>\n        <td>Mobile App</td>\n        <td>TechStart Inc</td>\n        <td>Planning</td>\n        <td>$75,000</td>\n      </tr>\n      <tr>\n        <td>API Integration</td>\n        <td>DataFlow Ltd</td>\n        <td>Completed</td>\n        <td>$30,000</td>\n      </tr>\n      <tr>\n        <td>Brand Guidelines</td>\n        <td>Creative Co</td>\n        <td>Review</td>\n        <td>$15,000</td>\n      </tr>\n    </tbody>\n  </UNSTABLE_Table>\n);\n\nexport default UNSTABLE_TableCombined;\n"],"names":["UNSTABLE_TableCombined","jsxs","UNSTABLE_Table","jsx"],"mappings":"oLAGMA,EAAyB,IAC7BC,EAAAA,KAACC,EAAAA,QAAA,CAAe,UAAS,GAAC,WAAU,GAAC,YAAW,GAC9C,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,gBAAC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,EACXA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,EACVA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,EACVA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,CAAA,CAAA,CACZ,CAAA,CACF,SACC,QAAA,CACC,SAAA,CAAAF,OAAC,KAAA,CACC,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,kBAAA,CAAgB,EACpBA,EAAAA,IAAC,MAAG,SAAA,WAAA,CAAS,EACbA,EAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,EACfA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,CAAA,EACb,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,EACdA,EAAAA,IAAC,MAAG,SAAA,eAAA,CAAa,EACjBA,EAAAA,IAAC,MAAG,SAAA,UAAA,CAAQ,EACZA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,CAAA,EACb,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,iBAAA,CAAe,EACnBA,EAAAA,IAAC,MAAG,SAAA,cAAA,CAAY,EAChBA,EAAAA,IAAC,MAAG,SAAA,WAAA,CAAS,EACbA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,CAAA,EACb,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,kBAAA,CAAgB,EACpBA,EAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,EACfA,EAAAA,IAAC,MAAG,SAAA,QAAA,CAAM,EACVA,EAAAA,IAAC,MAAG,SAAA,SAAA,CAAO,CAAA,CAAA,CACb,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.js

@@ -0,0 +1,40 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import r from "../UNSTABLE_Table.js";
+const n = () => /* @__PURE__ */ d(r, { isStriped: !0, isBordered: !0, isHoverable: !0, children: [
+  /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ d("tr", { children: [
+    /* @__PURE__ */ e("th", { children: "Project" }),
+    /* @__PURE__ */ e("th", { children: "Client" }),
+    /* @__PURE__ */ e("th", { children: "Status" }),
+    /* @__PURE__ */ e("th", { children: "Budget" })
+  ] }) }),
+  /* @__PURE__ */ d("tbody", { children: [
+    /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { children: "Website Redesign" }),
+      /* @__PURE__ */ e("td", { children: "Acme Corp" }),
+      /* @__PURE__ */ e("td", { children: "In Progress" }),
+      /* @__PURE__ */ e("td", { children: "$50,000" })
+    ] }),
+    /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { children: "Mobile App" }),
+      /* @__PURE__ */ e("td", { children: "TechStart Inc" }),
+      /* @__PURE__ */ e("td", { children: "Planning" }),
+      /* @__PURE__ */ e("td", { children: "$75,000" })
+    ] }),
+    /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { children: "API Integration" }),
+      /* @__PURE__ */ e("td", { children: "DataFlow Ltd" }),
+      /* @__PURE__ */ e("td", { children: "Completed" }),
+      /* @__PURE__ */ e("td", { children: "$30,000" })
+    ] }),
+    /* @__PURE__ */ d("tr", { children: [
+      /* @__PURE__ */ e("td", { children: "Brand Guidelines" }),
+      /* @__PURE__ */ e("td", { children: "Creative Co" }),
+      /* @__PURE__ */ e("td", { children: "Review" }),
+      /* @__PURE__ */ e("td", { children: "$15,000" })
+    ] })
+  ] })
+] });
+export {
+  n as default
+};
+//# sourceMappingURL=UNSTABLE_TableCombined.js.map

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_TableCombined.js","sources":["../../../../src/components/UNSTABLE_Table/demo/UNSTABLE_TableCombined.tsx"],"sourcesContent":["import React from 'react';\nimport UNSTABLE_Table from '../UNSTABLE_Table';\n\nconst UNSTABLE_TableCombined = () => (\n  <UNSTABLE_Table isStriped isBordered isHoverable>\n    <thead>\n      <tr>\n        <th>Project</th>\n        <th>Client</th>\n        <th>Status</th>\n        <th>Budget</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>Website Redesign</td>\n        <td>Acme Corp</td>\n        <td>In Progress</td>\n        <td>$50,000</td>\n      </tr>\n      <tr>\n        <td>Mobile App</td>\n        <td>TechStart Inc</td>\n        <td>Planning</td>\n        <td>$75,000</td>\n      </tr>\n      <tr>\n        <td>API Integration</td>\n        <td>DataFlow Ltd</td>\n        <td>Completed</td>\n        <td>$30,000</td>\n      </tr>\n      <tr>\n        <td>Brand Guidelines</td>\n        <td>Creative Co</td>\n        <td>Review</td>\n        <td>$15,000</td>\n      </tr>\n    </tbody>\n  </UNSTABLE_Table>\n);\n\nexport default UNSTABLE_TableCombined;\n"],"names":["UNSTABLE_TableCombined","jsxs","UNSTABLE_Table","jsx"],"mappings":";;AAGA,MAAMA,IAAyB,MAC7B,gBAAAC,EAACC,GAAA,EAAe,WAAS,IAAC,YAAU,IAAC,aAAW,IAC9C,UAAA;AAAA,EAAA,gBAAAC,EAAC,SAAA,EACC,4BAAC,MAAA,EACC,UAAA;AAAA,IAAA,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IACX,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,IACV,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,IACV,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,EAAA,EAAA,CACZ,EAAA,CACF;AAAA,oBACC,SAAA,EACC,UAAA;AAAA,IAAA,gBAAAF,EAAC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,MACpB,gBAAAA,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACb;AAAA,sBACC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,aAAA,CAAU;AAAA,MACd,gBAAAA,EAAC,QAAG,UAAA,gBAAA,CAAa;AAAA,MACjB,gBAAAA,EAAC,QAAG,UAAA,WAAA,CAAQ;AAAA,MACZ,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACb;AAAA,sBACC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,kBAAA,CAAe;AAAA,MACnB,gBAAAA,EAAC,QAAG,UAAA,eAAA,CAAY;AAAA,MAChB,gBAAAA,EAAC,QAAG,UAAA,YAAA,CAAS;AAAA,MACb,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,GACb;AAAA,sBACC,MAAA,EACC,UAAA;AAAA,MAAA,gBAAAA,EAAC,QAAG,UAAA,mBAAA,CAAgB;AAAA,MACpB,gBAAAA,EAAC,QAAG,UAAA,cAAA,CAAW;AAAA,MACf,gBAAAA,EAAC,QAAG,UAAA,SAAA,CAAM;AAAA,MACV,gBAAAA,EAAC,QAAG,UAAA,UAAA,CAAO;AAAA,IAAA,EAAA,CACb;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF;"}

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCompact.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),t=require("../UNSTABLE_Table.cjs"),d=()=>e.jsxs(t.default,{isCompact:!0,children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{children:"Code"}),e.jsx("th",{children:"Description"}),e.jsx("th",{children:"Value"})]})}),e.jsxs("tbody",{children:[e.jsxs("tr",{children:[e.jsx("td",{children:"A1"}),e.jsx("td",{children:"First item"}),e.jsx("td",{children:"100"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"B2"}),e.jsx("td",{children:"Second item"}),e.jsx("td",{children:"200"})]}),e.jsxs("tr",{children:[e.jsx("td",{children:"C3"}),e.jsx("td",{children:"Third item"}),e.jsx("td",{children:"300"})]})]})]});exports.default=d;
+//# sourceMappingURL=UNSTABLE_TableCompact.cjs.map

package/dist/components/UNSTABLE_Table/demo/UNSTABLE_TableCompact.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"UNSTABLE_TableCompact.cjs","sources":["../../../../src/components/UNSTABLE_Table/demo/UNSTABLE_TableCompact.tsx"],"sourcesContent":["import React from 'react';\nimport UNSTABLE_Table from '../UNSTABLE_Table';\n\nconst UNSTABLE_TableCompact = () => (\n  <UNSTABLE_Table isCompact>\n    <thead>\n      <tr>\n        <th>Code</th>\n        <th>Description</th>\n        <th>Value</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>A1</td>\n        <td>First item</td>\n        <td>100</td>\n      </tr>\n      <tr>\n        <td>B2</td>\n        <td>Second item</td>\n        <td>200</td>\n      </tr>\n      <tr>\n        <td>C3</td>\n        <td>Third item</td>\n        <td>300</td>\n      </tr>\n    </tbody>\n  </UNSTABLE_Table>\n);\n\nexport default UNSTABLE_TableCompact;\n"],"names":["UNSTABLE_TableCompact","jsxs","UNSTABLE_Table","jsx"],"mappings":"oLAGMA,EAAwB,IAC5BC,EAAAA,KAACC,EAAAA,QAAA,CAAe,UAAS,GACvB,SAAA,CAAAC,EAAAA,IAAC,QAAA,CACC,gBAAC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,MAAA,CAAI,EACRA,EAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,EACfA,EAAAA,IAAC,MAAG,SAAA,OAAA,CAAK,CAAA,CAAA,CACX,CAAA,CACF,SACC,QAAA,CACC,SAAA,CAAAF,OAAC,KAAA,CACC,SAAA,CAAAE,EAAAA,IAAC,MAAG,SAAA,IAAA,CAAE,EACNA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,EACdA,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,CAAA,EACT,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,IAAA,CAAE,EACNA,EAAAA,IAAC,MAAG,SAAA,aAAA,CAAW,EACfA,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,CAAA,EACT,SACC,KAAA,CACC,SAAA,CAAAA,EAAAA,IAAC,MAAG,SAAA,IAAA,CAAE,EACNA,EAAAA,IAAC,MAAG,SAAA,YAAA,CAAU,EACdA,EAAAA,IAAC,MAAG,SAAA,KAAA,CAAG,CAAA,CAAA,CACT,CAAA,CAAA,CACF,CAAA,CAAA,CACF"}