@mindlogic-ai/logician-ui 5.0.0-alpha.2 → 5.0.0-alpha.21

package/dist/theme/paletteSwatches.d.ts

@@ -12,6 +12,26 @@ export type Swatch = {
     light: string;
     dark: string;
 };
+/** In-cell label colour on a data-viz fill: `ink.11` (#252525), white, or none. */
+export type DataVizLabel = 'ink' | 'white' | null;
+/** Raw token each label resolves to, in either mode. */
+export declare const DATA_VIZ_LABEL_TOKEN: {
+    readonly ink: "ink.11";
+    readonly white: "white";
+};
+/**
+ * Data-visualisation fills (`data.*`, `diverging.*`, by flat key) and the label
+ * a chart may print inside each one, per mode — the tables in
+ * SemanticTokens.mdx. Picked per step by measured contrast (≥ 4.5:1), not by
+ * step number; `null` means neither label clears it, so the value goes outside
+ * the mark. `contrast.test.ts` audits every entry; the BAZE Palette Data Viz
+ * story renders from it.
+ */
+export type DataVizKey = `data-${1 | 2 | 3 | 4}` | `diverging-${'pos' | 'neg'}-${1 | 2 | 3}` | 'diverging-mid';
+export declare const DATA_VIZ_LABELS: Readonly<Record<DataVizKey, {
+    light: DataVizLabel;
+    dark: DataVizLabel;
+}>>;
 /**
  * 5.0 semantic colours grouped by their first segment. Deprecated 4.x aliases
  * (including the whole 4.x `slate.*` step scale) and the internal high-contrast

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

@@ -1 +1 @@
-{"version":3,"file":"paletteSwatches.d.ts","sourceRoot":"","sources":["../../src/theme/paletteSwatches.ts"],"names":[],"mappings":"AAOA,KAAK,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AAG7B,mDAAmD;AACnD,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAC5C,CAAC;AAWrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,EAAE,MAAM,IAAI,EAAE,cAAS,KAAG,MAkBpE,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAwBpD,CAAC"}
+{"version":3,"file":"paletteSwatches.d.ts","sourceRoot":"","sources":["../../src/theme/paletteSwatches.ts"],"names":[],"mappings":"AAOA,KAAK,IAAI,GAAG,OAAO,GAAG,MAAM,CAAC;AAG7B,mDAAmD;AACnD,eAAO,MAAM,kBAAkB,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAC5C,CAAC;AAWrB;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,OAAO,EAAE,MAAM,IAAI,EAAE,cAAS,KAAG,MAkBpE,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAEnE,mFAAmF;AACnF,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AAElD,wDAAwD;AACxD,eAAO,MAAM,oBAAoB;;;CAA6C,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,MAAM,UAAU,GAClB,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GACvB,aAAa,KAAK,GAAG,KAAK,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GACzC,eAAe,CAAC;AAEpB,eAAO,MAAM,eAAe,EAAE,QAAQ,CACpC,MAAM,CAAC,UAAU,EAAE;IAAE,KAAK,EAAE,YAAY,CAAC;IAAC,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,CAahE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,eAAe,QAAO,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAwBpD,CAAC"}

package/dist/theme/recipes/avatar.d.ts

@@ -0,0 +1,30 @@
+export declare const avatarSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"image" | "root" | "fallback", {
+    variant: {
+        subtle: {
+            root: {
+                bg: string;
+                color: "colorPalette.fg";
+            };
+        };
+        solid: {
+            root: {
+                bg: string;
+                color: string;
+            };
+        };
+        outline: {
+            root: {
+                bg: "transparent";
+                color: "colorPalette.fg";
+                borderColor: string;
+            };
+        };
+        logo: {
+            root: {
+                bg: "bg.logo";
+                color: "fg.onLogo";
+            };
+        };
+    };
+}>;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/theme/recipes/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/theme/recipes/avatar.ts"],"names":[],"mappings":"AAoCA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuD3B,CAAC"}

package/dist/theme/recipes/avatar.js

@@ -0,0 +1,96 @@
+"use client";
+'use strict';
+
+var react = require('@chakra-ui/react');
+
+/**
+ * Logician overrides for Chakra's `avatar` slot recipe (merged over it, so
+ * Chakra's `size` and `shape` variants and `--avatar-size` stay as they are).
+ *
+ * **The root owns the circle.** Chakra sizes only the root (`--avatar-size`)
+ * and gives `fallback` no width or height, so a fill painted on the fallback
+ * covers just the glyph box — a dark disc with a small light pill around the
+ * initial. Here the root carries the fill, the text colour, the hairline
+ * border and `overflow: hidden`, and the fallback fills the root and centres
+ * its content, so `Avatar.Root` + `Avatar.Fallback` render correctly with no
+ * styling at the call site.
+ *
+ * **Colour comes from `colorPalette`.** The default (`subtle`) variant reads
+ * `colorPalette.surface` / `colorPalette.fg`, and a `category.{hue}` palette
+ * resolves those to the `category.{hue}.surface` / `.fg` pair (Chakra derives
+ * a palette from every token-path prefix, so `colorPalette="category.blue"`
+ * is a real palette). `Avatar` passes `category.<hueForName(name)>`; with no
+ * name the palette is `category.neutral` (`bg.muted` / `secondary.fgStrong`),
+ * which is also this recipe's own default, so a bare `Avatar.Root` never
+ * inherits an ancestor's palette and never turns red.
+ *
+ * `variant="logo"` is the light tile for model, chatbot and brand marks:
+ * `bg.logo` in both modes, `fg.onLogo` for any initials, the fallback icon
+ * centred. Chakra's `solid` / `outline` keep working on a category palette
+ * by falling back onto the same `surface` / `fg` pair.
+ */
+/**
+ * `colorPalette.<key>`, falling back to `colorPalette.<fallback>` when the
+ * active palette has no `<key>` (Chakra sets a palette's vars only for the
+ * keys it defines). Raw vars because Chakra's token syntax has no fallback.
+ */
+const palette = (key, fallback) => `var(--chakra-colors-color-palette-${key}, var(--chakra-colors-color-palette-${fallback}))`;
+const avatarSlotRecipe = react.defineSlotRecipe({
+    slots: ['root', 'image', 'fallback'],
+    base: {
+        root: {
+            // The no-name palette, as a style rather than `defaultVariants`: Chakra
+            // feeds a default `colorPalette` only to the recipe function, never to
+            // the element, so it would not reach `colorPalette.*` here. A caller's
+            // `colorPalette` prop is a style prop and overrides this (style props
+            // land outside the `recipes` layer).
+            colorPalette: 'category.neutral',
+            borderWidth: '1px',
+            borderColor: 'border.subtle',
+            overflow: 'hidden',
+        },
+        fallback: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 'inherit',
+        },
+    },
+    variants: {
+        variant: {
+            // Chakra's default variant; Chakra paints it `colorPalette.muted`, which
+            // a category palette does not have — so `surface` first, `muted` for a
+            // Chakra palette a caller passes (`colorPalette="blue"`).
+            subtle: {
+                root: {
+                    bg: palette('surface', 'muted'),
+                    color: 'colorPalette.fg',
+                },
+            },
+            // Chakra's `solid` / `outline` read `solid` / `contrast` / `border`; a
+            // category palette has only `surface` / `fg`, so each falls back onto the
+            // pair (solid = the pair inverted, still ≥ 4.5:1).
+            solid: {
+                root: {
+                    bg: palette('solid', 'fg'),
+                    color: palette('contrast', 'surface'),
+                },
+            },
+            outline: {
+                root: {
+                    bg: 'transparent',
+                    color: 'colorPalette.fg',
+                    borderColor: palette('border', 'fg'),
+                },
+            },
+            logo: {
+                root: { bg: 'bg.logo', color: 'fg.onLogo' },
+            },
+        },
+    },
+});
+
+exports.avatarSlotRecipe = avatarSlotRecipe;
+//# sourceMappingURL=avatar.js.map

package/dist/theme/recipes/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../../../src/theme/recipes/avatar.ts"],"sourcesContent":[null],"names":["defineSlotRecipe"],"mappings":";;;;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH;;;;AAIG;AACH,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,QAAgB,KAC5C,CAAA,kCAAA,EAAqC,GAAG,CAAA,oCAAA,EAAuC,QAAQ,IAAI;AAEtF,MAAM,gBAAgB,GAAGA,sBAAgB,CAAC;AAC/C,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC;AACpC,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;;;;;;AAMJ,YAAA,YAAY,EAAE,kBAAkB;AAChC,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;;;;AAIP,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC;AAC/B,oBAAA,KAAK,EAAE,iBAAiB;AACzB,iBAAA;AACF,aAAA;;;;AAID,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;AAC1B,oBAAA,KAAK,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC;AACtC,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,aAAa;AACjB,oBAAA,KAAK,EAAE,iBAAiB;AACxB,oBAAA,WAAW,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;AACrC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE;gBACJ,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;AAC5C,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA;;;;"}

package/dist/theme/recipes/avatar.mjs

@@ -0,0 +1,94 @@
+"use client";
+import { defineSlotRecipe } from '@chakra-ui/react';
+
+/**
+ * Logician overrides for Chakra's `avatar` slot recipe (merged over it, so
+ * Chakra's `size` and `shape` variants and `--avatar-size` stay as they are).
+ *
+ * **The root owns the circle.** Chakra sizes only the root (`--avatar-size`)
+ * and gives `fallback` no width or height, so a fill painted on the fallback
+ * covers just the glyph box — a dark disc with a small light pill around the
+ * initial. Here the root carries the fill, the text colour, the hairline
+ * border and `overflow: hidden`, and the fallback fills the root and centres
+ * its content, so `Avatar.Root` + `Avatar.Fallback` render correctly with no
+ * styling at the call site.
+ *
+ * **Colour comes from `colorPalette`.** The default (`subtle`) variant reads
+ * `colorPalette.surface` / `colorPalette.fg`, and a `category.{hue}` palette
+ * resolves those to the `category.{hue}.surface` / `.fg` pair (Chakra derives
+ * a palette from every token-path prefix, so `colorPalette="category.blue"`
+ * is a real palette). `Avatar` passes `category.<hueForName(name)>`; with no
+ * name the palette is `category.neutral` (`bg.muted` / `secondary.fgStrong`),
+ * which is also this recipe's own default, so a bare `Avatar.Root` never
+ * inherits an ancestor's palette and never turns red.
+ *
+ * `variant="logo"` is the light tile for model, chatbot and brand marks:
+ * `bg.logo` in both modes, `fg.onLogo` for any initials, the fallback icon
+ * centred. Chakra's `solid` / `outline` keep working on a category palette
+ * by falling back onto the same `surface` / `fg` pair.
+ */
+/**
+ * `colorPalette.<key>`, falling back to `colorPalette.<fallback>` when the
+ * active palette has no `<key>` (Chakra sets a palette's vars only for the
+ * keys it defines). Raw vars because Chakra's token syntax has no fallback.
+ */
+const palette = (key, fallback) => `var(--chakra-colors-color-palette-${key}, var(--chakra-colors-color-palette-${fallback}))`;
+const avatarSlotRecipe = defineSlotRecipe({
+    slots: ['root', 'image', 'fallback'],
+    base: {
+        root: {
+            // The no-name palette, as a style rather than `defaultVariants`: Chakra
+            // feeds a default `colorPalette` only to the recipe function, never to
+            // the element, so it would not reach `colorPalette.*` here. A caller's
+            // `colorPalette` prop is a style prop and overrides this (style props
+            // land outside the `recipes` layer).
+            colorPalette: 'category.neutral',
+            borderWidth: '1px',
+            borderColor: 'border.subtle',
+            overflow: 'hidden',
+        },
+        fallback: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            borderRadius: 'inherit',
+        },
+    },
+    variants: {
+        variant: {
+            // Chakra's default variant; Chakra paints it `colorPalette.muted`, which
+            // a category palette does not have — so `surface` first, `muted` for a
+            // Chakra palette a caller passes (`colorPalette="blue"`).
+            subtle: {
+                root: {
+                    bg: palette('surface', 'muted'),
+                    color: 'colorPalette.fg',
+                },
+            },
+            // Chakra's `solid` / `outline` read `solid` / `contrast` / `border`; a
+            // category palette has only `surface` / `fg`, so each falls back onto the
+            // pair (solid = the pair inverted, still ≥ 4.5:1).
+            solid: {
+                root: {
+                    bg: palette('solid', 'fg'),
+                    color: palette('contrast', 'surface'),
+                },
+            },
+            outline: {
+                root: {
+                    bg: 'transparent',
+                    color: 'colorPalette.fg',
+                    borderColor: palette('border', 'fg'),
+                },
+            },
+            logo: {
+                root: { bg: 'bg.logo', color: 'fg.onLogo' },
+            },
+        },
+    },
+});
+
+export { avatarSlotRecipe };
+//# sourceMappingURL=avatar.mjs.map

package/dist/theme/recipes/avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.mjs","sources":["../../../src/theme/recipes/avatar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACH;;;;AAIG;AACH,MAAM,OAAO,GAAG,CAAC,GAAW,EAAE,QAAgB,KAC5C,CAAA,kCAAA,EAAqC,GAAG,CAAA,oCAAA,EAAuC,QAAQ,IAAI;AAEtF,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC/C,IAAA,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,UAAU,CAAC;AACpC,IAAA,IAAI,EAAE;AACJ,QAAA,IAAI,EAAE;;;;;;AAMJ,YAAA,YAAY,EAAE,kBAAkB;AAChC,YAAA,WAAW,EAAE,KAAK;AAClB,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,QAAQ,EAAE,QAAQ;AACnB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,YAAY,EAAE,SAAS;AACxB,SAAA;AACF,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;;;;AAIP,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC;AAC/B,oBAAA,KAAK,EAAE,iBAAiB;AACzB,iBAAA;AACF,aAAA;;;;AAID,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;AAC1B,oBAAA,KAAK,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAC;AACtC,iBAAA;AACF,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE;AACJ,oBAAA,EAAE,EAAE,aAAa;AACjB,oBAAA,KAAK,EAAE,iBAAiB;AACxB,oBAAA,WAAW,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;AACrC,iBAAA;AACF,aAAA;AACD,YAAA,IAAI,EAAE;gBACJ,IAAI,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;AAC5C,aAAA;AACF,SAAA;AACF,KAAA;AACF,CAAA;;;;"}

package/dist/translations/Defaults.translations.json.js

@@ -220,6 +220,13 @@ var downloading = {
 	ja: "ダウンロード中",
 	es: "Descargando"
 };
+var processing = {
+	ko: "처리 중",
+	en: "Processing",
+	zh: "处理中",
+	ja: "処理中",
+	es: "Procesando"
+};
 var deleting = {
 	ko: "삭제 중",
 	en: "Deleting",
@@ -234,6 +241,13 @@ var close = {
 	ja: "閉じる",
 	es: "Cerrar"
 };
+var clear_selection = {
+	ko: "선택 지우기",
+	en: "Clear selection",
+	zh: "清除选择",
+	ja: "選択をクリア",
+	es: "Borrar selección"
+};
 var defaultTranslations = {
 	get_started: get_started,
 	next: next,
@@ -273,12 +287,15 @@ var defaultTranslations = {
 	es: "Eliminar"
 },
 	downloading: downloading,
+	processing: processing,
 	deleting: deleting,
-	close: close
+	close: close,
+	clear_selection: clear_selection
 };
 
 exports.anonymous = anonymous;
 exports.clear = clear;
+exports.clear_selection = clear_selection;
 exports.close = close;
 exports.component = component;
 exports.copied = copied;
@@ -301,6 +318,7 @@ exports.page = page;
 exports.pagination_items_per_page = pagination_items_per_page;
 exports.pagination_range_text = pagination_range_text;
 exports.previous = previous;
+exports.processing = processing;
 exports.refresh_page = refresh_page;
 exports.see_less = see_less;
 exports.see_more = see_more;

package/dist/translations/Defaults.translations.json.js.map

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

package/dist/translations/Defaults.translations.json.mjs

@@ -216,6 +216,13 @@ var downloading = {
 	ja: "ダウンロード中",
 	es: "Descargando"
 };
+var processing = {
+	ko: "처리 중",
+	en: "Processing",
+	zh: "处理中",
+	ja: "処理中",
+	es: "Procesando"
+};
 var deleting = {
 	ko: "삭제 중",
 	en: "Deleting",
@@ -230,6 +237,13 @@ var close = {
 	ja: "閉じる",
 	es: "Cerrar"
 };
+var clear_selection = {
+	ko: "선택 지우기",
+	en: "Clear selection",
+	zh: "清除选择",
+	ja: "選択をクリア",
+	es: "Borrar selección"
+};
 var defaultTranslations = {
 	get_started: get_started,
 	next: next,
@@ -269,9 +283,11 @@ var defaultTranslations = {
 	es: "Eliminar"
 },
 	downloading: downloading,
+	processing: processing,
 	deleting: deleting,
-	close: close
+	close: close,
+	clear_selection: clear_selection
 };
 
-export { anonymous, clear, close, component, copied, copy, copy_error_details, defaultTranslations as default, deleting, download, downloading, error_boundary_default_message, error_boundary_subtitle, error_boundary_title, error_details_copied, error_id, get_started, go_next_page_button, month_range_placeholder, next, page, pagination_items_per_page, pagination_range_text, previous, refresh_page, see_less, see_more, support_help_text, support_information, time, try_again, unknown, upload_your_file, user_id };
+export { anonymous, clear, clear_selection, close, component, copied, copy, copy_error_details, defaultTranslations as default, deleting, download, downloading, error_boundary_default_message, error_boundary_subtitle, error_boundary_title, error_details_copied, error_id, get_started, go_next_page_button, month_range_placeholder, next, page, pagination_items_per_page, pagination_range_text, previous, processing, refresh_page, see_less, see_more, support_help_text, support_information, time, try_again, unknown, upload_your_file, user_id };
 //# sourceMappingURL=Defaults.translations.json.mjs.map

package/dist/translations/Defaults.translations.json.mjs.map

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

package/dist/utils/disabledControl.d.ts

@@ -17,9 +17,16 @@ export declare const disabledControl: {
     readonly opacity: 1;
     readonly boxShadow: "none";
 };
+/**
+ * Disabled look for fill-less (ghost) buttons — ghost Button, ghost
+ * IconButton. With no `disabled.bg` behind it the colour is the only cue, and
+ * `disabled.fg` sat ~1.4:1 from the resting ghost glyph (`fg.icon`), so the
+ * two read as the same state. `disabled.fgGhost` is a lighter grey (~2.7:1
+ * from `fg.icon` in light and dark).
+ */
 export declare const disabledText: {
     readonly bg: "transparent";
-    readonly color: "disabled.fg";
+    readonly color: "disabled.fgGhost";
     readonly borderColor: "transparent";
     readonly opacity: 1;
     readonly boxShadow: "none";

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

@@ -1 +1 @@
-{"version":3,"file":"disabledControl.d.ts","sourceRoot":"","sources":["../../src/utils/disabledControl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC"}
+{"version":3,"file":"disabledControl.d.ts","sourceRoot":"","sources":["../../src/utils/disabledControl.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX;;;;;;GAMG;AACH,eAAO,MAAM,YAAY;;;;;;CAMf,CAAC"}

package/dist/utils/disabledControl.js

@@ -20,9 +20,16 @@ const disabledControl = {
     opacity: 1,
     boxShadow: 'none',
 };
+/**
+ * Disabled look for fill-less (ghost) buttons — ghost Button, ghost
+ * IconButton. With no `disabled.bg` behind it the colour is the only cue, and
+ * `disabled.fg` sat ~1.4:1 from the resting ghost glyph (`fg.icon`), so the
+ * two read as the same state. `disabled.fgGhost` is a lighter grey (~2.7:1
+ * from `fg.icon` in light and dark).
+ */
 const disabledText = {
     bg: 'transparent',
-    color: 'disabled.fg',
+    color: 'disabled.fgGhost',
     borderColor: 'transparent',
     opacity: 1,
     boxShadow: 'none',

package/dist/utils/disabledControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"disabledControl.js","sources":["../../src/utils/disabledControl.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;AAGZ,MAAM,YAAY,GAAG;AAC1B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;;;;;"}
+{"version":3,"file":"disabledControl.js","sources":["../../src/utils/disabledControl.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;AAGnB;;;;;;AAMG;AACI,MAAM,YAAY,GAAG;AAC1B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;;;;;"}

package/dist/utils/disabledControl.mjs

@@ -18,9 +18,16 @@ const disabledControl = {
     opacity: 1,
     boxShadow: 'none',
 };
+/**
+ * Disabled look for fill-less (ghost) buttons — ghost Button, ghost
+ * IconButton. With no `disabled.bg` behind it the colour is the only cue, and
+ * `disabled.fg` sat ~1.4:1 from the resting ghost glyph (`fg.icon`), so the
+ * two read as the same state. `disabled.fgGhost` is a lighter grey (~2.7:1
+ * from `fg.icon` in light and dark).
+ */
 const disabledText = {
     bg: 'transparent',
-    color: 'disabled.fg',
+    color: 'disabled.fgGhost',
     borderColor: 'transparent',
     opacity: 1,
     boxShadow: 'none',

package/dist/utils/disabledControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"disabledControl.mjs","sources":["../../src/utils/disabledControl.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;AAGZ,MAAM,YAAY,GAAG;AAC1B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;;;;"}
+{"version":3,"file":"disabledControl.mjs","sources":["../../src/utils/disabledControl.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,aAAa;AACpB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;AAGnB;;;;;;AAMG;AACI,MAAM,YAAY,GAAG;AAC1B,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,KAAK,EAAE,kBAAkB;AACzB,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE,MAAM;;;;;"}

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.2",
+  "version": "5.0.0-alpha.21",
   "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",