@choco-vanille/ui 1.4.0 → 1.5.1

package/dist/components/layout/image/Image.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.cjs","sources":["../../../../src/components/layout/image/Image.tsx"],"sourcesContent":["import { IMAGE_STYLES } from '@components/layout/image/styles/Image.css.ts'\r\nimport type { ImageProps } from '@components/layout/image/types/Image.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Image: FC<ImageProps> = memo(({\r\n    alt,\r\n    objectFit,\r\n    objectPosition,\r\n    borderRadius,\r\n    padding,\r\n    margin,\r\n    backgroundColor,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    aspectRatio,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            IMAGE_STYLES.recipe({\r\n                objectFit,\r\n                objectPosition,\r\n                borderRadius,\r\n                padding,\r\n                margin,\r\n                backgroundColor,\r\n            }),\r\n        [\r\n            objectFit,\r\n            objectPosition,\r\n            borderRadius,\r\n            padding,\r\n            margin,\r\n            backgroundColor,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <img\r\n            ref={ref}\r\n            alt={alt}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                aspectRatio,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nImage.displayName = 'Image'\r\n\r\nexport default Image\r\n"],"names":["Image","memo","alt","objectFit","objectPosition","borderRadius","padding","margin","backgroundColor","width","minWidth","maxWidth","height","minHeight","maxHeight","aspectRatio","className","style","ref","props","recipeClassName","useMemo","IMAGE_STYLES","jsx","cn"],"mappings":"4IAKMA,EAAwBC,EAAAA,KAAK,CAAC,CAChC,IAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBC,EAAAA,QACpB,IACIC,EAAAA,aAAa,OAAO,CAChB,UAAAnB,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CAAA,CACH,EACL,CACIL,EACAC,EACAC,EACAC,EACAC,EACAC,CAAA,CACJ,EAGJ,OACIe,EAAAA,IAAC,MAAA,CACG,IAAAL,EACA,IAAAhB,EACA,UAAWsB,EAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,MAAAP,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDnB,EAAM,YAAc"}
+{"version":3,"file":"Image.cjs","sources":["../../../../src/components/layout/image/Image.tsx"],"sourcesContent":["import { IMAGE_STYLES } from '@components/layout/image/styles/Image.css.ts'\r\nimport type { ImageProps } from '@components/layout/image/types/Image.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\n/**\r\n * `<img>` wrapper with design-token props for `objectFit`, `objectPosition`,\r\n * `borderRadius`, spacing, and `backgroundColor`. Dimensional props\r\n * (`width`, `height`, `aspectRatio`) are applied as inline styles.\r\n * Always provide a meaningful `alt` text.\r\n */\r\nconst Image: FC<ImageProps> = memo(({\r\n    alt,\r\n    objectFit,\r\n    objectPosition,\r\n    borderRadius,\r\n    padding,\r\n    margin,\r\n    backgroundColor,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    aspectRatio,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            IMAGE_STYLES.recipe({\r\n                objectFit,\r\n                objectPosition,\r\n                borderRadius,\r\n                padding,\r\n                margin,\r\n                backgroundColor,\r\n            }),\r\n        [\r\n            objectFit,\r\n            objectPosition,\r\n            borderRadius,\r\n            padding,\r\n            margin,\r\n            backgroundColor,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <img\r\n            ref={ref}\r\n            alt={alt}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                aspectRatio,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nImage.displayName = 'Image'\r\n\r\nexport default Image\r\n"],"names":["Image","memo","alt","objectFit","objectPosition","borderRadius","padding","margin","backgroundColor","width","minWidth","maxWidth","height","minHeight","maxHeight","aspectRatio","className","style","ref","props","recipeClassName","useMemo","IMAGE_STYLES","jsx","cn"],"mappings":"4IAWMA,EAAwBC,EAAAA,KAAK,CAAC,CAChC,IAAAC,EACA,UAAAC,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAkBC,EAAAA,QACpB,IACIC,EAAAA,aAAa,OAAO,CAChB,UAAAnB,EACA,eAAAC,EACA,aAAAC,EACA,QAAAC,EACA,OAAAC,EACA,gBAAAC,CAAA,CACH,EACL,CACIL,EACAC,EACAC,EACAC,EACAC,EACAC,CAAA,CACJ,EAGJ,OACIe,EAAAA,IAAC,MAAA,CACG,IAAAL,EACA,IAAAhB,EACA,UAAWsB,EAAAA,GAAGJ,EAAiBJ,CAAS,EACxC,MAAO,CACH,MAAAP,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,UAAAC,EACA,UAAAC,EACA,YAAAC,EACA,GAAGE,CAAA,EAEN,GAAGE,CAAA,CAAA,CAGhB,CAAC,EAEDnB,EAAM,YAAc"}

package/dist/components/layout/image/Image.d.ts

@@ -1,4 +1,10 @@
 import { ImageProps } from './types/Image.props.ts';
 import { FC } from 'react';
+/**
+ * `<img>` wrapper with design-token props for `objectFit`, `objectPosition`,
+ * `borderRadius`, spacing, and `backgroundColor`. Dimensional props
+ * (`width`, `height`, `aspectRatio`) are applied as inline styles.
+ * Always provide a meaningful `alt` text.
+ */
 declare const Image: FC<ImageProps>;
 export default Image;

package/dist/components/layout/image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../../../../src/components/layout/image/Image.tsx"],"sourcesContent":["import { IMAGE_STYLES } from '@components/layout/image/styles/Image.css.ts'\r\nimport type { ImageProps } from '@components/layout/image/types/Image.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\nconst Image: FC<ImageProps> = memo(({\r\n    alt,\r\n    objectFit,\r\n    objectPosition,\r\n    borderRadius,\r\n    padding,\r\n    margin,\r\n    backgroundColor,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    aspectRatio,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            IMAGE_STYLES.recipe({\r\n                objectFit,\r\n                objectPosition,\r\n                borderRadius,\r\n                padding,\r\n                margin,\r\n                backgroundColor,\r\n            }),\r\n        [\r\n            objectFit,\r\n            objectPosition,\r\n            borderRadius,\r\n            padding,\r\n            margin,\r\n            backgroundColor,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <img\r\n            ref={ref}\r\n            alt={alt}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                aspectRatio,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nImage.displayName = 'Image'\r\n\r\nexport default Image\r\n"],"names":["Image","memo","alt","objectFit","objectPosition","borderRadius","padding","margin","backgroundColor","width","minWidth","maxWidth","height","minHeight","maxHeight","aspectRatio","className","style","ref","props","recipeClassName","useMemo","IMAGE_STYLES","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAwBC,EAAK,CAAC;AAAA,EAChC,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBC;AAAA,IACpB,MACIC,EAAa,OAAO;AAAA,MAChB,WAAAnB;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA,CACH;AAAA,IACL;AAAA,MACIL;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,KAAAhB;AAAA,MACA,WAAWsB,EAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,OAAAP;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,aAAAC;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,MAEN,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDnB,EAAM,cAAc;"}
+{"version":3,"file":"Image.js","sources":["../../../../src/components/layout/image/Image.tsx"],"sourcesContent":["import { IMAGE_STYLES } from '@components/layout/image/styles/Image.css.ts'\r\nimport type { ImageProps } from '@components/layout/image/types/Image.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useMemo, type FC } from 'react'\r\n\r\n/**\r\n * `<img>` wrapper with design-token props for `objectFit`, `objectPosition`,\r\n * `borderRadius`, spacing, and `backgroundColor`. Dimensional props\r\n * (`width`, `height`, `aspectRatio`) are applied as inline styles.\r\n * Always provide a meaningful `alt` text.\r\n */\r\nconst Image: FC<ImageProps> = memo(({\r\n    alt,\r\n    objectFit,\r\n    objectPosition,\r\n    borderRadius,\r\n    padding,\r\n    margin,\r\n    backgroundColor,\r\n    width,\r\n    minWidth,\r\n    maxWidth,\r\n    height,\r\n    minHeight,\r\n    maxHeight,\r\n    aspectRatio,\r\n    className,\r\n    style,\r\n    ref,\r\n    ...props\r\n}) => {\r\n    const recipeClassName = useMemo(\r\n        () =>\r\n            IMAGE_STYLES.recipe({\r\n                objectFit,\r\n                objectPosition,\r\n                borderRadius,\r\n                padding,\r\n                margin,\r\n                backgroundColor,\r\n            }),\r\n        [\r\n            objectFit,\r\n            objectPosition,\r\n            borderRadius,\r\n            padding,\r\n            margin,\r\n            backgroundColor,\r\n        ],\r\n    )\r\n\r\n    return (\r\n        <img\r\n            ref={ref}\r\n            alt={alt}\r\n            className={cn(recipeClassName, className)}\r\n            style={{\r\n                width,\r\n                minWidth,\r\n                maxWidth,\r\n                height,\r\n                minHeight,\r\n                maxHeight,\r\n                aspectRatio,\r\n                ...style,\r\n            }}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nImage.displayName = 'Image'\r\n\r\nexport default Image\r\n"],"names":["Image","memo","alt","objectFit","objectPosition","borderRadius","padding","margin","backgroundColor","width","minWidth","maxWidth","height","minHeight","maxHeight","aspectRatio","className","style","ref","props","recipeClassName","useMemo","IMAGE_STYLES","jsx","cn"],"mappings":";;;;AAWA,MAAMA,IAAwBC,EAAK,CAAC;AAAA,EAChC,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAkBC;AAAA,IACpB,MACIC,EAAa,OAAO;AAAA,MAChB,WAAAnB;AAAA,MACA,gBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,QAAAC;AAAA,MACA,iBAAAC;AAAA,IAAA,CACH;AAAA,IACL;AAAA,MACIL;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAAA,EACJ;AAGJ,SACI,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAL;AAAA,MACA,KAAAhB;AAAA,MACA,WAAWsB,EAAGJ,GAAiBJ,CAAS;AAAA,MACxC,OAAO;AAAA,QACH,OAAAP;AAAA,QACA,UAAAC;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,WAAAC;AAAA,QACA,aAAAC;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,MAEN,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDnB,EAAM,cAAc;"}

package/dist/components/layout/image/styles/Image.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",input:"kunpco54",ring:"kunpco55",highlight:"kunpco56",highlightForeground:"kunpco57",skeleton:"kunpco58",skeletonForeground:"kunpco59",transparent:"kunpco5a"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit22.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                           */const o=require("@vanilla-extract/recipes/createRuntimeFn");var n={recipe:o.createRuntimeFn({defaultClassName:"kunpco0",variantClassNames:{objectFit:{contain:"kunpco1",cover:"kunpco2",fill:"kunpco3",none:"kunpco4","scale-down":"kunpco5"},objectPosition:{center:"kunpco6",top:"kunpco7",bottom:"kunpco8",left:"kunpco9",right:"kunpcoa","top-left":"kunpcob","top-right":"kunpcoc","bottom-left":"kunpcod","bottom-right":"kunpcoe"},borderRadius:{none:"kunpcof",xs:"kunpcog",sm:"kunpcoh",md:"kunpcoi",lg:"kunpcoj",xl:"kunpcok","2xl":"kunpcol",full:"kunpcom"},padding:{none:"kunpcon",px:"kunpcoo",xxs:"kunpcop",xs:"kunpcoq",xs2:"kunpcor",sm:"kunpcos",md:"kunpcot",lg:"kunpcou",xl:"kunpcov","2xl":"kunpcow","3xl":"kunpcox","4xl":"kunpcoy","5xl":"kunpcoz"},margin:{auto:"kunpco10",none:"kunpco11",px:"kunpco12",xxs:"kunpco13",xs:"kunpco14",xs2:"kunpco15",sm:"kunpco16",md:"kunpco17",lg:"kunpco18",xl:"kunpco19","2xl":"kunpco1a","3xl":"kunpco1b","4xl":"kunpco1c","5xl":"kunpco1d"},backgroundColor:{background:"kunpco1e",foreground:"kunpco1f",text:"kunpco1g",textSecondary:"kunpco1h",textTertiary:"kunpco1i",card:"kunpco1j",cardForeground:"kunpco1k",popover:"kunpco1l",popoverForeground:"kunpco1m",muted:"kunpco1n",mutedForeground:"kunpco1o",overlay:"kunpco1p",primary:"kunpco1q",primaryHover:"kunpco1r",primaryActive:"kunpco1s",primaryForeground:"kunpco1t",primarySubtle:"kunpco1u",primarySubtleHover:"kunpco1v",primarySubtleActive:"kunpco1w",primarySubtleForeground:"kunpco1x",primarySubtleBorder:"kunpco1y",link:"kunpco1z",linkHover:"kunpco20",linkActive:"kunpco21",secondary:"kunpco22",secondaryHover:"kunpco23",secondaryActive:"kunpco24",secondaryForeground:"kunpco25",secondarySubtle:"kunpco26",secondarySubtleHover:"kunpco27",secondarySubtleActive:"kunpco28",secondarySubtleForeground:"kunpco29",secondarySubtleBorder:"kunpco2a",tertiary:"kunpco2b",tertiaryHover:"kunpco2c",tertiaryActive:"kunpco2d",tertiaryForeground:"kunpco2e",tertiarySubtle:"kunpco2f",tertiarySubtleHover:"kunpco2g",tertiarySubtleActive:"kunpco2h",tertiarySubtleForeground:"kunpco2i",tertiarySubtleBorder:"kunpco2j",success:"kunpco2k",successHover:"kunpco2l",successActive:"kunpco2m",successForeground:"kunpco2n",successSubtle:"kunpco2o",successSubtleHover:"kunpco2p",successSubtleActive:"kunpco2q",successSubtleForeground:"kunpco2r",successSubtleBorder:"kunpco2s",warning:"kunpco2t",warningHover:"kunpco2u",warningActive:"kunpco2v",warningForeground:"kunpco2w",warningSubtle:"kunpco2x",warningSubtleHover:"kunpco2y",warningSubtleActive:"kunpco2z",warningSubtleForeground:"kunpco30",warningSubtleBorder:"kunpco31",info:"kunpco32",infoHover:"kunpco33",infoActive:"kunpco34",infoForeground:"kunpco35",infoSubtle:"kunpco36",infoSubtleHover:"kunpco37",infoSubtleActive:"kunpco38",infoSubtleForeground:"kunpco39",infoSubtleBorder:"kunpco3a",destructive:"kunpco3b",destructiveHover:"kunpco3c",destructiveActive:"kunpco3d",destructiveForeground:"kunpco3e",destructiveSubtle:"kunpco3f",destructiveSubtleHover:"kunpco3g",destructiveSubtleActive:"kunpco3h",destructiveSubtleForeground:"kunpco3i",destructiveSubtleBorder:"kunpco3j",purple:"kunpco3k",purpleHover:"kunpco3l",purpleActive:"kunpco3m",purpleForeground:"kunpco3n",purpleSubtle:"kunpco3o",purpleSubtleHover:"kunpco3p",purpleSubtleActive:"kunpco3q",purpleSubtleForeground:"kunpco3r",purpleSubtleBorder:"kunpco3s",pink:"kunpco3t",pinkHover:"kunpco3u",pinkActive:"kunpco3v",pinkForeground:"kunpco3w",pinkSubtle:"kunpco3x",pinkSubtleHover:"kunpco3y",pinkSubtleActive:"kunpco3z",pinkSubtleForeground:"kunpco40",pinkSubtleBorder:"kunpco41",orange:"kunpco42",orangeHover:"kunpco43",orangeActive:"kunpco44",orangeForeground:"kunpco45",orangeSubtle:"kunpco46",orangeSubtleHover:"kunpco47",orangeSubtleActive:"kunpco48",orangeSubtleForeground:"kunpco49",orangeSubtleBorder:"kunpco4a",teal:"kunpco4b",tealHover:"kunpco4c",tealActive:"kunpco4d",tealForeground:"kunpco4e",tealSubtle:"kunpco4f",tealSubtleHover:"kunpco4g",tealSubtleActive:"kunpco4h",tealSubtleForeground:"kunpco4i",tealSubtleBorder:"kunpco4j",cyan:"kunpco4k",cyanHover:"kunpco4l",cyanActive:"kunpco4m",cyanForeground:"kunpco4n",cyanSubtle:"kunpco4o",cyanSubtleHover:"kunpco4p",cyanSubtleActive:"kunpco4q",cyanSubtleForeground:"kunpco4r",cyanSubtleBorder:"kunpco4s",indigo:"kunpco4t",indigoHover:"kunpco4u",indigoActive:"kunpco4v",indigoForeground:"kunpco4w",indigoSubtle:"kunpco4x",indigoSubtleHover:"kunpco4y",indigoSubtleActive:"kunpco4z",indigoSubtleForeground:"kunpco50",indigoSubtleBorder:"kunpco51",border:"kunpco52",borderStrong:"kunpco53",input:"kunpco54",ring:"kunpco55",highlight:"kunpco56",highlightForeground:"kunpco57",skeleton:"kunpco58",skeletonForeground:"kunpco59",transparent:"kunpco5a"}},defaultVariants:{},compoundVariants:[]})};exports.IMAGE_STYLES=n;
 //# sourceMappingURL=Image.css.cjs.map

package/dist/components/layout/image/styles/Image.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit22.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                         */
 import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";
 var e = { recipe: o({ defaultClassName: "kunpco0", variantClassNames: { objectFit: { contain: "kunpco1", cover: "kunpco2", fill: "kunpco3", none: "kunpco4", "scale-down": "kunpco5" }, objectPosition: { center: "kunpco6", top: "kunpco7", bottom: "kunpco8", left: "kunpco9", right: "kunpcoa", "top-left": "kunpcob", "top-right": "kunpcoc", "bottom-left": "kunpcod", "bottom-right": "kunpcoe" }, borderRadius: { none: "kunpcof", xs: "kunpcog", sm: "kunpcoh", md: "kunpcoi", lg: "kunpcoj", xl: "kunpcok", "2xl": "kunpcol", full: "kunpcom" }, padding: { none: "kunpcon", px: "kunpcoo", xxs: "kunpcop", xs: "kunpcoq", xs2: "kunpcor", sm: "kunpcos", md: "kunpcot", lg: "kunpcou", xl: "kunpcov", "2xl": "kunpcow", "3xl": "kunpcox", "4xl": "kunpcoy", "5xl": "kunpcoz" }, margin: { auto: "kunpco10", none: "kunpco11", px: "kunpco12", xxs: "kunpco13", xs: "kunpco14", xs2: "kunpco15", sm: "kunpco16", md: "kunpco17", lg: "kunpco18", xl: "kunpco19", "2xl": "kunpco1a", "3xl": "kunpco1b", "4xl": "kunpco1c", "5xl": "kunpco1d" }, backgroundColor: { background: "kunpco1e", foreground: "kunpco1f", text: "kunpco1g", textSecondary: "kunpco1h", textTertiary: "kunpco1i", card: "kunpco1j", cardForeground: "kunpco1k", popover: "kunpco1l", popoverForeground: "kunpco1m", muted: "kunpco1n", mutedForeground: "kunpco1o", overlay: "kunpco1p", primary: "kunpco1q", primaryHover: "kunpco1r", primaryActive: "kunpco1s", primaryForeground: "kunpco1t", primarySubtle: "kunpco1u", primarySubtleHover: "kunpco1v", primarySubtleActive: "kunpco1w", primarySubtleForeground: "kunpco1x", primarySubtleBorder: "kunpco1y", link: "kunpco1z", linkHover: "kunpco20", linkActive: "kunpco21", secondary: "kunpco22", secondaryHover: "kunpco23", secondaryActive: "kunpco24", secondaryForeground: "kunpco25", secondarySubtle: "kunpco26", secondarySubtleHover: "kunpco27", secondarySubtleActive: "kunpco28", secondarySubtleForeground: "kunpco29", secondarySubtleBorder: "kunpco2a", tertiary: "kunpco2b", tertiaryHover: "kunpco2c", tertiaryActive: "kunpco2d", tertiaryForeground: "kunpco2e", tertiarySubtle: "kunpco2f", tertiarySubtleHover: "kunpco2g", tertiarySubtleActive: "kunpco2h", tertiarySubtleForeground: "kunpco2i", tertiarySubtleBorder: "kunpco2j", success: "kunpco2k", successHover: "kunpco2l", successActive: "kunpco2m", successForeground: "kunpco2n", successSubtle: "kunpco2o", successSubtleHover: "kunpco2p", successSubtleActive: "kunpco2q", successSubtleForeground: "kunpco2r", successSubtleBorder: "kunpco2s", warning: "kunpco2t", warningHover: "kunpco2u", warningActive: "kunpco2v", warningForeground: "kunpco2w", warningSubtle: "kunpco2x", warningSubtleHover: "kunpco2y", warningSubtleActive: "kunpco2z", warningSubtleForeground: "kunpco30", warningSubtleBorder: "kunpco31", info: "kunpco32", infoHover: "kunpco33", infoActive: "kunpco34", infoForeground: "kunpco35", infoSubtle: "kunpco36", infoSubtleHover: "kunpco37", infoSubtleActive: "kunpco38", infoSubtleForeground: "kunpco39", infoSubtleBorder: "kunpco3a", destructive: "kunpco3b", destructiveHover: "kunpco3c", destructiveActive: "kunpco3d", destructiveForeground: "kunpco3e", destructiveSubtle: "kunpco3f", destructiveSubtleHover: "kunpco3g", destructiveSubtleActive: "kunpco3h", destructiveSubtleForeground: "kunpco3i", destructiveSubtleBorder: "kunpco3j", purple: "kunpco3k", purpleHover: "kunpco3l", purpleActive: "kunpco3m", purpleForeground: "kunpco3n", purpleSubtle: "kunpco3o", purpleSubtleHover: "kunpco3p", purpleSubtleActive: "kunpco3q", purpleSubtleForeground: "kunpco3r", purpleSubtleBorder: "kunpco3s", pink: "kunpco3t", pinkHover: "kunpco3u", pinkActive: "kunpco3v", pinkForeground: "kunpco3w", pinkSubtle: "kunpco3x", pinkSubtleHover: "kunpco3y", pinkSubtleActive: "kunpco3z", pinkSubtleForeground: "kunpco40", pinkSubtleBorder: "kunpco41", orange: "kunpco42", orangeHover: "kunpco43", orangeActive: "kunpco44", orangeForeground: "kunpco45", orangeSubtle: "kunpco46", orangeSubtleHover: "kunpco47", orangeSubtleActive: "kunpco48", orangeSubtleForeground: "kunpco49", orangeSubtleBorder: "kunpco4a", teal: "kunpco4b", tealHover: "kunpco4c", tealActive: "kunpco4d", tealForeground: "kunpco4e", tealSubtle: "kunpco4f", tealSubtleHover: "kunpco4g", tealSubtleActive: "kunpco4h", tealSubtleForeground: "kunpco4i", tealSubtleBorder: "kunpco4j", cyan: "kunpco4k", cyanHover: "kunpco4l", cyanActive: "kunpco4m", cyanForeground: "kunpco4n", cyanSubtle: "kunpco4o", cyanSubtleHover: "kunpco4p", cyanSubtleActive: "kunpco4q", cyanSubtleForeground: "kunpco4r", cyanSubtleBorder: "kunpco4s", indigo: "kunpco4t", indigoHover: "kunpco4u", indigoActive: "kunpco4v", indigoForeground: "kunpco4w", indigoSubtle: "kunpco4x", indigoSubtleHover: "kunpco4y", indigoSubtleActive: "kunpco4z", indigoSubtleForeground: "kunpco50", indigoSubtleBorder: "kunpco51", border: "kunpco52", borderStrong: "kunpco53", input: "kunpco54", ring: "kunpco55", highlight: "kunpco56", highlightForeground: "kunpco57", skeleton: "kunpco58", skeletonForeground: "kunpco59", transparent: "kunpco5a" } }, defaultVariants: {}, compoundVariants: [] }) };

package/dist/components/layout/inset/Inset.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Inset.cjs","sources":["../../../../src/components/layout/inset/Inset.tsx"],"sourcesContent":["import { SPACE_VARIANTS } from '@constants/styles/spaceVariants.const.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { INSET_STYLES } from '@components/layout/inset/styles/Inset.css.ts'\r\nimport type { InsetProps } from '@components/layout/inset/types/Inset.props.ts'\r\nimport { resolveInsetPadding } from '@components/layout/inset/utils/resolveInsetPadding.utils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Inset: FC<InsetProps> = memo(({\r\n    space,\r\n    side = 'all',\r\n    clip = 'border-box',\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const insetStyle = {\r\n        [INSET_STYLES.insetSpaceProperty]: SPACE_VARIANTS[space],\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            padding={resolveInsetPadding(padding, space)}\r\n            paddingX={resolveInsetPadding(paddingX, space)}\r\n            paddingY={resolveInsetPadding(paddingY, space)}\r\n            paddingTop={resolveInsetPadding(paddingTop, space)}\r\n            paddingRight={resolveInsetPadding(paddingRight, space)}\r\n            paddingBottom={resolveInsetPadding(paddingBottom, space)}\r\n            paddingLeft={resolveInsetPadding(paddingLeft, space)}\r\n            className={cn(INSET_STYLES.recipe({ clip, side }), className)}\r\n            style={insetStyle as CSSProperties}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nInset.displayName = 'Inset'\r\n\r\nexport default Inset\r\n"],"names":["Inset","memo","space","side","clip","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","className","style","props","insetStyle","INSET_STYLES","SPACE_VARIANTS","jsx","Box","resolveInsetPadding","cn"],"mappings":"qUAQMA,EAAwBC,EAAAA,KAAK,CAAC,CAChC,MAAAC,EACA,KAAAC,EAAO,MACP,KAAAC,EAAO,aACP,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAa,CACf,CAACC,eAAa,kBAAkB,EAAGC,EAAAA,eAAef,CAAK,EACvD,GAAGW,CAAA,EAGP,OACIK,EAAAA,IAACC,EAAA,CACG,QAASC,EAAAA,oBAAoBf,EAASH,CAAK,EAC3C,SAAUkB,EAAAA,oBAAoBd,EAAUJ,CAAK,EAC7C,SAAUkB,EAAAA,oBAAoBb,EAAUL,CAAK,EAC7C,WAAYkB,EAAAA,oBAAoBZ,EAAYN,CAAK,EACjD,aAAckB,EAAAA,oBAAoBX,EAAcP,CAAK,EACrD,cAAekB,EAAAA,oBAAoBV,EAAeR,CAAK,EACvD,YAAakB,EAAAA,oBAAoBT,EAAaT,CAAK,EACnD,UAAWmB,EAAAA,GAAGL,EAAAA,aAAa,OAAO,CAAE,KAAAZ,EAAM,KAAAD,CAAA,CAAM,EAAGS,CAAS,EAC5D,MAAOG,EACN,GAAGD,CAAA,CAAA,CAGhB,CAAC,EAEDd,EAAM,YAAc"}
+{"version":3,"file":"Inset.cjs","sources":["../../../../src/components/layout/inset/Inset.tsx"],"sourcesContent":["import { SPACE_VARIANTS } from '@constants/styles/spaceVariants.const.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { INSET_STYLES } from '@components/layout/inset/styles/Inset.css.ts'\r\nimport type { InsetProps } from '@components/layout/inset/types/Inset.props.ts'\r\nimport { resolveInsetPadding } from '@components/layout/inset/utils/resolveInsetPadding.utils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Negative-margin utility that pulls content to the edge of its parent's\r\n * padding on a given `side` (all|x|y|top|right|bottom|left). The `space`\r\n * token matches the parent's padding so inset content bleeds flush to the\r\n * container border. The `clip` prop controls border-box vs padding-box\r\n * clipping.\r\n */\r\nconst Inset: FC<InsetProps> = memo(({\r\n    space,\r\n    side = 'all',\r\n    clip = 'border-box',\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const insetStyle = {\r\n        [INSET_STYLES.insetSpaceProperty]: SPACE_VARIANTS[space],\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            padding={resolveInsetPadding(padding, space)}\r\n            paddingX={resolveInsetPadding(paddingX, space)}\r\n            paddingY={resolveInsetPadding(paddingY, space)}\r\n            paddingTop={resolveInsetPadding(paddingTop, space)}\r\n            paddingRight={resolveInsetPadding(paddingRight, space)}\r\n            paddingBottom={resolveInsetPadding(paddingBottom, space)}\r\n            paddingLeft={resolveInsetPadding(paddingLeft, space)}\r\n            className={cn(INSET_STYLES.recipe({ clip, side }), className)}\r\n            style={insetStyle as CSSProperties}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nInset.displayName = 'Inset'\r\n\r\nexport default Inset\r\n"],"names":["Inset","memo","space","side","clip","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","className","style","props","insetStyle","INSET_STYLES","SPACE_VARIANTS","jsx","Box","resolveInsetPadding","cn"],"mappings":"qUAeMA,EAAwBC,EAAAA,KAAK,CAAC,CAChC,MAAAC,EACA,KAAAC,EAAO,MACP,KAAAC,EAAO,aACP,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,EACA,YAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAa,CACf,CAACC,eAAa,kBAAkB,EAAGC,EAAAA,eAAef,CAAK,EACvD,GAAGW,CAAA,EAGP,OACIK,EAAAA,IAACC,EAAA,CACG,QAASC,EAAAA,oBAAoBf,EAASH,CAAK,EAC3C,SAAUkB,EAAAA,oBAAoBd,EAAUJ,CAAK,EAC7C,SAAUkB,EAAAA,oBAAoBb,EAAUL,CAAK,EAC7C,WAAYkB,EAAAA,oBAAoBZ,EAAYN,CAAK,EACjD,aAAckB,EAAAA,oBAAoBX,EAAcP,CAAK,EACrD,cAAekB,EAAAA,oBAAoBV,EAAeR,CAAK,EACvD,YAAakB,EAAAA,oBAAoBT,EAAaT,CAAK,EACnD,UAAWmB,EAAAA,GAAGL,EAAAA,aAAa,OAAO,CAAE,KAAAZ,EAAM,KAAAD,CAAA,CAAM,EAAGS,CAAS,EAC5D,MAAOG,EACN,GAAGD,CAAA,CAAA,CAGhB,CAAC,EAEDd,EAAM,YAAc"}

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

@@ -1,4 +1,11 @@
 import { InsetProps } from './types/Inset.props.ts';
 import { FC } from 'react';
+/**
+ * Negative-margin utility that pulls content to the edge of its parent's
+ * padding on a given `side` (all|x|y|top|right|bottom|left). The `space`
+ * token matches the parent's padding so inset content bleeds flush to the
+ * container border. The `clip` prop controls border-box vs padding-box
+ * clipping.
+ */
 declare const Inset: FC<InsetProps>;
 export default Inset;

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

@@ -1 +1 @@
-{"version":3,"file":"Inset.js","sources":["../../../../src/components/layout/inset/Inset.tsx"],"sourcesContent":["import { SPACE_VARIANTS } from '@constants/styles/spaceVariants.const.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { INSET_STYLES } from '@components/layout/inset/styles/Inset.css.ts'\r\nimport type { InsetProps } from '@components/layout/inset/types/Inset.props.ts'\r\nimport { resolveInsetPadding } from '@components/layout/inset/utils/resolveInsetPadding.utils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\nconst Inset: FC<InsetProps> = memo(({\r\n    space,\r\n    side = 'all',\r\n    clip = 'border-box',\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const insetStyle = {\r\n        [INSET_STYLES.insetSpaceProperty]: SPACE_VARIANTS[space],\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            padding={resolveInsetPadding(padding, space)}\r\n            paddingX={resolveInsetPadding(paddingX, space)}\r\n            paddingY={resolveInsetPadding(paddingY, space)}\r\n            paddingTop={resolveInsetPadding(paddingTop, space)}\r\n            paddingRight={resolveInsetPadding(paddingRight, space)}\r\n            paddingBottom={resolveInsetPadding(paddingBottom, space)}\r\n            paddingLeft={resolveInsetPadding(paddingLeft, space)}\r\n            className={cn(INSET_STYLES.recipe({ clip, side }), className)}\r\n            style={insetStyle as CSSProperties}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nInset.displayName = 'Inset'\r\n\r\nexport default Inset\r\n"],"names":["Inset","memo","space","side","clip","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","className","style","props","insetStyle","INSET_STYLES","SPACE_VARIANTS","jsx","Box","resolveInsetPadding","cn"],"mappings":";;;;;;;;AAQA,MAAMA,IAAwBC,EAAK,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAa;AAAA,IACf,CAACC,EAAa,kBAAkB,GAAGC,EAAef,CAAK;AAAA,IACvD,GAAGW;AAAA,EAAA;AAGP,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASC,EAAoBf,GAASH,CAAK;AAAA,MAC3C,UAAUkB,EAAoBd,GAAUJ,CAAK;AAAA,MAC7C,UAAUkB,EAAoBb,GAAUL,CAAK;AAAA,MAC7C,YAAYkB,EAAoBZ,GAAYN,CAAK;AAAA,MACjD,cAAckB,EAAoBX,GAAcP,CAAK;AAAA,MACrD,eAAekB,EAAoBV,GAAeR,CAAK;AAAA,MACvD,aAAakB,EAAoBT,GAAaT,CAAK;AAAA,MACnD,WAAWmB,EAAGL,EAAa,OAAO,EAAE,MAAAZ,GAAM,MAAAD,EAAA,CAAM,GAAGS,CAAS;AAAA,MAC5D,OAAOG;AAAA,MACN,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDd,EAAM,cAAc;"}
+{"version":3,"file":"Inset.js","sources":["../../../../src/components/layout/inset/Inset.tsx"],"sourcesContent":["import { SPACE_VARIANTS } from '@constants/styles/spaceVariants.const.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { INSET_STYLES } from '@components/layout/inset/styles/Inset.css.ts'\r\nimport type { InsetProps } from '@components/layout/inset/types/Inset.props.ts'\r\nimport { resolveInsetPadding } from '@components/layout/inset/utils/resolveInsetPadding.utils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type CSSProperties, type FC } from 'react'\r\n\r\n/**\r\n * Negative-margin utility that pulls content to the edge of its parent's\r\n * padding on a given `side` (all|x|y|top|right|bottom|left). The `space`\r\n * token matches the parent's padding so inset content bleeds flush to the\r\n * container border. The `clip` prop controls border-box vs padding-box\r\n * clipping.\r\n */\r\nconst Inset: FC<InsetProps> = memo(({\r\n    space,\r\n    side = 'all',\r\n    clip = 'border-box',\r\n    padding,\r\n    paddingX,\r\n    paddingY,\r\n    paddingTop,\r\n    paddingRight,\r\n    paddingBottom,\r\n    paddingLeft,\r\n    className,\r\n    style,\r\n    ...props\r\n}) => {\r\n    const insetStyle = {\r\n        [INSET_STYLES.insetSpaceProperty]: SPACE_VARIANTS[space],\r\n        ...style,\r\n    }\r\n\r\n    return (\r\n        <Box\r\n            padding={resolveInsetPadding(padding, space)}\r\n            paddingX={resolveInsetPadding(paddingX, space)}\r\n            paddingY={resolveInsetPadding(paddingY, space)}\r\n            paddingTop={resolveInsetPadding(paddingTop, space)}\r\n            paddingRight={resolveInsetPadding(paddingRight, space)}\r\n            paddingBottom={resolveInsetPadding(paddingBottom, space)}\r\n            paddingLeft={resolveInsetPadding(paddingLeft, space)}\r\n            className={cn(INSET_STYLES.recipe({ clip, side }), className)}\r\n            style={insetStyle as CSSProperties}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nInset.displayName = 'Inset'\r\n\r\nexport default Inset\r\n"],"names":["Inset","memo","space","side","clip","padding","paddingX","paddingY","paddingTop","paddingRight","paddingBottom","paddingLeft","className","style","props","insetStyle","INSET_STYLES","SPACE_VARIANTS","jsx","Box","resolveInsetPadding","cn"],"mappings":";;;;;;;;AAeA,MAAMA,IAAwBC,EAAK,CAAC;AAAA,EAChC,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAa;AAAA,IACf,CAACC,EAAa,kBAAkB,GAAGC,EAAef,CAAK;AAAA,IACvD,GAAGW;AAAA,EAAA;AAGP,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASC,EAAoBf,GAASH,CAAK;AAAA,MAC3C,UAAUkB,EAAoBd,GAAUJ,CAAK;AAAA,MAC7C,UAAUkB,EAAoBb,GAAUL,CAAK;AAAA,MAC7C,YAAYkB,EAAoBZ,GAAYN,CAAK;AAAA,MACjD,cAAckB,EAAoBX,GAAcP,CAAK;AAAA,MACrD,eAAekB,EAAoBV,GAAeR,CAAK;AAAA,MACvD,aAAakB,EAAoBT,GAAaT,CAAK;AAAA,MACnD,WAAWmB,EAAGL,EAAa,OAAO,EAAE,MAAAZ,GAAM,MAAAD,EAAA,CAAM,GAAGS,CAAS;AAAA,MAC5D,OAAOG;AAAA,MACN,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGhB,CAAC;AAEDd,EAAM,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit51.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({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:[]})};exports.INSET_STYLES=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit36.css');;/* empty css                           */const e=require("@vanilla-extract/recipes/createRuntimeFn");var i={insetSpace:"var(--v7yz9i0)",insetSpaceProperty:"--v7yz9i0",recipe:e.createRuntimeFn({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:[]})};exports.INSET_STYLES=i;
 //# sourceMappingURL=Inset.css.cjs.map

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

@@ -1,4 +1,4 @@
-import '../../../../ui-kit51.css';/* empty css                         */
+import '../../../../ui-kit36.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 {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit59.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                            */var e={root:"_1crb3420"};exports.LEGEND_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit25.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 @@
-import '../../../../ui-kit59.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit25.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"});require('../../../../ui-kit18.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit15.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 @@
-import '../../../../ui-kit18.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit15.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.map

@@ -1 +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"}
+{"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\n/**\r\n * Breadcrumb trail rendered as a `<nav>` with an ordered list. Each child\r\n * `BreadcrumbsItem` is separated by the configured `separator` (chevron icon\r\n * or a text symbol). The last item (or the one with `current`) receives\r\n * `aria-current=\"page\"`.\r\n *\r\n * Compound slot: `Breadcrumbs.Item`.\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":"6cA2BMA,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

@@ -1,3 +1,11 @@
 import { BreadcrumbsCompound } from './types/BreadcrumbsCompound.ts';
+/**
+ * Breadcrumb trail rendered as a `<nav>` with an ordered list. Each child
+ * `BreadcrumbsItem` is separated by the configured `separator` (chevron icon
+ * or a text symbol). The last item (or the one with `current`) receives
+ * `aria-current="page"`.
+ *
+ * Compound slot: `Breadcrumbs.Item`.
+ */
 declare const Breadcrumbs: BreadcrumbsCompound;
 export default Breadcrumbs;

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

@@ -1 +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;"}
+{"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\n/**\r\n * Breadcrumb trail rendered as a `<nav>` with an ordered list. Each child\r\n * `BreadcrumbsItem` is separated by the configured `separator` (chevron icon\r\n * or a text symbol). The last item (or the one with `current`) receives\r\n * `aria-current=\"page\"`.\r\n *\r\n * Compound slot: `Breadcrumbs.Item`.\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":";;;;;;;;;AA2BA,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.map

@@ -1 +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"}
+{"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\n/**\r\n * Single breadcrumb entry. Renders as a `Link` when `href` is provided and\r\n * the item is not current; otherwise renders as a static `<span>` with\r\n * `aria-current=\"page\"`.\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":"qVAYMA,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

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { BreadcrumbsItemProps } from './types/BreadcrumbsItem.props.ts';
+/**
+ * Single breadcrumb entry. Renders as a `Link` when `href` is provided and
+ * the item is not current; otherwise renders as a static `<span>` with
+ * `aria-current="page"`.
+ */
 declare const BreadcrumbsItem: FC<BreadcrumbsItemProps>;
 export default BreadcrumbsItem;

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

@@ -1 +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;"}
+{"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\n/**\r\n * Single breadcrumb entry. Renders as a `Link` when `href` is provided and\r\n * the item is not current; otherwise renders as a static `<span>` with\r\n * `aria-current=\"page\"`.\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":";;;;;;;AAYA,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/styles/Breadcrumbs.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit45.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit66.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.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit45.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit66.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                               */
 var r = { list: "_5hwpex0", item: "_5hwpex1", current: "_5hwpex2", separator: "_5hwpex3", separatorText: "_5hwpex4" };
 export {

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

@@ -1,2 +1,2 @@
-"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;
+"use strict";const e=require("react/jsx-runtime"),t=require("react"),o=require("./styles/Link.css.cjs"),u=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"),l=t.memo(({href:m="#",className:q,onClick:s,ref:p,label:r,color:L,startIcon:i,endIcon:n,fontSize:x="md",fontWeight:d="normal",iconSize:c="md",...j})=>{const h=t.useCallback(a=>{s&&(a.preventDefault(),s(a))},[s]);return e.jsxs("a",{ref:p,href:m,className:N.cn(o.LINK_STYLES.base,o.LINK_STYLES.color({color:L}),q),onClick:h,...j,children:[i&&e.jsx(u,{icon:i,size:c}),r&&e.jsx(k,{as:"span",variant:"span",fontSize:x,fontWeight:d,children:r}),n&&e.jsx(u,{icon:n,size:c})]})});l.displayName="Link";module.exports=l;
 //# 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    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"}
+{"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\n/**\r\n * Styled `<a>` element with optional start/end icons and typography tokens.\r\n * Prevents default navigation when `onClick` is provided, enabling SPA\r\n * routing adapters. Requires a visible `label` or icon-accessible content.\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 = 'normal',\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":"iXAcMA,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"}

package/dist/components/navigation/link/Link.d.ts

@@ -1,4 +1,9 @@
 import { LinkProps } from './types/Link.props.ts';
 import type * as React from 'react';
+/**
+ * Styled `<a>` element with optional start/end icons and typography tokens.
+ * Prevents default navigation when `onClick` is provided, enabling SPA
+ * routing adapters. Requires a visible `label` or icon-accessible content.
+ */
 declare const Link: React.FC<LinkProps>;
 export default Link;

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

@@ -1,4 +1,4 @@
-import { jsxs as k, jsx as r } from "react/jsx-runtime";
+import { jsxs as k, jsx as m } from "react/jsx-runtime";
 import { memo as x, useCallback as y } from "react";
 import { LINK_STYLES as t } from "./styles/Link.css.js";
 import e from "../../foundation/icon/Icon.js";
@@ -9,53 +9,53 @@ import { cn as j } from "../../../utils/cn.js";
 const T = x(({
   href: n = "#",
   className: f,
-  onClick: m,
-  ref: c,
+  onClick: r,
+  ref: l,
   label: o,
-  color: l,
-  startIcon: i,
-  endIcon: a,
+  color: c,
+  startIcon: a,
+  endIcon: i,
   fontSize: d = "md",
-  fontWeight: u = "medium",
+  fontWeight: h = "normal",
   iconSize: p = "md",
-  ...h
+  ...u
 }) => {
   const L = y(
     (s) => {
-      m && (s.preventDefault(), m(s));
+      r && (s.preventDefault(), r(s));
     },
-    [m]
+    [r]
   );
   return /* @__PURE__ */ k(
     "a",
     {
-      ref: c,
+      ref: l,
       href: n,
-      className: j(t.base, t.color({ color: l }), f),
+      className: j(t.base, t.color({ color: c }), f),
       onClick: L,
-      ...h,
+      ...u,
       children: [
-        i && /* @__PURE__ */ r(
+        a && /* @__PURE__ */ m(
           e,
           {
-            icon: i,
+            icon: a,
             size: p
           }
         ),
-        o && /* @__PURE__ */ r(
+        o && /* @__PURE__ */ m(
           N,
           {
             as: "span",
             variant: "span",
             fontSize: d,
-            fontWeight: u,
+            fontWeight: h,
             children: o
           }
         ),
-        a && /* @__PURE__ */ r(
+        i && /* @__PURE__ */ m(
           e,
           {
-            icon: a,
+            icon: i,
             size: p
           }
         )

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","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":";;;;;;;;AASA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC;AAAA,IAChB,CAACC,MAA+C;AAC5C,MAAIZ,MACAY,EAAM,eAAA,GACNZ,EAAQY,CAAK;AAAA,IAErB;AAAA,IACA,CAACZ,CAAO;AAAA,EAAA;AAGZ,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAZ;AAAA,MACA,MAAAH;AAAA,MACA,WAAWgB,EAAGC,EAAY,MAAMA,EAAY,MAAM,EAAE,OAAAZ,GAAO,GAAGJ,CAAS;AAAA,MACvE,SAASW;AAAA,MACR,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAL,KACG,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMb;AAAA,YACN,MAAMI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbN,KACG,gBAAAc;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAAZ;AAAA,YACA,YAAAC;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRG,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDZ,EAAK,cAAc;"}
+{"version":3,"file":"Link.js","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\n/**\r\n * Styled `<a>` element with optional start/end icons and typography tokens.\r\n * Prevents default navigation when `onClick` is provided, enabling SPA\r\n * routing adapters. Requires a visible `label` or icon-accessible content.\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 = 'normal',\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":";;;;;;;;AAcA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,UAAAC,IAAW;AAAA,EACX,GAAGC;AACP,MAAM;AACF,QAAMC,IAAcC;AAAA,IAChB,CAACC,MAA+C;AAC5C,MAAIZ,MACAY,EAAM,eAAA,GACNZ,EAAQY,CAAK;AAAA,IAErB;AAAA,IACA,CAACZ,CAAO;AAAA,EAAA;AAGZ,SACI,gBAAAa;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAZ;AAAA,MACA,MAAAH;AAAA,MACA,WAAWgB,EAAGC,EAAY,MAAMA,EAAY,MAAM,EAAE,OAAAZ,GAAO,GAAGJ,CAAS;AAAA,MACvE,SAASW;AAAA,MACR,GAAGD;AAAA,MAEH,UAAA;AAAA,QAAAL,KACG,gBAAAY;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMb;AAAA,YACN,MAAMI;AAAA,UAAA;AAAA,QAAA;AAAA,QAGbN,KACG,gBAAAc;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAAZ;AAAA,YACA,YAAAC;AAAA,YAEC,UAAAL;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRG,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDZ,EAAK,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit15.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */const s=require("@vanilla-extract/recipes/createRuntimeFn");var t={base:"_1t4susp0",color:s.createRuntimeFn({defaultClassName:"_1t4susp1",variantClassNames:{color:{background:"_1t4susp2",foreground:"_1t4susp3",text:"_1t4susp4",textSecondary:"_1t4susp5",textTertiary:"_1t4susp6",card:"_1t4susp7",cardForeground:"_1t4susp8",popover:"_1t4susp9",popoverForeground:"_1t4suspa",muted:"_1t4suspb",mutedForeground:"_1t4suspc",overlay:"_1t4suspd",primary:"_1t4suspe",primaryHover:"_1t4suspf",primaryActive:"_1t4suspg",primaryForeground:"_1t4susph",primarySubtle:"_1t4suspi",primarySubtleHover:"_1t4suspj",primarySubtleActive:"_1t4suspk",primarySubtleForeground:"_1t4suspl",primarySubtleBorder:"_1t4suspm",link:"_1t4suspn",linkHover:"_1t4suspo",linkActive:"_1t4suspp",secondary:"_1t4suspq",secondaryHover:"_1t4suspr",secondaryActive:"_1t4susps",secondaryForeground:"_1t4suspt",secondarySubtle:"_1t4suspu",secondarySubtleHover:"_1t4suspv",secondarySubtleActive:"_1t4suspw",secondarySubtleForeground:"_1t4suspx",secondarySubtleBorder:"_1t4suspy",tertiary:"_1t4suspz",tertiaryHover:"_1t4susp10",tertiaryActive:"_1t4susp11",tertiaryForeground:"_1t4susp12",tertiarySubtle:"_1t4susp13",tertiarySubtleHover:"_1t4susp14",tertiarySubtleActive:"_1t4susp15",tertiarySubtleForeground:"_1t4susp16",tertiarySubtleBorder:"_1t4susp17",success:"_1t4susp18",successHover:"_1t4susp19",successActive:"_1t4susp1a",successForeground:"_1t4susp1b",successSubtle:"_1t4susp1c",successSubtleHover:"_1t4susp1d",successSubtleActive:"_1t4susp1e",successSubtleForeground:"_1t4susp1f",successSubtleBorder:"_1t4susp1g",warning:"_1t4susp1h",warningHover:"_1t4susp1i",warningActive:"_1t4susp1j",warningForeground:"_1t4susp1k",warningSubtle:"_1t4susp1l",warningSubtleHover:"_1t4susp1m",warningSubtleActive:"_1t4susp1n",warningSubtleForeground:"_1t4susp1o",warningSubtleBorder:"_1t4susp1p",info:"_1t4susp1q",infoHover:"_1t4susp1r",infoActive:"_1t4susp1s",infoForeground:"_1t4susp1t",infoSubtle:"_1t4susp1u",infoSubtleHover:"_1t4susp1v",infoSubtleActive:"_1t4susp1w",infoSubtleForeground:"_1t4susp1x",infoSubtleBorder:"_1t4susp1y",destructive:"_1t4susp1z",destructiveHover:"_1t4susp20",destructiveActive:"_1t4susp21",destructiveForeground:"_1t4susp22",destructiveSubtle:"_1t4susp23",destructiveSubtleHover:"_1t4susp24",destructiveSubtleActive:"_1t4susp25",destructiveSubtleForeground:"_1t4susp26",destructiveSubtleBorder:"_1t4susp27",purple:"_1t4susp28",purpleHover:"_1t4susp29",purpleActive:"_1t4susp2a",purpleForeground:"_1t4susp2b",purpleSubtle:"_1t4susp2c",purpleSubtleHover:"_1t4susp2d",purpleSubtleActive:"_1t4susp2e",purpleSubtleForeground:"_1t4susp2f",purpleSubtleBorder:"_1t4susp2g",pink:"_1t4susp2h",pinkHover:"_1t4susp2i",pinkActive:"_1t4susp2j",pinkForeground:"_1t4susp2k",pinkSubtle:"_1t4susp2l",pinkSubtleHover:"_1t4susp2m",pinkSubtleActive:"_1t4susp2n",pinkSubtleForeground:"_1t4susp2o",pinkSubtleBorder:"_1t4susp2p",orange:"_1t4susp2q",orangeHover:"_1t4susp2r",orangeActive:"_1t4susp2s",orangeForeground:"_1t4susp2t",orangeSubtle:"_1t4susp2u",orangeSubtleHover:"_1t4susp2v",orangeSubtleActive:"_1t4susp2w",orangeSubtleForeground:"_1t4susp2x",orangeSubtleBorder:"_1t4susp2y",teal:"_1t4susp2z",tealHover:"_1t4susp30",tealActive:"_1t4susp31",tealForeground:"_1t4susp32",tealSubtle:"_1t4susp33",tealSubtleHover:"_1t4susp34",tealSubtleActive:"_1t4susp35",tealSubtleForeground:"_1t4susp36",tealSubtleBorder:"_1t4susp37",cyan:"_1t4susp38",cyanHover:"_1t4susp39",cyanActive:"_1t4susp3a",cyanForeground:"_1t4susp3b",cyanSubtle:"_1t4susp3c",cyanSubtleHover:"_1t4susp3d",cyanSubtleActive:"_1t4susp3e",cyanSubtleForeground:"_1t4susp3f",cyanSubtleBorder:"_1t4susp3g",indigo:"_1t4susp3h",indigoHover:"_1t4susp3i",indigoActive:"_1t4susp3j",indigoForeground:"_1t4susp3k",indigoSubtle:"_1t4susp3l",indigoSubtleHover:"_1t4susp3m",indigoSubtleActive:"_1t4susp3n",indigoSubtleForeground:"_1t4susp3o",indigoSubtleBorder:"_1t4susp3p",border:"_1t4susp3q",borderStrong:"_1t4susp3r",input:"_1t4susp3s",ring:"_1t4susp3t",highlight:"_1t4susp3u",highlightForeground:"_1t4susp3v",skeleton:"_1t4susp3w",skeletonForeground:"_1t4susp3x",transparent:"_1t4susp3y"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                          */const s=require("@vanilla-extract/recipes/createRuntimeFn");var t={base:"_1t4susp0",color:s.createRuntimeFn({defaultClassName:"_1t4susp1",variantClassNames:{color:{background:"_1t4susp2",foreground:"_1t4susp3",text:"_1t4susp4",textSecondary:"_1t4susp5",textTertiary:"_1t4susp6",card:"_1t4susp7",cardForeground:"_1t4susp8",popover:"_1t4susp9",popoverForeground:"_1t4suspa",muted:"_1t4suspb",mutedForeground:"_1t4suspc",overlay:"_1t4suspd",primary:"_1t4suspe",primaryHover:"_1t4suspf",primaryActive:"_1t4suspg",primaryForeground:"_1t4susph",primarySubtle:"_1t4suspi",primarySubtleHover:"_1t4suspj",primarySubtleActive:"_1t4suspk",primarySubtleForeground:"_1t4suspl",primarySubtleBorder:"_1t4suspm",link:"_1t4suspn",linkHover:"_1t4suspo",linkActive:"_1t4suspp",secondary:"_1t4suspq",secondaryHover:"_1t4suspr",secondaryActive:"_1t4susps",secondaryForeground:"_1t4suspt",secondarySubtle:"_1t4suspu",secondarySubtleHover:"_1t4suspv",secondarySubtleActive:"_1t4suspw",secondarySubtleForeground:"_1t4suspx",secondarySubtleBorder:"_1t4suspy",tertiary:"_1t4suspz",tertiaryHover:"_1t4susp10",tertiaryActive:"_1t4susp11",tertiaryForeground:"_1t4susp12",tertiarySubtle:"_1t4susp13",tertiarySubtleHover:"_1t4susp14",tertiarySubtleActive:"_1t4susp15",tertiarySubtleForeground:"_1t4susp16",tertiarySubtleBorder:"_1t4susp17",success:"_1t4susp18",successHover:"_1t4susp19",successActive:"_1t4susp1a",successForeground:"_1t4susp1b",successSubtle:"_1t4susp1c",successSubtleHover:"_1t4susp1d",successSubtleActive:"_1t4susp1e",successSubtleForeground:"_1t4susp1f",successSubtleBorder:"_1t4susp1g",warning:"_1t4susp1h",warningHover:"_1t4susp1i",warningActive:"_1t4susp1j",warningForeground:"_1t4susp1k",warningSubtle:"_1t4susp1l",warningSubtleHover:"_1t4susp1m",warningSubtleActive:"_1t4susp1n",warningSubtleForeground:"_1t4susp1o",warningSubtleBorder:"_1t4susp1p",info:"_1t4susp1q",infoHover:"_1t4susp1r",infoActive:"_1t4susp1s",infoForeground:"_1t4susp1t",infoSubtle:"_1t4susp1u",infoSubtleHover:"_1t4susp1v",infoSubtleActive:"_1t4susp1w",infoSubtleForeground:"_1t4susp1x",infoSubtleBorder:"_1t4susp1y",destructive:"_1t4susp1z",destructiveHover:"_1t4susp20",destructiveActive:"_1t4susp21",destructiveForeground:"_1t4susp22",destructiveSubtle:"_1t4susp23",destructiveSubtleHover:"_1t4susp24",destructiveSubtleActive:"_1t4susp25",destructiveSubtleForeground:"_1t4susp26",destructiveSubtleBorder:"_1t4susp27",purple:"_1t4susp28",purpleHover:"_1t4susp29",purpleActive:"_1t4susp2a",purpleForeground:"_1t4susp2b",purpleSubtle:"_1t4susp2c",purpleSubtleHover:"_1t4susp2d",purpleSubtleActive:"_1t4susp2e",purpleSubtleForeground:"_1t4susp2f",purpleSubtleBorder:"_1t4susp2g",pink:"_1t4susp2h",pinkHover:"_1t4susp2i",pinkActive:"_1t4susp2j",pinkForeground:"_1t4susp2k",pinkSubtle:"_1t4susp2l",pinkSubtleHover:"_1t4susp2m",pinkSubtleActive:"_1t4susp2n",pinkSubtleForeground:"_1t4susp2o",pinkSubtleBorder:"_1t4susp2p",orange:"_1t4susp2q",orangeHover:"_1t4susp2r",orangeActive:"_1t4susp2s",orangeForeground:"_1t4susp2t",orangeSubtle:"_1t4susp2u",orangeSubtleHover:"_1t4susp2v",orangeSubtleActive:"_1t4susp2w",orangeSubtleForeground:"_1t4susp2x",orangeSubtleBorder:"_1t4susp2y",teal:"_1t4susp2z",tealHover:"_1t4susp30",tealActive:"_1t4susp31",tealForeground:"_1t4susp32",tealSubtle:"_1t4susp33",tealSubtleHover:"_1t4susp34",tealSubtleActive:"_1t4susp35",tealSubtleForeground:"_1t4susp36",tealSubtleBorder:"_1t4susp37",cyan:"_1t4susp38",cyanHover:"_1t4susp39",cyanActive:"_1t4susp3a",cyanForeground:"_1t4susp3b",cyanSubtle:"_1t4susp3c",cyanSubtleHover:"_1t4susp3d",cyanSubtleActive:"_1t4susp3e",cyanSubtleForeground:"_1t4susp3f",cyanSubtleBorder:"_1t4susp3g",indigo:"_1t4susp3h",indigoHover:"_1t4susp3i",indigoActive:"_1t4susp3j",indigoForeground:"_1t4susp3k",indigoSubtle:"_1t4susp3l",indigoSubtleHover:"_1t4susp3m",indigoSubtleActive:"_1t4susp3n",indigoSubtleForeground:"_1t4susp3o",indigoSubtleBorder:"_1t4susp3p",border:"_1t4susp3q",borderStrong:"_1t4susp3r",input:"_1t4susp3s",ring:"_1t4susp3t",highlight:"_1t4susp3u",highlightForeground:"_1t4susp3v",skeleton:"_1t4susp3w",skeletonForeground:"_1t4susp3x",transparent:"_1t4susp3y"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
 //# sourceMappingURL=Link.css.cjs.map

package/dist/components/navigation/link/styles/Link.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit15.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                        */
 import { createRuntimeFn as s } from "@vanilla-extract/recipes/createRuntimeFn";
 var r = { base: "_1t4susp0", color: s({ defaultClassName: "_1t4susp1", variantClassNames: { color: { background: "_1t4susp2", foreground: "_1t4susp3", text: "_1t4susp4", textSecondary: "_1t4susp5", textTertiary: "_1t4susp6", card: "_1t4susp7", cardForeground: "_1t4susp8", popover: "_1t4susp9", popoverForeground: "_1t4suspa", muted: "_1t4suspb", mutedForeground: "_1t4suspc", overlay: "_1t4suspd", primary: "_1t4suspe", primaryHover: "_1t4suspf", primaryActive: "_1t4suspg", primaryForeground: "_1t4susph", primarySubtle: "_1t4suspi", primarySubtleHover: "_1t4suspj", primarySubtleActive: "_1t4suspk", primarySubtleForeground: "_1t4suspl", primarySubtleBorder: "_1t4suspm", link: "_1t4suspn", linkHover: "_1t4suspo", linkActive: "_1t4suspp", secondary: "_1t4suspq", secondaryHover: "_1t4suspr", secondaryActive: "_1t4susps", secondaryForeground: "_1t4suspt", secondarySubtle: "_1t4suspu", secondarySubtleHover: "_1t4suspv", secondarySubtleActive: "_1t4suspw", secondarySubtleForeground: "_1t4suspx", secondarySubtleBorder: "_1t4suspy", tertiary: "_1t4suspz", tertiaryHover: "_1t4susp10", tertiaryActive: "_1t4susp11", tertiaryForeground: "_1t4susp12", tertiarySubtle: "_1t4susp13", tertiarySubtleHover: "_1t4susp14", tertiarySubtleActive: "_1t4susp15", tertiarySubtleForeground: "_1t4susp16", tertiarySubtleBorder: "_1t4susp17", success: "_1t4susp18", successHover: "_1t4susp19", successActive: "_1t4susp1a", successForeground: "_1t4susp1b", successSubtle: "_1t4susp1c", successSubtleHover: "_1t4susp1d", successSubtleActive: "_1t4susp1e", successSubtleForeground: "_1t4susp1f", successSubtleBorder: "_1t4susp1g", warning: "_1t4susp1h", warningHover: "_1t4susp1i", warningActive: "_1t4susp1j", warningForeground: "_1t4susp1k", warningSubtle: "_1t4susp1l", warningSubtleHover: "_1t4susp1m", warningSubtleActive: "_1t4susp1n", warningSubtleForeground: "_1t4susp1o", warningSubtleBorder: "_1t4susp1p", info: "_1t4susp1q", infoHover: "_1t4susp1r", infoActive: "_1t4susp1s", infoForeground: "_1t4susp1t", infoSubtle: "_1t4susp1u", infoSubtleHover: "_1t4susp1v", infoSubtleActive: "_1t4susp1w", infoSubtleForeground: "_1t4susp1x", infoSubtleBorder: "_1t4susp1y", destructive: "_1t4susp1z", destructiveHover: "_1t4susp20", destructiveActive: "_1t4susp21", destructiveForeground: "_1t4susp22", destructiveSubtle: "_1t4susp23", destructiveSubtleHover: "_1t4susp24", destructiveSubtleActive: "_1t4susp25", destructiveSubtleForeground: "_1t4susp26", destructiveSubtleBorder: "_1t4susp27", purple: "_1t4susp28", purpleHover: "_1t4susp29", purpleActive: "_1t4susp2a", purpleForeground: "_1t4susp2b", purpleSubtle: "_1t4susp2c", purpleSubtleHover: "_1t4susp2d", purpleSubtleActive: "_1t4susp2e", purpleSubtleForeground: "_1t4susp2f", purpleSubtleBorder: "_1t4susp2g", pink: "_1t4susp2h", pinkHover: "_1t4susp2i", pinkActive: "_1t4susp2j", pinkForeground: "_1t4susp2k", pinkSubtle: "_1t4susp2l", pinkSubtleHover: "_1t4susp2m", pinkSubtleActive: "_1t4susp2n", pinkSubtleForeground: "_1t4susp2o", pinkSubtleBorder: "_1t4susp2p", orange: "_1t4susp2q", orangeHover: "_1t4susp2r", orangeActive: "_1t4susp2s", orangeForeground: "_1t4susp2t", orangeSubtle: "_1t4susp2u", orangeSubtleHover: "_1t4susp2v", orangeSubtleActive: "_1t4susp2w", orangeSubtleForeground: "_1t4susp2x", orangeSubtleBorder: "_1t4susp2y", teal: "_1t4susp2z", tealHover: "_1t4susp30", tealActive: "_1t4susp31", tealForeground: "_1t4susp32", tealSubtle: "_1t4susp33", tealSubtleHover: "_1t4susp34", tealSubtleActive: "_1t4susp35", tealSubtleForeground: "_1t4susp36", tealSubtleBorder: "_1t4susp37", cyan: "_1t4susp38", cyanHover: "_1t4susp39", cyanActive: "_1t4susp3a", cyanForeground: "_1t4susp3b", cyanSubtle: "_1t4susp3c", cyanSubtleHover: "_1t4susp3d", cyanSubtleActive: "_1t4susp3e", cyanSubtleForeground: "_1t4susp3f", cyanSubtleBorder: "_1t4susp3g", indigo: "_1t4susp3h", indigoHover: "_1t4susp3i", indigoActive: "_1t4susp3j", indigoForeground: "_1t4susp3k", indigoSubtle: "_1t4susp3l", indigoSubtleHover: "_1t4susp3m", indigoSubtleActive: "_1t4susp3n", indigoSubtleForeground: "_1t4susp3o", indigoSubtleBorder: "_1t4susp3p", border: "_1t4susp3q", borderStrong: "_1t4susp3r", input: "_1t4susp3s", ring: "_1t4susp3t", highlight: "_1t4susp3u", highlightForeground: "_1t4susp3v", skeleton: "_1t4susp3w", skeletonForeground: "_1t4susp3x", transparent: "_1t4susp3y" } }, defaultVariants: {}, compoundVariants: [] }) };

package/dist/components/navigation/link/types/Link.props.d.ts

@@ -16,7 +16,7 @@ export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'chi
     endIcon?: string;
     /** Typography size of the label. Defaults to `base`. */
     fontSize?: TypographySize;
-    /** Typography weight of the label. Defaults to `medium`. */
+    /** Typography weight of the label. Defaults to `normal`. */
     fontWeight?: TypographyWeight;
     /** Size of the start/end icons. Defaults to `md`. */
     iconSize?: IconSize;