@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/layout/inset/styles/Inset.css.d.ts

@@ -0,0 +1,43 @@
+import { RuntimeFn } from '@vanilla-extract/recipes';
+export declare const INSET_STYLES: {
+    insetSpace: `var(--${string})`;
+    insetSpaceProperty: string;
+    recipe: RuntimeFn<{
+        clip: {
+            "border-box": {
+                backgroundClip: "border-box";
+                clipPath: "inset(0)";
+            };
+            "padding-box": {
+                backgroundClip: "padding-box";
+            };
+        };
+        side: {
+            all: {
+                margin: string;
+            };
+            block: {
+                marginBlock: string;
+            };
+            inline: {
+                marginInline: string;
+            };
+            top: {
+                marginBlockStart: string;
+                marginInline: string;
+            };
+            right: {
+                marginBlock: string;
+                marginInlineEnd: string;
+            };
+            bottom: {
+                marginInline: string;
+                marginBlockEnd: string;
+            };
+            left: {
+                marginBlock: string;
+                marginInlineStart: string;
+            };
+        };
+    }>;
+};

package/dist/components/layout/inset/styles/Inset.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit59.css';/* empty css                         */
+import { createRuntimeFn as i } from "@vanilla-extract/recipes/createRuntimeFn";
+var r = { insetSpace: "var(--v7yz9i0)", insetSpaceProperty: "--v7yz9i0", recipe: i({ defaultClassName: "v7yz9i1", variantClassNames: { clip: { "border-box": "v7yz9i2", "padding-box": "v7yz9i3" }, side: { all: "v7yz9i4", block: "v7yz9i5", inline: "v7yz9i6", top: "v7yz9i7", right: "v7yz9i8", bottom: "v7yz9i9", left: "v7yz9ia" } }, defaultVariants: { clip: "border-box", side: "all" }, compoundVariants: [] }) };
+export {
+  r as INSET_STYLES
+};
+//# sourceMappingURL=Inset.css.js.map

package/dist/components/layout/inset/styles/Inset.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Inset.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/layout/inset/types/Inset.props.d.ts

@@ -0,0 +1,24 @@
+import { BoxProps } from '../../box/types/Box.props.ts';
+import { InsetClip, InsetPadding, InsetSide, InsetSpace } from './Inset.types.ts';
+export type InsetProps = Omit<BoxProps, 'padding' | 'paddingX' | 'paddingY' | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'> & {
+    /** The surrounding-container padding token negated to create the bleed. */
+    space: InsetSpace;
+    /** The logical side to bleed. Defaults to `all`. */
+    side?: InsetSide;
+    /** The boundary used to clip overflowing content. Defaults to `border-box`. */
+    clip?: InsetClip;
+    /** Padding applied to all sides. `current` uses the space token. */
+    padding?: InsetPadding;
+    /** Padding applied to the inline axis. `current` uses the space token. */
+    paddingX?: InsetPadding;
+    /** Padding applied to the block axis. `current` uses the space token. */
+    paddingY?: InsetPadding;
+    /** Padding applied to the block start. `current` uses the space token. */
+    paddingTop?: InsetPadding;
+    /** Padding applied to the inline end. `current` uses the space token. */
+    paddingRight?: InsetPadding;
+    /** Padding applied to the block end. `current` uses the space token. */
+    paddingBottom?: InsetPadding;
+    /** Padding applied to the inline start. `current` uses the space token. */
+    paddingLeft?: InsetPadding;
+};

package/dist/components/layout/inset/types/Inset.types.d.ts

@@ -0,0 +1,10 @@
+import { Space } from '../../../../theme/tokens/spacing.ts';
+import { INSET_CLIPS, INSET_SIDES } from '../constants/insetSides.const.ts';
+/** Semantic spacing tokens supported by the Inset component. */
+export type InsetSpace = keyof Space;
+/** Logical sides that can bleed outside the surrounding container. */
+export type InsetSide = (typeof INSET_SIDES)[keyof typeof INSET_SIDES];
+/** The boundary to which overflowing content is clipped. */
+export type InsetClip = (typeof INSET_CLIPS)[keyof typeof INSET_CLIPS];
+/** Padding tokens for preserving space beside bleeding content. */
+export type InsetPadding = 'current' | InsetSpace;

package/dist/components/layout/inset/utils/resolveInsetPadding.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=(e,t)=>e==="current"?t:e;exports.resolveInsetPadding=r;
+//# sourceMappingURL=resolveInsetPadding.utils.cjs.map

package/dist/components/layout/inset/utils/resolveInsetPadding.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveInsetPadding.utils.cjs","sources":["../../../../../src/components/layout/inset/utils/resolveInsetPadding.utils.ts"],"sourcesContent":["import type {\r\n    InsetPadding,\r\n    InsetSpace,\r\n} from '@components/layout/inset/types/Inset.types.ts'\r\n\r\nexport const resolveInsetPadding = (\r\n    padding: InsetPadding | undefined,\r\n    space: InsetSpace,\r\n) => padding === 'current' ? space : padding\r\n"],"names":["resolveInsetPadding","padding","space"],"mappings":"gFAKO,MAAMA,EAAsB,CAC/BC,EACAC,IACCD,IAAY,UAAYC,EAAQD"}

package/dist/components/layout/inset/utils/resolveInsetPadding.utils.d.ts

@@ -0,0 +1,2 @@
+import { InsetPadding, InsetSpace } from '../types/Inset.types.ts';
+export declare const resolveInsetPadding: (padding: InsetPadding | undefined, space: InsetSpace) => "none" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "px" | "xxs" | "xs2" | "sm2" | "md2" | "lg2" | "3xl" | "4xl" | "5xl" | undefined;

package/dist/components/layout/inset/utils/resolveInsetPadding.utils.js

@@ -0,0 +1,5 @@
+const t = (e, r) => e === "current" ? r : e;
+export {
+  t as resolveInsetPadding
+};
+//# sourceMappingURL=resolveInsetPadding.utils.js.map

package/dist/components/layout/inset/utils/resolveInsetPadding.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveInsetPadding.utils.js","sources":["../../../../../src/components/layout/inset/utils/resolveInsetPadding.utils.ts"],"sourcesContent":["import type {\r\n    InsetPadding,\r\n    InsetSpace,\r\n} from '@components/layout/inset/types/Inset.types.ts'\r\n\r\nexport const resolveInsetPadding = (\r\n    padding: InsetPadding | undefined,\r\n    space: InsetSpace,\r\n) => padding === 'current' ? space : padding\r\n"],"names":["resolveInsetPadding","padding","space"],"mappings":"AAKO,MAAMA,IAAsB,CAC/BC,GACAC,MACCD,MAAY,YAAYC,IAAQD;"}

package/dist/components/layout/legend/styles/Legend.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                            */var e={root:"_1crb3420"};exports.LEGEND_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit71.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1crb3420"};exports.LEGEND_STYLES=e;
 //# sourceMappingURL=Legend.css.cjs.map

package/dist/components/layout/legend/styles/Legend.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit71.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                          */
 var t = { root: "_1crb3420" };
 export {

package/dist/components/layout/separator/styles/Separator.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:t.createRuntimeFn({defaultClassName:"_15tx3000",variantClassNames:{orientation:{horizontal:"_15tx3001",vertical:"_15tx3002"},color:{background:"_15tx3003",foreground:"_15tx3004",text:"_15tx3005",textSecondary:"_15tx3006",textTertiary:"_15tx3007",card:"_15tx3008",cardForeground:"_15tx3009",popover:"_15tx300a",popoverForeground:"_15tx300b",muted:"_15tx300c",mutedForeground:"_15tx300d",overlay:"_15tx300e",primary:"_15tx300f",primaryHover:"_15tx300g",primaryActive:"_15tx300h",primaryForeground:"_15tx300i",primarySubtle:"_15tx300j",primarySubtleHover:"_15tx300k",primarySubtleActive:"_15tx300l",primarySubtleForeground:"_15tx300m",primarySubtleBorder:"_15tx300n",link:"_15tx300o",linkHover:"_15tx300p",linkActive:"_15tx300q",secondary:"_15tx300r",secondaryHover:"_15tx300s",secondaryActive:"_15tx300t",secondaryForeground:"_15tx300u",secondarySubtle:"_15tx300v",secondarySubtleHover:"_15tx300w",secondarySubtleActive:"_15tx300x",secondarySubtleForeground:"_15tx300y",secondarySubtleBorder:"_15tx300z",tertiary:"_15tx30010",tertiaryHover:"_15tx30011",tertiaryActive:"_15tx30012",tertiaryForeground:"_15tx30013",tertiarySubtle:"_15tx30014",tertiarySubtleHover:"_15tx30015",tertiarySubtleActive:"_15tx30016",tertiarySubtleForeground:"_15tx30017",tertiarySubtleBorder:"_15tx30018",success:"_15tx30019",successHover:"_15tx3001a",successActive:"_15tx3001b",successForeground:"_15tx3001c",successSubtle:"_15tx3001d",successSubtleHover:"_15tx3001e",successSubtleActive:"_15tx3001f",successSubtleForeground:"_15tx3001g",successSubtleBorder:"_15tx3001h",warning:"_15tx3001i",warningHover:"_15tx3001j",warningActive:"_15tx3001k",warningForeground:"_15tx3001l",warningSubtle:"_15tx3001m",warningSubtleHover:"_15tx3001n",warningSubtleActive:"_15tx3001o",warningSubtleForeground:"_15tx3001p",warningSubtleBorder:"_15tx3001q",info:"_15tx3001r",infoHover:"_15tx3001s",infoActive:"_15tx3001t",infoForeground:"_15tx3001u",infoSubtle:"_15tx3001v",infoSubtleHover:"_15tx3001w",infoSubtleActive:"_15tx3001x",infoSubtleForeground:"_15tx3001y",infoSubtleBorder:"_15tx3001z",destructive:"_15tx30020",destructiveHover:"_15tx30021",destructiveActive:"_15tx30022",destructiveForeground:"_15tx30023",destructiveSubtle:"_15tx30024",destructiveSubtleHover:"_15tx30025",destructiveSubtleActive:"_15tx30026",destructiveSubtleForeground:"_15tx30027",destructiveSubtleBorder:"_15tx30028",purple:"_15tx30029",purpleHover:"_15tx3002a",purpleActive:"_15tx3002b",purpleForeground:"_15tx3002c",purpleSubtle:"_15tx3002d",purpleSubtleHover:"_15tx3002e",purpleSubtleActive:"_15tx3002f",purpleSubtleForeground:"_15tx3002g",purpleSubtleBorder:"_15tx3002h",pink:"_15tx3002i",pinkHover:"_15tx3002j",pinkActive:"_15tx3002k",pinkForeground:"_15tx3002l",pinkSubtle:"_15tx3002m",pinkSubtleHover:"_15tx3002n",pinkSubtleActive:"_15tx3002o",pinkSubtleForeground:"_15tx3002p",pinkSubtleBorder:"_15tx3002q",orange:"_15tx3002r",orangeHover:"_15tx3002s",orangeActive:"_15tx3002t",orangeForeground:"_15tx3002u",orangeSubtle:"_15tx3002v",orangeSubtleHover:"_15tx3002w",orangeSubtleActive:"_15tx3002x",orangeSubtleForeground:"_15tx3002y",orangeSubtleBorder:"_15tx3002z",teal:"_15tx30030",tealHover:"_15tx30031",tealActive:"_15tx30032",tealForeground:"_15tx30033",tealSubtle:"_15tx30034",tealSubtleHover:"_15tx30035",tealSubtleActive:"_15tx30036",tealSubtleForeground:"_15tx30037",tealSubtleBorder:"_15tx30038",cyan:"_15tx30039",cyanHover:"_15tx3003a",cyanActive:"_15tx3003b",cyanForeground:"_15tx3003c",cyanSubtle:"_15tx3003d",cyanSubtleHover:"_15tx3003e",cyanSubtleActive:"_15tx3003f",cyanSubtleForeground:"_15tx3003g",cyanSubtleBorder:"_15tx3003h",indigo:"_15tx3003i",indigoHover:"_15tx3003j",indigoActive:"_15tx3003k",indigoForeground:"_15tx3003l",indigoSubtle:"_15tx3003m",indigoSubtleHover:"_15tx3003n",indigoSubtleActive:"_15tx3003o",indigoSubtleForeground:"_15tx3003p",indigoSubtleBorder:"_15tx3003q",border:"_15tx3003r",borderStrong:"_15tx3003s",input:"_15tx3003t",ring:"_15tx3003u",highlight:"_15tx3003v",highlightForeground:"_15tx3003w",skeleton:"_15tx3003x",skeletonForeground:"_15tx3003y",transparent:"_15tx3003z"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.SEPARATOR_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit53.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                               */const t=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:t.createRuntimeFn({defaultClassName:"_15tx3000",variantClassNames:{orientation:{horizontal:"_15tx3001",vertical:"_15tx3002"},color:{background:"_15tx3003",foreground:"_15tx3004",text:"_15tx3005",textSecondary:"_15tx3006",textTertiary:"_15tx3007",card:"_15tx3008",cardForeground:"_15tx3009",popover:"_15tx300a",popoverForeground:"_15tx300b",muted:"_15tx300c",mutedForeground:"_15tx300d",overlay:"_15tx300e",primary:"_15tx300f",primaryHover:"_15tx300g",primaryActive:"_15tx300h",primaryForeground:"_15tx300i",primarySubtle:"_15tx300j",primarySubtleHover:"_15tx300k",primarySubtleActive:"_15tx300l",primarySubtleForeground:"_15tx300m",primarySubtleBorder:"_15tx300n",link:"_15tx300o",linkHover:"_15tx300p",linkActive:"_15tx300q",secondary:"_15tx300r",secondaryHover:"_15tx300s",secondaryActive:"_15tx300t",secondaryForeground:"_15tx300u",secondarySubtle:"_15tx300v",secondarySubtleHover:"_15tx300w",secondarySubtleActive:"_15tx300x",secondarySubtleForeground:"_15tx300y",secondarySubtleBorder:"_15tx300z",tertiary:"_15tx30010",tertiaryHover:"_15tx30011",tertiaryActive:"_15tx30012",tertiaryForeground:"_15tx30013",tertiarySubtle:"_15tx30014",tertiarySubtleHover:"_15tx30015",tertiarySubtleActive:"_15tx30016",tertiarySubtleForeground:"_15tx30017",tertiarySubtleBorder:"_15tx30018",success:"_15tx30019",successHover:"_15tx3001a",successActive:"_15tx3001b",successForeground:"_15tx3001c",successSubtle:"_15tx3001d",successSubtleHover:"_15tx3001e",successSubtleActive:"_15tx3001f",successSubtleForeground:"_15tx3001g",successSubtleBorder:"_15tx3001h",warning:"_15tx3001i",warningHover:"_15tx3001j",warningActive:"_15tx3001k",warningForeground:"_15tx3001l",warningSubtle:"_15tx3001m",warningSubtleHover:"_15tx3001n",warningSubtleActive:"_15tx3001o",warningSubtleForeground:"_15tx3001p",warningSubtleBorder:"_15tx3001q",info:"_15tx3001r",infoHover:"_15tx3001s",infoActive:"_15tx3001t",infoForeground:"_15tx3001u",infoSubtle:"_15tx3001v",infoSubtleHover:"_15tx3001w",infoSubtleActive:"_15tx3001x",infoSubtleForeground:"_15tx3001y",infoSubtleBorder:"_15tx3001z",destructive:"_15tx30020",destructiveHover:"_15tx30021",destructiveActive:"_15tx30022",destructiveForeground:"_15tx30023",destructiveSubtle:"_15tx30024",destructiveSubtleHover:"_15tx30025",destructiveSubtleActive:"_15tx30026",destructiveSubtleForeground:"_15tx30027",destructiveSubtleBorder:"_15tx30028",purple:"_15tx30029",purpleHover:"_15tx3002a",purpleActive:"_15tx3002b",purpleForeground:"_15tx3002c",purpleSubtle:"_15tx3002d",purpleSubtleHover:"_15tx3002e",purpleSubtleActive:"_15tx3002f",purpleSubtleForeground:"_15tx3002g",purpleSubtleBorder:"_15tx3002h",pink:"_15tx3002i",pinkHover:"_15tx3002j",pinkActive:"_15tx3002k",pinkForeground:"_15tx3002l",pinkSubtle:"_15tx3002m",pinkSubtleHover:"_15tx3002n",pinkSubtleActive:"_15tx3002o",pinkSubtleForeground:"_15tx3002p",pinkSubtleBorder:"_15tx3002q",orange:"_15tx3002r",orangeHover:"_15tx3002s",orangeActive:"_15tx3002t",orangeForeground:"_15tx3002u",orangeSubtle:"_15tx3002v",orangeSubtleHover:"_15tx3002w",orangeSubtleActive:"_15tx3002x",orangeSubtleForeground:"_15tx3002y",orangeSubtleBorder:"_15tx3002z",teal:"_15tx30030",tealHover:"_15tx30031",tealActive:"_15tx30032",tealForeground:"_15tx30033",tealSubtle:"_15tx30034",tealSubtleHover:"_15tx30035",tealSubtleActive:"_15tx30036",tealSubtleForeground:"_15tx30037",tealSubtleBorder:"_15tx30038",cyan:"_15tx30039",cyanHover:"_15tx3003a",cyanActive:"_15tx3003b",cyanForeground:"_15tx3003c",cyanSubtle:"_15tx3003d",cyanSubtleHover:"_15tx3003e",cyanSubtleActive:"_15tx3003f",cyanSubtleForeground:"_15tx3003g",cyanSubtleBorder:"_15tx3003h",indigo:"_15tx3003i",indigoHover:"_15tx3003j",indigoActive:"_15tx3003k",indigoForeground:"_15tx3003l",indigoSubtle:"_15tx3003m",indigoSubtleHover:"_15tx3003n",indigoSubtleActive:"_15tx3003o",indigoSubtleForeground:"_15tx3003p",indigoSubtleBorder:"_15tx3003q",border:"_15tx3003r",borderStrong:"_15tx3003s",input:"_15tx3003t",ring:"_15tx3003u",highlight:"_15tx3003v",highlightForeground:"_15tx3003w",skeleton:"_15tx3003x",skeletonForeground:"_15tx3003y",transparent:"_15tx3003z"}},defaultVariants:{orientation:"horizontal"},compoundVariants:[]})};exports.SEPARATOR_STYLES=e;
 //# sourceMappingURL=Separator.css.cjs.map

package/dist/components/layout/separator/styles/Separator.css.js

@@ -1,4 +1,4 @@
-/* empty css                                            */
+import '../../../../ui-kit53.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                             */
 import { createRuntimeFn as t } from "@vanilla-extract/recipes/createRuntimeFn";
 var x = { recipe: t({ defaultClassName: "_15tx3000", variantClassNames: { orientation: { horizontal: "_15tx3001", vertical: "_15tx3002" }, color: { background: "_15tx3003", foreground: "_15tx3004", text: "_15tx3005", textSecondary: "_15tx3006", textTertiary: "_15tx3007", card: "_15tx3008", cardForeground: "_15tx3009", popover: "_15tx300a", popoverForeground: "_15tx300b", muted: "_15tx300c", mutedForeground: "_15tx300d", overlay: "_15tx300e", primary: "_15tx300f", primaryHover: "_15tx300g", primaryActive: "_15tx300h", primaryForeground: "_15tx300i", primarySubtle: "_15tx300j", primarySubtleHover: "_15tx300k", primarySubtleActive: "_15tx300l", primarySubtleForeground: "_15tx300m", primarySubtleBorder: "_15tx300n", link: "_15tx300o", linkHover: "_15tx300p", linkActive: "_15tx300q", secondary: "_15tx300r", secondaryHover: "_15tx300s", secondaryActive: "_15tx300t", secondaryForeground: "_15tx300u", secondarySubtle: "_15tx300v", secondarySubtleHover: "_15tx300w", secondarySubtleActive: "_15tx300x", secondarySubtleForeground: "_15tx300y", secondarySubtleBorder: "_15tx300z", tertiary: "_15tx30010", tertiaryHover: "_15tx30011", tertiaryActive: "_15tx30012", tertiaryForeground: "_15tx30013", tertiarySubtle: "_15tx30014", tertiarySubtleHover: "_15tx30015", tertiarySubtleActive: "_15tx30016", tertiarySubtleForeground: "_15tx30017", tertiarySubtleBorder: "_15tx30018", success: "_15tx30019", successHover: "_15tx3001a", successActive: "_15tx3001b", successForeground: "_15tx3001c", successSubtle: "_15tx3001d", successSubtleHover: "_15tx3001e", successSubtleActive: "_15tx3001f", successSubtleForeground: "_15tx3001g", successSubtleBorder: "_15tx3001h", warning: "_15tx3001i", warningHover: "_15tx3001j", warningActive: "_15tx3001k", warningForeground: "_15tx3001l", warningSubtle: "_15tx3001m", warningSubtleHover: "_15tx3001n", warningSubtleActive: "_15tx3001o", warningSubtleForeground: "_15tx3001p", warningSubtleBorder: "_15tx3001q", info: "_15tx3001r", infoHover: "_15tx3001s", infoActive: "_15tx3001t", infoForeground: "_15tx3001u", infoSubtle: "_15tx3001v", infoSubtleHover: "_15tx3001w", infoSubtleActive: "_15tx3001x", infoSubtleForeground: "_15tx3001y", infoSubtleBorder: "_15tx3001z", destructive: "_15tx30020", destructiveHover: "_15tx30021", destructiveActive: "_15tx30022", destructiveForeground: "_15tx30023", destructiveSubtle: "_15tx30024", destructiveSubtleHover: "_15tx30025", destructiveSubtleActive: "_15tx30026", destructiveSubtleForeground: "_15tx30027", destructiveSubtleBorder: "_15tx30028", purple: "_15tx30029", purpleHover: "_15tx3002a", purpleActive: "_15tx3002b", purpleForeground: "_15tx3002c", purpleSubtle: "_15tx3002d", purpleSubtleHover: "_15tx3002e", purpleSubtleActive: "_15tx3002f", purpleSubtleForeground: "_15tx3002g", purpleSubtleBorder: "_15tx3002h", pink: "_15tx3002i", pinkHover: "_15tx3002j", pinkActive: "_15tx3002k", pinkForeground: "_15tx3002l", pinkSubtle: "_15tx3002m", pinkSubtleHover: "_15tx3002n", pinkSubtleActive: "_15tx3002o", pinkSubtleForeground: "_15tx3002p", pinkSubtleBorder: "_15tx3002q", orange: "_15tx3002r", orangeHover: "_15tx3002s", orangeActive: "_15tx3002t", orangeForeground: "_15tx3002u", orangeSubtle: "_15tx3002v", orangeSubtleHover: "_15tx3002w", orangeSubtleActive: "_15tx3002x", orangeSubtleForeground: "_15tx3002y", orangeSubtleBorder: "_15tx3002z", teal: "_15tx30030", tealHover: "_15tx30031", tealActive: "_15tx30032", tealForeground: "_15tx30033", tealSubtle: "_15tx30034", tealSubtleHover: "_15tx30035", tealSubtleActive: "_15tx30036", tealSubtleForeground: "_15tx30037", tealSubtleBorder: "_15tx30038", cyan: "_15tx30039", cyanHover: "_15tx3003a", cyanActive: "_15tx3003b", cyanForeground: "_15tx3003c", cyanSubtle: "_15tx3003d", cyanSubtleHover: "_15tx3003e", cyanSubtleActive: "_15tx3003f", cyanSubtleForeground: "_15tx3003g", cyanSubtleBorder: "_15tx3003h", indigo: "_15tx3003i", indigoHover: "_15tx3003j", indigoActive: "_15tx3003k", indigoForeground: "_15tx3003l", indigoSubtle: "_15tx3003m", indigoSubtleHover: "_15tx3003n", indigoSubtleActive: "_15tx3003o", indigoSubtleForeground: "_15tx3003p", indigoSubtleBorder: "_15tx3003q", border: "_15tx3003r", borderStrong: "_15tx3003s", input: "_15tx3003t", ring: "_15tx3003u", highlight: "_15tx3003v", highlightForeground: "_15tx3003w", skeleton: "_15tx3003x", skeletonForeground: "_15tx3003y", transparent: "_15tx3003z" } }, defaultVariants: { orientation: "horizontal" }, compoundVariants: [] }) };

package/dist/components/navigation/breadcrumbs/Breadcrumbs.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),a=require("react"),A=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const h=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const u=require("./components/breadcrumbs-item/BreadcrumbsItem.cjs"),t=require("./constants/breadcrumbsSeparators.const.cjs"),s=require("./styles/Breadcrumbs.css.cjs"),n=a.memo(({"aria-label":l,children:S,color:R,separator:o=t.BREADCRUMBS_SEPARATORS.chevron,className:B,ref:m,...p})=>{const c=a.Children.toArray(S).filter(r=>a.isValidElement(r)),E=c.some(({props:r})=>r.current);return e.jsx("nav",{ref:m,"aria-label":l,className:B,...p,children:e.jsx("ol",{className:s.BREADCRUMBS_STYLES.list,children:c.map((r,i)=>{const d=E?r.props.current===!0:i===c.length-1;return e.jsxs("li",{className:s.BREADCRUMBS_STYLES.item,children:[i>0&&(o===t.BREADCRUMBS_SEPARATORS.chevron?e.jsx(A,{icon:"lucide:chevron-right",size:"sm",className:s.BREADCRUMBS_STYLES.separator}):e.jsx(h,{as:"span",variant:"span",className:s.BREADCRUMBS_STYLES.separatorText,"aria-hidden":"true",children:t.BREADCRUMBS_SEPARATOR_SYMBOLS[o]})),e.jsx(u,{...r.props,current:d,color:r.props.color??R})]},r.key)})})})});n.displayName="Breadcrumbs";n.Item=u;module.exports=n;
+//# sourceMappingURL=Breadcrumbs.cjs.map

package/dist/components/navigation/breadcrumbs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport BreadcrumbsItem from '@components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\nimport {\r\n    BREADCRUMBS_SEPARATOR_SYMBOLS,\r\n    BREADCRUMBS_SEPARATORS,\r\n} from '@components/navigation/breadcrumbs/constants'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsCompound } from '@components/navigation/breadcrumbs/types/BreadcrumbsCompound.ts'\r\nimport type { BreadcrumbsProps } from '@components/navigation/breadcrumbs/types/Breadcrumbs.props.ts'\r\n\r\nconst Breadcrumbs = memo(({\r\n    'aria-label': ariaLabel,\r\n    children,\r\n    color,\r\n    separator = BREADCRUMBS_SEPARATORS.chevron,\r\n    className,\r\n    ref,\r\n    ...props\r\n}: BreadcrumbsProps) => {\r\n    const items = Children.toArray(children).filter(\r\n        (child): child is ReactElement<BreadcrumbsItemProps> =>\r\n            isValidElement<BreadcrumbsItemProps>(child),\r\n    )\r\n    const hasExplicitCurrent = items.some(({ props: item }) => item.current)\r\n\r\n    return (\r\n        <nav\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <ol className={BREADCRUMBS_STYLES.list}>\r\n                {items.map((item, index) => {\r\n                    const isCurrent = hasExplicitCurrent\r\n                        ? item.props.current === true\r\n                        : index === items.length - 1\r\n\r\n                    return (\r\n                        <li\r\n                            key={item.key}\r\n                            className={BREADCRUMBS_STYLES.item}\r\n                        >\r\n                            {index > 0 &&\r\n                                (separator === BREADCRUMBS_SEPARATORS.chevron ? (\r\n                                    <Icon\r\n                                        icon={'lucide:chevron-right'}\r\n                                        size={'sm'}\r\n                                        className={BREADCRUMBS_STYLES.separator}\r\n                                    />\r\n                                ) : (\r\n                                    <Typography\r\n                                        as={'span'}\r\n                                        variant={'span'}\r\n                                        className={BREADCRUMBS_STYLES.separatorText}\r\n                                        aria-hidden={'true'}\r\n                                    >\r\n                                        {BREADCRUMBS_SEPARATOR_SYMBOLS[separator]}\r\n                                    </Typography>\r\n                                ))}\r\n                            <BreadcrumbsItem\r\n                                {...item.props}\r\n                                current={isCurrent}\r\n                                color={item.props.color ?? color}\r\n                            />\r\n                        </li>\r\n                    )\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    )\r\n}) as unknown as BreadcrumbsCompound\r\n\r\nBreadcrumbs.displayName = 'Breadcrumbs'\r\nBreadcrumbs.Item = BreadcrumbsItem\r\n\r\nexport default Breadcrumbs\r\n"],"names":["Breadcrumbs","memo","ariaLabel","children","color","separator","BREADCRUMBS_SEPARATORS","className","ref","props","items","Children","child","isValidElement","hasExplicitCurrent","item","jsx","BREADCRUMBS_STYLES","index","isCurrent","jsxs","Icon","Typography","BreadcrumbsItem"],"mappings":"6cAmBMA,EAAcC,EAAAA,KAAK,CAAC,CACtB,aAAcC,EACd,SAAAC,EACA,MAAAC,EACA,UAAAC,EAAYC,EAAAA,uBAAuB,QACnC,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAwB,CACpB,MAAMC,EAAQC,EAAAA,SAAS,QAAQR,CAAQ,EAAE,OACpCS,GACGC,EAAAA,eAAqCD,CAAK,CAAA,EAE5CE,EAAqBJ,EAAM,KAAK,CAAC,CAAE,MAAOK,CAAA,IAAWA,EAAK,OAAO,EAEvE,OACIC,EAAAA,IAAC,MAAA,CACG,IAAAR,EACA,aAAYN,EACZ,UAAAK,EACC,GAAGE,EAEJ,SAAAO,EAAAA,IAAC,MAAG,UAAWC,EAAAA,mBAAmB,KAC7B,SAAAP,EAAM,IAAI,CAACK,EAAMG,IAAU,CACxB,MAAMC,EAAYL,EACZC,EAAK,MAAM,UAAY,GACvBG,IAAUR,EAAM,OAAS,EAE/B,OACIU,EAAAA,KAAC,KAAA,CAEG,UAAWH,EAAAA,mBAAmB,KAE7B,SAAA,CAAAC,EAAQ,IACJb,IAAcC,EAAAA,uBAAuB,QAClCU,EAAAA,IAACK,EAAA,CACG,KAAM,uBACN,KAAM,KACN,UAAWJ,EAAAA,mBAAmB,SAAA,CAAA,EAGlCD,EAAAA,IAACM,EAAA,CACG,GAAI,OACJ,QAAS,OACT,UAAWL,EAAAA,mBAAmB,cAC9B,cAAa,OAEZ,yCAA8BZ,CAAS,CAAA,CAAA,GAGpDW,EAAAA,IAACO,EAAA,CACI,GAAGR,EAAK,MACT,QAASI,EACT,MAAOJ,EAAK,MAAM,OAASX,CAAA,CAAA,CAC/B,CAAA,EAxBKW,EAAK,GAAA,CA2BtB,CAAC,CAAA,CACL,CAAA,CAAA,CAGZ,CAAC,EAEDf,EAAY,YAAc,cAC1BA,EAAY,KAAOuB"}

package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,3 @@
+import { BreadcrumbsCompound } from './types/BreadcrumbsCompound.ts';
+declare const Breadcrumbs: BreadcrumbsCompound;
+export default Breadcrumbs;

package/dist/components/navigation/breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,74 @@
+import { jsx as e, jsxs as S } from "react/jsx-runtime";
+import { memo as f, Children as A, isValidElement as E } from "react";
+import C from "../../foundation/icon/Icon.js";
+import "../../foundation/icon/styles/Icon.css.js";
+import b from "../../foundation/typography/Typography.js";
+import "../../foundation/typography/styles/Typography.css.js";
+import i from "./components/breadcrumbs-item/BreadcrumbsItem.js";
+import { BREADCRUMBS_SEPARATORS as m, BREADCRUMBS_SEPARATOR_SYMBOLS as v } from "./constants/breadcrumbsSeparators.const.js";
+import { BREADCRUMBS_STYLES as o } from "./styles/Breadcrumbs.css.js";
+const c = f(({
+  "aria-label": n,
+  children: l,
+  color: p,
+  separator: s = m.chevron,
+  className: u,
+  ref: d,
+  ...h
+}) => {
+  const a = A.toArray(l).filter(
+    (r) => E(r)
+  ), B = a.some(({ props: r }) => r.current);
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      ref: d,
+      "aria-label": n,
+      className: u,
+      ...h,
+      children: /* @__PURE__ */ e("ol", { className: o.list, children: a.map((r, t) => {
+        const R = B ? r.props.current === !0 : t === a.length - 1;
+        return /* @__PURE__ */ S(
+          "li",
+          {
+            className: o.item,
+            children: [
+              t > 0 && (s === m.chevron ? /* @__PURE__ */ e(
+                C,
+                {
+                  icon: "lucide:chevron-right",
+                  size: "sm",
+                  className: o.separator
+                }
+              ) : /* @__PURE__ */ e(
+                b,
+                {
+                  as: "span",
+                  variant: "span",
+                  className: o.separatorText,
+                  "aria-hidden": "true",
+                  children: v[s]
+                }
+              )),
+              /* @__PURE__ */ e(
+                i,
+                {
+                  ...r.props,
+                  current: R,
+                  color: r.props.color ?? p
+                }
+              )
+            ]
+          },
+          r.key
+        );
+      }) })
+    }
+  );
+});
+c.displayName = "Breadcrumbs";
+c.Item = i;
+export {
+  c as default
+};
+//# sourceMappingURL=Breadcrumbs.js.map

package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/components/navigation/breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import {\r\n    Children,\r\n    isValidElement,\r\n    memo,\r\n    type ReactElement,\r\n} from 'react'\r\n\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport BreadcrumbsItem from '@components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\nimport {\r\n    BREADCRUMBS_SEPARATOR_SYMBOLS,\r\n    BREADCRUMBS_SEPARATORS,\r\n} from '@components/navigation/breadcrumbs/constants'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsCompound } from '@components/navigation/breadcrumbs/types/BreadcrumbsCompound.ts'\r\nimport type { BreadcrumbsProps } from '@components/navigation/breadcrumbs/types/Breadcrumbs.props.ts'\r\n\r\nconst Breadcrumbs = memo(({\r\n    'aria-label': ariaLabel,\r\n    children,\r\n    color,\r\n    separator = BREADCRUMBS_SEPARATORS.chevron,\r\n    className,\r\n    ref,\r\n    ...props\r\n}: BreadcrumbsProps) => {\r\n    const items = Children.toArray(children).filter(\r\n        (child): child is ReactElement<BreadcrumbsItemProps> =>\r\n            isValidElement<BreadcrumbsItemProps>(child),\r\n    )\r\n    const hasExplicitCurrent = items.some(({ props: item }) => item.current)\r\n\r\n    return (\r\n        <nav\r\n            ref={ref}\r\n            aria-label={ariaLabel}\r\n            className={className}\r\n            {...props}\r\n        >\r\n            <ol className={BREADCRUMBS_STYLES.list}>\r\n                {items.map((item, index) => {\r\n                    const isCurrent = hasExplicitCurrent\r\n                        ? item.props.current === true\r\n                        : index === items.length - 1\r\n\r\n                    return (\r\n                        <li\r\n                            key={item.key}\r\n                            className={BREADCRUMBS_STYLES.item}\r\n                        >\r\n                            {index > 0 &&\r\n                                (separator === BREADCRUMBS_SEPARATORS.chevron ? (\r\n                                    <Icon\r\n                                        icon={'lucide:chevron-right'}\r\n                                        size={'sm'}\r\n                                        className={BREADCRUMBS_STYLES.separator}\r\n                                    />\r\n                                ) : (\r\n                                    <Typography\r\n                                        as={'span'}\r\n                                        variant={'span'}\r\n                                        className={BREADCRUMBS_STYLES.separatorText}\r\n                                        aria-hidden={'true'}\r\n                                    >\r\n                                        {BREADCRUMBS_SEPARATOR_SYMBOLS[separator]}\r\n                                    </Typography>\r\n                                ))}\r\n                            <BreadcrumbsItem\r\n                                {...item.props}\r\n                                current={isCurrent}\r\n                                color={item.props.color ?? color}\r\n                            />\r\n                        </li>\r\n                    )\r\n                })}\r\n            </ol>\r\n        </nav>\r\n    )\r\n}) as unknown as BreadcrumbsCompound\r\n\r\nBreadcrumbs.displayName = 'Breadcrumbs'\r\nBreadcrumbs.Item = BreadcrumbsItem\r\n\r\nexport default Breadcrumbs\r\n"],"names":["Breadcrumbs","memo","ariaLabel","children","color","separator","BREADCRUMBS_SEPARATORS","className","ref","props","items","Children","child","isValidElement","hasExplicitCurrent","item","jsx","BREADCRUMBS_STYLES","index","isCurrent","jsxs","Icon","Typography","BreadcrumbsItem"],"mappings":";;;;;;;;;AAmBA,MAAMA,IAAcC,EAAK,CAAC;AAAA,EACtB,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAYC,EAAuB;AAAA,EACnC,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAwB;AACpB,QAAMC,IAAQC,EAAS,QAAQR,CAAQ,EAAE;AAAA,IACrC,CAACS,MACGC,EAAqCD,CAAK;AAAA,EAAA,GAE5CE,IAAqBJ,EAAM,KAAK,CAAC,EAAE,OAAOK,EAAA,MAAWA,EAAK,OAAO;AAEvE,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAR;AAAA,MACA,cAAYN;AAAA,MACZ,WAAAK;AAAA,MACC,GAAGE;AAAA,MAEJ,UAAA,gBAAAO,EAAC,QAAG,WAAWC,EAAmB,MAC7B,UAAAP,EAAM,IAAI,CAACK,GAAMG,MAAU;AACxB,cAAMC,IAAYL,IACZC,EAAK,MAAM,YAAY,KACvBG,MAAUR,EAAM,SAAS;AAE/B,eACI,gBAAAU;AAAA,UAAC;AAAA,UAAA;AAAA,YAEG,WAAWH,EAAmB;AAAA,YAE7B,UAAA;AAAA,cAAAC,IAAQ,MACJb,MAAcC,EAAuB,UAClC,gBAAAU;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,WAAWJ,EAAmB;AAAA,gBAAA;AAAA,cAAA,IAGlC,gBAAAD;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,WAAWL,EAAmB;AAAA,kBAC9B,eAAa;AAAA,kBAEZ,YAA8BZ,CAAS;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGpD,gBAAAW;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACI,GAAGR,EAAK;AAAA,kBACT,SAASI;AAAA,kBACT,OAAOJ,EAAK,MAAM,SAASX;AAAA,gBAAA;AAAA,cAAA;AAAA,YAC/B;AAAA,UAAA;AAAA,UAxBKW,EAAK;AAAA,QAAA;AAAA,MA2BtB,CAAC,EAAA,CACL;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDf,EAAY,cAAc;AAC1BA,EAAY,OAAOuB;"}

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const i=require("react/jsx-runtime"),c=require("react"),u=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const o=require("../../../link/Link.cjs");require("../../../link/styles/Link.css.cjs");const m=require("../../styles/Breadcrumbs.css.cjs"),a=c.memo(({label:r,href:s,current:e=!1,color:t,...n})=>e||!s?i.jsx(u,{as:"span",variant:"span",fontSize:"md",className:e?m.BREADCRUMBS_STYLES.current:void 0,"aria-current":e?"page":void 0,children:r}):i.jsx(o,{href:s,label:r,color:t,...n}));a.displayName="Breadcrumbs.Item";module.exports=a;
+//# sourceMappingURL=BreadcrumbsItem.cjs.map

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsItem.cjs","sources":["../../../../../../src/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\n\r\nconst BreadcrumbsItem: FC<BreadcrumbsItemProps> = memo(({\r\n    label,\r\n    href,\r\n    current = false,\r\n    color,\r\n    ...linkProps\r\n}) => {\r\n    if (current || !href) {\r\n        return (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                fontSize={'md'}\r\n                className={current ? BREADCRUMBS_STYLES.current : undefined}\r\n                aria-current={current ? 'page' : undefined}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Link\r\n            href={href}\r\n            label={label}\r\n            color={color}\r\n            {...linkProps}\r\n        />\r\n    )\r\n})\r\n\r\nBreadcrumbsItem.displayName = 'Breadcrumbs.Item'\r\n\r\nexport default BreadcrumbsItem\r\n"],"names":["BreadcrumbsItem","memo","label","href","current","color","linkProps","jsx","Typography","BREADCRUMBS_STYLES","Link"],"mappings":"qVAOMA,EAA4CC,EAAAA,KAAK,CAAC,CACpD,MAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,MAAAC,EACA,GAAGC,CACP,IACQF,GAAW,CAACD,EAERI,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,UAAWJ,EAAUK,qBAAmB,QAAU,OAClD,eAAcL,EAAU,OAAS,OAEhC,SAAAF,CAAA,CAAA,EAMTK,EAAAA,IAACG,EAAA,CACG,KAAAP,EACA,MAAAD,EACA,MAAAG,EACC,GAAGC,CAAA,CAAA,CAGf,EAEDN,EAAgB,YAAc"}

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { BreadcrumbsItemProps } from './types/BreadcrumbsItem.props.ts';
+declare const BreadcrumbsItem: FC<BreadcrumbsItemProps>;
+export default BreadcrumbsItem;

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.js

@@ -0,0 +1,37 @@
+import { jsx as a } from "react/jsx-runtime";
+import { memo as p } from "react";
+import e from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import s from "../../../link/Link.js";
+import "../../../link/styles/Link.css.js";
+import { BREADCRUMBS_STYLES as n } from "../../styles/Breadcrumbs.css.js";
+const d = p(({
+  label: m,
+  href: o,
+  current: r = !1,
+  color: i,
+  ...t
+}) => r || !o ? /* @__PURE__ */ a(
+  e,
+  {
+    as: "span",
+    variant: "span",
+    fontSize: "md",
+    className: r ? n.current : void 0,
+    "aria-current": r ? "page" : void 0,
+    children: m
+  }
+) : /* @__PURE__ */ a(
+  s,
+  {
+    href: o,
+    label: m,
+    color: i,
+    ...t
+  }
+));
+d.displayName = "Breadcrumbs.Item";
+export {
+  d as default
+};
+//# sourceMappingURL=BreadcrumbsItem.js.map

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbsItem.js","sources":["../../../../../../src/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Link } from '@components/navigation/link'\r\nimport { BREADCRUMBS_STYLES } from '@components/navigation/breadcrumbs/styles/Breadcrumbs.css.ts'\r\nimport type { BreadcrumbsItemProps } from '@components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.ts'\r\n\r\nconst BreadcrumbsItem: FC<BreadcrumbsItemProps> = memo(({\r\n    label,\r\n    href,\r\n    current = false,\r\n    color,\r\n    ...linkProps\r\n}) => {\r\n    if (current || !href) {\r\n        return (\r\n            <Typography\r\n                as={'span'}\r\n                variant={'span'}\r\n                fontSize={'md'}\r\n                className={current ? BREADCRUMBS_STYLES.current : undefined}\r\n                aria-current={current ? 'page' : undefined}\r\n            >\r\n                {label}\r\n            </Typography>\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Link\r\n            href={href}\r\n            label={label}\r\n            color={color}\r\n            {...linkProps}\r\n        />\r\n    )\r\n})\r\n\r\nBreadcrumbsItem.displayName = 'Breadcrumbs.Item'\r\n\r\nexport default BreadcrumbsItem\r\n"],"names":["BreadcrumbsItem","memo","label","href","current","color","linkProps","jsx","Typography","BREADCRUMBS_STYLES","Link"],"mappings":";;;;;;;AAOA,MAAMA,IAA4CC,EAAK,CAAC;AAAA,EACpD,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,GAAGC;AACP,MACQF,KAAW,CAACD,IAER,gBAAAI;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,WAAWJ,IAAUK,EAAmB,UAAU;AAAA,IAClD,gBAAcL,IAAU,SAAS;AAAA,IAEhC,UAAAF;AAAA,EAAA;AAAA,IAMT,gBAAAK;AAAA,EAACG;AAAA,EAAA;AAAA,IACG,MAAAP;AAAA,IACA,OAAAD;AAAA,IACA,OAAAG;AAAA,IACC,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDN,EAAgB,cAAc;"}

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BreadcrumbsItem } from './BreadcrumbsItem.tsx';
+export type { BreadcrumbsItemProps } from './types/BreadcrumbsItem.props.ts';

package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/types/BreadcrumbsItem.props.d.ts

@@ -0,0 +1,5 @@
+import { LinkProps } from '../../../../link';
+export type BreadcrumbsItemProps = LinkProps & {
+    /** Marks this item as the current page. The last item is current by default. */
+    current?: boolean;
+};

package/dist/components/navigation/breadcrumbs/components/index.d.ts

@@ -0,0 +1 @@
+export { BreadcrumbsItem } from './breadcrumbs-item';

package/dist/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={chevron:"chevron",slash:"slash",dot:"dot",reverseSlash:"reverseSlash",dash:"dash"},s={chevron:"",slash:"/",dot:"·",reverseSlash:"\\",dash:"-"};exports.BREADCRUMBS_SEPARATORS=e;exports.BREADCRUMBS_SEPARATOR_SYMBOLS=s;
+//# sourceMappingURL=breadcrumbsSeparators.const.cjs.map

package/dist/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsSeparators.const.cjs","sources":["../../../../../src/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.ts"],"sourcesContent":["export const BREADCRUMBS_SEPARATORS = {\r\n    chevron: 'chevron',\r\n    slash: 'slash',\r\n    dot: 'dot',\r\n    reverseSlash: 'reverseSlash',\r\n    dash: 'dash',\r\n} as const\r\n\r\nexport const BREADCRUMBS_SEPARATOR_SYMBOLS = {\r\n    chevron: '',\r\n    slash: '/',\r\n    dot: '·',\r\n    reverseSlash: '\\\\',\r\n    dash: '-',\r\n} as const\r\n"],"names":["BREADCRUMBS_SEPARATORS","BREADCRUMBS_SEPARATOR_SYMBOLS"],"mappings":"gFAAO,MAAMA,EAAyB,CAClC,QAAS,UACT,MAAO,QACP,IAAK,MACL,aAAc,eACd,KAAM,MACV,EAEaC,EAAgC,CACzC,QAAS,GACT,MAAO,IACP,IAAK,IACL,aAAc,KACd,KAAM,GACV"}

package/dist/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.d.ts

@@ -0,0 +1,14 @@
+export declare const BREADCRUMBS_SEPARATORS: {
+    readonly chevron: "chevron";
+    readonly slash: "slash";
+    readonly dot: "dot";
+    readonly reverseSlash: "reverseSlash";
+    readonly dash: "dash";
+};
+export declare const BREADCRUMBS_SEPARATOR_SYMBOLS: {
+    readonly chevron: "";
+    readonly slash: "/";
+    readonly dot: "·";
+    readonly reverseSlash: "\\";
+    readonly dash: "-";
+};

package/dist/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.js

@@ -0,0 +1,18 @@
+const s = {
+  chevron: "chevron",
+  slash: "slash",
+  dot: "dot",
+  reverseSlash: "reverseSlash",
+  dash: "dash"
+}, e = {
+  chevron: "",
+  slash: "/",
+  dot: "·",
+  reverseSlash: "\\",
+  dash: "-"
+};
+export {
+  s as BREADCRUMBS_SEPARATORS,
+  e as BREADCRUMBS_SEPARATOR_SYMBOLS
+};
+//# sourceMappingURL=breadcrumbsSeparators.const.js.map

package/dist/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbsSeparators.const.js","sources":["../../../../../src/components/navigation/breadcrumbs/constants/breadcrumbsSeparators.const.ts"],"sourcesContent":["export const BREADCRUMBS_SEPARATORS = {\r\n    chevron: 'chevron',\r\n    slash: 'slash',\r\n    dot: 'dot',\r\n    reverseSlash: 'reverseSlash',\r\n    dash: 'dash',\r\n} as const\r\n\r\nexport const BREADCRUMBS_SEPARATOR_SYMBOLS = {\r\n    chevron: '',\r\n    slash: '/',\r\n    dot: '·',\r\n    reverseSlash: '\\\\',\r\n    dash: '-',\r\n} as const\r\n"],"names":["BREADCRUMBS_SEPARATORS","BREADCRUMBS_SEPARATOR_SYMBOLS"],"mappings":"AAAO,MAAMA,IAAyB;AAAA,EAClC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,cAAc;AAAA,EACd,MAAM;AACV,GAEaC,IAAgC;AAAA,EACzC,SAAS;AAAA,EACT,OAAO;AAAA,EACP,KAAK;AAAA,EACL,cAAc;AAAA,EACd,MAAM;AACV;"}

package/dist/components/navigation/breadcrumbs/constants/index.d.ts

@@ -0,0 +1 @@
+export { BREADCRUMBS_SEPARATOR_SYMBOLS, BREADCRUMBS_SEPARATORS, } from './breadcrumbsSeparators.const.ts';

package/dist/components/navigation/breadcrumbs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Breadcrumbs } from './Breadcrumbs.tsx';
+export { BREADCRUMBS_SEPARATORS } from './constants';
+export { BREADCRUMBS_STYLES } from './styles/Breadcrumbs.css.ts';
+export type { BreadcrumbsCompound, BreadcrumbsProps, BreadcrumbsSeparator, } from './types';
+export type { BreadcrumbsItemProps } from './components/breadcrumbs-item';

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit43.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                 */var e={list:"_5hwpex0",item:"_5hwpex1",current:"_5hwpex2",separator:"_5hwpex3",separatorText:"_5hwpex4"};exports.BREADCRUMBS_STYLES=e;
+//# sourceMappingURL=Breadcrumbs.css.cjs.map

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.d.ts

@@ -0,0 +1,7 @@
+export declare const BREADCRUMBS_STYLES: {
+    list: string;
+    item: string;
+    current: string;
+    separator: string;
+    separatorText: string;
+};

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit43.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                               */
+var r = { list: "_5hwpex0", item: "_5hwpex1", current: "_5hwpex2", separator: "_5hwpex3", separatorText: "_5hwpex4" };
+export {
+  r as BREADCRUMBS_STYLES
+};
+//# sourceMappingURL=Breadcrumbs.css.js.map

package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/navigation/breadcrumbs/types/Breadcrumbs.props.d.ts

@@ -0,0 +1,15 @@
+import { RefAttributes } from 'react';
+import { LinkColor } from '../../link';
+import { BreadcrumbsItemProps } from '../components/breadcrumbs-item/types/BreadcrumbsItem.props.ts';
+import { BreadcrumbsSeparator } from './Breadcrumbs.types.ts';
+import type * as React from 'react';
+export type BreadcrumbsProps = Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'children'> & RefAttributes<HTMLElement> & {
+    /** Accessible name for the breadcrumb navigation landmark. */
+    'aria-label': string;
+    /** Ordered `Breadcrumbs.Item` elements. The last item is current by default. */
+    children: React.ReactElement<BreadcrumbsItemProps> | React.ReactElement<BreadcrumbsItemProps>[];
+    /** Theme color applied to breadcrumb links unless overridden by an item. */
+    color?: LinkColor;
+    /** Visual separator between items. Defaults to `chevron`. */
+    separator?: BreadcrumbsSeparator;
+};

package/dist/components/navigation/breadcrumbs/types/Breadcrumbs.types.d.ts

@@ -0,0 +1,2 @@
+import { BREADCRUMBS_SEPARATORS } from '../constants';
+export type BreadcrumbsSeparator = (typeof BREADCRUMBS_SEPARATORS)[keyof typeof BREADCRUMBS_SEPARATORS];

package/dist/components/navigation/breadcrumbs/types/BreadcrumbsCompound.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { default as BreadcrumbsItem } from '../components/breadcrumbs-item/BreadcrumbsItem.tsx';
+import { BreadcrumbsProps } from './Breadcrumbs.props.ts';
+export type BreadcrumbsCompound = FC<BreadcrumbsProps> & {
+    Item: typeof BreadcrumbsItem;
+};

package/dist/components/navigation/breadcrumbs/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { BreadcrumbsProps } from './Breadcrumbs.props.ts';
+export type { BreadcrumbsSeparator } from './Breadcrumbs.types.ts';
+export type { BreadcrumbsCompound } from './BreadcrumbsCompound.ts';

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

@@ -1,2 +1,6 @@
 export * from './tabs';
 export * from './link';
+export * from './pagination';
+export * from './breadcrumbs';
+export * from './stepper';
+export * from './step-indicator';

package/dist/components/navigation/link/Link.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("react"),L=require("./styles/Link.css.cjs"),u=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const h=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const k=require("../../../utils/cn.cjs"),o=t.memo(({href:m="#",className:q,onClick:s,ref:p,label:r,startIcon:i,endIcon:n,fontSize:d="md",fontWeight:l="medium",iconSize:c="md",...x})=>{const j=t.useCallback(a=>{s&&(a.preventDefault(),s(a))},[s]);return e.jsxs("a",{ref:p,href:m,className:k.cn(L.LINK_STYLES.base,q),onClick:j,...x,children:[i&&e.jsx(u,{icon:i,size:c}),r&&e.jsx(h,{as:"span",variant:"span",fontSize:d,fontWeight:l,children:r}),n&&e.jsx(u,{icon:n,size:c})]})});o.displayName="Link";module.exports=o;
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),u=require("./styles/Link.css.cjs"),o=require("../../foundation/icon/Icon.cjs");require("../../foundation/icon/styles/Icon.css.cjs");const k=require("../../foundation/typography/Typography.cjs");require("../../foundation/typography/styles/Typography.css.cjs");const N=require("../../../utils/cn.cjs"),m=t.memo(({href:q="#",className:l,onClick:s,ref:p,label:r,color:L,startIcon:i,endIcon:n,fontSize:d="md",fontWeight:x="medium",iconSize:c="md",...j})=>{const h=t.useCallback(a=>{s&&(a.preventDefault(),s(a))},[s]);return e.jsxs("a",{ref:p,href:q,className:N.cn(u.LINK_STYLES.base,u.LINK_STYLES.color({color:L}),l),onClick:h,...j,children:[i&&e.jsx(o,{icon:i,size:c}),r&&e.jsx(k,{as:"span",variant:"span",fontSize:d,fontWeight:x,children:r}),n&&e.jsx(o,{icon:n,size:c})]})});m.displayName="Link";module.exports=m;
 //# sourceMappingURL=Link.cjs.map

package/dist/components/navigation/link/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":"iXASMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EAAO,IACP,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,KACX,WAAAC,EAAa,SACb,SAAAC,EAAW,KACX,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,YACfC,GAA+C,CACxCX,IACAW,EAAM,eAAA,EACNX,EAAQW,CAAK,EAErB,EACA,CAACX,CAAO,CAAA,EAGZ,OACIY,EAAAA,KAAC,IAAA,CACG,IAAAX,EACA,KAAAH,EACA,UAAWe,EAAAA,GAAGC,cAAY,KAAMf,CAAS,EACzC,QAASU,EACR,GAAGD,EAEH,SAAA,CAAAL,GACGY,EAAAA,IAACC,EAAA,CACG,KAAMb,EACN,KAAMI,CAAA,CAAA,EAGbL,GACGa,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAAZ,EACA,WAAAC,EAEC,SAAAJ,CAAA,CAAA,EAGRE,GACGW,EAAAA,IAACC,EAAA,CACG,KAAMZ,EACN,KAAMG,CAAA,CAAA,CACV,CAAA,CAAA,CAIhB,CAAC,EAEDX,EAAK,YAAc"}
+{"version":3,"file":"Link.cjs","sources":["../../../../src/components/navigation/link/Link.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\nimport type * as React from 'react'\r\n\r\nimport { LINK_STYLES } from '@components/navigation/link/styles/Link.css.ts'\r\nimport type { LinkProps } from '@components/navigation/link/types/Link.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst Link: React.FC<LinkProps> = memo(({\r\n    href = '#',\r\n    className,\r\n    onClick,\r\n    ref,\r\n    label,\r\n    color,\r\n    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, LINK_STYLES.color({ color }), className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","color","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":"iXASMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EAAO,IACP,UAAAC,EACA,QAAAC,EACA,IAAAC,EACA,MAAAC,EACA,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,SAAAC,EAAW,KACX,WAAAC,EAAa,SACb,SAAAC,EAAW,KACX,GAAGC,CACP,IAAM,CACF,MAAMC,EAAcC,EAAAA,YACfC,GAA+C,CACxCZ,IACAY,EAAM,eAAA,EACNZ,EAAQY,CAAK,EAErB,EACA,CAACZ,CAAO,CAAA,EAGZ,OACIa,EAAAA,KAAC,IAAA,CACG,IAAAZ,EACA,KAAAH,EACA,UAAWgB,EAAAA,GAAGC,EAAAA,YAAY,KAAMA,EAAAA,YAAY,MAAM,CAAE,MAAAZ,EAAO,EAAGJ,CAAS,EACvE,QAASW,EACR,GAAGD,EAEH,SAAA,CAAAL,GACGY,EAAAA,IAACC,EAAA,CACG,KAAMb,EACN,KAAMI,CAAA,CAAA,EAGbN,GACGc,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAAZ,EACA,WAAAC,EAEC,SAAAL,CAAA,CAAA,EAGRG,GACGW,EAAAA,IAACC,EAAA,CACG,KAAMZ,EACN,KAAMG,CAAA,CAAA,CACV,CAAA,CAAA,CAIhB,CAAC,EAEDZ,EAAK,YAAc"}