@smart-coder-labs/apple-design-system 1.0.0 → 1.0.2
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/README.md +13 -13
- package/dist/cli/commands/add.js +25 -18
- package/dist/cli/commands/add.js.map +1 -1
- package/dist/cli/commands/init.js +27 -20
- package/dist/cli/commands/init.js.map +1 -1
- package/dist/cli/index.js +8 -6
- package/dist/cli/index.js.map +1 -1
- package/dist/cli/utils/registry.js +8 -3
- package/dist/cli/utils/registry.js.map +1 -1
- package/dist/index.d.ts +0 -240
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -136
- package/dist/index.js.map +1 -1
- package/dist/lib/utils.js +7 -4
- package/dist/lib/utils.js.map +1 -1
- package/dist/scripts/build-registry.js +13 -8
- package/dist/scripts/build-registry.js.map +1 -1
- package/dist/tokens.js +4 -1
- package/dist/tokens.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -1
- package/dist/components/AIThinkingIndicator.d.ts +0 -10
- package/dist/components/AIThinkingIndicator.d.ts.map +0 -1
- package/dist/components/AIThinkingIndicator.js +0 -60
- package/dist/components/AIThinkingIndicator.js.map +0 -1
- package/dist/components/Accordion.d.ts +0 -27
- package/dist/components/Accordion.d.ts.map +0 -1
- package/dist/components/Accordion.js +0 -123
- package/dist/components/Accordion.js.map +0 -1
- package/dist/components/ActivityFeed.d.ts +0 -26
- package/dist/components/ActivityFeed.d.ts.map +0 -1
- package/dist/components/ActivityFeed.js +0 -55
- package/dist/components/ActivityFeed.js.map +0 -1
- package/dist/components/ActivityMonitor.d.ts +0 -38
- package/dist/components/ActivityMonitor.d.ts.map +0 -1
- package/dist/components/ActivityMonitor.js +0 -164
- package/dist/components/ActivityMonitor.js.map +0 -1
- package/dist/components/AddressSelector.d.ts +0 -23
- package/dist/components/AddressSelector.d.ts.map +0 -1
- package/dist/components/AddressSelector.js +0 -145
- package/dist/components/AddressSelector.js.map +0 -1
- package/dist/components/AgendaView.d.ts +0 -11
- package/dist/components/AgendaView.d.ts.map +0 -1
- package/dist/components/AgendaView.js +0 -47
- package/dist/components/AgendaView.js.map +0 -1
- package/dist/components/Alert.d.ts +0 -9
- package/dist/components/Alert.d.ts.map +0 -1
- package/dist/components/Alert.js +0 -38
- package/dist/components/Alert.js.map +0 -1
- package/dist/components/AudioPlayer.d.ts +0 -11
- package/dist/components/AudioPlayer.d.ts.map +0 -1
- package/dist/components/AudioPlayer.js +0 -116
- package/dist/components/AudioPlayer.js.map +0 -1
- package/dist/components/Avatar.d.ts +0 -17
- package/dist/components/Avatar.d.ts.map +0 -1
- package/dist/components/Avatar.js +0 -74
- package/dist/components/Avatar.js.map +0 -1
- package/dist/components/AvatarGroup.d.ts +0 -15
- package/dist/components/AvatarGroup.d.ts.map +0 -1
- package/dist/components/AvatarGroup.js +0 -28
- package/dist/components/AvatarGroup.js.map +0 -1
- package/dist/components/Badge.d.ts +0 -21
- package/dist/components/Badge.d.ts.map +0 -1
- package/dist/components/Badge.js +0 -103
- package/dist/components/Badge.js.map +0 -1
- package/dist/components/BarcodeGenerator.d.ts +0 -18
- package/dist/components/BarcodeGenerator.d.ts.map +0 -1
- package/dist/components/BarcodeGenerator.js +0 -64
- package/dist/components/BarcodeGenerator.js.map +0 -1
- package/dist/components/Blockquote.d.ts +0 -9
- package/dist/components/Blockquote.d.ts.map +0 -1
- package/dist/components/Blockquote.js +0 -8
- package/dist/components/Blockquote.js.map +0 -1
- package/dist/components/BottomNavigation.d.ts +0 -21
- package/dist/components/BottomNavigation.d.ts.map +0 -1
- package/dist/components/BottomNavigation.js +0 -77
- package/dist/components/BottomNavigation.js.map +0 -1
- package/dist/components/Breadcrumb.d.ts +0 -20
- package/dist/components/Breadcrumb.d.ts.map +0 -1
- package/dist/components/Breadcrumb.js +0 -24
- package/dist/components/Breadcrumb.js.map +0 -1
- package/dist/components/BreadcrumbTabsHybrid.d.ts +0 -25
- package/dist/components/BreadcrumbTabsHybrid.d.ts.map +0 -1
- package/dist/components/BreadcrumbTabsHybrid.js +0 -58
- package/dist/components/BreadcrumbTabsHybrid.js.map +0 -1
- package/dist/components/Button.d.ts +0 -14
- package/dist/components/Button.d.ts.map +0 -1
- package/dist/components/Button.js +0 -91
- package/dist/components/Button.js.map +0 -1
- package/dist/components/ButtonWithDropdown.d.ts +0 -19
- package/dist/components/ButtonWithDropdown.d.ts.map +0 -1
- package/dist/components/ButtonWithDropdown.js +0 -33
- package/dist/components/ButtonWithDropdown.js.map +0 -1
- package/dist/components/Calendar.d.ts +0 -28
- package/dist/components/Calendar.d.ts.map +0 -1
- package/dist/components/Calendar.js +0 -365
- package/dist/components/Calendar.js.map +0 -1
- package/dist/components/Callout.d.ts +0 -11
- package/dist/components/Callout.d.ts.map +0 -1
- package/dist/components/Callout.js +0 -35
- package/dist/components/Callout.js.map +0 -1
- package/dist/components/Caption.d.ts +0 -6
- package/dist/components/Caption.d.ts.map +0 -1
- package/dist/components/Caption.js +0 -7
- package/dist/components/Caption.js.map +0 -1
- package/dist/components/Card.d.ts +0 -30
- package/dist/components/Card.d.ts.map +0 -1
- package/dist/components/Card.js +0 -72
- package/dist/components/Card.js.map +0 -1
- package/dist/components/CartPreview.d.ts +0 -28
- package/dist/components/CartPreview.d.ts.map +0 -1
- package/dist/components/CartPreview.js +0 -80
- package/dist/components/CartPreview.js.map +0 -1
- package/dist/components/Chart.d.ts +0 -19
- package/dist/components/Chart.d.ts.map +0 -1
- package/dist/components/Chart.js +0 -46
- package/dist/components/Chart.js.map +0 -1
- package/dist/components/ChatBubble.d.ts +0 -19
- package/dist/components/ChatBubble.d.ts.map +0 -1
- package/dist/components/ChatBubble.js +0 -27
- package/dist/components/ChatBubble.js.map +0 -1
- package/dist/components/ChatInput.d.ts +0 -22
- package/dist/components/ChatInput.d.ts.map +0 -1
- package/dist/components/ChatInput.js +0 -115
- package/dist/components/ChatInput.js.map +0 -1
- package/dist/components/Checkbox.d.ts +0 -10
- package/dist/components/Checkbox.d.ts.map +0 -1
- package/dist/components/Checkbox.js +0 -35
- package/dist/components/Checkbox.js.map +0 -1
- package/dist/components/Chip.d.ts +0 -14
- package/dist/components/Chip.d.ts.map +0 -1
- package/dist/components/Chip.js +0 -43
- package/dist/components/Chip.js.map +0 -1
- package/dist/components/CodeBlock.d.ts +0 -9
- package/dist/components/CodeBlock.d.ts.map +0 -1
- package/dist/components/CodeBlock.js +0 -16
- package/dist/components/CodeBlock.js.map +0 -1
- package/dist/components/Collapsible.d.ts +0 -19
- package/dist/components/Collapsible.d.ts.map +0 -1
- package/dist/components/Collapsible.js +0 -42
- package/dist/components/Collapsible.js.map +0 -1
- package/dist/components/Combobox.d.ts +0 -17
- package/dist/components/Combobox.d.ts.map +0 -1
- package/dist/components/Combobox.js +0 -114
- package/dist/components/Combobox.js.map +0 -1
- package/dist/components/CommandMenu.d.ts +0 -36
- package/dist/components/CommandMenu.d.ts.map +0 -1
- package/dist/components/CommandMenu.js +0 -102
- package/dist/components/CommandMenu.js.map +0 -1
- package/dist/components/CommentThread.d.ts +0 -28
- package/dist/components/CommentThread.d.ts.map +0 -1
- package/dist/components/CommentThread.js +0 -66
- package/dist/components/CommentThread.js.map +0 -1
- package/dist/components/ConfirmDialog.d.ts +0 -27
- package/dist/components/ConfirmDialog.d.ts.map +0 -1
- package/dist/components/ConfirmDialog.js +0 -62
- package/dist/components/ConfirmDialog.js.map +0 -1
- package/dist/components/ContextMenu.d.ts +0 -85
- package/dist/components/ContextMenu.d.ts.map +0 -1
- package/dist/components/ContextMenu.js +0 -191
- package/dist/components/ContextMenu.js.map +0 -1
- package/dist/components/ControlCenterToggles.d.ts +0 -18
- package/dist/components/ControlCenterToggles.d.ts.map +0 -1
- package/dist/components/ControlCenterToggles.js +0 -14
- package/dist/components/ControlCenterToggles.js.map +0 -1
- package/dist/components/Counters.d.ts +0 -16
- package/dist/components/Counters.d.ts.map +0 -1
- package/dist/components/Counters.js +0 -9
- package/dist/components/Counters.js.map +0 -1
- package/dist/components/CountersListWithChart.d.ts +0 -15
- package/dist/components/CountersListWithChart.d.ts.map +0 -1
- package/dist/components/CountersListWithChart.js +0 -22
- package/dist/components/CountersListWithChart.js.map +0 -1
- package/dist/components/DataGrid.d.ts +0 -38
- package/dist/components/DataGrid.d.ts.map +0 -1
- package/dist/components/DataGrid.js +0 -271
- package/dist/components/DataGrid.js.map +0 -1
- package/dist/components/DatePicker.d.ts +0 -17
- package/dist/components/DatePicker.d.ts.map +0 -1
- package/dist/components/DatePicker.js +0 -248
- package/dist/components/DatePicker.js.map +0 -1
- package/dist/components/DateRangePicker.d.ts +0 -21
- package/dist/components/DateRangePicker.d.ts.map +0 -1
- package/dist/components/DateRangePicker.js +0 -213
- package/dist/components/DateRangePicker.js.map +0 -1
- package/dist/components/DefinitionList.d.ts +0 -21
- package/dist/components/DefinitionList.d.ts.map +0 -1
- package/dist/components/DefinitionList.js +0 -44
- package/dist/components/DefinitionList.js.map +0 -1
- package/dist/components/DescriptionBlock.d.ts +0 -36
- package/dist/components/DescriptionBlock.d.ts.map +0 -1
- package/dist/components/DescriptionBlock.js +0 -27
- package/dist/components/DescriptionBlock.js.map +0 -1
- package/dist/components/DeviceList.d.ts +0 -24
- package/dist/components/DeviceList.d.ts.map +0 -1
- package/dist/components/DeviceList.js +0 -46
- package/dist/components/DeviceList.js.map +0 -1
- package/dist/components/DiffViewer.d.ts +0 -13
- package/dist/components/DiffViewer.d.ts.map +0 -1
- package/dist/components/DiffViewer.js +0 -93
- package/dist/components/DiffViewer.js.map +0 -1
- package/dist/components/Divider.d.ts +0 -28
- package/dist/components/Divider.d.ts.map +0 -1
- package/dist/components/Divider.js +0 -16
- package/dist/components/Divider.js.map +0 -1
- package/dist/components/DockBar.d.ts +0 -29
- package/dist/components/DockBar.d.ts.map +0 -1
- package/dist/components/DockBar.js +0 -64
- package/dist/components/DockBar.js.map +0 -1
- package/dist/components/EmptyState.d.ts +0 -25
- package/dist/components/EmptyState.d.ts.map +0 -1
- package/dist/components/EmptyState.js +0 -20
- package/dist/components/EmptyState.js.map +0 -1
- package/dist/components/ErrorBoundary.d.ts +0 -24
- package/dist/components/ErrorBoundary.d.ts.map +0 -1
- package/dist/components/ErrorBoundary.js +0 -55
- package/dist/components/ErrorBoundary.js.map +0 -1
- package/dist/components/FAB.d.ts +0 -15
- package/dist/components/FAB.d.ts.map +0 -1
- package/dist/components/FAB.js +0 -46
- package/dist/components/FAB.js.map +0 -1
- package/dist/components/FABGroup.d.ts +0 -15
- package/dist/components/FABGroup.d.ts.map +0 -1
- package/dist/components/FABGroup.js +0 -47
- package/dist/components/FABGroup.js.map +0 -1
- package/dist/components/FileIntelligencePreview.d.ts +0 -25
- package/dist/components/FileIntelligencePreview.d.ts.map +0 -1
- package/dist/components/FileIntelligencePreview.js +0 -66
- package/dist/components/FileIntelligencePreview.js.map +0 -1
- package/dist/components/FileUpload.d.ts +0 -13
- package/dist/components/FileUpload.d.ts.map +0 -1
- package/dist/components/FileUpload.js +0 -107
- package/dist/components/FileUpload.js.map +0 -1
- package/dist/components/FilterBar.d.ts +0 -35
- package/dist/components/FilterBar.d.ts.map +0 -1
- package/dist/components/FilterBar.js +0 -79
- package/dist/components/FilterBar.js.map +0 -1
- package/dist/components/FloatingToolbar.d.ts +0 -24
- package/dist/components/FloatingToolbar.d.ts.map +0 -1
- package/dist/components/FloatingToolbar.js +0 -180
- package/dist/components/FloatingToolbar.js.map +0 -1
- package/dist/components/Footer.d.ts +0 -32
- package/dist/components/Footer.d.ts.map +0 -1
- package/dist/components/Footer.js +0 -31
- package/dist/components/Footer.js.map +0 -1
- package/dist/components/Gallery.d.ts +0 -11
- package/dist/components/Gallery.d.ts.map +0 -1
- package/dist/components/Gallery.js +0 -32
- package/dist/components/Gallery.js.map +0 -1
- package/dist/components/GestureCard.d.ts +0 -12
- package/dist/components/GestureCard.d.ts.map +0 -1
- package/dist/components/GestureCard.js +0 -58
- package/dist/components/GestureCard.js.map +0 -1
- package/dist/components/GridSystem.d.ts +0 -72
- package/dist/components/GridSystem.d.ts.map +0 -1
- package/dist/components/GridSystem.js +0 -65
- package/dist/components/GridSystem.js.map +0 -1
- package/dist/components/HamburgerMenuIcon.d.ts +0 -24
- package/dist/components/HamburgerMenuIcon.d.ts.map +0 -1
- package/dist/components/HamburgerMenuIcon.js +0 -44
- package/dist/components/HamburgerMenuIcon.js.map +0 -1
- package/dist/components/HapticButton.d.ts +0 -23
- package/dist/components/HapticButton.d.ts.map +0 -1
- package/dist/components/HapticButton.js +0 -104
- package/dist/components/HapticButton.js.map +0 -1
- package/dist/components/Heading.d.ts +0 -6
- package/dist/components/Heading.d.ts.map +0 -1
- package/dist/components/Heading.js +0 -7
- package/dist/components/Heading.js.map +0 -1
- package/dist/components/IconButton.d.ts +0 -14
- package/dist/components/IconButton.d.ts.map +0 -1
- package/dist/components/IconButton.js +0 -39
- package/dist/components/IconButton.js.map +0 -1
- package/dist/components/ImageCarousel.d.ts +0 -18
- package/dist/components/ImageCarousel.d.ts.map +0 -1
- package/dist/components/ImageCarousel.js +0 -74
- package/dist/components/ImageCarousel.js.map +0 -1
- package/dist/components/ImageCropper.d.ts +0 -10
- package/dist/components/ImageCropper.d.ts.map +0 -1
- package/dist/components/ImageCropper.js +0 -138
- package/dist/components/ImageCropper.js.map +0 -1
- package/dist/components/Input.d.ts +0 -18
- package/dist/components/Input.d.ts.map +0 -1
- package/dist/components/Input.js +0 -117
- package/dist/components/Input.js.map +0 -1
- package/dist/components/InspectorPanel.d.ts +0 -18
- package/dist/components/InspectorPanel.d.ts.map +0 -1
- package/dist/components/InspectorPanel.js +0 -33
- package/dist/components/InspectorPanel.js.map +0 -1
- package/dist/components/InvoicePreview.d.ts +0 -41
- package/dist/components/InvoicePreview.d.ts.map +0 -1
- package/dist/components/InvoicePreview.js +0 -106
- package/dist/components/InvoicePreview.js.map +0 -1
- package/dist/components/JsonViewer.d.ts +0 -17
- package/dist/components/JsonViewer.d.ts.map +0 -1
- package/dist/components/JsonViewer.js +0 -58
- package/dist/components/JsonViewer.js.map +0 -1
- package/dist/components/KPIBlock.d.ts +0 -23
- package/dist/components/KPIBlock.d.ts.map +0 -1
- package/dist/components/KPIBlock.js +0 -82
- package/dist/components/KPIBlock.js.map +0 -1
- package/dist/components/KanbanBoard.d.ts +0 -34
- package/dist/components/KanbanBoard.d.ts.map +0 -1
- package/dist/components/KanbanBoard.js +0 -296
- package/dist/components/KanbanBoard.js.map +0 -1
- package/dist/components/KeyValueInfo.d.ts +0 -28
- package/dist/components/KeyValueInfo.d.ts.map +0 -1
- package/dist/components/KeyValueInfo.js +0 -80
- package/dist/components/KeyValueInfo.js.map +0 -1
- package/dist/components/Label.d.ts +0 -8
- package/dist/components/Label.d.ts.map +0 -1
- package/dist/components/Label.js +0 -9
- package/dist/components/Label.js.map +0 -1
- package/dist/components/Layout.d.ts +0 -16
- package/dist/components/Layout.d.ts.map +0 -1
- package/dist/components/Layout.js +0 -26
- package/dist/components/Layout.js.map +0 -1
- package/dist/components/Lightbox.d.ts +0 -18
- package/dist/components/Lightbox.d.ts.map +0 -1
- package/dist/components/Lightbox.js +0 -60
- package/dist/components/Lightbox.js.map +0 -1
- package/dist/components/LoadingOverlay.d.ts +0 -32
- package/dist/components/LoadingOverlay.d.ts.map +0 -1
- package/dist/components/LoadingOverlay.js +0 -10
- package/dist/components/LoadingOverlay.js.map +0 -1
- package/dist/components/LoginForm.d.ts +0 -14
- package/dist/components/LoginForm.d.ts.map +0 -1
- package/dist/components/LoginForm.js +0 -36
- package/dist/components/LoginForm.js.map +0 -1
- package/dist/components/MaintenanceMode.d.ts +0 -41
- package/dist/components/MaintenanceMode.d.ts.map +0 -1
- package/dist/components/MaintenanceMode.js +0 -21
- package/dist/components/MaintenanceMode.js.map +0 -1
- package/dist/components/MarkdownEditor.d.ts +0 -14
- package/dist/components/MarkdownEditor.d.ts.map +0 -1
- package/dist/components/MarkdownEditor.js +0 -55
- package/dist/components/MarkdownEditor.js.map +0 -1
- package/dist/components/MasonryLayout.d.ts +0 -31
- package/dist/components/MasonryLayout.d.ts.map +0 -1
- package/dist/components/MasonryLayout.js +0 -17
- package/dist/components/MasonryLayout.js.map +0 -1
- package/dist/components/MenuBar.d.ts +0 -34
- package/dist/components/MenuBar.d.ts.map +0 -1
- package/dist/components/MenuBar.js +0 -66
- package/dist/components/MenuBar.js.map +0 -1
- package/dist/components/MessageReactions.d.ts +0 -22
- package/dist/components/MessageReactions.d.ts.map +0 -1
- package/dist/components/MessageReactions.js +0 -37
- package/dist/components/MessageReactions.js.map +0 -1
- package/dist/components/Modal.d.ts +0 -37
- package/dist/components/Modal.d.ts.map +0 -1
- package/dist/components/Modal.js +0 -93
- package/dist/components/Modal.js.map +0 -1
- package/dist/components/ModalStackManager.d.ts +0 -34
- package/dist/components/ModalStackManager.d.ts.map +0 -1
- package/dist/components/ModalStackManager.js +0 -52
- package/dist/components/ModalStackManager.js.map +0 -1
- package/dist/components/MultiFileUpload.d.ts +0 -15
- package/dist/components/MultiFileUpload.d.ts.map +0 -1
- package/dist/components/MultiFileUpload.js +0 -138
- package/dist/components/MultiFileUpload.js.map +0 -1
- package/dist/components/NavBar.d.ts +0 -30
- package/dist/components/NavBar.d.ts.map +0 -1
- package/dist/components/NavBar.js +0 -80
- package/dist/components/NavBar.js.map +0 -1
- package/dist/components/NavigationDrawer.d.ts +0 -48
- package/dist/components/NavigationDrawer.d.ts.map +0 -1
- package/dist/components/NavigationDrawer.js +0 -95
- package/dist/components/NavigationDrawer.js.map +0 -1
- package/dist/components/NotificationCenterPanel.d.ts +0 -25
- package/dist/components/NotificationCenterPanel.d.ts.map +0 -1
- package/dist/components/NotificationCenterPanel.js +0 -50
- package/dist/components/NotificationCenterPanel.js.map +0 -1
- package/dist/components/OTPInput.d.ts +0 -15
- package/dist/components/OTPInput.d.ts.map +0 -1
- package/dist/components/OTPInput.js +0 -144
- package/dist/components/OTPInput.js.map +0 -1
- package/dist/components/OfflineState.d.ts +0 -36
- package/dist/components/OfflineState.d.ts.map +0 -1
- package/dist/components/OfflineState.js +0 -21
- package/dist/components/OfflineState.js.map +0 -1
- package/dist/components/OrderSummary.d.ts +0 -19
- package/dist/components/OrderSummary.d.ts.map +0 -1
- package/dist/components/OrderSummary.js +0 -8
- package/dist/components/OrderSummary.js.map +0 -1
- package/dist/components/Pagination.d.ts +0 -28
- package/dist/components/Pagination.d.ts.map +0 -1
- package/dist/components/Pagination.js +0 -119
- package/dist/components/Pagination.js.map +0 -1
- package/dist/components/Panel.d.ts +0 -14
- package/dist/components/Panel.d.ts.map +0 -1
- package/dist/components/Panel.js +0 -27
- package/dist/components/Panel.js.map +0 -1
- package/dist/components/Paragraph.d.ts +0 -6
- package/dist/components/Paragraph.d.ts.map +0 -1
- package/dist/components/Paragraph.js +0 -7
- package/dist/components/Paragraph.js.map +0 -1
- package/dist/components/PasswordInput.d.ts +0 -16
- package/dist/components/PasswordInput.d.ts.map +0 -1
- package/dist/components/PasswordInput.js +0 -66
- package/dist/components/PasswordInput.js.map +0 -1
- package/dist/components/PaymentMethodSelector.d.ts +0 -22
- package/dist/components/PaymentMethodSelector.d.ts.map +0 -1
- package/dist/components/PaymentMethodSelector.js +0 -24
- package/dist/components/PaymentMethodSelector.js.map +0 -1
- package/dist/components/PermissionsMatrix.d.ts +0 -23
- package/dist/components/PermissionsMatrix.d.ts.map +0 -1
- package/dist/components/PermissionsMatrix.js +0 -52
- package/dist/components/PermissionsMatrix.js.map +0 -1
- package/dist/components/Popover.d.ts +0 -19
- package/dist/components/Popover.d.ts.map +0 -1
- package/dist/components/Popover.js +0 -159
- package/dist/components/Popover.js.map +0 -1
- package/dist/components/PriceDisplay.d.ts +0 -18
- package/dist/components/PriceDisplay.d.ts.map +0 -1
- package/dist/components/PriceDisplay.js +0 -37
- package/dist/components/PriceDisplay.js.map +0 -1
- package/dist/components/ProductCard.d.ts +0 -30
- package/dist/components/ProductCard.d.ts.map +0 -1
- package/dist/components/ProductCard.js +0 -73
- package/dist/components/ProductCard.js.map +0 -1
- package/dist/components/Progress.d.ts +0 -9
- package/dist/components/Progress.d.ts.map +0 -1
- package/dist/components/Progress.js +0 -13
- package/dist/components/Progress.js.map +0 -1
- package/dist/components/PromptSuggestionChips.d.ts +0 -15
- package/dist/components/PromptSuggestionChips.d.ts.map +0 -1
- package/dist/components/PromptSuggestionChips.js +0 -17
- package/dist/components/PromptSuggestionChips.js.map +0 -1
- package/dist/components/PropertyList.d.ts +0 -29
- package/dist/components/PropertyList.d.ts.map +0 -1
- package/dist/components/PropertyList.js +0 -90
- package/dist/components/PropertyList.js.map +0 -1
- package/dist/components/QRCodeGenerator.d.ts +0 -17
- package/dist/components/QRCodeGenerator.d.ts.map +0 -1
- package/dist/components/QRCodeGenerator.js +0 -56
- package/dist/components/QRCodeGenerator.js.map +0 -1
- package/dist/components/QuantitySelector.d.ts +0 -16
- package/dist/components/QuantitySelector.d.ts.map +0 -1
- package/dist/components/QuantitySelector.js +0 -55
- package/dist/components/QuantitySelector.js.map +0 -1
- package/dist/components/QueryBuilder.d.ts +0 -30
- package/dist/components/QueryBuilder.d.ts.map +0 -1
- package/dist/components/QueryBuilder.js +0 -227
- package/dist/components/QueryBuilder.js.map +0 -1
- package/dist/components/RadioGroup.d.ts +0 -16
- package/dist/components/RadioGroup.d.ts.map +0 -1
- package/dist/components/RadioGroup.js +0 -36
- package/dist/components/RadioGroup.js.map +0 -1
- package/dist/components/RangeSlider.d.ts +0 -18
- package/dist/components/RangeSlider.d.ts.map +0 -1
- package/dist/components/RangeSlider.js +0 -121
- package/dist/components/RangeSlider.js.map +0 -1
- package/dist/components/RatingInput.d.ts +0 -15
- package/dist/components/RatingInput.d.ts.map +0 -1
- package/dist/components/RatingInput.js +0 -44
- package/dist/components/RatingInput.js.map +0 -1
- package/dist/components/RecoveryCodeDisplay.d.ts +0 -12
- package/dist/components/RecoveryCodeDisplay.d.ts.map +0 -1
- package/dist/components/RecoveryCodeDisplay.js +0 -48
- package/dist/components/RecoveryCodeDisplay.js.map +0 -1
- package/dist/components/ResizablePanel.d.ts +0 -18
- package/dist/components/ResizablePanel.d.ts.map +0 -1
- package/dist/components/ResizablePanel.js +0 -64
- package/dist/components/ResizablePanel.js.map +0 -1
- package/dist/components/Reviews.d.ts +0 -26
- package/dist/components/Reviews.d.ts.map +0 -1
- package/dist/components/Reviews.js +0 -30
- package/dist/components/Reviews.js.map +0 -1
- package/dist/components/RichTextEditor.d.ts +0 -14
- package/dist/components/RichTextEditor.d.ts.map +0 -1
- package/dist/components/RichTextEditor.js +0 -38
- package/dist/components/RichTextEditor.js.map +0 -1
- package/dist/components/RotarySelector.d.ts +0 -20
- package/dist/components/RotarySelector.d.ts.map +0 -1
- package/dist/components/RotarySelector.js +0 -99
- package/dist/components/RotarySelector.js.map +0 -1
- package/dist/components/SchedulerTimeline.d.ts +0 -31
- package/dist/components/SchedulerTimeline.d.ts.map +0 -1
- package/dist/components/SchedulerTimeline.js +0 -210
- package/dist/components/SchedulerTimeline.js.map +0 -1
- package/dist/components/ScrollArea.d.ts +0 -11
- package/dist/components/ScrollArea.d.ts.map +0 -1
- package/dist/components/ScrollArea.js +0 -132
- package/dist/components/ScrollArea.js.map +0 -1
- package/dist/components/SearchInput.d.ts +0 -13
- package/dist/components/SearchInput.d.ts.map +0 -1
- package/dist/components/SearchInput.js +0 -34
- package/dist/components/SearchInput.js.map +0 -1
- package/dist/components/SectionHeader.d.ts +0 -27
- package/dist/components/SectionHeader.d.ts.map +0 -1
- package/dist/components/SectionHeader.js +0 -18
- package/dist/components/SectionHeader.js.map +0 -1
- package/dist/components/SecurityActivityLog.d.ts +0 -20
- package/dist/components/SecurityActivityLog.d.ts.map +0 -1
- package/dist/components/SecurityActivityLog.js +0 -56
- package/dist/components/SecurityActivityLog.js.map +0 -1
- package/dist/components/SegmentedInput.d.ts +0 -15
- package/dist/components/SegmentedInput.d.ts.map +0 -1
- package/dist/components/SegmentedInput.js +0 -134
- package/dist/components/SegmentedInput.js.map +0 -1
- package/dist/components/Select.d.ts +0 -57
- package/dist/components/Select.d.ts.map +0 -1
- package/dist/components/Select.js +0 -275
- package/dist/components/Select.js.map +0 -1
- package/dist/components/Sheet.d.ts +0 -35
- package/dist/components/Sheet.d.ts.map +0 -1
- package/dist/components/Sheet.js +0 -117
- package/dist/components/Sheet.js.map +0 -1
- package/dist/components/Sidebar.d.ts +0 -23
- package/dist/components/Sidebar.d.ts.map +0 -1
- package/dist/components/Sidebar.js +0 -21
- package/dist/components/Sidebar.js.map +0 -1
- package/dist/components/SignaturePad.d.ts +0 -19
- package/dist/components/SignaturePad.d.ts.map +0 -1
- package/dist/components/SignaturePad.js +0 -133
- package/dist/components/SignaturePad.js.map +0 -1
- package/dist/components/SignupForm.d.ts +0 -15
- package/dist/components/SignupForm.d.ts.map +0 -1
- package/dist/components/SignupForm.js +0 -50
- package/dist/components/SignupForm.js.map +0 -1
- package/dist/components/Skeleton.d.ts +0 -3
- package/dist/components/Skeleton.d.ts.map +0 -1
- package/dist/components/Skeleton.js +0 -13
- package/dist/components/Skeleton.js.map +0 -1
- package/dist/components/SlideToDelete.d.ts +0 -26
- package/dist/components/SlideToDelete.d.ts.map +0 -1
- package/dist/components/SlideToDelete.js +0 -88
- package/dist/components/SlideToDelete.js.map +0 -1
- package/dist/components/Slider.d.ts +0 -18
- package/dist/components/Slider.d.ts.map +0 -1
- package/dist/components/Slider.js +0 -99
- package/dist/components/Slider.js.map +0 -1
- package/dist/components/Snackbar.d.ts +0 -16
- package/dist/components/Snackbar.d.ts.map +0 -1
- package/dist/components/Snackbar.js +0 -39
- package/dist/components/Snackbar.js.map +0 -1
- package/dist/components/Spacer.d.ts +0 -21
- package/dist/components/Spacer.d.ts.map +0 -1
- package/dist/components/Spacer.js +0 -44
- package/dist/components/Spacer.js.map +0 -1
- package/dist/components/Sparkline.d.ts +0 -17
- package/dist/components/Sparkline.d.ts.map +0 -1
- package/dist/components/Sparkline.js +0 -41
- package/dist/components/Sparkline.js.map +0 -1
- package/dist/components/Spinner.d.ts +0 -8
- package/dist/components/Spinner.d.ts.map +0 -1
- package/dist/components/Spinner.js +0 -26
- package/dist/components/Spinner.js.map +0 -1
- package/dist/components/SplitButton.d.ts +0 -20
- package/dist/components/SplitButton.d.ts.map +0 -1
- package/dist/components/SplitButton.js +0 -48
- package/dist/components/SplitButton.js.map +0 -1
- package/dist/components/SplitView.d.ts +0 -40
- package/dist/components/SplitView.d.ts.map +0 -1
- package/dist/components/SplitView.js +0 -14
- package/dist/components/SplitView.js.map +0 -1
- package/dist/components/StatisticDisplay.d.ts +0 -48
- package/dist/components/StatisticDisplay.d.ts.map +0 -1
- package/dist/components/StatisticDisplay.js +0 -141
- package/dist/components/StatisticDisplay.js.map +0 -1
- package/dist/components/Stepper.d.ts +0 -24
- package/dist/components/Stepper.d.ts.map +0 -1
- package/dist/components/Stepper.js +0 -99
- package/dist/components/Stepper.js.map +0 -1
- package/dist/components/StickyContainer.d.ts +0 -32
- package/dist/components/StickyContainer.d.ts.map +0 -1
- package/dist/components/StickyContainer.js +0 -17
- package/dist/components/StickyContainer.js.map +0 -1
- package/dist/components/Switch.d.ts +0 -12
- package/dist/components/Switch.d.ts.map +0 -1
- package/dist/components/Switch.js +0 -46
- package/dist/components/Switch.js.map +0 -1
- package/dist/components/Table.d.ts +0 -22
- package/dist/components/Table.d.ts.map +0 -1
- package/dist/components/Table.js +0 -72
- package/dist/components/Table.js.map +0 -1
- package/dist/components/Tabs.d.ts +0 -29
- package/dist/components/Tabs.d.ts.map +0 -1
- package/dist/components/Tabs.js +0 -63
- package/dist/components/Tabs.js.map +0 -1
- package/dist/components/Tag.d.ts +0 -14
- package/dist/components/Tag.d.ts.map +0 -1
- package/dist/components/Tag.js +0 -44
- package/dist/components/Tag.js.map +0 -1
- package/dist/components/TagsInput.d.ts +0 -15
- package/dist/components/TagsInput.d.ts.map +0 -1
- package/dist/components/TagsInput.js +0 -54
- package/dist/components/TagsInput.js.map +0 -1
- package/dist/components/Text.d.ts +0 -21
- package/dist/components/Text.d.ts.map +0 -1
- package/dist/components/Text.js +0 -47
- package/dist/components/Text.js.map +0 -1
- package/dist/components/Textarea.d.ts +0 -6
- package/dist/components/Textarea.d.ts.map +0 -1
- package/dist/components/Textarea.js +0 -10
- package/dist/components/Textarea.js.map +0 -1
- package/dist/components/ThemeToggle.d.ts +0 -22
- package/dist/components/ThemeToggle.d.ts.map +0 -1
- package/dist/components/ThemeToggle.js +0 -81
- package/dist/components/ThemeToggle.js.map +0 -1
- package/dist/components/TimePicker.d.ts +0 -15
- package/dist/components/TimePicker.d.ts.map +0 -1
- package/dist/components/TimePicker.js +0 -148
- package/dist/components/TimePicker.js.map +0 -1
- package/dist/components/Timeline.d.ts +0 -21
- package/dist/components/Timeline.d.ts.map +0 -1
- package/dist/components/Timeline.js +0 -63
- package/dist/components/Timeline.js.map +0 -1
- package/dist/components/Title.d.ts +0 -17
- package/dist/components/Title.d.ts.map +0 -1
- package/dist/components/Title.js +0 -46
- package/dist/components/Title.js.map +0 -1
- package/dist/components/Toast.d.ts +0 -25
- package/dist/components/Toast.d.ts.map +0 -1
- package/dist/components/Toast.js +0 -96
- package/dist/components/Toast.js.map +0 -1
- package/dist/components/Tooltip.d.ts +0 -13
- package/dist/components/Tooltip.d.ts.map +0 -1
- package/dist/components/Tooltip.js +0 -20
- package/dist/components/Tooltip.js.map +0 -1
- package/dist/components/TopActionBar.d.ts +0 -60
- package/dist/components/TopActionBar.d.ts.map +0 -1
- package/dist/components/TopActionBar.js +0 -69
- package/dist/components/TopActionBar.js.map +0 -1
- package/dist/components/TreeView.d.ts +0 -29
- package/dist/components/TreeView.d.ts.map +0 -1
- package/dist/components/TreeView.js +0 -97
- package/dist/components/TreeView.js.map +0 -1
- package/dist/components/TwoFactorAuth.d.ts +0 -12
- package/dist/components/TwoFactorAuth.d.ts.map +0 -1
- package/dist/components/TwoFactorAuth.js +0 -48
- package/dist/components/TwoFactorAuth.js.map +0 -1
- package/dist/components/VideoPlayer.d.ts +0 -11
- package/dist/components/VideoPlayer.d.ts.map +0 -1
- package/dist/components/VideoPlayer.js +0 -132
- package/dist/components/VideoPlayer.js.map +0 -1
- package/dist/components/VoiceRecorder.d.ts +0 -11
- package/dist/components/VoiceRecorder.d.ts.map +0 -1
- package/dist/components/VoiceRecorder.js +0 -145
- package/dist/components/VoiceRecorder.js.map +0 -1
- package/dist/components/WindowControls.d.ts +0 -10
- package/dist/components/WindowControls.d.ts.map +0 -1
- package/dist/components/WindowControls.js +0 -18
- package/dist/components/WindowControls.js.map +0 -1
- package/dist/components/WindowFrame.d.ts +0 -11
- package/dist/components/WindowFrame.d.ts.map +0 -1
- package/dist/components/WindowFrame.js +0 -26
- package/dist/components/WindowFrame.js.map +0 -1
|
@@ -1,248 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import { motion, AnimatePresence } from 'framer-motion';
|
|
4
|
-
/* ========================================
|
|
5
|
-
UTILITY FUNCTIONS
|
|
6
|
-
======================================== */
|
|
7
|
-
const formatDate = (date, format = 'medium') => {
|
|
8
|
-
const optionsMap = {
|
|
9
|
-
short: { month: 'numeric', day: 'numeric', year: 'numeric' },
|
|
10
|
-
medium: { month: 'short', day: 'numeric', year: 'numeric' },
|
|
11
|
-
long: { month: 'long', day: 'numeric', year: 'numeric' },
|
|
12
|
-
};
|
|
13
|
-
return new Intl.DateTimeFormat('en-US', optionsMap[format]).format(date);
|
|
14
|
-
};
|
|
15
|
-
const isSameDay = (date1, date2) => {
|
|
16
|
-
return (date1.getFullYear() === date2.getFullYear() &&
|
|
17
|
-
date1.getMonth() === date2.getMonth() &&
|
|
18
|
-
date1.getDate() === date2.getDate());
|
|
19
|
-
};
|
|
20
|
-
const getDaysInMonth = (year, month) => {
|
|
21
|
-
return new Date(year, month + 1, 0).getDate();
|
|
22
|
-
};
|
|
23
|
-
const getFirstDayOfMonth = (year, month) => {
|
|
24
|
-
return new Date(year, month, 1).getDay();
|
|
25
|
-
};
|
|
26
|
-
const isDateInRange = (date, minDate, maxDate) => {
|
|
27
|
-
if (minDate && date < minDate)
|
|
28
|
-
return false;
|
|
29
|
-
if (maxDate && date > maxDate)
|
|
30
|
-
return false;
|
|
31
|
-
return true;
|
|
32
|
-
};
|
|
33
|
-
/* ========================================
|
|
34
|
-
STYLES
|
|
35
|
-
======================================== */
|
|
36
|
-
const baseInputStyles = `
|
|
37
|
-
w-full
|
|
38
|
-
bg-surface-primary
|
|
39
|
-
border border-border-primary
|
|
40
|
-
text-text-primary
|
|
41
|
-
placeholder:text-text-tertiary
|
|
42
|
-
transition-apple
|
|
43
|
-
focus:outline-none
|
|
44
|
-
focus:border-accent-blue
|
|
45
|
-
focus:ring-2
|
|
46
|
-
focus:ring-accent-blue/20
|
|
47
|
-
disabled:opacity-40
|
|
48
|
-
disabled:cursor-not-allowed
|
|
49
|
-
cursor-pointer
|
|
50
|
-
`;
|
|
51
|
-
const sizeStyles = {
|
|
52
|
-
sm: 'h-8 px-3 text-sm rounded-lg',
|
|
53
|
-
md: 'h-10 px-4 text-base rounded-xl',
|
|
54
|
-
lg: 'h-12 px-5 text-lg rounded-xl',
|
|
55
|
-
};
|
|
56
|
-
const Calendar = ({ selectedDate, onSelectDate, minDate, maxDate, currentMonth, onMonthChange, }) => {
|
|
57
|
-
const year = currentMonth.getFullYear();
|
|
58
|
-
const month = currentMonth.getMonth();
|
|
59
|
-
const daysInMonth = getDaysInMonth(year, month);
|
|
60
|
-
const firstDay = getFirstDayOfMonth(year, month);
|
|
61
|
-
const today = new Date();
|
|
62
|
-
const days = Array.from({ length: daysInMonth }, (_, i) => i + 1);
|
|
63
|
-
const emptyDays = Array.from({ length: firstDay }, (_, i) => i);
|
|
64
|
-
const monthNames = [
|
|
65
|
-
'January', 'February', 'March', 'April', 'May', 'June',
|
|
66
|
-
'July', 'August', 'September', 'October', 'November', 'December'
|
|
67
|
-
];
|
|
68
|
-
const handlePrevMonth = () => {
|
|
69
|
-
const newDate = new Date(year, month - 1, 1);
|
|
70
|
-
onMonthChange(newDate);
|
|
71
|
-
};
|
|
72
|
-
const handleNextMonth = () => {
|
|
73
|
-
const newDate = new Date(year, month + 1, 1);
|
|
74
|
-
onMonthChange(newDate);
|
|
75
|
-
};
|
|
76
|
-
const handleDayClick = (day) => {
|
|
77
|
-
const date = new Date(year, month, day);
|
|
78
|
-
if (isDateInRange(date, minDate, maxDate)) {
|
|
79
|
-
onSelectDate(date);
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
return (_jsx(motion.div, { initial: { opacity: 0, y: -8, scale: 0.96 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: -8, scale: 0.96 }, transition: {
|
|
83
|
-
type: 'spring',
|
|
84
|
-
stiffness: 400,
|
|
85
|
-
damping: 30,
|
|
86
|
-
}, className: "absolute top-full left-0 mt-2 z-[1300] w-full min-w-[280px] max-w-[320px]", children: _jsxs("div", { className: "bg-surface-primary border border-border-primary rounded-2xl shadow-lg p-4 backdrop-blur-xl", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(motion.button, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, onClick: handlePrevMonth, className: "p-2 rounded-lg hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-5 h-5 text-text-primary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsxs("h3", { className: "text-base font-semibold text-text-primary", children: [monthNames[month], " ", year] }), _jsx(motion.button, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, onClick: handleNextMonth, className: "p-2 rounded-lg hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-5 h-5 text-text-primary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] }), _jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map((day) => (_jsx("div", { className: "text-center text-xs font-medium text-text-tertiary py-2", children: day }, day))) }), _jsxs("div", { className: "grid grid-cols-7 gap-1", children: [emptyDays.map((_, index) => (_jsx("div", { className: "aspect-square" }, `empty-${index}`))), days.map((day) => {
|
|
87
|
-
const date = new Date(year, month, day);
|
|
88
|
-
const isSelected = selectedDate && isSameDay(date, selectedDate);
|
|
89
|
-
const isToday = isSameDay(date, today);
|
|
90
|
-
const isDisabled = !isDateInRange(date, minDate, maxDate);
|
|
91
|
-
return (_jsx(motion.button, { whileHover: !isDisabled ? { scale: 1.05 } : {}, whileTap: !isDisabled ? { scale: 0.95 } : {}, onClick: () => handleDayClick(day), disabled: isDisabled, className: `
|
|
92
|
-
aspect-square rounded-lg text-sm font-medium
|
|
93
|
-
transition-apple
|
|
94
|
-
${isSelected
|
|
95
|
-
? 'bg-accent-blue text-white'
|
|
96
|
-
: isToday
|
|
97
|
-
? 'bg-accent-blue/10 text-accent-blue'
|
|
98
|
-
: 'text-text-primary hover:bg-surface-secondary'}
|
|
99
|
-
${isDisabled ? 'opacity-30 cursor-not-allowed' : 'cursor-pointer'}
|
|
100
|
-
`, type: "button", children: day }, day));
|
|
101
|
-
})] }), _jsx("div", { className: "mt-4 pt-4 border-t border-border-primary", children: _jsx(motion.button, { whileHover: { scale: 1.02 }, whileTap: { scale: 0.98 }, onClick: () => onSelectDate(new Date()), className: "w-full py-2 px-4 rounded-lg bg-surface-secondary hover:bg-surface-tertiary text-text-primary text-sm font-medium transition-apple", type: "button", children: "Today" }) })] }) }));
|
|
102
|
-
};
|
|
103
|
-
/* ========================================
|
|
104
|
-
DATE PICKER COMPONENT
|
|
105
|
-
======================================== */
|
|
106
|
-
export const DatePicker = ({ label, value, onChange, placeholder = 'Select date', error, helperText, disabled = false, minDate, maxDate, dateFormat = 'medium', size = 'md', className = '', }) => {
|
|
107
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
108
|
-
const [selectedDate, setSelectedDate] = useState(value || null);
|
|
109
|
-
const [currentMonth, setCurrentMonth] = useState(value || new Date());
|
|
110
|
-
const [inputValue, setInputValue] = useState('');
|
|
111
|
-
const [isFocused, setIsFocused] = useState(false);
|
|
112
|
-
const containerRef = useRef(null);
|
|
113
|
-
const hasError = !!error;
|
|
114
|
-
// Format date specifically for input (MM/DD/YYYY)
|
|
115
|
-
const formatDateForInput = (date) => {
|
|
116
|
-
const mm = String(date.getMonth() + 1).padStart(2, '0');
|
|
117
|
-
const dd = String(date.getDate()).padStart(2, '0');
|
|
118
|
-
const yyyy = date.getFullYear();
|
|
119
|
-
return `${mm}/${dd}/${yyyy}`;
|
|
120
|
-
};
|
|
121
|
-
// Sync state with props
|
|
122
|
-
useEffect(() => {
|
|
123
|
-
if (value) {
|
|
124
|
-
setSelectedDate(value);
|
|
125
|
-
setCurrentMonth(value);
|
|
126
|
-
// Only update input if not currently focused to avoid interrupting typing
|
|
127
|
-
if (!isFocused) {
|
|
128
|
-
setInputValue(formatDate(value, dateFormat));
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
else if (!isFocused) {
|
|
132
|
-
setInputValue('');
|
|
133
|
-
}
|
|
134
|
-
}, [value, dateFormat, isFocused]);
|
|
135
|
-
useEffect(() => {
|
|
136
|
-
const handleClickOutside = (event) => {
|
|
137
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
138
|
-
setIsOpen(false);
|
|
139
|
-
}
|
|
140
|
-
};
|
|
141
|
-
if (isOpen) {
|
|
142
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
143
|
-
}
|
|
144
|
-
return () => {
|
|
145
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
146
|
-
};
|
|
147
|
-
}, [isOpen]);
|
|
148
|
-
const handleSelectDate = (date) => {
|
|
149
|
-
setSelectedDate(date);
|
|
150
|
-
setCurrentMonth(date);
|
|
151
|
-
// When selecting from calendar, we want to show the formatted date (display mode)
|
|
152
|
-
// unless we are still focused on the input, but usually clicking calendar steals focus or we want to close it.
|
|
153
|
-
// Let's assume selection closes the calendar and resets focus state effectively for the user.
|
|
154
|
-
setInputValue(formatDate(date, dateFormat));
|
|
155
|
-
onChange?.(date);
|
|
156
|
-
setIsOpen(false);
|
|
157
|
-
setIsFocused(false); // Reset focus state to show pretty format
|
|
158
|
-
};
|
|
159
|
-
const handleFocus = () => {
|
|
160
|
-
if (!disabled) {
|
|
161
|
-
setIsFocused(true);
|
|
162
|
-
setIsOpen(true);
|
|
163
|
-
if (selectedDate) {
|
|
164
|
-
setInputValue(formatDateForInput(selectedDate));
|
|
165
|
-
}
|
|
166
|
-
else {
|
|
167
|
-
setInputValue('');
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
};
|
|
171
|
-
const handleBlur = () => {
|
|
172
|
-
setIsFocused(false);
|
|
173
|
-
// On blur, validate and format back to display format
|
|
174
|
-
if (selectedDate) {
|
|
175
|
-
setInputValue(formatDate(selectedDate, dateFormat));
|
|
176
|
-
}
|
|
177
|
-
else {
|
|
178
|
-
setInputValue('');
|
|
179
|
-
}
|
|
180
|
-
};
|
|
181
|
-
const handleInputChange = (e) => {
|
|
182
|
-
let val = e.target.value;
|
|
183
|
-
// Allow only numbers and slashes
|
|
184
|
-
val = val.replace(/[^\d/]/g, '');
|
|
185
|
-
// Auto-format: Add slashes automatically
|
|
186
|
-
const isDeleting = val.length < inputValue.length;
|
|
187
|
-
if (!isDeleting) {
|
|
188
|
-
if (val.length === 2 && inputValue.charAt(2) !== '/')
|
|
189
|
-
val += '/';
|
|
190
|
-
if (val.length === 5 && inputValue.charAt(5) !== '/')
|
|
191
|
-
val += '/';
|
|
192
|
-
}
|
|
193
|
-
// Limit length to 10 chars (MM/DD/YYYY)
|
|
194
|
-
if (val.length > 10)
|
|
195
|
-
val = val.slice(0, 10);
|
|
196
|
-
setInputValue(val);
|
|
197
|
-
// Parse date only if complete (MM/DD/YYYY is 10 chars)
|
|
198
|
-
if (val.length === 10) {
|
|
199
|
-
const date = new Date(val);
|
|
200
|
-
if (!isNaN(date.getTime())) {
|
|
201
|
-
const [mm, dd, yyyy] = val.split('/').map(Number);
|
|
202
|
-
if (date.getMonth() + 1 === mm &&
|
|
203
|
-
date.getDate() === dd &&
|
|
204
|
-
date.getFullYear() === yyyy) {
|
|
205
|
-
if (isDateInRange(date, minDate, maxDate)) {
|
|
206
|
-
setSelectedDate(date);
|
|
207
|
-
setCurrentMonth(date);
|
|
208
|
-
onChange?.(date);
|
|
209
|
-
}
|
|
210
|
-
}
|
|
211
|
-
}
|
|
212
|
-
}
|
|
213
|
-
else if (val === '') {
|
|
214
|
-
setSelectedDate(null);
|
|
215
|
-
onChange?.(null);
|
|
216
|
-
}
|
|
217
|
-
};
|
|
218
|
-
const handleInputClick = () => {
|
|
219
|
-
if (!disabled && !isOpen) {
|
|
220
|
-
setIsOpen(true);
|
|
221
|
-
}
|
|
222
|
-
};
|
|
223
|
-
const handleClear = (e) => {
|
|
224
|
-
e.stopPropagation();
|
|
225
|
-
setSelectedDate(null);
|
|
226
|
-
setInputValue('');
|
|
227
|
-
onChange?.(null);
|
|
228
|
-
if (isFocused) {
|
|
229
|
-
// Keep focus if we were focused
|
|
230
|
-
}
|
|
231
|
-
};
|
|
232
|
-
const inputClassName = `
|
|
233
|
-
${baseInputStyles}
|
|
234
|
-
${sizeStyles[size]}
|
|
235
|
-
${hasError ? 'border-status-error focus:border-status-error focus:ring-status-error/20' : ''}
|
|
236
|
-
${className}
|
|
237
|
-
`.trim().replace(/\s+/g, ' ');
|
|
238
|
-
return (_jsxs("div", { className: "w-full", ref: containerRef, children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: label })), _jsxs("div", { className: "relative", children: [_jsx(motion.div, { whileHover: !disabled ? { scale: 1.005 } : {}, transition: {
|
|
239
|
-
type: 'spring',
|
|
240
|
-
stiffness: 300,
|
|
241
|
-
damping: 30,
|
|
242
|
-
}, children: _jsx("input", { type: "text", value: inputValue, onChange: handleInputChange, onFocus: handleFocus, onBlur: handleBlur, onClick: handleInputClick, placeholder: isFocused ? 'MM/DD/YYYY' : placeholder, disabled: disabled, maxLength: 10, className: inputClassName }) }), _jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [inputValue && !disabled && (_jsx(motion.button, { whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, onClick: handleClear, className: "p-1 rounded-md hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-4 h-4 text-text-tertiary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("svg", { className: "w-5 h-5 text-text-tertiary pointer-events-none", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })] }), _jsx(AnimatePresence, { children: isOpen && (_jsx(Calendar, { selectedDate: selectedDate, onSelectDate: handleSelectDate, minDate: minDate, maxDate: maxDate, currentMonth: currentMonth, onMonthChange: setCurrentMonth })) })] }), (error || helperText) && (_jsx(motion.p, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.16 }, className: `
|
|
243
|
-
mt-2 text-sm
|
|
244
|
-
${hasError ? 'text-status-error' : 'text-text-secondary'}
|
|
245
|
-
`, children: error || helperText }))] }));
|
|
246
|
-
};
|
|
247
|
-
DatePicker.displayName = 'DatePicker';
|
|
248
|
-
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../components/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface DateRange {
|
|
3
|
-
from: Date | null;
|
|
4
|
-
to: Date | null;
|
|
5
|
-
}
|
|
6
|
-
export interface DateRangePickerProps {
|
|
7
|
-
label?: string;
|
|
8
|
-
value?: DateRange;
|
|
9
|
-
onChange?: (range: DateRange) => void;
|
|
10
|
-
placeholder?: string;
|
|
11
|
-
error?: string;
|
|
12
|
-
helperText?: string;
|
|
13
|
-
disabled?: boolean;
|
|
14
|
-
minDate?: Date;
|
|
15
|
-
maxDate?: Date;
|
|
16
|
-
dateFormat?: 'short' | 'medium' | 'long';
|
|
17
|
-
size?: 'sm' | 'md' | 'lg';
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const DateRangePicker: React.FC<DateRangePickerProps>;
|
|
21
|
-
//# sourceMappingURL=DateRangePicker.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../components/DateRangePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,WAAW,SAAS;IACtB,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACzC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAuQD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6L1D,CAAC"}
|
|
@@ -1,213 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import { motion, AnimatePresence } from 'framer-motion';
|
|
4
|
-
/* ========================================
|
|
5
|
-
UTILITY FUNCTIONS
|
|
6
|
-
======================================== */
|
|
7
|
-
const formatDate = (date, format = 'medium') => {
|
|
8
|
-
const optionsMap = {
|
|
9
|
-
short: { month: 'numeric', day: 'numeric', year: 'numeric' },
|
|
10
|
-
medium: { month: 'short', day: 'numeric', year: 'numeric' },
|
|
11
|
-
long: { month: 'long', day: 'numeric', year: 'numeric' },
|
|
12
|
-
};
|
|
13
|
-
return new Intl.DateTimeFormat('en-US', optionsMap[format]).format(date);
|
|
14
|
-
};
|
|
15
|
-
const isSameDay = (date1, date2) => {
|
|
16
|
-
return (date1.getFullYear() === date2.getFullYear() &&
|
|
17
|
-
date1.getMonth() === date2.getMonth() &&
|
|
18
|
-
date1.getDate() === date2.getDate());
|
|
19
|
-
};
|
|
20
|
-
const getDaysInMonth = (year, month) => {
|
|
21
|
-
return new Date(year, month + 1, 0).getDate();
|
|
22
|
-
};
|
|
23
|
-
const getFirstDayOfMonth = (year, month) => {
|
|
24
|
-
return new Date(year, month, 1).getDay();
|
|
25
|
-
};
|
|
26
|
-
const isDateDisabled = (date, minDate, maxDate) => {
|
|
27
|
-
if (minDate && date < minDate)
|
|
28
|
-
return true;
|
|
29
|
-
if (maxDate && date > maxDate)
|
|
30
|
-
return true;
|
|
31
|
-
return false;
|
|
32
|
-
};
|
|
33
|
-
/* ========================================
|
|
34
|
-
STYLES
|
|
35
|
-
======================================== */
|
|
36
|
-
const baseInputStyles = `
|
|
37
|
-
w-full
|
|
38
|
-
bg-surface-primary
|
|
39
|
-
border border-border-primary
|
|
40
|
-
text-text-primary
|
|
41
|
-
placeholder:text-text-tertiary
|
|
42
|
-
transition-apple
|
|
43
|
-
focus:outline-none
|
|
44
|
-
focus:border-accent-blue
|
|
45
|
-
focus:ring-2
|
|
46
|
-
focus:ring-accent-blue/20
|
|
47
|
-
disabled:opacity-40
|
|
48
|
-
disabled:cursor-not-allowed
|
|
49
|
-
cursor-pointer
|
|
50
|
-
`;
|
|
51
|
-
const sizeStyles = {
|
|
52
|
-
sm: 'h-8 px-3 text-sm rounded-lg',
|
|
53
|
-
md: 'h-10 px-4 text-base rounded-xl',
|
|
54
|
-
lg: 'h-12 px-5 text-lg rounded-xl',
|
|
55
|
-
};
|
|
56
|
-
const Calendar = ({ range, onSelectDate, minDate, maxDate, currentMonth, onMonthChange, }) => {
|
|
57
|
-
const [hoveredDate, setHoveredDate] = useState(null);
|
|
58
|
-
const year = currentMonth.getFullYear();
|
|
59
|
-
const month = currentMonth.getMonth();
|
|
60
|
-
const daysInMonth = getDaysInMonth(year, month);
|
|
61
|
-
const firstDay = getFirstDayOfMonth(year, month);
|
|
62
|
-
const today = new Date();
|
|
63
|
-
const days = Array.from({ length: daysInMonth }, (_, i) => i + 1);
|
|
64
|
-
const emptyDays = Array.from({ length: firstDay }, (_, i) => i);
|
|
65
|
-
const monthNames = [
|
|
66
|
-
'January', 'February', 'March', 'April', 'May', 'June',
|
|
67
|
-
'July', 'August', 'September', 'October', 'November', 'December'
|
|
68
|
-
];
|
|
69
|
-
const handlePrevMonth = () => {
|
|
70
|
-
const newDate = new Date(year, month - 1, 1);
|
|
71
|
-
onMonthChange(newDate);
|
|
72
|
-
};
|
|
73
|
-
const handleNextMonth = () => {
|
|
74
|
-
const newDate = new Date(year, month + 1, 1);
|
|
75
|
-
onMonthChange(newDate);
|
|
76
|
-
};
|
|
77
|
-
const handleDayClick = (day) => {
|
|
78
|
-
const date = new Date(year, month, day);
|
|
79
|
-
if (!isDateDisabled(date, minDate, maxDate)) {
|
|
80
|
-
onSelectDate(date);
|
|
81
|
-
}
|
|
82
|
-
};
|
|
83
|
-
const isDateInRange = (date) => {
|
|
84
|
-
if (range.from && range.to) {
|
|
85
|
-
return date >= range.from && date <= range.to;
|
|
86
|
-
}
|
|
87
|
-
if (range.from && hoveredDate) {
|
|
88
|
-
return (date >= range.from && date <= hoveredDate) || (date <= range.from && date >= hoveredDate);
|
|
89
|
-
}
|
|
90
|
-
return false;
|
|
91
|
-
};
|
|
92
|
-
return (_jsx(motion.div, { initial: { opacity: 0, y: -8, scale: 0.96 }, animate: { opacity: 1, y: 0, scale: 1 }, exit: { opacity: 0, y: -8, scale: 0.96 }, transition: {
|
|
93
|
-
type: 'spring',
|
|
94
|
-
stiffness: 400,
|
|
95
|
-
damping: 30,
|
|
96
|
-
}, className: "absolute top-full left-0 mt-2 z-[1300] w-full min-w-[300px] max-w-[340px]", children: _jsxs("div", { className: "bg-surface-primary border border-border-primary rounded-2xl shadow-lg p-4 backdrop-blur-xl", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx(motion.button, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, onClick: handlePrevMonth, className: "p-2 rounded-lg hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-5 h-5 text-text-primary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15 19l-7-7 7-7" }) }) }), _jsxs("h3", { className: "text-base font-semibold text-text-primary", children: [monthNames[month], " ", year] }), _jsx(motion.button, { whileHover: { scale: 1.05 }, whileTap: { scale: 0.95 }, onClick: handleNextMonth, className: "p-2 rounded-lg hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-5 h-5 text-text-primary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" }) }) })] }), _jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'].map((day) => (_jsx("div", { className: "text-center text-xs font-medium text-text-tertiary py-2", children: day }, day))) }), _jsxs("div", { className: "grid grid-cols-7 gap-1", onMouseLeave: () => setHoveredDate(null), children: [emptyDays.map((_, index) => (_jsx("div", { className: "aspect-square" }, `empty-${index}`))), days.map((day) => {
|
|
97
|
-
const date = new Date(year, month, day);
|
|
98
|
-
const isSelectedStart = range.from && isSameDay(date, range.from);
|
|
99
|
-
const isSelectedEnd = range.to && isSameDay(date, range.to);
|
|
100
|
-
const isSelected = isSelectedStart || isSelectedEnd;
|
|
101
|
-
const isInRange = isDateInRange(date);
|
|
102
|
-
const isToday = isSameDay(date, today);
|
|
103
|
-
const isDisabled = isDateDisabled(date, minDate, maxDate);
|
|
104
|
-
let roundedClass = 'rounded-lg';
|
|
105
|
-
if (isInRange) {
|
|
106
|
-
if (isSelectedStart && isSelectedEnd)
|
|
107
|
-
roundedClass = 'rounded-lg';
|
|
108
|
-
else if (isSelectedStart)
|
|
109
|
-
roundedClass = 'rounded-l-lg rounded-r-none';
|
|
110
|
-
else if (isSelectedEnd)
|
|
111
|
-
roundedClass = 'rounded-r-lg rounded-l-none';
|
|
112
|
-
else
|
|
113
|
-
roundedClass = 'rounded-none';
|
|
114
|
-
}
|
|
115
|
-
return (_jsx(motion.button, { whileHover: !isDisabled ? { scale: 1.05, zIndex: 10 } : {}, whileTap: !isDisabled ? { scale: 0.95 } : {}, onClick: () => handleDayClick(day), onMouseEnter: () => setHoveredDate(date), disabled: isDisabled, className: `
|
|
116
|
-
aspect-square text-sm font-medium relative
|
|
117
|
-
transition-colors duration-200
|
|
118
|
-
${roundedClass}
|
|
119
|
-
${isSelected
|
|
120
|
-
? 'bg-accent-blue text-white z-10'
|
|
121
|
-
: isInRange
|
|
122
|
-
? 'bg-accent-blue/10 text-text-primary'
|
|
123
|
-
: isToday
|
|
124
|
-
? 'bg-accent-blue/5 text-accent-blue border border-accent-blue/20'
|
|
125
|
-
: 'text-text-primary hover:bg-surface-secondary'}
|
|
126
|
-
${isDisabled ? 'opacity-30 cursor-not-allowed' : 'cursor-pointer'}
|
|
127
|
-
`, type: "button", children: day }, day));
|
|
128
|
-
})] })] }) }));
|
|
129
|
-
};
|
|
130
|
-
/* ========================================
|
|
131
|
-
DATE RANGE PICKER COMPONENT
|
|
132
|
-
======================================== */
|
|
133
|
-
export const DateRangePicker = ({ label, value, onChange, placeholder = 'Select date range', error, helperText, disabled = false, minDate, maxDate, dateFormat = 'medium', size = 'md', className = '', }) => {
|
|
134
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
135
|
-
const [range, setRange] = useState(value || { from: null, to: null });
|
|
136
|
-
const [currentMonth, setCurrentMonth] = useState(value?.from || new Date());
|
|
137
|
-
const containerRef = useRef(null);
|
|
138
|
-
const hasError = !!error;
|
|
139
|
-
// Sync state with props
|
|
140
|
-
useEffect(() => {
|
|
141
|
-
if (value) {
|
|
142
|
-
setRange(value);
|
|
143
|
-
if (value.from)
|
|
144
|
-
setCurrentMonth(value.from);
|
|
145
|
-
}
|
|
146
|
-
}, [value]);
|
|
147
|
-
useEffect(() => {
|
|
148
|
-
const handleClickOutside = (event) => {
|
|
149
|
-
if (containerRef.current && !containerRef.current.contains(event.target)) {
|
|
150
|
-
setIsOpen(false);
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
if (isOpen) {
|
|
154
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
155
|
-
}
|
|
156
|
-
return () => {
|
|
157
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
158
|
-
};
|
|
159
|
-
}, [isOpen]);
|
|
160
|
-
const handleSelectDate = (date) => {
|
|
161
|
-
let newRange = { ...range };
|
|
162
|
-
if (!range.from || (range.from && range.to)) {
|
|
163
|
-
// Start new range
|
|
164
|
-
newRange = { from: date, to: null };
|
|
165
|
-
}
|
|
166
|
-
else {
|
|
167
|
-
// Complete range
|
|
168
|
-
if (date < range.from) {
|
|
169
|
-
newRange = { from: date, to: range.from };
|
|
170
|
-
}
|
|
171
|
-
else {
|
|
172
|
-
newRange = { from: range.from, to: date };
|
|
173
|
-
}
|
|
174
|
-
setIsOpen(false); // Close on second selection
|
|
175
|
-
}
|
|
176
|
-
setRange(newRange);
|
|
177
|
-
onChange?.(newRange);
|
|
178
|
-
};
|
|
179
|
-
const handleInputClick = () => {
|
|
180
|
-
if (!disabled && !isOpen) {
|
|
181
|
-
setIsOpen(true);
|
|
182
|
-
}
|
|
183
|
-
};
|
|
184
|
-
const handleClear = (e) => {
|
|
185
|
-
e.stopPropagation();
|
|
186
|
-
const newRange = { from: null, to: null };
|
|
187
|
-
setRange(newRange);
|
|
188
|
-
onChange?.(newRange);
|
|
189
|
-
};
|
|
190
|
-
const getDisplayText = () => {
|
|
191
|
-
if (!range.from)
|
|
192
|
-
return '';
|
|
193
|
-
if (!range.to)
|
|
194
|
-
return formatDate(range.from, dateFormat);
|
|
195
|
-
return `${formatDate(range.from, dateFormat)} - ${formatDate(range.to, dateFormat)}`;
|
|
196
|
-
};
|
|
197
|
-
const inputClassName = `
|
|
198
|
-
${baseInputStyles}
|
|
199
|
-
${sizeStyles[size]}
|
|
200
|
-
${hasError ? 'border-status-error focus:border-status-error focus:ring-status-error/20' : ''}
|
|
201
|
-
${className}
|
|
202
|
-
`.trim().replace(/\s+/g, ' ');
|
|
203
|
-
return (_jsxs("div", { className: "w-full", ref: containerRef, children: [label && (_jsx("label", { className: "block text-sm font-medium text-text-primary mb-2", children: label })), _jsxs("div", { className: "relative", children: [_jsx(motion.div, { whileHover: !disabled ? { scale: 1.005 } : {}, transition: {
|
|
204
|
-
type: 'spring',
|
|
205
|
-
stiffness: 300,
|
|
206
|
-
damping: 30,
|
|
207
|
-
}, children: _jsx("input", { type: "text", readOnly: true, value: getDisplayText(), onClick: handleInputClick, placeholder: placeholder, disabled: disabled, className: inputClassName }) }), _jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1", children: [range.from && !disabled && (_jsx(motion.button, { whileHover: { scale: 1.1 }, whileTap: { scale: 0.9 }, onClick: handleClear, className: "p-1 rounded-md hover:bg-surface-secondary transition-apple", type: "button", children: _jsx("svg", { className: "w-4 h-4 text-text-tertiary", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) }) })), _jsx("svg", { className: "w-5 h-5 text-text-tertiary pointer-events-none", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" }) })] }), _jsx(AnimatePresence, { children: isOpen && (_jsx(Calendar, { range: range, onSelectDate: handleSelectDate, minDate: minDate, maxDate: maxDate, currentMonth: currentMonth, onMonthChange: setCurrentMonth })) })] }), (error || helperText) && (_jsx(motion.p, { initial: { opacity: 0, y: -4 }, animate: { opacity: 1, y: 0 }, transition: { duration: 0.16 }, className: `
|
|
208
|
-
mt-2 text-sm
|
|
209
|
-
${hasError ? 'text-status-error' : 'text-text-secondary'}
|
|
210
|
-
`, children: error || helperText }))] }));
|
|
211
|
-
};
|
|
212
|
-
DateRangePicker.displayName = 'DateRangePicker';
|
|
213
|
-
//# sourceMappingURL=DateRangePicker.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../components/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export type DefinitionItem = {
|
|
3
|
-
term: React.ReactNode;
|
|
4
|
-
description: React.ReactNode;
|
|
5
|
-
};
|
|
6
|
-
export type DefinitionListVariant = 'default' | 'bordered' | 'striped' | 'compact';
|
|
7
|
-
export type DefinitionListOrientation = 'horizontal' | 'vertical';
|
|
8
|
-
export interface DefinitionListProps extends React.HTMLAttributes<HTMLDListElement> {
|
|
9
|
-
items: DefinitionItem[];
|
|
10
|
-
variant?: DefinitionListVariant;
|
|
11
|
-
orientation?: DefinitionListOrientation;
|
|
12
|
-
divider?: boolean;
|
|
13
|
-
hoverable?: boolean;
|
|
14
|
-
density?: 'comfortable' | 'compact';
|
|
15
|
-
}
|
|
16
|
-
export declare const DefinitionList: React.ForwardRefExoticComponent<DefinitionListProps & React.RefAttributes<HTMLDListElement>>;
|
|
17
|
-
export interface CompactDefinitionListProps extends Omit<DefinitionListProps, 'density' | 'variant'> {
|
|
18
|
-
variant?: Exclude<DefinitionListVariant, 'compact'>;
|
|
19
|
-
}
|
|
20
|
-
export declare const CompactDefinitionList: React.ForwardRefExoticComponent<CompactDefinitionListProps & React.RefAttributes<HTMLDListElement>>;
|
|
21
|
-
//# sourceMappingURL=DefinitionList.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionList.d.ts","sourceRoot":"","sources":["../../components/DefinitionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AACnF,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG,UAAU,CAAC;AAElE,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,qBAAqB,CAAC;IAChC,WAAW,CAAC,EAAE,yBAAyB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACvC;AAMD,eAAO,MAAM,cAAc,8FAsG1B,CAAC;AAQF,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,SAAS,CAAC;IAChG,OAAO,CAAC,EAAE,OAAO,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;CACvD;AAED,eAAO,MAAM,qBAAqB,qGAIjC,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef } from 'react';
|
|
3
|
-
import { motion } from 'framer-motion';
|
|
4
|
-
import { cn } from '../lib/utils';
|
|
5
|
-
/* ========================================
|
|
6
|
-
DEFINITION LIST COMPONENT
|
|
7
|
-
======================================== */
|
|
8
|
-
export const DefinitionList = forwardRef(({ items, variant = 'default', orientation = 'horizontal', divider = false, hoverable = false, density = 'comfortable', className, ...props }, ref) => {
|
|
9
|
-
const isHorizontal = orientation === 'horizontal';
|
|
10
|
-
const isCompact = density === 'compact';
|
|
11
|
-
const containerVariants = {
|
|
12
|
-
default: "bg-surface-primary",
|
|
13
|
-
bordered: "bg-surface-primary border border-border-primary rounded-xl",
|
|
14
|
-
striped: "bg-surface-primary",
|
|
15
|
-
compact: "bg-transparent",
|
|
16
|
-
};
|
|
17
|
-
const itemVariants = {
|
|
18
|
-
default: "",
|
|
19
|
-
bordered: "border-b border-border-primary last:border-b-0",
|
|
20
|
-
striped: "even:bg-surface-secondary/50",
|
|
21
|
-
compact: "",
|
|
22
|
-
};
|
|
23
|
-
const paddingClass = isCompact ? "py-2" : "py-3";
|
|
24
|
-
const gapClass = isCompact ? "gap-2" : "gap-4";
|
|
25
|
-
const MotionDL = motion.dl;
|
|
26
|
-
return (_jsx(MotionDL, { ref: ref, className: cn("overflow-hidden", containerVariants[variant], variant === 'bordered' && "shadow-sm", className), initial: { opacity: 0, y: 8 }, animate: { opacity: 1, y: 0 }, transition: {
|
|
27
|
-
duration: 0.22,
|
|
28
|
-
ease: [0.16, 1, 0.3, 1],
|
|
29
|
-
}, ...props, children: items.map((item, index) => (_jsxs(motion.div, { className: cn("group", itemVariants[variant], isHorizontal
|
|
30
|
-
? `flex ${gapClass} ${paddingClass} px-4 sm:px-6`
|
|
31
|
-
: `flex flex-col ${gapClass} ${paddingClass} px-4 sm:px-6`, divider && index !== items.length - 1 && "border-b border-border-primary", hoverable && "transition-colors hover:bg-surface-secondary/30 cursor-default"), initial: { opacity: 0, x: -10 }, animate: { opacity: 1, x: 0 }, transition: {
|
|
32
|
-
duration: 0.2,
|
|
33
|
-
delay: index * 0.03,
|
|
34
|
-
ease: [0.16, 1, 0.3, 1],
|
|
35
|
-
}, children: [_jsx("dt", { className: cn("font-semibold text-text-primary", isHorizontal
|
|
36
|
-
? "min-w-[140px] sm:min-w-[180px] flex-shrink-0"
|
|
37
|
-
: "mb-1", isCompact ? "text-sm" : "text-base"), children: item.term }), _jsx("dd", { className: cn("text-text-secondary", isHorizontal ? "flex-1" : "", isCompact ? "text-sm" : "text-base"), children: item.description })] }, index))) }));
|
|
38
|
-
});
|
|
39
|
-
DefinitionList.displayName = 'DefinitionList';
|
|
40
|
-
export const CompactDefinitionList = forwardRef((props, ref) => {
|
|
41
|
-
return _jsx(DefinitionList, { ref: ref, ...props, density: "compact" });
|
|
42
|
-
});
|
|
43
|
-
CompactDefinitionList.displayName = 'CompactDefinitionList';
|
|
44
|
-
//# sourceMappingURL=DefinitionList.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DefinitionList.js","sourceRoot":"","sources":["../../components/DefinitionList.tsx"],"names":[],"mappings":"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"}
|