@choco-vanille/ui 1.15.1 → 1.17.0

package/dist/components/layout/svg-image/styles/SvgImage.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit33.css');require('../../../../ui-kit32.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                            */;/* empty css                              */const u=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:u.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",ring:"kunpco54",highlight:"kunpco55",highlightForeground:"kunpco56",skeleton:"kunpco57",skeletonForeground:"kunpco58",transparent:"kunpco59"}},defaultVariants:{},compoundVariants:[]}),color:u.createRuntimeFn({defaultClassName:"_15suvxh0",variantClassNames:{color:{background:"_15suvxh1",foreground:"_15suvxh2",text:"_15suvxh3",textSecondary:"_15suvxh4",textTertiary:"_15suvxh5",card:"_15suvxh6",cardForeground:"_15suvxh7",popover:"_15suvxh8",popoverForeground:"_15suvxh9",muted:"_15suvxha",mutedForeground:"_15suvxhb",overlay:"_15suvxhc",primary:"_15suvxhd",primaryHover:"_15suvxhe",primaryActive:"_15suvxhf",primaryForeground:"_15suvxhg",primarySubtle:"_15suvxhh",primarySubtleHover:"_15suvxhi",primarySubtleActive:"_15suvxhj",primarySubtleForeground:"_15suvxhk",primarySubtleBorder:"_15suvxhl",link:"_15suvxhm",linkHover:"_15suvxhn",linkActive:"_15suvxho",secondary:"_15suvxhp",secondaryHover:"_15suvxhq",secondaryActive:"_15suvxhr",secondaryForeground:"_15suvxhs",secondarySubtle:"_15suvxht",secondarySubtleHover:"_15suvxhu",secondarySubtleActive:"_15suvxhv",secondarySubtleForeground:"_15suvxhw",secondarySubtleBorder:"_15suvxhx",tertiary:"_15suvxhy",tertiaryHover:"_15suvxhz",tertiaryActive:"_15suvxh10",tertiaryForeground:"_15suvxh11",tertiarySubtle:"_15suvxh12",tertiarySubtleHover:"_15suvxh13",tertiarySubtleActive:"_15suvxh14",tertiarySubtleForeground:"_15suvxh15",tertiarySubtleBorder:"_15suvxh16",success:"_15suvxh17",successHover:"_15suvxh18",successActive:"_15suvxh19",successForeground:"_15suvxh1a",successSubtle:"_15suvxh1b",successSubtleHover:"_15suvxh1c",successSubtleActive:"_15suvxh1d",successSubtleForeground:"_15suvxh1e",successSubtleBorder:"_15suvxh1f",warning:"_15suvxh1g",warningHover:"_15suvxh1h",warningActive:"_15suvxh1i",warningForeground:"_15suvxh1j",warningSubtle:"_15suvxh1k",warningSubtleHover:"_15suvxh1l",warningSubtleActive:"_15suvxh1m",warningSubtleForeground:"_15suvxh1n",warningSubtleBorder:"_15suvxh1o",info:"_15suvxh1p",infoHover:"_15suvxh1q",infoActive:"_15suvxh1r",infoForeground:"_15suvxh1s",infoSubtle:"_15suvxh1t",infoSubtleHover:"_15suvxh1u",infoSubtleActive:"_15suvxh1v",infoSubtleForeground:"_15suvxh1w",infoSubtleBorder:"_15suvxh1x",destructive:"_15suvxh1y",destructiveHover:"_15suvxh1z",destructiveActive:"_15suvxh20",destructiveForeground:"_15suvxh21",destructiveSubtle:"_15suvxh22",destructiveSubtleHover:"_15suvxh23",destructiveSubtleActive:"_15suvxh24",destructiveSubtleForeground:"_15suvxh25",destructiveSubtleBorder:"_15suvxh26",purple:"_15suvxh27",purpleHover:"_15suvxh28",purpleActive:"_15suvxh29",purpleForeground:"_15suvxh2a",purpleSubtle:"_15suvxh2b",purpleSubtleHover:"_15suvxh2c",purpleSubtleActive:"_15suvxh2d",purpleSubtleForeground:"_15suvxh2e",purpleSubtleBorder:"_15suvxh2f",pink:"_15suvxh2g",pinkHover:"_15suvxh2h",pinkActive:"_15suvxh2i",pinkForeground:"_15suvxh2j",pinkSubtle:"_15suvxh2k",pinkSubtleHover:"_15suvxh2l",pinkSubtleActive:"_15suvxh2m",pinkSubtleForeground:"_15suvxh2n",pinkSubtleBorder:"_15suvxh2o",orange:"_15suvxh2p",orangeHover:"_15suvxh2q",orangeActive:"_15suvxh2r",orangeForeground:"_15suvxh2s",orangeSubtle:"_15suvxh2t",orangeSubtleHover:"_15suvxh2u",orangeSubtleActive:"_15suvxh2v",orangeSubtleForeground:"_15suvxh2w",orangeSubtleBorder:"_15suvxh2x",teal:"_15suvxh2y",tealHover:"_15suvxh2z",tealActive:"_15suvxh30",tealForeground:"_15suvxh31",tealSubtle:"_15suvxh32",tealSubtleHover:"_15suvxh33",tealSubtleActive:"_15suvxh34",tealSubtleForeground:"_15suvxh35",tealSubtleBorder:"_15suvxh36",cyan:"_15suvxh37",cyanHover:"_15suvxh38",cyanActive:"_15suvxh39",cyanForeground:"_15suvxh3a",cyanSubtle:"_15suvxh3b",cyanSubtleHover:"_15suvxh3c",cyanSubtleActive:"_15suvxh3d",cyanSubtleForeground:"_15suvxh3e",cyanSubtleBorder:"_15suvxh3f",indigo:"_15suvxh3g",indigoHover:"_15suvxh3h",indigoActive:"_15suvxh3i",indigoForeground:"_15suvxh3j",indigoSubtle:"_15suvxh3k",indigoSubtleHover:"_15suvxh3l",indigoSubtleActive:"_15suvxh3m",indigoSubtleForeground:"_15suvxh3n",indigoSubtleBorder:"_15suvxh3o",border:"_15suvxh3p",borderStrong:"_15suvxh3q",ring:"_15suvxh3r",highlight:"_15suvxh3s",highlightForeground:"_15suvxh3t",skeleton:"_15suvxh3u",skeletonForeground:"_15suvxh3v",transparent:"_15suvxh3w"}},defaultVariants:{},compoundVariants:[]})};exports.SVG_IMAGE_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit40.css');require('../../../../ui-kit39.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                            */;/* empty css                              */const u=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:u.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",ring:"kunpco54",highlight:"kunpco55",highlightForeground:"kunpco56",skeleton:"kunpco57",skeletonForeground:"kunpco58",transparent:"kunpco59"}},defaultVariants:{},compoundVariants:[]}),color:u.createRuntimeFn({defaultClassName:"_15suvxh0",variantClassNames:{color:{background:"_15suvxh1",foreground:"_15suvxh2",text:"_15suvxh3",textSecondary:"_15suvxh4",textTertiary:"_15suvxh5",card:"_15suvxh6",cardForeground:"_15suvxh7",popover:"_15suvxh8",popoverForeground:"_15suvxh9",muted:"_15suvxha",mutedForeground:"_15suvxhb",overlay:"_15suvxhc",primary:"_15suvxhd",primaryHover:"_15suvxhe",primaryActive:"_15suvxhf",primaryForeground:"_15suvxhg",primarySubtle:"_15suvxhh",primarySubtleHover:"_15suvxhi",primarySubtleActive:"_15suvxhj",primarySubtleForeground:"_15suvxhk",primarySubtleBorder:"_15suvxhl",link:"_15suvxhm",linkHover:"_15suvxhn",linkActive:"_15suvxho",secondary:"_15suvxhp",secondaryHover:"_15suvxhq",secondaryActive:"_15suvxhr",secondaryForeground:"_15suvxhs",secondarySubtle:"_15suvxht",secondarySubtleHover:"_15suvxhu",secondarySubtleActive:"_15suvxhv",secondarySubtleForeground:"_15suvxhw",secondarySubtleBorder:"_15suvxhx",tertiary:"_15suvxhy",tertiaryHover:"_15suvxhz",tertiaryActive:"_15suvxh10",tertiaryForeground:"_15suvxh11",tertiarySubtle:"_15suvxh12",tertiarySubtleHover:"_15suvxh13",tertiarySubtleActive:"_15suvxh14",tertiarySubtleForeground:"_15suvxh15",tertiarySubtleBorder:"_15suvxh16",success:"_15suvxh17",successHover:"_15suvxh18",successActive:"_15suvxh19",successForeground:"_15suvxh1a",successSubtle:"_15suvxh1b",successSubtleHover:"_15suvxh1c",successSubtleActive:"_15suvxh1d",successSubtleForeground:"_15suvxh1e",successSubtleBorder:"_15suvxh1f",warning:"_15suvxh1g",warningHover:"_15suvxh1h",warningActive:"_15suvxh1i",warningForeground:"_15suvxh1j",warningSubtle:"_15suvxh1k",warningSubtleHover:"_15suvxh1l",warningSubtleActive:"_15suvxh1m",warningSubtleForeground:"_15suvxh1n",warningSubtleBorder:"_15suvxh1o",info:"_15suvxh1p",infoHover:"_15suvxh1q",infoActive:"_15suvxh1r",infoForeground:"_15suvxh1s",infoSubtle:"_15suvxh1t",infoSubtleHover:"_15suvxh1u",infoSubtleActive:"_15suvxh1v",infoSubtleForeground:"_15suvxh1w",infoSubtleBorder:"_15suvxh1x",destructive:"_15suvxh1y",destructiveHover:"_15suvxh1z",destructiveActive:"_15suvxh20",destructiveForeground:"_15suvxh21",destructiveSubtle:"_15suvxh22",destructiveSubtleHover:"_15suvxh23",destructiveSubtleActive:"_15suvxh24",destructiveSubtleForeground:"_15suvxh25",destructiveSubtleBorder:"_15suvxh26",purple:"_15suvxh27",purpleHover:"_15suvxh28",purpleActive:"_15suvxh29",purpleForeground:"_15suvxh2a",purpleSubtle:"_15suvxh2b",purpleSubtleHover:"_15suvxh2c",purpleSubtleActive:"_15suvxh2d",purpleSubtleForeground:"_15suvxh2e",purpleSubtleBorder:"_15suvxh2f",pink:"_15suvxh2g",pinkHover:"_15suvxh2h",pinkActive:"_15suvxh2i",pinkForeground:"_15suvxh2j",pinkSubtle:"_15suvxh2k",pinkSubtleHover:"_15suvxh2l",pinkSubtleActive:"_15suvxh2m",pinkSubtleForeground:"_15suvxh2n",pinkSubtleBorder:"_15suvxh2o",orange:"_15suvxh2p",orangeHover:"_15suvxh2q",orangeActive:"_15suvxh2r",orangeForeground:"_15suvxh2s",orangeSubtle:"_15suvxh2t",orangeSubtleHover:"_15suvxh2u",orangeSubtleActive:"_15suvxh2v",orangeSubtleForeground:"_15suvxh2w",orangeSubtleBorder:"_15suvxh2x",teal:"_15suvxh2y",tealHover:"_15suvxh2z",tealActive:"_15suvxh30",tealForeground:"_15suvxh31",tealSubtle:"_15suvxh32",tealSubtleHover:"_15suvxh33",tealSubtleActive:"_15suvxh34",tealSubtleForeground:"_15suvxh35",tealSubtleBorder:"_15suvxh36",cyan:"_15suvxh37",cyanHover:"_15suvxh38",cyanActive:"_15suvxh39",cyanForeground:"_15suvxh3a",cyanSubtle:"_15suvxh3b",cyanSubtleHover:"_15suvxh3c",cyanSubtleActive:"_15suvxh3d",cyanSubtleForeground:"_15suvxh3e",cyanSubtleBorder:"_15suvxh3f",indigo:"_15suvxh3g",indigoHover:"_15suvxh3h",indigoActive:"_15suvxh3i",indigoForeground:"_15suvxh3j",indigoSubtle:"_15suvxh3k",indigoSubtleHover:"_15suvxh3l",indigoSubtleActive:"_15suvxh3m",indigoSubtleForeground:"_15suvxh3n",indigoSubtleBorder:"_15suvxh3o",border:"_15suvxh3p",borderStrong:"_15suvxh3q",ring:"_15suvxh3r",highlight:"_15suvxh3s",highlightForeground:"_15suvxh3t",skeleton:"_15suvxh3u",skeletonForeground:"_15suvxh3v",transparent:"_15suvxh3w"}},defaultVariants:{},compoundVariants:[]})};exports.SVG_IMAGE_STYLES=e;
 //# sourceMappingURL=SvgImage.css.cjs.map

package/dist/components/layout/svg-image/styles/SvgImage.css.js

@@ -1,4 +1,4 @@
-import '../../../../ui-kit33.css';import '../../../../ui-kit32.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit40.css';import '../../../../ui-kit39.css';import '../../../../ui-kit.css';/* empty css                                            */
 /* empty css                                          */
 /* empty css                            */
 import { createRuntimeFn as u } from "@vanilla-extract/recipes/createRuntimeFn";

package/dist/components/navigation/bottom-navigation/BottomNavigation.cjs

@@ -0,0 +1,2 @@
+"use strict";const l=require("react/jsx-runtime"),t=require("react"),x=require("./components/bottom-navigation-item/BottomNavigationItem.cjs"),O=require("./components/bottom-navigation-list/BottomNavigationList.cjs"),V=require("./context/BottomNavigation.context.cjs"),c=require("./styles/BottomNavigation.css.cjs"),_=require("../../../utils/cn.cjs"),e=t.memo(({"aria-label":u,"aria-labelledby":m,children:N,value:a,defaultValue:d,onValueChange:i,bordered:v=!1,className:B,ref:b,...g})=>{const[T,q]=t.useState(d),o=a!==void 0,n=o?a:T,s=t.useCallback(r=>{o||q(r),i?.(r)},[o,i]),I=t.useMemo(()=>({value:n,onValueChange:s}),[s,n]);return l.jsx(V.BottomNavigationContext.Provider,{value:I,children:l.jsx("nav",{ref:b,...g,"aria-label":u,"aria-labelledby":m,className:_.cn(c.BOTTOM_NAVIGATION_STYLES.root,v&&c.BOTTOM_NAVIGATION_STYLES.bordered,B),children:N})})});e.displayName="BottomNavigation";e.List=O;e.Item=x;module.exports=e;
+//# sourceMappingURL=BottomNavigation.cjs.map

package/dist/components/navigation/bottom-navigation/BottomNavigation.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.cjs","sources":["../../../../src/components/navigation/bottom-navigation/BottomNavigation.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useState } from 'react'\n\nimport BottomNavigationItem from '@components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.tsx'\nimport BottomNavigationList from '@components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.tsx'\nimport { BottomNavigationContext } from '@components/navigation/bottom-navigation/context/BottomNavigation.context.ts'\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationCompound } from '@components/navigation/bottom-navigation/types/BottomNavigationCompound.ts'\nimport type { BottomNavigationProps } from '@components/navigation/bottom-navigation/types/BottomNavigation.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Mobile-first navigation landmark with a full-width bottom presentation.\n *\n * Compose `BottomNavigation`, `BottomNavigation.List`, and\n * `BottomNavigation.Item`. Items can be links or native buttons and selection\n * supports both controlled and uncontrolled state.\n */\nconst BottomNavigation = memo<BottomNavigationProps>(\n    ({\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        children,\n        value,\n        defaultValue,\n        onValueChange,\n        bordered = false,\n        className,\n        ref,\n        ...props\n    }) => {\n        const [internalValue, setInternalValue] = useState(defaultValue)\n        const isControlled = value !== undefined\n        const selectedValue = isControlled ? value : internalValue\n        const handleValueChange = useCallback(\n            (nextValue: string) => {\n                if (!isControlled) {\n                    setInternalValue(nextValue)\n                }\n                onValueChange?.(nextValue)\n            },\n            [isControlled, onValueChange],\n        )\n        const contextValue = useMemo(\n            () => ({\n                value: selectedValue,\n                onValueChange: handleValueChange,\n            }),\n            [handleValueChange, selectedValue],\n        )\n\n        return (\n            <BottomNavigationContext.Provider value={contextValue}>\n                <nav\n                    ref={ref}\n                    {...props}\n                    aria-label={ariaLabel}\n                    aria-labelledby={ariaLabelledBy}\n                    className={cn(\n                        BOTTOM_NAVIGATION_STYLES.root,\n                        bordered && BOTTOM_NAVIGATION_STYLES.bordered,\n                        className,\n                    )}\n                >\n                    {children}\n                </nav>\n            </BottomNavigationContext.Provider>\n        )\n    },\n) as unknown as BottomNavigationCompound\n\nBottomNavigation.displayName = 'BottomNavigation'\nBottomNavigation.List = BottomNavigationList\nBottomNavigation.Item = BottomNavigationItem\n\nexport default BottomNavigation\n"],"names":["BottomNavigation","memo","ariaLabel","ariaLabelledBy","children","value","defaultValue","onValueChange","bordered","className","ref","props","internalValue","setInternalValue","useState","isControlled","selectedValue","handleValueChange","useCallback","nextValue","contextValue","useMemo","jsx","BottomNavigationContext","cn","BOTTOM_NAVIGATION_STYLES","BottomNavigationList","BottomNavigationItem"],"mappings":"+VAiBMA,EAAmBC,EAAAA,KACrB,CAAC,CACG,aAAcC,EACd,kBAAmBC,EACnB,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,IAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAASR,CAAY,EACzDS,EAAeV,IAAU,OACzBW,EAAgBD,EAAeV,EAAQO,EACvCK,EAAoBC,EAAAA,YACrBC,GAAsB,CACdJ,GACDF,EAAiBM,CAAS,EAE9BZ,IAAgBY,CAAS,CAC7B,EACA,CAACJ,EAAcR,CAAa,CAAA,EAE1Ba,EAAeC,EAAAA,QACjB,KAAO,CACH,MAAOL,EACP,cAAeC,CAAA,GAEnB,CAACA,EAAmBD,CAAa,CAAA,EAGrC,OACIM,EAAAA,IAACC,EAAAA,wBAAwB,SAAxB,CAAiC,MAAOH,EACrC,SAAAE,EAAAA,IAAC,MAAA,CACG,IAAAZ,EACC,GAAGC,EACJ,aAAYT,EACZ,kBAAiBC,EACjB,UAAWqB,EAAAA,GACPC,EAAAA,yBAAyB,KACzBjB,GAAYiB,EAAAA,yBAAyB,SACrChB,CAAA,EAGH,SAAAL,CAAA,CAAA,EAET,CAER,CACJ,EAEAJ,EAAiB,YAAc,mBAC/BA,EAAiB,KAAO0B,EACxB1B,EAAiB,KAAO2B"}

package/dist/components/navigation/bottom-navigation/BottomNavigation.d.ts

@@ -0,0 +1,10 @@
+import { BottomNavigationCompound } from './types/BottomNavigationCompound.ts';
+/**
+ * Mobile-first navigation landmark with a full-width bottom presentation.
+ *
+ * Compose `BottomNavigation`, `BottomNavigation.List`, and
+ * `BottomNavigation.Item`. Items can be links or native buttons and selection
+ * supports both controlled and uncontrolled state.
+ */
+declare const BottomNavigation: BottomNavigationCompound;
+export default BottomNavigation;

package/dist/components/navigation/bottom-navigation/BottomNavigation.js

@@ -0,0 +1,56 @@
+import { jsx as m } from "react/jsx-runtime";
+import { memo as I, useState as V, useCallback as C, useMemo as T } from "react";
+import h from "./components/bottom-navigation-item/BottomNavigationItem.js";
+import x from "./components/bottom-navigation-list/BottomNavigationList.js";
+import { BottomNavigationContext as y } from "./context/BottomNavigation.context.js";
+import { BOTTOM_NAVIGATION_STYLES as n } from "./styles/BottomNavigation.css.js";
+import { cn as L } from "../../../utils/cn.js";
+const t = I(
+  ({
+    "aria-label": s,
+    "aria-labelledby": c,
+    children: d,
+    value: a,
+    defaultValue: f,
+    onValueChange: e,
+    bordered: u = !1,
+    className: p,
+    ref: v,
+    ...N
+  }) => {
+    const [b, g] = V(f), o = a !== void 0, i = o ? a : b, r = C(
+      (l) => {
+        o || g(l), e?.(l);
+      },
+      [o, e]
+    ), B = T(
+      () => ({
+        value: i,
+        onValueChange: r
+      }),
+      [r, i]
+    );
+    return /* @__PURE__ */ m(y.Provider, { value: B, children: /* @__PURE__ */ m(
+      "nav",
+      {
+        ref: v,
+        ...N,
+        "aria-label": s,
+        "aria-labelledby": c,
+        className: L(
+          n.root,
+          u && n.bordered,
+          p
+        ),
+        children: d
+      }
+    ) });
+  }
+);
+t.displayName = "BottomNavigation";
+t.List = x;
+t.Item = h;
+export {
+  t as default
+};
+//# sourceMappingURL=BottomNavigation.js.map

package/dist/components/navigation/bottom-navigation/BottomNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.js","sources":["../../../../src/components/navigation/bottom-navigation/BottomNavigation.tsx"],"sourcesContent":["import { memo, useCallback, useMemo, useState } from 'react'\n\nimport BottomNavigationItem from '@components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.tsx'\nimport BottomNavigationList from '@components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.tsx'\nimport { BottomNavigationContext } from '@components/navigation/bottom-navigation/context/BottomNavigation.context.ts'\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationCompound } from '@components/navigation/bottom-navigation/types/BottomNavigationCompound.ts'\nimport type { BottomNavigationProps } from '@components/navigation/bottom-navigation/types/BottomNavigation.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Mobile-first navigation landmark with a full-width bottom presentation.\n *\n * Compose `BottomNavigation`, `BottomNavigation.List`, and\n * `BottomNavigation.Item`. Items can be links or native buttons and selection\n * supports both controlled and uncontrolled state.\n */\nconst BottomNavigation = memo<BottomNavigationProps>(\n    ({\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        children,\n        value,\n        defaultValue,\n        onValueChange,\n        bordered = false,\n        className,\n        ref,\n        ...props\n    }) => {\n        const [internalValue, setInternalValue] = useState(defaultValue)\n        const isControlled = value !== undefined\n        const selectedValue = isControlled ? value : internalValue\n        const handleValueChange = useCallback(\n            (nextValue: string) => {\n                if (!isControlled) {\n                    setInternalValue(nextValue)\n                }\n                onValueChange?.(nextValue)\n            },\n            [isControlled, onValueChange],\n        )\n        const contextValue = useMemo(\n            () => ({\n                value: selectedValue,\n                onValueChange: handleValueChange,\n            }),\n            [handleValueChange, selectedValue],\n        )\n\n        return (\n            <BottomNavigationContext.Provider value={contextValue}>\n                <nav\n                    ref={ref}\n                    {...props}\n                    aria-label={ariaLabel}\n                    aria-labelledby={ariaLabelledBy}\n                    className={cn(\n                        BOTTOM_NAVIGATION_STYLES.root,\n                        bordered && BOTTOM_NAVIGATION_STYLES.bordered,\n                        className,\n                    )}\n                >\n                    {children}\n                </nav>\n            </BottomNavigationContext.Provider>\n        )\n    },\n) as unknown as BottomNavigationCompound\n\nBottomNavigation.displayName = 'BottomNavigation'\nBottomNavigation.List = BottomNavigationList\nBottomNavigation.Item = BottomNavigationItem\n\nexport default BottomNavigation\n"],"names":["BottomNavigation","memo","ariaLabel","ariaLabelledBy","children","value","defaultValue","onValueChange","bordered","className","ref","props","internalValue","setInternalValue","useState","isControlled","selectedValue","handleValueChange","useCallback","nextValue","contextValue","useMemo","jsx","BottomNavigationContext","cn","BOTTOM_NAVIGATION_STYLES","BottomNavigationList","BottomNavigationItem"],"mappings":";;;;;;;AAiBA,MAAMA,IAAmBC;AAAA,EACrB,CAAC;AAAA,IACG,cAAcC;AAAA,IACd,mBAAmBC;AAAA,IACnB,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,MACD;AACF,UAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASR,CAAY,GACzDS,IAAeV,MAAU,QACzBW,IAAgBD,IAAeV,IAAQO,GACvCK,IAAoBC;AAAA,MACtB,CAACC,MAAsB;AACnB,QAAKJ,KACDF,EAAiBM,CAAS,GAE9BZ,IAAgBY,CAAS;AAAA,MAC7B;AAAA,MACA,CAACJ,GAAcR,CAAa;AAAA,IAAA,GAE1Ba,IAAeC;AAAA,MACjB,OAAO;AAAA,QACH,OAAOL;AAAA,QACP,eAAeC;AAAA,MAAA;AAAA,MAEnB,CAACA,GAAmBD,CAAa;AAAA,IAAA;AAGrC,WACI,gBAAAM,EAACC,EAAwB,UAAxB,EAAiC,OAAOH,GACrC,UAAA,gBAAAE;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAZ;AAAA,QACC,GAAGC;AAAA,QACJ,cAAYT;AAAA,QACZ,mBAAiBC;AAAA,QACjB,WAAWqB;AAAA,UACPC,EAAyB;AAAA,UACzBjB,KAAYiB,EAAyB;AAAA,UACrChB;AAAA,QAAA;AAAA,QAGH,UAAAL;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AACJ;AAEAJ,EAAiB,cAAc;AAC/BA,EAAiB,OAAO0B;AACxB1B,EAAiB,OAAO2B;"}

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),h=require("react"),q=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const j=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const y=require("../../context/BottomNavigation.context.cjs"),o=require("../../styles/BottomNavigation.css.cjs"),k=require("../../../../../utils/cn.cjs"),I=h.memo(f=>{const a=h.useContext(y.BottomNavigationContext);if(!a)throw new Error("BottomNavigation.Item must be rendered inside BottomNavigation.");const{value:s,label:l,icon:g,height:d,disabled:e=!1,className:x,style:u,...i}=f,n=a.value===s,m=k.cn(o.BOTTOM_NAVIGATION_STYLES.control,x),N=d!==void 0?{...u,height:d}:u,v=t.jsxs(t.Fragment,{children:[t.jsx(q,{icon:g,size:"lg",className:o.BOTTOM_NAVIGATION_STYLES.icon}),l!==void 0&&t.jsx(j,{as:"span",variant:"span",className:o.BOTTOM_NAVIGATION_STYLES.label,children:l})]});if("href"in i&&i.href!==void 0){const{href:r,ref:C,onClick:T,tabIndex:_,...A}=i,S=c=>{if(e){c.preventDefault();return}a.onValueChange(s),T&&(c.preventDefault(),T(c))};return t.jsx("li",{className:o.BOTTOM_NAVIGATION_STYLES.item,children:t.jsx("a",{...A,ref:C,href:r,tabIndex:e?-1:_,"aria-current":n?"page":void 0,"aria-disabled":e||void 0,"data-active":n||void 0,"data-disabled":e||void 0,className:m,style:N,onClick:S,children:v})})}const{ref:O,onClick:p,...b}=i,B=r=>{e||(a.onValueChange(s),p?.(r))};return t.jsx("li",{className:o.BOTTOM_NAVIGATION_STYLES.item,children:t.jsx("button",{...b,ref:O,type:"button",disabled:e,"aria-current":n?"page":void 0,"aria-disabled":e||void 0,"data-active":n||void 0,"data-disabled":e||void 0,className:m,style:N,onClick:B,children:v})})});I.displayName="BottomNavigation.Item";module.exports=I;
+//# sourceMappingURL=BottomNavigationItem.cjs.map

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigationItem.cjs","sources":["../../../../../../src/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\nimport type * as React from 'react'\n\nimport { Icon } from '@components/foundation/icon'\nimport { Typography } from '@components/foundation/typography'\nimport { BottomNavigationContext } from '@components/navigation/bottom-navigation/context/BottomNavigation.context.ts'\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationItemProps } from '@components/navigation/bottom-navigation/components/bottom-navigation-item/types/BottomNavigationItem.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * A single bottom navigation entry. Items render as links when `href` is\n * provided and as native buttons otherwise. Link items prevent default\n * navigation when `onClick` is provided, enabling client-side routers.\n */\nconst BottomNavigationItem: FC<BottomNavigationItemProps> = memo((props) => {\n    const context = useContext(BottomNavigationContext)\n\n    if (!context) {\n        throw new Error(\n            'BottomNavigation.Item must be rendered inside BottomNavigation.',\n        )\n    }\n\n    const {\n        value,\n        label,\n        icon,\n        height,\n        disabled = false,\n        className,\n        style,\n        ...itemProps\n    } = props\n    const isActive = context.value === value\n    const controlClassName = cn(BOTTOM_NAVIGATION_STYLES.control, className)\n    const controlStyle = height !== undefined ? { ...style, height } : style\n    const content = (\n        <>\n            <Icon\n                icon={icon}\n                size={'lg'}\n                className={BOTTOM_NAVIGATION_STYLES.icon}\n            />\n            {label !== undefined && (\n                <Typography\n                    as={'span'}\n                    variant={'span'}\n                    className={BOTTOM_NAVIGATION_STYLES.label}\n                >\n                    {label}\n                </Typography>\n            )}\n        </>\n    )\n\n    if ('href' in itemProps && itemProps.href !== undefined) {\n        const { href, ref, onClick, tabIndex, ...anchorProps } = itemProps\n        const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n            if (disabled) {\n                event.preventDefault()\n                return\n            }\n\n            context.onValueChange(value)\n            if (onClick) {\n                event.preventDefault()\n                onClick(event)\n            }\n        }\n\n        return (\n            <li className={BOTTOM_NAVIGATION_STYLES.item}>\n                <a\n                    {...anchorProps}\n                    ref={ref}\n                    href={href}\n                    tabIndex={disabled ? -1 : tabIndex}\n                    aria-current={isActive ? 'page' : undefined}\n                    aria-disabled={disabled || undefined}\n                    data-active={isActive || undefined}\n                    data-disabled={disabled || undefined}\n                    className={controlClassName}\n                    style={controlStyle}\n                    onClick={handleClick}\n                >\n                    {content}\n                </a>\n            </li>\n        )\n    }\n\n    const { ref, onClick, ...buttonProps } = itemProps\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled) {\n            return\n        }\n\n        context.onValueChange(value)\n        onClick?.(event)\n    }\n\n    return (\n        <li className={BOTTOM_NAVIGATION_STYLES.item}>\n            <button\n                {...buttonProps}\n                ref={ref}\n                type={'button'}\n                disabled={disabled}\n                aria-current={isActive ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                data-active={isActive || undefined}\n                data-disabled={disabled || undefined}\n                className={controlClassName}\n                style={controlStyle}\n                onClick={handleClick}\n            >\n                {content}\n            </button>\n        </li>\n    )\n})\n\nBottomNavigationItem.displayName = 'BottomNavigation.Item'\n\nexport default BottomNavigationItem\n"],"names":["BottomNavigationItem","memo","props","context","useContext","BottomNavigationContext","value","label","icon","height","disabled","className","style","itemProps","isActive","controlClassName","cn","BOTTOM_NAVIGATION_STYLES","controlStyle","content","jsxs","Fragment","jsx","Icon","Typography","href","ref","onClick","tabIndex","anchorProps","handleClick","event","buttonProps"],"mappings":"udAeMA,EAAsDC,EAAAA,KAAMC,GAAU,CACxE,MAAMC,EAAUC,EAAAA,WAAWC,yBAAuB,EAElD,GAAI,CAACF,EACD,MAAM,IAAI,MACN,iEAAA,EAIR,KAAM,CACF,MAAAG,EACA,MAAAC,EACA,KAAAC,EACA,OAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,EACHX,EACEY,EAAWX,EAAQ,QAAUG,EAC7BS,EAAmBC,EAAAA,GAAGC,2BAAyB,QAASN,CAAS,EACjEO,EAAeT,IAAW,OAAY,CAAE,GAAGG,EAAO,OAAAH,GAAWG,EAC7DO,EACFC,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,KAAAf,EACA,KAAM,KACN,UAAWS,EAAAA,yBAAyB,IAAA,CAAA,EAEvCV,IAAU,QACPe,EAAAA,IAACE,EAAA,CACG,GAAI,OACJ,QAAS,OACT,UAAWP,EAAAA,yBAAyB,MAEnC,SAAAV,CAAA,CAAA,CACL,EAER,EAGJ,GAAI,SAAUM,GAAaA,EAAU,OAAS,OAAW,CACrD,KAAM,CAAE,KAAAY,EAAM,IAAAC,EAAK,QAAAC,EAAS,SAAAC,EAAU,GAAGC,CAAA,EAAgBhB,EACnDiB,EAAeC,GAA+C,CAChE,GAAIrB,EAAU,CACVqB,EAAM,eAAA,EACN,MACJ,CAEA5B,EAAQ,cAAcG,CAAK,EACvBqB,IACAI,EAAM,eAAA,EACNJ,EAAQI,CAAK,EAErB,EAEA,OACIT,EAAAA,IAAC,KAAA,CAAG,UAAWL,EAAAA,yBAAyB,KACpC,SAAAK,EAAAA,IAAC,IAAA,CACI,GAAGO,EACJ,IAAKH,EACL,KAAAD,EACA,SAAUf,EAAW,GAAKkB,EAC1B,eAAcd,EAAW,OAAS,OAClC,gBAAeJ,GAAY,OAC3B,cAAaI,GAAY,OACzB,gBAAeJ,GAAY,OAC3B,UAAWK,EACX,MAAOG,EACP,QAASY,EAER,SAAAX,CAAA,CAAA,EAET,CAER,CAEA,KAAM,CAAE,IAAAO,EAAK,QAAAC,EAAS,GAAGK,GAAgBnB,EACnCiB,EAAeC,GAA+C,CAC5DrB,IAIJP,EAAQ,cAAcG,CAAK,EAC3BqB,IAAUI,CAAK,EACnB,EAEA,OACIT,EAAAA,IAAC,KAAA,CAAG,UAAWL,EAAAA,yBAAyB,KACpC,SAAAK,EAAAA,IAAC,SAAA,CACI,GAAGU,EACJ,IAAAN,EACA,KAAM,SACN,SAAAhB,EACA,eAAcI,EAAW,OAAS,OAClC,gBAAeJ,GAAY,OAC3B,cAAaI,GAAY,OACzB,gBAAeJ,GAAY,OAC3B,UAAWK,EACX,MAAOG,EACP,QAASY,EAER,SAAAX,CAAA,CAAA,EAET,CAER,CAAC,EAEDnB,EAAqB,YAAc"}

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { BottomNavigationItemProps } from './types/BottomNavigationItem.props.ts';
+/**
+ * A single bottom navigation entry. Items render as links when `href` is
+ * provided and as native buttons otherwise. Link items prevent default
+ * navigation when `onClick` is provided, enabling client-side routers.
+ */
+declare const BottomNavigationItem: FC<BottomNavigationItemProps>;
+export default BottomNavigationItem;

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.js

@@ -0,0 +1,95 @@
+import { jsx as o, jsxs as A, Fragment as O } from "react/jsx-runtime";
+import { memo as P, useContext as S } from "react";
+import V from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import j from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import { BottomNavigationContext as w } from "../../context/BottomNavigation.context.js";
+import { BOTTOM_NAVIGATION_STYLES as e } from "../../styles/BottomNavigation.css.js";
+import { cn as D } from "../../../../../utils/cn.js";
+const E = P((u) => {
+  const a = S(w);
+  if (!a)
+    throw new Error(
+      "BottomNavigation.Item must be rendered inside BottomNavigation."
+    );
+  const {
+    value: r,
+    label: c,
+    icon: N,
+    height: d,
+    disabled: t = !1,
+    className: b,
+    style: m,
+    ...i
+  } = u, n = a.value === r, f = D(e.control, b), p = d !== void 0 ? { ...m, height: d } : m, v = /* @__PURE__ */ A(O, { children: [
+    /* @__PURE__ */ o(
+      V,
+      {
+        icon: N,
+        size: "lg",
+        className: e.icon
+      }
+    ),
+    c !== void 0 && /* @__PURE__ */ o(
+      j,
+      {
+        as: "span",
+        variant: "span",
+        className: e.label,
+        children: c
+      }
+    )
+  ] });
+  if ("href" in i && i.href !== void 0) {
+    const { href: s, ref: I, onClick: h, tabIndex: k, ...B } = i, T = (l) => {
+      if (t) {
+        l.preventDefault();
+        return;
+      }
+      a.onValueChange(r), h && (l.preventDefault(), h(l));
+    };
+    return /* @__PURE__ */ o("li", { className: e.item, children: /* @__PURE__ */ o(
+      "a",
+      {
+        ...B,
+        ref: I,
+        href: s,
+        tabIndex: t ? -1 : k,
+        "aria-current": n ? "page" : void 0,
+        "aria-disabled": t || void 0,
+        "data-active": n || void 0,
+        "data-disabled": t || void 0,
+        className: f,
+        style: p,
+        onClick: T,
+        children: v
+      }
+    ) });
+  }
+  const { ref: g, onClick: C, ...x } = i, y = (s) => {
+    t || (a.onValueChange(r), C?.(s));
+  };
+  return /* @__PURE__ */ o("li", { className: e.item, children: /* @__PURE__ */ o(
+    "button",
+    {
+      ...x,
+      ref: g,
+      type: "button",
+      disabled: t,
+      "aria-current": n ? "page" : void 0,
+      "aria-disabled": t || void 0,
+      "data-active": n || void 0,
+      "data-disabled": t || void 0,
+      className: f,
+      style: p,
+      onClick: y,
+      children: v
+    }
+  ) });
+});
+E.displayName = "BottomNavigation.Item";
+export {
+  E as default
+};
+//# sourceMappingURL=BottomNavigationItem.js.map

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigationItem.js","sources":["../../../../../../src/components/navigation/bottom-navigation/components/bottom-navigation-item/BottomNavigationItem.tsx"],"sourcesContent":["import { memo, useContext, type FC } from 'react'\nimport type * as React from 'react'\n\nimport { Icon } from '@components/foundation/icon'\nimport { Typography } from '@components/foundation/typography'\nimport { BottomNavigationContext } from '@components/navigation/bottom-navigation/context/BottomNavigation.context.ts'\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationItemProps } from '@components/navigation/bottom-navigation/components/bottom-navigation-item/types/BottomNavigationItem.props.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * A single bottom navigation entry. Items render as links when `href` is\n * provided and as native buttons otherwise. Link items prevent default\n * navigation when `onClick` is provided, enabling client-side routers.\n */\nconst BottomNavigationItem: FC<BottomNavigationItemProps> = memo((props) => {\n    const context = useContext(BottomNavigationContext)\n\n    if (!context) {\n        throw new Error(\n            'BottomNavigation.Item must be rendered inside BottomNavigation.',\n        )\n    }\n\n    const {\n        value,\n        label,\n        icon,\n        height,\n        disabled = false,\n        className,\n        style,\n        ...itemProps\n    } = props\n    const isActive = context.value === value\n    const controlClassName = cn(BOTTOM_NAVIGATION_STYLES.control, className)\n    const controlStyle = height !== undefined ? { ...style, height } : style\n    const content = (\n        <>\n            <Icon\n                icon={icon}\n                size={'lg'}\n                className={BOTTOM_NAVIGATION_STYLES.icon}\n            />\n            {label !== undefined && (\n                <Typography\n                    as={'span'}\n                    variant={'span'}\n                    className={BOTTOM_NAVIGATION_STYLES.label}\n                >\n                    {label}\n                </Typography>\n            )}\n        </>\n    )\n\n    if ('href' in itemProps && itemProps.href !== undefined) {\n        const { href, ref, onClick, tabIndex, ...anchorProps } = itemProps\n        const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n            if (disabled) {\n                event.preventDefault()\n                return\n            }\n\n            context.onValueChange(value)\n            if (onClick) {\n                event.preventDefault()\n                onClick(event)\n            }\n        }\n\n        return (\n            <li className={BOTTOM_NAVIGATION_STYLES.item}>\n                <a\n                    {...anchorProps}\n                    ref={ref}\n                    href={href}\n                    tabIndex={disabled ? -1 : tabIndex}\n                    aria-current={isActive ? 'page' : undefined}\n                    aria-disabled={disabled || undefined}\n                    data-active={isActive || undefined}\n                    data-disabled={disabled || undefined}\n                    className={controlClassName}\n                    style={controlStyle}\n                    onClick={handleClick}\n                >\n                    {content}\n                </a>\n            </li>\n        )\n    }\n\n    const { ref, onClick, ...buttonProps } = itemProps\n    const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n        if (disabled) {\n            return\n        }\n\n        context.onValueChange(value)\n        onClick?.(event)\n    }\n\n    return (\n        <li className={BOTTOM_NAVIGATION_STYLES.item}>\n            <button\n                {...buttonProps}\n                ref={ref}\n                type={'button'}\n                disabled={disabled}\n                aria-current={isActive ? 'page' : undefined}\n                aria-disabled={disabled || undefined}\n                data-active={isActive || undefined}\n                data-disabled={disabled || undefined}\n                className={controlClassName}\n                style={controlStyle}\n                onClick={handleClick}\n            >\n                {content}\n            </button>\n        </li>\n    )\n})\n\nBottomNavigationItem.displayName = 'BottomNavigation.Item'\n\nexport default BottomNavigationItem\n"],"names":["BottomNavigationItem","memo","props","context","useContext","BottomNavigationContext","value","label","icon","height","disabled","className","style","itemProps","isActive","controlClassName","cn","BOTTOM_NAVIGATION_STYLES","controlStyle","content","jsxs","Fragment","jsx","Icon","Typography","href","ref","onClick","tabIndex","anchorProps","handleClick","event","buttonProps"],"mappings":";;;;;;;;;AAeA,MAAMA,IAAsDC,EAAK,CAACC,MAAU;AACxE,QAAMC,IAAUC,EAAWC,CAAuB;AAElD,MAAI,CAACF;AACD,UAAM,IAAI;AAAA,MACN;AAAA,IAAA;AAIR,QAAM;AAAA,IACF,OAAAG;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACHX,GACEY,IAAWX,EAAQ,UAAUG,GAC7BS,IAAmBC,EAAGC,EAAyB,SAASN,CAAS,GACjEO,IAAeT,MAAW,SAAY,EAAE,GAAGG,GAAO,QAAAH,MAAWG,GAC7DO,IACF,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,MAAAf;AAAA,QACA,MAAM;AAAA,QACN,WAAWS,EAAyB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEvCV,MAAU,UACP,gBAAAe;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,WAAWP,EAAyB;AAAA,QAEnC,UAAAV;AAAA,MAAA;AAAA,IAAA;AAAA,EACL,GAER;AAGJ,MAAI,UAAUM,KAAaA,EAAU,SAAS,QAAW;AACrD,UAAM,EAAE,MAAAY,GAAM,KAAAC,GAAK,SAAAC,GAAS,UAAAC,GAAU,GAAGC,EAAA,IAAgBhB,GACnDiB,IAAc,CAACC,MAA+C;AAChE,UAAIrB,GAAU;AACV,QAAAqB,EAAM,eAAA;AACN;AAAA,MACJ;AAEA,MAAA5B,EAAQ,cAAcG,CAAK,GACvBqB,MACAI,EAAM,eAAA,GACNJ,EAAQI,CAAK;AAAA,IAErB;AAEA,WACI,gBAAAT,EAAC,MAAA,EAAG,WAAWL,EAAyB,MACpC,UAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAGO;AAAA,QACJ,KAAKH;AAAAA,QACL,MAAAD;AAAA,QACA,UAAUf,IAAW,KAAKkB;AAAA,QAC1B,gBAAcd,IAAW,SAAS;AAAA,QAClC,iBAAeJ,KAAY;AAAA,QAC3B,eAAaI,KAAY;AAAA,QACzB,iBAAeJ,KAAY;AAAA,QAC3B,WAAWK;AAAA,QACX,OAAOG;AAAA,QACP,SAASY;AAAAA,QAER,UAAAX;AAAA,MAAA;AAAA,IAAA,GAET;AAAA,EAER;AAEA,QAAM,EAAE,KAAAO,GAAK,SAAAC,GAAS,GAAGK,MAAgBnB,GACnCiB,IAAc,CAACC,MAA+C;AAChE,IAAIrB,MAIJP,EAAQ,cAAcG,CAAK,GAC3BqB,IAAUI,CAAK;AAAA,EACnB;AAEA,SACI,gBAAAT,EAAC,MAAA,EAAG,WAAWL,EAAyB,MACpC,UAAA,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGU;AAAA,MACJ,KAAAN;AAAA,MACA,MAAM;AAAA,MACN,UAAAhB;AAAA,MACA,gBAAcI,IAAW,SAAS;AAAA,MAClC,iBAAeJ,KAAY;AAAA,MAC3B,eAAaI,KAAY;AAAA,MACzB,iBAAeJ,KAAY;AAAA,MAC3B,WAAWK;AAAA,MACX,OAAOG;AAAA,MACP,SAASY;AAAA,MAER,UAAAX;AAAA,IAAA;AAAA,EAAA,GAET;AAER,CAAC;AAEDnB,EAAqB,cAAc;"}

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

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

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-item/types/BottomNavigationItem.props.d.ts

@@ -0,0 +1,36 @@
+import { IconComponent } from '../../../../../foundation/icon';
+import type * as React from 'react';
+type BottomNavigationItemLabelProps = {
+    /** Visible label. Omit it when using an accessible name instead. */
+    label: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} | {
+    /** Icon-only items must provide an accessible name. */
+    label?: never;
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    /** Icon-only items may use an existing labelled element. */
+    label?: never;
+    'aria-label'?: never;
+    'aria-labelledby': string;
+};
+type BottomNavigationItemSharedProps = {
+    /** Stable value used for selection and controlled state. */
+    value: string;
+    /** Icon displayed above the optional label. */
+    icon: IconComponent;
+    /** Overrides the default item height. */
+    height?: React.CSSProperties['height'];
+    /** Prevents selection and interaction. */
+    disabled?: boolean;
+} & BottomNavigationItemLabelProps;
+type BottomNavigationButtonItemProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'disabled' | 'type' | 'value' | 'aria-current' | 'aria-disabled' | 'aria-label' | 'aria-labelledby'> & React.RefAttributes<HTMLButtonElement> & BottomNavigationItemSharedProps & {
+    href?: never;
+};
+type BottomNavigationLinkItemProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children' | 'href' | 'aria-current' | 'aria-disabled' | 'aria-label' | 'aria-labelledby'> & React.RefAttributes<HTMLAnchorElement> & BottomNavigationItemSharedProps & {
+    href: string;
+};
+export type BottomNavigationItemProps = BottomNavigationButtonItemProps | BottomNavigationLinkItemProps;
+export {};

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.cjs

@@ -0,0 +1,2 @@
+"use strict";const m=require("react/jsx-runtime"),u=require("react"),N=require("../../styles/BottomNavigation.css.cjs"),v=require("../../../../../theme/contract.css.cjs"),l=require("../../../../../utils/cn.cjs"),s=u.memo(({children:o,className:e,gap:t,maxWidth:i,ref:c,style:a,width:r,...n})=>m.jsx("ul",{ref:c,...n,className:l.cn(N.BOTTOM_NAVIGATION_STYLES.list,e),style:{gap:t!==void 0?v.vars.space[t]:void 0,maxWidth:i,width:r,...a},children:o}));s.displayName="BottomNavigation.List";module.exports=s;
+//# sourceMappingURL=BottomNavigationList.cjs.map

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigationList.cjs","sources":["../../../../../../src/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\n\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationListProps } from '@components/navigation/bottom-navigation/components/bottom-navigation-list/types/BottomNavigationList.props.ts'\nimport { vars } from '@theme/contract.css.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Horizontal list slot for `BottomNavigation`. Keeps item layout independent\n * from the navigation landmark so consumers can style the list separately.\n */\nconst BottomNavigationList: FC<BottomNavigationListProps> = memo(\n    ({ children, className, gap, maxWidth, ref, style, width, ...props }) => (\n        <ul\n            ref={ref}\n            {...props}\n            className={cn(BOTTOM_NAVIGATION_STYLES.list, className)}\n            style={{\n                gap: gap !== undefined ? vars.space[gap] : undefined,\n                maxWidth,\n                width,\n                ...style,\n            }}\n        >\n            {children}\n        </ul>\n    ),\n)\n\nBottomNavigationList.displayName = 'BottomNavigation.List'\n\nexport default BottomNavigationList\n"],"names":["BottomNavigationList","memo","children","className","gap","maxWidth","ref","style","width","props","jsx","cn","BOTTOM_NAVIGATION_STYLES","vars"],"mappings":"oNAWMA,EAAsDC,EAAAA,KACxD,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,IAAAC,EAAK,SAAAC,EAAU,IAAAC,EAAK,MAAAC,EAAO,MAAAC,EAAO,GAAGC,CAAA,IACzDC,EAAAA,IAAC,KAAA,CACG,IAAAJ,EACC,GAAGG,EACJ,UAAWE,EAAAA,GAAGC,2BAAyB,KAAMT,CAAS,EACtD,MAAO,CACH,IAAKC,IAAQ,OAAYS,EAAAA,KAAK,MAAMT,CAAG,EAAI,OAC3C,SAAAC,EACA,MAAAG,EACA,GAAGD,CAAA,EAGN,SAAAL,CAAA,CAAA,CAGb,EAEAF,EAAqB,YAAc"}

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { BottomNavigationListProps } from './types/BottomNavigationList.props.ts';
+/**
+ * Horizontal list slot for `BottomNavigation`. Keeps item layout independent
+ * from the navigation landmark so consumers can style the list separately.
+ */
+declare const BottomNavigationList: FC<BottomNavigationListProps>;
+export default BottomNavigationList;

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import { memo as f } from "react";
+import { BOTTOM_NAVIGATION_STYLES as l } from "../../styles/BottomNavigation.css.js";
+import { vars as N } from "../../../../../theme/contract.css.js";
+import { cn as v } from "../../../../../utils/cn.js";
+const c = f(
+  ({ children: t, className: m, gap: o, maxWidth: i, ref: a, style: r, width: s, ...p }) => /* @__PURE__ */ e(
+    "ul",
+    {
+      ref: a,
+      ...p,
+      className: v(l.list, m),
+      style: {
+        gap: o !== void 0 ? N.space[o] : void 0,
+        maxWidth: i,
+        width: s,
+        ...r
+      },
+      children: t
+    }
+  )
+);
+c.displayName = "BottomNavigation.List";
+export {
+  c as default
+};
+//# sourceMappingURL=BottomNavigationList.js.map

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigationList.js","sources":["../../../../../../src/components/navigation/bottom-navigation/components/bottom-navigation-list/BottomNavigationList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\n\nimport { BOTTOM_NAVIGATION_STYLES } from '@components/navigation/bottom-navigation/styles/BottomNavigation.css.ts'\nimport type { BottomNavigationListProps } from '@components/navigation/bottom-navigation/components/bottom-navigation-list/types/BottomNavigationList.props.ts'\nimport { vars } from '@theme/contract.css.ts'\nimport { cn } from '@utils/cn.ts'\n\n/**\n * Horizontal list slot for `BottomNavigation`. Keeps item layout independent\n * from the navigation landmark so consumers can style the list separately.\n */\nconst BottomNavigationList: FC<BottomNavigationListProps> = memo(\n    ({ children, className, gap, maxWidth, ref, style, width, ...props }) => (\n        <ul\n            ref={ref}\n            {...props}\n            className={cn(BOTTOM_NAVIGATION_STYLES.list, className)}\n            style={{\n                gap: gap !== undefined ? vars.space[gap] : undefined,\n                maxWidth,\n                width,\n                ...style,\n            }}\n        >\n            {children}\n        </ul>\n    ),\n)\n\nBottomNavigationList.displayName = 'BottomNavigation.List'\n\nexport default BottomNavigationList\n"],"names":["BottomNavigationList","memo","children","className","gap","maxWidth","ref","style","width","props","jsx","cn","BOTTOM_NAVIGATION_STYLES","vars"],"mappings":";;;;;AAWA,MAAMA,IAAsDC;AAAA,EACxD,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,KAAAC,GAAK,UAAAC,GAAU,KAAAC,GAAK,OAAAC,GAAO,OAAAC,GAAO,GAAGC,EAAA,MACzD,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAJ;AAAA,MACC,GAAGG;AAAA,MACJ,WAAWE,EAAGC,EAAyB,MAAMT,CAAS;AAAA,MACtD,OAAO;AAAA,QACH,KAAKC,MAAQ,SAAYS,EAAK,MAAMT,CAAG,IAAI;AAAA,QAC3C,UAAAC;AAAA,QACA,OAAAG;AAAA,QACA,GAAGD;AAAA,MAAA;AAAA,MAGN,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGb;AAEAF,EAAqB,cAAc;"}

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/index.d.ts

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

package/dist/components/navigation/bottom-navigation/components/bottom-navigation-list/types/BottomNavigationList.props.d.ts

@@ -0,0 +1,12 @@
+import { BoxSpace } from '../../../../../layout/box/types/Box.types.ts';
+import type * as React from 'react';
+export type BottomNavigationListProps = Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> & React.RefAttributes<HTMLUListElement> & {
+    /** The `BottomNavigation.Item` elements rendered in the list. */
+    children: React.ReactNode;
+    /** Width of the item row. Defaults to `100%`. */
+    width?: React.CSSProperties['width'];
+    /** Maximum width of the item row. Defaults to `32rem`. */
+    maxWidth?: React.CSSProperties['maxWidth'];
+    /** Spacing token between navigation items. Defaults to `xxs`. */
+    gap?: BoxSpace;
+};

package/dist/components/navigation/bottom-navigation/context/BottomNavigation.context.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null);exports.BottomNavigationContext=e;
+//# sourceMappingURL=BottomNavigation.context.cjs.map

package/dist/components/navigation/bottom-navigation/context/BottomNavigation.context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.context.cjs","sources":["../../../../../src/components/navigation/bottom-navigation/context/BottomNavigation.context.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type BottomNavigationContextValue = {\n  value: string | undefined;\n  onValueChange: (value: string) => void;\n};\n\nexport const BottomNavigationContext =\n  createContext<BottomNavigationContextValue | null>(null)\n"],"names":["BottomNavigationContext","createContext"],"mappings":"yGAOaA,EACXC,EAAAA,cAAmD,IAAI"}

package/dist/components/navigation/bottom-navigation/context/BottomNavigation.context.d.ts

@@ -0,0 +1,6 @@
+import { Context } from 'react';
+export type BottomNavigationContextValue = {
+    value: string | undefined;
+    onValueChange: (value: string) => void;
+};
+export declare const BottomNavigationContext: Context<BottomNavigationContextValue | null>;

package/dist/components/navigation/bottom-navigation/context/BottomNavigation.context.js

@@ -0,0 +1,6 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as BottomNavigationContext
+};
+//# sourceMappingURL=BottomNavigation.context.js.map

package/dist/components/navigation/bottom-navigation/context/BottomNavigation.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.context.js","sources":["../../../../../src/components/navigation/bottom-navigation/context/BottomNavigation.context.ts"],"sourcesContent":["import { createContext } from 'react'\n\nexport type BottomNavigationContextValue = {\n  value: string | undefined;\n  onValueChange: (value: string) => void;\n};\n\nexport const BottomNavigationContext =\n  createContext<BottomNavigationContextValue | null>(null)\n"],"names":["BottomNavigationContext","createContext"],"mappings":";AAOO,MAAMA,IACXC,EAAmD,IAAI;"}

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

@@ -0,0 +1,5 @@
+export { default as BottomNavigation } from './BottomNavigation.tsx';
+export { BOTTOM_NAVIGATION_STYLES } from './styles/BottomNavigation.css.ts';
+export type { BottomNavigationCompound, BottomNavigationProps, } from './types';
+export type { BottomNavigationItemProps } from './components/bottom-navigation-item';
+export type { BottomNavigationListProps } from './components/bottom-navigation-list';

package/dist/components/navigation/bottom-navigation/styles/BottomNavigation.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit68.css');require('../../../../ui-kit.css');;/* empty css                                              */;/* empty css                                      */var e={root:"_15qilbm0",bordered:"_15qilbm1",list:"_15qilbm2",item:"_15qilbm3",control:"_15qilbm4",icon:"_15qilbm5",label:"_15qilbm6"};exports.BOTTOM_NAVIGATION_STYLES=e;
+//# sourceMappingURL=BottomNavigation.css.cjs.map

package/dist/components/navigation/bottom-navigation/styles/BottomNavigation.css.cjs.map

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

package/dist/components/navigation/bottom-navigation/styles/BottomNavigation.css.d.ts

@@ -0,0 +1,9 @@
+export declare const BOTTOM_NAVIGATION_STYLES: {
+    root: string;
+    bordered: string;
+    list: string;
+    item: string;
+    control: string;
+    icon: string;
+    label: string;
+};

package/dist/components/navigation/bottom-navigation/styles/BottomNavigation.css.js

@@ -0,0 +1,7 @@
+import '../../../../ui-kit68.css';import '../../../../ui-kit.css';/* empty css                                            */
+/* empty css                                    */
+var m = { root: "_15qilbm0", bordered: "_15qilbm1", list: "_15qilbm2", item: "_15qilbm3", control: "_15qilbm4", icon: "_15qilbm5", label: "_15qilbm6" };
+export {
+  m as BOTTOM_NAVIGATION_STYLES
+};
+//# sourceMappingURL=BottomNavigation.css.js.map

package/dist/components/navigation/bottom-navigation/styles/BottomNavigation.css.js.map

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

package/dist/components/navigation/bottom-navigation/types/BottomNavigation.props.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+export type BottomNavigationProps = Omit<React.HTMLAttributes<HTMLElement>, 'aria-label' | 'children'> & React.RefAttributes<HTMLElement> & {
+    /** Accessible name for the bottom navigation landmark. */
+    'aria-label': string;
+    /** The `BottomNavigation.List` containing the navigation items. */
+    children: React.ReactNode;
+    /** The selected item value in controlled mode. */
+    value?: string;
+    /** The initially selected item value in uncontrolled mode. */
+    defaultValue?: string;
+    /** Called when an enabled item is selected. */
+    onValueChange?: (value: string) => void;
+    /** Adds a theme-colored border to the top edge. */
+    bordered?: boolean;
+};

package/dist/components/navigation/bottom-navigation/types/BottomNavigationCompound.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { default as BottomNavigationItem } from '../components/bottom-navigation-item/BottomNavigationItem.tsx';
+import { default as BottomNavigationList } from '../components/bottom-navigation-list/BottomNavigationList.tsx';
+import { BottomNavigationProps } from './BottomNavigation.props.ts';
+export type BottomNavigationCompound = FC<BottomNavigationProps> & {
+    List: typeof BottomNavigationList;
+    Item: typeof BottomNavigationItem;
+};

package/dist/components/navigation/bottom-navigation/types/index.d.ts

@@ -0,0 +1,2 @@
+export type { BottomNavigationCompound } from './BottomNavigationCompound.ts';
+export type { BottomNavigationProps } from './BottomNavigation.props.ts';

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit40.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-kit17.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-kit40.css';import '../../../../ui-kit.css';/* empty css                                            */
+import '../../../../ui-kit17.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/index.d.ts

@@ -4,3 +4,4 @@ export * from './pagination';
 export * from './breadcrumbs';
 export * from './stepper';
 export * from './step-indicator';
+export * from './bottom-navigation';

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit34.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",ring:"_1t4susp3s",highlight:"_1t4susp3t",highlightForeground:"_1t4susp3u",skeleton:"_1t4susp3v",skeletonForeground:"_1t4susp3w",transparent:"_1t4susp3x"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit63.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",ring:"_1t4susp3s",highlight:"_1t4susp3t",highlightForeground:"_1t4susp3u",skeleton:"_1t4susp3v",skeletonForeground:"_1t4susp3w",transparent:"_1t4susp3x"}},defaultVariants:{},compoundVariants:[]})};exports.LINK_STYLES=t;
 //# sourceMappingURL=Link.css.cjs.map