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

package/dist/components/AvatarGroup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+export type AvatarGroupSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarGroupItem {
+    src?: string;
+    alt: string;
+    fallback?: string;
+}
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: AvatarGroupItem[];
+    max?: number;
+    size?: AvatarGroupSize;
+    showTooltip?: boolean;
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AvatarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarGroup.d.ts","sourceRoot":"","sources":["../../components/AvatarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,eAAe;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAMD,eAAO,MAAM,WAAW,yFA0FvB,CAAC"}

package/dist/components/AvatarGroup.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { cn } from '../lib/utils';
+import { motion } from 'framer-motion';
+/* ========================================
+   AVATAR GROUP COMPONENT
+   ======================================== */
+export const AvatarGroup = forwardRef(({ items, max = 5, size = 'md', showTooltip = true, className, ...props }, ref) => {
+    const sizes = {
+        xs: "w-6 h-6 text-xs",
+        sm: "w-8 h-8 text-sm",
+        md: "w-10 h-10 text-base",
+        lg: "w-12 h-12 text-lg",
+        xl: "w-14 h-14 text-xl",
+    };
+    const displayItems = items.slice(0, max);
+    const remainingCount = items.length - max;
+    const getInitials = (name) => {
+        const parts = name.split(' ');
+        if (parts.length >= 2) {
+            return `${parts[0][0]}${parts[1][0]}`.toUpperCase();
+        }
+        return name.slice(0, 2).toUpperCase();
+    };
+    return (_jsxs("div", { ref: ref, className: cn("flex items-center -space-x-2", className), ...props, children: [displayItems.map((item, index) => (_jsxs(motion.div, { initial: { scale: 0, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: { delay: index * 0.05 }, className: "relative group", children: [_jsx("div", { className: cn("relative inline-flex items-center justify-center rounded-full border-2 border-surface-primary bg-surface-secondary overflow-hidden ring-0 hover:ring-2 hover:ring-accent-blue/20 transition-all hover:z-10", sizes[size]), children: item.src ? (_jsx("img", { src: item.src, alt: item.alt, className: "w-full h-full object-cover" })) : (_jsx("span", { className: "font-medium text-text-primary", children: item.fallback || getInitials(item.alt) })) }), showTooltip && (_jsx("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-2 py-1 bg-surface-elevated border border-border-primary rounded-lg shadow-lg opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none whitespace-nowrap z-20", children: _jsx("span", { className: "text-xs text-text-primary", children: item.alt }) }))] }, index))), remainingCount > 0 && (_jsxs(motion.div, { initial: { scale: 0, opacity: 0 }, animate: { scale: 1, opacity: 1 }, transition: { delay: displayItems.length * 0.05 }, className: cn("relative inline-flex items-center justify-center rounded-full border-2 border-surface-primary bg-surface-tertiary font-medium text-text-secondary hover:bg-surface-secondary hover:ring-2 hover:ring-accent-blue/20 transition-all cursor-default hover:z-10", sizes[size]), children: ["+", remainingCount] }))] }));
+});
+AvatarGroup.displayName = 'AvatarGroup';
+//# sourceMappingURL=AvatarGroup.js.map

package/dist/components/AvatarGroup.js.map

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

package/dist/components/Badge.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+export type BadgeVariant = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+export type BadgeSize = 'sm' | 'md' | 'lg';
+export interface BadgeProps extends Omit<HTMLMotionProps<'span'>, 'size'> {
+    variant?: BadgeVariant;
+    size?: BadgeSize;
+    dot?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export interface NotificationBadgeProps {
+    count?: number;
+    max?: number;
+    showZero?: boolean;
+    dot?: boolean;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const NotificationBadge: React.FC<NotificationBadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../components/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAU,eAAe,EAAE,MAAM,eAAe,CAAC;AAMxD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAC5F,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACvE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAuDD,eAAO,MAAM,KAAK,iGA2DjB,CAAC;AAQF,MAAM,WAAW,sBAAsB;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA2C9D,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { motion } from 'framer-motion';
+/* ========================================
+   STYLES
+   ======================================== */
+const baseStyles = `
+  inline-flex items-center justify-center gap-1.5
+  font-medium
+  rounded-full
+  transition-apple
+`;
+const variantStyles = {
+    default: `
+    bg-surface-secondary
+    text-text-primary
+    border border-border-primary
+  `,
+    primary: `
+    bg-accent-blue
+    text-white
+  `,
+    success: `
+    bg-status-success/10
+    text-status-success
+    border border-status-success/20
+  `,
+    warning: `
+    bg-status-warning/10
+    text-status-warning
+    border border-status-warning/20
+  `,
+    error: `
+    bg-status-error/10
+    text-status-error
+    border border-status-error/20
+  `,
+    info: `
+    bg-status-info/10
+    text-status-info
+    border border-status-info/20
+  `,
+};
+const sizeStyles = {
+    sm: 'h-5 px-2 text-xs',
+    md: 'h-6 px-2.5 text-sm',
+    lg: 'h-7 px-3 text-base',
+};
+/* ========================================
+   COMPONENT
+   ======================================== */
+export const Badge = React.forwardRef(({ variant = 'default', size = 'md', dot = false, children, className = '', ...props }, ref) => {
+    const combinedClassName = `
+      ${baseStyles}
+      ${variantStyles[variant]}
+      ${sizeStyles[size]}
+      ${className}
+    `.trim().replace(/\s+/g, ' ');
+    const dotSizeMap = {
+        sm: 'w-1.5 h-1.5',
+        md: 'w-2 h-2',
+        lg: 'w-2.5 h-2.5',
+    };
+    const dotColorMap = {
+        default: 'bg-text-primary',
+        primary: 'bg-white',
+        success: 'bg-status-success',
+        warning: 'bg-status-warning',
+        error: 'bg-status-error',
+        info: 'bg-status-info',
+    };
+    return (_jsxs(motion.span, { ref: ref, className: combinedClassName, initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, transition: {
+            duration: 0.16,
+            ease: [0.16, 1, 0.3, 1],
+        }, ...props, children: [dot && (_jsx("span", { className: `
+              ${dotSizeMap[size]}
+              ${dotColorMap[variant]}
+              rounded-full
+            ` })), children] }));
+});
+Badge.displayName = 'Badge';
+export const NotificationBadge = ({ count = 0, max = 99, showZero = false, dot = false, children, className = '', }) => {
+    const displayCount = count > max ? `${max}+` : count;
+    const shouldShow = count > 0 || showZero;
+    return (_jsxs("div", { className: `relative inline-flex ${className}`, children: [children, shouldShow && (_jsx(motion.span, { className: `
+            absolute -top-1 -right-1
+            ${dot
+                    ? 'w-2 h-2'
+                    : 'min-w-[18px] h-[18px] px-1'}
+            flex items-center justify-center
+            bg-status-error
+            text-white
+            text-xs
+            font-semibold
+            rounded-full
+            border-2 border-background-primary
+          `, initial: { scale: 0 }, animate: { scale: 1 }, transition: {
+                    type: 'spring',
+                    stiffness: 500,
+                    damping: 25,
+                }, children: !dot && displayCount }))] }));
+};
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

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

package/dist/components/BarcodeGenerator.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export type BarcodeFormat = 'code128' | 'ean13' | 'upca' | 'code39' | 'itf14' | 'qrcode';
+export interface BarcodeGeneratorProps {
+    /** Initial value for the barcode */
+    defaultValue?: string;
+    /** Barcode format (default: code128) */
+    format?: BarcodeFormat;
+    /** Scale factor (1-5, default: 3) */
+    scale?: number;
+    /** Show the text value below the barcode */
+    includeText?: boolean;
+    /** Show an internal input to change the value */
+    showInput?: boolean;
+    /** Class name for the container */
+    className?: string;
+}
+export declare const BarcodeGenerator: React.FC<BarcodeGeneratorProps>;
+//# sourceMappingURL=BarcodeGenerator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeGenerator.d.ts","sourceRoot":"","sources":["../../components/BarcodeGenerator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzF,MAAM,WAAW,qBAAqB;IAClC,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAmJ5D,CAAC"}

package/dist/components/BarcodeGenerator.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { cn } from '../lib/utils';
+import { Button } from './Button';
+import { Input } from './Input';
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './Select';
+import { Download, Copy, Check, RefreshCw, Barcode } from 'lucide-react';
+export const BarcodeGenerator = ({ defaultValue = "1234567890", format = "code128", scale = 3, includeText = true, showInput = false, className }) => {
+    const [value, setValue] = useState(defaultValue);
+    const [selectedFormat, setSelectedFormat] = useState(format);
+    const [imgSrc, setImgSrc] = useState("");
+    const [isLoading, setIsLoading] = useState(true);
+    const [isCopied, setIsCopied] = useState(false);
+    // Generate URL using bwip-js API
+    useEffect(() => {
+        if (!value)
+            return;
+        setIsLoading(true);
+        const encodedValue = encodeURIComponent(value);
+        // bwip-js API parameters
+        // bcid: Barcode type
+        // text: Text to encode
+        // scale: Scale factor (x-axis)
+        // rotate: Rotation (N, R, L, I)
+        // includetext: Show human readable text
+        const url = `https://bwipjs-api.metafloor.com/?bcid=${selectedFormat}&text=${encodedValue}&scale=${scale}&rotate=N${includeText ? '&includetext' : ''}`;
+        // Preload image
+        const img = new Image();
+        img.src = url;
+        img.onload = () => {
+            setImgSrc(url);
+            setIsLoading(false);
+        };
+        img.onerror = () => {
+            // Handle error (e.g. invalid characters for format)
+            setIsLoading(false);
+        };
+    }, [value, selectedFormat, scale, includeText]);
+    const handleDownload = async () => {
+        try {
+            const response = await fetch(imgSrc);
+            const blob = await response.blob();
+            const url = window.URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = `barcode-${value}-${Date.now()}.png`;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            window.URL.revokeObjectURL(url);
+        }
+        catch (error) {
+            console.error("Error downloading barcode:", error);
+            window.open(imgSrc, '_blank');
+        }
+    };
+    const handleCopyValue = () => {
+        navigator.clipboard.writeText(value);
+        setIsCopied(true);
+        setTimeout(() => setIsCopied(false), 2000);
+    };
+    return (_jsxs("div", { className: cn("flex flex-col items-center gap-6 p-6 rounded-2xl bg-surface-primary border border-border-primary shadow-sm w-full max-w-md", className), children: [showInput && (_jsxs("div", { className: "w-full space-y-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-text-secondary", children: "Content" }), _jsx(Input, { value: value, onChange: (e) => setValue(e.target.value), placeholder: "Enter value...", className: "w-full" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-text-secondary", children: "Format" }), _jsxs(Select, { value: selectedFormat, onValueChange: (v) => setSelectedFormat(v), children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select format" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "code128", children: "Code 128 (Standard)" }), _jsx(SelectItem, { value: "ean13", children: "EAN-13 (Retail)" }), _jsx(SelectItem, { value: "upca", children: "UPC-A (US Retail)" }), _jsx(SelectItem, { value: "code39", children: "Code 39" }), _jsx(SelectItem, { value: "itf14", children: "ITF-14 (Logistics)" })] })] })] })] })), _jsxs("div", { className: "relative min-h-[120px] w-full flex items-center justify-center p-4 bg-white rounded-xl border border-border-secondary shadow-inner overflow-hidden", children: [isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 z-10", children: _jsx(RefreshCw, { className: "w-6 h-6 text-accent-blue animate-spin" }) })), imgSrc ? (_jsx("img", { src: imgSrc, alt: `Barcode ${value}`, className: "max-w-full h-auto object-contain mix-blend-multiply" })) : (_jsxs("div", { className: "flex flex-col items-center text-text-tertiary", children: [_jsx(Barcode, { className: "w-8 h-8 mb-2 opacity-50" }), _jsx("span", { className: "text-xs", children: "Invalid Data" })] }))] }), _jsxs("div", { className: "flex items-center gap-2 w-full", children: [_jsxs(Button, { variant: "outline", className: "flex-1", onClick: handleCopyValue, title: "Copy value to clipboard", children: [isCopied ? _jsx(Check, { className: "w-4 h-4 mr-2" }) : _jsx(Copy, { className: "w-4 h-4 mr-2" }), isCopied ? "Copied" : "Copy Text"] }), _jsxs(Button, { variant: "primary", className: "flex-1", onClick: handleDownload, disabled: !imgSrc || isLoading, children: [_jsx(Download, { className: "w-4 h-4 mr-2" }), "Download"] })] })] }));
+};
+//# sourceMappingURL=BarcodeGenerator.js.map

package/dist/components/BarcodeGenerator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeGenerator.js","sourceRoot":"","sources":["../../components/BarcodeGenerator.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAmBzE,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAC9D,YAAY,GAAG,YAAY,EAC3B,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,CAAC,EACT,WAAW,GAAG,IAAI,EAClB,SAAS,GAAG,KAAK,EACjB,SAAS,EACZ,EAAE,EAAE;IACD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAgB,MAAM,CAAC,CAAC;IAC5E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACzC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEhD,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,CAAC,KAAK;YAAE,OAAO;QAEnB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,MAAM,YAAY,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAE/C,yBAAyB;QACzB,qBAAqB;QACrB,uBAAuB;QACvB,+BAA+B;QAC/B,gCAAgC;QAChC,wCAAwC;QAExC,MAAM,GAAG,GAAG,0CAA0C,cAAc,SAAS,YAAY,UAAU,KAAK,YAAY,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;QAExJ,gBAAgB;QAChB,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QACd,GAAG,CAAC,MAAM,GAAG,GAAG,EAAE;YACd,SAAS,CAAC,GAAG,CAAC,CAAC;YACf,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;QACF,GAAG,CAAC,OAAO,GAAG,GAAG,EAAE;YACf,oDAAoD;YACpD,YAAY,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC;YACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,MAAM,CAAC,CAAC;YACrC,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;YACnC,MAAM,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC7C,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;YAChB,IAAI,CAAC,QAAQ,GAAG,WAAW,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,MAAM,CAAC;YACrD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,MAAM,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;QACpC,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,KAAK,CAAC,CAAC;YACnD,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAClC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACrC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,EAAE,CACd,4HAA4H,EAC5H,SAAS,CACZ,aACI,SAAS,IAAI,CACV,eAAK,SAAS,EAAC,kBAAkB,aAC7B,eAAK,SAAS,EAAC,WAAW,aACtB,gBAAO,SAAS,EAAC,yCAAyC,wBAAgB,EAC1E,KAAC,KAAK,IACF,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,WAAW,EAAC,gBAAgB,EAC5B,SAAS,EAAC,QAAQ,GACpB,IACA,EACN,eAAK,SAAS,EAAC,WAAW,aACtB,gBAAO,SAAS,EAAC,yCAAyC,uBAAe,EACzE,MAAC,MAAM,IACH,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAkB,CAAC,aAE3D,KAAC,aAAa,cACV,KAAC,WAAW,IAAC,WAAW,EAAC,eAAe,GAAG,GAC/B,EAChB,MAAC,aAAa,eACV,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,oCAAiC,EAC5D,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,gCAA6B,EACtD,KAAC,UAAU,IAAC,KAAK,EAAC,MAAM,kCAA+B,EACvD,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,wBAAqB,EAC/C,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,mCAAgC,IAC7C,IACX,IACP,IACJ,CACT,EAED,eAAK,SAAS,EAAC,oJAAoJ,aAC9J,SAAS,IAAI,CACV,cAAK,SAAS,EAAC,oEAAoE,YAC/E,KAAC,SAAS,IAAC,SAAS,EAAC,uCAAuC,GAAG,GAC7D,CACT,EAEA,MAAM,CAAC,CAAC,CAAC,CACN,cACI,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,WAAW,KAAK,EAAE,EACvB,SAAS,EAAC,qDAAqD,GACjE,CACL,CAAC,CAAC,CAAC,CACA,eAAK,SAAS,EAAC,+CAA+C,aAC1D,KAAC,OAAO,IAAC,SAAS,EAAC,yBAAyB,GAAG,EAC/C,eAAM,SAAS,EAAC,SAAS,6BAAoB,IAC3C,CACT,IACC,EAEN,eAAK,SAAS,EAAC,gCAAgC,aAC3C,MAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,eAAe,EACxB,KAAK,EAAC,yBAAyB,aAE9B,QAAQ,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,SAAS,EAAC,cAAc,GAAG,EACjF,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,IAC7B,EACT,MAAC,MAAM,IACH,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,CAAC,MAAM,IAAI,SAAS,aAE9B,KAAC,QAAQ,IAAC,SAAS,EAAC,cAAc,GAAG,gBAEhC,IACP,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}

package/dist/components/Blockquote.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface BlockquoteProps {
+    children: React.ReactNode;
+    author?: string;
+    source?: string;
+    className?: string;
+}
+export declare const Blockquote: React.FC<BlockquoteProps>;
+//# sourceMappingURL=Blockquote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../components/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,eAAe;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BhD,CAAC"}

package/dist/components/Blockquote.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Quote } from 'lucide-react';
+import { Text } from './Text';
+export const Blockquote = ({ children, author, source, className = '', }) => {
+    return (_jsxs("figure", { className: `relative pl-6 border-l-4 border-accent-blue/30 ${className}`, children: [_jsx("div", { className: "absolute -top-3 -left-3.5 bg-background-primary p-1 rounded-full", children: _jsx(Quote, { className: "w-5 h-5 text-accent-blue fill-accent-blue/10" }) }), _jsx("blockquote", { className: "mb-3 pt-1", children: _jsxs(Text, { variant: "lead", italic: true, color: "secondary", className: "!leading-relaxed", children: ["\"", children, "\""] }) }), (author || source) && (_jsxs("figcaption", { className: "flex items-center gap-2 text-sm pl-1", children: [_jsx("div", { className: "w-6 h-[1px] bg-border-primary" }), author && _jsx("span", { className: "font-semibold text-text-primary", children: author }), source && (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-text-quaternary", children: "\u2022" }), _jsx("cite", { className: "text-text-tertiary not-italic", children: source })] }))] }))] }));
+};
+Blockquote.displayName = 'Blockquote';
+//# sourceMappingURL=Blockquote.js.map

package/dist/components/Blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.js","sourceRoot":"","sources":["../../components/Blockquote.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAS9B,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,GAAG,EAAE,GACjB,EAAE,EAAE;IACD,OAAO,CACH,kBAAQ,SAAS,EAAE,kDAAkD,SAAS,EAAE,aAC5E,cAAK,SAAS,EAAC,kEAAkE,YAC7E,KAAC,KAAK,IAAC,SAAS,EAAC,8CAA8C,GAAG,GAChE,EACN,qBAAY,SAAS,EAAC,WAAW,YAC7B,MAAC,IAAI,IAAC,OAAO,EAAC,MAAM,EAAC,MAAM,QAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAC,kBAAkB,mBACpE,QAAQ,UACP,GACE,EACZ,CAAC,MAAM,IAAI,MAAM,CAAC,IAAI,CACnB,sBAAY,SAAS,EAAC,sCAAsC,aACxD,cAAK,SAAS,EAAC,+BAA+B,GAAG,EAChD,MAAM,IAAI,eAAM,SAAS,EAAC,iCAAiC,YAAE,MAAM,GAAQ,EAC3E,MAAM,IAAI,CACP,8BACI,eAAM,SAAS,EAAC,sBAAsB,uBAAS,EAC/C,eAAM,SAAS,EAAC,+BAA+B,YAAE,MAAM,GAAQ,IAChE,CACN,IACQ,CAChB,IACI,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/components/BottomNavigation.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { type LucideIcon } from 'lucide-react';
+export interface BottomNavigationItem {
+    id: string;
+    label: string;
+    icon: LucideIcon;
+    href?: string;
+    onClick?: () => void;
+    active?: boolean;
+    badge?: string | number;
+    disabled?: boolean;
+}
+export interface BottomNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: BottomNavigationItem[];
+    variant?: 'default' | 'glass' | 'elevated';
+    showLabels?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    onItemClick?: (item: BottomNavigationItem) => void;
+}
+export declare const BottomNavigation: React.ForwardRefExoticComponent<BottomNavigationProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BottomNavigation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomNavigation.d.ts","sourceRoot":"","sources":["../../components/BottomNavigation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/C,MAAM,WAAW,oBAAoB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAC3C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACtD;AAsKD,eAAO,MAAM,gBAAgB,8FA+C5B,CAAC"}

package/dist/components/BottomNavigation.js

@@ -0,0 +1,77 @@
+"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';
+/* ========================================
+   HELPER FUNCTIONS
+   ======================================== */
+const variantStyles = {
+    default: 'bg-surface-primary border-t border-border-primary',
+    glass: 'glass border-t border-border-secondary/50',
+    elevated: 'bg-surface-primary border-t border-border-primary shadow-lg',
+};
+const sizeStyles = {
+    sm: {
+        container: 'h-16',
+        icon: 'w-5 h-5',
+        label: 'text-xs',
+        padding: 'px-2 py-1',
+        gap: 'gap-1',
+    },
+    md: {
+        container: 'h-20',
+        icon: 'w-6 h-6',
+        label: 'text-xs',
+        padding: 'px-3 py-2',
+        gap: 'gap-1.5',
+    },
+    lg: {
+        container: 'h-24',
+        icon: 'w-7 h-7',
+        label: 'text-sm',
+        padding: 'px-4 py-3',
+        gap: 'gap-2',
+    },
+};
+const NavigationItem = ({ item, showLabel, size, onItemClick, }) => {
+    const { icon: iconSize, label: labelSize, padding, gap } = sizeStyles[size];
+    const Icon = item.icon;
+    const isActive = item.active || false;
+    const isDisabled = item.disabled || false;
+    const handleClick = () => {
+        if (isDisabled)
+            return;
+        if (item.onClick) {
+            item.onClick();
+        }
+        if (onItemClick) {
+            onItemClick(item);
+        }
+    };
+    const Component = item.href && !isDisabled ? 'a' : 'button';
+    return (_jsx(motion.div, { className: cn("flex flex-col items-center justify-center relative", gap, padding, "flex-1 min-w-0", isDisabled && "opacity-40 cursor-not-allowed"), whileHover: !isDisabled ? { scale: 1.05 } : {}, whileTap: !isDisabled ? { scale: 0.95 } : {}, transition: { type: 'spring', stiffness: 400, damping: 25 }, children: _jsxs(Component, { href: item.href, onClick: handleClick, disabled: isDisabled, className: cn("flex flex-col items-center justify-center relative", gap, "w-full min-w-0", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-blue focus-visible:ring-offset-2 rounded-lg", isDisabled && "cursor-not-allowed"), children: [_jsxs("div", { className: "relative", children: [_jsx(motion.div, { className: cn("flex items-center justify-center rounded-lg transition-colors", iconSize, isActive
+                                ? "text-accent-blue"
+                                : "text-text-secondary"), animate: {
+                                scale: isActive ? 1.1 : 1,
+                            }, transition: { type: 'spring', stiffness: 400, damping: 25 }, children: _jsx(Icon, { className: iconSize, strokeWidth: isActive ? 2.5 : 2 }) }), isActive && (_jsx(motion.div, { layoutId: "bottom-nav-indicator", className: "absolute -bottom-1 left-1/2 -translate-x-1/2 w-1 h-1 bg-accent-blue rounded-full", initial: { scale: 0 }, animate: { scale: 1 }, transition: { type: 'spring', stiffness: 400, damping: 25 } })), item.badge && (_jsx(motion.div, { initial: { scale: 0 }, animate: { scale: 1 }, className: cn("absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1.5 flex items-center justify-center", "bg-status-error text-white text-[10px] font-bold rounded-full", typeof item.badge === 'number' && item.badge > 99 && "px-1"), children: typeof item.badge === 'number' && item.badge > 99 ? '99+' : item.badge }))] }), showLabel && (_jsx(motion.span, { className: cn(labelSize, "font-medium text-center truncate w-full", isActive
+                        ? "text-accent-blue"
+                        : "text-text-secondary"), animate: {
+                        opacity: isActive ? 1 : 0.7,
+                    }, children: item.label }))] }) }));
+};
+/* ========================================
+   MAIN COMPONENT
+   ======================================== */
+export const BottomNavigation = React.forwardRef(({ items, variant = 'default', showLabels = true, size = 'md', onItemClick, className, ...props }, ref) => {
+    const { container } = sizeStyles[size];
+    return (_jsx(motion.nav, { ref: ref, className: cn(`fixed bottom-0 left-0 right-0 z-50 pb-safe`, "flex items-center justify-around", // Keep flex properties
+        variantStyles[variant], container, // Keep container height
+        className), initial: { y: '100%' }, animate: { y: 0 }, exit: { y: '100%' }, transition: {
+            type: 'spring',
+            stiffness: 300,
+            damping: 30,
+        }, ...props, children: items.map((item) => (_jsx(NavigationItem, { item: item, showLabel: showLabels, size: size, onItemClick: onItemClick }, item.id))) }));
+});
+BottomNavigation.displayName = 'BottomNavigation';
+//# sourceMappingURL=BottomNavigation.js.map

package/dist/components/BottomNavigation.js.map

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

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU;gBAGI,KAAK,CAAC,SAAS;qCAE2C,CAAC;AAG/E,QAAA,MAAM,cAAc,2KAYlB,CAAC;AAGH,QAAA,MAAM,cAAc,kKASlB,CAAC;AAGH,QAAA,MAAM,cAAc;cAGF,OAAO;2CAWvB,CAAC;AAGH,QAAA,MAAM,cAAc,sKAYlB,CAAC;AAGH,QAAA,MAAM,mBAAmB;wCAItB,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;CAS5B,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAGrB,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAU9B,CAAC;AAGF,OAAO,EACH,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACrB,CAAC"}

package/dist/components/Breadcrumb.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronRight, MoreHorizontal } from "lucide-react";
+import { cn } from "../lib/utils";
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => _jsx("nav", { ref: ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => (_jsx("ol", { ref: ref, className: cn("flex flex-wrap items-center gap-1.5 break-words text-sm text-text-secondary sm:gap-2.5", className), ...props })));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => (_jsx("li", { ref: ref, className: cn("inline-flex items-center gap-1.5", className), ...props })));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? React.Fragment : "a";
+    return (_jsx(Comp, { ref: ref, className: cn("transition-colors hover:text-text-primary", className), ...props }));
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => (_jsx("span", { ref: ref, role: "link", "aria-disabled": "true", "aria-current": "page", className: cn("font-normal text-text-primary", className), ...props })));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({ children, className, ...props }) => (_jsx("li", { role: "presentation", "aria-hidden": "true", className: cn("[&>svg]:size-3.5", className), ...props, children: children ?? _jsx(ChevronRight, {}) }));
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({ className, ...props }) => (_jsxs("span", { role: "presentation", "aria-hidden": "true", className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontal, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

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

package/dist/components/BreadcrumbTabsHybrid.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: React.ReactNode;
+}
+export interface TabItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    badge?: number;
+}
+export interface BreadcrumbTabsHybridProps {
+    breadcrumbs: BreadcrumbItem[];
+    tabs: TabItem[];
+    activeTab?: string;
+    onTabChange?: (tabId: string) => void;
+    onBreadcrumbClick?: (index: number) => void;
+    variant?: 'default' | 'compact' | 'elevated';
+    showHomeIcon?: boolean;
+    className?: string;
+}
+export declare const BreadcrumbTabsHybrid: React.FC<BreadcrumbTabsHybridProps>;
+export default BreadcrumbTabsHybrid;
+//# sourceMappingURL=BreadcrumbTabsHybrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbTabsHybrid.d.ts","sourceRoot":"","sources":["../../components/BreadcrumbTabsHybrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,cAAc,EAAE,CAAC;IAC9B,IAAI,EAAE,OAAO,EAAE,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IAC7C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA0JpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/BreadcrumbTabsHybrid.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useRef, useEffect } from 'react';
+import { ChevronRight, Home } from 'lucide-react';
+export const BreadcrumbTabsHybrid = ({ breadcrumbs, tabs, activeTab: controlledActiveTab, onTabChange, onBreadcrumbClick, variant = 'default', showHomeIcon = true, className = '', }) => {
+    const [internalActiveTab, setInternalActiveTab] = useState(tabs[0]?.id || '');
+    const activeTab = controlledActiveTab ?? internalActiveTab;
+    const tabRefs = useRef({});
+    const [indicatorStyle, setIndicatorStyle] = useState({ left: 0, width: 0 });
+    const handleTabClick = (tabId) => {
+        if (!controlledActiveTab) {
+            setInternalActiveTab(tabId);
+        }
+        onTabChange?.(tabId);
+    };
+    const handleBreadcrumbClick = (index, href) => {
+        if (onBreadcrumbClick) {
+            onBreadcrumbClick(index);
+        }
+        else if (href) {
+            window.location.href = href;
+        }
+    };
+    // Update indicator position when active tab changes
+    useEffect(() => {
+        const activeTabElement = tabRefs.current[activeTab];
+        if (activeTabElement) {
+            const { offsetLeft, offsetWidth } = activeTabElement;
+            setIndicatorStyle({
+                left: offsetLeft,
+                width: offsetWidth,
+            });
+        }
+    }, [activeTab, tabs]);
+    const variantClasses = {
+        default: 'bg-background-secondary border-b border-border-primary',
+        compact: 'bg-transparent',
+        elevated: 'bg-surface-primary shadow-sm border border-border-primary rounded-xl',
+    };
+    return (_jsxs("div", { className: `breadcrumb-tabs-hybrid ${variantClasses[variant]} ${className}`, children: [_jsx("div", { className: "breadcrumb-section px-6 pt-4 pb-2", children: _jsxs("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-1.5", children: [showHomeIcon && breadcrumbs.length > 0 && (_jsxs(_Fragment, { children: [_jsx("button", { onClick: () => handleBreadcrumbClick(0, breadcrumbs[0].href), className: "breadcrumb-home-button p-1.5 rounded-lg hover:bg-background-tertiary/50 transition-colors duration-200", "aria-label": "Home", children: _jsx(Home, { className: "w-4 h-4 text-text-secondary" }) }), breadcrumbs.length > 1 && (_jsx(ChevronRight, { className: "w-4 h-4 text-text-quaternary flex-shrink-0" }))] })), breadcrumbs.slice(showHomeIcon ? 1 : 0).map((crumb, index) => {
+                            const actualIndex = showHomeIcon ? index + 1 : index;
+                            const isLast = actualIndex === breadcrumbs.length - 1;
+                            return (_jsxs(React.Fragment, { children: [_jsxs("button", { onClick: () => handleBreadcrumbClick(actualIndex, crumb.href), className: `breadcrumb-item flex items-center gap-2 px-2.5 py-1.5 rounded-lg transition-all duration-200 ${isLast
+                                            ? 'text-text-primary font-medium cursor-default'
+                                            : 'text-text-secondary hover:text-text-primary hover:bg-background-tertiary/50'}`, "aria-current": isLast ? 'page' : undefined, disabled: isLast, children: [crumb.icon && (_jsx("span", { className: "flex-shrink-0", children: crumb.icon })), _jsx("span", { className: "text-sm whitespace-nowrap", children: crumb.label })] }), !isLast && (_jsx(ChevronRight, { className: "w-4 h-4 text-text-quaternary flex-shrink-0" }))] }, actualIndex));
+                        })] }) }), _jsxs("div", { className: "tabs-section px-6 relative", children: [_jsxs("div", { className: "flex items-center gap-1 relative", children: [tabs.map((tab) => {
+                                const isActive = tab.id === activeTab;
+                                return (_jsxs("button", { ref: (el) => { tabRefs.current[tab.id] = el; }, onClick: () => handleTabClick(tab.id), className: `tab-item relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-all duration-200 ${isActive
+                                        ? 'text-accent-blue'
+                                        : 'text-text-secondary hover:text-text-primary'}`, role: "tab", "aria-selected": isActive, "aria-controls": `tabpanel-${tab.id}`, children: [tab.icon && (_jsx("span", { className: "flex-shrink-0 w-4 h-4", children: tab.icon })), _jsx("span", { children: tab.label }), tab.badge !== undefined && tab.badge > 0 && (_jsx("span", { className: `badge inline-flex items-center justify-center min-w-[18px] h-[18px] px-1.5 rounded-full text-xs font-semibold transition-colors duration-200 ${isActive
+                                                ? 'bg-accent-blue text-white'
+                                                : 'bg-background-tertiary text-text-secondary'}`, children: tab.badge > 99 ? '99+' : tab.badge }))] }, tab.id));
+                            }), _jsx("div", { className: "tab-indicator absolute bottom-0 h-0.5 bg-accent-blue transition-all duration-300 ease-out", style: {
+                                    left: `${indicatorStyle.left}px`,
+                                    width: `${indicatorStyle.width}px`,
+                                } })] }), variant !== 'elevated' && (_jsx("div", { className: "absolute bottom-0 left-0 right-0 h-px bg-border-primary" }))] })] }));
+};
+export default BreadcrumbTabsHybrid;
+//# sourceMappingURL=BreadcrumbTabsHybrid.js.map

package/dist/components/BreadcrumbTabsHybrid.js.map

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