@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.17 → 0.2.19

package/dist/components/ui/layouts/tablet-layout.js

@@ -1,8 +1,9 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card';
-import { Badge } from '../badge';
-import { Button } from '../button';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
+import { Badge } from '../badge.js';
+import { Button } from '../button.js';
 export const TabletLayout = ({ children, title = 'Tablet Layout', description = 'Tablet-optimized layout with touch and performance features', showHeader = true, showSidebar = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
     const [orientation, setOrientation] = useState('portrait');
     const [performanceMetrics, setPerformanceMetrics] = useState({

package/dist/components/ui/mobile-form-validation.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { ValidationRule } from '../../hooks/use-mobile-form-validation';
-import { InputType } from '../../hooks/use-semantic-input';
+import { ValidationRule } from '../../hooks/use-mobile-form-validation.js';
+import { InputType } from '../../hooks/use-semantic-input.js';
 export interface MobileFormValidationProps {
     title?: string;
     description?: string;

package/dist/components/ui/mobile-form-validation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-form-validation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-form-validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,OAAO,EAA2B,cAAc,EAAE,MAAM,wCAAwC,CAAA;AAGhG,OAAO,EAAoB,SAAS,EAAE,MAAM,gCAAgC,CAAA;AAG5E,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,SAAS,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,KAAK,EAAE,cAAc,EAAE,CAAA;QACvB,YAAY,CAAC,EAAE,GAAG,CAAA;KACnB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;IAClD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;IACxF,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAA;CAC/C;AAED,eAAO,MAAM,oBAAoB,2GA0ZhC,CAAA;AAID,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"mobile-form-validation.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-form-validation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAM3D,OAAO,EAA2B,cAAc,EAAE,MAAM,2CAA2C,CAAA;AAGnG,OAAO,EAAoB,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAG/E,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,EAAE,KAAK,CAAC;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,SAAS,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,KAAK,EAAE,cAAc,EAAE,CAAA;QACvB,YAAY,CAAC,EAAE,GAAG,CAAA;KACnB,CAAC,CAAA;IACF,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAA;IAClD,kBAAkB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC,CAAA;IACxF,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,QAAQ,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,kBAAkB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,GAAG,CAAA;CAC/C;AAED,eAAO,MAAM,oBAAoB,2GA0ZhC,CAAA;AAID,eAAe,oBAAoB,CAAA"}

package/dist/components/ui/mobile-form-validation.esm.js

@@ -1,15 +1,16 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, forwardRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Label } from './label';
-import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation';
-import { useFormFeedback } from '../../hooks/use-form-feedback';
-import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useFormPerformance } from '../../hooks/use-form-performance';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation.js';
+import { useFormFeedback } from '../../hooks/use-form-feedback.js';
+import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useFormPerformance } from '../../hooks/use-form-performance.js';
 export const MobileFormValidation = forwardRef(({ title = 'Mobile Form Validation', description = 'Advanced form validation with mobile optimization', fields, onSubmit, onValidationChange, className = '', enableEnhancedFeatures = true }, ref) => {
     const [formData, setFormData] = useState({});
     const [isSubmitting, setIsSubmitting] = useState(false);

package/dist/components/ui/mobile-form-validation.js

@@ -1,15 +1,16 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useState, useRef, forwardRef } from 'react';
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { Input } from './input';
-import { Label } from './label';
-import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation';
-import { useFormFeedback } from '../../hooks/use-form-feedback';
-import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout';
-import { useSemanticInput } from '../../hooks/use-semantic-input';
-import { useFormPerformance } from '../../hooks/use-form-performance';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { Input } from './input.js';
+import { Label } from './label.js';
+import { useMobileFormValidation } from '../../hooks/use-mobile-form-validation.js';
+import { useFormFeedback } from '../../hooks/use-form-feedback.js';
+import { useMobileFormLayout } from '../../hooks/use-mobile-form-layout.js';
+import { useSemanticInput } from '../../hooks/use-semantic-input.js';
+import { useFormPerformance } from '../../hooks/use-form-performance.js';
 export const MobileFormValidation = forwardRef(({ title = 'Mobile Form Validation', description = 'Advanced form validation with mobile optimization', fields, onSubmit, onValidationChange, className = '', enableEnhancedFeatures = true }, ref) => {
     const [formData, setFormData] = useState({});
     const [isSubmitting, setIsSubmitting] = useState(false);

package/dist/components/ui/mobile-input-demo.esm.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { MobileInput, mobileInputConfigs } from './mobile-input';
+import { Card } from './card.js';
+import { MobileInput, mobileInputConfigs } from './mobile-input.js';
 export const MobileInputDemo = () => {
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-cs-text-primary mb-2", children: "Mobile Input System Recovery" }), _jsx("p", { className: "text-cs-text-secondary", children: "Semantic Input Excellence - Recovered from original project" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Semantic Input Types" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Name Input" }), _jsx(MobileInput, { placeholder: "Enter your full name", mobileConfig: mobileInputConfigs.name, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Auto-capitalizes words, suggests name autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Email Input" }), _jsx(MobileInput, { placeholder: "Enter your email", mobileConfig: mobileInputConfigs.email, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Email keyboard, no spell check, email autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Phone Input" }), _jsx(MobileInput, { placeholder: "Enter phone number", mobileConfig: mobileInputConfigs.phone, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Numeric keyboard, phone autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Password Input" }), _jsx(MobileInput, { placeholder: "Enter new password", mobileConfig: mobileInputConfigs.newPassword, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Password keyboard, new-password autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Search Input" }), _jsx(MobileInput, { placeholder: "Search...", mobileConfig: mobileInputConfigs.search, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Search keyboard, no autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Amount Input" }), _jsx(MobileInput, { placeholder: "Enter amount", mobileConfig: mobileInputConfigs.amount, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Decimal keyboard, no autocomplete" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Custom Mobile Configurations" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Custom Input Mode" }), _jsx(MobileInput, { placeholder: "Custom input mode", mobileConfig: {
                                             semanticType: 'email',

package/dist/components/ui/mobile-input-demo.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from './card';
-import { MobileInput, mobileInputConfigs } from './mobile-input';
+import { Card } from './card.js';
+import { MobileInput, mobileInputConfigs } from './mobile-input.js';
 export const MobileInputDemo = () => {
     return (_jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "text-center", children: [_jsx("h2", { className: "text-2xl font-bold text-cs-text-primary mb-2", children: "Mobile Input System Recovery" }), _jsx("p", { className: "text-cs-text-secondary", children: "Semantic Input Excellence - Recovered from original project" })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Semantic Input Types" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Name Input" }), _jsx(MobileInput, { placeholder: "Enter your full name", mobileConfig: mobileInputConfigs.name, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Auto-capitalizes words, suggests name autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Email Input" }), _jsx(MobileInput, { placeholder: "Enter your email", mobileConfig: mobileInputConfigs.email, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Email keyboard, no spell check, email autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Phone Input" }), _jsx(MobileInput, { placeholder: "Enter phone number", mobileConfig: mobileInputConfigs.phone, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Numeric keyboard, phone autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Password Input" }), _jsx(MobileInput, { placeholder: "Enter new password", mobileConfig: mobileInputConfigs.newPassword, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Password keyboard, new-password autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Search Input" }), _jsx(MobileInput, { placeholder: "Search...", mobileConfig: mobileInputConfigs.search, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Search keyboard, no autocomplete" })] }), _jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Amount Input" }), _jsx(MobileInput, { placeholder: "Enter amount", mobileConfig: mobileInputConfigs.amount, className: "w-full" }), _jsx("p", { className: "text-xs text-cs-text-muted", children: "Decimal keyboard, no autocomplete" })] })] })] }), _jsxs(Card, { className: "p-6", children: [_jsx("h3", { className: "text-lg font-semibold text-cs-text-primary mb-4", children: "Custom Mobile Configurations" }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsxs("div", { className: "space-y-2", children: [_jsx("label", { className: "text-sm font-medium text-cs-text-secondary", children: "Custom Input Mode" }), _jsx(MobileInput, { placeholder: "Custom input mode", mobileConfig: {
                                             semanticType: 'email',

package/dist/components/ui/mobile-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,OAAO,GACP,KAAK,GACL,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAA;AAEV,UAAU,iBAAiB;IACzB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,aAAa,GAAG,iBAAiB,CAAA;IAChL,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/E,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAA;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnF,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,2FAqNvB,CAAA;AAKD,eAAO,MAAM,mBAAmB,GAAI,cAAc,iBAAiB,CAAC,cAAc,CAAC,KAAG,iBAErF,CAAA;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAA"}
+{"version":3,"file":"mobile-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,eAAe,GACvB,MAAM,GACN,OAAO,GACP,KAAK,GACL,KAAK,GACL,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,UAAU,GACV,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAA;AAEV,UAAU,iBAAiB;IACzB,sDAAsD;IACtD,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,KAAK,GAAG,aAAa,GAAG,iBAAiB,CAAA;IAChL,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAA;IAC/E,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,0BAA0B;IAC1B,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAA;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,IAAI,GAAG,KAAK,CAAA;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACnF,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,YAAY,CAAC,EAAE,iBAAiB,CAAA;CACjC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,2FAqNvB,CAAA;AAKD,eAAO,MAAM,mBAAmB,GAAI,cAAc,iBAAiB,CAAC,cAAc,CAAC,KAAG,iBAErF,CAAA;AAGD,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAA"}

package/dist/components/ui/mobile-input.esm.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";
-import { Input } from "./input";
+import { Input } from "./input.js";
 /**
  * Mobile-optimized input component with smart keyboard handling
  * Automatically configures input attributes for the best mobile experience

package/dist/components/ui/mobile-input.js

@@ -1,7 +1,8 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils";
-import { Input } from "./input";
+import { Input } from "./input.js";
 /**
  * Mobile-optimized input component with smart keyboard handling
  * Automatically configures input attributes for the best mobile experience

package/dist/components/ui/mobile-skeleton-loading-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-skeleton-loading-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-skeleton-loading-demo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAUlD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAinB7C,CAAA;AAED,eAAe,yBAAyB,CAAA"}
+{"version":3,"file":"mobile-skeleton-loading-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/mobile-skeleton-loading-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAUlD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAinB7C,CAAA;AAED,eAAe,yBAAyB,CAAA"}

package/dist/components/ui/mobile-skeleton-loading-demo.esm.js

@@ -1,13 +1,14 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton';
-import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states';
-import { useLoadingPerformance } from '../../hooks/use-loading-performance';
-import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading';
-import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton.js';
+import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states.js';
+import { useLoadingPerformance } from '../../hooks/use-loading-performance.js';
+import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading.js';
+import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility.js';
 export const MobileSkeletonLoadingDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [isLoading, setIsLoading] = useState(false);

package/dist/components/ui/mobile-skeleton-loading-demo.js

@@ -1,13 +1,14 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Card } from './card';
-import { Button } from './button';
-import { Badge } from './badge';
-import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton';
-import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states';
-import { useLoadingPerformance } from '../../hooks/use-loading-performance';
-import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading';
-import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility';
+import { Card } from './card.js';
+import { Button } from './button.js';
+import { Badge } from './badge.js';
+import { useMobileSkeleton } from '../../hooks/use-mobile-skeleton.js';
+import { useDeviceLoadingStates } from '../../hooks/use-device-loading-states.js';
+import { useLoadingPerformance } from '../../hooks/use-loading-performance.js';
+import { useBatteryConsciousLoading } from '../../hooks/use-battery-conscious-loading.js';
+import { useLoadingAccessibility } from '../../hooks/use-loading-accessibility.js';
 export const MobileSkeletonLoadingDemo = () => {
     const [activeTab, setActiveTab] = useState('overview');
     const [isLoading, setIsLoading] = useState(false);

package/dist/components/ui/navigation/breadcrumb.d.ts

@@ -3,7 +3,7 @@
  * Provides navigation breadcrumbs with theme support and responsive design
  */
 import * as React from 'react';
-import { BreadcrumbProps } from './types';
+import { BreadcrumbProps } from './types.js';
 export declare const Breadcrumb: React.FC<BreadcrumbProps>;
 export default Breadcrumb;
 //# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/ui/navigation/breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiJhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/breadcrumb.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAE7D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiJhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ui/navigation/breadcrumb.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Breadcrumb Component
+ * Provides navigation breadcrumbs with theme support and responsive design
+ */
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
 import { ChevronRightIcon, HomeIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/breadcrumb.js

@@ -1,3 +1,8 @@
+/**
+ * Breadcrumb Component
+ * Provides navigation breadcrumbs with theme support and responsive design
+ */
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
 import { ChevronRightIcon, HomeIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/menu.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive menu functionality with theme support and multiple variants
  */
 import * as React from 'react';
-import { MenuProps } from './types';
+import { MenuProps } from './types.js';
 export declare const Menu: React.FC<MenuProps>;
 export default Menu;
 //# sourceMappingURL=menu.d.ts.map

package/dist/components/ui/navigation/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/menu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAmC,MAAM,SAAS,CAAC;AA2BrE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiVpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/menu.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAmC,MAAM,YAAY,CAAC;AA2BxE,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAiVpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/ui/navigation/menu.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Menu Component
+ * Provides comprehensive menu functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/navigation/menu.js

@@ -1,3 +1,8 @@
+/**
+ * Menu Component
+ * Provides comprehensive menu functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/navigation/navigation-demo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/navigation-demo.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkTlC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"navigation-demo.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/navigation-demo.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAkTlC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ui/navigation/navigation-demo.esm.js

@@ -1,11 +1,16 @@
+/**
+ * Navigation Components Demo
+ * Showcases all navigation components with different themes and configurations
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Breadcrumb } from './breadcrumb';
-import { Tabs } from './tabs';
-import { Menu } from './menu';
-import { Sidebar } from './sidebar';
-import { Stepper } from './stepper';
-import { Pagination } from './pagination';
+import { Breadcrumb } from './breadcrumb.js';
+import { Tabs } from './tabs.js';
+import { Menu } from './menu.js';
+import { Sidebar } from './sidebar.js';
+import { Stepper } from './stepper.js';
+import { Pagination } from './pagination.js';
 export const NavigationDemo = () => {
     const [currentTab, setCurrentTab] = useState('overview');
     const [currentStep, setCurrentStep] = useState(0);

package/dist/components/ui/navigation/navigation-demo.js

@@ -1,11 +1,16 @@
+/**
+ * Navigation Components Demo
+ * Showcases all navigation components with different themes and configurations
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Breadcrumb } from './breadcrumb';
-import { Tabs } from './tabs';
-import { Menu } from './menu';
-import { Sidebar } from './sidebar';
-import { Stepper } from './stepper';
-import { Pagination } from './pagination';
+import { Breadcrumb } from './breadcrumb.js';
+import { Tabs } from './tabs.js';
+import { Menu } from './menu.js';
+import { Sidebar } from './sidebar.js';
+import { Stepper } from './stepper.js';
+import { Pagination } from './pagination.js';
 export const NavigationDemo = () => {
     const [currentTab, setCurrentTab] = useState('overview');
     const [currentStep, setCurrentStep] = useState(0);

package/dist/components/ui/navigation/pagination.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive pagination with theme support and responsive design
  */
 import * as React from 'react';
-import { PaginationProps } from './types';
+import { PaginationProps } from './types.js';
 export declare const Pagination: React.FC<PaginationProps>;
 export default Pagination;
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/ui/navigation/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/pagination.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,SAAS,CAAC;AAe1D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/pagination.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,eAAe,EAAkB,MAAM,YAAY,CAAC;AAe7D,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsPhD,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/ui/navigation/pagination.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Pagination Component
+ * Provides comprehensive pagination with theme support and responsive design
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/pagination.js

@@ -1,3 +1,8 @@
+/**
+ * Pagination Component
+ * Provides comprehensive pagination with theme support and responsive design
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/sidebar.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive sidebar functionality with theme support and multiple variants
  */
 import * as React from 'react';
-import { SidebarProps } from './types';
+import { SidebarProps } from './types.js';
 export declare const Sidebar: React.FC<SidebarProps>;
 export default Sidebar;
 //# sourceMappingURL=sidebar.d.ts.map

package/dist/components/ui/navigation/sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/sidebar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAmC,MAAM,SAAS,CAAC;AAsBxE,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+V1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/sidebar.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAmC,MAAM,YAAY,CAAC;AAsB3E,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+V1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/navigation/sidebar.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Sidebar Component
+ * Provides comprehensive sidebar functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/navigation/sidebar.js

@@ -1,3 +1,8 @@
+/**
+ * Sidebar Component
+ * Provides comprehensive sidebar functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useCallback, useRef, useEffect } from 'react';
 // Simple icon components

package/dist/components/ui/navigation/stepper.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive stepper functionality with theme support and multiple variants
  */
 import * as React from 'react';
-import { StepperProps } from './types';
+import { StepperProps } from './types.js';
 export declare const Stepper: React.FC<StepperProps>;
 export default Stepper;
 //# sourceMappingURL=stepper.d.ts.map

package/dist/components/ui/navigation/stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/stepper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAY,MAAM,SAAS,CAAC;AASjD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2R1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/stepper.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAY,MAAM,YAAY,CAAC;AASpD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA2R1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/components/ui/navigation/stepper.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Stepper Component
+ * Provides comprehensive stepper functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { CheckIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/stepper.js

@@ -1,3 +1,8 @@
+/**
+ * Stepper Component
+ * Provides comprehensive stepper functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { CheckIcon, ExclamationTriangleIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/tabs.d.ts

@@ -3,7 +3,7 @@
  * Provides comprehensive tab functionality with theme support and multiple variants
  */
 import * as React from 'react';
-import { TabsProps } from './types';
+import { TabsProps } from './types.js';
 export declare const Tabs: React.FC<TabsProps>;
 export default Tabs;
 //# sourceMappingURL=tabs.d.ts.map

package/dist/components/ui/navigation/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAW,MAAM,SAAS,CAAC;AAS7C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/navigation/tabs.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAW,MAAM,YAAY,CAAC;AAShD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAyLpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/ui/navigation/tabs.esm.js

@@ -1,3 +1,8 @@
+/**
+ * Tabs Component
+ * Provides comprehensive tab functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { XMarkIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/navigation/tabs.js

@@ -1,3 +1,8 @@
+/**
+ * Tabs Component
+ * Provides comprehensive tab functionality with theme support and multiple variants
+ */
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useCallback, useMemo } from 'react';
 import { XMarkIcon } from '@heroicons/react/24/outline';

package/dist/components/ui/overlay/backdrop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/backdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgE5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"backdrop.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/backdrop.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACvE,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgE5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/components/ui/overlay/backdrop.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Backdrop = ({ isVisible, onClick, className = '', blur = false, opacity = 0.5, zIndex = 1000, children, theme = 'dark', animation = true }) => {
     if (!isVisible) {

package/dist/components/ui/overlay/backdrop.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 export const Backdrop = ({ isVisible, onClick, className = '', blur = false, opacity = 0.5, zIndex = 1000, children, theme = 'dark', animation = true }) => {
     if (!isVisible) {

package/dist/components/ui/overlay/focus-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focus-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/focus-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgIpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"focus-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/focus-manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgIpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ui/overlay/focus-manager.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useCallback } from 'react';
 export const FocusManager = ({ children, isActive, onFocusChange, trapFocus = true, restoreFocus = true, initialFocus, className = '' }) => {

package/dist/components/ui/overlay/focus-manager.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef, useCallback } from 'react';
 export const FocusManager = ({ children, isActive, onFocusChange, trapFocus = true, restoreFocus = true, initialFocus, className = '' }) => {

package/dist/components/ui/overlay/modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './types';
+import { ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps } from './types.js';
 export declare const ModalHeader: React.FC<ModalHeaderProps>;
 export declare const ModalBody: React.FC<ModalBodyProps>;
 export declare const ModalFooter: React.FC<ModalFooterProps>;

package/dist/components/ui/overlay/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmBzF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6ItC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/modal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAMxD,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAmB5F,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8ClD,CAAC;AAGF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAsBlD,CAAC;AAGF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6ItC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/ui/overlay/modal.esm.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useRef, useId } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { Backdrop } from './backdrop';
-import { FocusManager } from './focus-manager';
-import { useOverlayManager } from './overlay-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { Backdrop } from './backdrop.js';
+import { FocusManager } from './focus-manager.js';
+import { useOverlayManager } from './overlay-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-6 h-6' }) => (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
 // Default color fallbacks

package/dist/components/ui/overlay/modal.js

@@ -1,10 +1,11 @@
+'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useEffect, useRef, useId } from 'react';
-import { useTheme } from '../../../themes/useTheme';
-import { Portal } from './portal';
-import { Backdrop } from './backdrop';
-import { FocusManager } from './focus-manager';
-import { useOverlayManager } from './overlay-manager';
+import { useTheme } from '../../../themes/useTheme.js';
+import { Portal } from './portal.js';
+import { Backdrop } from './backdrop.js';
+import { FocusManager } from './focus-manager.js';
+import { useOverlayManager } from './overlay-manager.js';
 // SVG Icons
 const XMarkIcon = ({ className = 'w-6 h-6' }) => (_jsx("svg", { className: className, fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) }));
 // Default color fallbacks

package/dist/components/ui/overlay/overlay-manager.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { OverlayManagerProps, OverlayState } from './types';
+import { OverlayManagerProps, OverlayState } from './types.js';
 interface OverlayContextType {
     overlays: OverlayState[];
     addOverlay: (id: string, zIndex: number) => void;

package/dist/components/ui/overlay/overlay-manager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/overlay-manager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AAG3E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C;AAKD,eAAO,MAAM,iBAAiB,0BAM7B,CAAC;AAwBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiC7D,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"overlay-manager.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/overlay/overlay-manager.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAsD,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAiB,MAAM,YAAY,CAAC;AAG9E,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,aAAa,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,EAAE,MAAM,MAAM,CAAC;IAC3B,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CAC1C;AAKD,eAAO,MAAM,iBAAiB,0BAM7B,CAAC;AAwBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAiC7D,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA0BxD,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/ui/overlay/overlay-manager.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import React, { createContext, useContext, useReducer, useCallback } from 'react';
 const OverlayContext = createContext(undefined);