@sixthshift/design-system 0.1.0 → 0.2.1

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: ({ orientation, className }: import("./index.js").TabsListProps) => React.JSX.Element;
+    Panels: ({ className }: import("./index.js").TabsPanelsProps) => React.JSX.Element | null;
+};
+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: ({ orientation, className }: TabsListProps) => React.JSX.Element;
+//# 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,+BAA+C,aAAa,sBAoFhF,CAAC"}

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

@@ -0,0 +1,61 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { useCallback, useRef } from "react";
+import { useTabsContext } from "./TabsContext.js";
+import { TabsTrigger } from "./TabsTrigger.js";
+export const TabsList = ({ orientation = "horizontal", className }) => {
+    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", { 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))) }));
+};
+//# 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: ({ className }: TabsPanelsProps) => import("react").JSX.Element | null;
+//# 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":"AAGA,MAAM,MAAM,eAAe,GAAG;IAC5B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,UAAU,kBAAmB,eAAe,uCAiBxD,CAAC"}

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { useTabsContext } from "./TabsContext.js";
+export const TabsPanels = ({ className }) => {
+    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", { id: panelId, role: "tabpanel", "aria-labelledby": triggerId, className: cn("focus-visible:outline-hidden", className), children: content }));
+};
+//# 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,cAAc,EAAE,MAAM,eAAe,CAAC;AAO/C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAmB,EAAE,EAAE;IAC3D,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,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,UAAU,qBAAkB,SAAS,EAAE,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,YACnH,OAAO,GACJ,CACP,CAAC;AACJ,CAAC,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,21 @@
+/**
+ * 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: ({ tag, onRemove, size, className }: TagChipProps) => import("react").JSX.Element;
+//# 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":"AAIA;;;;;;;;;;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,uCAA+C,YAAY,gCAqB9E,CAAC"}

package/dist/components/TagChip/TagChip.js

@@ -0,0 +1,11 @@
+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";
+export const TagChip = ({ tag, onRemove, size = "sm", className }) => {
+    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, { 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" }) }))] }));
+};
+//# 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;AAsBjC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,SAAS,EAAgB,EAAE,EAAE;IACjF,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,IAAC,OAAO,EAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACrJ,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"}

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"}

package/dist/components/TagInput/TagInput.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Token input for tags: existing tags render as removable chips, typing plus
+ * Enter or comma commits a new one, Backspace on an empty field removes the
+ * last. Duplicates are ignored. Controlled — the parent owns `value`.
+ *
+ * The chrome matches `Input` (same border/focus tokens) so it sits naturally
+ * among other form fields.
+ */
+export type TagInputProps = {
+    value: string[];
+    onChange: (tags: string[]) => void;
+    placeholder?: string;
+    id?: string;
+    className?: string;
+};
+export declare const TagInput: ({ value, onChange, placeholder, id, className }: TagInputProps) => import("react").JSX.Element;
+//# sourceMappingURL=TagInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AACH,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,QAAQ,oDAAoE,aAAa,gCAuCrG,CAAC"}

package/dist/components/TagInput/TagInput.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TagChip } from "@sixthshift/design-system/tag-chip";
+import { cn } from "@sixthshift/design-system/utils";
+import { useState } from "react";
+export const TagInput = ({ value, onChange, placeholder = "Add a tag…", id, className }) => {
+    const [draft, setDraft] = useState("");
+    const commit = () => {
+        const tag = draft.trim();
+        if (tag && !value.includes(tag))
+            onChange([...value, tag]);
+        setDraft("");
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === "Enter" || e.key === ",") {
+            e.preventDefault();
+            commit();
+        }
+        else if (e.key === "Backspace" && draft === "" && value.length > 0) {
+            onChange(value.slice(0, -1));
+        }
+    };
+    return (_jsxs("div", { className: cn("flex min-h-9 flex-wrap items-center gap-1.5 rounded-md border border-border-normal bg-bg-normal px-2 py-1.5 text-sm shadow-xs transition-colors focus-within:ring-2 focus-within:ring-focus-ring", className), children: [value.map((tag) => (_jsx(TagChip, { tag: tag, onRemove: () => onChange(value.filter((t) => t !== tag)) }, tag))), _jsx("input", { id: id, value: draft, onChange: (e) => setDraft(e.target.value), onKeyDown: handleKeyDown, onBlur: commit, placeholder: value.length > 0 ? "" : placeholder, className: "min-w-[8ch] flex-1 bg-transparent outline-none placeholder:text-fg-subtle" })] }));
+};
+//# sourceMappingURL=TagInput.js.map

package/dist/components/TagInput/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sourceRoot":"","sources":["../../../src/components/TagInput/TagInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAsB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkBrD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,GAAG,YAAY,EAAE,EAAE,EAAE,SAAS,EAAiB,EAAE,EAAE;IACxG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QACzB,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC;YAAE,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC;QAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAkC,EAAE,EAAE;QAC3D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,CAAC;QACX,CAAC;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,KAAK,EAAE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACrE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,kMAAkM,EAClM,SAAS,CACV,aAEA,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,KAAC,OAAO,IAAW,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,IAAvE,GAAG,CAAwE,CAC1F,CAAC,EACF,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,WAAW,EAChD,SAAS,EAAC,2EAA2E,GACrF,IACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

package/dist/components/TagInput/index.js

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

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

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

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export type TextElement = "span" | "p" | "div" | "label" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+export type TextProps = React.HTMLAttributes<HTMLElement> & {
+    as?: TextElement;
+};
+declare const Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+    as?: TextElement;
+} & React.RefAttributes<HTMLElement>>;
+export { Text };
+//# sourceMappingURL=Text.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5G,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,GAAG;IAC1D,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,QAAA,MAAM,IAAI;SAHH,WAAW;qCAUhB,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/components/Text/Text.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const Text = React.forwardRef(({ as: Comp = "span", className, ...props }, ref) => (_jsx(Comp
+// biome-ignore lint/suspicious/noExplicitAny: polymorphic ref requires any
+, { 
+    // biome-ignore lint/suspicious/noExplicitAny: polymorphic ref requires any
+    ref: ref, className: cn(className), ...props })));
+Text.displayName = "Text";
+export { Text };
+//# sourceMappingURL=Text.js.map

package/dist/components/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAyB,CAAC,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACzG,KAAC,IAAI;AACH,2EAA2E;;IAA3E,2EAA2E;IAC3E,GAAG,EAAE,GAAU,EACf,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,GACT,CACH,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

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

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

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

package/dist/components/Text/index.js

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

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

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

package/dist/components/TextInline/TextInline.d.ts

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const textInlineVariants: (props?: ({
+    gap?: "none" | "xs" | "sm" | "lg" | "xl" | "md" | null | undefined;
+    align?: "center" | "end" | "start" | "baseline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TextInlineProps = React.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof textInlineVariants>;
+declare const TextInline: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
+    gap?: "none" | "xs" | "sm" | "lg" | "xl" | "md" | null | undefined;
+    align?: "center" | "end" | "start" | "baseline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
+export { TextInline, textInlineVariants };
+//# sourceMappingURL=TextInline.d.ts.map

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

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

package/dist/components/TextInline/TextInline.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+const textInlineVariants = cva("inline-flex items-center", {
+    variants: {
+        gap: {
+            none: "gap-0",
+            xs: "gap-0.5",
+            sm: "gap-1",
+            md: "gap-2",
+            lg: "gap-3",
+            xl: "gap-4",
+        },
+        align: {
+            start: "items-start",
+            center: "items-center",
+            end: "items-end",
+            baseline: "items-baseline",
+        },
+    },
+    defaultVariants: {
+        gap: "sm",
+        align: "baseline",
+    },
+});
+const TextInline = React.forwardRef(({ className, gap, align, ...props }, ref) => (_jsx("span", { ref: ref, className: cn(textInlineVariants({ gap, align }), className), ...props })));
+TextInline.displayName = "TextInline";
+export { TextInline, textInlineVariants };
+//# sourceMappingURL=TextInline.js.map

package/dist/components/TextInline/TextInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInline.js","sourceRoot":"","sources":["../../../src/components/TextInline/TextInline.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,kBAAkB,GAAG,GAAG,CAAC,0BAA0B,EAAE;IACzD,QAAQ,EAAE;QACR,GAAG,EAAE;YACH,IAAI,EAAE,OAAO;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;SACZ;QACD,KAAK,EAAE;YACL,KAAK,EAAE,aAAa;YACpB,MAAM,EAAE,cAAc;YACtB,GAAG,EAAE,WAAW;YAChB,QAAQ,EAAE,gBAAgB;SAC3B;KACF;IACD,eAAe,EAAE;QACf,GAAG,EAAE,IAAI;QACT,KAAK,EAAE,UAAU;KAClB;CACF,CAAC,CAAC;AAIH,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAClH,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC5F,CAAC,CAAC;AACH,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}

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

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

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

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

package/dist/components/TextInline/index.js

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

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

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

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type TextareaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement>;
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9E,QAAA,MAAM,QAAQ,2FAWZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Textarea/Textarea.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+const Textarea = React.forwardRef(({ className, ...props }, ref) => {
+    return (_jsx("textarea", { className: cn("flex min-h-[60px] w-full rounded-md border border-border-normal bg-transparent px-3 py-2 text-sm shadow-xs placeholder:text-fg-subtle focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
+});
+Textarea.displayName = "Textarea";
+export { Textarea };
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrG,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CACX,uQAAuQ,EACvQ,SAAS,CACV,EACD,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

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

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

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

package/dist/components/Textarea/index.js

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

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

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