@damarkuncoro/ui-library 0.0.1

package/lib/cjs/theme/design-tokens.js

@@ -0,0 +1,177 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.themes = exports.cssVars = exports.palette = void 0;
+exports.palette = {
+    blue: {
+        400: '#60A5FA',
+        500: '#3B82F6',
+        600: '#2563EB',
+        700: '#1D4ED8',
+        800: '#1E40AF',
+    },
+    gray: {
+        50: '#F9FAFB',
+        100: '#F3F4F6',
+        200: '#E5E7EB',
+        300: '#D1D5DB',
+        400: '#9CA3AF',
+        500: '#6B7280',
+        600: '#4B5563',
+        700: '#374151',
+        800: '#1F2937',
+        900: '#111827',
+    },
+    red: {
+        400: '#F87171',
+        500: '#EF4444',
+        600: '#DC2626',
+        700: '#B91C1C',
+        900: '#7F1D1D',
+    },
+    white: '#FFFFFF',
+    black: '#000000',
+    transparent: 'transparent',
+};
+exports.cssVars = {
+    colors: {
+        primary: {
+            main: 'var(--color-primary-main)',
+            hover: 'var(--color-primary-hover)',
+            focus: 'var(--color-primary-focus)',
+            contrastText: 'var(--color-primary-contrast)',
+        },
+        secondary: {
+            main: 'var(--color-secondary-main)',
+            hover: 'var(--color-secondary-hover)',
+            focus: 'var(--color-secondary-focus)',
+            contrastText: 'var(--color-secondary-contrast)',
+        },
+        danger: {
+            main: 'var(--color-danger-main)',
+            hover: 'var(--color-danger-hover)',
+            focus: 'var(--color-danger-focus)',
+            contrastText: 'var(--color-danger-contrast)',
+        },
+        neutral: {
+            border: 'var(--color-neutral-border)',
+            text: 'var(--color-neutral-text)',
+            textSecondary: 'var(--color-neutral-text-secondary)',
+            bg: 'var(--color-neutral-bg)',
+            bgSurface: 'var(--color-neutral-bg-surface)',
+        }
+    },
+    shadows: {
+        focusRing: 'var(--shadow-focus-ring)',
+    }
+};
+exports.themes = {
+    light: {
+        '--color-primary-main': exports.palette.blue[600],
+        '--color-primary-hover': exports.palette.blue[700],
+        '--color-primary-focus': exports.palette.blue[500],
+        '--color-primary-contrast': exports.palette.white,
+        '--color-secondary-main': exports.palette.gray[100],
+        '--color-secondary-hover': exports.palette.gray[200],
+        '--color-secondary-focus': exports.palette.gray[500],
+        '--color-secondary-contrast': exports.palette.gray[900],
+        '--color-danger-main': exports.palette.red[600],
+        '--color-danger-hover': exports.palette.red[700],
+        '--color-danger-focus': exports.palette.red[500],
+        '--color-danger-contrast': exports.palette.white,
+        '--color-neutral-border': exports.palette.gray[300],
+        '--color-neutral-text': exports.palette.gray[700],
+        '--color-neutral-text-secondary': exports.palette.gray[500],
+        '--color-neutral-bg': exports.palette.gray[50],
+        '--color-neutral-bg-surface': exports.palette.white,
+        '--shadow-focus-ring': '0 0 0 2px',
+    },
+    dark: {
+        '--color-primary-main': exports.palette.blue[500],
+        '--color-primary-hover': exports.palette.blue[400],
+        '--color-primary-focus': exports.palette.blue[600],
+        '--color-primary-contrast': exports.palette.white,
+        '--color-secondary-main': exports.palette.gray[800],
+        '--color-secondary-hover': exports.palette.gray[700],
+        '--color-secondary-focus': exports.palette.gray[600],
+        '--color-secondary-contrast': exports.palette.gray[100],
+        '--color-danger-main': exports.palette.red[500],
+        '--color-danger-hover': exports.palette.red[400],
+        '--color-danger-focus': exports.palette.red[600],
+        '--color-danger-contrast': exports.palette.white,
+        '--color-neutral-border': exports.palette.gray[600],
+        '--color-neutral-text': exports.palette.gray[100],
+        '--color-neutral-text-secondary': exports.palette.gray[400],
+        '--color-neutral-bg': exports.palette.gray[900],
+        '--color-neutral-bg-surface': exports.palette.gray[800],
+        '--shadow-focus-ring': '0 0 0 2px',
+    }
+};
+exports.tokens = {
+    colors: {
+        ...exports.cssVars.colors,
+        transparent: 'transparent',
+        white: '#FFFFFF',
+        black: '#000000',
+    },
+    shadows: exports.cssVars.shadows,
+    ui: {
+        outlineOffset: '2px',
+        outlineWidth: '2px',
+    },
+    borderRadius: {
+        sm: '4px',
+        md: '6px',
+        lg: '8px',
+        full: '9999px',
+    },
+    spacing: {
+        2: '8px',
+        3: '12px',
+        4: '16px',
+        6: '24px',
+    },
+    sizing: {
+        8: '32px',
+        10: '40px',
+        12: '48px',
+        icon: {
+            sm: '14px',
+            md: '16px',
+            lg: '20px',
+        },
+    },
+    typography: {
+        fontFamily: {
+            sans: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+            mono: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+        },
+        fontSize: {
+            xs: '0.75rem',
+            sm: '0.875rem',
+            base: '1rem',
+            lg: '1.125rem',
+            xl: '1.25rem',
+        },
+        fontWeight: {
+            normal: '400',
+            medium: '500',
+            semibold: '600',
+            bold: '700',
+        },
+        lineHeight: {
+            none: '1',
+            tight: '1.25',
+            snug: '1.375',
+            normal: '1.5',
+            relaxed: '1.625',
+            loose: '2',
+        }
+    },
+    opacity: {
+        disabled: '0.5',
+    },
+    transition: {
+        base: 'all 0.2s ease',
+    }
+};
+//# sourceMappingURL=design-tokens.js.map

package/lib/cjs/theme/design-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"design-tokens.js","sourceRoot":"","sources":["../../../src/theme/design-tokens.ts"],"names":[],"mappings":";;;AAIa,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,IAAI,EAAE;QACJ,EAAE,EAAE,SAAS;QACb,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,GAAG,EAAE;QACH,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;KACf;IACD,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,aAAa;CAClB,CAAC;AAGE,QAAA,OAAO,GAAG;IACrB,MAAM,EAAE;QACN,OAAO,EAAE;YACP,IAAI,EAAE,2BAA2B;YACjC,KAAK,EAAE,4BAA4B;YACnC,KAAK,EAAE,4BAA4B;YACnC,YAAY,EAAE,+BAA+B;SAC9C;QACD,SAAS,EAAE;YACT,IAAI,EAAE,6BAA6B;YACnC,KAAK,EAAE,8BAA8B;YACrC,KAAK,EAAE,8BAA8B;YACrC,YAAY,EAAE,iCAAiC;SAChD;QACD,MAAM,EAAE;YACN,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,2BAA2B;YAClC,KAAK,EAAE,2BAA2B;YAClC,YAAY,EAAE,8BAA8B;SAC7C;QACD,OAAO,EAAE;YACP,MAAM,EAAE,6BAA6B;YACrC,IAAI,EAAE,2BAA2B;YACjC,aAAa,EAAE,qCAAqC;YACpD,EAAE,EAAE,yBAAyB;YAC7B,SAAS,EAAE,iCAAiC;SAC7C;KACF;IACD,OAAO,EAAE;QACP,SAAS,EAAE,0BAA0B;KACtC;CACO,CAAC;AAGE,QAAA,MAAM,GAAG;IACpB,KAAK,EAAE;QAEL,sBAAsB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,uBAAuB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,uBAAuB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,0BAA0B,EAAE,eAAO,CAAC,KAAK;QAGzC,wBAAwB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,yBAAyB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,yBAAyB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,4BAA4B,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAG/C,qBAAqB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACvC,sBAAsB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACxC,sBAAsB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACxC,yBAAyB,EAAE,eAAO,CAAC,KAAK;QAGxC,wBAAwB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,sBAAsB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,gCAAgC,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACnD,oBAAoB,EAAE,eAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACtC,4BAA4B,EAAE,eAAO,CAAC,KAAK;QAG3C,qBAAqB,EAAE,WAAW;KACnC;IACD,IAAI,EAAE;QAEJ,sBAAsB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,uBAAuB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,uBAAuB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC1C,0BAA0B,EAAE,eAAO,CAAC,KAAK;QAGzC,wBAAwB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,yBAAyB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,yBAAyB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC5C,4BAA4B,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAG/C,qBAAqB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACvC,sBAAsB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACxC,sBAAsB,EAAE,eAAO,CAAC,GAAG,CAAC,GAAG,CAAC;QACxC,yBAAyB,EAAE,eAAO,CAAC,KAAK;QAGxC,wBAAwB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAC3C,sBAAsB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,gCAAgC,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACnD,oBAAoB,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QACvC,4BAA4B,EAAE,eAAO,CAAC,IAAI,CAAC,GAAG,CAAC;QAG/C,qBAAqB,EAAE,WAAW;KACnC;CACF,CAAC;AAIW,QAAA,MAAM,GAAG;IACpB,MAAM,EAAE;QACN,GAAG,eAAO,CAAC,MAAM;QACjB,WAAW,EAAE,aAAa;QAC1B,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD,OAAO,EAAE,eAAO,CAAC,OAAO;IAGxB,EAAE,EAAE;QACF,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,KAAK;KACpB;IAGD,YAAY,EAAE;QACZ,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,IAAI,EAAE,QAAQ;KACf;IACD,OAAO,EAAE;QACP,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;QACT,CAAC,EAAE,MAAM;KACV;IACD,MAAM,EAAE;QACN,CAAC,EAAE,MAAM;QACT,EAAE,EAAE,MAAM;QACV,EAAE,EAAE,MAAM;QACV,IAAI,EAAE;YACJ,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;YACV,EAAE,EAAE,MAAM;SACX;KACF;IACD,UAAU,EAAE;QACV,UAAU,EAAE;YACV,IAAI,EAAE,sHAAsH;YAC5H,IAAI,EAAE,oGAAoG;SAC3G;QACD,QAAQ,EAAE;YACR,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,UAAU;YACd,IAAI,EAAE,MAAM;YACZ,EAAE,EAAE,UAAU;YACd,EAAE,EAAE,SAAS;SACd;QACD,UAAU,EAAE;YACV,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,KAAK;YACb,QAAQ,EAAE,KAAK;YACf,IAAI,EAAE,KAAK;SACZ;QACD,UAAU,EAAE;YACV,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,KAAK;YACb,OAAO,EAAE,OAAO;YAChB,KAAK,EAAE,GAAG;SACX;KACF;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;KAChB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,eAAe;KACtB;CACO,CAAC"}

package/lib/cjs/theme/index.d.ts

@@ -0,0 +1,3 @@
+export * from './design-tokens';
+export * from './theme-provider';
+//# sourceMappingURL=index.d.ts.map

package/lib/cjs/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC"}

package/lib/cjs/theme/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./design-tokens"), exports);
+__exportStar(require("./theme-provider"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,mDAAiC"}

package/lib/cjs/theme/theme-provider.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+type ThemeMode = 'light' | 'dark';
+interface ThemeContextType {
+    mode: ThemeMode;
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+}
+interface ThemeProviderProps {
+    children: ReactNode;
+    defaultMode?: ThemeMode;
+    themeOverrides?: Partial<Record<ThemeMode, Record<string, string>>>;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export declare const useTheme: () => ThemeContextType;
+export {};
+//# sourceMappingURL=theme-provider.d.ts.map

package/lib/cjs/theme/theme-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkD,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzF,KAAK,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAElC,UAAU,gBAAgB;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAID,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CACrE;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsCtD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAO,gBAM3B,CAAC"}

package/lib/cjs/theme/theme-provider.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const design_tokens_1 = require("./design-tokens");
+const ThemeContext = (0, react_1.createContext)(undefined);
+const ThemeProvider = ({ children, defaultMode = 'light', themeOverrides = {} }) => {
+    const [mode, setMode] = (0, react_1.useState)(defaultMode);
+    (0, react_1.useEffect)(() => {
+        const root = document.documentElement;
+        const defaultThemeValues = design_tokens_1.themes[mode];
+        const overrideValues = themeOverrides[mode] || {};
+        const finalThemeValues = { ...defaultThemeValues, ...overrideValues };
+        Object.entries(finalThemeValues).forEach(([key, value]) => {
+            root.style.setProperty(key, value);
+        });
+        if (mode === 'dark') {
+            root.classList.add('dark');
+        }
+        else {
+            root.classList.remove('dark');
+        }
+    }, [mode]);
+    const toggleMode = () => {
+        setMode((prev) => (prev === 'light' ? 'dark' : 'light'));
+    };
+    return ((0, jsx_runtime_1.jsx)(ThemeContext.Provider, { value: { mode, setMode, toggleMode }, children: children }));
+};
+exports.ThemeProvider = ThemeProvider;
+const useTheme = () => {
+    const context = (0, react_1.useContext)(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within a ThemeProvider');
+    }
+    return context;
+};
+exports.useTheme = useTheme;
+//# sourceMappingURL=theme-provider.js.map

package/lib/cjs/theme/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../../src/theme/theme-provider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAyF;AACzF,mDAAyC;AAUzC,MAAM,YAAY,GAAG,IAAA,qBAAa,EAA+B,SAAS,CAAC,CAAC;AAQrE,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,EACR,WAAW,GAAG,OAAO,EACrB,cAAc,GAAG,EAAE,EACpB,EAAE,EAAE;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAY,WAAW,CAAC,CAAC;IAGzD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC;QACtC,MAAM,kBAAkB,GAAG,sBAAM,CAAC,IAAI,CAAC,CAAC;QACxC,MAAM,cAAc,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;QAElD,MAAM,gBAAgB,GAAG,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAC;QAEtE,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE;YACxD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;QAIH,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC7B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;IAEH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,YACxD,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,aAAa,iBAsCxB;AAEK,MAAM,QAAQ,GAAG,GAAqB,EAAE;IAC7C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB"}

package/lib/cjs/usage-example.d.ts

@@ -0,0 +1,2 @@
+export declare function App(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=usage-example.d.ts.map

package/lib/cjs/usage-example.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-example.d.ts","sourceRoot":"","sources":["../../src/usage-example.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,GAAG,4CAMlB"}

package/lib/cjs/usage-example.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = App;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const index_1 = require("./index");
+const DemoContent = () => {
+    const { mode, toggleMode } = (0, index_1.useTheme)();
+    return ((0, jsx_runtime_1.jsx)("div", { className: `min-h-screen p-8 transition-colors duration-300 ${mode === 'dark' ? 'bg-gray-900 text-white' : 'bg-gray-50 text-gray-900'}`, children: (0, jsx_runtime_1.jsxs)("div", { className: "max-w-3xl mx-auto space-y-12", children: [(0, jsx_runtime_1.jsxs)("header", { className: "flex items-center justify-between border-b border-gray-200 pb-6 dark:border-gray-700", children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "text-3xl font-bold", children: "UI Library Demo" }), (0, jsx_runtime_1.jsxs)("p", { className: "mt-2 text-gray-500 dark:text-gray-400", children: ["Powered by ", (0, jsx_runtime_1.jsx)("span", { className: "font-semibold text-primary-main", children: "Global Design Tokens" }), " \u2022 Current Theme: ", (0, jsx_runtime_1.jsx)("span", { className: "font-mono font-bold uppercase", children: mode })] })] }), (0, jsx_runtime_1.jsx)(index_1.Button, { onClick: toggleMode, variant: "outline", children: mode === 'light' ? '🌙 Switch to Dark' : '☀️ Switch to Light' })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-semibold", children: "1. Buttons (Themed)" }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-600 dark:text-gray-400", children: "These buttons automatically adapt to the current theme colors." }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-4 p-6 bg-white rounded-lg shadow-sm border border-gray-100 dark:bg-gray-800 dark:border-gray-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-4 items-center", children: [(0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", children: "Primary" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "secondary", children: "Secondary" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "outline", children: "Outline" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "ghost", children: "Ghost" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "danger", children: "Danger" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", disabled: true, children: "Disabled" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", isLoading: true, children: "Loading" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-4 items-center border-t border-gray-100 dark:border-gray-700 pt-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "text-sm text-gray-500 w-full sm:w-auto", children: "Sizes:" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", size: "sm", children: "Small" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", size: "md", children: "Medium" }), (0, jsx_runtime_1.jsx)(index_1.Button, { variant: "primary", size: "lg", children: "Large" })] })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-semibold", children: "2. Inputs (Themed)" }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-600 dark:text-gray-400", children: "Inputs with support for icons and validation states." }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-6 p-6 bg-white rounded-lg shadow-sm border border-gray-100 dark:bg-gray-800 dark:border-gray-700", children: [(0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [(0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Default Input" }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Filled Input", variant: "filled" }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Flushed Input", variant: "flushed" }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Invalid Input", isInvalid: true }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "With Left Icon", leftIcon: (0, jsx_runtime_1.jsx)("span", { children: "\uD83D\uDD0D" }) }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "With Right Icon", rightIcon: (0, jsx_runtime_1.jsx)("span", { children: "\uD83D\uDC41\uFE0F" }) }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Disabled Input", disabled: true })] }), (0, jsx_runtime_1.jsxs)("div", { className: "border-t border-gray-100 dark:border-gray-700 pt-4", children: [(0, jsx_runtime_1.jsx)("span", { className: "block mb-4 text-sm text-gray-500", children: "Sizes:" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [(0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Small Input", size: "sm" }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Medium Input", size: "md" }), (0, jsx_runtime_1.jsx)(index_1.Input, { placeholder: "Large Input", size: "lg" })] })] })] })] }), (0, jsx_runtime_1.jsxs)("section", { className: "space-y-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-semibold", children: "3. Native Components" }), (0, jsx_runtime_1.jsx)("p", { className: "text-gray-600 dark:text-gray-400", children: "Framework-agnostic components using inline styles." }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-wrap gap-4 items-center p-6 bg-white rounded-lg shadow-sm border border-gray-100 dark:bg-gray-800 dark:border-gray-700", children: [(0, jsx_runtime_1.jsx)(index_1.ButtonNative, { variant: "primary", children: "Native Primary" }), (0, jsx_runtime_1.jsx)(index_1.ButtonNative, { variant: "outline", children: "Native Outline" })] })] })] }) }));
+};
+function App() {
+    return ((0, jsx_runtime_1.jsx)(index_1.ThemeProvider, { defaultMode: "light", children: (0, jsx_runtime_1.jsx)(DemoContent, {}) }));
+}
+//# sourceMappingURL=usage-example.js.map

package/lib/cjs/usage-example.js.map

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

package/lib/esm/components/button/button-base.d.ts

@@ -0,0 +1,3 @@
+import { ButtonContract } from './button-contract';
+export declare const ButtonBase: import("react").ForwardRefExoticComponent<ButtonContract & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button-base.d.ts.map

package/lib/esm/components/button/button-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-base.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button-base.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAanD,eAAO,MAAM,UAAU,8GAuEtB,CAAC"}

package/lib/esm/components/button/button-base.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { buttonSkinContractDef } from './button-skin-contract';
+export const ButtonBase = forwardRef(({ children, disabled, isLoading, leftIcon, rightIcon, type = 'button', className, ...props }, ref) => {
+    const isDisabled = disabled || isLoading;
+    const handleKeyDown = (event) => {
+        if (isDisabled)
+            return;
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            event.currentTarget.click();
+        }
+        props.onKeyDown?.(event);
+    };
+    return (_jsxs("button", { ref: ref, type: type, disabled: isDisabled, "aria-disabled": isDisabled, "aria-busy": isLoading, className: className, onKeyDown: handleKeyDown, ...props, children: [isLoading && (_jsx("span", { className: "button-loader-wrapper", "aria-hidden": "true", children: _jsx("span", { className: "button-loader" }) })), !isLoading && leftIcon && (_jsx("span", { className: "button-icon-left", "aria-hidden": buttonSkinContractDef.icons.ariaHidden, children: leftIcon })), _jsx("span", { className: "button-content", children: children }), !isLoading && rightIcon && (_jsx("span", { className: "button-icon-right", "aria-hidden": buttonSkinContractDef.icons.ariaHidden, children: rightIcon }))] }));
+});
+ButtonBase.displayName = 'ButtonBase';
+//# sourceMappingURL=button-base.js.map

package/lib/esm/components/button/button-base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-base.js","sourceRoot":"","sources":["../../../../src/components/button/button-base.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAY/D,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IAEF,MAAM,UAAU,GAAG,QAAQ,IAAI,SAAS,CAAC;IAGzC,MAAM,aAAa,GAAG,CAAC,KAA6C,EAAE,EAAE;QACtE,IAAI,UAAU;YAAE,OAAO;QAGvB,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;QAC9B,CAAC;QAGD,KAAK,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,OAAO,CACL,kBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,UAAU,mBACL,UAAU,eACd,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,KACpB,KAAK,aAER,SAAS,IAAI,CACZ,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YAExD,eAAM,SAAS,EAAC,eAAe,GAAG,GAC7B,CACR,EAEA,CAAC,SAAS,IAAI,QAAQ,IAAI,CACzB,eACE,SAAS,EAAC,kBAAkB,iBACf,qBAAqB,CAAC,KAAK,CAAC,UAAU,YAElD,QAAQ,GACJ,CACR,EAED,eAAM,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAQ,EAEjD,CAAC,SAAS,IAAI,SAAS,IAAI,CAC1B,eACE,SAAS,EAAC,mBAAmB,iBAChB,qBAAqB,CAAC,KAAK,CAAC,UAAU,YAElD,SAAS,GACL,CACR,IACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/lib/esm/components/button/button-contract.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode, ButtonHTMLAttributes } from 'react';
+export declare const buttonContractDef: {
+    readonly id: "contract_button_v1";
+    readonly name: "button";
+    readonly category: "ui.component";
+    readonly description: "A button component with various variants and sizes";
+    readonly variants: readonly [{
+        readonly name: "variant";
+        readonly type: "intent";
+        readonly values: readonly ["primary", "secondary", "outline", "ghost", "danger"];
+        readonly defaultValue: "primary";
+        readonly description: "Visual style of the button";
+    }, {
+        readonly name: "size";
+        readonly type: "size";
+        readonly values: readonly ["sm", "md", "lg"];
+        readonly defaultValue: "md";
+        readonly description: "Size of the button";
+    }];
+    readonly props: readonly [{
+        readonly name: "children";
+        readonly type: "object";
+        readonly required: true;
+    }, {
+        readonly name: "isLoading";
+        readonly type: "boolean";
+        readonly required: false;
+        readonly defaultValue: false;
+    }, {
+        readonly name: "leftIcon";
+        readonly type: "object";
+        readonly required: false;
+    }, {
+        readonly name: "rightIcon";
+        readonly type: "object";
+        readonly required: false;
+    }];
+};
+type ExtractValues<T, Name> = T extends ReadonlyArray<infer U> ? U extends {
+    name: Name;
+    values: ReadonlyArray<infer V>;
+} ? V : never : never;
+export type ButtonVariant = ExtractValues<typeof buttonContractDef.variants, "variant">;
+export type ButtonSize = ExtractValues<typeof buttonContractDef.variants, "size">;
+export interface ButtonContract extends ButtonHTMLAttributes<HTMLButtonElement> {
+    children: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+}
+export {};
+//# sourceMappingURL=button-contract.d.ts.map

package/lib/esm/components/button/button-contract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-contract.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button-contract.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAMxD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BpB,CAAC;AAoBX,KAAK,aAAa,CAAC,CAAC,EAAE,IAAI,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAC1D,CAAC,SAAS;IAAE,IAAI,EAAE,IAAI,CAAC;IAAC,MAAM,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC,CAAA;CAAE,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,CAAC;AAMjF,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;AAMxF,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,iBAAiB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;AAKlF,MAAM,WAAW,cAAe,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAI7E,QAAQ,EAAE,SAAS,CAAC;IAMpB,OAAO,CAAC,EAAE,aAAa,CAAC;IAMxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAKlB,SAAS,CAAC,EAAE,OAAO,CAAC;IAKpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}

package/lib/esm/components/button/button-contract.js

@@ -0,0 +1,29 @@
+export const buttonContractDef = {
+    id: "contract_button_v1",
+    name: "button",
+    category: "ui.component",
+    description: "A button component with various variants and sizes",
+    variants: [
+        {
+            name: "variant",
+            type: "intent",
+            values: ["primary", "secondary", "outline", "ghost", "danger"],
+            defaultValue: "primary",
+            description: "Visual style of the button"
+        },
+        {
+            name: "size",
+            type: "size",
+            values: ["sm", "md", "lg"],
+            defaultValue: "md",
+            description: "Size of the button"
+        }
+    ],
+    props: [
+        { name: "children", type: "object", required: true },
+        { name: "isLoading", type: "boolean", required: false, defaultValue: false },
+        { name: "leftIcon", type: "object", required: false },
+        { name: "rightIcon", type: "object", required: false }
+    ]
+};
+//# sourceMappingURL=button-contract.js.map

package/lib/esm/components/button/button-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-contract.js","sourceRoot":"","sources":["../../../../src/components/button/button-contract.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,EAAE,EAAE,oBAAoB;IACxB,IAAI,EAAE,QAAQ;IACd,QAAQ,EAAE,cAAc;IACxB,WAAW,EAAE,oDAAoD;IACjE,QAAQ,EAAE;QACR;YACE,IAAI,EAAE,SAAS;YACf,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC;YAC9D,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,4BAA4B;SAC1C;QACD;YACE,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,MAAM;YACZ,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;YAC1B,YAAY,EAAE,IAAI;YAClB,WAAW,EAAE,oBAAoB;SAClC;KACF;IACD,KAAK,EAAE;QACL,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACpD,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE;QAC5E,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACrD,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KACvD;CACO,CAAC"}

package/lib/esm/components/button/button-examples.d.ts

@@ -0,0 +1,11 @@
+export declare function ButtonVariantExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonSizeExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIconExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonStateExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonCombinedExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonNativeSkinExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonInteractiveExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonAccessibilityExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonCustomStylingExamples(): import("react/jsx-runtime").JSX.Element;
+export declare function AllButtonExamples(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button-examples.d.ts.map

package/lib/esm/components/button/button-examples.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-examples.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button-examples.tsx"],"names":[],"mappings":"AAeA,wBAAgB,qBAAqB,4CAUpC;AAMD,wBAAgB,kBAAkB,4CAQjC;AAMD,wBAAgB,kBAAkB,4CAajC;AAMD,wBAAgB,mBAAmB,4CAQlC;AAMD,wBAAgB,sBAAsB,4CA8BrC;AAMD,wBAAgB,wBAAwB,4CA4BvC;AAMD,wBAAgB,yBAAyB,4CAwCxC;AAMD,wBAAgB,2BAA2B,4CAgB1C;AAMD,wBAAgB,2BAA2B,4CA4B1C;AAMD,wBAAgB,iBAAiB,4CAiDhC"}

package/lib/esm/components/button/button-examples.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { ButtonTailwind } from './button-skin-tailwind';
+import { ButtonNative } from './button-skin-native';
+export function ButtonVariantExamples() {
+    return (_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { variant: "primary", children: "Primary" }), _jsx(ButtonTailwind, { variant: "secondary", children: "Secondary" }), _jsx(ButtonTailwind, { variant: "outline", children: "Outline" }), _jsx(ButtonTailwind, { variant: "ghost", children: "Ghost" }), _jsx(ButtonTailwind, { variant: "danger", children: "Danger" })] }));
+}
+export function ButtonSizeExamples() {
+    return (_jsxs("div", { className: "flex gap-4 items-center flex-wrap", children: [_jsx(ButtonTailwind, { size: "sm", children: "Small" }), _jsx(ButtonTailwind, { size: "md", children: "Medium" }), _jsx(ButtonTailwind, { size: "lg", children: "Large" })] }));
+}
+export function ButtonIconExamples() {
+    return (_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { leftIcon: _jsx("span", { children: "\u2190" }), children: "Back" }), _jsx(ButtonTailwind, { rightIcon: _jsx("span", { children: "\u2192" }), children: "Next" }), _jsx(ButtonTailwind, { leftIcon: _jsx("span", { children: "\u2713" }), rightIcon: _jsx("span", { children: "\u2193" }), children: "Confirm" })] }));
+}
+export function ButtonStateExamples() {
+    return (_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { children: "Normal" }), _jsx(ButtonTailwind, { disabled: true, children: "Disabled" }), _jsx(ButtonTailwind, { isLoading: true, children: "Loading..." })] }));
+}
+export function ButtonCombinedExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-4 items-center flex-wrap", children: [_jsx(ButtonTailwind, { variant: "primary", size: "sm", children: "Small Primary" }), _jsx(ButtonTailwind, { variant: "primary", size: "md", children: "Medium Primary" }), _jsx(ButtonTailwind, { variant: "primary", size: "lg", children: "Large Primary" })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { variant: "secondary", leftIcon: _jsx("span", { children: "+" }), children: "Add" }), _jsx(ButtonTailwind, { variant: "secondary", rightIcon: _jsx("span", { children: "\u2715" }), children: "Close" })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { variant: "outline", children: "Normal" }), _jsx(ButtonTailwind, { variant: "outline", disabled: true, children: "Disabled" }), _jsx(ButtonTailwind, { variant: "outline", isLoading: true, children: "Loading..." })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { variant: "danger", leftIcon: _jsx("span", { children: "\u26A0" }), children: "Warning" }), _jsx(ButtonTailwind, { variant: "danger", rightIcon: _jsx("span", { children: "\uD83D\uDDD1" }), children: "Delete" })] })] }));
+}
+export function ButtonNativeSkinExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonNative, { variant: "primary", children: "Primary Native" }), _jsx(ButtonNative, { variant: "secondary", children: "Secondary Native" }), _jsx(ButtonNative, { variant: "outline", children: "Outline Native" }), _jsx(ButtonNative, { variant: "ghost", children: "Ghost Native" }), _jsx(ButtonNative, { variant: "danger", children: "Danger Native" })] }), _jsxs("div", { className: "flex gap-4 items-center flex-wrap", children: [_jsx(ButtonNative, { size: "sm", children: "Small" }), _jsx(ButtonNative, { size: "md", children: "Medium" }), _jsx(ButtonNative, { size: "lg", children: "Large" })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonNative, { leftIcon: _jsx("span", { children: "\u2190" }), children: "Back" }), _jsx(ButtonNative, { rightIcon: _jsx("span", { children: "\u2192" }), children: "Next" })] }), _jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonNative, { disabled: true, children: "Disabled" }), _jsx(ButtonNative, { isLoading: true, children: "Loading..." })] })] }));
+}
+export function ButtonInteractiveExamples() {
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [count, setCount] = React.useState(0);
+    const handleClick = () => {
+        setIsLoading(true);
+        setTimeout(() => {
+            setIsLoading(false);
+            setCount(c => c + 1);
+        }, 1000);
+    };
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-4 items-center flex-wrap", children: [_jsx(ButtonTailwind, { onClick: () => alert('Clicked!'), children: "Click Me" }), _jsx(ButtonTailwind, { isLoading: isLoading, onClick: handleClick, children: isLoading ? 'Loading...' : `Click to increment (${count})` })] }), _jsx("div", { className: "flex gap-4 items-center flex-wrap", children: _jsx(ButtonTailwind, { variant: "danger", onClick: () => {
+                        if (confirm('Are you sure?')) {
+                            alert('Deleted!');
+                        }
+                    }, children: "Delete with Confirmation" }) })] }));
+}
+export function ButtonAccessibilityExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { "aria-label": "Close dialog", children: "\u2715" }), _jsx(ButtonTailwind, { "aria-describedby": "help-text", children: "Submit" })] }), _jsx("p", { id: "help-text", className: "text-sm text-gray-600", children: "This button submits the form" })] }));
+}
+export function ButtonCustomStylingExamples() {
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "flex gap-4 flex-wrap", children: [_jsx(ButtonTailwind, { className: "shadow-lg", children: "With Shadow" }), _jsx(ButtonTailwind, { className: "rounded-full", children: "Rounded Full" }), _jsx(ButtonTailwind, { className: "w-full", children: "Full Width" })] }), _jsx("div", { className: "flex gap-4 items-center flex-wrap", children: _jsx(ButtonTailwind, { style: {
+                        backgroundColor: '#8B5CF6',
+                        color: 'white',
+                        borderRadius: '8px',
+                    }, children: "Custom Style" }) })] }));
+}
+export function AllButtonExamples() {
+    return (_jsxs("div", { className: "space-y-8 p-6", children: [_jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Variants" }), _jsx(ButtonVariantExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Sizes" }), _jsx(ButtonSizeExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Icons" }), _jsx(ButtonIconExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "States" }), _jsx(ButtonStateExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Combined" }), _jsx(ButtonCombinedExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Native Skin" }), _jsx(ButtonNativeSkinExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Interactive" }), _jsx(ButtonInteractiveExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Accessibility" }), _jsx(ButtonAccessibilityExamples, {})] }), _jsxs("div", { className: "p-4 border rounded space-y-2", children: [_jsx("h3", { className: "font-bold", children: "Custom Styling" }), _jsx(ButtonCustomStylingExamples, {})] })] }));
+}
+//# sourceMappingURL=button-examples.js.map

package/lib/esm/components/button/button-examples.js.map

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