chiplet 0.3.0-dev.3 → 0.3.0-dev.4

package/dist/component/checkbox/style/index.css

@@ -1,22 +1,22 @@
-.lxgrdun {
-  --lxgrdu0: var(--_15shvv45z);
+.lxgrduo {
+  --lxgrdu1: var(--_15shvv45v);
   display: flex;
   flex-direction: column;
-  gap: var(--lxgrdu0);
+  gap: var(--lxgrdu1);
   padding: unset;
   margin: unset;
   border: unset;
 }
-.lxgrduo {
-  --lxgrdu0: var(--_15shvv45z);
+.lxgrdup {
+  --lxgrdu1: var(--_15shvv45v);
   display: flex;
   flex-direction: column;
-  gap: var(--lxgrdu0);
+  gap: var(--lxgrdu1);
   padding: unset;
   margin: unset;
   border: unset;
 }
-.lxgrdup {
+.lxgrduq {
   --lxgrdu6: var(--_15shvv43y);
   --lxgrdu7: var(--_15shvv43z);
   --lxgrdu8: var(--_15shvv440);
@@ -26,65 +26,65 @@
   --lxgrduc: var(--_15shvv4y);
   --lxgrdud: pointer;
   --lxgrdue: not-allowed;
-  --lxgrduk: var(--_15shvv445);
+  --lxgrdun: var(--_15shvv445);
   position: relative;
   box-sizing: border-box;
   display: inline-flex;
   flex-shrink: 0;
   place-content: center;
   place-items: center;
-  inline-size: var(--lxgrdu5);
+  inline-size: var(--lxgrdu4);
   aspect-ratio: 1 / 1;
   vertical-align: top;
   color: var(--lxgrdu6);
   cursor: var(--lxgrdud);
   outline-offset: var(--_15shvv444);
-  transition: var(--lxgrduk);
-}
-.lxgrdup:has(:focus-visible) {
-  outline: var(--_15shvv4n);
+  transition: var(--lxgrdun);
 }
-.lxgrdup:has(:focus-visible, :hover) {
+.lxgrduq:has(:hover, :focus-visible) {
   --lxgrdu6: var(--lxgrdu7);
 }
-.lxgrdup:has(:active) {
+.lxgrduq:has(:focus-visible) {
+  outline: var(--_15shvv4n);
+}
+.lxgrduq:has(:active) {
   --lxgrdu6: var(--lxgrdu8);
 }
-.lxgrdup:has(:indeterminate, :checked) {
+.lxgrduq:has(:indeterminate, :checked) {
   --lxgrdu6: var(--lxgrdu9);
 }
-.lxgrdup:has(:indeterminate, :checked):where(:has(:focus-visible, :hover)) {
+.lxgrduq:has(:indeterminate, :checked):where(:has(:hover, :focus-visible)) {
   --lxgrdu6: var(--lxgrdua);
 }
-.lxgrdup:has(:indeterminate, :checked):where(:has(:active)) {
+.lxgrduq:has(:indeterminate, :checked):where(:has(:active)) {
   --lxgrdu6: var(--lxgrdub);
 }
-.lxgrdup:has(:disabled) {
+.lxgrduq:has(:disabled) {
   --lxgrdu6: var(--lxgrduc);
   --lxgrdud: var(--lxgrdue);
 }
-.lxgrduq {
-  --lxgrdu3: var(--_15shvv43x);
-  --lxgrdu5: var(--_15shvv43u);
-}
 .lxgrdur {
-  --lxgrdu3: var(--_15shvv43x);
-  --lxgrdu5: var(--_15shvv43v);
+  --lxgrdu0: var(--_15shvv43u);
+  --lxgrdu4: var(--_15shvv43v);
 }
 .lxgrdus {
-  --lxgrdu3: var(--_15shvv43x);
-  --lxgrdu5: var(--_15shvv43w);
+  --lxgrdu0: var(--_15shvv43u);
+  --lxgrdu4: var(--_15shvv43w);
 }
-.lxgrdup > input {
+.lxgrdut {
+  --lxgrdu0: var(--_15shvv43u);
+  --lxgrdu4: var(--_15shvv43x);
+}
+.lxgrduq > input {
   position: absolute;
-  inset: calc(-1 * var(--lxgrdu3));
+  inset: calc(-1 * var(--lxgrdu0));
   margin: 0;
   appearance: none;
   cursor: inherit;
   outline-color: transparent;
   border-radius: 50%;
 }
-.lxgrdut {
+.lxgrduu {
   position: absolute;
   inset: auto;
   inline-size: 100%;
@@ -92,27 +92,27 @@
   pointer-events: none;
   transition: inherit;
 }
-:not(:checked, :indeterminate) ~ .lxgrduu {
+:not(:checked, :indeterminate) ~ .lxgrduv {
   color: inherit;
 }
-:indeterminate ~ .lxgrduv {
+:indeterminate ~ .lxgrduw {
   color: inherit;
 }
-:checked ~ .lxgrduw {
+:checked ~ .lxgrdux {
   color: inherit;
 }
-.lxgrdux {
+.lxgrduy {
   color: inherit;
 }
-.lxgrduy {
+.lxgrduz {
   color: inherit;
   scale: 0;
 }
-:checked ~ .lxgrduy {
+:checked ~ .lxgrduz {
   scale: 1;
 }
-.lxgrduz {
-  --lxgrdu5: calc(var(--lxgrdu2) - var(--lxgrdu4) * 2);
+.lxgrdu10 {
+  --lxgrdu4: calc(var(--lxgrdu3) - var(--lxgrdu5) * 2);
   --lxgrdu6: var(--_15shvv44g);
   --lxgrdu9: var(--_15shvv44h);
   --lxgrduc: var(--_15shvv4y);
@@ -123,68 +123,76 @@
   --lxgrduh: var(--_15shvv4z);
   --lxgrdui: 1;
   --lxgrduj: 1.25;
-  --lxgrduk: var(--_15shvv44l);
-  --lxgrdul: var(--lxgrdu4);
-  --lxgrdum: calc(100% - var(--lxgrdu5) * var(--lxgrdui) - var(--lxgrdu4));
+  --lxgrduk: 1;
+  --lxgrdul: var(--lxgrdu5);
+  --lxgrdum: calc(var(--lxgrdu2) - var(--lxgrdu4) * var(--lxgrdui) - var(--lxgrdu5));
+  --lxgrdun: var(--_15shvv44l);
   position: relative;
-  inline-size: var(--lxgrdu1);
-  block-size: var(--lxgrdu2);
+  box-sizing: border-box;
+  display: inline-flex;
+  flex-shrink: 0;
+  place-content: center;
+  place-items: center;
+  inline-size: var(--lxgrdu2);
+  block-size: var(--lxgrdu3);
+  padding: var(--lxgrdu5);
   color: var(--lxgrdu6);
   cursor: var(--lxgrdud);
   outline-offset: var(--_15shvv44i);
   background: var(--lxgrduf);
-  border-radius: var(--lxgrdu2);
-  transition: var(--lxgrduk);
+  border-radius: var(--lxgrdu3);
+  transition: var(--lxgrdun);
 }
-.lxgrduz::after {
+.lxgrdu10::after {
   content: "";
   position: absolute;
-  inset-block-start: var(--lxgrdu4);
-  inset-inline-start: var(--lxgrdul);
-  inline-size: calc(var(--lxgrdu5) * var(--lxgrdui));
-  block-size: var(--lxgrdu5);
+  inset-inline-start: 0;
+  inline-size: calc(var(--lxgrdu4) * var(--lxgrdui));
+  block-size: var(--lxgrdu4);
   pointer-events: none;
   background: currentcolor;
-  border-radius: var(--lxgrdu5);
+  border-radius: inherit;
+  translate: var(--lxgrdul);
   transition: inherit;
 }
-.lxgrduz:has(:focus-visible) {
+.lxgrdu10:has(:focus-visible) {
   outline: var(--_15shvv4n);
 }
-.lxgrduz:has(:active) {
+.lxgrdu10:has(:active) {
   --lxgrdui: var(--lxgrduj);
 }
-.lxgrduz:has(:checked) {
+.lxgrdu10:has(:checked) {
   --lxgrdu6: var(--lxgrdu9);
   --lxgrduf: var(--lxgrdug);
   --lxgrdul: var(--lxgrdum);
 }
-.lxgrduz:has(:disabled) {
+.lxgrdu10:has(:disabled) {
   --lxgrdu6: var(--lxgrduc);
-  --lxgrduf: var(--lxgrduh);
   --lxgrdud: var(--lxgrdue);
-}
-.lxgrdu10 {
-  --lxgrdu1: var(--_15shvv447);
-  --lxgrdu2: var(--_15shvv44a);
-  --lxgrdu4: var(--_15shvv44d);
-  --lxgrdu3: var(--_15shvv446);
+  --lxgrduf: var(--lxgrduh);
+  --lxgrdui: var(--lxgrduk);
 }
 .lxgrdu11 {
-  --lxgrdu1: var(--_15shvv448);
-  --lxgrdu2: var(--_15shvv44b);
-  --lxgrdu4: var(--_15shvv44e);
-  --lxgrdu3: var(--_15shvv446);
+  --lxgrdu0: var(--_15shvv446);
+  --lxgrdu2: var(--_15shvv447);
+  --lxgrdu3: var(--_15shvv44a);
+  --lxgrdu5: var(--_15shvv44d);
 }
 .lxgrdu12 {
-  --lxgrdu1: var(--_15shvv449);
-  --lxgrdu2: var(--_15shvv44c);
-  --lxgrdu4: var(--_15shvv44f);
-  --lxgrdu3: var(--_15shvv446);
+  --lxgrdu0: var(--_15shvv446);
+  --lxgrdu2: var(--_15shvv448);
+  --lxgrdu3: var(--_15shvv44b);
+  --lxgrdu5: var(--_15shvv44e);
 }
 .lxgrdu13 {
+  --lxgrdu0: var(--_15shvv446);
+  --lxgrdu2: var(--_15shvv449);
+  --lxgrdu3: var(--_15shvv44c);
+  --lxgrdu5: var(--_15shvv44f);
+}
+.lxgrdu14 {
   position: absolute;
-  inset: calc(-1 * var(--lxgrdu3));
+  inset: calc(-1 * var(--lxgrdu0));
   margin: 0;
   appearance: none;
   cursor: inherit;

package/dist/component/checkbox/style/index.css.vanilla.js

@@ -4,16 +4,16 @@ import './../../../theme/global.css';
 import './index.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var CheckboxCheckedIconStyle = 'lxgrduw lxgrdut';
-var CheckboxGroupStyle = 'lxgrdun';
-var CheckboxIndeterminateIconStyle = 'lxgrduv lxgrdut';
-var CheckboxStyle = createRuntimeFn({defaultClassName:'lxgrdup',variantClassNames:{size:{small:'lxgrduq',medium:'lxgrdur',large:'lxgrdus'}},defaultVariants:{},compoundVariants:[]});
-var CheckboxUncheckedIconStyle = 'lxgrduu lxgrdut';
-var RadioCheckedIconStyle = 'lxgrduy lxgrdut';
-var RadioGroupStyle = 'lxgrduo';
-var RadioUncheckedIconStyle = 'lxgrdux lxgrdut';
-var SwitchInputStyle = 'lxgrdu13';
-var SwitchStyle = createRuntimeFn({defaultClassName:'lxgrduz',variantClassNames:{size:{small:'lxgrdu10',medium:'lxgrdu11',large:'lxgrdu12'}},defaultVariants:{},compoundVariants:[]});
+var CheckboxCheckedIconStyle = 'lxgrdux lxgrduu';
+var CheckboxGroupStyle = 'lxgrduo';
+var CheckboxIndeterminateIconStyle = 'lxgrduw lxgrduu';
+var CheckboxStyle = createRuntimeFn({defaultClassName:'lxgrduq',variantClassNames:{size:{small:'lxgrdur',medium:'lxgrdus',large:'lxgrdut'}},defaultVariants:{},compoundVariants:[]});
+var CheckboxUncheckedIconStyle = 'lxgrduv lxgrduu';
+var RadioCheckedIconStyle = 'lxgrduz lxgrduu';
+var RadioGroupStyle = 'lxgrdup';
+var RadioUncheckedIconStyle = 'lxgrduy lxgrduu';
+var SwitchInputStyle = 'lxgrdu14';
+var SwitchStyle = createRuntimeFn({defaultClassName:'lxgrdu10',variantClassNames:{size:{small:'lxgrdu11',medium:'lxgrdu12',large:'lxgrdu13'}},defaultVariants:{},compoundVariants:[]});
 
 export { CheckboxCheckedIconStyle, CheckboxGroupStyle, CheckboxIndeterminateIconStyle, CheckboxStyle, CheckboxUncheckedIconStyle, RadioCheckedIconStyle, RadioGroupStyle, RadioUncheckedIconStyle, SwitchInputStyle, SwitchStyle };
 //# sourceMappingURL=index.css.vanilla.js.map

package/dist/component/index.js

@@ -5,6 +5,7 @@ export { DismissButton } from './popover/DismissButton.js';
 export { Popover } from './popover/Popover.js';
 export { Portal } from './popover/Portal.js';
 export { Tooltip } from './popover/Tooltip.js';
+export { ArticleStyle } from './style/article.css.vanilla.js';
 export { Body1 } from './typography/Body1.js';
 export { Body2 } from './typography/Body2.js';
 export { Body3 } from './typography/Body3.js';

package/dist/component/index.js.map

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

package/dist/component/input/Input.js

@@ -5,6 +5,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import 'lodash-es';
 import '../../hook/form/context/index.js';

package/dist/component/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/component/input/Input.tsx"],"sourcesContent":["import { useValue, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport type { JSX } from 'react'\nimport { InputStyle } from './style/index.css'\n\nexport type InputVariant = 'primary' | 'secondary'\n\nexport type InputSize = 'small' | 'medium' | 'large'\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<'input'>,\n  'size' | 'onChange' | 'slot'\n> {\n  variant?: InputVariant | undefined\n  size?: InputSize | undefined\n  defaultValue?: string | undefined\n  value?: string | undefined\n  onChange?:\n    | ChangeCallback<React.ChangeEvent<HTMLInputElement>, string>\n    | undefined\n  before?: JSX.Element | null | undefined\n  after?: JSX.Element | null | undefined\n  slot?: {\n    root?: React.ComponentProps<'div'> | undefined\n    input?: React.ComponentProps<'input'> | undefined\n  }\n}\n\nexport function Input(props: InputProps) {\n  const {\n    className,\n    style,\n    variant = 'primary',\n    size = 'medium',\n    onChange,\n    before,\n    after,\n    slot,\n    ...attrs\n  } = useValue<InputProps>({\n    ...props,\n    defaultValue: props.defaultValue ?? '',\n  })\n\n  return (\n    <div\n      {...slot?.root}\n      className={clsx(InputStyle({ variant, size }), className)}\n      style={style}\n    >\n      {before}\n      <input\n        {...slot?.input}\n        {...attrs}\n        onChange={(ev) => onChange?.(ev, ev.currentTarget.value)}\n      />\n      {after}\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../src/component/input/Input.tsx"],"sourcesContent":["import { useValue, type ChangeCallback } from '#hook'\nimport clsx from 'clsx'\nimport type { JSX } from 'react'\nimport { InputStyle } from './style/index.css'\n\nexport type InputVariant = 'primary' | 'secondary'\n\nexport type InputSize = 'small' | 'medium' | 'large'\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<'input'>,\n  'size' | 'onChange' | 'slot'\n> {\n  variant?: InputVariant | undefined\n  size?: InputSize | undefined\n  defaultValue?: string | undefined\n  value?: string | undefined\n  onChange?:\n    | ChangeCallback<React.ChangeEvent<HTMLInputElement>, string>\n    | undefined\n  before?: JSX.Element | null | undefined\n  after?: JSX.Element | null | undefined\n  slot?: {\n    root?: React.ComponentProps<'div'> | undefined\n    input?: React.ComponentProps<'input'> | undefined\n  }\n}\n\nexport function Input(props: InputProps) {\n  const {\n    className,\n    style,\n    variant = 'primary',\n    size = 'medium',\n    onChange,\n    before,\n    after,\n    slot,\n    ...attrs\n  } = useValue<InputProps>({\n    ...props,\n    defaultValue: props.defaultValue ?? '',\n  })\n\n  return (\n    <div\n      {...slot?.root}\n      className={clsx(InputStyle({ variant, size }), className)}\n      style={style}\n    >\n      {before}\n      <input\n        {...slot?.input}\n        {...attrs}\n        onChange={(ev) => onChange?.(ev, ev.currentTarget.value)}\n      />\n      {after}\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/component/input/SearchInput.js

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { isEnterKey } from '../../util/document/event.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import clsx from 'clsx';
 import { useCallback } from 'react';
 import { Search24Regular } from '../icon/index.js';

package/dist/component/input/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../src/component/input/SearchInput.tsx"],"sourcesContent":["import type { ChangeCallback } from '#hook'\nimport { isEnterKey } from '#util'\nimport clsx from 'clsx'\nimport { useCallback } from 'react'\nimport { Search24Regular } from '../icon'\nimport { InputBeforeStyle, SearchInputBeforeStyle } from './style/index.css'\nimport { Input, type InputProps } from '.'\n\nexport interface SearchInputProps extends InputProps {\n  onSearch?:\n    | ChangeCallback<React.KeyboardEvent<HTMLInputElement>, string>\n    | undefined\n}\n\nexport function SearchInput(props: SearchInputProps) {\n  const { onSearch, ...attrs } = props\n\n  attrs.role ||= 'searchbox'\n\n  if (attrs.before === undefined) {\n    attrs.before = (\n      <Search24Regular\n        className={clsx(InputBeforeStyle, SearchInputBeforeStyle)}\n      />\n    )\n  }\n\n  const { onKeyDown } = attrs\n\n  attrs.onKeyDown = useCallback<NonNullable<typeof onKeyDown>>(\n    (ev) => {\n      onKeyDown?.(ev)\n\n      if (!ev.defaultPrevented && isEnterKey(ev)) {\n        onSearch?.(ev, ev.currentTarget.value)\n      }\n    },\n    [onKeyDown, onSearch]\n  )\n\n  return <Input {...attrs} />\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAcO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB;AACnD,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,EAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAU,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAE/B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAN,MAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAEf,CAAA,CAAA,IAAI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,MAAW,MAAA,CAAA,CAAW;AAC9B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACJ,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACC,SAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAkB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAC1D;AAAA,CAAA,CAEJ;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAE,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAU,GAAI,CAAA,CAAA,CAAA,CAAA,CAAA;AAEtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAChB,CAAC,EAAA,CAAA,CAAA,CAAA,CAAA,CAAO;AACN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAY,CAAA,CAAE,CAAA;AAEd,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAI,CAAC,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAoB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAW,CAAA,CAAE,CAAA,CAAA,CAAG;AAC1C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAI,EAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAc,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACvC;AAAA,CAAA,CAAA,CAAA,CACF,CAAA;AAAA,CAAA,CAAA,CAAA,CACA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ;AAAA,CAAA,CAAA,CACtB;AAEA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,GAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAO,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,CAAA;AAC3B;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../src/component/input/SearchInput.tsx"],"sourcesContent":["import type { ChangeCallback } from '#hook'\nimport { isEnterKey } from '#util'\nimport clsx from 'clsx'\nimport { useCallback } from 'react'\nimport { Search24Regular } from '../icon'\nimport { InputBeforeStyle, SearchInputBeforeStyle } from './style/index.css'\nimport { Input, type InputProps } from '.'\n\nexport interface SearchInputProps extends InputProps {\n  onSearch?:\n    | ChangeCallback<React.KeyboardEvent<HTMLInputElement>, string>\n    | undefined\n}\n\nexport function SearchInput(props: SearchInputProps) {\n  const { onSearch, ...attrs } = props\n\n  attrs.role ||= 'searchbox'\n\n  if (attrs.before === undefined) {\n    attrs.before = (\n      <Search24Regular\n        className={clsx(InputBeforeStyle, SearchInputBeforeStyle)}\n      />\n    )\n  }\n\n  const { onKeyDown } = attrs\n\n  attrs.onKeyDown = useCallback<NonNullable<typeof onKeyDown>>(\n    (ev) => {\n      onKeyDown?.(ev)\n\n      if (!ev.defaultPrevented && isEnterKey(ev)) {\n        onSearch?.(ev, ev.currentTarget.value)\n      }\n    },\n    [onKeyDown, onSearch]\n  )\n\n  return <Input {...attrs} />\n}\n"],"names":[],"mappings":"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"}

package/dist/component/input/style/index.css

@@ -1,8 +1,8 @@
-._6iao7kl {
+._6iao7kk {
   --_6iao7kb: var(--_6iao7kg) solid;
-  --_6iao7ki: var(--_15shvv439);
-  --_6iao7kj: var(--_15shvv43a);
-  --_6iao7kk: var(--_15shvv43b);
+  --_6iao7kh: var(--_15shvv439);
+  --_6iao7ki: var(--_15shvv43a);
+  --_6iao7kj: var(--_15shvv43b);
   box-sizing: border-box;
   display: flex;
   place-items: center;
@@ -12,23 +12,22 @@
   background: var(--_6iao7k7);
   border: var(--_6iao7kb);
   border-color: var(--_6iao7kc);
-  border-radius: var(--_6iao7kh);
 }
-._6iao7kl:hover {
+._6iao7kk:hover {
   --_6iao7k7: var(--_6iao7k8);
   --_6iao7kc: var(--_6iao7kd);
 }
-._6iao7kl:focus-within {
+._6iao7kk:focus-within {
   --_6iao7k7: var(--_6iao7k9);
   --_6iao7kc: var(--_6iao7ke);
 }
-._6iao7kl:has(> input:disabled) {
+._6iao7kk:has(> input:disabled) {
   --_6iao7k5: var(--_6iao7k6);
   --_6iao7k7: var(--_6iao7ka);
   --_6iao7kc: var(--_6iao7kf);
-  --_6iao7ki: var(--_6iao7k5);
+  --_6iao7kh: var(--_6iao7k5);
 }
-._6iao7km {
+._6iao7kl {
   --_6iao7k5: var(--_15shvv438);
   --_6iao7k6: var(--_15shvv4y);
   --_6iao7k7: var(--_15shvv43i);
@@ -40,7 +39,7 @@
   --_6iao7ke: var(--_15shvv43n);
   --_6iao7kf: var(--_15shvv410);
 }
-._6iao7kn {
+._6iao7km {
   --_6iao7k5: var(--_15shvv438);
   --_6iao7k6: var(--_15shvv4y);
   --_6iao7k7: var(--_15shvv43o);
@@ -52,34 +51,34 @@
   --_6iao7ke: var(--_15shvv43t);
   --_6iao7kf: var(--_15shvv410);
 }
-._6iao7ko {
+._6iao7kn {
   --_6iao7k0: var(--_15shvv42y);
   --_6iao7k1: var(--_15shvv42z);
   --_6iao7k2: var(--_15shvv432);
   --_6iao7k3: var(--_15shvv435);
-  --_6iao7kg: var(--_15shvv43c);
-  --_6iao7kh: var(--_15shvv43f);
   --_6iao7k4: var(--_15shvv44q);
+  --_6iao7kg: var(--_15shvv43c);
+  --_7t9dxb0: var(--_15shvv43f);
 }
-._6iao7kp {
+._6iao7ko {
   --_6iao7k0: var(--_15shvv42y);
   --_6iao7k1: var(--_15shvv430);
   --_6iao7k2: var(--_15shvv433);
   --_6iao7k3: var(--_15shvv436);
-  --_6iao7kg: var(--_15shvv43d);
-  --_6iao7kh: var(--_15shvv43g);
   --_6iao7k4: var(--_15shvv44r);
+  --_6iao7kg: var(--_15shvv43d);
+  --_7t9dxb0: var(--_15shvv43g);
 }
-._6iao7kq {
+._6iao7kp {
   --_6iao7k0: var(--_15shvv42y);
   --_6iao7k1: var(--_15shvv431);
   --_6iao7k2: var(--_15shvv434);
   --_6iao7k3: var(--_15shvv437);
-  --_6iao7kg: var(--_15shvv43e);
-  --_6iao7kh: var(--_15shvv43h);
   --_6iao7k4: var(--_15shvv44s);
+  --_6iao7kg: var(--_15shvv43e);
+  --_7t9dxb0: var(--_15shvv43h);
 }
-._6iao7kl > input {
+._6iao7kk > input {
   box-sizing: border-box;
   flex: 1;
   min-inline-size: 0;
@@ -94,28 +93,28 @@
   background: none;
   border: 0;
 }
-._6iao7kl > input::placeholder {
-  color: var(--_6iao7ki);
+._6iao7kk > input::placeholder {
+  color: var(--_6iao7kh);
 }
-._6iao7kl > :not(style) ~ input {
+._6iao7kk > :not(style) ~ input {
   padding-inline-start: var(--_6iao7k0);
 }
-._6iao7kl > input:not(:last-child) {
+._6iao7kk > input:not(:last-child) {
   padding-inline-end: var(--_6iao7k0);
 }
-._6iao7kr {
+._6iao7kq {
   margin-inline-start: var(--_6iao7k0);
 }
-._6iao7ks {
+._6iao7kr {
   margin-inline-start: calc(var(--_6iao7k0) - var(--_6iao7k2));
   margin-inline-end: var(--_6iao7k0);
 }
-._6iao7kt {
+._6iao7ks {
   font-size: var(--_6iao7k4);
-  color: var(--_6iao7kj);
+  color: var(--_6iao7ki);
 }
 @media (forced-colors: none) {
-  ._6iao7kl > input {
+  ._6iao7kk > input {
     outline-width: 0;
   }
 }

package/dist/component/input/style/index.css.vanilla.js

@@ -4,10 +4,10 @@ import './../../../theme/global.css';
 import './index.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var InputAfterStyle = '_6iao7ks';
-var InputBeforeStyle = '_6iao7kr';
-var InputStyle = createRuntimeFn({defaultClassName:'_6iao7kl',variantClassNames:{variant:{primary:'_6iao7km',secondary:'_6iao7kn'},size:{small:'_6iao7ko',medium:'_6iao7kp',large:'_6iao7kq'}},defaultVariants:{},compoundVariants:[]});
-var SearchInputBeforeStyle = '_6iao7kt';
+var InputAfterStyle = '_6iao7kr';
+var InputBeforeStyle = '_6iao7kq';
+var InputStyle = createRuntimeFn({defaultClassName:'_6iao7kk _7t9dxb5',variantClassNames:{variant:{primary:'_6iao7kl',secondary:'_6iao7km'},size:{small:'_6iao7kn',medium:'_6iao7ko',large:'_6iao7kp'}},defaultVariants:{},compoundVariants:[]});
+var SearchInputBeforeStyle = '_6iao7ks';
 
 export { InputAfterStyle, InputBeforeStyle, InputStyle, SearchInputBeforeStyle };
 //# sourceMappingURL=index.css.vanilla.js.map

package/dist/component/menu/Menu.js

@@ -5,6 +5,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import 'lodash-es';
 import '../../hook/form/context/index.js';
@@ -19,6 +20,7 @@ import clsx from 'clsx';
 import '../popover/style/index.css.vanilla.js';
 import '../button/style/index.css.vanilla.js';
 import { Popover } from '../popover/Popover.js';
+import './../style/article.css';
 import './../../theme/token.css';
 import './../../theme/theme.css';
 import './../../theme/global.css';

package/dist/component/menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../src/component/menu/Menu.tsx"],"sourcesContent":["import { type PopoverProps, Popover } from '#component'\nimport { useForm } from '#hook'\nimport clsx from 'clsx'\nimport { ListStyle } from '../select/style/index.css'\n\nexport function Menu(props: PopoverProps<'ul'>) {\n  return (\n    <Popover\n      {...useForm(props)}\n      elementType='ul'\n      className={clsx(ListStyle, props.className)}\n      role='menu'\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B;AAC9C,CAAA,CAAA,uBACE,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAK,SAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1C,IAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACP;AAEJ;;"}
+{"version":3,"file":"Menu.js","sources":["../../../src/component/menu/Menu.tsx"],"sourcesContent":["import { type PopoverProps, Popover } from '#component'\nimport { useForm } from '#hook'\nimport clsx from 'clsx'\nimport { ListStyle } from '../select/style/index.css'\n\nexport function Menu(props: PopoverProps<'ul'>) {\n  return (\n    <Popover\n      {...useForm(props)}\n      elementType='ul'\n      className={clsx(ListStyle, props.className)}\n      role='menu'\n    />\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,EAAK,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2B;AAC9C,CAAA,CAAA,uBACE,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACE,CAAA,CAAA,CAAG,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAQ,CAAA,CAAA,CAAA,CAAA,CAAK,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACjB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACZ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAW,CAAA,CAAA,CAAA,CAAA,CAAK,SAAA,CAAA,CAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAC1C,IAAA,CAAA,CAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACP;AAEJ;;"}

package/dist/component/menu/MenuItem.js

@@ -5,6 +5,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import { useKeyboard } from '../../hook/accessibility/keyboard/useKeyboard.js';
 import { useInteractive } from '../../hook/react/useInteractive.js';

package/dist/component/menu/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","sources":["../../../src/component/menu/MenuItem.tsx"],"sourcesContent":["import { useClose, useInteractive, useKeyboard } from '#hook'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport { type MenuItemProps }\n\nexport function MenuItem(props: MenuItemProps) {\n  props = useClose(props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  return renderMenuItem({\n    ...props,\n    role: 'menuitem',\n  })\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB;AAC7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,KAAK,CAAA;AACtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,KAAK,CAAA;AACzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAe,KAAK,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,cAAA,CAAe;AAAA,CAAA,CAAA,CAAA,CACpB,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACH,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACP,CAAA;AACH;;"}
+{"version":3,"file":"MenuItem.js","sources":["../../../src/component/menu/MenuItem.tsx"],"sourcesContent":["import { useClose, useInteractive, useKeyboard } from '#hook'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport { type MenuItemProps }\n\nexport function MenuItem(props: MenuItemProps) {\n  props = useClose(props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  return renderMenuItem({\n    ...props,\n    role: 'menuitem',\n  })\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsB;AAC7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAS,KAAK,CAAA;AACtB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAY,KAAK,CAAA;AACzB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAe,KAAK,CAAA;AAE5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAO,cAAA,CAAe;AAAA,CAAA,CAAA,CAAA,CACpB,GAAG,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAAA,CACH,IAAA,CAAA,CAAM,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CACP,CAAA;AACH;;"}

package/dist/component/menu/MenuItemCheckbox.js

@@ -6,6 +6,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import { useKeyboard } from '../../hook/accessibility/keyboard/useKeyboard.js';
 import { useInteractive } from '../../hook/react/useInteractive.js';
@@ -22,6 +23,7 @@ import 'react-dom';
 import 'clsx';
 import '../popover/style/index.css.vanilla.js';
 import '../button/style/index.css.vanilla.js';
+import './../style/article.css';
 import './../../theme/token.css';
 import './../../theme/theme.css';
 import './../../theme/global.css';

package/dist/component/menu/MenuItemCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemCheckbox.js","sources":["../../../src/component/menu/MenuItemCheckbox.tsx"],"sourcesContent":["import { Checkmark24Regular } from '#component'\nimport { useChange, useCheckbox, useInteractive, useKeyboard } from '#hook'\nimport { ItemIconStyle } from '../select/style/index.css'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport interface MenuItemCheckboxProps extends Omit<MenuItemProps, 'onChange'> {\n  name: string\n  value: string\n  defaultChecked?: boolean | undefined\n  checked?: boolean | undefined\n  disabled?: boolean | undefined\n  onChange?:\n    | ((ev: React.MouseEvent<HTMLDivElement>, checked: boolean) => void)\n    | undefined\n}\n\nexport function MenuItemCheckbox(props: MenuItemCheckboxProps) {\n  props = useCheckbox(props)\n  props = useChange(props.checked, props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  const {\n    name,\n    value,\n    defaultChecked,\n    checked,\n    disabled,\n    onChange,\n    children,\n    ...attrs\n  } = props\n\n  return renderMenuItem({\n    ...attrs,\n    role: 'menuitemcheckbox',\n    'aria-checked': checked,\n    before: <Checkmark24Regular className={ItemIconStyle} />,\n    children,\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItemCheckbox.js","sources":["../../../src/component/menu/MenuItemCheckbox.tsx"],"sourcesContent":["import { Checkmark24Regular } from '#component'\nimport { useChange, useCheckbox, useInteractive, useKeyboard } from '#hook'\nimport { ItemIconStyle } from '../select/style/index.css'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport interface MenuItemCheckboxProps extends Omit<MenuItemProps, 'onChange'> {\n  name: string\n  value: string\n  defaultChecked?: boolean | undefined\n  checked?: boolean | undefined\n  disabled?: boolean | undefined\n  onChange?:\n    | ((ev: React.MouseEvent<HTMLDivElement>, checked: boolean) => void)\n    | undefined\n}\n\nexport function MenuItemCheckbox(props: MenuItemCheckboxProps) {\n  props = useCheckbox(props)\n  props = useChange(props.checked, props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  const {\n    name,\n    value,\n    defaultChecked,\n    checked,\n    disabled,\n    onChange,\n    children,\n    ...attrs\n  } = props\n\n  return renderMenuItem({\n    ...attrs,\n    role: 'menuitemcheckbox',\n    'aria-checked': checked,\n    before: <Checkmark24Regular className={ItemIconStyle} />,\n    children,\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/component/menu/MenuItemRadio.js

@@ -6,6 +6,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import { useKeyboard } from '../../hook/accessibility/keyboard/useKeyboard.js';
 import { useInteractive } from '../../hook/react/useInteractive.js';
@@ -23,6 +24,7 @@ import 'react-dom';
 import 'clsx';
 import '../popover/style/index.css.vanilla.js';
 import '../button/style/index.css.vanilla.js';
+import './../style/article.css';
 import './../../theme/token.css';
 import './../../theme/theme.css';
 import './../../theme/global.css';

package/dist/component/menu/MenuItemRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItemRadio.js","sources":["../../../src/component/menu/MenuItemRadio.tsx"],"sourcesContent":["import { Checkmark24Regular } from '#component'\nimport {\n  useChange,\n  useClose,\n  useInteractive,\n  useKeyboard,\n  useRadio,\n} from '#hook'\nimport { ItemIconStyle } from '../select/style/index.css'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport interface MenuItemRadioProps extends Omit<MenuItemProps, 'onChange'> {\n  name: string\n  value: string\n  defaultChecked?: boolean | undefined\n  checked?: boolean | undefined\n  disabled?: boolean | undefined\n  onChange?:\n    | ((ev: React.MouseEvent<HTMLDivElement>, checked: boolean) => void)\n    | undefined\n}\n\nexport function MenuItemRadio(props: MenuItemRadioProps) {\n  props = useRadio(props)\n  props = useChange(props.checked, props)\n  props = useClose(props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  const {\n    name,\n    value,\n    defaultChecked,\n    checked,\n    disabled,\n    onChange,\n    children,\n    ...attrs\n  } = props\n\n  return renderMenuItem({\n    ...attrs,\n    role: 'menuitemradio',\n    'aria-checked': checked,\n    before: <Checkmark24Regular className={ItemIconStyle} />,\n    children,\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"MenuItemRadio.js","sources":["../../../src/component/menu/MenuItemRadio.tsx"],"sourcesContent":["import { Checkmark24Regular } from '#component'\nimport {\n  useChange,\n  useClose,\n  useInteractive,\n  useKeyboard,\n  useRadio,\n} from '#hook'\nimport { ItemIconStyle } from '../select/style/index.css'\nimport { renderMenuItem, type MenuItemProps } from './renderMenuItem'\n\nexport interface MenuItemRadioProps extends Omit<MenuItemProps, 'onChange'> {\n  name: string\n  value: string\n  defaultChecked?: boolean | undefined\n  checked?: boolean | undefined\n  disabled?: boolean | undefined\n  onChange?:\n    | ((ev: React.MouseEvent<HTMLDivElement>, checked: boolean) => void)\n    | undefined\n}\n\nexport function MenuItemRadio(props: MenuItemRadioProps) {\n  props = useRadio(props)\n  props = useChange(props.checked, props)\n  props = useClose(props)\n  props = useKeyboard(props)\n  props = useInteractive(props)\n\n  const {\n    name,\n    value,\n    defaultChecked,\n    checked,\n    disabled,\n    onChange,\n    children,\n    ...attrs\n  } = props\n\n  return renderMenuItem({\n    ...attrs,\n    role: 'menuitemradio',\n    'aria-checked': checked,\n    before: <Checkmark24Regular className={ItemIconStyle} />,\n    children,\n  })\n}\n"],"names":[],"mappings":"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"}

package/dist/component/popover/Dialog.js

@@ -5,6 +5,7 @@ import 'tiny-invariant';
 import '../../hook/accessibility/keyboard/context/index.js';
 import '../../util/promise/waitFor.js';
 import '../../util/promise/waitUntil.js';
+import '@vanilla-extract/css';
 import '@floating-ui/utils';
 import 'lodash-es';
 import '../../hook/form/context/index.js';