@sixthshift/design-system 0.1.0 → 0.3.0

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SpinnerProps = React.SVGAttributes<SVGElement> & VariantProps<typeof spinnerVariants>;
+declare const Spinner: React.ForwardRefExoticComponent<React.SVGAttributes<SVGElement> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<SVGSVGElement>>;
+export { Spinner, spinnerVariants };
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,QAAA,MAAM,eAAe;;8EAYnB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAElG,QAAA,MAAM,OAAO;;qHAiBX,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+const spinnerVariants = cva("animate-spin text-fg-subtle", {
+    variants: {
+        size: {
+            sm: "h-4 w-4",
+            default: "h-6 w-6",
+            lg: "h-8 w-8",
+            xl: "h-12 w-12",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+const Spinner = React.forwardRef(({ className, size, ...props }, ref) => (_jsxs("svg", { ref: ref, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", className: cn(spinnerVariants({ size, className })), "aria-hidden": "true", ...props, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })));
+Spinner.displayName = "Spinner";
+export { Spinner, spinnerVariants };
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,eAAe,GAAG,GAAG,CAAC,6BAA6B,EAAE;IACzD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,WAAW;SAChB;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAIH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAA8B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACpG,eACE,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,iBACvC,MAAM,KACd,KAAK,aAET,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EAC9F,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,IACE,CACP,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Spinner, type SpinnerProps, spinnerVariants } from "./Spinner.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Spinner/index.js

@@ -0,0 +1,2 @@
+export { Spinner, spinnerVariants } from "./Spinner.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,eAAe,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/StatsCard/StatsCard.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type StatsCardProps = {
+    /** Title of the stats card */
+    title: string;
+    /** Description text shown below the title */
+    description: string;
+    /** Optional icon displayed in the header */
+    icon?: React.ReactNode;
+    /** Visual status indicator via left border color */
+    status?: "healthy" | "warning" | "error" | "neutral";
+    /** Card content */
+    children: React.ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+};
+export declare const StatsCard: React.ForwardRefExoticComponent<StatsCardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=StatsCard.d.ts.map

package/dist/components/StatsCard/StatsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../../src/components/StatsCard/StatsCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACrD,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,eAAO,MAAM,SAAS,uFAapB,CAAC"}

package/dist/components/StatsCard/StatsCard.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Caption } from "@sixthshift/design-system/caption";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const statusColors = {
+    healthy: "border-l-green-500",
+    warning: "border-l-amber-500",
+    error: "border-l-red-500",
+    neutral: "border-l-border-subtle",
+};
+export const StatsCard = React.forwardRef(({ title, description, icon, status = "neutral", children, className }, ref) => {
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-3 rounded border border-border-subtle border-l-2 bg-bg-subtle p-4", statusColors[status], className), children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsxs("div", { className: "flex flex-col gap-0.5", children: [_jsx("span", { className: "font-medium text-fg-normal", children: title }), _jsx(Caption, { children: description })] }), icon && _jsx("div", { className: "text-fg-subtle", children: icon })] }), _jsx("div", { className: "flex-1", children: children })] }));
+});
+StatsCard.displayName = "StatsCard";
+//# sourceMappingURL=StatsCard.js.map

package/dist/components/StatsCard/StatsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.js","sourceRoot":"","sources":["../../../src/components/StatsCard/StatsCard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,YAAY,GAAG;IACnB,OAAO,EAAE,oBAAoB;IAC7B,OAAO,EAAE,oBAAoB;IAC7B,KAAK,EAAE,kBAAkB;IACzB,OAAO,EAAE,wBAAwB;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACvJ,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qFAAqF,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,aAClJ,eAAK,SAAS,EAAC,wCAAwC,aACrD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAM,SAAS,EAAC,4BAA4B,YAAE,KAAK,GAAQ,EAC3D,KAAC,OAAO,cAAE,WAAW,GAAW,IAC5B,EACL,IAAI,IAAI,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,IACjD,EACN,cAAK,SAAS,EAAC,QAAQ,YAAE,QAAQ,GAAO,IACpC,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

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

@@ -0,0 +1,2 @@
+export { StatsCard, type StatsCardProps } from "./StatsCard.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/StatsCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StatsCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/StatsCard/index.js

@@ -0,0 +1,2 @@
+export { StatsCard } from "./StatsCard.js";
+//# sourceMappingURL=index.js.map

package/dist/components/StatsCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/StatsCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC"}

package/dist/components/Switch/Switch.d.ts

@@ -0,0 +1,39 @@
+import * as React from "react";
+export type SwitchProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean;
+    /** Called when checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Shows a loading spinner in the thumb and prevents interaction */
+    pending?: boolean;
+    /** Input name for form submission */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the switch. Wraps in a <Label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping element when `label` is provided */
+    labelClassName?: string;
+};
+declare const Switch: React.ForwardRefExoticComponent<Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "value"> & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state for uncontrolled mode */
+    defaultChecked?: boolean;
+    /** Called when checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Shows a loading spinner in the thumb and prevents interaction */
+    pending?: boolean;
+    /** Input name for form submission */
+    name?: string;
+    /** Value submitted with form (defaults to "on") */
+    value?: string;
+    /** Label rendered next to the switch. Wraps in a <Label> for a11y. */
+    label?: React.ReactNode;
+    /** Classes applied to the wrapping element when `label` is provided */
+    labelClassName?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,GAAG;IACpG,+BAA+B;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uEAAuE;IACvE,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,MAAM;IAlBV,+BAA+B;cACrB,OAAO;IACjB,kDAAkD;qBACjC,OAAO;IACxB,wCAAwC;sBACtB,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI;IAC5C,oEAAoE;cAC1D,OAAO;IACjB,qCAAqC;WAC9B,MAAM;IACb,mDAAmD;YAC3C,MAAM;IACd,sEAAsE;YAC9D,KAAK,CAAC,SAAS;IACvB,uEAAuE;qBACtD,MAAM;2CAuGxB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Switch/Switch.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { Label } from "@sixthshift/design-system/label";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const Switch = React.forwardRef(({ className, checked: controlledChecked, defaultChecked = false, onCheckedChange, pending = false, disabled, name, value = "on", label, labelClassName, id: idProp, ...props }, ref) => {
+    const generatedId = React.useId();
+    const id = idProp ?? (label ? generatedId : undefined);
+    const [checked, setChecked] = useControllableState({
+        value: controlledChecked,
+        defaultValue: defaultChecked,
+        onChange: onCheckedChange,
+    });
+    const button = (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", role: "switch", id: id, "aria-checked": checked, "aria-busy": pending || undefined, "data-state": checked ? "checked" : "unchecked", "data-pending": pending || undefined, disabled: disabled, ref: ref, onClick: () => !pending && setChecked(!checked), className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-normal disabled:cursor-not-allowed disabled:opacity-50", checked ? "bg-bg-brand" : "bg-bg-subtle", pending && "cursor-default", className), ...props, children: _jsx("span", { className: cn("pointer-events-none flex h-4 w-4 items-center justify-center rounded-full bg-bg-normal shadow-lg ring-0 transition-transform", checked ? "translate-x-4" : "translate-x-0"), children: pending && (_jsxs("svg", { className: "h-2.5 w-2.5 animate-spin text-fg-subtle", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) }) }), name && (_jsx("input", { type: "checkbox", "aria-hidden": true, tabIndex: -1, name: name, value: value, checked: checked, disabled: disabled, readOnly: true, style: {
+                    position: "absolute",
+                    pointerEvents: "none",
+                    opacity: 0,
+                    margin: 0,
+                    width: 0,
+                    height: 0,
+                } }))] }));
+    if (!label)
+        return button;
+    return (_jsxs("div", { className: cn("flex items-center gap-2", labelClassName), children: [button, _jsx(Label, { htmlFor: id, className: cn(disabled && "cursor-not-allowed opacity-50"), children: label })] }));
+});
+Switch.displayName = "Switch";
+export { Switch };
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export { Switch, type SwitchProps } from "./Switch.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Switch/index.js

@@ -0,0 +1,2 @@
+export { Switch } from "./Switch.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,20 @@
+import type * as React from "react";
+import { type TabItem } from "./components/TabsContext.js";
+export type TabsProps = {
+    /** Tab definitions */
+    items: TabItem[];
+    /** Controlled selected value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Callback when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Children - compound components (Tabs.List, Tabs.Panels) */
+    children: React.ReactNode;
+};
+export declare const Tabs: (({ items, value: controlledValue, defaultValue, onValueChange, children }: TabsProps) => React.JSX.Element) & {
+    List: React.ForwardRefExoticComponent<import("./index.js").TabsListProps & React.RefAttributes<HTMLDivElement>>;
+    Panels: React.ForwardRefExoticComponent<import("./index.js").TabsPanelsProps & React.RefAttributes<HTMLDivElement>>;
+};
+export type { TabItem };
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,OAAO,EAAe,MAAM,0BAA0B,CAAC;AAIrE,MAAM,MAAM,SAAS,GAAG;IACtB,sBAAsB;IACtB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,8DAA8D;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAyBF,eAAO,MAAM,IAAI,8EAvB2E,SAAS;;;CA0BnG,CAAC;AAEH,YAAY,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/Tabs/Tabs.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useControllableState } from "@sixthshift/design-system/hooks";
+import { useId } from "react";
+import { TabsContext } from "./components/TabsContext.js";
+import { TabsList } from "./components/TabsList.js";
+import { TabsPanels } from "./components/TabsPanels.js";
+const TabsRoot = ({ items, value: controlledValue, defaultValue, onValueChange, children }) => {
+    // Default to first non-disabled item if no defaultValue provided
+    const firstEnabledValue = items.find((item) => !item.disabled)?.value ?? items[0]?.value ?? "";
+    const [value, setValue] = useControllableState({
+        value: controlledValue,
+        defaultValue: defaultValue ?? firstEnabledValue,
+        onChange: onValueChange,
+    });
+    const id = useId();
+    const baseId = `tabs-${id}`;
+    const contextValue = {
+        items,
+        value,
+        onValueChange: setValue,
+        baseId,
+    };
+    return _jsx(TabsContext.Provider, { value: contextValue, children: children });
+};
+export const Tabs = Object.assign(TabsRoot, {
+    List: TabsList,
+    Panels: TabsPanels,
+});
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAgB,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAerD,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,QAAQ,EAAa,EAAE,EAAE;IACvG,iEAAiE;IACjE,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC;IAE/F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,oBAAoB,CAAC;QAC7C,KAAK,EAAE,eAAe;QACtB,YAAY,EAAE,YAAY,IAAI,iBAAiB;QAC/C,QAAQ,EAAE,aAAa;KACxB,CAAC,CAAC;IAEH,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,MAAM,GAAG,QAAQ,EAAE,EAAE,CAAC;IAE5B,MAAM,YAAY,GAA0C;QAC1D,KAAK;QACL,KAAK;QACL,aAAa,EAAE,QAAQ;QACvB,MAAM;KACP,CAAC;IAEF,OAAO,KAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,QAAQ,GAAwB,CAAC;AACtF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;IAC1C,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC"}

package/dist/components/Tabs/components/TabsContext.d.ts

@@ -0,0 +1,26 @@
+import { type ReactNode } from "react";
+export type TabItem = {
+    /** Unique identifier for this tab */
+    value: string;
+    /** Tab trigger content (displayed in the tab list) */
+    label: ReactNode;
+    /** Optional badge to display on the tab */
+    badge?: number | string;
+    /** Whether this tab is disabled */
+    disabled?: boolean;
+    /** Panel content - can be a ReactNode or lazy function */
+    content: ReactNode | (() => ReactNode);
+};
+export type TabsContextValue = {
+    /** All tab items */
+    items: TabItem[];
+    /** Currently selected tab value */
+    value: string;
+    /** Callback when selection changes */
+    onValueChange: (value: string) => void;
+    /** Base ID for generating ARIA IDs */
+    baseId: string;
+};
+export declare const TabsContext: import("react").Context<TabsContextValue | null>;
+export declare function useTabsContext(): TabsContextValue;
+//# sourceMappingURL=TabsContext.d.ts.map

package/dist/components/Tabs/components/TabsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,OAAO,GAAG;IACpB,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAC;IACjB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oBAAoB;IACpB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,kDAA+C,CAAC;AAExE,wBAAgB,cAAc,qBAM7B"}

package/dist/components/Tabs/components/TabsContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "react";
+export const TabsContext = createContext(null);
+export function useTabsContext() {
+    const context = useContext(TabsContext);
+    if (!context) {
+        throw new Error("Tabs compound components must be used within <Tabs>");
+    }
+    return context;
+}
+//# sourceMappingURL=TabsContext.js.map

package/dist/components/Tabs/components/TabsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsContext.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AA0BlE,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,UAAU,cAAc;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IACxC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;IACzE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/components/Tabs/components/TabsList.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+export type TabsListProps = {
+    /** Layout direction */
+    orientation?: "horizontal" | "vertical";
+    /** Additional CSS classes */
+    className?: string;
+};
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/components/Tabs/components/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAKpC,MAAM,MAAM,aAAa,GAAG;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,sFAqFnB,CAAC"}

package/dist/components/Tabs/components/TabsList.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { forwardRef, useCallback, useRef } from "react";
+import { useTabsContext } from "./TabsContext.js";
+import { TabsTrigger } from "./TabsTrigger.js";
+export const TabsList = forwardRef(({ orientation = "horizontal", className }, ref) => {
+    const { items, value, onValueChange } = useTabsContext();
+    const triggerRefs = useRef([]);
+    // Get enabled items and their indices
+    const enabledItems = items.map((item, index) => ({ item, index })).filter(({ item }) => !item.disabled);
+    const getCurrentEnabledIndex = useCallback(() => {
+        return enabledItems.findIndex(({ item }) => item.value === value);
+    }, [enabledItems, value]);
+    const focusAndSelect = useCallback((index) => {
+        const targetRef = triggerRefs.current[index];
+        if (targetRef) {
+            targetRef.focus();
+            const item = items[index];
+            if (item && !item.disabled) {
+                onValueChange(item.value);
+            }
+        }
+    }, [items, onValueChange]);
+    const handleKeyDown = useCallback((event) => {
+        const currentEnabledIdx = getCurrentEnabledIndex();
+        if (currentEnabledIdx === -1 || enabledItems.length === 0)
+            return;
+        const isHorizontal = orientation === "horizontal";
+        const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
+        const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
+        let newEnabledIdx = currentEnabledIdx;
+        switch (event.key) {
+            case prevKey:
+                event.preventDefault();
+                newEnabledIdx = currentEnabledIdx > 0 ? currentEnabledIdx - 1 : enabledItems.length - 1;
+                break;
+            case nextKey:
+                event.preventDefault();
+                newEnabledIdx = currentEnabledIdx < enabledItems.length - 1 ? currentEnabledIdx + 1 : 0;
+                break;
+            case "Home":
+                event.preventDefault();
+                newEnabledIdx = 0;
+                break;
+            case "End":
+                event.preventDefault();
+                newEnabledIdx = enabledItems.length - 1;
+                break;
+            default:
+                return;
+        }
+        const targetItem = enabledItems[newEnabledIdx];
+        if (targetItem) {
+            focusAndSelect(targetItem.index);
+        }
+    }, [orientation, getCurrentEnabledIndex, enabledItems, focusAndSelect]);
+    return (_jsx("div", { ref: ref, role: "tablist", "aria-orientation": orientation, className: cn("inline-flex gap-1", orientation === "vertical" ? "flex-col" : "flex-row items-center", className), onKeyDown: handleKeyDown, children: items.map((item, index) => (_jsx(TabsTrigger, { item: item, index: index, ref: (el) => {
+                triggerRefs.current[index] = el;
+            } }, item.value))) }));
+});
+TabsList.displayName = "TabsList";
+//# sourceMappingURL=TabsList.js.map

package/dist/components/Tabs/components/TabsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsList.tsx"],"names":[],"mappings":"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"}

package/dist/components/Tabs/components/TabsPanels.d.ts

@@ -0,0 +1,6 @@
+export type TabsPanelsProps = {
+    /** Additional CSS classes */
+    className?: string;
+};
+export declare const TabsPanels: import("react").ForwardRefExoticComponent<TabsPanelsProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TabsPanels.d.ts.map

package/dist/components/Tabs/components/TabsPanels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanels.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsPanels.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,eAAe,GAAG;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,4GAiBrB,CAAC"}

package/dist/components/Tabs/components/TabsPanels.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { forwardRef } from "react";
+import { useTabsContext } from "./TabsContext.js";
+export const TabsPanels = forwardRef(({ className }, ref) => {
+    const { items, value, baseId } = useTabsContext();
+    const activeItem = items.find((item) => item.value === value);
+    if (!activeItem)
+        return null;
+    const panelId = `${baseId}-panel-${value}`;
+    const triggerId = `${baseId}-trigger-${value}`;
+    // Support lazy content
+    const content = typeof activeItem.content === "function" ? activeItem.content() : activeItem.content;
+    return (_jsx("div", { ref: ref, id: panelId, role: "tabpanel", "aria-labelledby": triggerId, className: cn("focus-visible:outline-hidden", className), children: content }));
+});
+TabsPanels.displayName = "TabsPanels";
+//# sourceMappingURL=TabsPanels.js.map

package/dist/components/Tabs/components/TabsPanels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanels.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsPanels.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAkC,CAAC,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IAC3F,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAElD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;IAC9D,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,OAAO,GAAG,GAAG,MAAM,UAAU,KAAK,EAAE,CAAC;IAC3C,MAAM,SAAS,GAAG,GAAG,MAAM,YAAY,KAAK,EAAE,CAAC;IAE/C,uBAAuB;IACvB,MAAM,OAAO,GAAG,OAAO,UAAU,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC;IAErG,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,qBAAkB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YAC7H,OAAO,GACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/Tabs/components/TabsTrigger.d.ts

@@ -0,0 +1,7 @@
+import { type TabItem } from "./TabsContext.js";
+export type TabsTriggerProps = {
+    item: TabItem;
+    index: number;
+};
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TabsTrigger.d.ts.map

package/dist/components/Tabs/components/TabsTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,OAAO,EAAkB,MAAM,eAAe,CAAC;AAoB7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,WAAW,gHAqCtB,CAAC"}

package/dist/components/Tabs/components/TabsTrigger.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge } from "@sixthshift/design-system/badge";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { useTabsContext } from "./TabsContext.js";
+const tabsTriggerVariants = cva(`inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md
+  px-3 py-1.5 text-sm font-medium cursor-pointer transition-colors focus-visible:outline-hidden
+  focus-visible:ring-2 focus-visible:ring-focus-ring
+  focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50`, {
+    variants: {
+        selected: {
+            true: "bg-bg-brand-pressed text-fg-on-brand-pressed",
+            false: "text-fg-subtle hover:bg-bg-subtle-hovered hover:text-fg-normal",
+        },
+    },
+    defaultVariants: {
+        selected: false,
+    },
+});
+export const TabsTrigger = forwardRef(({ item, index }, ref) => {
+    const { value, onValueChange, baseId } = useTabsContext();
+    const isSelected = value === item.value;
+    const triggerId = `${baseId}-trigger-${item.value}`;
+    const panelId = `${baseId}-panel-${item.value}`;
+    const handleClick = () => {
+        if (!item.disabled) {
+            onValueChange(item.value);
+        }
+    };
+    return (_jsxs("button", { ref: ref, id: triggerId, role: "tab", type: "button", "aria-selected": isSelected, "aria-controls": isSelected ? panelId : undefined, tabIndex: isSelected ? 0 : -1, disabled: item.disabled, "data-index": index, className: cn(tabsTriggerVariants({ selected: isSelected })), onClick: handleClick, children: [item.label, item.badge !== undefined && (_jsx(Badge, { variant: "soft", intent: "neutral", className: "ml-1 min-w-[1.25rem] px-1.5 py-0", children: item.badge }))] }));
+});
+TabsTrigger.displayName = "TabsTrigger";
+//# sourceMappingURL=TabsTrigger.js.map

package/dist/components/Tabs/components/TabsTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTrigger.js","sourceRoot":"","sources":["../../../../src/components/Tabs/components/TabsTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAC;AAE7D,MAAM,mBAAmB,GAAG,GAAG,CAC7B;;;+EAG6E,EAC7E;IACE,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,IAAI,EAAE,8CAA8C;YACpD,KAAK,EAAE,gEAAgE;SACxE;KACF;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAOF,MAAM,CAAC,MAAM,WAAW,GAAG,UAAU,CAAsC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAClG,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,cAAc,EAAE,CAAC;IAC1D,MAAM,UAAU,GAAG,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;IACxC,MAAM,SAAS,GAAG,GAAG,MAAM,YAAY,IAAI,CAAC,KAAK,EAAE,CAAC;IACpD,MAAM,OAAO,GAAG,GAAG,MAAM,UAAU,IAAI,CAAC,KAAK,EAAE,CAAC;IAEhD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,SAAS,EACb,IAAI,EAAC,KAAK,EACV,IAAI,EAAC,QAAQ,mBACE,UAAU,mBAIV,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAC/C,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ,gBACX,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,CAAC,EAC5D,OAAO,EAAE,WAAW,aAEnB,IAAI,CAAC,KAAK,EACV,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,SAAS,EAAC,SAAS,EAAC,kCAAkC,YAChF,IAAI,CAAC,KAAK,GACL,CACT,IACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,4 @@
+export { TabsList, type TabsListProps } from "./components/TabsList.js";
+export { TabsPanels, type TabsPanelsProps } from "./components/TabsPanels.js";
+export { type TabItem, Tabs, type TabsProps } from "./Tabs.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,KAAK,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/Tabs/index.js

@@ -0,0 +1,4 @@
+export { TabsList } from "./components/TabsList.js";
+export { TabsPanels } from "./components/TabsPanels.js";
+export { Tabs } from "./Tabs.js";
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAgB,IAAI,EAAkB,MAAM,QAAQ,CAAC"}

package/dist/components/TagChip/TagChip.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+/**
+ * One tag, rendered prettily. A `namespace:value` tag (`project:website`)
+ * shows the namespace muted; a plain tag (`urgent`) renders as-is.
+ *
+ * Pure presentation. Entity-reference tags (`person:per_…`) are NOT rendered
+ * here — the web `TagRef` intercepts those and resolves them to a name chip
+ * (identity-rendering.md); TagChip never shows a raw id.
+ *
+ * Two disjoint modes: navigable (no `onRemove`; the caller wraps it in a link)
+ * or removable (`onRemove` renders an × — used by `TagInput` and edit surfaces).
+ */
+export type TagChipProps = {
+    tag: string;
+    /** When set, renders an × affordance. Omit for read-only / navigable chips. */
+    onRemove?: () => void;
+    /** `sm` (default) for rows; `default` for detail pages. */
+    size?: "sm" | "default";
+    className?: string;
+};
+export declare const TagChip: React.ForwardRefExoticComponent<TagChipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=TagChip.d.ts.map

package/dist/components/TagChip/TagChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagChip.d.ts","sourceRoot":"","sources":["../../../src/components/TagChip/TagChip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;;;;;;;;;GAUG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,sFA0BlB,CAAC"}

package/dist/components/TagChip/TagChip.js

@@ -0,0 +1,13 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from "@sixthshift/design-system/badge";
+import { cn } from "@sixthshift/design-system/utils";
+import { X } from "lucide-react";
+import * as React from "react";
+export const TagChip = React.forwardRef(({ tag, onRemove, size = "sm", className }, ref) => {
+    const sep = tag.indexOf(":");
+    const namespace = sep > 0 ? tag.slice(0, sep) : null;
+    const value = sep > 0 ? tag.slice(sep + 1) : tag;
+    return (_jsxs(Badge, { ref: ref, variant: "outline", intent: "muted", className: cn("gap-1 font-normal", size === "sm" ? "px-1.5 py-0 text-[10px]" : "px-2 py-0.5 text-xs", className), children: [namespace && _jsxs("span", { className: "text-fg-subtle", children: [namespace, ":"] }), _jsx("span", { children: value }), onRemove && (_jsx("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${tag}`, className: "-mr-0.5 ml-0.5 rounded-sm text-fg-subtle hover:text-fg-normal focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring", children: _jsx(X, { className: "h-3 w-3" }) }))] }));
+});
+TagChip.displayName = "TagChip";
+//# sourceMappingURL=TagChip.js.map

package/dist/components/TagChip/TagChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagChip.js","sourceRoot":"","sources":["../../../src/components/TagChip/TagChip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsB/B,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAE,EAAE,GAAG,EAAE,EAAE;IACxH,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B,MAAM,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACrD,MAAM,KAAK,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAEjD,OAAO,CACL,MAAC,KAAK,IACJ,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,OAAO,EACd,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,aAE/G,SAAS,IAAI,gBAAM,SAAS,EAAC,gBAAgB,aAAE,SAAS,SAAS,EAClE,yBAAO,KAAK,GAAQ,EACnB,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ,gBACL,UAAU,GAAG,EAAE,EAC3B,SAAS,EAAC,6IAA6I,YAEvJ,KAAC,CAAC,IAAC,SAAS,EAAC,SAAS,GAAG,GAClB,CACV,IACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

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

@@ -0,0 +1,2 @@
+export { TagChip, type TagChipProps } from "./TagChip.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TagChip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/TagChip/index.js

@@ -0,0 +1,2 @@
+export { TagChip } from "./TagChip.js";
+//# sourceMappingURL=index.js.map

package/dist/components/TagChip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TagChip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAqB,MAAM,WAAW,CAAC"}