@bergetai/ui 0.16.1 → 0.17.0

package/dist/components/button/anchorVariants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchorVariants.mjs","names":[],"sources":["../../../src/components/button/anchorVariants.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { buttonVariants } from '../../primitives/button';\nimport type { VariantProps } from 'class-variance-authority';\nimport {\n  brandVariantClasses,\n  interactionClasses,\n  primitiveVariant,\n  type CustomVariant,\n} from './Button';\n\n/** Props for {@link anchorVariants}. Consumes like `buttonVariants` with the\n * same variant union as the `Button` wrapper. */\nexport interface AnchorVariantsProps {\n  /** Visual style variant — same union as `Button`'s `variant` prop. */\n  variant?: CustomVariant;\n  /** Full width or auto width. */\n  width?: 'default' | 'full';\n  /** Button size ladder — maps to the same text scale as `Button`. */\n  size?: VariantProps<typeof buttonVariants>['size'];\n  /** Extra classes, merged last (same override position as `Button`). */\n  className?: string;\n}\n\n/**\n * Class variants for real `<a>` elements styled like `Button` chrome.\n *\n * Base UI's Button enforces button semantics and its docs forbid rendering\n * links through the `render` prop, and the package's `asChild` leaves\n * `nativeButton={true}` — anchors through it keep `role=\"button\"` and log a\n * dev-console error. This helper bakes in exactly the wrapper chrome the\n * `Button` component applies, so consumers can style a plain anchor instead\n * of replicating package internals:\n *\n * ```tsx\n * <a className={anchorVariants({ variant: 'primary', width: 'full' })} href=\"…\">\n *   Open dashboard\n * </a>\n * ```\n *\n * Class output is equivalent to `Button variant=… width=…` (ignoring\n * `disabled:*`, which does not apply to anchors), with anchor-safe focus\n * treatment: `:focus-visible` works natively on `<a>` elements, and the\n * shared outline-based focus ring lands the same way.\n */\nexport function anchorVariants({\n  variant = 'default',\n  width = 'default',\n  size,\n  className,\n}: AnchorVariantsProps = {}): string {\n  const isIcon = typeof size === 'string' && size.startsWith('icon');\n\n  return cn(\n    buttonVariants({ variant: primitiveVariant(variant), size }),\n    // Full-width anchors use the square radius; otherwise pill (same rule\n    // as the Button wrapper).\n    width === 'full' ? 'rounded-berget-xs' : 'rounded-full',\n    // Em-based padding, inline = 2× block, matching the Button wrapper.\n    !isIcon && 'h-auto px-[0.8em] py-[0.4em]',\n    // Text ladder: default renders at text-base like the wrapper Button.\n    !isIcon &&\n      (size === 'lg' ? 'text-lg' : size === 'sm' ? 'text-sm' : size === 'xs' ? '' : `text-base`),\n    !isIcon && 'font-normal',\n    brandVariantClasses(variant),\n    interactionClasses,\n    width === 'full' && 'w-full',\n    className,\n  );\n}\n\nexport type AnchorProps = React.ComponentProps<'a'> & AnchorVariantsProps;\n\n/** Ready-to-use anchor styled through {@link anchorVariants}. For cases\n * where a component (rather than a class string) is easier to consume. */\nexport function Anchor({ variant, width, size, className, children, ...props }: AnchorProps) {\n  return (\n    <a className={anchorVariants({ variant, width, size, className })} {...props}>\n      <span className=\"inline-flex items-center gap-2\">{children}</span>\n    </a>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,SAAgB,eAAe,EAC7B,UAAU,WACV,QAAQ,WACR,MACA,cACuB,CAAC,GAAW;CACnC,MAAM,SAAS,OAAO,SAAS,YAAY,KAAK,WAAW,MAAM;CAEjE,OAAO,GACL,eAAe;EAAE,SAAS,iBAAiB,OAAO;EAAG;CAAK,CAAC,GAG3D,UAAU,SAAS,sBAAsB,gBAEzC,CAAC,UAAU,gCAEX,CAAC,WACE,SAAS,OAAO,YAAY,SAAS,OAAO,YAAY,SAAS,OAAO,KAAK,cAChF,CAAC,UAAU,eACX,oBAAoB,OAAO,GAC3B,oBACA,UAAU,UAAU,UACpB,SACF;AACF;;;AAMA,SAAgB,OAAO,EAAE,SAAS,OAAO,MAAM,WAAW,UAAU,GAAG,SAAsB;CAC3F,OACE,oBAAC,KAAD;EAAG,WAAW,eAAe;GAAE;GAAS;GAAO;GAAM;EAAU,CAAC;EAAG,GAAI;EACrE,UAAA,oBAAC,QAAD;GAAM,WAAU;GAAkC;EAAe,CAAA;CAChE,CAAA;AAEP"}

package/dist/components/button/index.d.cts

@@ -1,3 +1,4 @@
 import { buttonVariants } from "../../primitives/button.cjs";
 import { Button, ButtonProps } from "./Button.cjs";
-export { Button, type ButtonProps, buttonVariants };
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./anchorVariants.cjs";
+export { Anchor, type AnchorProps, type AnchorVariantsProps, Button, type ButtonProps, anchorVariants, buttonVariants };

package/dist/components/button/index.d.mts

@@ -1,3 +1,4 @@
 import { buttonVariants } from "../../primitives/button.mjs";
 import { Button, ButtonProps } from "./Button.mjs";
-export { Button, type ButtonProps, buttonVariants };
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./anchorVariants.mjs";
+export { Anchor, type AnchorProps, type AnchorVariantsProps, Button, type ButtonProps, anchorVariants, buttonVariants };

package/dist/components/combobox/index.d.cts

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "../../primitives/combobox.cjs";
+export { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };

package/dist/components/combobox/index.d.mts

@@ -0,0 +1,2 @@
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "../../primitives/combobox.mjs";
+export { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue };

package/dist/components/container/Container.d.cts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/container/Container.d.ts
 declare const containerVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-  padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+  size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
+  padding?: "none" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ContainerProps extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {
   children?: React.ReactNode;

package/dist/components/container/Container.d.mts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/container/Container.d.ts
 declare const containerVariants: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "full" | null | undefined;
-  padding?: "none" | "sm" | "md" | "lg" | null | undefined;
+  size?: "sm" | "lg" | "md" | "xl" | "full" | null | undefined;
+  padding?: "none" | "sm" | "lg" | "md" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ContainerProps extends useRender.ComponentProps<'div'>, VariantProps<typeof containerVariants> {
   children?: React.ReactNode;

package/dist/components/country-select/CountrySelect.cjs

@@ -1,8 +1,8 @@
 "use client";
 const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
 const require_utils = require("../../lib/utils.cjs");
-const require_Icon = require("../icon/Icon.cjs");
 const require_popover = require("../../primitives/popover.cjs");
+const require_Icon = require("../icon/Icon.cjs");
 const require_command = require("../../primitives/command.cjs");
 const require_countries = require("./countries.cjs");
 let react = require("react");

package/dist/components/country-select/CountrySelect.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "../../lib/utils.mjs";
-import { Icon } from "../icon/Icon.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../primitives/popover.mjs";
+import { Icon } from "../icon/Icon.mjs";
 import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../primitives/command.mjs";
 import { COUNTRIES } from "./countries.mjs";
 import * as React from "react";

package/dist/components/grid/Grid.d.cts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/grid/Grid.d.ts
 declare const gridVariants: (props?: ({
-  align?: "center" | "start" | "end" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
 export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;

package/dist/components/grid/Grid.d.mts

@@ -3,8 +3,8 @@ import { VariantProps } from "class-variance-authority";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/grid/Grid.d.ts
 declare const gridVariants: (props?: ({
-  align?: "center" | "start" | "end" | "stretch" | null | undefined;
-  justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
+  align?: "center" | "end" | "start" | "stretch" | null | undefined;
+  justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type SpacingScale = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | 96;
 export type GridColsScale = 1 | 2 | 3 | 4 | 6 | 12;

package/dist/components/popover/index.d.cts

@@ -0,0 +1,2 @@
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../primitives/popover.cjs";
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/popover/index.d.mts

@@ -0,0 +1,2 @@
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../primitives/popover.mjs";
+export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/radio-group/index.d.cts

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupItem } from "../../primitives/radio-group.cjs";
+export { RadioGroup, RadioGroupItem };

package/dist/components/radio-group/index.d.mts

@@ -0,0 +1,2 @@
+import { RadioGroup, RadioGroupItem } from "../../primitives/radio-group.mjs";
+export { RadioGroup, RadioGroupItem };

package/dist/components/slider/Slider.cjs

@@ -6,14 +6,16 @@ let react_jsx_runtime = require("react/jsx-runtime");
 /**
 * Berget wrapper for the base-nova Slider primitive.
 *
-* Track (bg-muted) and range indicator (bg-primary) resolve through the
-* shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
-* override needed is the thumb fill: the primitive hardcodes `bg-white`,
-* which is a raw value that doesn't track the theme — here it uses Peak
-* (granite-50), matching the primary button foreground treatment.
+* Overrides the primitive's hardcoded surfaces, which don't resolve in the
+* Berget themes: the track's `bg-muted` equals the dark page background
+* (both granite-950), so the track is invisible; the thumb hardcodes
+* `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+* the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+* Peak (granite-50), matching the primary button foreground treatment.
+* The range indicator keeps the primitive's `bg-primary` (Moss).
 */
 const Slider = ({ className, ...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_slider.Slider, {
-	className: require_utils.cn("**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
+	className: require_utils.cn("**:data-[slot=slider-track]:bg-berget-surface-raised", "**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
 	...props
 });
 Slider.displayName = "Slider";

package/dist/components/slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","names":["SliderPrimitive","cn"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Track (bg-muted) and range indicator (bg-primary) resolve through the\n * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only\n * override needed is the thumb fill: the primitive hardcodes `bg-white`,\n * which is a raw value that doesn't track the theme — here it uses Peak\n * (granite-50), matching the primary button foreground treatment.\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn('**:data-[slot=slider-thumb]:bg-berget-brand-granite-50', className)}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;CACE,WAAWC,cAAAA,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}
+{"version":3,"file":"Slider.cjs","names":["SliderPrimitive","cn"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Overrides the primitive's hardcoded surfaces, which don't resolve in the\n * Berget themes: the track's `bg-muted` equals the dark page background\n * (both granite-950), so the track is invisible; the thumb hardcodes\n * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —\n * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses\n * Peak (granite-50), matching the primary button foreground treatment.\n * The range indicator keeps the primitive's `bg-primary` (Moss).\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn(\n      '**:data-[slot=slider-track]:bg-berget-surface-raised',\n      '**:data-[slot=slider-thumb]:bg-berget-brand-granite-50',\n      className,\n    )}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,QAAD;CACE,WAAWC,cAAAA,GACT,wDACA,0DACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}

package/dist/components/slider/Slider.d.cts

@@ -5,11 +5,13 @@ export type SliderProps = React.ComponentProps<typeof Slider$1>;
 /**
  * Berget wrapper for the base-nova Slider primitive.
  *
- * Track (bg-muted) and range indicator (bg-primary) resolve through the
- * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
- * override needed is the thumb fill: the primitive hardcodes `bg-white`,
- * which is a raw value that doesn't track the theme — here it uses Peak
- * (granite-50), matching the primary button foreground treatment.
+ * Overrides the primitive's hardcoded surfaces, which don't resolve in the
+ * Berget themes: the track's `bg-muted` equals the dark page background
+ * (both granite-950), so the track is invisible; the thumb hardcodes
+ * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+ * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+ * Peak (granite-50), matching the primary button foreground treatment.
+ * The range indicator keeps the primitive's `bg-primary` (Moss).
  */
 declare const Slider: {
   ({ className, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/slider/Slider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.cts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;cAWhD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}
+{"version":3,"file":"Slider.d.cts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;;;cAahD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}

package/dist/components/slider/Slider.d.mts

@@ -5,11 +5,13 @@ export type SliderProps = React.ComponentProps<typeof Slider$1>;
 /**
  * Berget wrapper for the base-nova Slider primitive.
  *
- * Track (bg-muted) and range indicator (bg-primary) resolve through the
- * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
- * override needed is the thumb fill: the primitive hardcodes `bg-white`,
- * which is a raw value that doesn't track the theme — here it uses Peak
- * (granite-50), matching the primary button foreground treatment.
+ * Overrides the primitive's hardcoded surfaces, which don't resolve in the
+ * Berget themes: the track's `bg-muted` equals the dark page background
+ * (both granite-950), so the track is invisible; the thumb hardcodes
+ * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+ * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+ * Peak (granite-50), matching the primary button foreground treatment.
+ * The range indicator keeps the primitive's `bg-primary` (Moss).
  */
 declare const Slider: {
   ({ className, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/slider/Slider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.mts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;cAWhD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}
+{"version":3,"file":"Slider.d.mts","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"mappings":";;;YAMY,cAAc,MAAM,sBAAsBA;;;;;;;;;;;;cAahD;KAAmC,cAAA,SAAA,0CAAW,IAAA"}

package/dist/components/slider/Slider.mjs

@@ -6,14 +6,16 @@ import { jsx } from "react/jsx-runtime";
 /**
 * Berget wrapper for the base-nova Slider primitive.
 *
-* Track (bg-muted) and range indicator (bg-primary) resolve through the
-* shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only
-* override needed is the thumb fill: the primitive hardcodes `bg-white`,
-* which is a raw value that doesn't track the theme — here it uses Peak
-* (granite-50), matching the primary button foreground treatment.
+* Overrides the primitive's hardcoded surfaces, which don't resolve in the
+* Berget themes: the track's `bg-muted` equals the dark page background
+* (both granite-950), so the track is invisible; the thumb hardcodes
+* `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —
+* the same treatment as InputGroup/Checkbox surfaces — and the thumb uses
+* Peak (granite-50), matching the primary button foreground treatment.
+* The range indicator keeps the primitive's `bg-primary` (Moss).
 */
 const Slider = ({ className, ...props }) => /* @__PURE__ */ jsx(Slider$1, {
-	className: cn("**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
+	className: cn("**:data-[slot=slider-track]:bg-berget-surface-raised", "**:data-[slot=slider-thumb]:bg-berget-brand-granite-50", className),
 	...props
 });
 Slider.displayName = "Slider";

package/dist/components/slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Track (bg-muted) and range indicator (bg-primary) resolve through the\n * shadcn bridge in `styles/index.css` to Berget surfaces and Moss. The only\n * override needed is the thumb fill: the primitive hardcodes `bg-white`,\n * which is a raw value that doesn't track the theme — here it uses Peak\n * (granite-50), matching the primary button foreground treatment.\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn('**:data-[slot=slider-thumb]:bg-berget-brand-granite-50', className)}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;AAiBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,oBAACA,UAAD;CACE,WAAW,GAAG,0DAA0D,SAAS;CACjF,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}
+{"version":3,"file":"Slider.mjs","names":["SliderPrimitive"],"sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { cn } from '../../lib/utils';\nimport { Slider as SliderPrimitive } from '../../primitives/slider';\n\nexport type SliderProps = React.ComponentProps<typeof SliderPrimitive>;\n\n/**\n * Berget wrapper for the base-nova Slider primitive.\n *\n * Overrides the primitive's hardcoded surfaces, which don't resolve in the\n * Berget themes: the track's `bg-muted` equals the dark page background\n * (both granite-950), so the track is invisible; the thumb hardcodes\n * `bg-white`. The track uses Raised (foreground-mix 10%, theme-aware) —\n * the same treatment as InputGroup/Checkbox surfaces — and the thumb uses\n * Peak (granite-50), matching the primary button foreground treatment.\n * The range indicator keeps the primitive's `bg-primary` (Moss).\n */\nconst Slider = ({ className, ...props }: SliderProps) => (\n  <SliderPrimitive\n    className={cn(\n      '**:data-[slot=slider-track]:bg-berget-surface-raised',\n      '**:data-[slot=slider-thumb]:bg-berget-brand-granite-50',\n      className,\n    )}\n    {...props}\n  />\n);\nSlider.displayName = 'Slider';\n\nexport { Slider };\n"],"mappings":";;;;;;;;;;;;;;;;AAmBA,MAAM,UAAU,EAAE,WAAW,GAAG,YAC9B,oBAACA,UAAD;CACE,WAAW,GACT,wDACA,0DACA,SACF;CACA,GAAI;AACL,CAAA;AAEH,OAAO,cAAc"}

package/dist/components/tabs/Tabs.cjs

@@ -0,0 +1,109 @@
+"use client";
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils = require("../../lib/utils.cjs");
+const require_tabs = require("../../primitives/tabs.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let class_variance_authority = require("class-variance-authority");
+//#region src/components/tabs/Tabs.tsx
+const TabsIndicatorPrimitive = require("@base-ui/react/tabs").Tabs.Indicator;
+const Tabs = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.Tabs, {
+	ref,
+	className,
+	...props
+}));
+Tabs.displayName = "Tabs";
+const tabsListVariants = (0, class_variance_authority.cva)(require_utils.cn(`
+      group/tabs-list inline-flex w-fit items-center justify-center
+      rounded-berget-xs p-[3px] text-berget-muted-foreground
+    `, `
+      group-data-[orientation=horizontal]/tabs:h-9
+      group-data-[orientation=vertical]/tabs:h-fit
+      group-data-[orientation=vertical]/tabs:flex-col
+    `), {
+	variants: { variant: {
+		default: "bg-berget-tabs-list-bg",
+		line: "relative gap-2 rounded-berget-none bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsList = react.forwardRef(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tabs.TabsList, {
+	ref,
+	"data-variant": variant,
+	className: require_utils.cn(tabsListVariants({ variant }), className),
+	...props,
+	children: [children, variant === "line" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TabsIndicatorPrimitive, { className: require_utils.cn(`
+              pointer-events-none absolute z-10 block rounded-berget-full
+              bg-berget-tabs-line-indicator transition-[left,top,width,height]
+              duration-200 ease-out
+            `, `
+              group-data-[orientation=horizontal]/tabs:bottom-0
+              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)
+              group-data-[orientation=horizontal]/tabs:h-0.5
+              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)
+            `, `
+              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)
+              group-data-[orientation=vertical]/tabs:left-0
+              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)
+              group-data-[orientation=vertical]/tabs:w-0.5
+            `) })]
+}));
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = (0, class_variance_authority.cva)(require_utils.cn(`
+      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center
+      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm
+      font-medium whitespace-nowrap transition-all
+    `, `
+      group-data-[orientation=vertical]/tabs:w-full
+      group-data-[orientation=vertical]/tabs:justify-start
+    `, `
+      text-berget-foreground-alt
+      hover:text-berget-foreground
+    `, `
+      focus-visible:ring-berget-focus-ring focus-visible:ring-2
+      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg
+      focus-visible:outline-none
+    `, `
+      disabled:pointer-events-none disabled:opacity-50
+      aria-disabled:pointer-events-none aria-disabled:opacity-50
+    `, `
+      [&_svg]:pointer-events-none [&_svg]:shrink-0
+      [&_svg:not([class*=size-])]:size-4
+    `, "after:hidden"), {
+	variants: { variant: {
+		default: require_utils.cn(`
+            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg
+            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg
+            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm
+          `),
+		line: require_utils.cn(`
+            group-data-[variant=line]/tabs-list:bg-transparent
+            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover
+            group-data-[variant=line]/tabs-list:data-active:bg-transparent
+            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground
+          `)
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsTrigger = react.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.TabsTrigger, {
+	ref,
+	className: require_utils.cn(tabsTriggerVariants({ variant }), className),
+	...props
+}));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = react.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tabs.TabsContent, {
+	ref,
+	className: require_utils.cn("flex-1 text-sm text-berget-foreground outline-none", className),
+	...props
+}));
+TabsContent.displayName = "TabsContent";
+//#endregion
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.tabsListVariants = tabsListVariants;
+exports.tabsTriggerVariants = tabsTriggerVariants;
+
+//# sourceMappingURL=Tabs.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","names":["TabsBaseUI","React","TabsPrimitive","cva","cn","TabsListPrimitive","TabsTriggerPrimitive","TabsContentPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Tabs as TabsBaseUI } from '@base-ui/react/tabs';\n\nimport { cn } from '../../lib/utils';\nimport {\n  Tabs as TabsPrimitive,\n  TabsList as TabsListPrimitive,\n  TabsTrigger as TabsTriggerPrimitive,\n  TabsContent as TabsContentPrimitive,\n} from '../../primitives/tabs';\n\nconst TabsIndicatorPrimitive = TabsBaseUI.Indicator;\ntype TabsRootProps = React.ComponentProps<typeof TabsPrimitive>;\ntype TabsListPrimitiveProps = React.ComponentProps<typeof TabsListPrimitive>;\ntype TabsTabProps = React.ComponentProps<typeof TabsTriggerPrimitive>;\ntype TabsPanelProps = React.ComponentProps<typeof TabsContentPrimitive>;\n\n/* ------------------------------------------------------------------ */\n/*  Root — thin pass-through, Berget gap only                         */\n/* ------------------------------------------------------------------ */\n\nconst Tabs = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsRootProps, 'className'> & {\n    className?: string;\n  }\n>(({ className, ...props }, ref) => <TabsPrimitive ref={ref} className={className} {...props} />);\nTabs.displayName = 'Tabs';\n\n/* ------------------------------------------------------------------ */\n/*  List — Berget tokens + the sliding Indicator for the line variant */\n/* ------------------------------------------------------------------ */\n\nconst tabsListVariants = cva(\n  cn(\n    `\n      group/tabs-list inline-flex w-fit items-center justify-center\n      rounded-berget-xs p-[3px] text-berget-muted-foreground\n    `,\n    `\n      group-data-[orientation=horizontal]/tabs:h-9\n      group-data-[orientation=vertical]/tabs:h-fit\n      group-data-[orientation=vertical]/tabs:flex-col\n    `,\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill / segmented control: recessed track.\n        default: 'bg-berget-tabs-list-bg',\n        // Underline: transparent track; the Indicator is the underline.\n        line: 'relative gap-2 rounded-berget-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsListProps = Omit<TabsListPrimitiveProps, 'className'> &\n  VariantProps<typeof tabsListVariants> & {\n    className?: string;\n  };\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, variant = 'default', children, ...props }, ref) => (\n    <TabsListPrimitive\n      ref={ref}\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    >\n      {children}\n      {/* Animated sliding underline — rendered only for the line variant. */}\n      {variant === 'line' && (\n        <TabsIndicatorPrimitive\n          className={cn(\n            `\n              pointer-events-none absolute z-10 block rounded-berget-full\n              bg-berget-tabs-line-indicator transition-[left,top,width,height]\n              duration-200 ease-out\n            `,\n            `\n              group-data-[orientation=horizontal]/tabs:bottom-0\n              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)\n              group-data-[orientation=horizontal]/tabs:h-0.5\n              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)\n            `,\n            `\n              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)\n              group-data-[orientation=vertical]/tabs:left-0\n              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)\n              group-data-[orientation=vertical]/tabs:w-0.5\n            `,\n          )}\n        />\n      )}\n    </TabsListPrimitive>\n  ),\n);\nTabsList.displayName = 'TabsList';\n\n/* ------------------------------------------------------------------ */\n/*  Trigger — Berget-brand active/hover states                        */\n/* ------------------------------------------------------------------ */\n\nconst tabsTriggerVariants = cva(\n  cn(\n    `\n      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center\n      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm\n      font-medium whitespace-nowrap transition-all\n    `,\n    `\n      group-data-[orientation=vertical]/tabs:w-full\n      group-data-[orientation=vertical]/tabs:justify-start\n    `,\n    // Inactive: dimmed foreground.\n    `\n      text-berget-foreground-alt\n      hover:text-berget-foreground\n    `,\n    // Focus.\n    `\n      focus-visible:ring-berget-focus-ring focus-visible:ring-2\n      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg\n      focus-visible:outline-none\n    `,\n    // Disabled.\n    `\n      disabled:pointer-events-none disabled:opacity-50\n      aria-disabled:pointer-events-none aria-disabled:opacity-50\n    `,\n    // Icons sized by the component, no manual sizing classes.\n    `\n      [&_svg]:pointer-events-none [&_svg]:shrink-0\n      [&_svg:not([class*=size-])]:size-4\n    `,\n    // Hide the primitive's line-variant underline — Berget uses the sliding Indicator.\n    'after:hidden',\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill: active trigger lifts to the background surface.\n        default: cn(\n          `\n            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg\n            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg\n            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm\n          `,\n        ),\n        // Underline: transparent trigger; the list's Indicator is the cue.\n        line: cn(\n          `\n            group-data-[variant=line]/tabs-list:bg-transparent\n            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover\n            group-data-[variant=line]/tabs-list:data-active:bg-transparent\n            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground\n          `,\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsTriggerProps = Omit<TabsTabProps, 'className'> &\n  VariantProps<typeof tabsTriggerVariants> & {\n    className?: string;\n  };\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, variant, ...props }, ref) => (\n    <TabsTriggerPrimitive\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                           */\n/* ------------------------------------------------------------------ */\n\nconst TabsContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsPanelProps, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <TabsContentPrimitive\n    ref={ref}\n    className={cn('flex-1 text-sm text-berget-foreground outline-none', className)}\n    {...props}\n  />\n));\nTabsContent.displayName = 'TabsContent';\n\n/* ------------------------------------------------------------------ */\n/*  Exports                                                           */\n/* ------------------------------------------------------------------ */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };\n"],"mappings":";;;;;;;;;AAeA,MAAM,yB,6BAAyBA,CAAAA,CAAAA,KAAW;AAU1C,MAAM,OAAOC,MAAM,YAKhB,EAAE,WAAW,GAAG,SAAS,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAACC,aAAAA,MAAD;CAAoB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAAC;AAChG,KAAK,cAAc;AAMnB,MAAM,oBAAA,GAAmBC,yBAAAA,IAAAA,CACvBC,cAAAA,GACE;;;OAIA;;;;KAKF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS;EAET,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,WAAWH,MAAM,YACpB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,SAAS,QACvD,iBAAA,GAAA,kBAAA,KAAA,CAACI,aAAAA,UAAD;CACO;CACL,gBAAc;CACd,WAAWD,cAAAA,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACtD,GAAI;CAJN,UAAA,CAMG,UAEA,YAAY,UACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAD,EACE,WAAWA,cAAAA,GACT;;;;eAKA;;;;;eAMA;;;;;aAMF,EACD,CAAA,CAEc;AAEvB,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,uBAAA,GAAsBD,yBAAAA,IAAAA,CAC1BC,cAAAA,GACE;;;;OAKA;;;OAKA;;;OAKA;;;;OAMA;;;OAKA;;;OAKA,cACF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAASA,cAAAA,GACP;;;;WAKF;EAEA,MAAMA,cAAAA,GACJ;;;;;WAMF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,cAAcH,MAAM,YACvB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,iBAAA,GAAA,kBAAA,IAAA,CAACK,aAAAA,aAAD;CACO;CACL,WAAWF,cAAAA,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACzD,GAAI;AACL,CAAA,CAEL;AACA,YAAY,cAAc;AAM1B,MAAM,cAAcH,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACM,aAAAA,aAAD;CACO;CACL,WAAWH,cAAAA,GAAG,sDAAsD,SAAS;CAC7E,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc"}

package/dist/components/tabs/Tabs.d.cts

@@ -0,0 +1,29 @@
+import { TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.cjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/tabs/Tabs.d.ts
+type TabsListPrimitiveProps = React.ComponentProps<typeof TabsList$1>;
+type TabsTabProps = React.ComponentProps<typeof TabsTrigger$1>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsListProps = Omit<TabsListPrimitiveProps, 'className'> & VariantProps<typeof tabsListVariants> & {
+  className?: string;
+};
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsTriggerProps = Omit<TabsTabProps, 'className'> & VariantProps<typeof tabsTriggerVariants> & {
+  className?: string;
+};
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=Tabs.d.cts.map

package/dist/components/tabs/Tabs.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.cts","names":["TabsListPrimitive","TabsTriggerPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"mappings":";;;;KAiBK,yBAAyB,MAAM,sBAAsBA;KACrD,eAAe,MAAM,sBAAsBC;cAO1C,MAAI,MAAA,0BAAA,KAAA,8BAAA;EAGM;YAEiF,MAAA,cAAA;cAO3F,mBAAgB;;6CAyBrB;KAEI,gBAAgB,KAAK,uCACxB,oBAAoB;EAClB;;cAGE,UAAQ,MAAA,0BAAA,KAAA,wBAAA,MAAA,cAAA;cA0CR,sBAAmB;;6CA6DxB;KAEI,mBAAmB,KAAK,6BAC3B,oBAAoB;EAClB;;cAGE,aAAW,MAAA,0BAAA,KAAA,2BAAA,MAAA,cAAA;cAeX,aAAW,MAAA,0BAAA,KAAA,8BAAA;EAEmC;YAOlD,MAAA,cAAA"}

package/dist/components/tabs/Tabs.d.mts

@@ -0,0 +1,29 @@
+import { TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.mjs";
+import * as React from "react";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/tabs/Tabs.d.ts
+type TabsListPrimitiveProps = React.ComponentProps<typeof TabsList$1>;
+type TabsTabProps = React.ComponentProps<typeof TabsTrigger$1>;
+declare const Tabs: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsRootProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsListProps = Omit<TabsListPrimitiveProps, 'className'> & VariantProps<typeof tabsListVariants> & {
+  className?: string;
+};
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const tabsTriggerVariants: (props?: ({
+  variant?: "line" | "default" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TabsTriggerProps = Omit<TabsTabProps, 'className'> & VariantProps<typeof tabsTriggerVariants> & {
+  className?: string;
+};
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "className"> & {
+  className?: string;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+//# sourceMappingURL=Tabs.d.mts.map

package/dist/components/tabs/Tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.mts","names":["TabsListPrimitive","TabsTriggerPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"mappings":";;;;KAiBK,yBAAyB,MAAM,sBAAsBA;KACrD,eAAe,MAAM,sBAAsBC;cAO1C,MAAI,MAAA,0BAAA,KAAA,8BAAA;EAGM;YAEiF,MAAA,cAAA;cAO3F,mBAAgB;;6CAyBrB;KAEI,gBAAgB,KAAK,uCACxB,oBAAoB;EAClB;;cAGE,UAAQ,MAAA,0BAAA,KAAA,wBAAA,MAAA,cAAA;cA0CR,sBAAmB;;6CA6DxB;KAEI,mBAAmB,KAAK,6BAC3B,oBAAoB;EAClB;;cAGE,aAAW,MAAA,0BAAA,KAAA,2BAAA,MAAA,cAAA;cAeX,aAAW,MAAA,0BAAA,KAAA,8BAAA;EAEmC;YAOlD,MAAA,cAAA"}

package/dist/components/tabs/Tabs.mjs

@@ -0,0 +1,103 @@
+"use client";
+import { cn } from "../../lib/utils.mjs";
+import { Tabs as Tabs$2, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1 } from "../../primitives/tabs.mjs";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/Tabs.tsx
+const TabsIndicatorPrimitive = Tabs.Indicator;
+const Tabs$1 = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Tabs$2, {
+	ref,
+	className,
+	...props
+}));
+Tabs$1.displayName = "Tabs";
+const tabsListVariants = cva(cn(`
+      group/tabs-list inline-flex w-fit items-center justify-center
+      rounded-berget-xs p-[3px] text-berget-muted-foreground
+    `, `
+      group-data-[orientation=horizontal]/tabs:h-9
+      group-data-[orientation=vertical]/tabs:h-fit
+      group-data-[orientation=vertical]/tabs:flex-col
+    `), {
+	variants: { variant: {
+		default: "bg-berget-tabs-list-bg",
+		line: "relative gap-2 rounded-berget-none bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsList = React.forwardRef(({ className, variant = "default", children, ...props }, ref) => /* @__PURE__ */ jsxs(TabsList$1, {
+	ref,
+	"data-variant": variant,
+	className: cn(tabsListVariants({ variant }), className),
+	...props,
+	children: [children, variant === "line" && /* @__PURE__ */ jsx(TabsIndicatorPrimitive, { className: cn(`
+              pointer-events-none absolute z-10 block rounded-berget-full
+              bg-berget-tabs-line-indicator transition-[left,top,width,height]
+              duration-200 ease-out
+            `, `
+              group-data-[orientation=horizontal]/tabs:bottom-0
+              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)
+              group-data-[orientation=horizontal]/tabs:h-0.5
+              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)
+            `, `
+              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)
+              group-data-[orientation=vertical]/tabs:left-0
+              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)
+              group-data-[orientation=vertical]/tabs:w-0.5
+            `) })]
+}));
+TabsList.displayName = "TabsList";
+const tabsTriggerVariants = cva(cn(`
+      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center
+      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm
+      font-medium whitespace-nowrap transition-all
+    `, `
+      group-data-[orientation=vertical]/tabs:w-full
+      group-data-[orientation=vertical]/tabs:justify-start
+    `, `
+      text-berget-foreground-alt
+      hover:text-berget-foreground
+    `, `
+      focus-visible:ring-berget-focus-ring focus-visible:ring-2
+      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg
+      focus-visible:outline-none
+    `, `
+      disabled:pointer-events-none disabled:opacity-50
+      aria-disabled:pointer-events-none aria-disabled:opacity-50
+    `, `
+      [&_svg]:pointer-events-none [&_svg]:shrink-0
+      [&_svg:not([class*=size-])]:size-4
+    `, "after:hidden"), {
+	variants: { variant: {
+		default: cn(`
+            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg
+            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg
+            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm
+          `),
+		line: cn(`
+            group-data-[variant=line]/tabs-list:bg-transparent
+            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover
+            group-data-[variant=line]/tabs-list:data-active:bg-transparent
+            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground
+          `)
+	} },
+	defaultVariants: { variant: "default" }
+});
+const TabsTrigger = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(TabsTrigger$1, {
+	ref,
+	className: cn(tabsTriggerVariants({ variant }), className),
+	...props
+}));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsContent$1, {
+	ref,
+	className: cn("flex-1 text-sm text-berget-foreground outline-none", className),
+	...props
+}));
+TabsContent.displayName = "TabsContent";
+//#endregion
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+
+//# sourceMappingURL=Tabs.mjs.map

package/dist/components/tabs/Tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.mjs","names":["TabsBaseUI","Tabs","TabsPrimitive","TabsListPrimitive","TabsTriggerPrimitive","TabsContentPrimitive"],"sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Tabs as TabsBaseUI } from '@base-ui/react/tabs';\n\nimport { cn } from '../../lib/utils';\nimport {\n  Tabs as TabsPrimitive,\n  TabsList as TabsListPrimitive,\n  TabsTrigger as TabsTriggerPrimitive,\n  TabsContent as TabsContentPrimitive,\n} from '../../primitives/tabs';\n\nconst TabsIndicatorPrimitive = TabsBaseUI.Indicator;\ntype TabsRootProps = React.ComponentProps<typeof TabsPrimitive>;\ntype TabsListPrimitiveProps = React.ComponentProps<typeof TabsListPrimitive>;\ntype TabsTabProps = React.ComponentProps<typeof TabsTriggerPrimitive>;\ntype TabsPanelProps = React.ComponentProps<typeof TabsContentPrimitive>;\n\n/* ------------------------------------------------------------------ */\n/*  Root — thin pass-through, Berget gap only                         */\n/* ------------------------------------------------------------------ */\n\nconst Tabs = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsRootProps, 'className'> & {\n    className?: string;\n  }\n>(({ className, ...props }, ref) => <TabsPrimitive ref={ref} className={className} {...props} />);\nTabs.displayName = 'Tabs';\n\n/* ------------------------------------------------------------------ */\n/*  List — Berget tokens + the sliding Indicator for the line variant */\n/* ------------------------------------------------------------------ */\n\nconst tabsListVariants = cva(\n  cn(\n    `\n      group/tabs-list inline-flex w-fit items-center justify-center\n      rounded-berget-xs p-[3px] text-berget-muted-foreground\n    `,\n    `\n      group-data-[orientation=horizontal]/tabs:h-9\n      group-data-[orientation=vertical]/tabs:h-fit\n      group-data-[orientation=vertical]/tabs:flex-col\n    `,\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill / segmented control: recessed track.\n        default: 'bg-berget-tabs-list-bg',\n        // Underline: transparent track; the Indicator is the underline.\n        line: 'relative gap-2 rounded-berget-none bg-transparent',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsListProps = Omit<TabsListPrimitiveProps, 'className'> &\n  VariantProps<typeof tabsListVariants> & {\n    className?: string;\n  };\n\nconst TabsList = React.forwardRef<HTMLDivElement, TabsListProps>(\n  ({ className, variant = 'default', children, ...props }, ref) => (\n    <TabsListPrimitive\n      ref={ref}\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    >\n      {children}\n      {/* Animated sliding underline — rendered only for the line variant. */}\n      {variant === 'line' && (\n        <TabsIndicatorPrimitive\n          className={cn(\n            `\n              pointer-events-none absolute z-10 block rounded-berget-full\n              bg-berget-tabs-line-indicator transition-[left,top,width,height]\n              duration-200 ease-out\n            `,\n            `\n              group-data-[orientation=horizontal]/tabs:bottom-0\n              group-data-[orientation=horizontal]/tabs:left-(--active-tab-left)\n              group-data-[orientation=horizontal]/tabs:h-0.5\n              group-data-[orientation=horizontal]/tabs:w-(--active-tab-width)\n            `,\n            `\n              group-data-[orientation=vertical]/tabs:top-(--active-tab-top)\n              group-data-[orientation=vertical]/tabs:left-0\n              group-data-[orientation=vertical]/tabs:h-(--active-tab-height)\n              group-data-[orientation=vertical]/tabs:w-0.5\n            `,\n          )}\n        />\n      )}\n    </TabsListPrimitive>\n  ),\n);\nTabsList.displayName = 'TabsList';\n\n/* ------------------------------------------------------------------ */\n/*  Trigger — Berget-brand active/hover states                        */\n/* ------------------------------------------------------------------ */\n\nconst tabsTriggerVariants = cva(\n  cn(\n    `\n      relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center\n      gap-1.5 rounded-berget-xs border border-transparent px-3 py-1.5 text-sm\n      font-medium whitespace-nowrap transition-all\n    `,\n    `\n      group-data-[orientation=vertical]/tabs:w-full\n      group-data-[orientation=vertical]/tabs:justify-start\n    `,\n    // Inactive: dimmed foreground.\n    `\n      text-berget-foreground-alt\n      hover:text-berget-foreground\n    `,\n    // Focus.\n    `\n      focus-visible:ring-berget-focus-ring focus-visible:ring-2\n      focus-visible:ring-offset-2 focus-visible:ring-offset-berget-tabs-list-bg\n      focus-visible:outline-none\n    `,\n    // Disabled.\n    `\n      disabled:pointer-events-none disabled:opacity-50\n      aria-disabled:pointer-events-none aria-disabled:opacity-50\n    `,\n    // Icons sized by the component, no manual sizing classes.\n    `\n      [&_svg]:pointer-events-none [&_svg]:shrink-0\n      [&_svg:not([class*=size-])]:size-4\n    `,\n    // Hide the primitive's line-variant underline — Berget uses the sliding Indicator.\n    'after:hidden',\n  ),\n  {\n    variants: {\n      variant: {\n        // Pill: active trigger lifts to the background surface.\n        default: cn(\n          `\n            group-data-[variant=default]/tabs-list:data-active:bg-berget-tabs-trigger-active-bg\n            group-data-[variant=default]/tabs-list:data-active:text-berget-tabs-trigger-active-fg\n            group-data-[variant=default]/tabs-list:data-active:shadow-berget-sm\n          `,\n        ),\n        // Underline: transparent trigger; the list's Indicator is the cue.\n        line: cn(\n          `\n            group-data-[variant=line]/tabs-list:bg-transparent\n            group-data-[variant=line]/tabs-list:hover:bg-berget-surface-hover\n            group-data-[variant=line]/tabs-list:data-active:bg-transparent\n            group-data-[variant=line]/tabs-list:data-active:text-berget-foreground\n          `,\n        ),\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  },\n);\n\ntype TabsTriggerProps = Omit<TabsTabProps, 'className'> &\n  VariantProps<typeof tabsTriggerVariants> & {\n    className?: string;\n  };\n\nconst TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(\n  ({ className, variant, ...props }, ref) => (\n    <TabsTriggerPrimitive\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  ),\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\n/* ------------------------------------------------------------------ */\n/*  Content                                                           */\n/* ------------------------------------------------------------------ */\n\nconst TabsContent = React.forwardRef<\n  HTMLDivElement,\n  Omit<TabsPanelProps, 'className'> & { className?: string }\n>(({ className, ...props }, ref) => (\n  <TabsContentPrimitive\n    ref={ref}\n    className={cn('flex-1 text-sm text-berget-foreground outline-none', className)}\n    {...props}\n  />\n));\nTabsContent.displayName = 'TabsContent';\n\n/* ------------------------------------------------------------------ */\n/*  Exports                                                           */\n/* ------------------------------------------------------------------ */\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, tabsTriggerVariants };\n"],"mappings":";;;;;;;;AAeA,MAAM,yBAAyBA,KAAW;AAU1C,MAAMC,SAAO,MAAM,YAKhB,EAAE,WAAW,GAAG,SAAS,QAAQ,oBAACC,QAAD;CAAoB;CAAgB;CAAW,GAAI;AAAQ,CAAA,CAAC;AAChG,OAAK,cAAc;AAMnB,MAAM,mBAAmB,IACvB,GACE;;;OAIA;;;;KAKF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS;EAET,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,WAAW,MAAM,YACpB,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,SAAS,QACvD,qBAACC,YAAD;CACO;CACL,gBAAc;CACd,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACtD,GAAI;CAJN,UAAA,CAMG,UAEA,YAAY,UACX,oBAAC,wBAAD,EACE,WAAW,GACT;;;;eAKA;;;;;eAMA;;;;;aAMF,EACD,CAAA,CAEc;AAEvB,CAAA,CAAA;AACA,SAAS,cAAc;AAMvB,MAAM,sBAAsB,IAC1B,GACE;;;;OAKA;;;OAKA;;;OAKA;;;;OAMA;;;OAKA;;;OAKA,cACF,GACA;CACE,UAAU,EACR,SAAS;EAEP,SAAS,GACP;;;;WAKF;EAEA,MAAM,GACJ;;;;;WAMF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAOA,MAAM,cAAc,MAAM,YACvB,EAAE,WAAW,SAAS,GAAG,SAAS,QACjC,oBAACC,eAAD;CACO;CACL,WAAW,GAAG,oBAAoB,EAAE,QAAQ,CAAC,GAAG,SAAS;CACzD,GAAI;AACL,CAAA,CAEL;AACA,YAAY,cAAc;AAM1B,MAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAC1B,oBAACC,eAAD;CACO;CACL,WAAW,GAAG,sDAAsD,SAAS;CAC7E,GAAI;AACL,CAAA,CACF;AACD,YAAY,cAAc"}

package/dist/components/tabs/index.d.cts

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./Tabs.cjs";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };

package/dist/components/tabs/index.d.mts

@@ -0,0 +1,2 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./Tabs.mjs";
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants };