@sixthshift/design-system 0.1.0 → 0.2.1

package/dist/components/Sheet/Sheet.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FloatingFocusManager, useDismiss, useFloating, useInteractions, useRole } from "@floating-ui/react";
+import { useMergedFloatingRef, usePresence } from "@sixthshift/design-system/hooks";
+import { cn } from "@sixthshift/design-system/utils";
+import { useCallback, useEffect, useMemo } from "react";
+import { SheetBody, SheetContext, SheetFooter, SheetHeader } from "./components/index.js";
+// =============================================================================
+// Size classes
+// =============================================================================
+const sizeClasses = {
+    sm: "sm:w-[22rem]",
+    md: "sm:w-[30rem]",
+    lg: "sm:w-[40rem]",
+};
+// =============================================================================
+// Sheet
+// =============================================================================
+const SheetRoot = ({ open, onOpenChange, side = "right", size = "md", dismissable = true, dismissOnOutsidePress = false, closable, className, style, children, }) => {
+    const { ref: presenceRef, state, isMounted, show, hide } = usePresence();
+    // Drive presence from the controlled `open` prop.
+    // When `open` flips to false, we play the exit animation, then unmount.
+    useEffect(() => {
+        if (open) {
+            show();
+        }
+        else if (isMounted) {
+            hide();
+        }
+    }, [open, isMounted, show, hide]);
+    const requestClose = useCallback(() => {
+        onOpenChange(false);
+    }, [onOpenChange]);
+    const { refs, context } = useFloating({
+        open,
+        onOpenChange: (nextOpen) => {
+            if (!nextOpen)
+                requestClose();
+        },
+    });
+    const mergedRef = useMergedFloatingRef(refs, presenceRef);
+    const dismiss = useDismiss(context, {
+        enabled: dismissable,
+        escapeKey: true,
+        outsidePress: dismissOnOutsidePress,
+        outsidePressEvent: "mousedown",
+    });
+    const role = useRole(context, { role: "dialog" });
+    const { getFloatingProps } = useInteractions([dismiss, role]);
+    const sheetContextValue = useMemo(() => ({ onClose: requestClose, closable }), [requestClose, closable]);
+    if (!isMounted)
+        return null;
+    const isEntering = state === "entering";
+    const isExiting = state === "exiting";
+    return (_jsx(FloatingFocusManager, { context: context, modal: false, children: _jsx("div", { ref: mergedRef, tabIndex: -1, "data-state": state, "data-side": side, className: cn("fixed top-0 bottom-0 z-sheet flex flex-col overflow-hidden bg-bg-normal outline-hidden", "border-border-normal shadow-lg", side === "right" ? "right-0 border-l" : "left-0 border-r", sizeClasses[size], "max-sm:inset-x-0", isEntering && side === "right" && "animate-slide-right-in", isExiting && side === "right" && "animate-slide-right-out", isEntering && side === "left" && "animate-slide-left-in", isExiting && side === "left" && "animate-slide-left-out", className), style: style, ...getFloatingProps({}), children: _jsx(SheetContext.Provider, { value: sheetContextValue, children: children }) }) }));
+};
+SheetRoot.displayName = "Sheet";
+// =============================================================================
+// Compound Component Export
+// =============================================================================
+export const Sheet = Object.assign(SheetRoot, {
+    Header: SheetHeader,
+    Body: SheetBody,
+    Footer: SheetFooter,
+});
+//# sourceMappingURL=Sheet.js.map

package/dist/components/Sheet/Sheet.js.map

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

package/dist/components/Sheet/components/SheetBody.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SheetBody: React.ForwardRefExoticComponent<SheetBodyProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SheetBody.d.ts.map

package/dist/components/Sheet/components/SheetBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetBody.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,SAAS,uFAEpB,CAAC"}

package/dist/components/Sheet/components/SheetBody.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const SheetBody = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex-1 overflow-y-auto p-6", className), ...props })));
+SheetBody.displayName = "SheetBody";
+//# sourceMappingURL=SheetBody.js.map

package/dist/components/Sheet/components/SheetBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetBody.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetBody.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1G,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACrF,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/Sheet/components/SheetContext.d.ts

@@ -0,0 +1,14 @@
+import { type KeyboardEvent, type MouseEvent, type PropsWithChildren } from "react";
+export type OnClose = (event?: MouseEvent<Element> | KeyboardEvent<Element>) => void;
+interface SheetContextValue {
+    onClose: OnClose;
+    closable?: boolean | undefined;
+}
+export declare const SheetContext: import("react").Context<SheetContextValue | null>;
+export declare function useSheetContext(): SheetContextValue;
+export declare const SheetContextProvider: ({ onClose, closable, children }: PropsWithChildren<{
+    onClose: OnClose;
+    closable?: boolean;
+}>) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=SheetContext.d.ts.map

package/dist/components/Sheet/components/SheetContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,aAAa,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAExH,MAAM,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;AAErF,UAAU,iBAAiB;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,YAAY,mDAAgD,CAAC;AAE1E,wBAAgB,eAAe,sBAM9B;AAED,eAAO,MAAM,oBAAoB,oCAAqC,iBAAiB,CAAC;IAAE,OAAO,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC,gCAGhI,CAAC"}

package/dist/components/Sheet/components/SheetContext.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+export const SheetContext = createContext(null);
+export function useSheetContext() {
+    const context = useContext(SheetContext);
+    if (!context) {
+        throw new Error("useSheetContext must be used within a Sheet");
+    }
+    return context;
+}
+export const SheetContextProvider = ({ onClose, closable, children }) => {
+    const value = useMemo(() => ({ onClose, closable }), [onClose, closable]);
+    return _jsx(SheetContext.Provider, { value: value, children: children });
+};
+//# sourceMappingURL=SheetContext.js.map

package/dist/components/Sheet/components/SheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetContext.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAA+D,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AASxH,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAE1E,MAAM,UAAU,eAAe;IAC7B,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAA+D,EAAE,EAAE;IACnI,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC1E,OAAO,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC,CAAC"}

package/dist/components/Sheet/components/SheetFooter.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SheetFooter: React.ForwardRefExoticComponent<SheetFooterProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SheetFooter.d.ts.map

package/dist/components/Sheet/components/SheetFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,yFAEtB,CAAC"}

package/dist/components/Sheet/components/SheetFooter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import * as React from "react";
+export const SheetFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center border-border-normal border-t p-4", className), ...props })));
+SheetFooter.displayName = "SheetFooter";
+//# sourceMappingURL=SheetFooter.js.map

package/dist/components/Sheet/components/SheetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetFooter.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetFooter.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9G,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,qDAAqD,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC9G,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/Sheet/components/SheetHeader.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+export type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const SheetHeader: React.ForwardRefExoticComponent<SheetHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SheetHeader.d.ts.map

package/dist/components/Sheet/components/SheetHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEpE,eAAO,MAAM,WAAW,yFAoBtB,CAAC"}

package/dist/components/Sheet/components/SheetHeader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+import { X } from "lucide-react";
+import * as React from "react";
+import { SheetContext } from "./SheetContext.js";
+export const SheetHeader = React.forwardRef(({ className, children, ...props }, ref) => {
+    const context = React.useContext(SheetContext);
+    const closable = context?.closable;
+    const onClose = context?.onClose;
+    return (_jsxs("div", { ref: ref, className: cn("flex flex-col space-y-1.5 border-border-normal border-b p-6", closable && "pr-12", className), ...props, children: [children, closable && (_jsx("button", { type: "button", onClick: onClose, "aria-label": "Close", className: "absolute top-4 right-4 cursor-pointer rounded-md p-1 text-fg-subtle transition-colors hover:bg-bg-subtle hover:text-fg-normal", children: _jsx(X, { size: 16 }) }))] }));
+});
+SheetHeader.displayName = "SheetHeader";
+//# sourceMappingURL=SheetHeader.js.map

package/dist/components/Sheet/components/SheetHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetHeader.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/SheetHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AACrD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAI9C,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACvH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,CAAC;IACnC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,CAAC;IAEjC,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,6DAA6D,EAAE,QAAQ,IAAI,OAAO,EAAE,SAAS,CAAC,KAAM,KAAK,aACnI,QAAQ,EACR,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,gBACL,OAAO,EAClB,SAAS,EAAC,+HAA+H,YAEzI,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+export { SheetBody, type SheetBodyProps } from "./SheetBody.js";
+export { type OnClose, SheetContext, SheetContextProvider, useSheetContext, } from "./SheetContext.js";
+export { SheetFooter, type SheetFooterProps } from "./SheetFooter.js";
+export { SheetHeader, type SheetHeaderProps } from "./SheetHeader.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,KAAK,OAAO,EACZ,YAAY,EACZ,oBAAoB,EACpB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Sheet/components/index.js

@@ -0,0 +1,5 @@
+export { SheetBody } from "./SheetBody.js";
+export { SheetContext, SheetContextProvider, useSheetContext, } from "./SheetContext.js";
+export { SheetFooter } from "./SheetFooter.js";
+export { SheetHeader } from "./SheetHeader.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sheet/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAC;AAC7D,OAAO,EAEL,YAAY,EACZ,oBAAoB,EACpB,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC"}

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

@@ -0,0 +1,3 @@
+export { type OnClose, SheetBody, type SheetBodyProps, SheetContext, SheetContextProvider, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, useSheetContext, } from "./components/index.js";
+export { Sheet, type SheetProps } from "./Sheet.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,OAAO,EACZ,SAAS,EACT,KAAK,cAAc,EACnB,YAAY,EACZ,oBAAoB,EACpB,WAAW,EACX,KAAK,gBAAgB,EACrB,WAAW,EACX,KAAK,gBAAgB,EACrB,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/Sheet/index.js

@@ -0,0 +1,3 @@
+export { SheetBody, SheetContext, SheetContextProvider, SheetFooter, SheetHeader, useSheetContext, } from "./components/index.js";
+export { Sheet } from "./Sheet.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAET,YAAY,EACZ,oBAAoB,EACpB,WAAW,EAEX,WAAW,EAEX,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,3 @@
+declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ,4BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,gCAE9E,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/Skeleton/Skeleton.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+const Skeleton = ({ className, ...props }) => {
+    return _jsx("div", { className: cn("animate-pulse rounded-md bg-bg-strong/10", className), ...props });
+};
+export { Skeleton };
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,iCAAiC,CAAC;AAErD,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAwC,EAAE,EAAE;IACjF,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,0CAA0C,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAClG,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

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

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

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

package/dist/components/Skeleton/index.js

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

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

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

package/dist/components/Sparkline/Sparkline.d.ts

@@ -0,0 +1,13 @@
+import type { Interpolation } from "@sixthshift/design-system/line-chart";
+import type * as React from "react";
+export type SparklineProps = React.HTMLAttributes<HTMLSpanElement> & {
+    data: number[];
+    width?: number;
+    height?: number;
+    color?: string;
+    fillArea?: boolean;
+    interpolation?: Interpolation;
+    strokeWidth?: number;
+};
+export declare const Sparkline: ({ data, width, height, color, fillArea, interpolation, strokeWidth, className, ...rest }: SparklineProps) => React.JSX.Element | null;
+//# sourceMappingURL=Sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sparkline.d.ts","sourceRoot":"","sources":["../../../src/components/Sparkline/Sparkline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAE1E,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IACnE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAyCF,eAAO,MAAM,SAAS,6FAUnB,cAAc,6BA6BhB,CAAC"}

package/dist/components/Sparkline/Sparkline.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "@sixthshift/design-system/utils";
+function buildPath(points, interpolation) {
+    if (points.length === 0)
+        return "";
+    const parts = [`M ${points[0].x} ${points[0].y}`];
+    switch (interpolation) {
+        case "monotone":
+            for (let i = 1; i < points.length; i++) {
+                const prev = points[i - 1];
+                const curr = points[i];
+                const cpx = (prev.x + curr.x) / 2;
+                parts.push(`C ${cpx} ${prev.y}, ${cpx} ${curr.y}, ${curr.x} ${curr.y}`);
+            }
+            break;
+        case "stepAfter":
+            for (let i = 1; i < points.length; i++) {
+                const prev = points[i - 1];
+                const curr = points[i];
+                parts.push(`L ${curr.x} ${prev.y}`);
+                parts.push(`L ${curr.x} ${curr.y}`);
+            }
+            break;
+        case "stepBefore":
+            for (let i = 1; i < points.length; i++) {
+                const prev = points[i - 1];
+                const curr = points[i];
+                parts.push(`L ${prev.x} ${curr.y}`);
+                parts.push(`L ${curr.x} ${curr.y}`);
+            }
+            break;
+        default:
+            for (let i = 1; i < points.length; i++) {
+                parts.push(`L ${points[i].x} ${points[i].y}`);
+            }
+            break;
+    }
+    return parts.join(" ");
+}
+export const Sparkline = ({ data, width = 80, height = 24, color = "var(--fg-brand)", fillArea = false, interpolation = "monotone", strokeWidth = 1.5, className, ...rest }) => {
+    if (data.length < 2)
+        return null;
+    const min = Math.min(...data);
+    const max = Math.max(...data);
+    const range = max - min || 1;
+    const padY = 2;
+    const padX = 1;
+    const innerW = width - padX * 2;
+    const innerH = height - padY * 2;
+    const points = data.map((v, i) => ({
+        x: padX + (i / (data.length - 1)) * innerW,
+        y: padY + innerH - ((v - min) / range) * innerH,
+    }));
+    const path = buildPath(points, interpolation);
+    return (_jsx("span", { ...rest, className: cn("inline-block align-middle", className), children: _jsxs("svg", { width: width, height: height, viewBox: `0 0 ${width} ${height}`, role: "img", "aria-label": "Trend line", children: [fillArea && path && (_jsx("path", { d: `${path} L ${points[points.length - 1].x} ${height - padY} L ${points[0].x} ${height - padY} Z`, fill: color, opacity: 0.12 })), _jsx("path", { d: path, fill: "none", stroke: color, strokeWidth: strokeWidth, strokeLinecap: "round", strokeLinejoin: "round" })] }) }));
+};
+//# sourceMappingURL=Sparkline.js.map

package/dist/components/Sparkline/Sparkline.js.map

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

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

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

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

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

package/dist/components/Sparkline/index.js

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

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

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

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 type { ReactNode } 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?: ReactNode;
+    /** Visual status indicator via left border color */
+    status?: "healthy" | "warning" | "error" | "neutral";
+    /** Card content */
+    children: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+};
+export declare const StatsCard: ({ title, description, icon, status, children, className }: StatsCardProps) => import("react").JSX.Element;
+//# 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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAC;IACpB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACrD,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AASF,eAAO,MAAM,SAAS,8DAA2E,cAAc,gCAa9G,CAAC"}

package/dist/components/StatsCard/StatsCard.js

@@ -0,0 +1,13 @@
+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";
+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 = ({ title, description, icon, status = "neutral", children, className }) => {
+    return (_jsxs("div", { 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 })] }));
+};
+//# 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;AAkBrD,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,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAkB,EAAE,EAAE;IACjH,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,qFAAqF,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,aACxI,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"}

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