@choco-vanille/ui 1.1.0 → 1.1.2

package/dist/components/layout/legend/Legend.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Legend.js","sources":["../../../../src/components/layout/legend/Legend.tsx"],"sourcesContent":["import { Typography } from '@components/foundation/typography'\r\nimport { LEGEND_STYLES } from '@components/layout/legend/styles/Legend.css.ts'\r\nimport type { LegendProps } from '@components/layout/legend/types/Legend.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { forwardRef, memo } from 'react'\r\n\r\n/**\r\n * A thin wrapper around the native `<legend>` element.\r\n *\r\n * `Legend` provides the accessible name for a `Fieldset`. Screen readers\r\n * announce the legend text when the user enters or focuses controls inside\r\n * the fieldset, so the group purpose is always clear.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Fieldset>\r\n *   <Legend>Notification preferences</Legend>\r\n *   <Checkbox label=\"Email\" />\r\n *   <Checkbox label=\"Push\" />\r\n * </Fieldset>\r\n * ```\r\n */\r\nconst Legend = memo(forwardRef<HTMLLegendElement, LegendProps>(\r\n    ({ className, children, ...props }, ref) => (\r\n        <Typography\r\n            ref={ref}\r\n            as={'legend'}\r\n            variant={'label'}\r\n            className={cn(LEGEND_STYLES.root, className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </Typography>\r\n    ),\r\n))\r\n\r\nLegend.displayName = 'Legend'\r\n\r\nexport default Legend\r\n"],"names":["Legend","memo","forwardRef","className","children","props","ref","jsx","Typography","cn","LEGEND_STYLES"],"mappings":";;;;;;AAsBA,MAAMA,IAASC,EAAKC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAASC,MAChC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAF;AAAA,MACA,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,WAAWG,EAAGC,EAAc,MAAMP,CAAS;AAAA,MAC1C,GAAGE;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;AAEDJ,EAAO,cAAc;"}

package/dist/components/layout/legend/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Legend } from './Legend.tsx';
+export { LEGEND_STYLES } from './styles/Legend.css.ts';
+export type { LegendProps } from './types/Legend.props.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* 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.cjs.map

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

package/dist/components/layout/legend/styles/Legend.css.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Minimal reset and spacing for the legend element.
+ *
+ * Browsers apply inconsistent padding to `<legend>`. We remove it and add a
+ * small bottom margin so the legend sits cleanly above the grouped controls.
+ */
+export declare const LEGEND_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                          */
+var t = { root: "_1crb3420" };
+export {
+  t as LEGEND_STYLES
+};
+//# sourceMappingURL=Legend.css.js.map

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

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

package/dist/components/layout/legend/types/Legend.props.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from '../../../foundation/typography';
+/** Props for the Legend component. Inherits all Typography props except `as`. */
+export type LegendProps = Omit<TypographyProps, 'as'>;

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

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),c=require("../box/Box.cjs"),i=require("./styles/Separator.css.cjs"),n=require("../../../utils/cn.cjs"),u=require("react"),e=u.memo(({orientation:r="horizontal",color:s,className:t,...o})=>a.jsx(c,{as:"div",role:"separator",className:n.cn(i.SEPARATOR_STYLES.recipe({orientation:r,color:s}),t),...o}));e.displayName="Separator";module.exports=e;
+//# sourceMappingURL=Separator.cjs.map

package/dist/components/layout/separator/Separator.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.cjs","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(SEPARATOR_STYLES.recipe({ orientation, color }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","className","props","jsx","Box","cn","SEPARATOR_STYLES"],"mappings":"4KAUMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,YAAAC,EAAc,aACd,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,KAAM,YACN,UAAWC,EAAAA,GAAGC,EAAAA,iBAAiB,OAAO,CAAE,YAAAP,EAAa,MAAAC,CAAA,CAAO,EAAGC,CAAS,EACvE,GAAGC,CAAA,CAAA,CAGf,EAEDL,EAAU,YAAc"}

package/dist/components/layout/separator/Separator.d.ts

@@ -0,0 +1,8 @@
+import { SeparatorProps } from './types/Separator.props.ts';
+import { FC } from 'react';
+/**
+ * A thin visual divider used to separate content.
+ * Renders a horizontal line by default; use `orientation="vertical"` for a vertical rule.
+ */
+declare const Separator: FC<SeparatorProps>;
+export default Separator;

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

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import e from "../box/Box.js";
+import { SEPARATOR_STYLES as p } from "./styles/Separator.css.js";
+import { cn as i } from "../../../utils/cn.js";
+import { memo as s } from "react";
+const f = s(({
+  orientation: r = "horizontal",
+  color: o,
+  className: a,
+  ...m
+}) => /* @__PURE__ */ t(
+  e,
+  {
+    as: "div",
+    role: "separator",
+    className: i(p.recipe({ orientation: r, color: o }), a),
+    ...m
+  }
+));
+f.displayName = "Separator";
+export {
+  f as default
+};
+//# sourceMappingURL=Separator.js.map

package/dist/components/layout/separator/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sources":["../../../../src/components/layout/separator/Separator.tsx"],"sourcesContent":["import Box from '@components/layout/box/Box.tsx'\r\nimport { SEPARATOR_STYLES } from '@components/layout/separator/styles/Separator.css.ts'\r\nimport type { SeparatorProps } from '@components/layout/separator/types/Separator.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * A thin visual divider used to separate content.\r\n * Renders a horizontal line by default; use `orientation=\"vertical\"` for a vertical rule.\r\n */\r\nconst Separator: FC<SeparatorProps> = memo(({\r\n    orientation = 'horizontal',\r\n    color,\r\n    className,\r\n    ...props\r\n}) => {\r\n    return (\r\n        <Box\r\n            as={'div'}\r\n            role={'separator'}\r\n            className={cn(SEPARATOR_STYLES.recipe({ orientation, color }), className)}\r\n            {...props}\r\n        />\r\n    )\r\n})\r\n\r\nSeparator.displayName = 'Separator'\r\n\r\nexport default Separator\r\n"],"names":["Separator","memo","orientation","color","className","props","jsx","Box","cn","SEPARATOR_STYLES"],"mappings":";;;;;AAUA,MAAMA,IAAgCC,EAAK,CAAC;AAAA,EACxC,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,IAAI;AAAA,IACJ,MAAM;AAAA,IACN,WAAWC,EAAGC,EAAiB,OAAO,EAAE,aAAAP,GAAa,OAAAC,EAAA,CAAO,GAAGC,CAAS;AAAA,IACvE,GAAGC;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAU,cAAc;"}

package/dist/components/layout/separator/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Separator } from './Separator.tsx';
+export { SEPARATOR_STYLES } from './styles/Separator.css.ts';
+export type { SeparatorRecipeVariants } from './styles/Separator.css.ts';
+export type { SeparatorProps } from './types/Separator.props.ts';
+export type { SeparatorOrientation } from './types/Separator.types.ts';

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

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

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

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

package/dist/components/layout/separator/styles/Separator.css.d.ts

@@ -0,0 +1,17 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const SEPARATOR_STYLES: {
+    recipe: RuntimeFn<{
+        orientation: {
+            horizontal: {
+                width: "100%";
+                height: "1px";
+            };
+            vertical: {
+                width: "1px";
+                height: "100%";
+            };
+        };
+        color: Record<"background" | "foreground" | "text" | "textSecondary" | "textTertiary" | "card" | "cardForeground" | "popover" | "popoverForeground" | "muted" | "mutedForeground" | "overlay" | "primary" | "primaryHover" | "primaryActive" | "primaryForeground" | "primarySubtle" | "primarySubtleHover" | "primarySubtleActive" | "primarySubtleForeground" | "primarySubtleBorder" | "link" | "linkHover" | "linkActive" | "secondary" | "secondaryHover" | "secondaryActive" | "secondaryForeground" | "secondarySubtle" | "secondarySubtleHover" | "secondarySubtleActive" | "secondarySubtleForeground" | "secondarySubtleBorder" | "tertiary" | "tertiaryHover" | "tertiaryActive" | "tertiaryForeground" | "tertiarySubtle" | "tertiarySubtleHover" | "tertiarySubtleActive" | "tertiarySubtleForeground" | "tertiarySubtleBorder" | "success" | "successHover" | "successActive" | "successForeground" | "successSubtle" | "successSubtleHover" | "successSubtleActive" | "successSubtleForeground" | "successSubtleBorder" | "warning" | "warningHover" | "warningActive" | "warningForeground" | "warningSubtle" | "warningSubtleHover" | "warningSubtleActive" | "warningSubtleForeground" | "warningSubtleBorder" | "info" | "infoHover" | "infoActive" | "infoForeground" | "infoSubtle" | "infoSubtleHover" | "infoSubtleActive" | "infoSubtleForeground" | "infoSubtleBorder" | "destructive" | "destructiveHover" | "destructiveActive" | "destructiveForeground" | "destructiveSubtle" | "destructiveSubtleHover" | "destructiveSubtleActive" | "destructiveSubtleForeground" | "destructiveSubtleBorder" | "purple" | "purpleHover" | "purpleActive" | "purpleForeground" | "purpleSubtle" | "purpleSubtleHover" | "purpleSubtleActive" | "purpleSubtleForeground" | "purpleSubtleBorder" | "pink" | "pinkHover" | "pinkActive" | "pinkForeground" | "pinkSubtle" | "pinkSubtleHover" | "pinkSubtleActive" | "pinkSubtleForeground" | "pinkSubtleBorder" | "orange" | "orangeHover" | "orangeActive" | "orangeForeground" | "orangeSubtle" | "orangeSubtleHover" | "orangeSubtleActive" | "orangeSubtleForeground" | "orangeSubtleBorder" | "teal" | "tealHover" | "tealActive" | "tealForeground" | "tealSubtle" | "tealSubtleHover" | "tealSubtleActive" | "tealSubtleForeground" | "tealSubtleBorder" | "cyan" | "cyanHover" | "cyanActive" | "cyanForeground" | "cyanSubtle" | "cyanSubtleHover" | "cyanSubtleActive" | "cyanSubtleForeground" | "cyanSubtleBorder" | "indigo" | "indigoHover" | "indigoActive" | "indigoForeground" | "indigoSubtle" | "indigoSubtleHover" | "indigoSubtleActive" | "indigoSubtleForeground" | "indigoSubtleBorder" | "border" | "borderStrong" | "input" | "ring" | "highlight" | "highlightForeground" | "skeleton" | "skeletonForeground" | "transparent", Record<string, string>>;
+    }>;
+};
+export type SeparatorRecipeVariants = NonNullable<RecipeVariants<typeof SEPARATOR_STYLES.recipe>>;

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

@@ -0,0 +1,8 @@
+/* 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: [] }) };
+export {
+  x as SEPARATOR_STYLES
+};
+//# sourceMappingURL=Separator.css.js.map

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

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

package/dist/components/layout/separator/types/Separator.props.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../../box/types/Box.props.ts';
+import { SeparatorRecipeVariants } from '../styles/Separator.css.ts';
+export type SeparatorProps = Omit<BoxProps, 'children'> & {
+    /** The orientation of the separator. Defaults to `horizontal`. */
+    orientation?: SeparatorRecipeVariants['orientation'];
+    /** The theme color token applied to the separator's background color. */
+    color?: SeparatorRecipeVariants['color'];
+};

package/dist/components/layout/separator/types/Separator.types.d.ts

@@ -0,0 +1,2 @@
+/** Orientation values for the Separator component. */
+export type SeparatorOrientation = 'horizontal' | 'vertical';

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

@@ -0,0 +1,2 @@
+export * from './tabs';
+export * from './link';

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

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

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

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

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

@@ -0,0 +1,4 @@
+import { LinkProps } from './types/Link.props.ts';
+import type * as React from 'react';
+declare const Link: React.FC<LinkProps>;
+export default Link;

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

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

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

@@ -0,0 +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    startIcon,\r\n    endIcon,\r\n    fontSize = 'md',\r\n    fontWeight = 'medium',\r\n    iconSize = 'md',\r\n    ...props\r\n}) => {\r\n    const handleClick = useCallback(\r\n        (event: React.MouseEvent<HTMLAnchorElement>) => {\r\n            if (onClick) {\r\n                event.preventDefault()\r\n                onClick(event)\r\n            }\r\n        },\r\n        [onClick],\r\n    )\r\n\r\n    return (\r\n        <a\r\n            ref={ref}\r\n            href={href}\r\n            className={cn(LINK_STYLES.base, className)}\r\n            onClick={handleClick}\r\n            {...props}\r\n        >\r\n            {startIcon && (\r\n                <Icon\r\n                    icon={startIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n            {label && (\r\n                <Typography\r\n                    as={'span'}\r\n                    variant={'span'}\r\n                    fontSize={fontSize}\r\n                    fontWeight={fontWeight}\r\n                >\r\n                    {label}\r\n                </Typography>\r\n            )}\r\n            {endIcon && (\r\n                <Icon\r\n                    icon={endIcon}\r\n                    size={iconSize}\r\n                />\r\n            )}\r\n        </a>\r\n    )\r\n})\r\n\r\nLink.displayName = 'Link'\r\n\r\nexport default Link\r\n"],"names":["Link","memo","href","className","onClick","ref","label","startIcon","endIcon","fontSize","fontWeight","iconSize","props","handleClick","useCallback","event","jsxs","cn","LINK_STYLES","jsx","Icon","Typography"],"mappings":";;;;;;;;AASA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;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,MAAIX,MACAW,EAAM,eAAA,GACNX,EAAQW,CAAK;AAAA,IAErB;AAAA,IACA,CAACX,CAAO;AAAA,EAAA;AAGZ,SACI,gBAAAY;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAAX;AAAA,MACA,MAAAH;AAAA,MACA,WAAWe,EAAGC,EAAY,MAAMf,CAAS;AAAA,MACzC,SAASU;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,QAGbL,KACG,gBAAAa;AAAA,UAACE;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,SAAS;AAAA,YACT,UAAAZ;AAAA,YACA,YAAAC;AAAA,YAEC,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRE,KACG,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,MAAMZ;AAAA,YACN,MAAMG;AAAA,UAAA;AAAA,QAAA;AAAA,MACV;AAAA,IAAA;AAAA,EAAA;AAIhB,CAAC;AAEDX,EAAK,cAAc;"}

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

@@ -0,0 +1,3 @@
+export { default as Link } from './Link.tsx';
+export { LINK_STYLES } from './styles/Link.css.ts';
+export type { LinkProps } from './types/Link.props.ts';

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                              */;/* empty css                          */var e={base:"_1t4susp0"};exports.LINK_STYLES=e;
+//# sourceMappingURL=Link.css.cjs.map

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

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

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

@@ -0,0 +1,3 @@
+export declare const LINK_STYLES: {
+    base: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                        */
+var t = { base: "_1t4susp0" };
+export {
+  t as LINK_STYLES
+};
+//# sourceMappingURL=Link.css.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { IconSize } from '../../../foundation/icon';
+import { TypographySize, TypographyWeight } from '../../../foundation/typography';
+import { RefAttributes } from 'react';
+import type * as React from 'react';
+export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> & RefAttributes<HTMLAnchorElement> & {
+    /** The destination URL rendered as the native `href` attribute. */
+    href?: string;
+    /** The visible text label rendered inside the link. */
+    label: string;
+    /** Optional Iconify icon name rendered before the label. */
+    startIcon?: string;
+    /** Optional Iconify icon name rendered after the label. */
+    endIcon?: string;
+    /** Typography size of the label. Defaults to `base`. */
+    fontSize?: TypographySize;
+    /** Typography weight of the label. Defaults to `medium`. */
+    fontWeight?: TypographyWeight;
+    /** Size of the start/end icons. Defaults to `md`. */
+    iconSize?: IconSize;
+};

package/dist/components/navigation/tabs/Tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";const t=require("react/jsx-runtime"),r=require("react"),i=require("@base-ui/react/tabs"),o=require("./components/tabs-content/TabsContent.cjs"),n=require("./components/tabs-list/TabsList.cjs"),a=require("./components/tabs-trigger/TabsTrigger.cjs"),e=r.memo(s=>t.jsx(i.Tabs.Root,{...s}));e.displayName="Tabs";e.List=n;e.Trigger=a;e.Content=o;module.exports=e;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/navigation/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport TabsContent from '@components/navigation/tabs/components/tabs-content/TabsContent.tsx'\r\nimport TabsList from '@components/navigation/tabs/components/tabs-list/TabsList.tsx'\r\nimport TabsTrigger from '@components/navigation/tabs/components/tabs-trigger/TabsTrigger.tsx'\r\nimport type { TabsCompound } from '@components/navigation/tabs/types'\r\nimport type { TabsProps } from '@components/navigation/tabs/types/Tabs.props.ts'\r\n\r\n/**\r\n * A styled tab interface built on top of `@base-ui/react/tabs`.\r\n *\r\n * Composes `Tabs`, `Tabs.List`, `Tabs.Trigger`, and `Tabs.Content`.\r\n * Supports controlled (`value` + `onValueChange`) and uncontrolled\r\n * (`defaultValue`) modes, disabled triggers, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Tabs defaultValue=\"account\">\r\n *   <Tabs.List aria-label=\"User settings\">\r\n *     <Tabs.Trigger value=\"account\" label=\"Account\" />\r\n *     <Tabs.Trigger value=\"password\" label=\"Password\" />\r\n *   </Tabs.List>\r\n *   <Tabs.Content value=\"account\">Account settings</Tabs.Content>\r\n *   <Tabs.Content value=\"password\">Password settings</Tabs.Content>\r\n * </Tabs>\r\n * ```\r\n */\r\nconst Tabs = memo<TabsProps>((props) => (\r\n    <BaseTabs.Root {...props} />\r\n)) as unknown as TabsCompound\r\n\r\nTabs.displayName = 'Tabs'\r\nTabs.List = TabsList\r\nTabs.Trigger = TabsTrigger\r\nTabs.Content = TabsContent\r\n\r\nexport default Tabs\r\n"],"names":["Tabs","memo","props","jsx","BaseTabs","TabsList","TabsTrigger","TabsContent"],"mappings":"qQA6BMA,EAAOC,EAAAA,KAAiBC,GAC1BC,EAAAA,IAACC,EAAAA,KAAS,KAAT,CAAe,GAAGF,EAAO,CAC7B,EAEDF,EAAK,YAAc,OACnBA,EAAK,KAAOK,EACZL,EAAK,QAAUM,EACfN,EAAK,QAAUO"}

package/dist/components/navigation/tabs/Tabs.d.ts

@@ -0,0 +1,22 @@
+import { TabsCompound } from './types';
+/**
+ * A styled tab interface built on top of `@base-ui/react/tabs`.
+ *
+ * Composes `Tabs`, `Tabs.List`, `Tabs.Trigger`, and `Tabs.Content`.
+ * Supports controlled (`value` + `onValueChange`) and uncontrolled
+ * (`defaultValue`) modes, disabled triggers, and keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * <Tabs defaultValue="account">
+ *   <Tabs.List aria-label="User settings">
+ *     <Tabs.Trigger value="account" label="Account" />
+ *     <Tabs.Trigger value="password" label="Password" />
+ *   </Tabs.List>
+ *   <Tabs.Content value="account">Account settings</Tabs.Content>
+ *   <Tabs.Content value="password">Password settings</Tabs.Content>
+ * </Tabs>
+ * ```
+ */
+declare const Tabs: TabsCompound;
+export default Tabs;

package/dist/components/navigation/tabs/Tabs.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { Tabs as s } from "@base-ui/react/tabs";
+import a from "./components/tabs-content/TabsContent.js";
+import i from "./components/tabs-list/TabsList.js";
+import T from "./components/tabs-trigger/TabsTrigger.js";
+const o = m((r) => /* @__PURE__ */ t(s.Root, { ...r }));
+o.displayName = "Tabs";
+o.List = i;
+o.Trigger = T;
+o.Content = a;
+export {
+  o as default
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/navigation/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/navigation/tabs/Tabs.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport TabsContent from '@components/navigation/tabs/components/tabs-content/TabsContent.tsx'\r\nimport TabsList from '@components/navigation/tabs/components/tabs-list/TabsList.tsx'\r\nimport TabsTrigger from '@components/navigation/tabs/components/tabs-trigger/TabsTrigger.tsx'\r\nimport type { TabsCompound } from '@components/navigation/tabs/types'\r\nimport type { TabsProps } from '@components/navigation/tabs/types/Tabs.props.ts'\r\n\r\n/**\r\n * A styled tab interface built on top of `@base-ui/react/tabs`.\r\n *\r\n * Composes `Tabs`, `Tabs.List`, `Tabs.Trigger`, and `Tabs.Content`.\r\n * Supports controlled (`value` + `onValueChange`) and uncontrolled\r\n * (`defaultValue`) modes, disabled triggers, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Tabs defaultValue=\"account\">\r\n *   <Tabs.List aria-label=\"User settings\">\r\n *     <Tabs.Trigger value=\"account\" label=\"Account\" />\r\n *     <Tabs.Trigger value=\"password\" label=\"Password\" />\r\n *   </Tabs.List>\r\n *   <Tabs.Content value=\"account\">Account settings</Tabs.Content>\r\n *   <Tabs.Content value=\"password\">Password settings</Tabs.Content>\r\n * </Tabs>\r\n * ```\r\n */\r\nconst Tabs = memo<TabsProps>((props) => (\r\n    <BaseTabs.Root {...props} />\r\n)) as unknown as TabsCompound\r\n\r\nTabs.displayName = 'Tabs'\r\nTabs.List = TabsList\r\nTabs.Trigger = TabsTrigger\r\nTabs.Content = TabsContent\r\n\r\nexport default Tabs\r\n"],"names":["Tabs","memo","props","jsx","BaseTabs","TabsList","TabsTrigger","TabsContent"],"mappings":";;;;;;AA6BA,MAAMA,IAAOC,EAAgB,CAACC,MAC1B,gBAAAC,EAACC,EAAS,MAAT,EAAe,GAAGF,GAAO,CAC7B;AAEDF,EAAK,cAAc;AACnBA,EAAK,OAAOK;AACZL,EAAK,UAAUM;AACfN,EAAK,UAAUO;"}

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.cjs

@@ -0,0 +1,2 @@
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),r=require("@base-ui/react/tabs"),c=require("./styles/TabsContent.css.cjs"),a=require("../../../../../utils/cn.cjs"),e=o.memo(({className:s,...t})=>n.jsx(r.Tabs.Panel,{className:a.cn(c.TABS_CONTENT_STYLES.root,s),...t}));e.displayName="Tabs.Content";module.exports=e;
+//# sourceMappingURL=TabsContent.cjs.map

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.cjs","sources":["../../../../../../src/components/navigation/tabs/components/tabs-content/TabsContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_CONTENT_STYLES } from '@components/navigation/tabs/components/tabs-content/styles/TabsContent.css.ts'\r\nimport type { TabsContentProps } from '@components/navigation/tabs/components/tabs-content/types/TabsContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Panel shown when its associated trigger is active.\r\n */\r\nconst TabsContent: FC<TabsContentProps> = memo(({ className, ...props }) => (\r\n    <BaseTabs.Panel\r\n        className={cn(TABS_CONTENT_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTabsContent.displayName = 'Tabs.Content'\r\n\r\nexport default TabsContent\r\n"],"names":["TabsContent","memo","className","props","jsx","BaseTabs","cn","TABS_CONTENT_STYLES"],"mappings":"yLAWMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAC5DC,EAAAA,IAACC,EAAAA,KAAS,MAAT,CACG,UAAWC,EAAAA,GAAGC,sBAAoB,KAAML,CAAS,EAChD,GAAGC,CAAA,CACR,CACH,EAEDH,EAAY,YAAc"}

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TabsContentProps } from './types/TabsContent.props.ts';
+/**
+ * Panel shown when its associated trigger is active.
+ */
+declare const TabsContent: FC<TabsContentProps>;
+export default TabsContent;

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as r } from "react";
+import { Tabs as a } from "@base-ui/react/tabs";
+import { TABS_CONTENT_STYLES as s } from "./styles/TabsContent.css.js";
+import { cn as e } from "../../../../../utils/cn.js";
+const n = r(({ className: o, ...m }) => /* @__PURE__ */ t(
+  a.Panel,
+  {
+    className: e(s.root, o),
+    ...m
+  }
+));
+n.displayName = "Tabs.Content";
+export {
+  n as default
+};
+//# sourceMappingURL=TabsContent.js.map

package/dist/components/navigation/tabs/components/tabs-content/TabsContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContent.js","sources":["../../../../../../src/components/navigation/tabs/components/tabs-content/TabsContent.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_CONTENT_STYLES } from '@components/navigation/tabs/components/tabs-content/styles/TabsContent.css.ts'\r\nimport type { TabsContentProps } from '@components/navigation/tabs/components/tabs-content/types/TabsContent.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Panel shown when its associated trigger is active.\r\n */\r\nconst TabsContent: FC<TabsContentProps> = memo(({ className, ...props }) => (\r\n    <BaseTabs.Panel\r\n        className={cn(TABS_CONTENT_STYLES.root, className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nTabsContent.displayName = 'Tabs.Content'\r\n\r\nexport default TabsContent\r\n"],"names":["TabsContent","memo","className","props","jsx","BaseTabs","cn","TABS_CONTENT_STYLES"],"mappings":";;;;;AAWA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAC5D,gBAAAC;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAAoB,MAAML,CAAS;AAAA,IAChD,GAAGC;AAAA,EAAA;AACR,CACH;AAEDH,EAAY,cAAc;"}

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                                 */var e={root:"tl8h4l0"};exports.TABS_CONTENT_STYLES=e;
+//# sourceMappingURL=TabsContent.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.cjs.map

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

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.d.ts

@@ -0,0 +1,3 @@
+export declare const TABS_CONTENT_STYLES: {
+    root: string;
+};

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                               */
+var t = { root: "tl8h4l0" };
+export {
+  t as TABS_CONTENT_STYLES
+};
+//# sourceMappingURL=TabsContent.css.js.map

package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js.map

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

package/dist/components/navigation/tabs/components/tabs-content/types/TabsContent.props.d.ts

@@ -0,0 +1,2 @@
+import { Tabs } from '@base-ui/react/tabs';
+export type TabsContentProps = Tabs.Panel.Props;

package/dist/components/navigation/tabs/components/tabs-list/TabsList.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),o=require("@base-ui/react/tabs"),u=require("./styles/TabsList.css.cjs"),T=require("../../context/TabsVariant.context.cjs"),b=require("../../../../../utils/cn.cjs"),t=n.memo(({className:a,variant:s="default",bordered:c=!1,activationMode:i,...r})=>e.jsx(T.TabsVariantContext.Provider,{value:{variant:s},children:e.jsx(o.Tabs.List,{className:b.cn(u.TABS_LIST_STYLES.recipe({variant:s,bordered:c}),a),activateOnFocus:i==="automatic",...r})}));t.displayName="Tabs.List";module.exports=t;
+//# sourceMappingURL=TabsList.cjs.map

package/dist/components/navigation/tabs/components/tabs-list/TabsList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.cjs","sources":["../../../../../../src/components/navigation/tabs/components/tabs-list/TabsList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_LIST_STYLES } from '@components/navigation/tabs/components/tabs-list/styles/TabsList.css.ts'\r\nimport type { TabsListProps } from '@components/navigation/tabs/components/tabs-list/types/TabsList.props.ts'\r\nimport { TabsVariantContext } from '@components/navigation/tabs/context/TabsVariant.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Container for tab triggers. Provide an accessible name via `aria-label`\r\n * or `aria-labelledby`. The `variant` prop is shared with `Tabs.Trigger`\r\n * via context so triggers automatically match the list's visual style.\r\n */\r\nconst TabsList: FC<TabsListProps> = memo(({ className, variant = 'default', bordered = false, activationMode, ...props }) => (\r\n    <TabsVariantContext.Provider value={{ variant }}>\r\n        <BaseTabs.List\r\n            className={cn(TABS_LIST_STYLES.recipe({ variant, bordered }), className)}\r\n            activateOnFocus={activationMode === 'automatic'}\r\n            {...props}\r\n        />\r\n    </TabsVariantContext.Provider>\r\n))\r\n\r\nTabsList.displayName = 'Tabs.List'\r\n\r\nexport default TabsList\r\n"],"names":["TabsList","memo","className","variant","bordered","activationMode","props","TabsVariantContext","jsx","BaseTabs","cn","TABS_LIST_STYLES"],"mappings":"yOAcMA,EAA8BC,EAAAA,KAAK,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAU,UAAW,SAAAC,EAAW,GAAO,eAAAC,EAAgB,GAAGC,WAC5GC,EAAAA,mBAAmB,SAAnB,CAA4B,MAAO,CAAE,QAAAJ,GAClC,SAAAK,EAAAA,IAACC,EAAAA,KAAS,KAAT,CACG,UAAWC,EAAAA,GAAGC,EAAAA,iBAAiB,OAAO,CAAE,QAAAR,EAAS,SAAAC,CAAA,CAAU,EAAGF,CAAS,EACvE,gBAAiBG,IAAmB,YACnC,GAAGC,CAAA,CACR,EACJ,CACH,EAEDN,EAAS,YAAc"}

package/dist/components/navigation/tabs/components/tabs-list/TabsList.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { TabsListProps } from './types/TabsList.props.ts';
+/**
+ * Container for tab triggers. Provide an accessible name via `aria-label`
+ * or `aria-labelledby`. The `variant` prop is shared with `Tabs.Trigger`
+ * via context so triggers automatically match the list's visual style.
+ */
+declare const TabsList: FC<TabsListProps>;
+export default TabsList;

package/dist/components/navigation/tabs/components/tabs-list/TabsList.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { memo as s } from "react";
+import { Tabs as e } from "@base-ui/react/tabs";
+import { TABS_LIST_STYLES as f } from "./styles/TabsList.css.js";
+import { TabsVariantContext as p } from "../../context/TabsVariant.context.js";
+import { cn as c } from "../../../../../utils/cn.js";
+const l = s(({ className: a, variant: o = "default", bordered: m = !1, activationMode: r, ...i }) => /* @__PURE__ */ t(p.Provider, { value: { variant: o }, children: /* @__PURE__ */ t(
+  e.List,
+  {
+    className: c(f.recipe({ variant: o, bordered: m }), a),
+    activateOnFocus: r === "automatic",
+    ...i
+  }
+) }));
+l.displayName = "Tabs.List";
+export {
+  l as default
+};
+//# sourceMappingURL=TabsList.js.map

package/dist/components/navigation/tabs/components/tabs-list/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","sources":["../../../../../../src/components/navigation/tabs/components/tabs-list/TabsList.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Tabs as BaseTabs } from '@base-ui/react/tabs'\r\n\r\nimport { TABS_LIST_STYLES } from '@components/navigation/tabs/components/tabs-list/styles/TabsList.css.ts'\r\nimport type { TabsListProps } from '@components/navigation/tabs/components/tabs-list/types/TabsList.props.ts'\r\nimport { TabsVariantContext } from '@components/navigation/tabs/context/TabsVariant.context.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/**\r\n * Container for tab triggers. Provide an accessible name via `aria-label`\r\n * or `aria-labelledby`. The `variant` prop is shared with `Tabs.Trigger`\r\n * via context so triggers automatically match the list's visual style.\r\n */\r\nconst TabsList: FC<TabsListProps> = memo(({ className, variant = 'default', bordered = false, activationMode, ...props }) => (\r\n    <TabsVariantContext.Provider value={{ variant }}>\r\n        <BaseTabs.List\r\n            className={cn(TABS_LIST_STYLES.recipe({ variant, bordered }), className)}\r\n            activateOnFocus={activationMode === 'automatic'}\r\n            {...props}\r\n        />\r\n    </TabsVariantContext.Provider>\r\n))\r\n\r\nTabsList.displayName = 'Tabs.List'\r\n\r\nexport default TabsList\r\n"],"names":["TabsList","memo","className","variant","bordered","activationMode","props","TabsVariantContext","jsx","BaseTabs","cn","TABS_LIST_STYLES"],"mappings":";;;;;;AAcA,MAAMA,IAA8BC,EAAK,CAAC,EAAE,WAAAC,GAAW,SAAAC,IAAU,WAAW,UAAAC,IAAW,IAAO,gBAAAC,GAAgB,GAAGC,0BAC5GC,EAAmB,UAAnB,EAA4B,OAAO,EAAE,SAAAJ,KAClC,UAAA,gBAAAK;AAAA,EAACC,EAAS;AAAA,EAAT;AAAA,IACG,WAAWC,EAAGC,EAAiB,OAAO,EAAE,SAAAR,GAAS,UAAAC,EAAA,CAAU,GAAGF,CAAS;AAAA,IACvE,iBAAiBG,MAAmB;AAAA,IACnC,GAAGC;AAAA,EAAA;AACR,GACJ,CACH;AAEDN,EAAS,cAAc;"}

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css                                                    */;/* empty css                              */const r=require("@vanilla-extract/recipes/createRuntimeFn");var e={recipe:r.createRuntimeFn({defaultClassName:"_17rcrtd0",variantClassNames:{variant:{default:"_17rcrtd1",pills:"_17rcrtd2"},bordered:{true:"_17rcrtd3",false:"_17rcrtd4"}},defaultVariants:{variant:"default",bordered:!1},compoundVariants:[[{variant:"default",bordered:!0},"_17rcrtd5"]]})};exports.TABS_LIST_STYLES=e;
+//# sourceMappingURL=TabsList.css.cjs.map

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.cjs.map

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

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.d.ts

@@ -0,0 +1,20 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const TABS_LIST_STYLES: {
+    recipe: RuntimeFn<{
+        variant: {
+            default: {
+                gap: `var(--${string})`;
+            };
+            pills: {
+                gap: `var(--${string})`;
+                padding: `var(--${string})`;
+                borderRadius: `var(--${string})`;
+            };
+        };
+        bordered: {
+            true: {};
+            false: {};
+        };
+    }>;
+};
+export type TabsListRecipeVariants = NonNullable<RecipeVariants<typeof TABS_LIST_STYLES.recipe>>;

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.js

@@ -0,0 +1,8 @@
+/* empty css                                                  */
+/* empty css                            */
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+var d = { recipe: r({ defaultClassName: "_17rcrtd0", variantClassNames: { variant: { default: "_17rcrtd1", pills: "_17rcrtd2" }, bordered: { true: "_17rcrtd3", false: "_17rcrtd4" } }, defaultVariants: { variant: "default", bordered: !1 }, compoundVariants: [[{ variant: "default", bordered: !0 }, "_17rcrtd5"]] }) };
+export {
+  d as TABS_LIST_STYLES
+};
+//# sourceMappingURL=TabsList.css.js.map

package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.js.map

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

package/dist/components/navigation/tabs/components/tabs-list/types/TabsList.props.d.ts

@@ -0,0 +1,10 @@
+import { Tabs } from '@base-ui/react/tabs';
+import { TabsVariant } from '../../../context/TabsVariant.context.ts';
+export type TabsListProps = Tabs.List.Props & {
+    /** Visual style shared with all `Tabs.Trigger` children. @default 'default' */
+    variant?: TabsVariant;
+    /** Shows a bottom divider under the list (only visible on the `default` variant). @default false */
+    bordered?: boolean;
+    /** Whether tabs are activated automatically on focus or manually via Enter/Space. @default 'automatic' */
+    activationMode?: 'automatic' | 'manual';
+};