@mindlogic-ai/logician-ui 5.0.0-alpha.3 → 5.0.0-alpha.30

package/dist/components/NavList/NavListSkeleton.js

@@ -0,0 +1,33 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var NavList_styles = require('./NavList.styles.js');
+
+/** Widths that vary row to row, so the placeholder does not read as a table. */
+const WIDTHS = ['72%', '56%', '84%', '64%', '48%', '76%'];
+/**
+ * Placeholder rows while a rail's entries load, with the same row height,
+ * radius and gap as the real list, so nothing moves when it swaps in.
+ *
+ * Render it INSTEAD of the `NavList`, not inside it. It is `aria-hidden`: a
+ * column of grey bars says nothing to a screen reader, and "loading" belongs
+ * to the region that is loading (`aria-busy`, or a status message) rather
+ * than to one of its placeholders.
+ *
+ * Counts that are still loading are not this — leave `trailingVisual` unset
+ * until they arrive, and the row keeps its label.
+ */
+const NavListSkeleton = React.forwardRef(({ count = 5, orientation = 'vertical', ...rest }, ref) => (jsxRuntime.jsx(react.chakra.ul, { ref: ref, "aria-hidden": true, ...NavList_styles.listStyles(orientation), ...rest, children: Array.from({ length: count }, (_, i) => (jsxRuntime.jsxs(react.chakra.li, { display: "flex", alignItems: "center", flexShrink: 0, 
+        // The row's own box: `minH`, padding and one line of `p` text, so
+        // the placeholder is exactly as tall as the row that replaces it.
+        minH: 9, px: 2.5, py: 2, textStyle: "p", w: NavList_styles.byOrientation(orientation, 'auto', '96px'), children: [jsxRuntime.jsx(react.Skeleton, { h: 4, w: NavList_styles.byOrientation(orientation, WIDTHS[i % WIDTHS.length], 'full'), borderRadius: "sm", 
+                // A placeholder that stops pulsing is still a placeholder; there
+                // is no progress for the motion to carry.
+                _motionReduce: { animation: 'none' } }), jsxRuntime.jsx(react.chakra.span, { w: 0, overflow: "hidden", children: '\u00A0' })] }, i))) })));
+NavListSkeleton.displayName = 'NavList.Skeleton';
+
+exports.NavListSkeleton = NavListSkeleton;
+//# sourceMappingURL=NavListSkeleton.js.map

package/dist/components/NavList/NavListSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavListSkeleton.js","sources":["../../../src/components/NavList/NavListSkeleton.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","chakra","listStyles","_jsxs","byOrientation","Skeleton"],"mappings":";;;;;;;;AAMA;AACA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAEzD;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAGA,gBAAU,CAGvC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACtDC,cAAA,CAACC,YAAM,CAAC,EAAE,IAAC,GAAG,EAAE,GAAG,EAAA,aAAA,EAAA,IAAA,EAAA,GAAkBC,yBAAU,CAAC,WAAW,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MAClCC,eAAA,CAACF,YAAM,CAAC,EAAE,IAER,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,CAAC;;;QAGb,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,CAAC,EACL,SAAS,EAAC,GAAG,EACb,CAAC,EAAEG,4BAAa,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,CAE7CJ,eAACK,cAAQ,EAAA,EACP,CAAC,EAAE,CAAC,EACJ,CAAC,EAAED,4BAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAChE,YAAY,EAAC,IAAI;;;AAGjB,gBAAA,aAAa,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAA,CACpC,EACFJ,cAAA,CAACC,YAAM,CAAC,IAAI,IAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAA,QAAA,EACjC,QAAQ,EAAA,CACG,CAAA,EAAA,EAtBT,CAAC,CAuBI,CACb,CAAC,EAAA,CACQ,CACb;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/NavList/NavListSkeleton.mjs

@@ -0,0 +1,31 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { chakra, Skeleton } from '@chakra-ui/react';
+import { listStyles, byOrientation } from './NavList.styles.mjs';
+
+/** Widths that vary row to row, so the placeholder does not read as a table. */
+const WIDTHS = ['72%', '56%', '84%', '64%', '48%', '76%'];
+/**
+ * Placeholder rows while a rail's entries load, with the same row height,
+ * radius and gap as the real list, so nothing moves when it swaps in.
+ *
+ * Render it INSTEAD of the `NavList`, not inside it. It is `aria-hidden`: a
+ * column of grey bars says nothing to a screen reader, and "loading" belongs
+ * to the region that is loading (`aria-busy`, or a status message) rather
+ * than to one of its placeholders.
+ *
+ * Counts that are still loading are not this — leave `trailingVisual` unset
+ * until they arrive, and the row keeps its label.
+ */
+const NavListSkeleton = forwardRef(({ count = 5, orientation = 'vertical', ...rest }, ref) => (jsx(chakra.ul, { ref: ref, "aria-hidden": true, ...listStyles(orientation), ...rest, children: Array.from({ length: count }, (_, i) => (jsxs(chakra.li, { display: "flex", alignItems: "center", flexShrink: 0, 
+        // The row's own box: `minH`, padding and one line of `p` text, so
+        // the placeholder is exactly as tall as the row that replaces it.
+        minH: 9, px: 2.5, py: 2, textStyle: "p", w: byOrientation(orientation, 'auto', '96px'), children: [jsx(Skeleton, { h: 4, w: byOrientation(orientation, WIDTHS[i % WIDTHS.length], 'full'), borderRadius: "sm", 
+                // A placeholder that stops pulsing is still a placeholder; there
+                // is no progress for the motion to carry.
+                _motionReduce: { animation: 'none' } }), jsx(chakra.span, { w: 0, overflow: "hidden", children: '\u00A0' })] }, i))) })));
+NavListSkeleton.displayName = 'NavList.Skeleton';
+
+export { NavListSkeleton };
+//# sourceMappingURL=NavListSkeleton.mjs.map

package/dist/components/NavList/NavListSkeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavListSkeleton.mjs","sources":["../../../src/components/NavList/NavListSkeleton.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAMA;AACA,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;AAEzD;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAG,UAAU,CAGvC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,WAAW,GAAG,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,MACtDA,GAAA,CAAC,MAAM,CAAC,EAAE,IAAC,GAAG,EAAE,GAAG,EAAA,aAAA,EAAA,IAAA,EAAA,GAAkB,UAAU,CAAC,WAAW,CAAC,EAAA,GAAM,IAAI,EAAA,QAAA,EACnE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MAClCC,IAAA,CAAC,MAAM,CAAC,EAAE,IAER,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAE,CAAC;;;QAGb,IAAI,EAAE,CAAC,EACP,EAAE,EAAE,GAAG,EACP,EAAE,EAAE,CAAC,EACL,SAAS,EAAC,GAAG,EACb,CAAC,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,EAAA,QAAA,EAAA,CAE7CD,IAAC,QAAQ,EAAA,EACP,CAAC,EAAE,CAAC,EACJ,CAAC,EAAE,aAAa,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAChE,YAAY,EAAC,IAAI;;;AAGjB,gBAAA,aAAa,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,EAAA,CACpC,EACFA,GAAA,CAAC,MAAM,CAAC,IAAI,IAAC,CAAC,EAAE,CAAC,EAAE,QAAQ,EAAC,QAAQ,EAAA,QAAA,EACjC,QAAQ,EAAA,CACG,CAAA,EAAA,EAtBT,CAAC,CAuBI,CACb,CAAC,EAAA,CACQ,CACb;AAED,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

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

@@ -0,0 +1,7 @@
+export { NavList } from './NavList';
+export { NAV_LIST_RAMP } from './NavList.styles';
+export type { NavListGroupProps, NavListItemProps, NavListOrientation, NavListProps, NavListResponsiveOrientation, NavListSkeletonProps, NavListTooltipPlacement, NavListTrailingActionVisibility, } from './NavList.types';
+export { NavListGroup } from './NavListGroup';
+export { NavListItem } from './NavListItem';
+export { NavListSkeleton } from './NavListSkeleton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NavList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,4BAA4B,EAC5B,oBAAoB,EACpB,uBAAuB,EACvB,+BAA+B,GAChC,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Pagination/Pagination.d.ts

@@ -1,17 +1,18 @@
 import { PaginationProps } from './Pagination.types';
 /**
- * A pagination component that allows users to navigate through pages.
- * Displays the current page number and the maximum page count.
- * Supports both controlled and uncontrolled modes.
+ * Previous / next page buttons with a "current / last" counter, and an
+ * optional page-size select. The last page is derived:
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
+ * is only one page.
  *
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
+ *   (and `onCurrentPageChange`, which fires when a larger page size puts the
+ *   current page past the new last page).
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
+ *   itself.
  *
- * @param {PaginationProps} props - Props for the Pagination component.
- * @param {number} [props.currentPage] - The current page number (controlled mode).
- * @param {number} props.maxPage - The maximum number of pages available.
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
+ * `itemsPerPage` is always controlled: update it from
+ * `onItemsPerPageOptionChange`.
  */
 export declare const Pagination: ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Pagination.d.ts.map

package/dist/components/Pagination/Pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CA+FjB,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CA+FjB,CAAC"}

package/dist/components/Pagination/Pagination.js

@@ -24,18 +24,19 @@ require('../Select/Select.js');
 var SelectField = require('../Select/SelectField.js');
 
 /**
- * A pagination component that allows users to navigate through pages.
- * Displays the current page number and the maximum page count.
- * Supports both controlled and uncontrolled modes.
+ * Previous / next page buttons with a "current / last" counter, and an
+ * optional page-size select. The last page is derived:
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
+ * is only one page.
  *
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
+ *   (and `onCurrentPageChange`, which fires when a larger page size puts the
+ *   current page past the new last page).
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
+ *   itself.
  *
- * @param {PaginationProps} props - Props for the Pagination component.
- * @param {number} [props.currentPage] - The current page number (controlled mode).
- * @param {number} props.maxPage - The maximum number of pages available.
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
+ * `itemsPerPage` is always controlled: update it from
+ * `onItemsPerPageOptionChange`.
  */
 const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
     const translate = useTranslate.useTranslate();

package/dist/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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"}

package/dist/components/Pagination/Pagination.mjs

@@ -22,18 +22,19 @@ import '../Select/Select.mjs';
 import { SelectField } from '../Select/SelectField.mjs';
 
 /**
- * A pagination component that allows users to navigate through pages.
- * Displays the current page number and the maximum page count.
- * Supports both controlled and uncontrolled modes.
+ * Previous / next page buttons with a "current / last" counter, and an
+ * optional page-size select. The last page is derived:
+ * `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
+ * is only one page.
  *
- * - **Controlled Mode**: Pass `currentPage` and `onBack`/`onNext` props to fully control the pagination behavior.
- * - **Uncontrolled Mode**: If `currentPage` is not provided, the component manages its own internal state for the current page.
+ * - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
+ *   (and `onCurrentPageChange`, which fires when a larger page size puts the
+ *   current page past the new last page).
+ * - **Uncontrolled:** leave `currentPage` out and the component keeps the page
+ *   itself.
  *
- * @param {PaginationProps} props - Props for the Pagination component.
- * @param {number} [props.currentPage] - The current page number (controlled mode).
- * @param {number} props.maxPage - The maximum number of pages available.
- * @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
- * @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
+ * `itemsPerPage` is always controlled: update it from
+ * `onItemsPerPageOptionChange`.
  */
 const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
     const translate = useTranslate();

package/dist/components/Pagination/Pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

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

@@ -1,7 +1,16 @@
 import { ProgressRootProps as ChakraProgressRootProps } from '@chakra-ui/react';
 export type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export interface ProgressBarProps extends ChakraProgressRootProps {
+    /**
+     * Fill colour token. `danger.solid` only when the value means a problem
+     * (over a limit); otherwise leave the default.
+     * @default 'primary.main'
+     */
     filledTrackColor?: string;
+    /**
+     * Track height: `xs` 4px · `sm` 8px · `md` 16px · `lg` 24px · `xl` 32px.
+     * @default 'md'
+     */
     size?: ProgressBarSize;
     /**
      * Work whose length is not known yet: the bar slides across the track instead

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

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

@@ -1,14 +1,34 @@
 import { BoxProps } from '@chakra-ui/react';
 export interface Segment {
-    /** Color value - supports hex colors, CSS color names, and Chakra UI color tokens (e.g., 'primary.main', 'danger.solid') */
+    /**
+     * Colour token for the arc. Categories take `category.{hue}.fg`; a status
+     * colour (`danger.solid`, …) only when the segment means that status. Hex and
+     * CSS colour names still render but skip the theme (no dark mode).
+     */
     color: string;
+    /** Amount, in the same unit as `total`. */
     value: number;
 }
 export interface RadialProgressProps extends BoxProps {
+    /**
+     * Diameter in px; stroke, gaps and the centre text scale with it.
+     * @default 200
+     */
     size?: number;
+    /**
+     * The whole the segments are parts of, also shown as the centre number.
+     * Nothing renders when it is 0 or less.
+     * @default 100
+     */
     total?: number;
+    /** Unit after the centre number, e.g. `GB`. */
     unit?: string;
+    /**
+     * Arcs in order, clockwise from the top. Whatever `total` leaves over is
+     * drawn as a `bg.track` arc.
+     */
     segments?: Segment[];
+    /** Formats the centre number, e.g. thousands separators. */
     formatTotal?: (value: number) => string | number;
 }
 export interface ProcessedSegment extends Segment {

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

@@ -1 +1 @@
-{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB,4HAA4H;IAC5H,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}
+{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}

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

@@ -6,7 +6,15 @@ import type { ButtonOwnProps } from '../Button/Button.types';
  * props minus the role (`variant` / `isDestructive`).
  */
 export type SeeMoreButtonOwnProps = Omit<ButtonOwnProps, 'variant' | 'isDestructive'> & {
+    /**
+     * How many items the list shows now. Printed as the first number of
+     * `더보기 (currentCount/maxCount)`.
+     */
     currentCount: number;
+    /**
+     * How many items there are in total. The button does not disable or hide
+     * itself when `currentCount` reaches this; the caller does.
+     */
     maxCount: number;
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAmI3B,CAAC"}
+{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAElC,eAAO,MAAM,gBAAgB;;;;kDAoJ3B,CAAC"}

package/dist/components/SegmentedControl/SegmentedControl.js

@@ -4,54 +4,51 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var controlSizes = require('../../theme/controlSizes.js');
 var mergeCss = require('../../utils/mergeCss.js');
 var SegmentedControl_styles = require('./SegmentedControl.styles.js');
 
-// Match font sizes to the equivalent Chakra button sizes
-const fontSizeBySize = {
-    xs: 'xs',
-    sm: 'sm',
-    md: 'sm',
-    lg: 'md',
-};
-// Item heights so that itemHeight + 2×root-padding(p="1") equals the Button height for each size
-const itemHeightBySize = {
-    xs: '6', // 32 - 8 = 24px
-    sm: '7', // 36 - 8 = 28px
-    md: '8', // 40 - 8 = 32px
-    lg: '9', // 44 - 8 = 36px
-};
 const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
     const { options, value, onSelect, defaultValue, size = 'md', borderRadius = 'md', css, ...rest } = props;
-    const fontSize = fontSizeBySize[size] ?? 'sm';
-    const itemHeight = itemHeightBySize[size] ?? '8';
+    // Same textStyle as every other control at this size (see controlSizes):
+    // the item height is em inside a ScaledContext, so equal type is what keeps
+    // the outer height equal to Button's there too.
+    const spec = controlSizes.getControlSize(size);
+    // Root padding in px, not the `1` spacing token: that token is 0.25em, so at
+    // a 14px font it is 3.5px, and Ark positions the indicator from the item's
+    // integer offsetTop/offsetLeft (3.5 rounds to 4). The thumb then sat 0.5px
+    // low and its bottom gap was a pixel narrower than its top.
+    const rootPadding = `${SegmentedControl_styles.segmentRootPaddingPx(size)}px`;
     // Normalize options to the format expected by SegmentGroup.Items
     const items = options.map((option) => ({
         value: option.value,
         label: option.label,
         disabled: option.disabled,
     }));
-    // Use theme borderRadius token directly via CSS variable
+    // Concentric with the root: inner radius = outer radius − root padding
+    // (rootPadding), floored at 0, so the gap between the two curves stays even.
     const indicatorRadius = typeof borderRadius === 'string'
-        ? `var(--chakra-radii-${borderRadius})`
-        : borderRadius;
+        ? `max(0px, calc(var(--chakra-radii-${borderRadius}) - ${rootPadding}))`
+        : typeof borderRadius === 'number'
+            ? `max(0px, calc(${borderRadius}px - ${rootPadding}))`
+            : borderRadius;
     return (jsxRuntime.jsxs(react.SegmentGroup.Root, { ref: ref, value: value, defaultValue: defaultValue ?? options[0]?.value, onValueChange: (details) => {
             if (onSelect) {
                 onSelect(details.value);
             }
         }, size: size, 
-        // Track is bg.subtle (gray.50 light) and the selected indicator rides on
-        // `bg.raised` — a raised neutral surface that resolves white in light and
-        // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
-        // above the track in both modes (`bg.surface` could not: its dark value is
-        // darker than the track). The indicator also gains a shadow: an md drop
-        // shadow in light, and in dark — where a drop shadow is invisible on a
+        // Track is bg.subtle and the selected indicator rides on `bg.raised` — a
+        // raised neutral surface that resolves white in light and a lighter
+        // neutral than the track in dark, so the thumb reads as lifted
+        // above the track in both modes. The indicator also gains a shadow: an xs drop
+        // shadow in light (md's 4px/8px drop filled the 4px track padding below the
+        // thumb and made it read as sagging), and in dark — where a drop shadow is invisible on a
         // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
         //
         // The track itself only contrasts where the page wash is darker (light) or
         // lighter (dark) than the fill. It vanishes when the page matches the
-        // track: a `bg.sunken` list/overview page is gray.50 in light — identical
-        // to the bg.subtle track — and a `bg.surface` card is lighter than the
+        // track: a `bg.sunken` list/overview page has the same light value as
+        // the bg.subtle track — and a `bg.surface` card is lighter than the
         // track in dark. In either case the control would read as floating text,
         // so a hairline ring defines its bounds on *any* background: a neutral
         // `border.default` ring in light, a translucent-white ring in dark. (The
@@ -61,19 +58,23 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
         // it. `border.default` keeps the edge present but light — `border.strong`
         // reads as a heavy box for a control that normally has no outline.) Both
         // rings are box-shadows (not borders) so the matched item-height math is
-        // preserved.
-        bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss.mergeCss({
+        // preserved, and both are inset: an outer ring sits 1px outside the box,
+        // so any `overflow` ancestor flush with the control (a horizontal scroll
+        // row) clipped its straight edges and left only the rounded corners.
+        // Inset, it is drawn inside the root padding, where the indicator never
+        // reaches.
+        bg: "bg.subtle", p: rootPadding, borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss.mergeCss({
             '--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
-            '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
-            boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
+            '--segment-indicator-shadow': `var(--chakra-shadows-xs)`,
+            boxShadow: 'inset 0 0 0 1px var(--chakra-colors-border-default)',
             '.dark &': {
                 '--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
-                boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
+                boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.12)',
             },
         }, css), children: [jsxRuntime.jsx(react.SegmentGroup.Indicator, { borderRadius: indicatorRadius, 
                 // `travel`, delivered through custom properties — see the comment on
                 // `indicatorTravel` for why the ordinary preset cannot reach this part.
-                css: SegmentedControl_styles.indicatorTravel }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
+                css: SegmentedControl_styles.indicatorTravel }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: SegmentedControl_styles.segmentItemHeight(size), textStyle: spec.textStyle, px: spec.actionPaddingX, gap: spec.gap, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
                             '&::after': {
                                 content: 'attr(data-text)',
                                 fontWeight: '600',

package/dist/components/SegmentedControl/SegmentedControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","getControlSize","segmentRootPaddingPx","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel","segmentItemHeight"],"mappings":"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"}

package/dist/components/SegmentedControl/SegmentedControl.mjs

@@ -2,54 +2,51 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { SegmentGroup } from '@chakra-ui/react';
+import { getControlSize } from '../../theme/controlSizes.mjs';
 import { mergeCss } from '../../utils/mergeCss.mjs';
-import { indicatorTravel } from './SegmentedControl.styles.mjs';
+import { segmentRootPaddingPx, indicatorTravel, segmentItemHeight } from './SegmentedControl.styles.mjs';
 
-// Match font sizes to the equivalent Chakra button sizes
-const fontSizeBySize = {
-    xs: 'xs',
-    sm: 'sm',
-    md: 'sm',
-    lg: 'md',
-};
-// Item heights so that itemHeight + 2×root-padding(p="1") equals the Button height for each size
-const itemHeightBySize = {
-    xs: '6', // 32 - 8 = 24px
-    sm: '7', // 36 - 8 = 28px
-    md: '8', // 40 - 8 = 32px
-    lg: '9', // 44 - 8 = 36px
-};
 const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
     const { options, value, onSelect, defaultValue, size = 'md', borderRadius = 'md', css, ...rest } = props;
-    const fontSize = fontSizeBySize[size] ?? 'sm';
-    const itemHeight = itemHeightBySize[size] ?? '8';
+    // Same textStyle as every other control at this size (see controlSizes):
+    // the item height is em inside a ScaledContext, so equal type is what keeps
+    // the outer height equal to Button's there too.
+    const spec = getControlSize(size);
+    // Root padding in px, not the `1` spacing token: that token is 0.25em, so at
+    // a 14px font it is 3.5px, and Ark positions the indicator from the item's
+    // integer offsetTop/offsetLeft (3.5 rounds to 4). The thumb then sat 0.5px
+    // low and its bottom gap was a pixel narrower than its top.
+    const rootPadding = `${segmentRootPaddingPx(size)}px`;
     // Normalize options to the format expected by SegmentGroup.Items
     const items = options.map((option) => ({
         value: option.value,
         label: option.label,
         disabled: option.disabled,
     }));
-    // Use theme borderRadius token directly via CSS variable
+    // Concentric with the root: inner radius = outer radius − root padding
+    // (rootPadding), floored at 0, so the gap between the two curves stays even.
     const indicatorRadius = typeof borderRadius === 'string'
-        ? `var(--chakra-radii-${borderRadius})`
-        : borderRadius;
+        ? `max(0px, calc(var(--chakra-radii-${borderRadius}) - ${rootPadding}))`
+        : typeof borderRadius === 'number'
+            ? `max(0px, calc(${borderRadius}px - ${rootPadding}))`
+            : borderRadius;
     return (jsxs(SegmentGroup.Root, { ref: ref, value: value, defaultValue: defaultValue ?? options[0]?.value, onValueChange: (details) => {
             if (onSelect) {
                 onSelect(details.value);
             }
         }, size: size, 
-        // Track is bg.subtle (gray.50 light) and the selected indicator rides on
-        // `bg.raised` — a raised neutral surface that resolves white in light and
-        // the lightest neutral (gray.1100) in dark, so the thumb reads as lifted
-        // above the track in both modes (`bg.surface` could not: its dark value is
-        // darker than the track). The indicator also gains a shadow: an md drop
-        // shadow in light, and in dark — where a drop shadow is invisible on a
+        // Track is bg.subtle and the selected indicator rides on `bg.raised` — a
+        // raised neutral surface that resolves white in light and a lighter
+        // neutral than the track in dark, so the thumb reads as lifted
+        // above the track in both modes. The indicator also gains a shadow: an xs drop
+        // shadow in light (md's 4px/8px drop filled the 4px track padding below the
+        // thumb and made it read as sagging), and in dark — where a drop shadow is invisible on a
         // dark canvas — a soft ambient shadow + a translucent-white hairline edge.
         //
         // The track itself only contrasts where the page wash is darker (light) or
         // lighter (dark) than the fill. It vanishes when the page matches the
-        // track: a `bg.sunken` list/overview page is gray.50 in light — identical
-        // to the bg.subtle track — and a `bg.surface` card is lighter than the
+        // track: a `bg.sunken` list/overview page has the same light value as
+        // the bg.subtle track — and a `bg.surface` card is lighter than the
         // track in dark. In either case the control would read as floating text,
         // so a hairline ring defines its bounds on *any* background: a neutral
         // `border.default` ring in light, a translucent-white ring in dark. (The
@@ -59,19 +56,23 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
         // it. `border.default` keeps the edge present but light — `border.strong`
         // reads as a heavy box for a control that normally has no outline.) Both
         // rings are box-shadows (not borders) so the matched item-height math is
-        // preserved.
-        bg: "bg.subtle", p: "1", borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss({
+        // preserved, and both are inset: an outer ring sits 1px outside the box,
+        // so any `overflow` ancestor flush with the control (a horizontal scroll
+        // row) clipped its straight edges and left only the rounded corners.
+        // Inset, it is drawn inside the root padding, where the indicator never
+        // reaches.
+        bg: "bg.subtle", p: rootPadding, borderRadius: borderRadius, w: "fit-content", ...rest, css: mergeCss({
             '--segment-indicator-bg': `var(--chakra-colors-bg-raised)`,
-            '--segment-indicator-shadow': `var(--chakra-shadows-md)`,
-            boxShadow: '0 0 0 1px var(--chakra-colors-border-default)',
+            '--segment-indicator-shadow': `var(--chakra-shadows-xs)`,
+            boxShadow: 'inset 0 0 0 1px var(--chakra-colors-border-default)',
             '.dark &': {
                 '--segment-indicator-shadow': '0 1px 2px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.08)',
-                boxShadow: '0 0 0 1px rgba(255, 255, 255, 0.12)',
+                boxShadow: 'inset 0 0 0 1px rgba(255, 255, 255, 0.12)',
             },
         }, css), children: [jsx(SegmentGroup.Indicator, { borderRadius: indicatorRadius, 
                 // `travel`, delivered through custom properties — see the comment on
                 // `indicatorTravel` for why the ordinary preset cannot reach this part.
-                css: indicatorTravel }), items.map((item) => (jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: itemHeight, _hover: { bg: 'transparent' }, children: [jsx(SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", fontSize: fontSize, whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
+                css: indicatorTravel }), items.map((item) => (jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: segmentItemHeight(size), textStyle: spec.textStyle, px: spec.actionPaddingX, gap: spec.gap, _hover: { bg: 'transparent' }, children: [jsx(SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
                             '&::after': {
                                 content: 'attr(data-text)',
                                 fontWeight: '600',

package/dist/components/SegmentedControl/SegmentedControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}