impact-nova 2.0.9 → 2.1.0-alpha.2

package/dist/components/layout/sidebar/sidebar.types.d.ts

@@ -0,0 +1,66 @@
+import { VariantProps } from 'class-variance-authority';
+import { Input } from '../../forms/input';
+import { Button } from '../../primitives/button/button';
+import { Separator } from '../../data-display/separator';
+import { TooltipContent } from '../../feedback/tooltip';
+import { sidebarMenuButtonVariants } from './sidebar.variants';
+import type * as React from "react";
+import type * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+export type SidebarProviderProps = React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    autoHideAfter?: number;
+};
+export type SidebarProps = React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+};
+export type SidebarTriggerProps = React.ComponentProps<typeof Button>;
+export type SidebarRailProps = React.ComponentProps<"button">;
+export type SidebarInsetProps = React.ComponentProps<"div">;
+export type SidebarInputProps = React.ComponentProps<typeof Input>;
+export type SidebarHeaderProps = React.ComponentProps<"div">;
+export type SidebarFooterProps = React.ComponentProps<"div">;
+export type SidebarSeparatorProps = React.ComponentPropsWithoutRef<typeof Separator>;
+export type SidebarContentProps = React.ComponentProps<"div">;
+export type SidebarGroupProps = React.ComponentProps<"div">;
+export type SidebarGroupLabelProps = React.ComponentProps<"div"> & {
+    asChild?: boolean;
+};
+export type SidebarGroupActionProps = React.ComponentProps<"button"> & {
+    asChild?: boolean;
+};
+export type SidebarGroupContentProps = React.ComponentProps<"div">;
+export type SidebarMenuProps = React.ComponentProps<"ul">;
+export type SidebarMenuItemProps = React.ComponentProps<"li"> & {
+    isActive?: boolean;
+};
+export type SidebarMenuCollapsibleProps = React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & {
+    isActive?: boolean;
+};
+export type SidebarMenuButtonProps = React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+export type SidebarMenuLabelProps = React.ComponentProps<"span">;
+export type SidebarLogoutProps = React.ComponentProps<"button">;
+export type SidebarMenuActionProps = React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+};
+export type SidebarMenuBadgeProps = React.ComponentProps<"div">;
+export type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+};
+export type SidebarMenuSubProps = React.ComponentProps<"ul">;
+export type SidebarMenuSubItemProps = React.ComponentProps<"li"> & {
+    isActive?: boolean;
+};
+export type SidebarMenuSubButtonProps = React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+};

package/dist/components/layout/sidebar/sidebar.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "sm" | "lg" | "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/layout/sidebar/sidebar.variants.js

@@ -0,0 +1,24 @@
+import { cva as e } from "class-variance-authority";
+const t = e(
+  "peer/menu-button flex w-full items-center gap-[22px] overflow-visible py-[14px] px-[20px] text-start text-[14px] outline-none ring-navigation-ring transition-[width,height,padding,background-color] hover:bg-navigation-item-active hover:text-navigation-on-hover focus-visible:ring-2 disabled:pointer-events-none disabled:text-navigation-muted group-has-[[data-sidebar=menu-action]]/menu-item:pe-8 aria-disabled:pointer-events-none aria-disabled:text-navigation-muted aria-disabled:opacity-50 hover:aria-disabled:bg-transparent data-[active=true]:bg-navigation-item-active data-[active=true]:font-medium data-[active=true]:text-navigation-on-hover cursor-pointer group-data-[state=collapsed]:!w-[var(--sidebar-width-icon)] group-data-[state=collapsed]:!h-12 group-data-[state=collapsed]:!p-0 group-data-[state=collapsed]:!ps-[20px] [&>[data-sidebar=menu-label]]:truncate [&>svg]:size-5 [&>img]:size-5 [&>svg]:shrink-0 [&>svg]:text-inherit group-data-[state=collapsed]:[&>[data-sidebar=menu-label]]:sr-only group-data-[state=collapsed]:[&>svg:not(:first-of-type)]:hidden [&>[data-sidebar=menu-button-chevron]]:ms-auto [&>[data-sidebar=menu-button-chevron]]:size-4 [&>[data-sidebar=menu-button-chevron]]:transition-transform [&>[data-sidebar=menu-button-chevron]]:duration-200 [&>[data-sidebar=menu-button-chevron]]:rotate-90 data-[state=open]:[&>[data-sidebar=menu-button-chevron]]:rotate-[270deg] before:absolute before:start-0 before:top-0 before:w-1 before:bg-success before:rounded-e-[4px] before:transition-[height] before:duration-200 before:linear before:z-20 data-[active=false]:before:h-0 data-[active=true]:before:h-full",
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "bg-canvas shadow-[0_0_0_1px_var(--color-sidebar-border)] hover:bg-navigation-hover hover:text-navigation-on-hover hover:shadow-[0_0_0_1px_var(--color-sidebar-hover)]"
+      },
+      size: {
+        default: "h-12 text-sm",
+        sm: "h-9 text-xs",
+        lg: "h-14 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+export {
+  t as sidebarMenuButtonVariants
+};

package/dist/components/primitives/accordion/accordion.d.ts

@@ -0,0 +1,16 @@
+import { AccordionHeadingLevel } from './accordion.types';
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: (props: React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>) => import("react/jsx-runtime").JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    badge?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    headingLevel?: AccordionHeadingLevel;
+    variant?: "default" | "plain";
+    renderChevronTooltip?: import('../../..').InfoTooltipRender;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    surfaceClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/primitives/accordion/accordion.js

@@ -0,0 +1,120 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import * as l from "react";
+import * as t from "@radix-ui/react-accordion";
+import { ChevronRight as N } from "impact-nova-icons";
+import { cn as i } from "../../../lib/utils.js";
+import { useImpactNovaI18n as b } from "../../../i18n/use-impact-nova-i18n.js";
+const d = "motion-reduce:animate-none motion-reduce:transition-none", O = (n) => /* @__PURE__ */ e(t.Root, { "data-component": "accordion", ...n }), y = {
+  2: "h2",
+  3: "h3",
+  4: "h4",
+  5: "h5",
+  6: "h6"
+}, p = "m-0 p-0 text-inherit font-inherit", w = l.forwardRef(({ className: n, ...o }, a) => /* @__PURE__ */ e(
+  t.Item,
+  {
+    ref: a,
+    "data-component": "accordion-item",
+    "data-item": o.value,
+    "data-disabled": o.disabled ? "" : void 0,
+    className: i(
+      "ia-accordion-item border-b rounded-lg bg-canvas-elevated border-border-subtle",
+      n
+    ),
+    ...o
+  }
+));
+w.displayName = "AccordionItem";
+const C = l.forwardRef(
+  ({
+    className: n,
+    children: o,
+    badge: a,
+    rightActions: r,
+    headingLevel: s = 2,
+    variant: x = "default",
+    renderChevronTooltip: m,
+    ...f
+  }, u) => {
+    const { t: h } = b(), g = y[s];
+    return x === "plain" ? /* @__PURE__ */ e(t.Header, { asChild: !0, className: "flex flex-1", children: /* @__PURE__ */ e(g, { className: i("flex flex-1", p), children: /* @__PURE__ */ e(
+      t.Trigger,
+      {
+        ref: u,
+        className: i(
+          "group flex flex-1 outline-none transition-all motion-reduce:transition-none",
+          "focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-canvas-elevated",
+          n
+        ),
+        ...f,
+        children: o
+      }
+    ) }) }) : /* @__PURE__ */ e(t.Header, { asChild: !0, children: /* @__PURE__ */ c(
+      g,
+      {
+        className: i(
+          "flex items-center",
+          p
+        ),
+        style: { overflow: "visible" },
+        children: [
+          /* @__PURE__ */ c(
+            t.Trigger,
+            {
+              ref: u,
+              className: i(
+                "flex min-w-0 flex-1 items-center gap-3 px-4 py-2 text-sm font-semibold transition-all text-start [&[data-state=open]>div>svg]:-rotate-90 focus-visible:outline-none motion-reduce:transition-none",
+                n
+              ),
+              style: { outline: "none" },
+              ...f,
+              children: [
+                (() => {
+                  const v = /* @__PURE__ */ e(
+                    "div",
+                    {
+                      className: `flex items-center justify-center h-8 w-8 shrink-0 rounded-lg bg-secondary text-secondary-foreground transition-transform duration-200 ${d}`,
+                      children: /* @__PURE__ */ e(
+                        N,
+                        {
+                          size: 19,
+                          className: `transition-transform duration-200 ${d}`
+                        }
+                      )
+                    }
+                  );
+                  return m ? m(v, h("aria.toggle")) : v;
+                })(),
+                /* @__PURE__ */ c("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+                  o,
+                  a
+                ] })
+              ]
+            }
+          ),
+          r ? /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center pe-4", children: r }) : null
+        ]
+      }
+    ) });
+  }
+);
+C.displayName = t.Trigger.displayName;
+const A = l.forwardRef(({ className: n, children: o, surfaceClassName: a, ...r }, s) => /* @__PURE__ */ e(
+  t.Content,
+  {
+    ref: s,
+    className: i(
+      `overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down data-[state=open]:overflow-visible ${d}`,
+      a
+    ),
+    ...r,
+    children: /* @__PURE__ */ e("div", { className: i("px-4 pb-4 pt-2", n), children: o })
+  }
+));
+A.displayName = t.Content.displayName;
+export {
+  O as Accordion,
+  A as AccordionContent,
+  w as AccordionItem,
+  C as AccordionTrigger
+};

package/dist/components/primitives/accordion/accordion.types.d.ts

@@ -0,0 +1,24 @@
+import { InfoTooltipRender } from '../../../lib/primitives/info-slot.types';
+import type * as React from "react";
+import type * as AccordionPrimitive from "@radix-ui/react-accordion";
+export type AccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;
+export type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+    badge?: React.ReactNode;
+    rightActions?: React.ReactNode;
+    /**
+     * Heading level for the accordion section title. Defaults to `2` so panels
+     * follow a single page `h1` without skipping levels.
+     */
+    headingLevel?: AccordionHeadingLevel;
+    /**
+     * `default` — leading chevron tile + i18n tooltip (standard panels).
+     * `plain` — trigger only; use for list rows (e.g. SKU) where children include layout + chevron.
+     */
+    variant?: "default" | "plain";
+    /** App-layer tooltip for chevron (see defaultAccordionTooltipRender). */
+    renderChevronTooltip?: InfoTooltipRender;
+};
+export type AccordionContentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content> & {
+    surfaceClassName?: string;
+};
+export type { AccordionSingleProps, AccordionMultipleProps, } from '@radix-ui/react-accordion';

package/dist/components/primitives/button/button.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from './button.types';
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+export { Button };
+export type { ButtonProps } from './button.types';

package/dist/components/primitives/button/button.js

@@ -0,0 +1,30 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Slot as e } from "@radix-ui/react-slot";
+import { createComponent as p } from "../../../lib/primitives/create-component.js";
+import { cn as d } from "../../../lib/utils.js";
+import { buttonVariants as l } from "./button.variants.js";
+const x = p(
+  "Button",
+  ({
+    className: n,
+    variant: t,
+    size: o,
+    asChild: i = !1,
+    tooltipSide: f,
+    tooltipKeybinding: u,
+    ...m
+  }, r) => /* @__PURE__ */ a(
+    i ? e : "button",
+    {
+      className: d(l({ variant: t, size: o, className: n })),
+      "data-component": "button",
+      "data-variant": t ?? "default",
+      "data-size": o ?? "default",
+      ref: r,
+      ...m
+    }
+  )
+);
+export {
+  x as Button
+};

package/dist/components/primitives/button/button.types.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import { buttonVariants } from './button.variants';
+import { KeyBinding } from '../kbd';
+import type * as React from "react";
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /**
+     * Renders the button as a child element using Radix's Slot pattern.
+     * @example <Button asChild><a href="/home">Home</a></Button>
+     */
+    asChild?: boolean;
+    /**
+     * Side of the tooltip for icon-only buttons.
+     * @default "top"
+     */
+    tooltipSide?: "top" | "bottom" | "left" | "right";
+    /**
+     * Optional keyboard shortcut keybinding in the tooltip Kbd badge.
+     */
+    tooltipKeybinding?: KeyBinding;
+}

package/dist/components/primitives/button/button.variants.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Buttons — IA Design System v3.1 (Figma: Buttons).
+ * - Primary (`default`): filled #4259EE (`--color-primary` / `bg-brand`), hover `--color-primary-strong`, disabled `--color-button-primary-disabled`.
+ * - Heights: Large `default` 32px, Medium `md` 28px, Small `sm` 24px; icon-only `icon` / `iconMd` / `iconSm` match those squares.
+ */
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "tertiary" | "outline" | "destructive" | "destructive-outline" | "ghost" | null | undefined;
+    size?: "sm" | "md" | "lg" | "default" | "icon" | "iconMd" | "iconSm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/primitives/button-group/button-group.d.ts

@@ -0,0 +1,5 @@
+import { ButtonGroupProps } from './button-group.types';
+import * as React from "react";
+export type { ButtonGroupProps, ButtonOption } from './button-group.types';
+declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { ButtonGroup };

package/dist/components/primitives/button-group/button-group.js

@@ -0,0 +1,166 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import * as m from "react";
+import { createComponent as R } from "../../../lib/primitives/create-component.js";
+import { cn as t } from "../../../lib/utils.js";
+import { Info as z } from "impact-nova-icons";
+import { buttonGroupVariants as $ } from "./button-group.variants.js";
+const U = R(
+  "ButtonGroup",
+  ({
+    className: w,
+    orientation: u = "horizontal",
+    spacing: p = "none",
+    value: v,
+    onValueChange: g,
+    disabled: y,
+    isDisabled: S,
+    children: k,
+    label: o,
+    helperText: a,
+    helperTextPosition: b = "absolute",
+    error: B,
+    isError: I,
+    required: _,
+    "aria-label": C,
+    ...D
+  }, E) => {
+    const s = B ?? I, h = y ?? S, i = p === "none", G = u === "horizontal", V = m.useId(), N = o ? `${V}-label` : void 0;
+    return /* @__PURE__ */ n("div", { className: t("grid gap-1.5", w), children: [
+      o && /* @__PURE__ */ n(
+        "label",
+        {
+          id: N,
+          className: t(
+            "text-xs font-medium leading-[18px] text-content-tertiary",
+            h && "opacity-70",
+            s && "text-destructive"
+          ),
+          children: [
+            o,
+            " ",
+            _ && /* @__PURE__ */ r("span", { className: "text-destructive", children: "*" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        "div",
+        {
+          className: t(
+            a && b === "absolute" && "relative"
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              "div",
+              {
+                ref: E,
+                className: t($({ orientation: u, spacing: p })),
+                role: "group",
+                "data-component": "button-group",
+                "data-orientation": u,
+                "data-spacing": p,
+                "data-fused": i ? "true" : "false",
+                "aria-label": o ? void 0 : C,
+                "aria-labelledby": o ? N : void 0,
+                ...D,
+                children: m.Children.map(k, (x) => {
+                  if (!m.isValidElement(x)) return x;
+                  const e = x, f = e.props.value ?? e.props.children?.toString?.() ?? "", c = typeof f == "string" ? f : String(f), d = v !== void 0 && v === c, l = !!(e.props.disabled || h), j = e.props.size === "icon" || e.props.size === "iconMd" || e.props.size === "iconSm", O = t(
+                    "!shadow-none relative border transition-colors",
+                    i && !j && "min-w-14",
+                    i ? G ? "!rounded-none first:!rounded-l-md last:!rounded-r-md -ml-px first:ml-0" : "!rounded-none first:!rounded-t-md last:!rounded-b-md -mt-px first:mt-0" : "!rounded-md",
+                    i && (d ? "z-10" : "z-[1]")
+                  ), A = l ? "!bg-disabled-surface !border-disabled-border !text-disabled-foreground opacity-100 [&_svg]:!text-disabled-foreground" : d ? "!bg-accent !border-brand !text-brand [&_svg]:!text-brand" : t(
+                    "!bg-canvas-elevated !border-button-primary-disabled !text-content-muted",
+                    "[&_svg]:!text-[inherit]",
+                    "hover:!bg-canvas-elevated hover:!text-brand"
+                  ), H = s && !d && !l && "!border-destructive !text-destructive [&_svg]:!text-destructive";
+                  return m.cloneElement(e, {
+                    disabled: l,
+                    variant: "ghost",
+                    "aria-pressed": v !== void 0 && c !== "" ? d : void 0,
+                    "data-button-group": "item",
+                    "data-active": d ? "true" : "false",
+                    className: t(
+                      O,
+                      A,
+                      H,
+                      e.props.className
+                    ),
+                    onClick: (M) => {
+                      e.props.onClick?.(M), c && g && !l && g(c);
+                    }
+                  });
+                })
+              }
+            ),
+            a && b === "absolute" && /* @__PURE__ */ n(
+              "div",
+              {
+                className: t(
+                  "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-1",
+                  s && "text-destructive"
+                ),
+                children: [
+                  /* @__PURE__ */ r(
+                    z,
+                    {
+                      size: "xs",
+                      className: t(
+                        "shrink-0",
+                        s ? "text-destructive" : "text-content-muted"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "p",
+                    {
+                      className: t(
+                        "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
+                        s && "text-destructive"
+                      ),
+                      children: a
+                    }
+                  )
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      a && b === "flow" && /* @__PURE__ */ n(
+        "div",
+        {
+          className: t(
+            "flex items-center gap-1",
+            s && "text-destructive"
+          ),
+          children: [
+            /* @__PURE__ */ r(
+              z,
+              {
+                size: "xs",
+                className: t(
+                  "shrink-0",
+                  s ? "text-destructive" : "text-content-muted"
+                )
+              }
+            ),
+            /* @__PURE__ */ r(
+              "p",
+              {
+                className: t(
+                  "text-[12px] font-medium leading-[18px] text-navigation-muted",
+                  s && "text-destructive"
+                ),
+                children: a
+              }
+            )
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  U as ButtonGroup
+};

package/dist/components/primitives/button-group/button-group.types.d.ts

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { ReactNode } from 'react';
+import { HelperTextPosition } from '../../../types/helper-text.types';
+import { buttonGroupVariants } from './button-group.variants';
+import type * as React from "react";
+export interface ButtonOption {
+    label: string | ReactNode;
+    value: string;
+    icon?: string | ReactNode;
+    iconPosition?: "left" | "right";
+    iconSize?: number;
+    /** Canonical disabled flag (charter). Prefer over `isDisabled`. */
+    disabled?: boolean;
+    /** @deprecated Use `disabled` */
+    isDisabled?: boolean;
+}
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
+    value?: string;
+    onValueChange?: (value: string) => void;
+    /** Canonical disabled flag (charter). Prefer over `isDisabled`. */
+    disabled?: boolean;
+    /** @deprecated Use `disabled` */
+    isDisabled?: boolean;
+    label?: string;
+    helperText?: React.ReactNode;
+    /** @default "absolute" */
+    helperTextPosition?: HelperTextPosition;
+    /** Canonical error flag (charter). Prefer over `isError`. */
+    error?: boolean;
+    /** @deprecated Use `error` */
+    isError?: boolean;
+    required?: boolean;
+    /** Accessible name when no visible `label` is passed */
+    "aria-label"?: string;
+}

package/dist/components/primitives/button-group/button-group.variants.d.ts

@@ -0,0 +1,4 @@
+export declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    spacing?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/primitives/button-group/button-group.variants.js

@@ -0,0 +1,22 @@
+import { cva as a } from "class-variance-authority";
+const o = a("inline-flex", {
+  variants: {
+    orientation: {
+      horizontal: "flex-row",
+      vertical: "flex-col"
+    },
+    spacing: {
+      none: "gap-0",
+      sm: "gap-1",
+      md: "gap-2",
+      lg: "gap-4"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    spacing: "none"
+  }
+});
+export {
+  o as buttonGroupVariants
+};

package/dist/components/primitives/chips/chips.d.ts

@@ -0,0 +1,3 @@
+import { ChipProps } from './chips.types';
+declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
+export { Chip };