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

package/dist/cli/utils/registry.js

@@ -0,0 +1,52 @@
+// This registry.ts now fetches from a remote JSON file on GitHub Raw.
+// It replaces local file system calls with fetch.
+// TODO: Make this configurable? For now hardcoded to main branch.
+const REGISTRY_URL = "https://raw.githubusercontent.com/smart-coder-labs/design-system/main/packages/design-system/registry.json";
+let cachedRegistry = null;
+async function fetchRegistry() {
+    if (cachedRegistry)
+        return cachedRegistry;
+    try {
+        const res = await fetch(REGISTRY_URL);
+        if (!res.ok) {
+            throw new Error(`Failed to fetch registry from ${REGISTRY_URL}: ${res.statusText}`);
+        }
+        const data = await res.json();
+        cachedRegistry = data;
+        return cachedRegistry;
+    }
+    catch (error) {
+        console.error("Error fetching registry:", error);
+        return {};
+    }
+}
+export async function getAvailableComponents() {
+    const registry = await fetchRegistry();
+    return Object.keys(registry);
+}
+export async function getComponentSource(componentName) {
+    const registry = await fetchRegistry();
+    const component = registry[componentName];
+    if (!component || !component.files || component.files.length === 0) {
+        return null;
+    }
+    // We currently only handle single-file components for simplicity
+    const fileUrl = component.files[0].url;
+    try {
+        const res = await fetch(fileUrl);
+        if (!res.ok) {
+            throw new Error(`Failed to fetch component source from ${fileUrl}: ${res.statusText}`);
+        }
+        return await res.text();
+    }
+    catch (error) {
+        console.error(`Error fetching component ${componentName}:`, error);
+        return null;
+    }
+}
+export async function getComponentDependencies(componentName) {
+    const registry = await fetchRegistry();
+    const component = registry[componentName];
+    return component?.dependencies || [];
+}
+//# sourceMappingURL=registry.js.map

package/dist/cli/utils/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.js","sourceRoot":"","sources":["../../../cli/utils/registry.ts"],"names":[],"mappings":"AACA,sEAAsE;AACtE,kDAAkD;AAElD,kEAAkE;AAClE,MAAM,YAAY,GAAG,4GAA4G,CAAC;AAclI,IAAI,cAAc,GAAoB,IAAI,CAAC;AAE3C,KAAK,UAAU,aAAa;IAC1B,IAAI,cAAc;QAAE,OAAO,cAAc,CAAC;IAE1C,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,YAAY,CAAC,CAAC;QACtC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,MAAM,IAAI,KAAK,CAAC,iCAAiC,YAAY,KAAK,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;QACtF,CAAC;QACD,MAAM,IAAI,GAAG,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;QAC9B,cAAc,GAAG,IAAgB,CAAC;QAClC,OAAO,cAAc,CAAC;IACxB,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QACjD,OAAO,EAAE,CAAC;IACZ,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,sBAAsB;IAC1C,MAAM,QAAQ,GAAG,MAAM,aAAa,EAAE,CAAC;IACvC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC/B,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,kBAAkB,CAAC,aAAqB;IAC5D,MAAM,QAAQ,GAAG,MAAM,aAAa,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAE1C,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,KAAK,IAAI,SAAS,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,iEAAiE;IACjE,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;IAEvC,IAAI,CAAC;QACH,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;QACjC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC;YACZ,MAAM,IAAI,KAAK,CAAC,yCAAyC,OAAO,KAAK,GAAG,CAAC,UAAU,EAAE,CAAC,CAAC;QACzF,CAAC;QACD,OAAO,MAAM,GAAG,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,4BAA4B,aAAa,GAAG,EAAE,KAAK,CAAC,CAAC;QACnE,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,wBAAwB,CAAC,aAAqB;IAChE,MAAM,QAAQ,GAAG,MAAM,aAAa,EAAE,CAAC;IACvC,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAC1C,OAAO,SAAS,EAAE,YAAY,IAAI,EAAE,CAAC;AACzC,CAAC"}

package/dist/components/AIThinkingIndicator.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface AIThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'dots' | 'pulse' | 'wave';
+    size?: 'sm' | 'md' | 'lg';
+    color?: string;
+    message?: string;
+    className?: string;
+}
+export declare const AIThinkingIndicator: React.ForwardRefExoticComponent<AIThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AIThinkingIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIThinkingIndicator.d.ts","sourceRoot":"","sources":["../../components/AIThinkingIndicator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClF,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACpC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAMD,eAAO,MAAM,mBAAmB,iGA+G/B,CAAC"}

package/dist/components/AIThinkingIndicator.js

@@ -0,0 +1,60 @@
+"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 AIThinkingIndicator = React.forwardRef(({ variant = 'dots', size = 'md', color = 'rgb(0, 122, 255)', message = '', className, ...props }, ref) => {
+    const sizeStyles = {
+        sm: { dot: 'w-1.5 h-1.5', gap: 'gap-1', text: 'text-xs' },
+        md: { dot: 'w-2 h-2', gap: 'gap-1.5', text: 'text-sm' },
+        lg: { dot: 'w-2.5 h-2.5', gap: 'gap-2', text: 'text-base' },
+    };
+    const styles = sizeStyles[size];
+    const DotsVariant = () => (_jsx("div", { className: cn("flex items-center", styles.gap), children: [0, 1, 2].map((i) => (_jsx(motion.div, { className: cn("rounded-full", styles.dot), style: { backgroundColor: color }, animate: {
+                scale: [1, 1.2, 1],
+                opacity: [0.5, 1, 0.5],
+            }, transition: {
+                duration: 1.2,
+                repeat: Infinity,
+                delay: i * 0.2,
+                ease: 'easeInOut',
+            } }, i))) }));
+    const PulseVariant = () => (_jsx(motion.div, { className: cn("rounded-full", styles.dot), style: { backgroundColor: color }, animate: {
+            scale: [1, 1.5, 1],
+            opacity: [1, 0.5, 1],
+        }, transition: {
+            duration: 1.5,
+            repeat: Infinity,
+            ease: 'easeInOut',
+        } }));
+    const WaveVariant = () => (_jsx("div", { className: cn("flex items-end", styles.gap), style: { height: '16px' }, children: [0, 1, 2, 3].map((i) => (_jsx(motion.div, { className: "rounded-full", style: {
+                width: '3px',
+                backgroundColor: color,
+            }, animate: {
+                height: ['8px', '16px', '8px'],
+                opacity: [0.5, 1, 0.5],
+            }, transition: {
+                duration: 1,
+                repeat: Infinity,
+                delay: i * 0.15,
+                ease: 'easeInOut',
+            } }, i))) }));
+    const renderVariant = () => {
+        switch (variant) {
+            case 'dots':
+                return _jsx(DotsVariant, {});
+            case 'pulse':
+                return _jsx(PulseVariant, {});
+            case 'wave':
+                return _jsx(WaveVariant, {});
+            default:
+                return _jsx(DotsVariant, {});
+        }
+    };
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center gap-3", className), ...props, children: [renderVariant(), message && (_jsx("span", { className: cn("text-text-secondary", styles.text), children: message }))] }));
+});
+AIThinkingIndicator.displayName = 'AIThinkingIndicator';
+//# sourceMappingURL=AIThinkingIndicator.js.map

package/dist/components/AIThinkingIndicator.js.map

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

package/dist/components/Accordion.d.ts

@@ -0,0 +1,27 @@
+import * as React from "react";
+type AccordionSingleProps = {
+    type?: "single";
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    collapsible?: boolean;
+};
+type AccordionMultipleProps = {
+    type: "multiple";
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    collapsible?: boolean;
+};
+type AccordionProps = (AccordionSingleProps | AccordionMultipleProps) & React.HTMLAttributes<HTMLDivElement>;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value: string;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+type AccordionTriggerProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type AccordionContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../components/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,oBAAoB,GAAG;IACxB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,cAAc,GAAG,CAAC,oBAAoB,GAAG,sBAAsB,CAAC,GACjE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAiCzC,QAAA,MAAM,SAAS,uFA4Ed,CAAC;AAQF,QAAA,MAAM,aAAa;WAJR,MAAM;eACF,OAAO;wCA6CrB,CAAC;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE3E,QAAA,MAAM,gBAAgB,iGAkCrB,CAAC;AAGF,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,QAAA,MAAM,gBAAgB,8FAqDrB,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/Accordion.js

@@ -0,0 +1,123 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "../lib/utils";
+const AccordionContext = React.createContext(null);
+const AccordionItemContext = React.createContext(null);
+const toArray = (value) => {
+    if (Array.isArray(value))
+        return value;
+    if (typeof value === "string" && value.length > 0)
+        return [value];
+    return [];
+};
+const toSingle = (value) => {
+    if (typeof value === "string")
+        return value;
+    if (Array.isArray(value))
+        return value[0] ?? "";
+    return "";
+};
+const Accordion = React.forwardRef(({ type = "single", value, defaultValue, onValueChange, collapsible = true, className, children, ...props }, ref) => {
+    const isMultiple = type === "multiple";
+    const [internalValue, setInternalValue] = React.useState(() => isMultiple ? toArray(defaultValue) : toSingle(defaultValue));
+    const stateValue = value !== undefined ? value : internalValue;
+    const singleValue = isMultiple ? "" : toSingle(stateValue);
+    const openValues = isMultiple ? toArray(stateValue) : singleValue ? [singleValue] : [];
+    const toggleItem = React.useCallback((itemValue) => {
+        if (isMultiple) {
+            if (value !== undefined) {
+                const current = toArray(value);
+                const isOpen = current.includes(itemValue);
+                const next = isOpen
+                    ? current.filter((entry) => entry !== itemValue)
+                    : [...current, itemValue];
+                onValueChange?.(next);
+                return;
+            }
+            setInternalValue((prev) => {
+                const current = toArray(prev);
+                const isOpen = current.includes(itemValue);
+                const next = isOpen
+                    ? current.filter((entry) => entry !== itemValue)
+                    : [...current, itemValue];
+                onValueChange?.(next);
+                return next;
+            });
+            return;
+        }
+        const current = value !== undefined ? toSingle(value) : singleValue;
+        const isOpen = current === itemValue;
+        const next = isOpen ? (collapsible ? "" : itemValue) : itemValue;
+        if (value !== undefined) {
+            onValueChange?.(next);
+            return;
+        }
+        setInternalValue(next);
+        onValueChange?.(next);
+    }, [collapsible, isMultiple, onValueChange, singleValue, value]);
+    const contextValue = React.useMemo(() => ({ type, openValues, collapsible, toggleItem }), [type, openValues, collapsible, toggleItem]);
+    return (_jsx(AccordionContext.Provider, { value: contextValue, children: _jsx("div", { ref: ref, className: cn(className), ...props, children: children }) }));
+});
+Accordion.displayName = "Accordion";
+const AccordionItem = React.forwardRef(({ className, children, value, disabled = false, ...props }, ref) => {
+    const accordion = React.useContext(AccordionContext);
+    if (!accordion) {
+        throw new Error("AccordionItem must be used within Accordion");
+    }
+    const isOpen = accordion.openValues.includes(value);
+    const baseId = React.useId();
+    const handleToggle = React.useCallback(() => {
+        if (disabled)
+            return;
+        accordion.toggleItem(value);
+    }, [accordion, disabled, value]);
+    const itemContext = React.useMemo(() => ({
+        value,
+        isOpen,
+        disabled,
+        toggle: handleToggle,
+        triggerId: `${baseId}-trigger`,
+        contentId: `${baseId}-content`,
+    }), [baseId, disabled, handleToggle, isOpen, value]);
+    return (_jsx(AccordionItemContext.Provider, { value: itemContext, children: _jsx("div", { ref: ref, "data-state": isOpen ? "open" : "closed", "data-disabled": disabled ? "" : undefined, className: cn("border-b border-border-primary", className), ...props, children: children }) }));
+});
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => {
+    const item = React.useContext(AccordionItemContext);
+    if (!item) {
+        throw new Error("AccordionTrigger must be used within AccordionItem");
+    }
+    const { isOpen, toggle, triggerId, contentId, disabled } = item;
+    return (_jsx("div", { className: "flex", children: _jsxs("button", { ref: ref, id: triggerId, type: "button", "aria-controls": contentId, "aria-expanded": isOpen, onClick: toggle, disabled: disabled || props.disabled, "data-state": isOpen ? "open" : "closed", "data-disabled": disabled || props.disabled ? "" : undefined, className: cn("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:text-accent-blue [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, _jsx(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-text-tertiary" })] }) }));
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => {
+    const item = React.useContext(AccordionItemContext);
+    if (!item) {
+        throw new Error("AccordionContent must be used within AccordionItem");
+    }
+    const { isOpen, triggerId, contentId, disabled } = item;
+    const contentRef = React.useRef(null);
+    const [contentHeight, setContentHeight] = React.useState(0);
+    React.useLayoutEffect(() => {
+        const el = contentRef.current;
+        if (!el)
+            return;
+        const updateHeight = () => setContentHeight(el.scrollHeight);
+        updateHeight();
+        const resizeObserver = new ResizeObserver(updateHeight);
+        resizeObserver.observe(el);
+        return () => resizeObserver.disconnect();
+    }, [children]);
+    const measuredHeight = contentHeight || contentRef.current?.scrollHeight || 0;
+    const contentStyle = {
+        "--radix-accordion-content-height": `${measuredHeight}px`,
+        height: isOpen ? `${measuredHeight}px` : 0,
+    };
+    return (_jsx("div", { ref: ref, style: contentStyle, role: "region", id: contentId, "aria-labelledby": triggerId, "aria-hidden": !isOpen, "data-state": isOpen ? "open" : "closed", "data-disabled": disabled ? "" : undefined, className: cn("overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down", className), ...props, children: _jsx("div", { ref: contentRef, className: "pb-4 pt-0 text-text-secondary", children: children }) }));
+});
+AccordionContent.displayName = "AccordionContent";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=Accordion.js.map

package/dist/components/Accordion.js.map

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

package/dist/components/ActivityFeed.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { type LucideIcon } from 'lucide-react';
+export type ActivityType = 'default' | 'comment' | 'commit' | 'pr' | 'review' | 'alert' | 'success' | 'file';
+export interface ActivityActor {
+    name: string;
+    avatarSrc?: string;
+    initials?: string;
+}
+export interface ActivityItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    actor: ActivityActor;
+    action: React.ReactNode;
+    target?: React.ReactNode;
+    date: React.ReactNode;
+    type?: ActivityType;
+    icon?: LucideIcon;
+    showConnector?: boolean;
+    isLast?: boolean;
+}
+export interface ActivityFeedProps extends React.HTMLAttributes<HTMLDivElement> {
+    items?: ActivityItemProps[];
+    children?: React.ReactNode;
+    showConnector?: boolean;
+}
+export declare const ActivityItem: React.ForwardRefExoticComponent<ActivityItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ActivityFeed: React.ForwardRefExoticComponent<ActivityFeedProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ActivityFeed.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityFeed.d.ts","sourceRoot":"","sources":["../../components/ActivityFeed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAQH,KAAK,UAAU,EAClB,MAAM,cAAc,CAAC;AAMtB,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7G,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,EAAE,aAAa,CAAC;IACrB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAgCD,eAAO,MAAM,YAAY,0FAyExB,CAAC;AAIF,eAAO,MAAM,YAAY,0FAgCxB,CAAC"}

package/dist/components/ActivityFeed.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { cn } from '../lib/utils';
+import { Avatar, AvatarImage, AvatarFallback } from './Avatar';
+import { MessageSquare, GitCommit, GitPullRequest, AlertCircle, CheckCircle2, FileText } from 'lucide-react';
+/* ========================================
+   STYLES & ICONS
+   ======================================== */
+const typeIcons = {
+    default: FileText,
+    comment: MessageSquare,
+    commit: GitCommit,
+    pr: GitPullRequest,
+    review: CheckCircle2,
+    alert: AlertCircle,
+    success: CheckCircle2,
+    file: FileText,
+};
+const typeStyles = {
+    default: 'text-text-tertiary bg-surface-secondary',
+    comment: 'text-accent-blue bg-accent-blue/10',
+    commit: 'text-text-secondary bg-surface-secondary',
+    pr: 'text-accent-purple bg-accent-purple/10',
+    review: 'text-status-success bg-status-success/10',
+    alert: 'text-status-error bg-status-error/10',
+    success: 'text-status-success bg-status-success/10',
+    file: 'text-accent-blue bg-accent-blue/10',
+};
+/* ========================================
+   COMPONENTS
+   ======================================== */
+export const ActivityItem = React.forwardRef(({ actor, action, target, date, type = 'default', icon, showConnector = true, isLast = false, children, className, ...props }, ref) => {
+    const Icon = icon || typeIcons[type];
+    const iconStyle = typeStyles[type];
+    return (_jsxs("div", { ref: ref, className: cn("flex gap-4 group", className), ...props, children: [_jsxs("div", { className: "flex flex-col items-center flex-none", children: [_jsxs("div", { className: "relative", children: [_jsxs(Avatar, { className: "w-10 h-10 border-2 border-surface-primary shadow-sm z-10", children: [_jsx(AvatarImage, { src: actor.avatarSrc, alt: actor.name }), _jsx(AvatarFallback, { children: actor.initials || actor.name.charAt(0) })] }), _jsx("div", { className: cn("absolute -bottom-1 -right-1 w-5 h-5 rounded-full border-2 border-surface-primary flex items-center justify-center text-[10px] z-20", iconStyle), children: _jsx(Icon, { className: "w-3 h-3" }) })] }), showConnector && !isLast && (_jsx("div", { className: "w-px flex-1 bg-border-primary/40 my-2 group-hover:bg-border-primary/60 transition-colors" }))] }), _jsxs("div", { className: "flex-1 pb-10 min-w-0", children: [_jsxs("div", { className: "flex items-center justify-between gap-4 mb-2", children: [_jsxs("div", { className: "flex items-center gap-1.5 text-sm text-text-primary min-w-0", children: [_jsx("span", { className: "font-semibold hover:underline cursor-pointer decoration-text-secondary/50 underline-offset-2 whitespace-nowrap", children: actor.name }), _jsx("span", { className: "text-text-secondary whitespace-nowrap", children: action }), target && (_jsx("span", { className: "font-medium text-text-primary hover:text-accent-blue transition-colors cursor-pointer truncate", children: target }))] }), _jsx("span", { className: "text-xs text-text-tertiary whitespace-nowrap flex-none", children: date })] }), children && (_jsx("div", { className: "mt-3 text-sm text-text-secondary bg-surface-secondary/30 rounded-xl p-4 border border-border-primary/40 leading-relaxed", children: children }))] })] }));
+});
+ActivityItem.displayName = 'ActivityItem';
+export const ActivityFeed = React.forwardRef(({ items, children, showConnector = true, className, ...props }, ref) => {
+    // If items prop is provided, render from data
+    if (items) {
+        return (_jsx("div", { ref: ref, className: cn("flex flex-col", className), ...props, children: items.map((item, index) => (_jsx(ActivityItem, { ...item, showConnector: showConnector, isLast: index === items.length - 1 }, index))) }));
+    }
+    // Otherwise render children and inject props
+    const childArray = React.Children.toArray(children);
+    return (_jsx("div", { ref: ref, className: cn("flex flex-col", className), ...props, children: childArray.map((child, index) => {
+            if (!React.isValidElement(child))
+                return null;
+            return React.cloneElement(child, {
+                showConnector,
+                isLast: index === childArray.length - 1,
+            });
+        }) }));
+});
+ActivityFeed.displayName = 'ActivityFeed';
+//# sourceMappingURL=ActivityFeed.js.map

package/dist/components/ActivityFeed.js.map

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

package/dist/components/ActivityMonitor.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+export type MonitorTab = 'cpu' | 'memory' | 'energy' | 'disk' | 'network';
+export interface ProcessData {
+    id: string;
+    name: string;
+    pid: number;
+    cpu?: number;
+    memory?: number;
+    energy?: number;
+    diskRead?: number;
+    diskWrite?: number;
+    networkIn?: number;
+    networkOut?: number;
+    user?: string;
+}
+export interface MetricData {
+    label: string;
+    value: number;
+    unit: string;
+    trend?: 'up' | 'down' | 'neutral';
+    history: number[];
+    color?: string;
+}
+export interface ActivityMonitorProps extends React.HTMLAttributes<HTMLDivElement> {
+    processes?: ProcessData[];
+    cpuMetrics?: MetricData;
+    memoryMetrics?: MetricData;
+    energyMetrics?: MetricData;
+    diskMetrics?: MetricData;
+    networkMetrics?: MetricData;
+    defaultTab?: MonitorTab;
+    autoRefresh?: boolean;
+    refreshInterval?: number;
+    onProcessSelect?: (process: ProcessData) => void;
+    onSortChange?: (key: keyof ProcessData, direction: 'asc' | 'desc') => void;
+}
+export declare const ActivityMonitor: React.ForwardRefExoticComponent<ActivityMonitorProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ActivityMonitor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityMonitor.d.ts","sourceRoot":"","sources":["../../components/ActivityMonitor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsB3D,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE1E,MAAM,WAAW,WAAW;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAC;IAClC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,SAAS,CAAC,EAAE,WAAW,EAAE,CAAC;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IACjD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,WAAW,EAAE,SAAS,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;CAC9E;AAsPD,eAAO,MAAM,eAAe,6FA0N3B,CAAC"}

package/dist/components/ActivityMonitor.js

@@ -0,0 +1,164 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useEffect, useRef } from 'react';
+import { cn } from '../lib/utils';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './Tabs';
+import { Sparkline } from './Sparkline';
+import { Progress } from './Progress';
+import { Cpu, HardDrive, Zap, Network, Activity, ArrowUpDown, TrendingUp, TrendingDown, Minus } from 'lucide-react';
+/* ========================================
+   HELPER FUNCTIONS
+   ======================================== */
+const formatBytes = (bytes) => {
+    if (bytes === 0)
+        return '0 B';
+    const k = 1024;
+    const sizes = ['B', 'KB', 'MB', 'GB', 'TB'];
+    const i = Math.floor(Math.log(bytes) / Math.log(k));
+    return `${(bytes / Math.pow(k, i)).toFixed(1)} ${sizes[i]}`;
+};
+const formatPercentage = (value) => {
+    return `${value.toFixed(1)}%`;
+};
+const formatWatts = (watts) => {
+    return `${watts.toFixed(1)} W`;
+};
+const getTrendIcon = (trend) => {
+    switch (trend) {
+        case 'up':
+            return _jsx(TrendingUp, { className: "w-3.5 h-3.5 text-status-error" });
+        case 'down':
+            return _jsx(TrendingDown, { className: "w-3.5 h-3.5 text-status-success" });
+        default:
+            return _jsx(Minus, { className: "w-3.5 h-3.5 text-text-tertiary" });
+    }
+};
+const MetricCard = ({ label, value, subtitle, history, trend, color = 'rgb(0, 122, 255)', icon, className, }) => {
+    return (_jsxs("div", { className: cn("bg-surface-primary border border-border-primary rounded-xl p-4 shadow-sm", className), children: [_jsxs("div", { className: "flex items-start justify-between mb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [icon && (_jsx("div", { className: "text-text-tertiary", children: icon })), _jsx("span", { className: "text-xs font-medium text-text-secondary uppercase tracking-wide", children: label })] }), trend && getTrendIcon(trend)] }), _jsxs("div", { className: "mb-3", children: [_jsx("div", { className: "text-2xl font-semibold text-text-primary mb-1", children: value }), subtitle && (_jsx("div", { className: "text-xs text-text-tertiary", children: subtitle }))] }), history.length > 0 && (_jsx("div", { className: "h-12 flex items-end", children: _jsx(Sparkline, { data: history, width: 200, height: 48, color: color, showArea: true, strokeWidth: 2 }) }))] }));
+};
+const ProcessTable = ({ processes, activeTab, onProcessSelect, onSortChange, }) => {
+    const [sortKey, setSortKey] = useState(null);
+    const [sortDirection, setSortDirection] = useState('desc');
+    const handleSort = (key) => {
+        const newDirection = sortKey === key && sortDirection === 'asc' ? 'desc' : 'asc';
+        setSortKey(key);
+        setSortDirection(newDirection);
+        onSortChange?.(key, newDirection);
+    };
+    const getSortableColumns = () => {
+        const baseColumns = [
+            { key: 'name', label: 'Process Name', render: (p) => p.name },
+            { key: 'pid', label: 'PID', render: (p) => p.pid },
+        ];
+        switch (activeTab) {
+            case 'cpu':
+                return [
+                    ...baseColumns,
+                    { key: 'cpu', label: '% CPU', render: (p) => formatPercentage(p.cpu || 0) },
+                    { key: 'user', label: 'User', render: (p) => p.user || '—' },
+                ];
+            case 'memory':
+                return [
+                    ...baseColumns,
+                    { key: 'memory', label: 'Memory', render: (p) => formatBytes(p.memory || 0) },
+                    { key: 'user', label: 'User', render: (p) => p.user || '—' },
+                ];
+            case 'energy':
+                return [
+                    ...baseColumns,
+                    { key: 'energy', label: 'Energy Impact', render: (p) => formatWatts(p.energy || 0) },
+                    { key: 'user', label: 'User', render: (p) => p.user || '—' },
+                ];
+            case 'disk':
+                return [
+                    ...baseColumns,
+                    { key: 'diskRead', label: 'Read', render: (p) => formatBytes(p.diskRead || 0) },
+                    { key: 'diskWrite', label: 'Write', render: (p) => formatBytes(p.diskWrite || 0) },
+                ];
+            case 'network':
+                return [
+                    ...baseColumns,
+                    { key: 'networkIn', label: 'Sent', render: (p) => formatBytes(p.networkIn || 0) },
+                    { key: 'networkOut', label: 'Received', render: (p) => formatBytes(p.networkOut || 0) },
+                ];
+            default:
+                return baseColumns;
+        }
+    };
+    const columns = getSortableColumns();
+    const sortedProcesses = [...processes].sort((a, b) => {
+        if (!sortKey)
+            return 0;
+        const aVal = a[sortKey];
+        const bVal = b[sortKey];
+        if (aVal === undefined || aVal === null)
+            return 1;
+        if (bVal === undefined || bVal === null)
+            return -1;
+        const comparison = typeof aVal === 'number' && typeof bVal === 'number'
+            ? aVal - bVal
+            : String(aVal).localeCompare(String(bVal));
+        return sortDirection === 'asc' ? comparison : -comparison;
+    });
+    return (_jsx("div", { className: "border border-border-primary rounded-xl overflow-hidden bg-surface-primary", children: _jsx("div", { className: "overflow-x-auto", children: _jsxs("table", { className: "w-full border-collapse", children: [_jsx("thead", { className: "bg-surface-secondary/50 border-b border-border-primary", children: _jsx("tr", { children: columns.map((col) => (_jsx("th", { className: "px-4 py-3 text-left text-xs font-semibold text-text-secondary uppercase tracking-wide cursor-pointer hover:bg-surface-secondary transition-colors", onClick: () => handleSort(col.key), children: _jsxs("div", { className: "flex items-center gap-2", children: [col.label, _jsx(ArrowUpDown, { className: "w-3 h-3 text-text-tertiary" })] }) }, String(col.key)))) }) }), _jsx("tbody", { children: sortedProcesses.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: columns.length, className: "px-4 py-8 text-center text-sm text-text-tertiary", children: "No processes found" }) })) : (sortedProcesses.map((process, index) => (_jsx("tr", { className: cn("border-b border-border-secondary hover:bg-surface-secondary/50 transition-colors cursor-pointer", index % 2 === 0 && "bg-surface-primary"), onClick: () => onProcessSelect?.(process), children: columns.map((col) => (_jsx("td", { className: "px-4 py-3 text-sm text-text-primary", children: col.render(process) }, String(col.key)))) }, process.id)))) })] }) }) }));
+};
+/* ========================================
+   MAIN COMPONENT
+   ======================================== */
+export const ActivityMonitor = React.forwardRef(({ processes = [], cpuMetrics, memoryMetrics, energyMetrics, diskMetrics, networkMetrics, defaultTab = 'cpu', autoRefresh = false, refreshInterval = 1000, onProcessSelect, onSortChange, className, ...props }, ref) => {
+    const [activeTab, setActiveTab] = useState(defaultTab);
+    const [isRefreshing, setIsRefreshing] = useState(false);
+    const intervalRef = useRef(null);
+    // Auto-refresh simulation
+    useEffect(() => {
+        if (autoRefresh) {
+            intervalRef.current = setInterval(() => {
+                setIsRefreshing(true);
+                setTimeout(() => setIsRefreshing(false), 200);
+            }, refreshInterval);
+        }
+        return () => {
+            if (intervalRef.current) {
+                clearInterval(intervalRef.current);
+            }
+        };
+    }, [autoRefresh, refreshInterval]);
+    // Get metrics for active tab
+    const getActiveMetrics = () => {
+        switch (activeTab) {
+            case 'cpu':
+                return cpuMetrics;
+            case 'memory':
+                return memoryMetrics;
+            case 'energy':
+                return energyMetrics;
+            case 'disk':
+                return diskMetrics;
+            case 'network':
+                return networkMetrics;
+            default:
+                return undefined;
+        }
+    };
+    const activeMetrics = getActiveMetrics();
+    // Get tab-specific icon and color
+    const getTabConfig = (tab) => {
+        switch (tab) {
+            case 'cpu':
+                return { icon: Cpu, color: 'rgb(0, 122, 255)', label: 'CPU' };
+            case 'memory':
+                return { icon: HardDrive, color: 'rgb(88, 86, 214)', label: 'Memory' };
+            case 'energy':
+                return { icon: Zap, color: 'rgb(255, 149, 0)', label: 'Energy' };
+            case 'disk':
+                return { icon: HardDrive, color: 'rgb(52, 199, 89)', label: 'Disk' };
+            case 'network':
+                return { icon: Network, color: 'rgb(255, 59, 48)', label: 'Network' };
+        }
+    };
+    const tabConfig = getTabConfig(activeTab);
+    return (_jsxs("div", { ref: ref, className: cn("bg-surface-primary rounded-xl border border-border-primary shadow-lg overflow-hidden", className), ...props, children: [_jsx("div", { className: "px-6 py-4 border-b border-border-primary bg-surface-secondary/30", children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "p-2 bg-accent-blue/10 rounded-lg", children: _jsx(Activity, { className: "w-5 h-5 text-accent-blue" }) }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg font-semibold text-text-primary", children: "Activity Monitor" }), _jsx("p", { className: "text-xs text-text-tertiary", children: "System resource usage and process monitoring" })] })] }), autoRefresh && (_jsxs("div", { className: "flex items-center gap-2 text-xs text-text-tertiary", children: [_jsx(motion.div, { animate: { opacity: isRefreshing ? 0.5 : 1 }, transition: { duration: 0.2 }, children: _jsx(Activity, { className: "w-4 h-4" }) }), _jsx("span", { children: "Auto-refresh" })] }))] }) }), _jsx("div", { className: "px-6 pt-4", children: _jsxs(Tabs, { value: activeTab, onValueChange: (v) => setActiveTab(v), children: [_jsxs(TabsList, { variant: "segmented", className: "w-full", children: [_jsx(TabsTrigger, { value: "cpu", className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Cpu, { className: "w-4 h-4" }), _jsx("span", { children: "CPU" })] }) }), _jsx(TabsTrigger, { value: "memory", className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(HardDrive, { className: "w-4 h-4" }), _jsx("span", { children: "Memory" })] }) }), _jsx(TabsTrigger, { value: "energy", className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Zap, { className: "w-4 h-4" }), _jsx("span", { children: "Energy" })] }) }), _jsx(TabsTrigger, { value: "disk", className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(HardDrive, { className: "w-4 h-4" }), _jsx("span", { children: "Disk" })] }) }), _jsx(TabsTrigger, { value: "network", className: "flex-1", children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Network, { className: "w-4 h-4" }), _jsx("span", { children: "Network" })] }) })] }), _jsx(TabsContent, { value: activeTab, className: "mt-6", children: _jsx(AnimatePresence, { mode: "wait", children: _jsxs(motion.div, { initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, exit: { opacity: 0, y: -8 }, transition: { duration: 0.2 }, children: [activeMetrics && (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6", children: _jsx(MetricCard, { label: activeMetrics.label, value: `${activeMetrics.value.toFixed(1)} ${activeMetrics.unit}`, history: activeMetrics.history, trend: activeMetrics.trend, color: activeMetrics.color || tabConfig.color, icon: _jsx(tabConfig.icon, { className: "w-4 h-4" }) }) })), (activeTab === 'cpu' || activeTab === 'memory') && activeMetrics && (_jsxs("div", { className: "mb-6", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsx("span", { className: "text-sm font-medium text-text-secondary", children: activeMetrics.label }), _jsxs("span", { className: "text-sm text-text-primary", children: [activeMetrics.value.toFixed(1), "%"] })] }), _jsx(Progress, { value: activeMetrics.value, className: "h-2", indicatorClassName: cn(activeTab === 'cpu' && "bg-accent-blue", activeTab === 'memory' && "bg-status-info") })] })), _jsxs("div", { children: [_jsx("h3", { className: "text-sm font-semibold text-text-secondary mb-3 uppercase tracking-wide", children: "Processes" }), _jsx(ProcessTable, { processes: processes, activeTab: activeTab, onProcessSelect: onProcessSelect, onSortChange: onSortChange })] })] }, activeTab) }) })] }) })] }));
+});
+ActivityMonitor.displayName = 'ActivityMonitor';
+//# sourceMappingURL=ActivityMonitor.js.map