@bergetai/ui 0.16.2 → 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/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 };

package/dist/index.cjs

@@ -3,6 +3,11 @@ const require_ThemeProvider = require("./components/theme-provider/ThemeProvider
 const require_ThemeToggle = require("./components/theme-provider/ThemeToggle.cjs");
 const require_button = require("./primitives/button.cjs");
 const require_Button = require("./components/button/Button.cjs");
+const require_anchorVariants = require("./components/button/anchorVariants.cjs");
+const require_popover = require("./primitives/popover.cjs");
+const require_combobox = require("./primitives/combobox.cjs");
+const require_radio_group = require("./primitives/radio-group.cjs");
+const require_Tabs = require("./components/tabs/Tabs.cjs");
 const require_bubble = require("./primitives/bubble.cjs");
 const require_message = require("./primitives/message.cjs");
 const require_message_scroller = require("./primitives/message-scroller.cjs");
@@ -71,6 +76,7 @@ exports.AlertDialogPortal = require_AlertDialog.AlertDialogPortal;
 exports.AlertDialogTitle = require_AlertDialog.AlertDialogTitle;
 exports.AlertDialogTrigger = require_AlertDialog.AlertDialogTrigger;
 exports.AlertTitle = require_alert.AlertTitle;
+exports.Anchor = require_anchorVariants.Anchor;
 exports.Badge = require_Badge.Badge;
 exports.BergetLogo = require_BergetLogo.BergetLogo;
 exports.Box = require_Box.Box;
@@ -89,6 +95,19 @@ exports.CardHeader = require_card.CardHeader;
 exports.CardTitle = require_card.CardTitle;
 exports.Checkbox = require_Checkbox.Checkbox;
 exports.CodeBlock = require_CodeBlock.CodeBlock;
+exports.Combobox = require_combobox.Combobox;
+exports.ComboboxClear = require_combobox.ComboboxClear;
+exports.ComboboxContent = require_combobox.ComboboxContent;
+exports.ComboboxEmpty = require_combobox.ComboboxEmpty;
+exports.ComboboxGroup = require_combobox.ComboboxGroup;
+exports.ComboboxGroupLabel = require_combobox.ComboboxGroupLabel;
+exports.ComboboxInput = require_combobox.ComboboxInput;
+exports.ComboboxItem = require_combobox.ComboboxItem;
+exports.ComboboxList = require_combobox.ComboboxList;
+exports.ComboboxSeparator = require_combobox.ComboboxSeparator;
+exports.ComboboxStatus = require_combobox.ComboboxStatus;
+exports.ComboboxTrigger = require_combobox.ComboboxTrigger;
+exports.ComboboxValue = require_combobox.ComboboxValue;
 exports.Container = require_Container.Container;
 exports.CountrySelect = require_CountrySelect.CountrySelect;
 exports.Dialog = require_Dialog.Dialog;
@@ -183,11 +202,19 @@ exports.NavigationMenuLink = require_NavigationMenu.NavigationMenuLink;
 exports.NavigationMenuList = require_navigation_menu.NavigationMenuList;
 exports.NavigationMenuPositioner = require_NavigationMenu.NavigationMenuPositioner;
 exports.NavigationMenuTrigger = require_NavigationMenu.NavigationMenuTrigger;
+exports.Popover = require_popover.Popover;
+exports.PopoverContent = require_popover.PopoverContent;
+exports.PopoverDescription = require_popover.PopoverDescription;
+exports.PopoverHeader = require_popover.PopoverHeader;
+exports.PopoverTitle = require_popover.PopoverTitle;
+exports.PopoverTrigger = require_popover.PopoverTrigger;
 exports.Progress = require_Progress.Progress;
 exports.ProgressIndicator = require_progress.ProgressIndicator;
 exports.ProgressLabel = require_progress.ProgressLabel;
 exports.ProgressTrack = require_progress.ProgressTrack;
 exports.ProgressValue = require_progress.ProgressValue;
+exports.RadioGroup = require_radio_group.RadioGroup;
+exports.RadioGroupItem = require_radio_group.RadioGroupItem;
 exports.SearchInput = require_SearchInput.SearchInput;
 exports.Select = require_select.Select;
 exports.SelectContent = require_select.SelectContent;
@@ -235,6 +262,10 @@ exports.TableFooter = require_Table.TableFooter;
 exports.TableHead = require_Table.TableHead;
 exports.TableHeader = require_Table.TableHeader;
 exports.TableRow = require_Table.TableRow;
+exports.Tabs = require_Tabs.Tabs;
+exports.TabsContent = require_Tabs.TabsContent;
+exports.TabsList = require_Tabs.TabsList;
+exports.TabsTrigger = require_Tabs.TabsTrigger;
 exports.Textarea = require_textarea.Textarea;
 exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
 exports.ThemeToggle = require_ThemeToggle.ThemeToggle;
@@ -245,6 +276,7 @@ exports.TooltipTrigger = require_Tooltip.TooltipTrigger;
 exports.Typography = require_Typography.Typography;
 exports.WindowFrame = require_WindowFrame.WindowFrame;
 exports.alertVariants = require_Alert.alertVariants;
+exports.anchorVariants = require_anchorVariants.anchorVariants;
 exports.badgeVariants = require_Badge.badgeVariants;
 exports.boxVariants = require_Box.boxVariants;
 exports.buttonVariants = require_button.buttonVariants;
@@ -260,6 +292,8 @@ exports.linkVariants = require_Link.linkVariants;
 exports.navigationMenuTriggerStyle = require_NavigationMenu.navigationMenuTriggerStyle;
 exports.switchRootVariants = require_Switch.switchRootVariants;
 exports.switchThumbVariants = require_Switch.switchThumbVariants;
+exports.tabsListVariants = require_Tabs.tabsListVariants;
+exports.tabsTriggerVariants = require_Tabs.tabsTriggerVariants;
 exports.typographyVariants = require_Typography.typographyVariants;
 Object.defineProperty(exports, "useMessageScroller", {
 	enumerable: true,

package/dist/index.d.cts

@@ -3,7 +3,16 @@ import { ThemeToggle, ThemeToggleProps } from "./components/theme-provider/Theme
 import "./components/theme-provider/index.cjs";
 import { buttonVariants } from "./primitives/button.cjs";
 import { Button, ButtonProps } from "./components/button/Button.cjs";
+import { Anchor, AnchorProps, AnchorVariantsProps, anchorVariants } from "./components/button/anchorVariants.cjs";
 import "./components/button/index.cjs";
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./primitives/popover.cjs";
+import "./components/popover/index.cjs";
+import { Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue } from "./primitives/combobox.cjs";
+import "./components/combobox/index.cjs";
+import { RadioGroup, RadioGroupItem } from "./primitives/radio-group.cjs";
+import "./components/radio-group/index.cjs";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants } from "./components/tabs/Tabs.cjs";
+import "./components/tabs/index.cjs";
 import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./primitives/bubble.cjs";
 import "./components/bubble/index.cjs";
 import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./primitives/message.cjs";
@@ -98,4 +107,4 @@ import { TerminalExample } from "./lib/terminal.cjs";
 import { WindowFrame, WindowFrameProps, WindowTab } from "./components/window-frame/WindowFrame.cjs";
 import "./components/window-frame/index.cjs";
 import { FOG_BRAND_PALETTE, FogIllustration, FogIllustrationProps, FogPalette } from "./components/fog-illustration/FogIllustration.cjs";
-export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, typographyVariants, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };
+export { Alert, AlertDescription, type AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertProps, AlertTitle, type AlertTitleProps, Anchor, type AnchorProps, type AnchorVariantsProps, Badge, type BadgeProps, BergetLogo, type BergetLogoProps, Box, type BoxProps, type SpacingScale as BoxSpacingScale, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, type ButtonProps, COUNTRIES, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardTitle, Checkbox, type CheckboxProps, CodeBlock, type CodeBlockProps, Combobox, ComboboxClear, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxGroupLabel, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator, ComboboxStatus, ComboboxTrigger, ComboboxValue, Container, type ContainerProps, type Country, CountrySelect, type CountrySelectProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EU_COUNTRY_CODES, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, type EmptyProps, EmptyTitle, FOG_BRAND_PALETTE, FeatureList, type FeatureListProps, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FogIllustration, type FogIllustrationProps, type FogPalette, Grid, type GridColsScale, type GridProps, type GridRowsScale, type SpacingScale$1 as GridSpacingScale, Icon, type IconProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, InputGroupInput, type InputGroupProps, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, type ItemProps, ItemSeparator, ItemTitle, Label, LanguageSelect, type LanguageSelectOption, type LanguageSelectProps, Link, type LinkProps, List, ListHeader, type ListHeaderProps, ListItem, type ListItemProps, type ListProps, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, ModelCard, type ModelCardProps, type ModelCategory, type ModelLifecycle, ModelLogo, type ModelLogoProps, type ModelLogoProvider, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, ProgressIndicator, ProgressLabel, type ProgressProps, ProgressTrack, ProgressValue, RadioGroup, RadioGroupItem, SearchInput, type SearchInputProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarLogo, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarPageHeader, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, type TerminalExample, Textarea, type Theme, ThemeProvider, type ThemeProviderProps, ThemeToggle, type ThemeToggleProps, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, type TooltipTriggerProps, Typography, type TypographyProps, WindowFrame, type WindowFrameProps, type WindowTab, alertVariants, anchorVariants, badgeVariants, boxVariants, buttonVariants, cardVariants, categoryLabels, checkboxVariants, containerVariants, getCountryByCode, getCountryByName, gridVariants, isEUCountry, linkVariants, navigationMenuTriggerStyle, switchRootVariants, switchThumbVariants, tabsListVariants, tabsTriggerVariants, typographyVariants, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar, useTheme };