@smart-coder-labs/apple-design-system 1.0.0

package/dist/components/ContextMenu.js

@@ -0,0 +1,191 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { cn } from "../lib/utils";
+import { createPortal } from "react-dom";
+const ContextMenuContext = React.createContext(null);
+const ContextMenuSubContext = React.createContext(null);
+const ContextMenuRadioContext = React.createContext(null);
+const ContextMenu = ({ children, open, defaultOpen = false, onOpenChange, ...props }) => {
+    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
+    const [position, setPosition] = React.useState(null);
+    const isControlled = open !== undefined;
+    const currentOpen = isControlled ? open : internalOpen;
+    const setOpen = React.useCallback((next) => {
+        if (!isControlled)
+            setInternalOpen(next);
+        onOpenChange?.(next);
+        if (!next)
+            setPosition(null);
+    }, [isControlled, onOpenChange]);
+    const contextValue = React.useMemo(() => ({ open: !!currentOpen, setOpen, position, setPosition }), [currentOpen, setOpen, position]);
+    React.useEffect(() => {
+        if (!currentOpen)
+            return;
+        const handleKey = (e) => {
+            if (e.key === "Escape") {
+                setOpen(false);
+            }
+        };
+        const handleClick = () => setOpen(false);
+        document.addEventListener("keydown", handleKey);
+        document.addEventListener("mousedown", handleClick);
+        return () => {
+            document.removeEventListener("keydown", handleKey);
+            document.removeEventListener("mousedown", handleClick);
+        };
+    }, [currentOpen, setOpen]);
+    return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx("div", { ...props, children: children }) }));
+};
+ContextMenu.displayName = "ContextMenu";
+const ContextMenuTrigger = React.forwardRef(({ asChild = false, children, ...props }, ref) => {
+    const context = React.useContext(ContextMenuContext);
+    if (!context)
+        throw new Error("ContextMenuTrigger must be used within ContextMenu");
+    const { setOpen, setPosition } = context;
+    const handleContextMenu = (event) => {
+        event.preventDefault();
+        setPosition({ x: event.clientX, y: event.clientY });
+        setOpen(true);
+    };
+    if (asChild && React.isValidElement(children)) {
+        return React.cloneElement(children, {
+            ref,
+            onContextMenu: handleContextMenu,
+            ...props,
+        });
+    }
+    return (_jsx("div", { ref: ref, onContextMenu: handleContextMenu, ...props, children: children }));
+});
+ContextMenuTrigger.displayName = "ContextMenuTrigger";
+const ContextMenuContent = React.forwardRef(({ className, style, children, ...props }, ref) => {
+    const context = React.useContext(ContextMenuContext);
+    if (!context)
+        throw new Error("ContextMenuContent must be used within ContextMenu");
+    const { open, position, setOpen } = context;
+    if (!open || !position)
+        return null;
+    const content = (_jsx("div", { ref: ref, role: "menu", style: {
+            position: "fixed",
+            top: position.y,
+            left: position.x,
+            ...style,
+        }, "data-state": open ? "open" : "closed", className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border-primary bg-surface-glass backdrop-blur-xl p-1 text-text-primary shadow-lg animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), ...props, children: children }));
+    return createPortal(content, document.body);
+});
+ContextMenuContent.displayName = "ContextMenuContent";
+const ContextMenuGroup = ({ className, ...props }) => (_jsx("div", { className: className, ...props }));
+ContextMenuGroup.displayName = "ContextMenuGroup";
+const ContextMenuItem = React.forwardRef(({ className, inset, onSelect, onClick, ...props }, ref) => {
+    const root = React.useContext(ContextMenuContext);
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (!event.defaultPrevented) {
+            onSelect?.();
+            root?.setOpen(false);
+        }
+    };
+    return (_jsx("div", { ref: ref, role: "menuitem", tabIndex: -1, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent-blue focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), onClick: handleClick, ...props }));
+});
+ContextMenuItem.displayName = "ContextMenuItem";
+const ContextMenuCheckboxItem = React.forwardRef(({ className, children, checked = false, onCheckedChange, onClick, ...props }, ref) => {
+    const root = React.useContext(ContextMenuContext);
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        onCheckedChange?.(!checked);
+        root?.setOpen(false);
+    };
+    return (_jsxs("div", { ref: ref, role: "menuitemcheckbox", "aria-checked": checked, tabIndex: -1, "data-state": checked ? "checked" : "unchecked", className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent-blue focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), onClick: handleClick, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: checked && _jsx(Check, { className: "h-4 w-4" }) }), children] }));
+});
+ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
+const ContextMenuRadioGroup = ({ children, value, onValueChange, ...props }) => {
+    const contextValue = React.useMemo(() => ({ value, onValueChange }), [value, onValueChange]);
+    return (_jsx(ContextMenuRadioContext.Provider, { value: contextValue, children: _jsx("div", { role: "group", ...props, children: children }) }));
+};
+ContextMenuRadioGroup.displayName = "ContextMenuRadioGroup";
+const ContextMenuRadioItem = React.forwardRef(({ className, children, value, onClick, ...props }, ref) => {
+    const radio = React.useContext(ContextMenuRadioContext);
+    const root = React.useContext(ContextMenuContext);
+    const checked = radio?.value === value;
+    const handleClick = (event) => {
+        onClick?.(event);
+        if (event.defaultPrevented)
+            return;
+        radio?.onValueChange?.(value);
+        root?.setOpen(false);
+    };
+    return (_jsxs("div", { ref: ref, role: "menuitemradio", "aria-checked": checked, tabIndex: -1, "data-state": checked ? "checked" : "unchecked", className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent-blue focus:text-white data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), onClick: handleClick, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: checked && _jsx(Circle, { className: "h-2 w-2 fill-current" }) }), children] }));
+});
+ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
+const ContextMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold text-text-primary", inset && "pl-8", className), ...props })));
+ContextMenuLabel.displayName = "ContextMenuLabel";
+const ContextMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("-mx-1 my-1 h-px bg-border-primary", className), role: "separator", ...props })));
+ContextMenuSeparator.displayName = "ContextMenuSeparator";
+const ContextMenuShortcut = ({ className, ...props }) => {
+    return _jsx("span", { className: cn("ml-auto text-xs tracking-widest text-text-tertiary", className), ...props });
+};
+ContextMenuShortcut.displayName = "ContextMenuShortcut";
+const ContextMenuSub = ({ children }) => {
+    const [open, setOpen] = React.useState(false);
+    const [anchorRect, setAnchorRect] = React.useState(null);
+    const contextValue = React.useMemo(() => ({ open, setOpen, anchorRect, setAnchorRect }), [open, anchorRect]);
+    return (_jsx(ContextMenuSubContext.Provider, { value: contextValue, children: _jsx("div", { className: "relative", onMouseLeave: () => setOpen(false), children: children }) }));
+};
+ContextMenuSub.displayName = "ContextMenuSub";
+const ContextMenuSubTrigger = React.forwardRef(({ className, inset, children, onMouseEnter, onFocus, onKeyDown, ...props }, ref) => {
+    const sub = React.useContext(ContextMenuSubContext);
+    if (!sub)
+        throw new Error("ContextMenuSubTrigger must be used within ContextMenuSub");
+    const handleEnter = (event) => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        sub.setAnchorRect(rect);
+        sub.setOpen(true);
+        onMouseEnter?.(event);
+    };
+    const handleFocus = (event) => {
+        const rect = event.currentTarget.getBoundingClientRect();
+        sub.setAnchorRect(rect);
+        sub.setOpen(true);
+        onFocus?.(event);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === "ArrowRight") {
+            event.preventDefault();
+            const rect = event.currentTarget.getBoundingClientRect();
+            sub.setAnchorRect(rect);
+            sub.setOpen(true);
+        }
+        if (event.key === "ArrowLeft" || event.key === "Escape") {
+            sub.setOpen(false);
+        }
+        onKeyDown?.(event);
+    };
+    return (_jsxs("div", { ref: ref, role: "menuitem", tabIndex: -1, "data-state": sub.open ? "open" : "closed", className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent-blue focus:text-white data-[state=open]:bg-accent-blue data-[state=open]:text-white", inset && "pl-8", className), onMouseEnter: handleEnter, onMouseMove: handleEnter, onFocus: handleFocus, onKeyDown: handleKeyDown, ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] }));
+});
+ContextMenuSubTrigger.displayName = "ContextMenuSubTrigger";
+const ContextMenuSubContent = React.forwardRef(({ className, style, children, ...props }, ref) => {
+    const sub = React.useContext(ContextMenuSubContext);
+    if (!sub)
+        throw new Error("ContextMenuSubContent must be used within ContextMenuSub");
+    if (!sub.open)
+        return null;
+    const rect = sub.anchorRect;
+    const positionStyle = rect
+        ? {
+            position: "fixed",
+            top: rect.top,
+            left: rect.right,
+        }
+        : { position: "absolute", left: "100%", top: 0 };
+    return (createPortal(_jsx("div", { ref: ref, role: "menu", "data-state": sub.open ? "open" : "closed", className: cn("z-[60] min-w-[8rem] overflow-hidden rounded-md border border-border-primary bg-surface-glass backdrop-blur-xl p-1 text-text-primary shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", className), style: { ...positionStyle, ...style }, onMouseEnter: () => sub.setOpen(true), onMouseLeave: () => sub.setOpen(false), ...props, children: children }), document.body));
+});
+ContextMenuSubContent.displayName = "ContextMenuSubContent";
+const ContextMenuPortal = ({ children }) => {
+    return createPortal(_jsx(_Fragment, { children: children }), document.body);
+};
+ContextMenuPortal.displayName = "ContextMenuPortal";
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=ContextMenu.js.map

package/dist/components/ContextMenu.js.map

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

package/dist/components/ControlCenterToggles.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export interface ToggleControl {
+    id: string;
+    label: string;
+    icon: React.ReactNode;
+    enabled: boolean;
+    onToggle: (enabled: boolean) => void;
+    value?: string | number;
+    showValue?: boolean;
+    disabled?: boolean;
+}
+export interface ControlCenterTogglesProps extends React.HTMLAttributes<HTMLDivElement> {
+    controls: ToggleControl[];
+    layout?: 'grid' | 'list';
+    className?: string;
+}
+export declare const ControlCenterToggles: React.ForwardRefExoticComponent<ControlCenterTogglesProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ControlCenterToggles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ControlCenterToggles.d.ts","sourceRoot":"","sources":["../../components/ControlCenterToggles.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,aAAa;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,QAAQ,EAAE,aAAa,EAAE,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,oBAAoB,kGA4EhC,CAAC"}

package/dist/components/ControlCenterToggles.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const ControlCenterToggles = React.forwardRef(({ controls, layout = 'grid', className, ...props }, ref) => {
+    const isGrid = layout === 'grid';
+    return (_jsx("div", { ref: ref, className: cn(isGrid ? "grid grid-cols-3 gap-3" : "flex flex-col gap-2", className), ...props, children: controls.map((control, index) => (_jsxs(motion.button, { onClick: () => !control.disabled && control.onToggle(!control.enabled), disabled: control.disabled, className: cn("relative flex flex-col items-center justify-center gap-2 p-4 rounded-xl", "bg-surface-primary border border-border-primary", "hover:bg-surface-secondary transition-colors", "focus:outline-none focus:ring-2 focus:ring-accent-blue", control.disabled && "opacity-40 cursor-not-allowed", isGrid && "aspect-square"), initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: { delay: index * 0.05 }, whileHover: !control.disabled ? { scale: 1.02 } : {}, whileTap: !control.disabled ? { scale: 0.98 } : {}, children: [_jsx("div", { className: cn("flex items-center justify-center", control.enabled ? "text-accent-blue" : "text-text-tertiary"), children: control.icon }), _jsx("span", { className: cn("text-xs font-medium text-center", control.enabled ? "text-text-primary" : "text-text-secondary"), children: control.label }), control.showValue && control.value !== undefined && (_jsx("span", { className: "text-xs text-text-tertiary", children: control.value })), isGrid && control.enabled && (_jsx(motion.div, { className: "absolute top-2 right-2 w-2 h-2 bg-accent-blue rounded-full", initial: { scale: 0 }, animate: { scale: 1 } }))] }, control.id))) }));
+});
+ControlCenterToggles.displayName = 'ControlCenterToggles';
+//# sourceMappingURL=ControlCenterToggles.js.map

package/dist/components/ControlCenterToggles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlCenterToggles.js","sourceRoot":"","sources":["../../components/ControlCenterToggles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAwBvC;;8CAE8C;AAE9C,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAChD,CACI,EACI,QAAQ,EACR,MAAM,GAAG,MAAM,EACf,SAAS,EACT,GAAG,KAAK,EACX,EACD,GAAG,EACL,EAAE;IACA,MAAM,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAEjC,OAAO,CACH,cACI,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACT,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,qBAAqB,EACzD,SAAS,CACZ,KACG,KAAK,YAER,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC9B,MAAC,MAAM,CAAC,MAAM,IAEV,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EACtE,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,EAAE,CACT,yEAAyE,EACzE,iDAAiD,EACjD,8CAA8C,EAC9C,wDAAwD,EACxD,OAAO,CAAC,QAAQ,IAAI,+BAA+B,EACnD,MAAM,IAAI,eAAe,CAC5B,EACD,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,EACnC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EACjC,UAAU,EAAE,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,EAAE,EACnC,UAAU,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,EACpD,QAAQ,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,aAGlD,cAAK,SAAS,EAAE,EAAE,CACd,kCAAkC,EAClC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CAC9D,YACI,OAAO,CAAC,IAAI,GACX,EAGN,eAAM,SAAS,EAAE,EAAE,CACf,iCAAiC,EACjC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,CAChE,YACI,OAAO,CAAC,KAAK,GACX,EAGN,OAAO,CAAC,SAAS,IAAI,OAAO,CAAC,KAAK,KAAK,SAAS,IAAI,CACjD,eAAM,SAAS,EAAC,4BAA4B,YACvC,OAAO,CAAC,KAAK,GACX,CACV,EAGA,MAAM,IAAI,OAAO,CAAC,OAAO,IAAI,CAC1B,KAAC,MAAM,CAAC,GAAG,IACP,SAAS,EAAC,4DAA4D,EACtE,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GACvB,CACL,KA/CI,OAAO,CAAC,EAAE,CAgDH,CACnB,CAAC,GACA,CACT,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}

package/dist/components/Counters.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface CountersItem {
+    value: string | number;
+    label: string;
+    /** Optional subtitle under the label */
+    subtitle?: string;
+}
+export interface CountersProps {
+    items: CountersItem[];
+    className?: string;
+    /** Toggle smaller padding */
+    compact?: boolean;
+}
+export declare const Counters: React.FC<CountersProps>;
+export default Counters;
+//# sourceMappingURL=Counters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Counters.d.ts","sourceRoot":"","sources":["../../components/Counters.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+B5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/Counters.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+export const Counters = ({ items, className, compact = false }) => {
+    return (_jsx("section", { "aria-label": "Counters", className: cn('w-full rounded-2xl overflow-hidden', 'bg-accent-blue', className), children: _jsx("div", { className: cn('flex items-stretch', compact ? 'py-4' : 'py-8 px-6'), children: items.map((it, idx) => (_jsxs("div", { className: cn('flex-1 flex flex-col items-center justify-center text-center', 
+                // add separators except on last
+                idx < items.length - 1 ? 'border-r border-white/12' : ''), tabIndex: 0, role: "group", "aria-label": `${it.label} ${it.value}`, children: [_jsx("div", { className: cn('text-3xl md:text-4xl lg:text-5xl font-extrabold text-white'), children: it.value }), _jsx("div", { className: "mt-2 text-sm text-white/90", children: it.label }), it.subtitle && _jsx("div", { className: "mt-1 text-xs text-white/80", children: it.subtitle })] }, idx))) }) }));
+};
+export default Counters;
+//# sourceMappingURL=Counters.js.map

package/dist/components/Counters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counters.js","sourceRoot":"","sources":["../../components/Counters.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAgBlC,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,OAAO,CACL,gCACa,UAAU,EACrB,SAAS,EAAE,EAAE,CACX,oCAAoC,EACpC,gBAAgB,EAChB,SAAS,CACV,YAED,cAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,YACrE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACtB,eAEE,SAAS,EAAE,EAAE,CACX,8DAA8D;gBAC9D,gCAAgC;gBAChC,GAAG,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,CACzD,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,OAAO,gBACA,GAAG,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,KAAK,EAAE,aAErC,cAAK,SAAS,EAAE,EAAE,CAAC,4DAA4D,CAAC,YAAG,EAAE,CAAC,KAAK,GAAO,EAClG,cAAK,SAAS,EAAC,4BAA4B,YAAE,EAAE,CAAC,KAAK,GAAO,EAC3D,EAAE,CAAC,QAAQ,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,EAAE,CAAC,QAAQ,GAAO,KAZ1E,GAAG,CAaJ,CACP,CAAC,GACE,GACE,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/CountersListWithChart.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export interface CountersListWithChartItem {
+    label: string;
+    value: number;
+    percent: number;
+    color?: string;
+}
+export interface CountersListWithChartProps {
+    title?: string;
+    items: CountersListWithChartItem[];
+    chartType?: 'donut' | 'pie';
+    className?: string;
+}
+export declare const CountersListWithChart: React.FC<CountersListWithChartProps>;
+//# sourceMappingURL=CountersListWithChart.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountersListWithChart.d.ts","sourceRoot":"","sources":["../../components/CountersListWithChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,yBAAyB;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,yBAAyB,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAqDtE,CAAC"}

package/dist/components/CountersListWithChart.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../lib/utils';
+import Chart from './Chart';
+export const CountersListWithChart = ({ title, items, chartType = 'donut', className, }) => {
+    const [activeIndex, setActiveIndex] = useState(null);
+    // Prepare chart data
+    const chartData = {
+        labels: items.map(i => i.label),
+        datasets: [
+            {
+                data: items.map(i => i.value),
+                backgroundColor: items.map(i => i.color || '#3b82f6'),
+            },
+        ],
+    };
+    return (_jsxs("div", { className: cn('bg-surface-primary rounded-2xl shadow-lg p-6 flex flex-col md:flex-row gap-6', className), children: [_jsxs("div", { className: "flex-1 flex flex-col gap-4 justify-center", children: [title && _jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: title }), items.map((item, idx) => {
+                        const isActive = activeIndex === idx;
+                        return (_jsxs("div", { className: cn('flex items-center justify-between py-2 border-b last:border-b-0 transition-colors', isActive ? 'bg-surface-secondary/80 rounded-lg px-3' : 'border-gray-800'), onMouseEnter: () => setActiveIndex(idx), onMouseLeave: () => setActiveIndex(null), onFocus: () => setActiveIndex(idx), onBlur: () => setActiveIndex(null), tabIndex: 0, role: "button", "aria-pressed": isActive, children: [_jsx("span", { className: cn('text-base font-medium', isActive ? 'text-text-primary' : 'text-text-primary'), children: item.label }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: cn('text-xl font-bold', isActive ? 'text-text-primary' : 'text-text-primary'), children: item.value }), _jsxs("span", { className: "text-base font-semibold", style: { color: item.color || '#3b82f6' }, children: [item.percent, "%"] })] })] }, idx));
+                    })] }), _jsx("div", { className: "flex items-center justify-center md:w-1/3", children: _jsx(Chart, { type: chartType, data: chartData, activeIndex: activeIndex, onSliceHover: (i) => setActiveIndex(i) }) })] }));
+};
+//# sourceMappingURL=CountersListWithChart.js.map

package/dist/components/CountersListWithChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountersListWithChart.js","sourceRoot":"","sources":["../../components/CountersListWithChart.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,KAAK,MAAM,SAAS,CAAC;AAgB5B,MAAM,CAAC,MAAM,qBAAqB,GAAyC,CAAC,EAC1E,KAAK,EACL,KAAK,EACL,SAAS,GAAG,OAAO,EACnB,SAAS,GACV,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACpE,qBAAqB;IACrB,MAAM,SAAS,GAAG;QAChB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAC/B,QAAQ,EAAE;YACR;gBACE,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC7B,eAAe,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC;aACtD;SACF;KACF,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,8EAA8E,EAAE,SAAS,CAAC,aAC3G,eAAK,SAAS,EAAC,2CAA2C,aACvD,KAAK,IAAI,aAAI,SAAS,EAAC,8CAA8C,YAAE,KAAK,GAAM,EAClF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;wBACvB,MAAM,QAAQ,GAAG,WAAW,KAAK,GAAG,CAAC;wBACrC,OAAO,CACL,eAEE,SAAS,EAAE,EAAE,CACX,mFAAmF,EACnF,QAAQ,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC,iBAAiB,CACzE,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAClC,MAAM,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,EAClC,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,kBACC,QAAQ,aAEtB,eAAM,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,YAAG,IAAI,CAAC,KAAK,GAAQ,EACvH,eAAK,SAAS,EAAC,yBAAyB,aACtC,eAAM,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,CAAC,YAAG,IAAI,CAAC,KAAK,GAAQ,EACnH,gBAAM,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,SAAS,EAAE,aAAG,IAAI,CAAC,OAAO,SAAS,IACvG,KAjBD,GAAG,CAkBJ,CACP,CAAC;oBACJ,CAAC,CAAC,IACE,EACN,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,KAAK,IAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,GAAI,GACzG,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/DataGrid.d.ts

@@ -0,0 +1,38 @@
+import * as React from "react";
+export interface DataGridColumn<T> {
+    key: keyof T;
+    header: string;
+    width?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    sortable?: boolean;
+    filterable?: boolean;
+    resizable?: boolean;
+    pinnable?: boolean;
+    editable?: boolean;
+    groupable?: boolean;
+    render?: (value: any, row: T) => React.ReactNode;
+    filterType?: "text" | "number" | "select" | "date";
+    filterOptions?: {
+        label: string;
+        value: any;
+    }[];
+}
+export interface DataGridProps<T> {
+    columns: DataGridColumn<T>[];
+    data: T[];
+    selectable?: boolean;
+    striped?: boolean;
+    hoverable?: boolean;
+    density?: "comfortable" | "compact";
+    page?: number;
+    pageSize?: number;
+    virtualScrolling?: boolean;
+    maxHeight?: string;
+    onPageChange?: (page: number) => void;
+    onSortChange?: (key: keyof T, direction: "asc" | "desc") => void;
+    onCellEdit?: (row: T, key: keyof T, value: any) => void;
+    onExport?: () => void;
+}
+export declare function DataGrid<T>({ columns, data, selectable, striped, hoverable, density, page, pageSize, virtualScrolling, maxHeight, onPageChange, onSortChange, onCellEdit, onExport, }: DataGridProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DataGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../components/DataGrid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,MAAM,WAAW,cAAc,CAAC,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACnD,aAAa,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;CACnD;AAED,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IACjE,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAYD,wBAAgB,QAAQ,CAAC,CAAC,EAAE,EACxB,OAAO,EACP,IAAI,EACJ,UAAkB,EAClB,OAAc,EACd,SAAgB,EAChB,OAAuB,EACvB,IAAQ,EACR,QAAa,EACb,gBAAwB,EACxB,SAAmB,EACnB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,QAAQ,GACX,EAAE,aAAa,CAAC,CAAC,CAAC,2CAgQlB"}