smarthr-ui 75.3.0 → 75.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
2
- import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
2
+ import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.23_react@19.1.1/vendor/react-innertext/index.js';
3
3
 
4
- var lodash_mergeExports = requireLodash_merge();
5
- var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
4
+ var reactInnertextExports = requireReactInnertext();
5
+ var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
6
6
 
7
- export { _merge as default };
7
+ export { innerText as default };
8
8
  //# sourceMappingURL=index.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
2
- import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
2
+ import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
3
3
 
4
- var lodash_rangeExports = requireLodash_range();
5
- var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
4
+ var lodash_mergeExports = requireLodash_merge();
5
+ var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
6
6
 
7
- export { _range as default };
7
+ export { _merge as default };
8
8
  //# sourceMappingURL=index2.js.map
@@ -1,8 +1,8 @@
1
1
  import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
2
- import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.23_react@19.1.1/vendor/react-innertext/index.js';
2
+ import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
3
3
 
4
- var reactInnertextExports = requireReactInnertext();
5
- var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
4
+ var lodash_rangeExports = requireLodash_range();
5
+ var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
6
6
 
7
- export { innerText as default };
7
+ export { _range as default };
8
8
  //# sourceMappingURL=index3.js.map
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { memo, useMemo, useRef, useState, useCallback, useImperativeHandle, useEffect, useId } from 'react';
4
- import innerText from '../../../_virtual/index3.js';
4
+ import innerText from '../../../_virtual/index.js';
5
5
  import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
6
6
  import { useOuterClick } from '../../../hooks/useOuterClick.js';
7
7
  import '../../../intl/IntlProvider.js';
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
4
- import innerText from '../../../_virtual/index3.js';
4
+ import innerText from '../../../_virtual/index.js';
5
5
  import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
6
6
  import { useClick } from '../../../hooks/useClick.js';
7
7
  import { useDecorators } from '../../../hooks/useDecorators.js';
@@ -1,4 +1,4 @@
1
- import innerText from '../../_virtual/index3.js';
1
+ import innerText from '../../_virtual/index.js';
2
2
 
3
3
  function convertMatchableString(original) {
4
4
  return (original
@@ -1,5 +1,5 @@
1
1
  import { useCallback, useId, useMemo } from 'react';
2
- import innerText from '../../_virtual/index3.js';
2
+ import innerText from '../../_virtual/index.js';
3
3
  import { areItemsEqual, convertMatchableString } from './helper.js';
4
4
 
5
5
  const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => areItemsEqual(item, targetItem));
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { memo, useContext, useMemo, useRef, Children, isValidElement, Fragment, cloneElement } from 'react';
4
- import innerText from '../../../_virtual/index3.js';
4
+ import innerText from '../../../_virtual/index.js';
5
5
  import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
6
6
  import { DropdownContext, Dropdown } from '../Dropdown.js';
7
7
  import { DropdownTrigger } from '../DropdownTrigger.js';
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useMemo } from 'react';
4
- import innerText from '../../../_virtual/index3.js';
4
+ import innerText from '../../../_virtual/index.js';
5
5
  import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
6
6
  import { useDecorators } from '../../../hooks/useDecorators.js';
7
7
  import { useResponseStatus } from '../../../hooks/useResponseStatus.js';
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { memo, useMemo, useId, useRef, Fragment as Fragment$1, createElement, useEffect } from 'react';
3
3
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
4
- import innerText from '../../_virtual/index3.js';
4
+ import innerText from '../../_virtual/index.js';
5
5
  import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
6
6
  import { FaCircleExclamationIcon } from '../Icon/Icon.js';
7
7
  import '../Icon/generateIcon.js';
@@ -11,7 +11,7 @@ const classNameGenerator = ce({
11
11
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
12
12
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
13
13
  ],
14
- wrapper: 'shr-p-0',
14
+ wrapper: 'shr-w-min shr-p-0',
15
15
  checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
16
16
  },
17
17
  });
@@ -26,8 +26,7 @@ const TdCheckbox = forwardRef(({ vAlign, fixed, children, className, ...rest },
26
26
  }, [className]);
27
27
  return (
28
28
  // Td に必要な属性やイベントは不要
29
- // contentWidth={0} td をテーブルの計算上最小幅にする
30
- jsx(Td, { contentWidth: 0, vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
29
+ jsx(Td, { vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
31
30
  });
32
31
 
33
32
  export { TdCheckbox };
@@ -1 +1 @@
1
- {"version":3,"file":"TdCheckbox.js","sources":["../../../src/components/Table/TdCheckbox.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAcA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAClE,KAAA;AACF,CAAA,CAAC;MAEW,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;QAEzD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;;IAGEC,GAAA,CAAC,EAAE,EAAA,EAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC9EC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChCD,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAA,CAAI,EAC/D,QAAQ,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
1
+ {"version":3,"file":"TdCheckbox.js","sources":["../../../src/components/Table/TdCheckbox.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAcA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,mBAAmB;AAC5B,QAAA,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAClE,KAAA;AACF,CAAA,CAAC;MAEW,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;QAEzD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;IAEEC,GAAA,CAAC,EAAE,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAC7DC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
@@ -11,7 +11,7 @@ const classNameGenerator = ce({
11
11
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
12
12
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
13
13
  ],
14
- wrapper: 'shr-p-0',
14
+ wrapper: 'shr-w-min shr-p-0',
15
15
  radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
16
16
  },
17
17
  });
@@ -26,8 +26,7 @@ const TdRadioButton = forwardRef(({ vAlign, children, className, ...rest }, ref)
26
26
  }, [className]);
27
27
  return (
28
28
  // Td に必要な属性やイベントは不要
29
- // contentWidth={0} td をテーブルの計算上最小幅にする
30
- jsx(Td, { contentWidth: 0, vAlign: vAlign, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
29
+ jsx(Td, { vAlign: vAlign, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
31
30
  });
32
31
 
33
32
  export { TdRadioButton };
@@ -1 +1 @@
1
- {"version":3,"file":"TdRadioButton.js","sources":["../../../src/components/Table/TdRadioButton.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAeA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAC/D,KAAA;AACF,CAAA,CAAC;MAEW,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE;QAEtD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;;IAGEC,GAAA,CAAC,EAAE,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAChEC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
1
+ {"version":3,"file":"TdRadioButton.js","sources":["../../../src/components/Table/TdRadioButton.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAeA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,mBAAmB;AAC5B,QAAA,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAC/D,KAAA;AACF,CAAA,CAAC;MAEW,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE;QAEtD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;IAEEC,GAAA,CAAC,EAAE,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAC/CC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,QAAA,EAAA,CAChCD,IAAC,WAAW,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,CAAI,EAC/D,QAAQ,IAAIA,IAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
@@ -2,7 +2,7 @@
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import { memo, useMemo, useState, useRef, useId, useSyncExternalStore, useCallback, cloneElement } from 'react';
4
4
  import { createPortal } from 'react-dom';
5
- import innerText from '../../_virtual/index3.js';
5
+ import innerText from '../../_virtual/index.js';
6
6
  import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
7
7
  import { useEnhancedEffect } from '../../hooks/useEnhancedEffect.js';
8
8
  import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';
@@ -1,5 +1,5 @@
1
- import _merge from '../_virtual/index.js';
2
- import _range from '../_virtual/index2.js';
1
+ import _merge from '../_virtual/index2.js';
2
+ import _range from '../_virtual/index3.js';
3
3
 
4
4
  const merge = _merge;
5
5
  const range = _range;
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
13
13
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
14
14
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
15
15
  ],
16
- wrapper: 'shr-p-0',
16
+ wrapper: 'shr-w-min shr-p-0',
17
17
  checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
18
18
  },
19
19
  });
@@ -28,7 +28,6 @@ exports.TdCheckbox = (0, react_1.forwardRef)(({ vAlign, fixed, children, classNa
28
28
  }, [className]);
29
29
  return (
30
30
  // Td に必要な属性やイベントは不要
31
- // contentWidth={0} td をテーブルの計算上最小幅にする
32
- (0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
31
+ (0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
33
32
  });
34
33
  //# sourceMappingURL=TdCheckbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAClE;CACF,CAAC,CAAA;AAEW,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEzD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,wCAAwC;IACxC,uBAAC,OAAE,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC9E,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,mBAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
1
+ {"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAClE;CACF,CAAC,CAAA;AAEW,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEzD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC7D,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,mBAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
13
13
  'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
14
14
  '[&:not(:has([disabled]))]:shr-cursor-pointer',
15
15
  ],
16
- wrapper: 'shr-p-0',
16
+ wrapper: 'shr-w-min shr-p-0',
17
17
  radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
18
18
  },
19
19
  });
@@ -28,7 +28,6 @@ exports.TdRadioButton = (0, react_1.forwardRef)(({ vAlign, children, className,
28
28
  }, [className]);
29
29
  return (
30
30
  // Td に必要な属性やイベントは不要
31
- // contentWidth={0} td をテーブルの計算上最小幅にする
32
- (0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
31
+ (0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
33
32
  });
34
33
  //# sourceMappingURL=TdRadioButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAC/D;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEtD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,wCAAwC;IACxC,uBAAC,OAAE,IAAC,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAChE,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n // contentWidth={0} で td をテーブルの計算上最小幅にする\n <Td contentWidth={0} vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
1
+ {"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAC/D;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEtD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC/C,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "smarthr-ui",
3
3
  "description": "SmartHR ui components built with React.",
4
- "version": "75.3.0",
4
+ "version": "75.3.1",
5
5
  "author": "SmartHR-UI Team",
6
6
  "dependencies": {
7
7
  "@smarthr/wareki": "^1.3.0",
@@ -18,7 +18,7 @@
18
18
  "react-transition-group": "^4.4.5",
19
19
  "tailwind-variants": "^0.3.1",
20
20
  "tailwindcss": "^3.4.17",
21
- "typescript-eslint": "^8.38.0"
21
+ "typescript-eslint": "^8.39.0"
22
22
  },
23
23
  "devDependencies": {
24
24
  "@babel/core": "^7.28.0",
package/smarthr-ui.css CHANGED
@@ -1028,6 +1028,11 @@ a {
1028
1028
  width: 100%
1029
1029
  }
1030
1030
 
1031
+ .shr-w-min {
1032
+ width: -moz-min-content;
1033
+ width: min-content
1034
+ }
1035
+
1031
1036
  .shr-w-px {
1032
1037
  width: 1px
1033
1038
  }