@mindlogic-ai/logician-ui 3.2.0-alpha.4 → 4.0.0-alpha.10

package/dist/components/Tag/Tag.styles.js

@@ -13,7 +13,7 @@ const tagColorPaletteStyles = {
         soft: {
             bgColor: 'primary.extralight',
             borderColor: 'primary.light',
-            color: 'primary.dark',
+            color: 'primary.darker',
         },
         solid: {
             bgColor: 'blue.500',
@@ -23,14 +23,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'primary.main',
-            color: 'primary.main',
+            color: 'primary.dark',
         },
     },
     secondary: {
         soft: {
             bgColor: 'secondary.extralight',
             borderColor: 'secondary.light',
-            color: 'secondary.dark',
+            color: 'secondary.darker',
         },
         solid: {
             bgColor: 'violet.500',
@@ -40,14 +40,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'secondary.main',
-            color: 'secondary.main',
+            color: 'secondary.dark',
         },
     },
     danger: {
         soft: {
             bgColor: 'danger.extralight',
             borderColor: 'danger.light',
-            color: 'danger.dark',
+            color: 'danger.darker',
         },
         solid: {
             bgColor: 'rose.500',
@@ -57,14 +57,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'danger.main',
-            color: 'danger.main',
+            color: 'danger.dark',
         },
     },
     success: {
         soft: {
             bgColor: 'success.extralight',
             borderColor: 'success.light',
-            color: 'success.dark',
+            color: 'success.darker',
         },
         solid: {
             bgColor: 'green.600',
@@ -74,34 +74,40 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'success.main',
-            color: 'success.main',
+            color: 'success.dark',
         },
     },
     warning: {
         soft: {
             bgColor: 'warning.extralight',
             borderColor: 'warning.light',
-            color: 'warning.dark',
+            color: 'warning.darker',
         },
         solid: {
-            bgColor: 'gold.500',
-            borderColor: 'gold.500',
-            color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
+            // Deepened from gold.500 so white text clears AA and the chip matches the
+            // other solids (white on a saturated fill). White/gold.500 was only
+            // 2.39:1; white/gold.700 = 5.86:1 ✓ AA. Bright gold + near-black text read
+            // harsh on the dark canvas.
+            bgColor: 'gold.700',
+            borderColor: 'gold.700',
+            color: 'white',
         },
         outline: {
             bgColor: 'transparent',
             borderColor: 'warning.main',
-            color: 'warning.main',
+            // warning.dark (gold.700, 5.8:1 AA) over warning.main (gold.500, 3.0:1) —
+            // darker text also lifts this off the palette's AA-risk step.
+            color: 'warning.dark',
         },
     },
     neutral: {
         soft: {
-            // Flip surface + border with the mode so the fg.muted text stays legible
+            // Flip surface + border with the mode so the fg.default text stays legible
             // in dark. Light values preserved (bg.muted → gray.100, border.default →
             // gray.300).
             bgColor: 'bg.muted',
             borderColor: 'border.default',
-            color: 'fg.muted',
+            color: 'fg.default',
         },
         solid: {
             bgColor: 'gray.800',
@@ -111,7 +117,7 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
-            color: 'fg.subtle',
+            color: 'fg.muted',
         },
     },
 };

package/dist/components/Tag/Tag.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;AAMG;AACI,MAAM,qBAAqB,GAG9B;AACF,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,sBAAsB;AAC/B,YAAA,WAAW,EAAE,iBAAiB;AAC9B,YAAA,KAAK,EAAE,gBAAgB;AACxB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,WAAW,EAAE,YAAY;AACzB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,KAAK,EAAE,gBAAgB;AACxB,SAAA;AACF,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,mBAAmB;AAC5B,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,aAAa;AAC1B,YAAA,KAAK,EAAE,aAAa;AACrB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,WAAW;AACpB,YAAA,WAAW,EAAE,WAAW;AACxB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EAAE,oBAAoB;AAC7B,YAAA,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;YACvB,KAAK,EAAE,UAAU;AAClB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;AACtB,YAAA,WAAW,EAAE,cAAc;AAC3B,YAAA,KAAK,EAAE,cAAc;AACtB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;;;;AAIJ,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,KAAK,EAAE,UAAU;AAClB,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,UAAU;AACnB,YAAA,WAAW,EAAE,UAAU;AACvB,YAAA,KAAK,EAAE,OAAO;AACf,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,aAAa;YACtB,WAAW,EAAE,eAAe;AAC5B,YAAA,KAAK,EAAE,WAAW;AACnB,SAAA;AACF,KAAA;;AAGH;;AAEG;AACI,MAAM,YAAY,GAAG,CAC1B,YAAA,GAAgC,SAAS,EACzC,OAAA,GAAsB,MAAM,KACH;AACzB,IAAA,OAAO,qBAAqB,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC;AACrD;AAEA;AACO,MAAM,gBAAgB,GAAsB;IACjD,SAAS;IACT,WAAW;IACX,QAAQ;IACR,SAAS;IACT,SAAS;IACT,SAAS;;AAaX;AACO,MAAM,WAAW,GAAiB,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS;;;;;;;"}
+{"version":3,"file":"Tag.styles.js","sources":["../../../src/components/Tag/Tag.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/Tag/Tag.styles.mjs

@@ -11,7 +11,7 @@ const tagColorPaletteStyles = {
         soft: {
             bgColor: 'primary.extralight',
             borderColor: 'primary.light',
-            color: 'primary.dark',
+            color: 'primary.darker',
         },
         solid: {
             bgColor: 'blue.500',
@@ -21,14 +21,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'primary.main',
-            color: 'primary.main',
+            color: 'primary.dark',
         },
     },
     secondary: {
         soft: {
             bgColor: 'secondary.extralight',
             borderColor: 'secondary.light',
-            color: 'secondary.dark',
+            color: 'secondary.darker',
         },
         solid: {
             bgColor: 'violet.500',
@@ -38,14 +38,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'secondary.main',
-            color: 'secondary.main',
+            color: 'secondary.dark',
         },
     },
     danger: {
         soft: {
             bgColor: 'danger.extralight',
             borderColor: 'danger.light',
-            color: 'danger.dark',
+            color: 'danger.darker',
         },
         solid: {
             bgColor: 'rose.500',
@@ -55,14 +55,14 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'danger.main',
-            color: 'danger.main',
+            color: 'danger.dark',
         },
     },
     success: {
         soft: {
             bgColor: 'success.extralight',
             borderColor: 'success.light',
-            color: 'success.dark',
+            color: 'success.darker',
         },
         solid: {
             bgColor: 'green.600',
@@ -72,34 +72,40 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'success.main',
-            color: 'success.main',
+            color: 'success.dark',
         },
     },
     warning: {
         soft: {
             bgColor: 'warning.extralight',
             borderColor: 'warning.light',
-            color: 'warning.dark',
+            color: 'warning.darker',
         },
         solid: {
-            bgColor: 'gold.500',
-            borderColor: 'gold.500',
-            color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
+            // Deepened from gold.500 so white text clears AA and the chip matches the
+            // other solids (white on a saturated fill). White/gold.500 was only
+            // 2.39:1; white/gold.700 = 5.86:1 ✓ AA. Bright gold + near-black text read
+            // harsh on the dark canvas.
+            bgColor: 'gold.700',
+            borderColor: 'gold.700',
+            color: 'white',
         },
         outline: {
             bgColor: 'transparent',
             borderColor: 'warning.main',
-            color: 'warning.main',
+            // warning.dark (gold.700, 5.8:1 AA) over warning.main (gold.500, 3.0:1) —
+            // darker text also lifts this off the palette's AA-risk step.
+            color: 'warning.dark',
         },
     },
     neutral: {
         soft: {
-            // Flip surface + border with the mode so the fg.muted text stays legible
+            // Flip surface + border with the mode so the fg.default text stays legible
             // in dark. Light values preserved (bg.muted → gray.100, border.default →
             // gray.300).
             bgColor: 'bg.muted',
             borderColor: 'border.default',
-            color: 'fg.muted',
+            color: 'fg.default',
         },
         solid: {
             bgColor: 'gray.800',
@@ -109,7 +115,7 @@ const tagColorPaletteStyles = {
         outline: {
             bgColor: 'transparent',
             borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
-            color: 'fg.subtle',
+            color: 'fg.muted',
         },
     },
 };

package/dist/components/Tag/Tag.styles.mjs.map

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

package/dist/components/Tree/Tree.d.ts

@@ -7,7 +7,11 @@ export declare const Tree: {
     BranchIndicator: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewBranchIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
     BranchText: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewBranchTextProps & import("react").RefAttributes<HTMLSpanElement>>;
     BranchContent: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewBranchContentProps & import("react").RefAttributes<HTMLDivElement>>;
-    BranchIndentGuide: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewBranchIndentGuideProps & import("react").RefAttributes<HTMLDivElement>>;
+    BranchIndentGuide: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewBranchIndentGuideProps & {
+        elbow?: boolean;
+        footLength?: string | number;
+        guideColor?: string;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewItemProps & import("react").RefAttributes<HTMLDivElement>>;
     ItemText: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
     ItemIndicator: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").TreeViewItemIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAkBhB,CAAC"}
+{"version":3,"file":"Tree.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.tsx"],"names":[],"mappings":"AAkBA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;CAkBhB,CAAC"}

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

@@ -7,7 +7,35 @@ export type TreeBranchTriggerProps = TreeViewBranchTriggerProps;
 export type TreeBranchIndicatorProps = TreeViewBranchIndicatorProps;
 export type TreeBranchTextProps = TreeViewBranchTextProps;
 export type TreeBranchContentProps = TreeViewBranchContentProps;
-export type TreeBranchIndentGuideProps = TreeViewBranchIndentGuideProps;
+export type TreeBranchIndentGuideProps = TreeViewBranchIndentGuideProps & {
+    /**
+     * Draw `├` / `└` guide lines instead of a plain vertical rail: every
+     * row gets a horizontal foot joining it to its parent rail, middle
+     * rows keep the vertical (`├`), and the last row of each group stops
+     * at its centre (`└`). Off by default to preserve the existing
+     * plain-vertical-rail look. See `TreeBranchIndentGuide`.
+     * @default false
+     */
+    elbow?: boolean;
+    /**
+     * Length of the elbow foot — the horizontal cross-stroke that joins
+     * the rail to the row content, drawn from the parent rail column
+     * toward the text. In elbow mode each level indents 4px further than
+     * the plain-rail default, and since the default foot length doesn't
+     * grow with it, the foot ends 8px short of the row text. Any Chakra
+     * width value. Only applies when `elbow` is set.
+     * @default 'calc(var(--tree-indentation) - 4px)'
+     */
+    footLength?: string | number;
+    /**
+     * Color of the guide lines (rail, elbow foot and vertical segments).
+     * Any Chakra color token. The default is a mode-flipping semantic
+     * token, so it darkens in light mode and lightens in dark mode
+     * automatically.
+     * @default 'border.default'
+     */
+    guideColor?: string;
+};
 export type TreeItemProps = TreeViewItemProps;
 export type TreeItemTextProps = TreeViewItemTextProps;
 export type TreeItemIndicatorProps = TreeViewItemIndicatorProps;

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

@@ -1 +1 @@
-{"version":3,"file":"Tree.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,8BAA8B,EAC9B,4BAA4B,EAC5B,mBAAmB,EACnB,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAClD,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAC1D,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AACtD,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAIhD,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAChD,WAAW,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CACnD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,0BAA0B,GAAG,UAAU,CACjD,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,CACpD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAClD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAChD,CAAC,CAAC,CAAC,CAAC;AAEL,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"Tree.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/Tree.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,0BAA0B,EAC1B,0BAA0B,EAC1B,8BAA8B,EAC9B,4BAA4B,EAC5B,mBAAmB,EACnB,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,EAClB,yBAAyB,EACzB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAClD,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,wBAAwB,GAAG,4BAA4B,CAAC;AACpE,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAC1D,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,GAAG;IACxE;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,iBAAiB,CAAC;AAC9C,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AACtD,MAAM,MAAM,sBAAsB,GAAG,0BAA0B,CAAC;AAChE,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,CAAC;AAC9D,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAIhD,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAChD,WAAW,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,CAAC,CACnD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,0BAA0B,GAAG,UAAU,CACjD,WAAW,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAAC,CACpD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,WAAW,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC,CAClD,CAAC,CAAC,CAAC,CAAC;AAEL,MAAM,MAAM,sBAAsB,GAAG,UAAU,CAC7C,WAAW,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAChD,CAAC,CAAC,CAAC,CAAC;AAEL,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Tree/TreeBranchIndentGuide.d.ts

@@ -1,3 +1,7 @@
 import { TreeView as ChakraTreeView } from '@chakra-ui/react';
-export declare const TreeBranchIndentGuide: import("react").ForwardRefExoticComponent<ChakraTreeView.BranchIndentGuideProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TreeBranchIndentGuide: import("react").ForwardRefExoticComponent<ChakraTreeView.BranchIndentGuideProps & {
+    elbow?: boolean;
+    footLength?: string | number;
+    guideColor?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TreeBranchIndentGuide.d.ts.map

package/dist/components/Tree/TreeBranchIndentGuide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchIndentGuide.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAI9D,eAAO,MAAM,qBAAqB,kIAahC,CAAC"}
+{"version":3,"file":"TreeBranchIndentGuide.d.ts","sourceRoot":"","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA4C9D,eAAO,MAAM,qBAAqB;;;;kDAmGjC,CAAC"}

package/dist/components/Tree/TreeBranchIndentGuide.js

@@ -5,14 +5,113 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 
-const TreeBranchIndentGuide = React.forwardRef((props, ref) => {
-    // Chakra v3's `branchIndentGuide` slot already renders the vertical
-    // line via `position: absolute`, `width: 1px`, `bg: border`, with
-    // `insetInlineStart` auto-calculated from tree depth. Don't add
-    // `ms`/`ps` (breaks the depth math, pushes the line over content)
-    // or `borderInlineStartWidth` (stacks a second 1px stroke on top of
-    // the slot's own bg-painted 1px). Only override `bg` to lighten.
-    return (jsxRuntime.jsx(react.TreeView.BranchIndentGuide, { ref: ref, bg: "border.subtle", ...props }));
+// Extra per-level indentation in elbow mode. Guide-line trees read better
+// with a little more horizontal air between the elbow and the row text,
+// so each level indents this much further than the recipe default. The
+// foot length does NOT grow with it (its default is derived from the
+// original `--tree-indentation`), so the foot-to-text gap widens by the
+// same amount.
+const ELBOW_EXTRA_INDENT = '4px';
+// The widened per-level indentation, defined on the guide's sibling rows
+// so both the recipe's offset math and our pseudo-element math can share
+// it. Root rows (depth 1) have no guide sibling, but their offset
+// multiplies indentation by zero, so every level stays consistent.
+const ELBOW_INDENT_VARS = {
+    '--tree-elbow-indentation': `calc(var(--tree-indentation) + ${ELBOW_EXTRA_INDENT})`,
+};
+// Re-derive the recipe's `--tree-indentation-offset` (which feeds
+// `--tree-offset`, the row's padding-start) from the widened indentation.
+// Must be set on the same elements the recipe defines it on
+// (item / branch-control) — inheritance can't override those.
+const ELBOW_OFFSET_VARS = {
+    '--tree-indentation-offset': 'calc(var(--tree-elbow-indentation) * var(--tree-depth))',
+};
+// The parent rail column, measured from a child row (item / branch-control).
+// A row's content starts at its own `--tree-offset`, and the parent rail
+// sits exactly one (widened) indentation to its left (verified against the
+// recipe's offset math for both the guide and the row slots).
+const ROW_RAIL_COLUMN = 'calc(var(--tree-offset) - var(--tree-elbow-indentation))';
+// The same column, computed from the `branch` element itself. A branch
+// only carries Ark's inline `--depth` (the recipe's `--tree-offset` is
+// defined on item/branch-control, not here), so expand the recipe math:
+// rail(x) = padding + indentation * (depth - 2) + icon * 0.5 * (depth - 1)
+// — algebraically identical to ROW_RAIL_COLUMN for a row at `--depth`.
+const BRANCH_RAIL_COLUMN = 'calc(var(--tree-padding-inline) + var(--tree-elbow-indentation) * (var(--depth) - 2) + var(--tree-icon-size) * 0.5 * (var(--depth) - 1))';
+const TreeBranchIndentGuide = React.forwardRef(({ elbow = false, footLength = 'calc(var(--tree-indentation) - 4px)', guideColor = 'border.default', ...props }, ref) => {
+    // Chakra v3's `branchIndentGuide` slot renders ONE absolutely-positioned
+    // vertical line per `branchContent` (its first child), `height: 100%`,
+    // with `insetInlineStart` auto-calculated from tree depth. Don't add
+    // `ms`/`ps` (breaks the depth math) or `borderInlineStartWidth` (stacks
+    // a second 1px stroke on the slot's own bg-painted 1px) — only `bg`.
+    //
+    // That single full-height rail cannot form a `└` on the last row: it
+    // always paints past the last row's centre down to the content bottom.
+    // So in `elbow` mode the slot's own rail is hidden (`bg: transparent`,
+    // the element stays as the CSS sibling anchor) and the guide lines are
+    // re-drawn per row on the guide's sibling rows (`[data-part="item"]`
+    // leaves and `[data-part="branch"]` subtrees):
+    //
+    //  - every row gets a `::before` foot — the horizontal cross-stroke
+    //    from the rail column toward the row content, pinned to the row's
+    //    vertical centre;
+    //  - non-last rows get a full-height vertical segment (`├`); for a
+    //    branch it is drawn on the `[data-part="branch"]` element so it
+    //    passes through the whole expanded subtree, like the original rail
+    //    (zIndex 1 for the same paint-above-row-hover reason);
+    //  - the LAST row's segment stops at the row's vertical centre where
+    //    the foot meets it (`└`); for a branch that means half the
+    //    branch-control only, so an expanded last branch hangs below the
+    //    elbow with no rail running past it.
+    const foot = {
+        content: '""',
+        position: 'absolute',
+        insetBlockStart: '50%',
+        insetInlineStart: ROW_RAIL_COLUMN,
+        width: footLength,
+        height: '1px',
+        bg: guideColor,
+    };
+    const rail = {
+        content: '""',
+        position: 'absolute',
+        insetBlockStart: '0',
+        insetInlineStart: ROW_RAIL_COLUMN,
+        width: '1px',
+        bg: guideColor,
+    };
+    const elbowCss = elbow
+        ? {
+            '& ~ [data-part="item"]': {
+                ...ELBOW_INDENT_VARS,
+                ...ELBOW_OFFSET_VARS,
+            },
+            // branch-control reads --tree-elbow-indentation by inheritance,
+            // but the offset override must sit on the control itself.
+            '& ~ [data-part="branch"]': ELBOW_INDENT_VARS,
+            '& ~ [data-part="branch"] > [data-part="branch-control"]': ELBOW_OFFSET_VARS,
+            '& ~ [data-part="item"]::before': foot,
+            '& ~ [data-part="branch"] > [data-part="branch-control"]::before': foot,
+            '& ~ [data-part="item"]:not(:last-child)::after': {
+                ...rail,
+                insetBlockEnd: '0',
+            },
+            '& ~ [data-part="item"]:last-child::after': {
+                ...rail,
+                height: '50%',
+            },
+            '& ~ [data-part="branch"]:not(:last-child)::before': {
+                ...rail,
+                insetBlockEnd: '0',
+                insetInlineStart: BRANCH_RAIL_COLUMN,
+                zIndex: 1,
+            },
+            '& ~ [data-part="branch"]:last-child > [data-part="branch-control"]::after': {
+                ...rail,
+                height: '50%',
+            },
+        }
+        : undefined;
+    return (jsxRuntime.jsx(react.TreeView.BranchIndentGuide, { ref: ref, bg: elbow ? 'transparent' : guideColor, css: elbowCss, ...props }));
 });
 TreeBranchIndentGuide.displayName = 'TreeBranchIndentGuide';
 

package/dist/components/Tree/TreeBranchIndentGuide.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchIndentGuide.js","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView"],"mappings":";;;;;;;AAKO,MAAM,qBAAqB,GAAGA,gBAAU,CAG7C,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;AAOf,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,eAAe,KAAK,KAAK,EAAA,CAAI;AAEhF,CAAC;AACD,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"TreeBranchIndentGuide.js","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraTreeView"],"mappings":";;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GAAG,KAAK;AAEhC;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG;IACxB,0BAA0B,EAAE,CAAA,+BAAA,EAAkC,kBAAkB,CAAA,CAAA,CAAG;CAC3E;AAEV;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG;AACxB,IAAA,2BAA2B,EACzB,yDAAyD;CACnD;AAEV;AACA;AACA;AACA;AACA,MAAM,eAAe,GACnB,0DAA0D;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GACtB,0IAA0I;AAErI,MAAM,qBAAqB,GAAGA,gBAAU,CAI7C,CACE,EACE,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,qCAAqC,EAClD,UAAU,GAAG,gBAAgB,EAC7B,GAAG,KAAK,EACT,EACD,GAAG,KACD;;;;;;;;;;;;;;;;;;;;;;;;;AAyBF,IAAA,MAAM,IAAI,GAAG;AACX,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,EAAE,EAAE,UAAU;KACN;AACV,IAAA,MAAM,IAAI,GAAG;AACX,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,eAAe,EAAE,GAAG;AACpB,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,EAAE,EAAE,UAAU;KACN;IACV,MAAM,QAAQ,GAAG;AACf,UAAE;AACE,YAAA,wBAAwB,EAAE;AACxB,gBAAA,GAAG,iBAAiB;AACpB,gBAAA,GAAG,iBAAiB;AACrB,aAAA;;;AAGD,YAAA,0BAA0B,EAAE,iBAAiB;AAC7C,YAAA,yDAAyD,EACvD,iBAAiB;AACnB,YAAA,gCAAgC,EAAE,IAAI;AACtC,YAAA,iEAAiE,EAC/D,IAAI;AACN,YAAA,gDAAgD,EAAE;AAChD,gBAAA,GAAG,IAAI;AACP,gBAAA,aAAa,EAAE,GAAG;AACnB,aAAA;AACD,YAAA,0CAA0C,EAAE;AAC1C,gBAAA,GAAG,IAAI;AACP,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA;AACD,YAAA,mDAAmD,EAAE;AACnD,gBAAA,GAAG,IAAI;AACP,gBAAA,aAAa,EAAE,GAAG;AAClB,gBAAA,gBAAgB,EAAE,kBAAkB;AACpC,gBAAA,MAAM,EAAE,CAAC;AACV,aAAA;AACD,YAAA,2EAA2E,EACzE;AACE,gBAAA,GAAG,IAAI;AACP,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA;AACJ;UACD,SAAS;AAEb,IAAA,QACEC,cAAA,CAACC,cAAc,CAAC,iBAAiB,EAAA,EAC/B,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,GAAG,aAAa,GAAG,UAAU,EACtC,GAAG,EAAE,QAAQ,EAAA,GACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/components/Tree/TreeBranchIndentGuide.mjs

@@ -3,14 +3,113 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { TreeView } from '@chakra-ui/react';
 
-const TreeBranchIndentGuide = forwardRef((props, ref) => {
-    // Chakra v3's `branchIndentGuide` slot already renders the vertical
-    // line via `position: absolute`, `width: 1px`, `bg: border`, with
-    // `insetInlineStart` auto-calculated from tree depth. Don't add
-    // `ms`/`ps` (breaks the depth math, pushes the line over content)
-    // or `borderInlineStartWidth` (stacks a second 1px stroke on top of
-    // the slot's own bg-painted 1px). Only override `bg` to lighten.
-    return (jsx(TreeView.BranchIndentGuide, { ref: ref, bg: "border.subtle", ...props }));
+// Extra per-level indentation in elbow mode. Guide-line trees read better
+// with a little more horizontal air between the elbow and the row text,
+// so each level indents this much further than the recipe default. The
+// foot length does NOT grow with it (its default is derived from the
+// original `--tree-indentation`), so the foot-to-text gap widens by the
+// same amount.
+const ELBOW_EXTRA_INDENT = '4px';
+// The widened per-level indentation, defined on the guide's sibling rows
+// so both the recipe's offset math and our pseudo-element math can share
+// it. Root rows (depth 1) have no guide sibling, but their offset
+// multiplies indentation by zero, so every level stays consistent.
+const ELBOW_INDENT_VARS = {
+    '--tree-elbow-indentation': `calc(var(--tree-indentation) + ${ELBOW_EXTRA_INDENT})`,
+};
+// Re-derive the recipe's `--tree-indentation-offset` (which feeds
+// `--tree-offset`, the row's padding-start) from the widened indentation.
+// Must be set on the same elements the recipe defines it on
+// (item / branch-control) — inheritance can't override those.
+const ELBOW_OFFSET_VARS = {
+    '--tree-indentation-offset': 'calc(var(--tree-elbow-indentation) * var(--tree-depth))',
+};
+// The parent rail column, measured from a child row (item / branch-control).
+// A row's content starts at its own `--tree-offset`, and the parent rail
+// sits exactly one (widened) indentation to its left (verified against the
+// recipe's offset math for both the guide and the row slots).
+const ROW_RAIL_COLUMN = 'calc(var(--tree-offset) - var(--tree-elbow-indentation))';
+// The same column, computed from the `branch` element itself. A branch
+// only carries Ark's inline `--depth` (the recipe's `--tree-offset` is
+// defined on item/branch-control, not here), so expand the recipe math:
+// rail(x) = padding + indentation * (depth - 2) + icon * 0.5 * (depth - 1)
+// — algebraically identical to ROW_RAIL_COLUMN for a row at `--depth`.
+const BRANCH_RAIL_COLUMN = 'calc(var(--tree-padding-inline) + var(--tree-elbow-indentation) * (var(--depth) - 2) + var(--tree-icon-size) * 0.5 * (var(--depth) - 1))';
+const TreeBranchIndentGuide = forwardRef(({ elbow = false, footLength = 'calc(var(--tree-indentation) - 4px)', guideColor = 'border.default', ...props }, ref) => {
+    // Chakra v3's `branchIndentGuide` slot renders ONE absolutely-positioned
+    // vertical line per `branchContent` (its first child), `height: 100%`,
+    // with `insetInlineStart` auto-calculated from tree depth. Don't add
+    // `ms`/`ps` (breaks the depth math) or `borderInlineStartWidth` (stacks
+    // a second 1px stroke on the slot's own bg-painted 1px) — only `bg`.
+    //
+    // That single full-height rail cannot form a `└` on the last row: it
+    // always paints past the last row's centre down to the content bottom.
+    // So in `elbow` mode the slot's own rail is hidden (`bg: transparent`,
+    // the element stays as the CSS sibling anchor) and the guide lines are
+    // re-drawn per row on the guide's sibling rows (`[data-part="item"]`
+    // leaves and `[data-part="branch"]` subtrees):
+    //
+    //  - every row gets a `::before` foot — the horizontal cross-stroke
+    //    from the rail column toward the row content, pinned to the row's
+    //    vertical centre;
+    //  - non-last rows get a full-height vertical segment (`├`); for a
+    //    branch it is drawn on the `[data-part="branch"]` element so it
+    //    passes through the whole expanded subtree, like the original rail
+    //    (zIndex 1 for the same paint-above-row-hover reason);
+    //  - the LAST row's segment stops at the row's vertical centre where
+    //    the foot meets it (`└`); for a branch that means half the
+    //    branch-control only, so an expanded last branch hangs below the
+    //    elbow with no rail running past it.
+    const foot = {
+        content: '""',
+        position: 'absolute',
+        insetBlockStart: '50%',
+        insetInlineStart: ROW_RAIL_COLUMN,
+        width: footLength,
+        height: '1px',
+        bg: guideColor,
+    };
+    const rail = {
+        content: '""',
+        position: 'absolute',
+        insetBlockStart: '0',
+        insetInlineStart: ROW_RAIL_COLUMN,
+        width: '1px',
+        bg: guideColor,
+    };
+    const elbowCss = elbow
+        ? {
+            '& ~ [data-part="item"]': {
+                ...ELBOW_INDENT_VARS,
+                ...ELBOW_OFFSET_VARS,
+            },
+            // branch-control reads --tree-elbow-indentation by inheritance,
+            // but the offset override must sit on the control itself.
+            '& ~ [data-part="branch"]': ELBOW_INDENT_VARS,
+            '& ~ [data-part="branch"] > [data-part="branch-control"]': ELBOW_OFFSET_VARS,
+            '& ~ [data-part="item"]::before': foot,
+            '& ~ [data-part="branch"] > [data-part="branch-control"]::before': foot,
+            '& ~ [data-part="item"]:not(:last-child)::after': {
+                ...rail,
+                insetBlockEnd: '0',
+            },
+            '& ~ [data-part="item"]:last-child::after': {
+                ...rail,
+                height: '50%',
+            },
+            '& ~ [data-part="branch"]:not(:last-child)::before': {
+                ...rail,
+                insetBlockEnd: '0',
+                insetInlineStart: BRANCH_RAIL_COLUMN,
+                zIndex: 1,
+            },
+            '& ~ [data-part="branch"]:last-child > [data-part="branch-control"]::after': {
+                ...rail,
+                height: '50%',
+            },
+        }
+        : undefined;
+    return (jsx(TreeView.BranchIndentGuide, { ref: ref, bg: elbow ? 'transparent' : guideColor, css: elbowCss, ...props }));
 });
 TreeBranchIndentGuide.displayName = 'TreeBranchIndentGuide';
 

package/dist/components/Tree/TreeBranchIndentGuide.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeBranchIndentGuide.mjs","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;AAKO,MAAM,qBAAqB,GAAG,UAAU,CAG7C,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;;;AAOf,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,iBAAiB,IAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAC,eAAe,KAAK,KAAK,EAAA,CAAI;AAEhF,CAAC;AACD,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}
+{"version":3,"file":"TreeBranchIndentGuide.mjs","sources":["../../../src/components/Tree/TreeBranchIndentGuide.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraTreeView"],"mappings":";;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GAAG,KAAK;AAEhC;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG;IACxB,0BAA0B,EAAE,CAAA,+BAAA,EAAkC,kBAAkB,CAAA,CAAA,CAAG;CAC3E;AAEV;AACA;AACA;AACA;AACA,MAAM,iBAAiB,GAAG;AACxB,IAAA,2BAA2B,EACzB,yDAAyD;CACnD;AAEV;AACA;AACA;AACA;AACA,MAAM,eAAe,GACnB,0DAA0D;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAM,kBAAkB,GACtB,0IAA0I;AAErI,MAAM,qBAAqB,GAAG,UAAU,CAI7C,CACE,EACE,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,qCAAqC,EAClD,UAAU,GAAG,gBAAgB,EAC7B,GAAG,KAAK,EACT,EACD,GAAG,KACD;;;;;;;;;;;;;;;;;;;;;;;;;AAyBF,IAAA,MAAM,IAAI,GAAG;AACX,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,EAAE,EAAE,UAAU;KACN;AACV,IAAA,MAAM,IAAI,GAAG;AACX,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,eAAe,EAAE,GAAG;AACpB,QAAA,gBAAgB,EAAE,eAAe;AACjC,QAAA,KAAK,EAAE,KAAK;AACZ,QAAA,EAAE,EAAE,UAAU;KACN;IACV,MAAM,QAAQ,GAAG;AACf,UAAE;AACE,YAAA,wBAAwB,EAAE;AACxB,gBAAA,GAAG,iBAAiB;AACpB,gBAAA,GAAG,iBAAiB;AACrB,aAAA;;;AAGD,YAAA,0BAA0B,EAAE,iBAAiB;AAC7C,YAAA,yDAAyD,EACvD,iBAAiB;AACnB,YAAA,gCAAgC,EAAE,IAAI;AACtC,YAAA,iEAAiE,EAC/D,IAAI;AACN,YAAA,gDAAgD,EAAE;AAChD,gBAAA,GAAG,IAAI;AACP,gBAAA,aAAa,EAAE,GAAG;AACnB,aAAA;AACD,YAAA,0CAA0C,EAAE;AAC1C,gBAAA,GAAG,IAAI;AACP,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA;AACD,YAAA,mDAAmD,EAAE;AACnD,gBAAA,GAAG,IAAI;AACP,gBAAA,aAAa,EAAE,GAAG;AAClB,gBAAA,gBAAgB,EAAE,kBAAkB;AACpC,gBAAA,MAAM,EAAE,CAAC;AACV,aAAA;AACD,YAAA,2EAA2E,EACzE;AACE,gBAAA,GAAG,IAAI;AACP,gBAAA,MAAM,EAAE,KAAK;AACd,aAAA;AACJ;UACD,SAAS;AAEb,IAAA,QACEA,GAAA,CAACC,QAAc,CAAC,iBAAiB,EAAA,EAC/B,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,GAAG,aAAa,GAAG,UAAU,EACtC,GAAG,EAAE,QAAQ,EAAA,GACT,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,qBAAqB,CAAC,WAAW,GAAG,uBAAuB;;;;"}

package/dist/components/Typography/Link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,+GA6BhB,CAAC"}
+{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Link.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,+GAiChB,CAAC"}

package/dist/components/Typography/Link.js

@@ -14,7 +14,12 @@ const Link = React.forwardRef(({ color, variant, ...rest }, ref) => {
         ? errorColor
         : (typeof color === 'string' ? color : undefined) || defaultColor;
     const hoverColor = variant === 'error' ? errorHoverColor : defaultHoverColor;
-    return (jsxRuntime.jsx(react.Link, { ref: ref, fontWeight: "semibold", wordBreak: "keep-all", color: linkColor, _hover: {
+    return (jsxRuntime.jsx(react.Link, { ref: ref, 
+        // Inherit the surrounding text weight so an inline link reads as part of
+        // its sentence (extrabold inside an H1, body weight inside a paragraph)
+        // rather than a fixed-semibold patch. Color + underline carry the link
+        // affordance. Override with an explicit `fontWeight` when needed.
+        fontWeight: "inherit", wordBreak: "keep-all", color: linkColor, _hover: {
             color: hoverColor,
             textDecor: 'none',
         }, ...rest }));