@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.17 → 0.2.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1 -1
- package/dist/components/ui/accessibility-demo.d.ts.map +1 -1
- package/dist/components/ui/accessibility-demo.esm.js +11 -10
- package/dist/components/ui/accessibility-demo.js +11 -10
- package/dist/components/ui/advanced-component-architecture-demo.d.ts.map +1 -1
- package/dist/components/ui/advanced-component-architecture-demo.esm.js +9 -8
- package/dist/components/ui/advanced-component-architecture-demo.js +9 -8
- package/dist/components/ui/advanced-transition-system-demo.d.ts.map +1 -1
- package/dist/components/ui/advanced-transition-system-demo.esm.js +4 -3
- package/dist/components/ui/advanced-transition-system-demo.js +4 -3
- package/dist/components/ui/advanced-transition-system.d.ts.map +1 -1
- package/dist/components/ui/advanced-transition-system.esm.js +2 -1
- package/dist/components/ui/advanced-transition-system.js +2 -1
- package/dist/components/ui/animation/animated-container.d.ts.map +1 -1
- package/dist/components/ui/animation/animated-container.esm.js +2 -1
- package/dist/components/ui/animation/animated-container.js +2 -1
- package/dist/components/ui/animation/staggered-container.d.ts +1 -1
- package/dist/components/ui/animation/staggered-container.d.ts.map +1 -1
- package/dist/components/ui/animation/staggered-container.esm.js +1 -1
- package/dist/components/ui/animation/staggered-container.js +1 -1
- package/dist/components/ui/animation-demo.d.ts.map +1 -1
- package/dist/components/ui/animation-demo.esm.js +4 -3
- package/dist/components/ui/animation-demo.js +4 -3
- package/dist/components/ui/battery-conscious-animation-demo.d.ts.map +1 -1
- package/dist/components/ui/battery-conscious-animation-demo.esm.js +6 -5
- package/dist/components/ui/battery-conscious-animation-demo.js +6 -5
- package/dist/components/ui/border-radius-shadow-demo.esm.js +2 -2
- package/dist/components/ui/border-radius-shadow-demo.js +2 -2
- package/dist/components/ui/button.d.ts.map +1 -1
- package/dist/components/ui/button.esm.js +1 -0
- package/dist/components/ui/button.js +1 -0
- package/dist/components/ui/checkbox.d.ts.map +1 -1
- package/dist/components/ui/checkbox.esm.js +1 -0
- package/dist/components/ui/checkbox.js +1 -0
- package/dist/components/ui/color-preview.d.ts +1 -1
- package/dist/components/ui/color-preview.d.ts.map +1 -1
- package/dist/components/ui/color-preview.esm.js +3 -3
- package/dist/components/ui/color-preview.js +3 -3
- package/dist/components/ui/data-display/chart.d.ts +1 -1
- package/dist/components/ui/data-display/chart.d.ts.map +1 -1
- package/dist/components/ui/data-display/chart.esm.js +2 -1
- package/dist/components/ui/data-display/chart.js +2 -1
- package/dist/components/ui/data-display/data-grid-simple.d.ts +1 -1
- package/dist/components/ui/data-display/data-grid-simple.d.ts.map +1 -1
- package/dist/components/ui/data-display/data-grid.d.ts +1 -1
- package/dist/components/ui/data-display/data-grid.d.ts.map +1 -1
- package/dist/components/ui/data-display/data-grid.esm.js +1 -0
- package/dist/components/ui/data-display/data-grid.js +1 -0
- package/dist/components/ui/data-display/list.d.ts +1 -1
- package/dist/components/ui/data-display/list.d.ts.map +1 -1
- package/dist/components/ui/data-display/list.esm.js +1 -0
- package/dist/components/ui/data-display/list.js +1 -0
- package/dist/components/ui/data-display/table.d.ts +1 -1
- package/dist/components/ui/data-display/table.d.ts.map +1 -1
- package/dist/components/ui/data-display/table.esm.js +1 -0
- package/dist/components/ui/data-display/table.js +1 -0
- package/dist/components/ui/data-display/timeline.d.ts +1 -1
- package/dist/components/ui/data-display/timeline.d.ts.map +1 -1
- package/dist/components/ui/data-display/timeline.esm.js +1 -0
- package/dist/components/ui/data-display/timeline.js +1 -0
- package/dist/components/ui/data-display/tree.d.ts +1 -1
- package/dist/components/ui/data-display/tree.d.ts.map +1 -1
- package/dist/components/ui/data-display/tree.esm.js +2 -1
- package/dist/components/ui/data-display/tree.js +2 -1
- package/dist/components/ui/enterprise-mobile-experience-demo.d.ts.map +1 -1
- package/dist/components/ui/enterprise-mobile-experience-demo.esm.js +4 -3
- package/dist/components/ui/enterprise-mobile-experience-demo.js +4 -3
- package/dist/components/ui/enterprise-mobile-experience.d.ts.map +1 -1
- package/dist/components/ui/enterprise-mobile-experience.esm.js +1 -0
- package/dist/components/ui/enterprise-mobile-experience.js +1 -0
- package/dist/components/ui/feedback/alert.d.ts +1 -1
- package/dist/components/ui/feedback/alert.d.ts.map +1 -1
- package/dist/components/ui/feedback/alert.esm.js +1 -0
- package/dist/components/ui/feedback/alert.js +1 -0
- package/dist/components/ui/feedback/progress.d.ts +1 -1
- package/dist/components/ui/feedback/progress.d.ts.map +1 -1
- package/dist/components/ui/feedback/progress.esm.js +2 -1
- package/dist/components/ui/feedback/progress.js +2 -1
- package/dist/components/ui/feedback/skeleton.d.ts +1 -1
- package/dist/components/ui/feedback/skeleton.d.ts.map +1 -1
- package/dist/components/ui/feedback/toast.d.ts +1 -1
- package/dist/components/ui/feedback/toast.d.ts.map +1 -1
- package/dist/components/ui/feedback/toast.esm.js +1 -0
- package/dist/components/ui/feedback/toast.js +1 -0
- package/dist/components/ui/font-preview.d.ts +1 -1
- package/dist/components/ui/font-preview.d.ts.map +1 -1
- package/dist/components/ui/font-preview.esm.js +2 -2
- package/dist/components/ui/font-preview.js +2 -2
- package/dist/components/ui/form-demo.d.ts.map +1 -1
- package/dist/components/ui/form-demo.esm.js +6 -5
- package/dist/components/ui/form-demo.js +6 -5
- package/dist/components/ui/hardware-acceleration-demo.d.ts.map +1 -1
- package/dist/components/ui/hardware-acceleration-demo.esm.js +6 -5
- package/dist/components/ui/hardware-acceleration-demo.js +6 -5
- package/dist/components/ui/input.d.ts.map +1 -1
- package/dist/components/ui/input.esm.js +1 -0
- package/dist/components/ui/input.js +1 -0
- package/dist/components/ui/layout-demo.d.ts.map +1 -1
- package/dist/components/ui/layout-demo.esm.js +8 -7
- package/dist/components/ui/layout-demo.js +8 -7
- package/dist/components/ui/layouts/adaptive-layout.d.ts.map +1 -1
- package/dist/components/ui/layouts/adaptive-layout.esm.js +6 -5
- package/dist/components/ui/layouts/adaptive-layout.js +6 -5
- package/dist/components/ui/layouts/desktop-layout.d.ts.map +1 -1
- package/dist/components/ui/layouts/desktop-layout.esm.js +4 -3
- package/dist/components/ui/layouts/desktop-layout.js +4 -3
- package/dist/components/ui/layouts/mobile-layout.d.ts.map +1 -1
- package/dist/components/ui/layouts/mobile-layout.esm.js +3 -2
- package/dist/components/ui/layouts/mobile-layout.js +3 -2
- package/dist/components/ui/layouts/tablet-layout.d.ts.map +1 -1
- package/dist/components/ui/layouts/tablet-layout.esm.js +4 -3
- package/dist/components/ui/layouts/tablet-layout.js +4 -3
- package/dist/components/ui/mobile-form-validation.d.ts +2 -2
- package/dist/components/ui/mobile-form-validation.d.ts.map +1 -1
- package/dist/components/ui/mobile-form-validation.esm.js +11 -10
- package/dist/components/ui/mobile-form-validation.js +11 -10
- package/dist/components/ui/mobile-input-demo.esm.js +2 -2
- package/dist/components/ui/mobile-input-demo.js +2 -2
- package/dist/components/ui/mobile-input.d.ts.map +1 -1
- package/dist/components/ui/mobile-input.esm.js +2 -1
- package/dist/components/ui/mobile-input.js +2 -1
- package/dist/components/ui/mobile-skeleton-loading-demo.d.ts.map +1 -1
- package/dist/components/ui/mobile-skeleton-loading-demo.esm.js +9 -8
- package/dist/components/ui/mobile-skeleton-loading-demo.js +9 -8
- package/dist/components/ui/navigation/breadcrumb.d.ts +1 -1
- package/dist/components/ui/navigation/breadcrumb.d.ts.map +1 -1
- package/dist/components/ui/navigation/breadcrumb.esm.js +5 -0
- package/dist/components/ui/navigation/breadcrumb.js +5 -0
- package/dist/components/ui/navigation/menu.d.ts +1 -1
- package/dist/components/ui/navigation/menu.d.ts.map +1 -1
- package/dist/components/ui/navigation/menu.esm.js +5 -0
- package/dist/components/ui/navigation/menu.js +5 -0
- package/dist/components/ui/navigation/navigation-demo.d.ts.map +1 -1
- package/dist/components/ui/navigation/navigation-demo.esm.js +11 -6
- package/dist/components/ui/navigation/navigation-demo.js +11 -6
- package/dist/components/ui/navigation/pagination.d.ts +1 -1
- package/dist/components/ui/navigation/pagination.d.ts.map +1 -1
- package/dist/components/ui/navigation/pagination.esm.js +5 -0
- package/dist/components/ui/navigation/pagination.js +5 -0
- package/dist/components/ui/navigation/sidebar.d.ts +1 -1
- package/dist/components/ui/navigation/sidebar.d.ts.map +1 -1
- package/dist/components/ui/navigation/sidebar.esm.js +5 -0
- package/dist/components/ui/navigation/sidebar.js +5 -0
- package/dist/components/ui/navigation/stepper.d.ts +1 -1
- package/dist/components/ui/navigation/stepper.d.ts.map +1 -1
- package/dist/components/ui/navigation/stepper.esm.js +5 -0
- package/dist/components/ui/navigation/stepper.js +5 -0
- package/dist/components/ui/navigation/tabs.d.ts +1 -1
- package/dist/components/ui/navigation/tabs.d.ts.map +1 -1
- package/dist/components/ui/navigation/tabs.esm.js +5 -0
- package/dist/components/ui/navigation/tabs.js +5 -0
- package/dist/components/ui/overlay/backdrop.d.ts.map +1 -1
- package/dist/components/ui/overlay/backdrop.esm.js +1 -0
- package/dist/components/ui/overlay/backdrop.js +1 -0
- package/dist/components/ui/overlay/focus-manager.d.ts.map +1 -1
- package/dist/components/ui/overlay/focus-manager.esm.js +1 -0
- package/dist/components/ui/overlay/focus-manager.js +1 -0
- package/dist/components/ui/overlay/modal.d.ts +1 -1
- package/dist/components/ui/overlay/modal.d.ts.map +1 -1
- package/dist/components/ui/overlay/modal.esm.js +6 -5
- package/dist/components/ui/overlay/modal.js +6 -5
- package/dist/components/ui/overlay/overlay-manager.d.ts +1 -1
- package/dist/components/ui/overlay/overlay-manager.d.ts.map +1 -1
- package/dist/components/ui/overlay/overlay-manager.esm.js +1 -0
- package/dist/components/ui/overlay/overlay-manager.js +1 -0
- package/dist/components/ui/overlay/popover.d.ts +1 -1
- package/dist/components/ui/overlay/popover.d.ts.map +1 -1
- package/dist/components/ui/overlay/popover.esm.js +4 -3
- package/dist/components/ui/overlay/popover.js +4 -3
- package/dist/components/ui/overlay/portal.d.ts +1 -1
- package/dist/components/ui/overlay/portal.d.ts.map +1 -1
- package/dist/components/ui/overlay/portal.esm.js +1 -0
- package/dist/components/ui/overlay/portal.js +1 -0
- package/dist/components/ui/overlay/tooltip.d.ts +1 -1
- package/dist/components/ui/overlay/tooltip.d.ts.map +1 -1
- package/dist/components/ui/overlay/tooltip.esm.js +3 -2
- package/dist/components/ui/overlay/tooltip.js +3 -2
- package/dist/components/ui/performance-demo.d.ts.map +1 -1
- package/dist/components/ui/performance-demo.esm.js +5 -4
- package/dist/components/ui/performance-demo.js +5 -4
- package/dist/components/ui/semantic-input-system-demo.d.ts.map +1 -1
- package/dist/components/ui/semantic-input-system-demo.esm.js +11 -10
- package/dist/components/ui/semantic-input-system-demo.js +11 -10
- package/dist/components/ui/theme-customizer.d.ts +1 -1
- package/dist/components/ui/theme-customizer.d.ts.map +1 -1
- package/dist/components/ui/theme-customizer.esm.js +5 -4
- package/dist/components/ui/theme-customizer.js +5 -4
- package/dist/components/ui/theme-preview.esm.js +2 -2
- package/dist/components/ui/theme-preview.js +2 -2
- package/dist/components/ui/theme-switcher.d.ts.map +1 -1
- package/dist/components/ui/theme-switcher.esm.js +2 -1
- package/dist/components/ui/theme-switcher.js +2 -1
- package/dist/components/ui/theme-toggle.d.ts.map +1 -1
- package/dist/components/ui/theme-toggle.esm.js +2 -1
- package/dist/components/ui/theme-toggle.js +2 -1
- package/dist/components/ui/token-demo.d.ts.map +1 -1
- package/dist/components/ui/token-demo.esm.js +4 -3
- package/dist/components/ui/token-demo.js +4 -3
- package/dist/components/ui/touch-demo.d.ts.map +1 -1
- package/dist/components/ui/touch-demo.esm.js +5 -4
- package/dist/components/ui/touch-demo.js +5 -4
- package/dist/components/ui/touch-friendly-interface-demo.d.ts.map +1 -1
- package/dist/components/ui/touch-friendly-interface-demo.esm.js +6 -5
- package/dist/components/ui/touch-friendly-interface-demo.js +6 -5
- package/dist/components/ui/touch-friendly-interface.d.ts.map +1 -1
- package/dist/components/ui/touch-friendly-interface.esm.js +2 -1
- package/dist/components/ui/touch-friendly-interface.js +2 -1
- package/dist/hooks/use-animation-profile.d.ts +1 -1
- package/dist/hooks/use-animation-profile.esm.js +1 -1
- package/dist/hooks/use-animation-profile.js +1 -1
- package/dist/hooks/use-device.d.ts.map +1 -1
- package/dist/hooks/use-device.esm.js +1 -0
- package/dist/hooks/use-device.js +1 -0
- package/dist/index.d.ts +281 -281
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +151 -151
- package/dist/index.js +151 -151
- package/dist/plugins/theme-css-generator.esm.js +1 -1
- package/dist/plugins/theme-css-generator.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/examples/dark-theme.d.ts +3 -3
- package/dist/themes/examples/dark-theme.d.ts.map +1 -1
- package/dist/themes/examples/dark-theme.esm.js +1 -1
- package/dist/themes/examples/dark-theme.js +1 -1
- package/dist/themes/examples/minimal-theme.d.ts +1 -1
- package/dist/themes/examples/minimal-theme.d.ts.map +1 -1
- package/dist/themes/examples/minimal-theme.esm.js +2 -2
- package/dist/themes/examples/minimal-theme.js +2 -2
- package/dist/tokens/index.d.ts +1 -1
- package/dist/tokens/index.d.ts.map +1 -1
- package/dist/tokens/index.esm.js +1 -1
- package/dist/tokens/index.js +1 -1
- package/dist/tokens/tokenExporter.d.ts +1 -1
- package/dist/tokens/tokenExporter.d.ts.map +1 -1
- package/dist/tokens/tokenGenerator.d.ts +2 -2
- package/dist/tokens/tokenGenerator.d.ts.map +1 -1
- package/dist/tokens/tokenManager.d.ts +3 -3
- package/dist/tokens/tokenManager.d.ts.map +1 -1
- package/dist/tokens/tokenManager.esm.js +3 -3
- package/dist/tokens/tokenManager.js +3 -3
- package/dist/tokens/tokenValidator.d.ts +1 -1
- package/dist/tokens/tokenValidator.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ui/accessibility-demo.tsx +12 -10
- package/src/components/ui/advanced-component-architecture-demo.tsx +10 -8
- package/src/components/ui/advanced-transition-system-demo.tsx +5 -3
- package/src/components/ui/advanced-transition-system.tsx +3 -1
- package/src/components/ui/animation/animated-container.tsx +3 -1
- package/src/components/ui/animation/staggered-container.tsx +1 -1
- package/src/components/ui/animation-demo.tsx +5 -3
- package/src/components/ui/battery-conscious-animation-demo.tsx +7 -5
- package/src/components/ui/border-radius-shadow-demo.tsx +2 -2
- package/src/components/ui/button.tsx +2 -0
- package/src/components/ui/checkbox.tsx +2 -0
- package/src/components/ui/color-preview.tsx +4 -4
- package/src/components/ui/data-display/chart.tsx +4 -2
- package/src/components/ui/data-display/data-grid-simple.tsx +1 -1
- package/src/components/ui/data-display/data-grid.tsx +3 -1
- package/src/components/ui/data-display/list.tsx +3 -1
- package/src/components/ui/data-display/table.tsx +3 -1
- package/src/components/ui/data-display/timeline.tsx +3 -1
- package/src/components/ui/data-display/tree.tsx +4 -2
- package/src/components/ui/enterprise-mobile-experience-demo.tsx +5 -3
- package/src/components/ui/enterprise-mobile-experience.tsx +2 -0
- package/src/components/ui/feedback/alert.tsx +3 -1
- package/src/components/ui/feedback/progress.tsx +4 -2
- package/src/components/ui/feedback/skeleton.tsx +1 -1
- package/src/components/ui/feedback/toast.tsx +3 -1
- package/src/components/ui/font-preview.tsx +3 -3
- package/src/components/ui/form-demo.tsx +8 -6
- package/src/components/ui/hardware-acceleration-demo.tsx +7 -5
- package/src/components/ui/input.tsx +2 -0
- package/src/components/ui/layout-demo.tsx +9 -7
- package/src/components/ui/layouts/adaptive-layout.tsx +7 -5
- package/src/components/ui/layouts/desktop-layout.tsx +5 -3
- package/src/components/ui/layouts/mobile-layout.tsx +4 -2
- package/src/components/ui/layouts/tablet-layout.tsx +5 -3
- package/src/components/ui/mobile-form-validation.tsx +12 -10
- package/src/components/ui/mobile-input-demo.tsx +2 -2
- package/src/components/ui/mobile-input.tsx +3 -1
- package/src/components/ui/mobile-skeleton-loading-demo.tsx +10 -8
- package/src/components/ui/navigation/breadcrumb.tsx +3 -1
- package/src/components/ui/navigation/menu.tsx +3 -1
- package/src/components/ui/navigation/navigation-demo.tsx +9 -7
- package/src/components/ui/navigation/pagination.tsx +3 -1
- package/src/components/ui/navigation/sidebar.tsx +3 -1
- package/src/components/ui/navigation/stepper.tsx +3 -1
- package/src/components/ui/navigation/tabs.tsx +3 -1
- package/src/components/ui/overlay/backdrop.tsx +2 -0
- package/src/components/ui/overlay/focus-manager.tsx +2 -0
- package/src/components/ui/overlay/modal.tsx +8 -6
- package/src/components/ui/overlay/overlay-manager.tsx +3 -1
- package/src/components/ui/overlay/popover.tsx +6 -4
- package/src/components/ui/overlay/portal.tsx +3 -1
- package/src/components/ui/overlay/tooltip.tsx +5 -3
- package/src/components/ui/performance-demo.tsx +6 -4
- package/src/components/ui/semantic-input-system-demo.tsx +12 -10
- package/src/components/ui/theme-customizer.tsx +7 -5
- package/src/components/ui/theme-preview.tsx +2 -2
- package/src/components/ui/theme-switcher.tsx +3 -1
- package/src/components/ui/theme-toggle.tsx +3 -1
- package/src/components/ui/token-demo.tsx +5 -3
- package/src/components/ui/touch-demo.tsx +6 -4
- package/src/components/ui/touch-friendly-interface-demo.tsx +7 -5
- package/src/components/ui/touch-friendly-interface.tsx +3 -1
- package/src/hooks/use-animation-profile.ts +1 -1
- package/src/hooks/use-device.tsx +2 -0
- package/src/index.ts +282 -282
- package/src/plugins/theme-css-generator.ts +2 -2
- package/src/themes/examples/dark-theme.ts +1 -1
- package/src/themes/examples/minimal-theme.ts +2 -2
- package/src/tokens/index.ts +1 -1
- package/src/tokens/tokenExporter.ts +1 -1
- package/src/tokens/tokenGenerator.ts +2 -2
- package/src/tokens/tokenManager.ts +5 -5
- package/src/tokens/tokenValidator.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EACL,UAAU,EAMX,MAAM,YAAY,CAAC;AAoSpB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAmLtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/timeline.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/timeline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EACL,aAAa,EAId,MAAM,YAAY,CAAC;AAmUpB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6G5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/tree.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-display/tree.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EACL,SAAS,EAGV,MAAM,YAAY,CAAC;AAyZpB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwLpC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
3
|
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import { useTheme } from '../../../themes/useTheme';
|
|
4
|
+
import { useTheme } from '../../../themes/useTheme.js';
|
|
4
5
|
// Simple icon components (inline SVG)
|
|
5
6
|
const ChevronRightIcon = ({ className = '' }) => (_jsx("svg", { className: `tree__icon ${className}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }));
|
|
6
7
|
const ChevronDownIcon = ({ className = '' }) => (_jsx("svg", { className: `tree__icon ${className}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }));
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
3
|
import React, { useCallback, useMemo } from 'react';
|
|
3
|
-
import { useTheme } from '../../../themes/useTheme';
|
|
4
|
+
import { useTheme } from '../../../themes/useTheme.js';
|
|
4
5
|
// Simple icon components (inline SVG)
|
|
5
6
|
const ChevronRightIcon = ({ className = '' }) => (_jsx("svg", { className: `tree__icon ${className}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }));
|
|
6
7
|
const ChevronDownIcon = ({ className = '' }) => (_jsx("svg", { className: `tree__icon ${className}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enterprise-mobile-experience-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/enterprise-mobile-experience-demo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enterprise-mobile-experience-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/enterprise-mobile-experience-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAcvC,eAAO,MAAM,8BAA8B,EAAE,KAAK,CAAC,EA8tBlD,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState } from 'react';
|
|
3
|
-
import { Badge } from './badge';
|
|
4
|
-
import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience';
|
|
5
|
-
import { EnterpriseButton, EnterpriseCard, EnterpriseInput, EnterpriseProgress, EnterpriseQualityMetric, EnterpriseStatus, EnterpriseLoading, EnterpriseNotification } from './enterprise-mobile-experience';
|
|
4
|
+
import { Badge } from './badge.js';
|
|
5
|
+
import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience.js';
|
|
6
|
+
import { EnterpriseButton, EnterpriseCard, EnterpriseInput, EnterpriseProgress, EnterpriseQualityMetric, EnterpriseStatus, EnterpriseLoading, EnterpriseNotification } from './enterprise-mobile-experience.js';
|
|
6
7
|
export const EnterpriseMobileExperienceDemo = () => {
|
|
7
8
|
const [activeDemo, setActiveDemo] = useState('overview');
|
|
8
9
|
const [formData, setFormData] = useState({
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState } from 'react';
|
|
3
|
-
import { Badge } from './badge';
|
|
4
|
-
import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience';
|
|
5
|
-
import { EnterpriseButton, EnterpriseCard, EnterpriseInput, EnterpriseProgress, EnterpriseQualityMetric, EnterpriseStatus, EnterpriseLoading, EnterpriseNotification } from './enterprise-mobile-experience';
|
|
4
|
+
import { Badge } from './badge.js';
|
|
5
|
+
import { useEnterpriseMobileExperience } from '../../hooks/use-enterprise-mobile-experience.js';
|
|
6
|
+
import { EnterpriseButton, EnterpriseCard, EnterpriseInput, EnterpriseProgress, EnterpriseQualityMetric, EnterpriseStatus, EnterpriseLoading, EnterpriseNotification } from './enterprise-mobile-experience.js';
|
|
6
7
|
export const EnterpriseMobileExperienceDemo = () => {
|
|
7
8
|
const [activeDemo, setActiveDemo] = useState('overview');
|
|
8
9
|
const [formData, setFormData] = useState({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"enterprise-mobile-experience.d.ts","sourceRoot":"","sources":["../../../src/components/ui/enterprise-mobile-experience.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"enterprise-mobile-experience.d.ts","sourceRoot":"","sources":["../../../src/components/ui/enterprise-mobile-experience.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/alert.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,UAAU,EAAe,MAAM,YAAY,CAAC;AAmErD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAsFtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/progress.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAgB,MAAM,YAAY,CAAC;AAwKzD,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuH5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import { useTheme } from '../../../themes/useTheme';
|
|
4
|
+
import { useTheme } from '../../../themes/useTheme.js';
|
|
4
5
|
// Default color fallbacks for when theme is not available
|
|
5
6
|
const getDefaultColors = () => ({
|
|
6
7
|
surface: { background: '#ffffff', surface: '#f3f4f6', border: '#d1d5db', divider: '#e5e7eb' },
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useEffect, useState } from 'react';
|
|
3
|
-
import { useTheme } from '../../../themes/useTheme';
|
|
4
|
+
import { useTheme } from '../../../themes/useTheme.js';
|
|
4
5
|
// Default color fallbacks for when theme is not available
|
|
5
6
|
const getDefaultColors = () => ({
|
|
6
7
|
surface: { background: '#ffffff', surface: '#f3f4f6', border: '#d1d5db', divider: '#e5e7eb' },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types';
|
|
2
|
+
import { SkeletonProps, SkeletonTextProps, SkeletonAvatarProps, SkeletonButtonProps } from './types.js';
|
|
3
3
|
export declare const SkeletonText: React.FC<SkeletonTextProps>;
|
|
4
4
|
export declare const SkeletonAvatar: React.FC<SkeletonAvatarProps>;
|
|
5
5
|
export declare const SkeletonButton: React.FC<SkeletonButtonProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAyDxG,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAuCpD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAcxD,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBxD,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6C5C,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ToastProps, ToastContainerProps } from './types';
|
|
2
|
+
import { ToastProps, ToastContainerProps } from './types.js';
|
|
3
3
|
export declare const Toast: React.FC<ToastProps>;
|
|
4
4
|
export declare const ToastContainer: React.FC<ToastContainerProps & {
|
|
5
5
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/feedback/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,UAAU,EAAe,mBAAmB,EAAE,MAAM,YAAY,CAAC;AA8G1E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuJtC,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,GAAG;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAYxF,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"font-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/font-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"font-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ui/font-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,MAAM,WAAW,gBAAgB;IAC/B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IACjE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+OlD,CAAC;AAGF,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
3
|
-
import { Badge } from './badge';
|
|
2
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
3
|
+
import { Badge } from './badge.js';
|
|
4
4
|
import { useTheme } from '../../themes';
|
|
5
5
|
export const FontPreview = ({ fontConfig, fontType = 'primary', showAllVariations = false, className = '' }) => {
|
|
6
6
|
const { currentThemeConfig } = useTheme();
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
3
|
-
import { Badge } from './badge';
|
|
2
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
3
|
+
import { Badge } from './badge.js';
|
|
4
4
|
import { useTheme } from '../../themes';
|
|
5
5
|
export const FontPreview = ({ fontConfig, fontType = 'primary', showAllVariations = false, className = '' }) => {
|
|
6
6
|
const { currentThemeConfig } = useTheme();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form-demo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAS/C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EA6hB5B,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useRef } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Button } from './button';
|
|
5
|
-
import { Badge } from './badge';
|
|
6
|
-
import { Tabs } from './navigation/tabs';
|
|
7
|
-
import MobileFormValidation from './mobile-form-validation';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Button } from './button.js';
|
|
6
|
+
import { Badge } from './badge.js';
|
|
7
|
+
import { Tabs } from './navigation/tabs.js';
|
|
8
|
+
import MobileFormValidation from './mobile-form-validation.js';
|
|
8
9
|
export const FormDemo = () => {
|
|
9
10
|
const [activeTab, setActiveTab] = useState('basic');
|
|
10
11
|
const [formResults, setFormResults] = useState([]);
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useRef } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Button } from './button';
|
|
5
|
-
import { Badge } from './badge';
|
|
6
|
-
import { Tabs } from './navigation/tabs';
|
|
7
|
-
import MobileFormValidation from './mobile-form-validation';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Button } from './button.js';
|
|
6
|
+
import { Badge } from './badge.js';
|
|
7
|
+
import { Tabs } from './navigation/tabs.js';
|
|
8
|
+
import MobileFormValidation from './mobile-form-validation.js';
|
|
8
9
|
export const FormDemo = () => {
|
|
9
10
|
const [activeTab, setActiveTab] = useState('basic');
|
|
10
11
|
const [formResults, setFormResults] = useState([]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hardware-acceleration-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hardware-acceleration-demo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"hardware-acceleration-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hardware-acceleration-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAO/D,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAyhB5C,CAAA;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Badge } from './badge';
|
|
5
|
-
import { Button } from './button';
|
|
6
|
-
import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration';
|
|
7
|
-
import { useBatteryOptimization } from '../../hooks/use-battery-optimization';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Badge } from './badge.js';
|
|
6
|
+
import { Button } from './button.js';
|
|
7
|
+
import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration.js';
|
|
8
|
+
import { useBatteryOptimization } from '../../hooks/use-battery-optimization.js';
|
|
8
9
|
export const HardwareAccelerationDemo = () => {
|
|
9
10
|
const [showGPUInfo, setShowGPUInfo] = useState(true);
|
|
10
11
|
const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useCallback, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Badge } from './badge';
|
|
5
|
-
import { Button } from './button';
|
|
6
|
-
import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration';
|
|
7
|
-
import { useBatteryOptimization } from '../../hooks/use-battery-optimization';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Badge } from './badge.js';
|
|
6
|
+
import { Button } from './button.js';
|
|
7
|
+
import { useHardwareAcceleration } from '../../hooks/use-hardware-acceleration.js';
|
|
8
|
+
import { useBatteryOptimization } from '../../hooks/use-battery-optimization.js';
|
|
8
9
|
export const HardwareAccelerationDemo = () => {
|
|
9
10
|
const [showGPUInfo, setShowGPUInfo] = useState(true);
|
|
10
11
|
const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;IACjE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IAChC,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;CACvD;AAED,QAAA,MAAM,KAAK,qFAsBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-demo.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"layout-demo.d.ts","sourceRoot":"","sources":["../../../src/components/ui/layout-demo.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAevC,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA6V9B,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Badge } from './badge';
|
|
5
|
-
import { Button } from './button';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Badge } from './badge.js';
|
|
6
|
+
import { Button } from './button.js';
|
|
6
7
|
import { MobileLayout, TabletLayout, DesktopLayout, AdaptiveLayout } from './layouts';
|
|
7
|
-
import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout';
|
|
8
|
-
import { useLayoutPerformance } from '../../hooks/use-layout-performance';
|
|
9
|
-
import { useMobileLayout } from '../../hooks/use-mobile-layout';
|
|
10
|
-
import { useTabletLayout } from '../../hooks/use-tablet-layout';
|
|
8
|
+
import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout.js';
|
|
9
|
+
import { useLayoutPerformance } from '../../hooks/use-layout-performance.js';
|
|
10
|
+
import { useMobileLayout } from '../../hooks/use-mobile-layout.js';
|
|
11
|
+
import { useTabletLayout } from '../../hooks/use-tablet-layout.js';
|
|
11
12
|
export const LayoutDemo = () => {
|
|
12
13
|
const [activeLayout, setActiveLayout] = useState('adaptive');
|
|
13
14
|
const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card';
|
|
4
|
-
import { Badge } from './badge';
|
|
5
|
-
import { Button } from './button';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from './card.js';
|
|
5
|
+
import { Badge } from './badge.js';
|
|
6
|
+
import { Button } from './button.js';
|
|
6
7
|
import { MobileLayout, TabletLayout, DesktopLayout, AdaptiveLayout } from './layouts';
|
|
7
|
-
import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout';
|
|
8
|
-
import { useLayoutPerformance } from '../../hooks/use-layout-performance';
|
|
9
|
-
import { useMobileLayout } from '../../hooks/use-mobile-layout';
|
|
10
|
-
import { useTabletLayout } from '../../hooks/use-tablet-layout';
|
|
8
|
+
import { useAdaptiveLayout } from '../../hooks/use-adaptive-layout.js';
|
|
9
|
+
import { useLayoutPerformance } from '../../hooks/use-layout-performance.js';
|
|
10
|
+
import { useMobileLayout } from '../../hooks/use-mobile-layout.js';
|
|
11
|
+
import { useTabletLayout } from '../../hooks/use-tablet-layout.js';
|
|
11
12
|
export const LayoutDemo = () => {
|
|
12
13
|
const [activeLayout, setActiveLayout] = useState('adaptive');
|
|
13
14
|
const [showPerformanceMetrics, setShowPerformanceMetrics] = useState(true);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"adaptive-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/adaptive-layout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"adaptive-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/adaptive-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAO7D,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAExD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmHxD,CAAA;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
5
|
-
import { MobileLayout } from './mobile-layout';
|
|
6
|
-
import { TabletLayout } from './tablet-layout';
|
|
7
|
-
import { DesktopLayout } from './desktop-layout';
|
|
4
|
+
import { Card, CardContent } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
import { MobileLayout } from './mobile-layout.js';
|
|
7
|
+
import { TabletLayout } from './tablet-layout.js';
|
|
8
|
+
import { DesktopLayout } from './desktop-layout.js';
|
|
8
9
|
export const AdaptiveLayout = ({ children, title = 'Adaptive Layout', description = 'Automatically adapts to different device types with optimal layouts', showHeader = true, showSidebar = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
|
|
9
10
|
const [deviceType, setDeviceType] = useState('desktop');
|
|
10
11
|
const [screenSize, setScreenSize] = useState({ width: 0, height: 0 });
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
5
|
-
import { MobileLayout } from './mobile-layout';
|
|
6
|
-
import { TabletLayout } from './tablet-layout';
|
|
7
|
-
import { DesktopLayout } from './desktop-layout';
|
|
4
|
+
import { Card, CardContent } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
import { MobileLayout } from './mobile-layout.js';
|
|
7
|
+
import { TabletLayout } from './tablet-layout.js';
|
|
8
|
+
import { DesktopLayout } from './desktop-layout.js';
|
|
8
9
|
export const AdaptiveLayout = ({ children, title = 'Adaptive Layout', description = 'Automatically adapts to different device types with optimal layouts', showHeader = true, showSidebar = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
|
|
9
10
|
const [deviceType, setDeviceType] = useState('desktop');
|
|
10
11
|
const [screenSize, setScreenSize] = useState({ width: 0, height: 0 });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"desktop-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/desktop-layout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"desktop-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/desktop-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAK7D,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4MtD,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
5
|
-
import { Button } from '../button';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
import { Button } from '../button.js';
|
|
6
7
|
export const DesktopLayout = ({ children, title = 'Desktop Layout', description = 'Desktop-optimized layout with advanced features and performance monitoring', showHeader = true, showSidebar = true, showTopBar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
|
|
7
8
|
const [performanceMetrics, setPerformanceMetrics] = useState({
|
|
8
9
|
renderTime: 0,
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
5
|
-
import { Button } from '../button';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
import { Button } from '../button.js';
|
|
6
7
|
export const DesktopLayout = ({ children, title = 'Desktop Layout', description = 'Desktop-optimized layout with advanced features and performance monitoring', showHeader = true, showSidebar = true, showTopBar = true, enablePerformanceMonitoring = true, enableAdvancedFeatures = true, className = '' }) => {
|
|
7
8
|
const [performanceMetrics, setPerformanceMetrics] = useState({
|
|
8
9
|
renderTime: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mobile-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/mobile-layout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"mobile-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/mobile-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgJpD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardHeader, CardTitle } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
4
|
+
import { Card, CardContent, CardHeader, CardTitle } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
5
6
|
export const MobileLayout = ({ children, title = 'Mobile Layout', description = 'Touch-optimized mobile layout with performance monitoring', showHeader = true, showFooter = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
|
|
6
7
|
const [touchActive, setTouchActive] = useState(false);
|
|
7
8
|
const [performanceMetrics, setPerformanceMetrics] = useState({
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardHeader, CardTitle } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
4
|
+
import { Card, CardContent, CardHeader, CardTitle } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
5
6
|
export const MobileLayout = ({ children, title = 'Mobile Layout', description = 'Touch-optimized mobile layout with performance monitoring', showHeader = true, showFooter = true, enableTouchOptimization = true, enablePerformanceMonitoring = true, className = '' }) => {
|
|
6
7
|
const [touchActive, setTouchActive] = useState(false);
|
|
7
8
|
const [performanceMetrics, setPerformanceMetrics] = useState({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tablet-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/tablet-layout.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tablet-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/layouts/tablet-layout.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAA;AAK7D,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkLpD,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
'use client';
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card';
|
|
4
|
-
import { Badge } from '../badge';
|
|
5
|
-
import { Button } from '../button';
|
|
4
|
+
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../card.js';
|
|
5
|
+
import { Badge } from '../badge.js';
|
|
6
|
+
import { Button } from '../button.js';
|
|
6
7
|
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 = '' }) => {
|
|
7
8
|
const [orientation, setOrientation] = useState('portrait');
|
|
8
9
|
const [performanceMetrics, setPerformanceMetrics] = useState({
|