@mindlogic-ai/logician-ui 5.0.0-alpha.12 → 5.0.0-alpha.13

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, 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,+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/index.d.ts

@@ -46,6 +46,7 @@ export * from './components/Menu';
 export * from './components/Modal';
 export * from './components/MonthPicker';
 export * from './components/Popover';
+export * from './components/NavList';
 export * from './components/Pagination';
 export * from './components/PasswordInput';
 export * from './components/PinInput';
@@ -83,7 +84,7 @@ 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';
 export { disabledControl, disabledText } from './utils/disabledControl';
-export { FOCUS_RING_SHADOW, focusRing } from './utils/focusRing';
+export { FOCUS_RING_INSET_SHADOW, FOCUS_RING_SHADOW, focusRing, focusRingInset, } from './utils/focusRing';
 export { staggerDelayMs, type StaggerProps, staggerProps, } from './utils/staggerProps';
 export type { PolymorphicComponent, PolymorphicProps, PolymorphicRef, } from './types/polymorphic';
 export { polymorphic } from './types/polymorphic';

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

@@ -91,6 +91,11 @@ var ModalOverlay = require('./components/Modal/ModalOverlay.js');
 var constants = require('./components/MonthPicker/constants.js');
 var MonthPicker = require('./components/MonthPicker/MonthPicker.js');
 var Popover = require('./components/Popover/Popover.js');
+var NavList = require('./components/NavList/NavList.js');
+var NavList_styles = require('./components/NavList/NavList.styles.js');
+var NavListGroup = require('./components/NavList/NavListGroup.js');
+var NavListItem = require('./components/NavList/NavListItem.js');
+var NavListSkeleton = require('./components/NavList/NavListSkeleton.js');
 var Pagination = require('./components/Pagination/Pagination.js');
 var PasswordInput = require('./components/PasswordInput/PasswordInput.js');
 var PinInput = require('./components/PinInput/PinInput.js');
@@ -314,6 +319,11 @@ exports.getDefaultFullDateFormat = constants.getDefaultFullDateFormat;
 exports.getMonthNames = constants.getMonthNames;
 exports.MonthPicker = MonthPicker.MonthPicker;
 exports.Popover = Popover.Popover;
+exports.NavList = NavList.NavList;
+exports.NAV_LIST_RAMP = NavList_styles.NAV_LIST_RAMP;
+exports.NavListGroup = NavListGroup.NavListGroup;
+exports.NavListItem = NavListItem.NavListItem;
+exports.NavListSkeleton = NavListSkeleton.NavListSkeleton;
 exports.Pagination = Pagination.Pagination;
 exports.PasswordInput = PasswordInput.PasswordInput;
 exports.PinInput = PinInput.PinInput;
@@ -479,8 +489,10 @@ exports.easings = motion.easings;
 exports.cubicBezier = cubicBezier.cubicBezier;
 exports.disabledControl = disabledControl.disabledControl;
 exports.disabledText = disabledControl.disabledText;
+exports.FOCUS_RING_INSET_SHADOW = focusRing.FOCUS_RING_INSET_SHADOW;
 exports.FOCUS_RING_SHADOW = focusRing.FOCUS_RING_SHADOW;
 exports.focusRing = focusRing.focusRing;
+exports.focusRingInset = focusRing.focusRingInset;
 exports.staggerDelayMs = staggerProps.staggerDelayMs;
 exports.staggerProps = staggerProps.staggerProps;
 exports.polymorphic = polymorphic.polymorphic;

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

@@ -89,6 +89,11 @@ export { ModalOverlay } from './components/Modal/ModalOverlay.mjs';
 export { MONTHS, getDateFnsLocale, getDayNames, getDefaultDateFormat, getDefaultFullDateFormat, getMonthNames } from './components/MonthPicker/constants.mjs';
 export { MonthPicker } from './components/MonthPicker/MonthPicker.mjs';
 export { Popover } from './components/Popover/Popover.mjs';
+export { NavList } from './components/NavList/NavList.mjs';
+export { NAV_LIST_RAMP } from './components/NavList/NavList.styles.mjs';
+export { NavListGroup } from './components/NavList/NavListGroup.mjs';
+export { NavListItem } from './components/NavList/NavListItem.mjs';
+export { NavListSkeleton } from './components/NavList/NavListSkeleton.mjs';
 export { Pagination } from './components/Pagination/Pagination.mjs';
 export { PasswordInput } from './components/PasswordInput/PasswordInput.mjs';
 export { PinInput } from './components/PinInput/PinInput.mjs';
@@ -195,7 +200,7 @@ 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';
 export { disabledControl, disabledText } from './utils/disabledControl.mjs';
-export { FOCUS_RING_SHADOW, focusRing } from './utils/focusRing.mjs';
+export { FOCUS_RING_INSET_SHADOW, FOCUS_RING_SHADOW, focusRing, focusRingInset } from './utils/focusRing.mjs';
 export { staggerDelayMs, staggerProps } from './utils/staggerProps.mjs';
 export { polymorphic } from './types/polymorphic.mjs';
 //# sourceMappingURL=index.mjs.map

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/utils/focusRing.d.ts

@@ -25,4 +25,26 @@ export declare const focusRing: {
         readonly boxShadow: "var(--chakra-colors-bg-canvas) 0px 0px 0px 2px, var(--chakra-colors-focus-ring) 0px 0px 0px 4px";
     };
 };
+/**
+ * The same two bands as {@link FOCUS_RING_SHADOW}, drawn INSIDE the element's
+ * edge: the outer 2px in `focus.ring`, then the 2px `bg.canvas` band that keeps
+ * the ring legible against whatever fill the element has.
+ *
+ * {@link focusRing} needs 4px of clear space on every side, because both bands
+ * paint outside the box. Rows packed into a list cannot give it that — the band
+ * lands on the neighbouring row, which paints its own background back over
+ * half of it — and a list that scrolls (`overflow-x: auto`) clips it outright.
+ * Same colour and weight, inside the box instead.
+ */
+export declare const FOCUS_RING_INSET_SHADOW = "inset 0 0 0 2px var(--chakra-colors-focus-ring), inset 0 0 0 4px var(--chakra-colors-bg-canvas)";
+/** {@link focusRing}'s inset counterpart, for rows in a dense or scrolling list. */
+export declare const focusRingInset: {
+    readonly _focus: {
+        readonly outline: "none";
+    };
+    readonly _focusVisible: {
+        readonly outline: "none";
+        readonly boxShadow: "inset 0 0 0 2px var(--chakra-colors-focus-ring), inset 0 0 0 4px var(--chakra-colors-bg-canvas)";
+    };
+};
 //# sourceMappingURL=focusRing.d.ts.map

package/dist/utils/focusRing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusRing.d.ts","sourceRoot":"","sources":["../../src/utils/focusRing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,oGACqE,CAAC;AAEpG,eAAO,MAAM,SAAS;;;;;;;;CAMZ,CAAC"}
+{"version":3,"file":"focusRing.d.ts","sourceRoot":"","sources":["../../src/utils/focusRing.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,oGACqE,CAAC;AAEpG,eAAO,MAAM,SAAS;;;;;;;;CAMZ,CAAC;AAEX;;;;;;;;;;GAUG;AACH,eAAO,MAAM,uBAAuB,oGAC+D,CAAC;AAEpG,oFAAoF;AACpF,eAAO,MAAM,cAAc;;;;;;;;CAMjB,CAAC"}

package/dist/utils/focusRing.js

@@ -26,7 +26,29 @@ const focusRing = {
         boxShadow: FOCUS_RING_SHADOW,
     },
 };
+/**
+ * The same two bands as {@link FOCUS_RING_SHADOW}, drawn INSIDE the element's
+ * edge: the outer 2px in `focus.ring`, then the 2px `bg.canvas` band that keeps
+ * the ring legible against whatever fill the element has.
+ *
+ * {@link focusRing} needs 4px of clear space on every side, because both bands
+ * paint outside the box. Rows packed into a list cannot give it that — the band
+ * lands on the neighbouring row, which paints its own background back over
+ * half of it — and a list that scrolls (`overflow-x: auto`) clips it outright.
+ * Same colour and weight, inside the box instead.
+ */
+const FOCUS_RING_INSET_SHADOW = 'inset 0 0 0 2px var(--chakra-colors-focus-ring), inset 0 0 0 4px var(--chakra-colors-bg-canvas)';
+/** {@link focusRing}'s inset counterpart, for rows in a dense or scrolling list. */
+const focusRingInset = {
+    _focus: { outline: 'none' },
+    _focusVisible: {
+        outline: 'none',
+        boxShadow: FOCUS_RING_INSET_SHADOW,
+    },
+};
 
+exports.FOCUS_RING_INSET_SHADOW = FOCUS_RING_INSET_SHADOW;
 exports.FOCUS_RING_SHADOW = FOCUS_RING_SHADOW;
 exports.focusRing = focusRing;
+exports.focusRingInset = focusRingInset;
 //# sourceMappingURL=focusRing.js.map

package/dist/utils/focusRing.js.map

@@ -1 +1 @@
-{"version":3,"file":"focusRing.js","sources":["../../src/utils/focusRing.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,iBAAiB,GAC5B;AAEK,MAAM,SAAS,GAAG;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,iBAAiB;AAC7B,KAAA;;;;;;"}
+{"version":3,"file":"focusRing.js","sources":["../../src/utils/focusRing.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,iBAAiB,GAC5B;AAEK,MAAM,SAAS,GAAG;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,iBAAiB;AAC7B,KAAA;;AAGH;;;;;;;;;;AAUG;AACI,MAAM,uBAAuB,GAClC;AAEF;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,uBAAuB;AACnC,KAAA;;;;;;;;"}

package/dist/utils/focusRing.mjs

@@ -24,6 +24,26 @@ const focusRing = {
         boxShadow: FOCUS_RING_SHADOW,
     },
 };
+/**
+ * The same two bands as {@link FOCUS_RING_SHADOW}, drawn INSIDE the element's
+ * edge: the outer 2px in `focus.ring`, then the 2px `bg.canvas` band that keeps
+ * the ring legible against whatever fill the element has.
+ *
+ * {@link focusRing} needs 4px of clear space on every side, because both bands
+ * paint outside the box. Rows packed into a list cannot give it that — the band
+ * lands on the neighbouring row, which paints its own background back over
+ * half of it — and a list that scrolls (`overflow-x: auto`) clips it outright.
+ * Same colour and weight, inside the box instead.
+ */
+const FOCUS_RING_INSET_SHADOW = 'inset 0 0 0 2px var(--chakra-colors-focus-ring), inset 0 0 0 4px var(--chakra-colors-bg-canvas)';
+/** {@link focusRing}'s inset counterpart, for rows in a dense or scrolling list. */
+const focusRingInset = {
+    _focus: { outline: 'none' },
+    _focusVisible: {
+        outline: 'none',
+        boxShadow: FOCUS_RING_INSET_SHADOW,
+    },
+};
 
-export { FOCUS_RING_SHADOW, focusRing };
+export { FOCUS_RING_INSET_SHADOW, FOCUS_RING_SHADOW, focusRing, focusRingInset };
 //# sourceMappingURL=focusRing.mjs.map

package/dist/utils/focusRing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"focusRing.mjs","sources":["../../src/utils/focusRing.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,iBAAiB,GAC5B;AAEK,MAAM,SAAS,GAAG;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,iBAAiB;AAC7B,KAAA;;;;;"}
+{"version":3,"file":"focusRing.mjs","sources":["../../src/utils/focusRing.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;AAgBG;AACI,MAAM,iBAAiB,GAC5B;AAEK,MAAM,SAAS,GAAG;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,iBAAiB;AAC7B,KAAA;;AAGH;;;;;;;;;;AAUG;AACI,MAAM,uBAAuB,GAClC;AAEF;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,aAAa,EAAE;AACb,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,SAAS,EAAE,uBAAuB;AACnC,KAAA;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "5.0.0-alpha.12",
+  "version": "5.0.0-alpha.13",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -111,6 +111,7 @@
     "@testing-library/dom": "^10.4.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/jscodeshift": "^17.3.0",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",

package/src/components/Menu/Menu.usage.mdx

@@ -152,6 +152,10 @@ What you still have to do:
   ask the user. Open a `Modal`.
 - A row that navigates should be a real link: `Menu.Item as={NextLink}
   href=…`, so middle-click and "open in new tab" still work.
+- **Tooltip + Menu on one trigger: share `ids.trigger`.** Both make the
+  button their trigger and each gives it its own id, so the menu cannot find
+  its anchor and opens at the top-left of the page. Pass one `useId()` to
+  both: `<Menu ids={{ trigger: id }}><Tooltip ids={{ trigger: id }} …>`.
 
 ## Tokens
 
@@ -197,6 +201,10 @@ Menu가 알아서 하는 일
   묻지 않습니다. `Modal`을 엽니다.
 - 다른 페이지로 가는 줄은 실제 링크로 만듭니다. `Menu.Item as={NextLink} href=…`로
   쓰면 가운데 클릭과 "새 탭에서 열기"가 그대로 동작합니다.
+- **한 버튼에 Tooltip과 Menu를 함께 걸 때는 `ids.trigger`를 같이 씁니다.** 둘 다 그 버튼을
+  여는 요소로 삼고 각자 다른 id를 붙이므로, 메뉴가 기준 위치를 못 찾고 화면 왼쪽 위에서
+  열립니다. `useId()` 하나를 양쪽에 넘깁니다:
+  `<Menu ids={{ trigger: id }}><Tooltip ids={{ trigger: id }} …>`.
 
 ## 토큰