@mindlogic-ai/logician-ui 5.0.0-alpha.28 → 5.0.0-alpha.29

package/dist/components/Tag/Tag.types.d.ts

@@ -1,5 +1,5 @@
 import type { ElementType, ReactNode } from 'react';
-import { TagRootProps } from '@chakra-ui/react';
+import type { ConditionalValue, TagRootProps } from '@chakra-ui/react';
 import type { SystemHue } from '@/theme/colors';
 import type { PolymorphicProps } from '../../types/polymorphic';
 /**
@@ -9,6 +9,8 @@ import type { PolymorphicProps } from '../../types/polymorphic';
  * - `success` / `warning` / `danger` / `info`: status family `.bg` + `.fg`.
  *   Use them only when the tag reports a status.
  */
+/** Tag sizes: the badge sizes plus `xs`, which only interactive tags draw. */
+export type TagSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type TagTone = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
 /**
  * 4.x colour palettes. Removed from `TagProps` in 5.0; still accepted at
@@ -21,7 +23,18 @@ export type TagColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | '
  * @deprecated Use `tone`, `selected` or `category`.
  */
 export type TagVariant = 'soft' | 'solid' | 'outline';
-export type TagOwnProps = Omit<TagRootProps, 'colorPalette' | 'variant' | 'as'> & {
+export type TagOwnProps = Omit<TagRootProps, 'colorPalette' | 'variant' | 'as' | 'size'> & {
+    /**
+     * A static tag uses the badge sizes (`sm` · `md` · `lg` · `xl`; `xs` falls
+     * back to `sm`). An interactive tag — `onClick`, `selected`, `as="button"`
+     * or a link — uses the shared control scale (`xs`–`xl`), so it matches a
+     * `Button` / `Input` of the same size in a row.
+     *
+     * Responsive values (`{ base: 'xs', md: 'sm' }`, arrays) work for both;
+     * an interactive tag resolves the control scale per breakpoint.
+     * @default 'md'
+     */
+    size?: ConditionalValue<TagSize>;
     /**
      * Colour role of the tag. Ignored while `selected` is true or `category`
      * is set.

package/dist/components/Tag/Tag.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;GAMG;AACH,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACZ,cAAc,GAAG,SAAS,GAAG,IAAI,CAClC,GAAG;IACF;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,QAAQ,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC5E,QAAQ,EACR,WAAW,CACZ,CAAC"}
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;GAMG;AACH,8EAA8E;AAC9E,MAAM,MAAM,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvD,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE5E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,YAAY,EACZ,cAAc,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CAC3C,GAAG;IACF;;;;;;;;;OASG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,QAAQ,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC5E,QAAQ,EACR,WAAW,CACZ,CAAC"}

package/dist/components/Tag/index.d.ts

@@ -1,8 +1,8 @@
 import { Icon } from '@chakra-ui/react';
 export { Tag } from './Tag';
 export type { LegacyTagResolution, TagStyleOptions } from './Tag.styles';
-export { getTagStyles, mapLegacyTagProps, tagTones, tagToneStyles, } from './Tag.styles';
-export type { TagColorPalette, TagOwnProps, TagProps, TagTone, TagVariant, } from './Tag.types';
+export { getTagSizeStyles, getTagStyles, mapLegacyTagProps, tagTones, tagToneStyles, } from './Tag.styles';
+export type { TagColorPalette, TagOwnProps, TagProps, TagSize, TagTone, TagVariant, } from './Tag.types';
 export * from './TagCloseButton';
 export * from './TagLabel';
 /**

package/dist/components/Tag/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,OAAO,EACP,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAE3B;;GAEG;AACH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAC;AAE/B;;GAEG;AACH,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACzE,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,iBAAiB,EACjB,QAAQ,EACR,aAAa,GACd,MAAM,cAAc,CAAC;AACtB,YAAY,EACV,eAAe,EACf,WAAW,EACX,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,GACX,MAAM,aAAa,CAAC;AACrB,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAE3B;;GAEG;AACH,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAC;AAE/B;;GAEG;AACH,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,CAAC"}

package/dist/index.d.ts

@@ -80,6 +80,7 @@ export type { LanguageContextValue } from './hooks/useLanguage';
 export { LanguageContext, useLanguage } from './hooks/useLanguage';
 export { createLogicianTheme, logicianConfig, type LogicianThemeOptions, normalizeSemanticOverrides, system, theme, } from './theme';
 export { colors, createSemanticColors, DEPRECATED_COLOR_TOKENS, type DeprecatedSemanticColorToken, type NeutralScale, type SecondaryScale, type SemanticColorToken, semanticTokens, SYSTEM_HUE_NAMES, type SystemHue, } from './theme/colors';
+export { CONTROL_RADIUS, CONTROL_SIZES, controlHeightToken, controlHeightVar, type ControlSize, controlSizes, type ControlSizeSpec, CORE_CONTROL_SIZES, type CoreControlSize, getControlSize, } from './theme/controlSizes';
 export { noZoomOnFocus } from './theme/formControls';
 export { animationStyles, durations, easings, MOTION_DURATION_MS, MOTION_DURATION_S, MOTION_EASE, MOTION_EASE_CSS, MOTION_STAGGER_MAX, type MotionDurationToken, type MotionEaseToken, type MotionStyleToken, } from './theme/motion';
 export { cubicBezier } from './utils/cubicBezier';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -198,6 +198,7 @@ var useHasHover = require('./hooks/useHasHover.js');
 var useLanguage = require('./hooks/useLanguage.js');
 var index = require('./theme/index.js');
 var colors = require('./theme/colors.js');
+var controlSizes = require('./theme/controlSizes.js');
 var formControls = require('./theme/formControls.js');
 var motion = require('./theme/motion.js');
 var cubicBezier = require('./utils/cubicBezier.js');
@@ -392,6 +393,7 @@ exports.TabPanel = TabPanel.TabPanel;
 exports.TabPanels = TabPanels.TabPanels;
 exports.Tabs = Tabs.Tabs;
 exports.Tag = Tag.Tag;
+exports.getTagSizeStyles = Tag_styles.getTagSizeStyles;
 exports.getTagStyles = Tag_styles.getTagStyles;
 exports.mapLegacyTagProps = Tag_styles.mapLegacyTagProps;
 exports.tagToneStyles = Tag_styles.tagToneStyles;
@@ -477,6 +479,13 @@ exports.SYSTEM_HUE_NAMES = colors.SYSTEM_HUE_NAMES;
 exports.colors = colors.colors;
 exports.createSemanticColors = colors.createSemanticColors;
 exports.semanticTokens = colors.semanticTokens;
+exports.CONTROL_RADIUS = controlSizes.CONTROL_RADIUS;
+exports.CONTROL_SIZES = controlSizes.CONTROL_SIZES;
+exports.CORE_CONTROL_SIZES = controlSizes.CORE_CONTROL_SIZES;
+exports.controlHeightToken = controlSizes.controlHeightToken;
+exports.controlHeightVar = controlSizes.controlHeightVar;
+exports.controlSizes = controlSizes.controlSizes;
+exports.getControlSize = controlSizes.getControlSize;
 exports.noZoomOnFocus = formControls.noZoomOnFocus;
 exports.MOTION_DURATION_MS = motion.MOTION_DURATION_MS;
 exports.MOTION_DURATION_S = motion.MOTION_DURATION_S;

package/dist/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/index.mjs

@@ -139,7 +139,7 @@ export { TabPanel } from './components/Tabs/TabPanel.mjs';
 export { TabPanels } from './components/Tabs/TabPanels.mjs';
 export { Tabs } from './components/Tabs/Tabs.mjs';
 export { Tag } from './components/Tag/Tag.mjs';
-export { getTagStyles, mapLegacyTagProps, tagToneStyles, tagTones } from './components/Tag/Tag.styles.mjs';
+export { getTagSizeStyles, getTagStyles, mapLegacyTagProps, tagToneStyles, tagTones } from './components/Tag/Tag.styles.mjs';
 export { TagCloseButton } from './components/Tag/TagCloseButton/TagCloseButton.mjs';
 export { TagLabel } from './components/Tag/TagLabel/TagLabel.mjs';
 export { Textarea } from './components/Textarea/Textarea.mjs';
@@ -196,6 +196,7 @@ export { useHasHover } from './hooks/useHasHover.mjs';
 export { LanguageContext, useLanguage } from './hooks/useLanguage.mjs';
 export { createLogicianTheme, logicianConfig, normalizeSemanticOverrides, system, theme } from './theme/index.mjs';
 export { DEPRECATED_COLOR_TOKENS, SYSTEM_HUE_NAMES, colors, createSemanticColors, semanticTokens } from './theme/colors.mjs';
+export { CONTROL_RADIUS, CONTROL_SIZES, CORE_CONTROL_SIZES, controlHeightToken, controlHeightVar, controlSizes, getControlSize } from './theme/controlSizes.mjs';
 export { noZoomOnFocus } from './theme/formControls.mjs';
 export { MOTION_DURATION_MS, MOTION_DURATION_S, MOTION_EASE, MOTION_EASE_CSS, MOTION_STAGGER_MAX, animationStyles, durations, easings } from './theme/motion.mjs';
 export { cubicBezier } from './utils/cubicBezier.mjs';

package/dist/index.mjs.map

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

package/dist/theme/controlSizes.d.ts

@@ -0,0 +1,91 @@
+/**
+ * One size scale for every control.
+ *
+ * A row of controls — a table filter bar, a toolbar, an inline form — only
+ * lines up when every control resolves the same `size` value to the same
+ * height, type size, icon size and corner. Each component used to carry its own
+ * map (Chakra's recipe here, a local table there), and they drifted: in the
+ * FactChat coding-agent toolbar a `SegmentedControl size="sm"` drew 36px, an
+ * `Input size="xs"` 28px and an `lg` `Tag` 20.4px side by side (R28 3차 QA #18).
+ * Every height-bearing control and every recipe override now reads this table,
+ * and `controlSizes.test.ts` fails if one stops doing so.
+ *
+ * ## The scale is Button's
+ *
+ * `Button` was the reference and does not change: the values below are exactly
+ * Chakra's button recipe. Everything else is aligned to it.
+ *
+ * | size | height token | px at the 14px root | in a 16px `ScaledContext` (desktop) |
+ * |------|--------------|---------------------|-------------------------------------|
+ * | 2xs  | `sizes.6`    | 21                  | 21 (2xs type is 0.875em)            |
+ * | xs   | `sizes.8`    | 28                  | 28 (xs type is 0.875em)             |
+ * | sm   | `sizes.9`    | 31.5                | 36                                  |
+ * | md   | `sizes.10`   | 35                  | 40                                  |
+ * | lg   | `sizes.11`   | 38.5                | 44                                  |
+ * | xl   | `sizes.12`   | 42                  | 48                                  |
+ *
+ * ## Why one type step per size, not just one height
+ *
+ * `html` is 14px, and the sizes tokens are rem, so outside a `ScaledContext`
+ * the height alone decides. Inside one (FactChat's `ReadingScale` is
+ * `<ScaledContext fontSize="16px">`) the sizes tokens become **em**, and an em
+ * resolves against the control's *own* font size. Two controls with the same
+ * height token but different type therefore stop matching there — that is how
+ * `Input lg` (1.143em type) drew 50px next to a 44px `Button lg`. The same
+ * happens at the mobile breakpoint, where the textStyles drop to 0.875em. So
+ * every control takes its type from `textStyle` here too: equal type per size
+ * is what keeps equal height everywhere, not only at the root.
+ *
+ * Text-entry controls still raise their type to 16px under `pointer: coarse`
+ * (`noZoomOnFocus`, iOS zoom). At the root that changes nothing about height;
+ * inside a `ScaledContext` on a touch device it makes an `Input` taller than
+ * its neighbours. That is the price of not zooming, and it is left alone.
+ *
+ * ## Two padding ramps
+ *
+ * Action controls (Button, SegmentedControl items, interactive Tag) and field
+ * controls (Input, Select, Combobox, Textarea) keep different inline padding on
+ * purpose: a field's text starts near its edge, a button's label is centred in
+ * air. Each ramp is shared by its whole family.
+ *
+ * ## Icons
+ *
+ * `iconSize` is Button's `_icon` ramp as a sizes token; `iconBoxSize` is the
+ * `Icon` `boxSize` name with the same size, for icons a control draws itself
+ * (DatePicker / MonthPicker triggers) and for call sites placing an icon in a
+ * control (`<SearchIcon boxSize={controlSizes[size].iconBoxSize} />`).
+ */
+export declare const CONTROL_SIZES: readonly ["2xs", "xs", "sm", "md", "lg", "xl"];
+export type ControlSize = (typeof CONTROL_SIZES)[number];
+/**
+ * The four sizes a control row is built from. Every height-bearing control
+ * supports these; `2xs` / `xl` exist only where the component already had them.
+ */
+export declare const CORE_CONTROL_SIZES: readonly ["xs", "sm", "md", "lg"];
+export type CoreControlSize = (typeof CORE_CONTROL_SIZES)[number];
+export interface ControlSizeSpec {
+    /** `sizes` token key — the outer height of every height-bearing control. */
+    height: string;
+    /** textStyle every control uses at this size (font size + line height). */
+    textStyle: 'xs' | 'sm' | 'md';
+    /** `sizes` token key for an icon inside the control (Button's `_icon`). */
+    iconSize: string;
+    /** The `Icon` `boxSize` name that renders at `iconSize`. */
+    iconBoxSize: '2xs' | 'xs' | 'sm';
+    /** Inline padding of action controls (spacing token). */
+    actionPaddingX: string;
+    /** Inline padding of field controls (spacing token). */
+    fieldPaddingX: string;
+    /** Gap between an icon and the label (spacing token). */
+    gap: string;
+}
+export declare const controlSizes: Record<ControlSize, ControlSizeSpec>;
+/** Corner radius of every boxed control, at every size (Button's). */
+export declare const CONTROL_RADIUS = "md";
+/** `sizes.N` token path of a size's height, for recipe CSS variables. */
+export declare const controlHeightToken: (size: ControlSize) => string;
+/** The same height as a CSS value, for `calc()` and inline styles. */
+export declare const controlHeightVar: (size: ControlSize) => string;
+/** Resolve an arbitrary `size` prop to a spec, falling back to `md`. */
+export declare const getControlSize: (size: unknown) => ControlSizeSpec;
+//# sourceMappingURL=controlSizes.d.ts.map

package/dist/theme/controlSizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlSizes.d.ts","sourceRoot":"","sources":["../../src/theme/controlSizes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwDG;AAEH,eAAO,MAAM,aAAa,gDAAiD,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,mCAAoC,CAAC;AAEpE,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,CAAC,CAAC;AAElE,MAAM,WAAW,eAAe;IAC9B,4EAA4E;IAC5E,MAAM,EAAE,MAAM,CAAC;IACf,2EAA2E;IAC3E,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC9B,2EAA2E;IAC3E,QAAQ,EAAE,MAAM,CAAC;IACjB,4DAA4D;IAC5D,WAAW,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yDAAyD;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,wDAAwD;IACxD,aAAa,EAAE,MAAM,CAAC;IACtB,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAyD7D,CAAC;AAEF,sEAAsE;AACtE,eAAO,MAAM,cAAc,OAAO,CAAC;AAEnC,yEAAyE;AACzE,eAAO,MAAM,kBAAkB,GAAI,MAAM,WAAW,KAAG,MACjB,CAAC;AAEvC,sEAAsE;AACtE,eAAO,MAAM,gBAAgB,GAAI,MAAM,WAAW,KAAG,MACD,CAAC;AAErD,wEAAwE;AACxE,eAAO,MAAM,cAAc,GAAI,MAAM,OAAO,KAAG,eAG1B,CAAC"}

package/dist/theme/controlSizes.js

@@ -0,0 +1,143 @@
+"use client";
+'use strict';
+
+/**
+ * One size scale for every control.
+ *
+ * A row of controls — a table filter bar, a toolbar, an inline form — only
+ * lines up when every control resolves the same `size` value to the same
+ * height, type size, icon size and corner. Each component used to carry its own
+ * map (Chakra's recipe here, a local table there), and they drifted: in the
+ * FactChat coding-agent toolbar a `SegmentedControl size="sm"` drew 36px, an
+ * `Input size="xs"` 28px and an `lg` `Tag` 20.4px side by side (R28 3차 QA #18).
+ * Every height-bearing control and every recipe override now reads this table,
+ * and `controlSizes.test.ts` fails if one stops doing so.
+ *
+ * ## The scale is Button's
+ *
+ * `Button` was the reference and does not change: the values below are exactly
+ * Chakra's button recipe. Everything else is aligned to it.
+ *
+ * | size | height token | px at the 14px root | in a 16px `ScaledContext` (desktop) |
+ * |------|--------------|---------------------|-------------------------------------|
+ * | 2xs  | `sizes.6`    | 21                  | 21 (2xs type is 0.875em)            |
+ * | xs   | `sizes.8`    | 28                  | 28 (xs type is 0.875em)             |
+ * | sm   | `sizes.9`    | 31.5                | 36                                  |
+ * | md   | `sizes.10`   | 35                  | 40                                  |
+ * | lg   | `sizes.11`   | 38.5                | 44                                  |
+ * | xl   | `sizes.12`   | 42                  | 48                                  |
+ *
+ * ## Why one type step per size, not just one height
+ *
+ * `html` is 14px, and the sizes tokens are rem, so outside a `ScaledContext`
+ * the height alone decides. Inside one (FactChat's `ReadingScale` is
+ * `<ScaledContext fontSize="16px">`) the sizes tokens become **em**, and an em
+ * resolves against the control's *own* font size. Two controls with the same
+ * height token but different type therefore stop matching there — that is how
+ * `Input lg` (1.143em type) drew 50px next to a 44px `Button lg`. The same
+ * happens at the mobile breakpoint, where the textStyles drop to 0.875em. So
+ * every control takes its type from `textStyle` here too: equal type per size
+ * is what keeps equal height everywhere, not only at the root.
+ *
+ * Text-entry controls still raise their type to 16px under `pointer: coarse`
+ * (`noZoomOnFocus`, iOS zoom). At the root that changes nothing about height;
+ * inside a `ScaledContext` on a touch device it makes an `Input` taller than
+ * its neighbours. That is the price of not zooming, and it is left alone.
+ *
+ * ## Two padding ramps
+ *
+ * Action controls (Button, SegmentedControl items, interactive Tag) and field
+ * controls (Input, Select, Combobox, Textarea) keep different inline padding on
+ * purpose: a field's text starts near its edge, a button's label is centred in
+ * air. Each ramp is shared by its whole family.
+ *
+ * ## Icons
+ *
+ * `iconSize` is Button's `_icon` ramp as a sizes token; `iconBoxSize` is the
+ * `Icon` `boxSize` name with the same size, for icons a control draws itself
+ * (DatePicker / MonthPicker triggers) and for call sites placing an icon in a
+ * control (`<SearchIcon boxSize={controlSizes[size].iconBoxSize} />`).
+ */
+const CONTROL_SIZES = ['2xs', 'xs', 'sm', 'md', 'lg', 'xl'];
+/**
+ * The four sizes a control row is built from. Every height-bearing control
+ * supports these; `2xs` / `xl` exist only where the component already had them.
+ */
+const CORE_CONTROL_SIZES = ['xs', 'sm', 'md', 'lg'];
+const controlSizes = {
+    '2xs': {
+        height: '6',
+        textStyle: 'xs',
+        iconSize: '3.5',
+        iconBoxSize: '2xs',
+        actionPaddingX: '2',
+        fieldPaddingX: '2',
+        gap: '1',
+    },
+    xs: {
+        height: '8',
+        textStyle: 'xs',
+        iconSize: '4',
+        iconBoxSize: 'xs',
+        actionPaddingX: '2.5',
+        fieldPaddingX: '2',
+        gap: '1',
+    },
+    sm: {
+        height: '9',
+        textStyle: 'sm',
+        iconSize: '4',
+        iconBoxSize: 'xs',
+        actionPaddingX: '3.5',
+        fieldPaddingX: '2.5',
+        gap: '2',
+    },
+    md: {
+        height: '10',
+        textStyle: 'sm',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '4',
+        fieldPaddingX: '3',
+        gap: '2',
+    },
+    lg: {
+        height: '11',
+        textStyle: 'md',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '5',
+        // 12px at a 16px font — kept from the lg padding fix (f2820c8) so lg reads
+        // as a step up from md rather than a wider box.
+        fieldPaddingX: '3',
+        gap: '3',
+    },
+    xl: {
+        height: '12',
+        textStyle: 'md',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '5',
+        fieldPaddingX: '4.5',
+        gap: '2.5',
+    },
+};
+/** Corner radius of every boxed control, at every size (Button's). */
+const CONTROL_RADIUS = 'md';
+/** `sizes.N` token path of a size's height, for recipe CSS variables. */
+const controlHeightToken = (size) => `sizes.${controlSizes[size].height}`;
+/** The same height as a CSS value, for `calc()` and inline styles. */
+const controlHeightVar = (size) => `var(--chakra-sizes-${controlSizes[size].height})`;
+/** Resolve an arbitrary `size` prop to a spec, falling back to `md`. */
+const getControlSize = (size) => typeof size === 'string' && size in controlSizes
+    ? controlSizes[size]
+    : controlSizes.md;
+
+exports.CONTROL_RADIUS = CONTROL_RADIUS;
+exports.CONTROL_SIZES = CONTROL_SIZES;
+exports.CORE_CONTROL_SIZES = CORE_CONTROL_SIZES;
+exports.controlHeightToken = controlHeightToken;
+exports.controlHeightVar = controlHeightVar;
+exports.controlSizes = controlSizes;
+exports.getControlSize = getControlSize;
+//# sourceMappingURL=controlSizes.js.map

package/dist/theme/controlSizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlSizes.js","sources":["../../src/theme/controlSizes.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDG;AAEI,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAIjE;;;AAGG;AACI,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAqBlD,MAAM,YAAY,GAAyC;AAChE,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;;;AAGnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,GAAG,EAAE,KAAK;AACX,KAAA;;AAGH;AACO,MAAM,cAAc,GAAG;AAE9B;AACO,MAAM,kBAAkB,GAAG,CAAC,IAAiB,KAClD,CAAA,MAAA,EAAS,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM;AAEpC;AACO,MAAM,gBAAgB,GAAG,CAAC,IAAiB,KAChD,CAAA,mBAAA,EAAsB,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM;AAEjD;AACO,MAAM,cAAc,GAAG,CAAC,IAAa,KAC1C,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI;AAClC,MAAE,YAAY,CAAC,IAAmB;AAClC,MAAE,YAAY,CAAC;;;;;;;;;;"}

package/dist/theme/controlSizes.mjs

@@ -0,0 +1,135 @@
+"use client";
+/**
+ * One size scale for every control.
+ *
+ * A row of controls — a table filter bar, a toolbar, an inline form — only
+ * lines up when every control resolves the same `size` value to the same
+ * height, type size, icon size and corner. Each component used to carry its own
+ * map (Chakra's recipe here, a local table there), and they drifted: in the
+ * FactChat coding-agent toolbar a `SegmentedControl size="sm"` drew 36px, an
+ * `Input size="xs"` 28px and an `lg` `Tag` 20.4px side by side (R28 3차 QA #18).
+ * Every height-bearing control and every recipe override now reads this table,
+ * and `controlSizes.test.ts` fails if one stops doing so.
+ *
+ * ## The scale is Button's
+ *
+ * `Button` was the reference and does not change: the values below are exactly
+ * Chakra's button recipe. Everything else is aligned to it.
+ *
+ * | size | height token | px at the 14px root | in a 16px `ScaledContext` (desktop) |
+ * |------|--------------|---------------------|-------------------------------------|
+ * | 2xs  | `sizes.6`    | 21                  | 21 (2xs type is 0.875em)            |
+ * | xs   | `sizes.8`    | 28                  | 28 (xs type is 0.875em)             |
+ * | sm   | `sizes.9`    | 31.5                | 36                                  |
+ * | md   | `sizes.10`   | 35                  | 40                                  |
+ * | lg   | `sizes.11`   | 38.5                | 44                                  |
+ * | xl   | `sizes.12`   | 42                  | 48                                  |
+ *
+ * ## Why one type step per size, not just one height
+ *
+ * `html` is 14px, and the sizes tokens are rem, so outside a `ScaledContext`
+ * the height alone decides. Inside one (FactChat's `ReadingScale` is
+ * `<ScaledContext fontSize="16px">`) the sizes tokens become **em**, and an em
+ * resolves against the control's *own* font size. Two controls with the same
+ * height token but different type therefore stop matching there — that is how
+ * `Input lg` (1.143em type) drew 50px next to a 44px `Button lg`. The same
+ * happens at the mobile breakpoint, where the textStyles drop to 0.875em. So
+ * every control takes its type from `textStyle` here too: equal type per size
+ * is what keeps equal height everywhere, not only at the root.
+ *
+ * Text-entry controls still raise their type to 16px under `pointer: coarse`
+ * (`noZoomOnFocus`, iOS zoom). At the root that changes nothing about height;
+ * inside a `ScaledContext` on a touch device it makes an `Input` taller than
+ * its neighbours. That is the price of not zooming, and it is left alone.
+ *
+ * ## Two padding ramps
+ *
+ * Action controls (Button, SegmentedControl items, interactive Tag) and field
+ * controls (Input, Select, Combobox, Textarea) keep different inline padding on
+ * purpose: a field's text starts near its edge, a button's label is centred in
+ * air. Each ramp is shared by its whole family.
+ *
+ * ## Icons
+ *
+ * `iconSize` is Button's `_icon` ramp as a sizes token; `iconBoxSize` is the
+ * `Icon` `boxSize` name with the same size, for icons a control draws itself
+ * (DatePicker / MonthPicker triggers) and for call sites placing an icon in a
+ * control (`<SearchIcon boxSize={controlSizes[size].iconBoxSize} />`).
+ */
+const CONTROL_SIZES = ['2xs', 'xs', 'sm', 'md', 'lg', 'xl'];
+/**
+ * The four sizes a control row is built from. Every height-bearing control
+ * supports these; `2xs` / `xl` exist only where the component already had them.
+ */
+const CORE_CONTROL_SIZES = ['xs', 'sm', 'md', 'lg'];
+const controlSizes = {
+    '2xs': {
+        height: '6',
+        textStyle: 'xs',
+        iconSize: '3.5',
+        iconBoxSize: '2xs',
+        actionPaddingX: '2',
+        fieldPaddingX: '2',
+        gap: '1',
+    },
+    xs: {
+        height: '8',
+        textStyle: 'xs',
+        iconSize: '4',
+        iconBoxSize: 'xs',
+        actionPaddingX: '2.5',
+        fieldPaddingX: '2',
+        gap: '1',
+    },
+    sm: {
+        height: '9',
+        textStyle: 'sm',
+        iconSize: '4',
+        iconBoxSize: 'xs',
+        actionPaddingX: '3.5',
+        fieldPaddingX: '2.5',
+        gap: '2',
+    },
+    md: {
+        height: '10',
+        textStyle: 'sm',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '4',
+        fieldPaddingX: '3',
+        gap: '2',
+    },
+    lg: {
+        height: '11',
+        textStyle: 'md',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '5',
+        // 12px at a 16px font — kept from the lg padding fix (f2820c8) so lg reads
+        // as a step up from md rather than a wider box.
+        fieldPaddingX: '3',
+        gap: '3',
+    },
+    xl: {
+        height: '12',
+        textStyle: 'md',
+        iconSize: '5',
+        iconBoxSize: 'sm',
+        actionPaddingX: '5',
+        fieldPaddingX: '4.5',
+        gap: '2.5',
+    },
+};
+/** Corner radius of every boxed control, at every size (Button's). */
+const CONTROL_RADIUS = 'md';
+/** `sizes.N` token path of a size's height, for recipe CSS variables. */
+const controlHeightToken = (size) => `sizes.${controlSizes[size].height}`;
+/** The same height as a CSS value, for `calc()` and inline styles. */
+const controlHeightVar = (size) => `var(--chakra-sizes-${controlSizes[size].height})`;
+/** Resolve an arbitrary `size` prop to a spec, falling back to `md`. */
+const getControlSize = (size) => typeof size === 'string' && size in controlSizes
+    ? controlSizes[size]
+    : controlSizes.md;
+
+export { CONTROL_RADIUS, CONTROL_SIZES, CORE_CONTROL_SIZES, controlHeightToken, controlHeightVar, controlSizes, getControlSize };
+//# sourceMappingURL=controlSizes.mjs.map

package/dist/theme/controlSizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"controlSizes.mjs","sources":["../../src/theme/controlSizes.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwDG;AAEI,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAIjE;;;AAGG;AACI,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAqBlD,MAAM,YAAY,GAAyC;AAChE,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,KAAK;AACf,QAAA,WAAW,EAAE,KAAK;AAClB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,KAAK;AACrB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;;;AAGnB,QAAA,aAAa,EAAE,GAAG;AAClB,QAAA,GAAG,EAAE,GAAG;AACT,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,MAAM,EAAE,IAAI;AACZ,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,cAAc,EAAE,GAAG;AACnB,QAAA,aAAa,EAAE,KAAK;AACpB,QAAA,GAAG,EAAE,KAAK;AACX,KAAA;;AAGH;AACO,MAAM,cAAc,GAAG;AAE9B;AACO,MAAM,kBAAkB,GAAG,CAAC,IAAiB,KAClD,CAAA,MAAA,EAAS,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM;AAEpC;AACO,MAAM,gBAAgB,GAAG,CAAC,IAAiB,KAChD,CAAA,mBAAA,EAAsB,YAAY,CAAC,IAAI,CAAC,CAAC,MAAM;AAEjD;AACO,MAAM,cAAc,GAAG,CAAC,IAAa,KAC1C,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,IAAI;AAClC,MAAE,YAAY,CAAC,IAAmB;AAClC,MAAE,YAAY,CAAC;;;;"}

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AAgFlB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,uCA2GrB,CAAC;AAiEH;;;;;;;;;;;;GAYG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,YAAY,EAC/D,MAAM,EAAE,CAAC,GACR,CAAC,CAaH;AAED,+CAA+C;AAC/C,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB,gBAuFrE;AAKD,eAAO,MAAM,MAAM,0CAAsC,CAAC;AAE1D,eAAO,MAAM,KAAK,0CAAS,CAAC;AAE5B,eAAO,MAAM,cAAc,cAAS,CAAC;AACrC,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,UAAU,CAAC;AA2FlB;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,uCA2GrB,CAAC;AAsBH;;;;;;;;;;;;GAYG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,YAAY,EAC/D,MAAM,EAAE,CAAC,GACR,CAAC,CAaH;AAED,+CAA+C;AAC/C,MAAM,MAAM,oBAAoB,GAAG,oBAAoB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,GAAE,oBAAyB,gBA+FrE;AAKD,eAAO,MAAM,MAAM,0CAAsC,CAAC;AAE1D,eAAO,MAAM,KAAK,0CAAS,CAAC;AAE5B,eAAO,MAAM,cAAc,cAAS,CAAC;AACrC,eAAe,MAAM,CAAC"}

package/dist/theme/index.js

@@ -9,6 +9,7 @@ var global = require('./global.js');
 var motion = require('./motion.js');
 var accordion = require('./recipes/accordion.js');
 var avatar = require('./recipes/avatar.js');
+var controls = require('./recipes/controls.js');
 var table = require('./recipes/table.js');
 
 /**
@@ -201,46 +202,6 @@ const textStyles = react.defineTextStyles({
         value: SHARED_TEXT_STYLE_VALUES.overline,
     },
 });
-/**
- * `lg`/`xl` form-control font size.
- *
- * Chakra's input, textarea and select recipes put `sm`/`md` on the `sm`
- * textStyle and `lg`/`xl` on `md`. This theme maps both textStyles to
- * `subtitleAndP`, so every size rendered at the same 14px and only the height
- * changed. `lg`/`xl` get their own step here (desktop 16px, phone 14px);
- * `xs`/`sm`/`md` keep their current size on purpose, so call sites that do not
- * pass `size` render exactly as before.
- *
- * Spacing tokens are em-based, so Chakra's `lg` `px: 4` grows with the font to
- * 16px. `lg` drops to `px: 3` (12px) to stay close to `md`'s 10.5px.
- */
-const FORM_CONTROL_LG_FONT_SIZE = { base: '1em', md: '1.143em' };
-const formControlLgOverride = {
-    variants: {
-        size: {
-            lg: { fontSize: FORM_CONTROL_LG_FONT_SIZE, px: '3' },
-            xl: { fontSize: FORM_CONTROL_LG_FONT_SIZE },
-        },
-    },
-};
-// Same `lg` step as Input, and the same height as Input `lg` (Chakra puts the
-// select trigger one token taller). Chakra's `py: 3` is em-based, so at 16px it
-// alone pushes the trigger past the min height; let the height token win.
-const selectSlotRecipe = react.defineSlotRecipe({
-    slots: ['root', 'trigger', 'content'],
-    variants: {
-        size: {
-            lg: {
-                root: {
-                    '--select-trigger-height': 'sizes.11',
-                    '--select-trigger-padding-x': 'spacing.3',
-                },
-                trigger: { fontSize: FORM_CONTROL_LG_FONT_SIZE, py: '1.5' },
-                content: { fontSize: FORM_CONTROL_LG_FONT_SIZE },
-            },
-        },
-    },
-});
 const normalizeNode = (node) => {
     const out = {};
     for (const [key, child] of Object.entries(node)) {
@@ -377,15 +338,23 @@ function createLogicianTheme(options = {}) {
                 colors: colors.createSemanticColors(options),
             },
             textStyles,
+            // Every control's `size` variant reads the shared scale in
+            // ./controlSizes — see ./recipes/controls.
             recipes: {
-                input: formControlLgOverride,
-                textarea: formControlLgOverride,
+                button: controls.buttonRecipe,
+                input: controls.inputRecipe,
+                textarea: controls.textareaRecipe,
             },
             slotRecipes: {
                 accordion: accordion.accordionSlotRecipe,
                 avatar: avatar.avatarSlotRecipe,
                 table: table.tableSlotRecipe,
-                select: selectSlotRecipe,
+                select: controls.selectSlotRecipe,
+                combobox: controls.comboboxSlotRecipe,
+                tabs: controls.tabsSlotRecipe,
+                checkbox: controls.checkboxSlotRecipe,
+                radioGroup: controls.radioGroupSlotRecipe,
+                switch: controls.switchSlotRecipe,
             },
         },
     });