prime-ui-kit 0.6.0 → 0.7.1

package/src/components/stepper/examples/04-checkout-step-error.tsx

@@ -9,7 +9,7 @@ import styles from "./examples.module.css";
 export default function StepperExampleCheckoutStepError() {
   return (
     <div className={styles.stack}>
-      <Stepper.Root orientation="horizontal" currentStep={2} size="m" className={styles.rail}>
+      <Stepper.Root orientation="horizontal" currentStep={2} className={styles.rail}>
         <Stepper.Step type="button">
           <Stepper.Indicator />
           <Stepper.Content title="Cart" />

package/src/components/stepper/examples/05-horizontal-primitive.tsx

@@ -18,7 +18,7 @@ export default function StepperExampleHorizontalPrimitive() {
   const [active, setActive] = React.useState(0);
 
   return (
-    <HorizontalStepper.Root size="m" className={styles.rail}>
+    <HorizontalStepper.Root className={styles.rail}>
       {STEPS.map((label, idx) => (
         <React.Fragment key={label}>
           {idx > 0 ? <HorizontalStepper.SeparatorIcon /> : null}

package/src/components/switch/COMPONENT.md

@@ -44,7 +44,7 @@ import { Switch } from "prime-ui-kit";
 
 export function ProductUpdatesSwitch() {
   return (
-    <Switch.Root size="m" defaultChecked name="product_updates">
+    <Switch.Root defaultChecked name="product_updates">
       <Switch.Label>Product updates</Switch.Label>
       <Switch.Hint>
         At most one email per week. You can change this anytime in notification settings.

package/src/components/switch/examples/canonical-maximal.tsx

@@ -8,7 +8,7 @@ import styles from "./examples.module.css";
 export default function SwitchCanonicalMaximal() {
   return (
     <div className={styles.stackDense}>
-      <Switch.Root size="m" defaultChecked name="product_updates">
+      <Switch.Root defaultChecked name="product_updates">
         <Switch.Label>Product updates</Switch.Label>
         <Switch.Hint>
           At most one email per week. You can change this anytime in notification settings.

package/src/components/switch/examples/composition.tsx

@@ -7,13 +7,12 @@ export default function SwitchCompositionExample() {
   return (
     <div className={styles.stack}>
       <Switch.Root
-        size="m"
         defaultChecked
         aria-label="Включено: имя для скринридеров без видимого текста у трека"
       >
         <Switch.Label />
       </Switch.Root>
-      <Switch.Root size="m">
+      <Switch.Root>
         <Switch.Label>Разметка через Switch.Label и подсказка ниже</Switch.Label>
         <Switch.Hint>
           Hint выровнен под колонку текста; для ошибки используйте Switch.Error рядом с тем же Root.

package/src/components/switch/examples/controlled.tsx

@@ -9,7 +9,7 @@ export default function SwitchControlledExample() {
 
   return (
     <div className={styles.stackDense}>
-      <Switch.Root size="m" checked={on} onCheckedChange={setOn}>
+      <Switch.Root checked={on} onCheckedChange={setOn}>
         <Switch.Label>Рассылка: {on ? "включена" : "выключена"}</Switch.Label>
         <Switch.Hint>Состояние задаётся снаружи через checked и onCheckedChange</Switch.Hint>
       </Switch.Root>

package/src/components/switch/examples/full-width.tsx

@@ -6,7 +6,7 @@ import styles from "./examples.module.css";
 export default function SwitchFullWidthExample() {
   return (
     <div className={styles.fullWidthCard}>
-      <Switch.Root size="m" defaultChecked>
+      <Switch.Root defaultChecked>
         <Switch.Label>Растягивается на ширину карточки</Switch.Label>
         <Switch.Hint>Корень поля занимает 100% ширины контейнера</Switch.Hint>
       </Switch.Root>

package/src/components/switch/examples/scenario-billing-annual.tsx

@@ -14,7 +14,7 @@ export default function SwitchScenarioBillingAnnual() {
       <Typography.Root as="p" variant="body-default" className={styles.muted}>
         Choose how you are billed. Annual includes two months free on the Pro plan.
       </Typography.Root>
-      <Switch.Root size="m" checked={annual} onCheckedChange={setAnnual} name="billing_cycle">
+      <Switch.Root checked={annual} onCheckedChange={setAnnual} name="billing_cycle">
         <Switch.Label>Bill annually</Switch.Label>
         <Switch.Hint>
           {annual

package/src/components/switch/examples/scenario-feature-flag.tsx

@@ -11,12 +11,7 @@ export default function SwitchScenarioFeatureFlag() {
 
   return (
     <div className={styles.stackDense}>
-      <Switch.Root
-        size="m"
-        checked={enabled}
-        onCheckedChange={setEnabled}
-        name="flag_new_dashboard"
-      >
+      <Switch.Root checked={enabled} onCheckedChange={setEnabled} name="flag_new_dashboard">
         <Switch.Label>New dashboard experience</Switch.Label>
         <Switch.Hint>
           Applies to this workspace only. Users may need to refresh after toggling.

package/src/components/switch/examples/scenario-settings-toggle.tsx

@@ -9,15 +9,15 @@ export default function SwitchScenarioSettingsToggle() {
   return (
     <fieldset className={styles.settingsGroup}>
       <legend className={styles.legend}>Notification preferences</legend>
-      <Switch.Root size="m" defaultChecked name="notify_email">
+      <Switch.Root defaultChecked name="notify_email">
         <Switch.Label>Email notifications</Switch.Label>
         <Switch.Hint>Order status, receipts, and security alerts.</Switch.Hint>
       </Switch.Root>
-      <Switch.Root size="m" name="notify_push">
+      <Switch.Root name="notify_push">
         <Switch.Label>Push notifications</Switch.Label>
         <Switch.Hint>Mobile alerts for time-sensitive updates only.</Switch.Hint>
       </Switch.Root>
-      <Switch.Root size="m" name="notify_marketing">
+      <Switch.Root name="notify_marketing">
         <Switch.Label>Tips and offers</Switch.Label>
         <Switch.Hint>Optional product news; never required for core service.</Switch.Hint>
       </Switch.Root>

package/src/components/switch/examples/states.tsx

@@ -6,24 +6,24 @@ import styles from "./examples.module.css";
 export default function SwitchStatesExample() {
   return (
     <div className={styles.stack}>
-      <Switch.Root size="m">
+      <Switch.Root>
         <Switch.Label>Switch off</Switch.Label>
         <Switch.Hint>Switch hint</Switch.Hint>
       </Switch.Root>
-      <Switch.Root size="m" defaultChecked>
+      <Switch.Root defaultChecked>
         <Switch.Label>Switch on</Switch.Label>
         <Switch.Hint>Switch hint</Switch.Hint>
       </Switch.Root>
-      <Switch.Root size="m" disabled>
+      <Switch.Root disabled>
         <Switch.Label>Switch disabled off</Switch.Label>
       </Switch.Root>
-      <Switch.Root size="m" defaultChecked disabled>
+      <Switch.Root defaultChecked disabled>
         <Switch.Label>Switch disabled on</Switch.Label>
       </Switch.Root>
-      <Switch.Root size="m" defaultChecked readOnly>
+      <Switch.Root defaultChecked readOnly>
         <Switch.Label>Switch readonly on</Switch.Label>
       </Switch.Root>
-      <Switch.Root size="m" variant="error">
+      <Switch.Root variant="error">
         <Switch.Label>Switch error</Switch.Label>
         <Switch.Error>Switch error message</Switch.Error>
       </Switch.Root>

package/src/components/switch/examples/variants.tsx

@@ -6,11 +6,11 @@ import styles from "./examples.module.css";
 export default function SwitchVariantsExample() {
   return (
     <div className={styles.stack}>
-      <Switch.Root size="m" defaultChecked>
+      <Switch.Root defaultChecked>
         <Switch.Label>Обычный вид</Switch.Label>
         <Switch.Hint>variant по умолчанию — default</Switch.Hint>
       </Switch.Root>
-      <Switch.Root size="m" defaultChecked variant="error">
+      <Switch.Root defaultChecked variant="error">
         <Switch.Label>Ошибка валидации</Switch.Label>
         <Switch.Error>Отметьте согласие, чтобы продолжить</Switch.Error>
       </Switch.Root>

package/src/components/tabs/COMPONENT.md

@@ -32,7 +32,7 @@ import { Tabs, Typography } from "prime-ui-kit";
 
 export function Example() {
   return (
-    <Tabs.Root defaultValue="general" size="m">
+    <Tabs.Root defaultValue="general">
       <Tabs.List>
         <Tabs.Tab value="general">
           <Tabs.Label>General</Tabs.Label>

package/src/components/tabs/examples/01-settings-vertical-rail.tsx

@@ -8,12 +8,7 @@ import styles from "./examples.module.css";
  */
 export default function TabsExampleSettingsVerticalRail() {
   return (
-    <Tabs.Root
-      defaultValue="profile"
-      orientation="vertical"
-      size="m"
-      className={styles.settingsRow}
-    >
+    <Tabs.Root defaultValue="profile" orientation="vertical" className={styles.settingsRow}>
       <Tabs.List>
         <Tabs.Tab value="profile">
           <Tabs.Label>Profile</Tabs.Label>

package/src/components/tag/COMPONENT.md

@@ -30,7 +30,7 @@ A compact chip-style label: optional leading icon (`Tag.Icon`), optional removab
 import { Tag } from "prime-ui-kit";
 
 export function Example() {
-  return <Tag.Root size="m">Design systems</Tag.Root>;
+  return <Tag.Root>Design systems</Tag.Root>;
 }
 ```
 

package/src/components/tag/examples/01-filter-chips.tsx

@@ -26,7 +26,7 @@ export default function TagExampleFilterChips() {
       <legend className={styles.legend}>Active filters</legend>
       <div className={styles.chipRow}>
         {FILTER_IDS.filter((id) => applied.has(id)).map((id) => (
-          <Tag.Root key={id} size="m" onRemove={() => remove(id)}>
+          <Tag.Root key={id} onRemove={() => remove(id)}>
             {id}
           </Tag.Root>
         ))}

package/src/components/tag/examples/02-removable-selected-values.tsx

@@ -23,7 +23,7 @@ export default function TagExampleRemovableSelectedValues() {
       <legend className={styles.legend}>Required skills</legend>
       <div className={styles.chipRow}>
         {skills.map((label) => (
-          <Tag.Root key={label} size="m" onRemove={() => removeSkill(label)}>
+          <Tag.Root key={label} onRemove={() => removeSkill(label)}>
             {label}
           </Tag.Root>
         ))}

package/src/components/tag/examples/03-status-metadata.tsx

@@ -10,14 +10,14 @@ export default function TagExampleStatusMetadata() {
     <fieldset className={styles.fieldsetPlain}>
       <legend className={styles.legend}>Release</legend>
       <div className={styles.chipRow}>
-        <Tag.Root size="m">
+        <Tag.Root>
           <Tag.Icon>
             <Icon name="status.locked" aria-hidden />
           </Tag.Icon>
           <span>Production</span>
         </Tag.Root>
-        <Tag.Root size="m">v2.4.1</Tag.Root>
-        <Tag.Root size="m">Stable</Tag.Root>
+        <Tag.Root>v2.4.1</Tag.Root>
+        <Tag.Root>Stable</Tag.Root>
       </div>
     </fieldset>
   );

package/src/components/tag/examples/controlled.tsx

@@ -17,12 +17,7 @@ export default function TagExampleControlled() {
         </Tag.Root>
       ))}
       {active.length === 0 ? (
-        <Button.Root
-          variant="neutral"
-          mode="stroke"
-          size="m"
-          onClick={() => setActive([...INITIAL])}
-        >
+        <Button.Root variant="neutral" mode="stroke" onClick={() => setActive([...INITIAL])}>
           Reset filters
         </Button.Root>
       ) : null}

package/src/components/tag/examples/removable.tsx

@@ -12,7 +12,7 @@ export default function TagExampleRemovable() {
       {withRemove ? (
         <Tag.Root onRemove={() => setWithRemove(false)}>Dismiss me</Tag.Root>
       ) : (
-        <Button.Root variant="neutral" mode="stroke" size="m" onClick={() => setWithRemove(true)}>
+        <Button.Root variant="neutral" mode="stroke" onClick={() => setWithRemove(true)}>
           Show tag again
         </Button.Root>
       )}

package/src/components/textarea/examples/01-support-ticket.tsx

@@ -16,7 +16,6 @@ export default function TextareaExampleSupportTicket() {
       <Textarea.Root
         id="support-description"
         name="description"
-        size="m"
         value={text}
         onChange={(e) => setText(e.target.value)}
         maxLength={MAX}

package/src/components/textarea/examples/02-comment.tsx

@@ -14,14 +14,13 @@ export default function TextareaExampleComment() {
 
   return (
     <div className={styles.labelBlock}>
-      <Label.Root htmlFor={FIELD_ID} size="m">
+      <Label.Root htmlFor={FIELD_ID}>
         Comment for the courier
         <Label.Sub>Optional — visible to logistics until the order ships.</Label.Sub>
       </Label.Root>
       <Textarea.Root
         id={FIELD_ID}
         name="courierComment"
-        size="m"
         value={comment}
         onChange={(e) => setComment(e.target.value)}
         maxLength={MAX}

package/src/components/textarea/examples/composition.tsx

@@ -9,11 +9,11 @@ export default function TextareaCompositionExample() {
       <Typography.Root variant="body-small" weight="medium" as="div">
         Order comment
       </Typography.Root>
-      <Textarea.Root size="m" placeholder="Delivery notes or time window">
+      <Textarea.Root placeholder="Delivery notes or time window">
         <Textarea.CharCounter current={0} max={240} />
         <Textarea.Hint>Logistics sees this until the order ships.</Textarea.Hint>
       </Textarea.Root>
-      <Textarea.Root size="m" variant="error" placeholder="Describe the return reason">
+      <Textarea.Root variant="error" placeholder="Describe the return reason">
         <Textarea.Error>A description is required to submit</Textarea.Error>
       </Textarea.Root>
     </div>

package/src/components/textarea/examples/controlled.tsx

@@ -7,7 +7,6 @@ export default function TextareaControlledExample() {
 
   return (
     <Textarea.Root
-      size="m"
       value={notes}
       onChange={(e) => setNotes(e.target.value)}
       placeholder="Type here…"

package/src/components/textarea/examples/features.tsx

@@ -17,20 +17,16 @@ export default function TextareaFeaturesExample() {
 
   return (
     <>
-      <Textarea.Root
-        size="m"
-        placeholder="Multiple lines — height grows with content (autoResize default)"
-      >
+      <Textarea.Root placeholder="Multiple lines — height grows with content (autoResize default)">
         <Textarea.Hint>Height follows content via wrapper `data-value`.</Textarea.Hint>
       </Textarea.Root>
       <div className={styles.blockSpacer}>
-        <Textarea.Root size="m" autoResize={false} placeholder="Fixed height; native resize handle">
+        <Textarea.Root autoResize={false} placeholder="Fixed height; native resize handle">
           <Textarea.Hint>autoResize=false</Textarea.Hint>
         </Textarea.Root>
       </div>
       <div className={styles.blockSpacer}>
         <Textarea.Root
-          size="m"
           placeholder="Character counter in the field footer"
           value={value}
           onChange={(e) => setValue(e.target.value)}
@@ -39,18 +35,13 @@ export default function TextareaFeaturesExample() {
         </Textarea.Root>
       </div>
       <div className={styles.blockSpacer}>
-        <Textarea.Root
-          size="m"
-          value={overflowValue}
-          onChange={(e) => setOverflowValue(e.target.value)}
-        >
+        <Textarea.Root value={overflowValue} onChange={(e) => setOverflowValue(e.target.value)}>
           <Textarea.CharCounter current={overflowValue.length} max={overflowMax} />
           <Textarea.Hint>When current &gt; max, the counter gets data-overflow.</Textarea.Hint>
         </Textarea.Root>
       </div>
       <div className={styles.blockSpacer}>
         <Textarea.Root
-          size="m"
           placeholder={`Up to ${nativeLimit} characters`}
           value={limited}
           maxLength={nativeLimit}

package/src/components/textarea/examples/full-width.tsx

@@ -6,7 +6,7 @@ import styles from "./examples.module.css";
 export default function TextareaFullWidthExample() {
   return (
     <div className={styles.fullWidthCard}>
-      <Textarea.Root size="m" placeholder="Field spans the card column width">
+      <Textarea.Root placeholder="Field spans the card column width">
         <Textarea.Hint>Parent sets width; the control root uses width: 100%.</Textarea.Hint>
       </Textarea.Root>
     </div>

package/src/components/textarea/examples/states.tsx

@@ -4,16 +4,16 @@ import { Textarea } from "prime-ui-kit";
 export default function TextareaStatesExample() {
   return (
     <>
-      <Textarea.Root size="m" placeholder="With hint">
+      <Textarea.Root placeholder="With hint">
         <Textarea.Hint>Default state</Textarea.Hint>
       </Textarea.Root>
-      <Textarea.Root size="m" placeholder="Not editable" disabled>
+      <Textarea.Root placeholder="Not editable" disabled>
         <Textarea.Hint>disabled</Textarea.Hint>
       </Textarea.Root>
-      <Textarea.Root size="m" defaultValue="Read only copy" readOnly>
+      <Textarea.Root defaultValue="Read only copy" readOnly>
         <Textarea.Hint>readOnly</Textarea.Hint>
       </Textarea.Root>
-      <Textarea.Root size="m" required placeholder="Required field" />
+      <Textarea.Root required placeholder="Required field" />
     </>
   );
 }

package/src/components/textarea/examples/variants.tsx

@@ -4,10 +4,10 @@ import { Textarea } from "prime-ui-kit";
 export default function TextareaVariantsExample() {
   return (
     <>
-      <Textarea.Root size="m" variant="default" placeholder="Default variant">
+      <Textarea.Root variant="default" placeholder="Default variant">
         <Textarea.Hint>Helper text below the field</Textarea.Hint>
       </Textarea.Root>
-      <Textarea.Root size="m" variant="error" placeholder="Validation error">
+      <Textarea.Root variant="error" placeholder="Validation error">
         <Textarea.Error>Description is required</Textarea.Error>
       </Textarea.Root>
     </>

package/src/components/tooltip/COMPONENT.md

@@ -52,7 +52,6 @@ export function CopyLinkHint() {
           type="button"
           variant="neutral"
           mode="ghost"
-          size="m"
           aria-label="Copy link"
         >
           <Button.Icon>

package/src/components/tooltip/examples/canonical-icon-hint.tsx

@@ -7,7 +7,7 @@ export default function TooltipCanonicalIconHint() {
   return (
     <Tooltip.Root>
       <Tooltip.Trigger>
-        <Button.Root type="button" variant="neutral" mode="ghost" size="m" aria-label="Copy link">
+        <Button.Root type="button" variant="neutral" mode="ghost" aria-label="Copy link">
           <Button.Icon>
             <Icon name="action.copy" size="s" tone="subtle" />
           </Button.Icon>

package/src/components/tooltip/examples/composition.tsx

@@ -9,11 +9,11 @@ export default function TooltipCompositionExample() {
       <Tooltip.Provider delayDuration={200}>
         <Tooltip.Root>
           <Tooltip.Trigger>
-            <LinkButton.Root href="#" size="m" onClick={(e) => e.preventDefault()}>
+            <LinkButton.Root href="#" onClick={(e) => e.preventDefault()}>
               Promotion terms
             </LinkButton.Root>
           </Tooltip.Trigger>
-          <Tooltip.Content size="m">
+          <Tooltip.Content>
             <Typography.Root variant="body-small" as="p" className={styles.tooltipContentP}>
               Discount applies through month-end on orders over $100.
             </Typography.Root>
@@ -24,13 +24,7 @@ export default function TooltipCompositionExample() {
       <Tooltip.Provider delayDuration={200}>
         <Tooltip.Root>
           <Tooltip.Trigger>
-            <Button.Root
-              type="button"
-              variant="neutral"
-              mode="ghost"
-              size="m"
-              aria-label="Copy link"
-            >
+            <Button.Root type="button" variant="neutral" mode="ghost" aria-label="Copy link">
               <Button.Icon>
                 <Icon name="action.copy" size="s" tone="subtle" />
               </Button.Icon>

package/src/components/tooltip/examples/controlled.tsx

@@ -9,7 +9,7 @@ export default function TooltipControlledExample() {
 
   return (
     <div className={styles.controlledStack}>
-      <Switch.Root size="m" checked={open} onCheckedChange={setOpen}>
+      <Switch.Root checked={open} onCheckedChange={setOpen}>
         <Switch.Label>Tooltip open (programmatic)</Switch.Label>
         <Switch.Hint>
           State stays in sync with <code>open</code> and <code>onOpenChange</code> on{" "}
@@ -19,7 +19,7 @@ export default function TooltipControlledExample() {
       <Tooltip.Provider delayDuration={0}>
         <Tooltip.Root open={open} onOpenChange={setOpen}>
           <Tooltip.Trigger>
-            <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+            <Button.Root type="button" variant="neutral" mode="stroke">
               Trigger
             </Button.Root>
           </Tooltip.Trigger>

package/src/components/tooltip/examples/delay.tsx

@@ -19,7 +19,7 @@ export default function TooltipDelayExample() {
       <Tooltip.Provider delayDuration={800}>
         <Tooltip.Root>
           <Tooltip.Trigger>
-            <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+            <Button.Root type="button" variant="neutral" mode="stroke">
               Hover me slowly
             </Button.Root>
           </Tooltip.Trigger>

package/src/components/tooltip/examples/long-content.tsx

@@ -19,11 +19,11 @@ export default function TooltipLongContentExample() {
       <Tooltip.Provider delayDuration={200}>
         <Tooltip.Root>
           <Tooltip.Trigger>
-            <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+            <Button.Root type="button" variant="neutral" mode="stroke">
               Details
             </Button.Root>
           </Tooltip.Trigger>
-          <Tooltip.Content size="m">
+          <Tooltip.Content>
             Password must be at least 12 characters and include upper and lower case letters and
             numbers. Do not reuse passwords from other services.
           </Tooltip.Content>

package/src/components/tooltip/examples/side.tsx

@@ -20,7 +20,7 @@ export default function TooltipSideExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>
@@ -32,7 +32,7 @@ export default function TooltipSideExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>
@@ -44,7 +44,7 @@ export default function TooltipSideExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>
@@ -56,7 +56,7 @@ export default function TooltipSideExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>

package/src/components/tooltip/examples/states.tsx

@@ -20,7 +20,7 @@ export default function TooltipStatesExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Save
               </Button.Root>
             </Tooltip.Trigger>
@@ -32,7 +32,7 @@ export default function TooltipStatesExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m" disabled>
+              <Button.Root type="button" variant="neutral" mode="stroke" disabled>
                 Unavailable
               </Button.Root>
             </Tooltip.Trigger>

package/src/components/tooltip/examples/surfaces.tsx

@@ -29,7 +29,7 @@ export default function TooltipSurfacesExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>
@@ -41,7 +41,7 @@ export default function TooltipSurfacesExample() {
         <Tooltip.Provider delayDuration={200}>
           <Tooltip.Root>
             <Tooltip.Trigger>
-              <Button.Root type="button" variant="neutral" mode="stroke" size="m">
+              <Button.Root type="button" variant="neutral" mode="stroke">
                 Hover
               </Button.Root>
             </Tooltip.Trigger>

package/dist/components/dropdown/examples/inset.d.ts

@@ -1,3 +0,0 @@
-/** `Dropdown.Inset` с `padding` и `gap` — как в `playground/snippets/dropdown/inset.tsx`. */
-export default function DropdownInsetExample(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=inset.d.ts.map

package/dist/components/dropdown/examples/inset.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../../../../src/components/dropdown/examples/inset.tsx"],"names":[],"mappings":"AAMA,6FAA6F;AAC7F,MAAM,CAAC,OAAO,UAAU,oBAAoB,4CA2C3C"}