@k3-universe/react-kit 0.0.21 → 0.0.23
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/dist/index.js +10823 -8449
- package/dist/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/AutocompleteField.d.ts.map +1 -1
- package/dist/kit/builder/form/types.d.ts +1 -2
- package/dist/kit/builder/form/types.d.ts.map +1 -1
- package/dist/kit/components/autocomplete/Autocomplete.d.ts +6 -33
- package/dist/kit/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/kit/themes/clean-slate.css +41 -47
- package/dist/kit/themes/default.css +42 -48
- package/dist/kit/themes/minimal-modern.css +41 -47
- package/dist/kit/themes/spotify.css +41 -47
- package/package.json +9 -7
- package/src/kit/builder/data-table/components/DataTable.tsx +4 -4
- package/src/kit/builder/form/components/FormBuilder.tsx +7 -1
- package/src/kit/builder/form/components/fields/AutocompleteField.tsx +1 -2
- package/src/kit/builder/form/types.ts +1 -2
- package/src/kit/components/autocomplete/Autocomplete.tsx +433 -686
- package/src/kit/themes/default.css +1 -1
- package/src/shadcn/ui/card.tsx +1 -1
- package/src/shadcn/ui/table.tsx +4 -4
- package/src/stories/kit/builder/Form.Autocomplete.stories.tsx +2 -4
- package/src/stories/kit/components/Autocomplete.stories.tsx +159 -4
- package/storybook-static/assets/Accordion.stories-KU4JBR8U.js +52 -0
- package/storybook-static/assets/AdminLayout-CPvVCwfY.js +53 -0
- package/storybook-static/assets/AdminLayout.Basic.stories-DkP2UVXe.js +4 -0
- package/storybook-static/assets/AdminLayout.Collapsible.stories-BuuVjtpW.js +4 -0
- package/storybook-static/assets/AdminLayout.Complex.stories-D-k4H0hJ.js +29 -0
- package/storybook-static/assets/AdminLayout.CustomSidebarHeaderComponent.stories-B_0IEDd4.js +9 -0
- package/storybook-static/assets/AdminLayout.CustomSidebarTitleAndIcon.stories-CvAeXUyA.js +4 -0
- package/storybook-static/assets/AdminLayout.HeaderSlots.stories-RBFHoSZK.js +7 -0
- package/storybook-static/assets/Alert.stories-DKxKtIc0.js +27 -0
- package/storybook-static/assets/AlertDialog.stories-BqTpZ_nG.js +43 -0
- package/storybook-static/assets/AspectRatio.stories-DPO9QQ5F.js +22 -0
- package/storybook-static/assets/Autocomplete-Cpg4CaJe.js +56 -0
- package/storybook-static/assets/Autocomplete.stories-CWj4G5fh.js +56 -0
- package/storybook-static/assets/Avatar.stories-DPhov_2g.js +12 -0
- package/storybook-static/assets/Badge.stories-DFKrRdXq.js +12 -0
- package/storybook-static/assets/Breadcrumb.stories-CTE6CZUC.js +25 -0
- package/storybook-static/assets/Button.stories-cbt2InL-.js +26 -0
- package/storybook-static/assets/Calendar.stories-DRhTw_43.js +3 -0
- package/storybook-static/assets/Card.stories-Isf6n_K3.js +15 -0
- package/storybook-static/assets/Carousel.stories-Cmg0I3fR.js +15 -0
- package/storybook-static/assets/Chart.stories-aQ-fNijT.js +126 -0
- package/storybook-static/assets/Checkbox.stories-B7YMXPDc.js +12 -0
- package/storybook-static/assets/Collapsible.stories-BUzl17ZZ.js +18 -0
- package/storybook-static/assets/Combination-BdQWAuko.js +41 -0
- package/storybook-static/assets/Command.stories-DzBlWQs0.js +30 -0
- package/storybook-static/assets/ContextMenu.stories-CJlBQyXc.js +31 -0
- package/storybook-static/assets/DataTable.Basic.stories-BWYKFDmK.js +6 -0
- package/storybook-static/assets/DataTable.Filters.stories-uZdtJk8t.js +21 -0
- package/storybook-static/assets/DataTable.Pagination.stories-C5N1khkp.js +24 -0
- package/storybook-static/assets/DataTable.SelectionAndActions.stories-FhCqZKvO.js +26 -0
- package/storybook-static/assets/DataTable.Sorting.stories-D-k7EtRj.js +6 -0
- package/storybook-static/assets/Dialog.stories-C62AF-Gx.js +54 -0
- package/storybook-static/assets/Dialog.stories-lrjRwOus.js +18 -0
- package/storybook-static/assets/Drawer.stories-CGjkdJeV.js +24 -0
- package/storybook-static/assets/DropdownMenu.stories-DkGClRAA.js +35 -0
- package/storybook-static/assets/Form.ArrayLayouts.stories-C5d_062d.js +130 -0
- package/storybook-static/assets/Form.Autocomplete.stories-CPZPkk4o.js +142 -0
- package/storybook-static/assets/Form.Basic.stories-Bhcu3-3n.js +58 -0
- package/storybook-static/assets/Form.Complex.stories-QnXh5a7Q.js +361 -0
- package/storybook-static/assets/Form.Dynamic.stories-DFW6wIuT.js +502 -0
- package/storybook-static/assets/Form.Simple.stories-BhJcyhbE.js +53 -0
- package/storybook-static/assets/Form.stories-PFNsMYxO.js +3 -0
- package/storybook-static/assets/FormBuilder-BQBBxo_k.js +5 -0
- package/storybook-static/assets/HoverCard.stories-CAlQEVn8.js +21 -0
- package/storybook-static/assets/Input.stories-CEhODt0V.js +16 -0
- package/storybook-static/assets/InputOtp.stories-DSvNP4dS.js +42 -0
- package/storybook-static/assets/Label.stories-B3pa8ZLY.js +14 -0
- package/storybook-static/assets/Login.stories-C7KQkmR_.js +37 -0
- package/storybook-static/assets/Menubar.stories-CHXhSHxc.js +44 -0
- package/storybook-static/assets/MonthPicker.stories-BnrOc4fm.js +99 -0
- package/storybook-static/assets/MonthRangePicker.stories-55Gk1t-7.js +134 -0
- package/storybook-static/assets/NavigationMenu.stories-CXoS080P.js +30 -0
- package/storybook-static/assets/Page.stories-GdSJgZ6-.js +91 -0
- package/storybook-static/assets/Pagination.stories-BEBwqH4N.js +29 -0
- package/storybook-static/assets/Popover.stories-BICy98Cw.js +15 -0
- package/storybook-static/assets/Progress.stories-DECHNOME.js +8 -0
- package/storybook-static/assets/RadioGroup.stories-DA7-uKfV.js +16 -0
- package/storybook-static/assets/Resizable.stories-B99kWkH7.js +25 -0
- package/storybook-static/assets/ScrollArea.stories-BqvUAXqU.js +12 -0
- package/storybook-static/assets/Section.stories-lFMlFBQn.js +277 -0
- package/storybook-static/assets/SectionBuilder-BQW705x0.js +1 -0
- package/storybook-static/assets/Select.stories-BsKyZ6Io.js +17 -0
- package/storybook-static/assets/Separator.stories-BTDOaOM2.js +17 -0
- package/storybook-static/assets/Sheet.stories-Cam1gR6G.js +24 -0
- package/storybook-static/assets/Sidebar.stories-DnOa6G7y.js +106 -0
- package/storybook-static/assets/Skeleton.stories-BQNIuIe5.js +9 -0
- package/storybook-static/assets/Slider.stories-Bslq7hjq.js +6 -0
- package/storybook-static/assets/Sonner.stories-D34pBBtI.js +18 -0
- package/storybook-static/assets/Switch.stories-Puyb1-Bx.js +3 -0
- package/storybook-static/assets/Table.stories-ClZxAhut.js +35 -0
- package/storybook-static/assets/Tabs.stories-CURNTETB.js +10 -0
- package/storybook-static/assets/Textarea.stories-Cf1ZBrWw.js +17 -0
- package/storybook-static/assets/Toggle.stories-CdMHY_bi.js +3 -0
- package/storybook-static/assets/ToggleGroup.stories-BM68m1dX.js +13 -0
- package/storybook-static/assets/Tooltip.stories-DiQv64dM.js +10 -0
- package/storybook-static/assets/accordion-DVgwQcnw.js +1 -0
- package/storybook-static/assets/alert-dialog-DCUEwpqm.js +7 -0
- package/storybook-static/assets/avatar-BzwOE-mi.js +1 -0
- package/storybook-static/assets/axe-HmUsR1st.js +30 -0
- package/storybook-static/assets/badge-BnQWua6u.js +1 -0
- package/storybook-static/assets/button-0oMkiryo.js +1 -0
- package/storybook-static/assets/card-BJpPOzP8.js +1 -0
- package/storybook-static/assets/chart-column-DZGb4ZZS.js +6 -0
- package/storybook-static/assets/check-B9hBGj6o.js +6 -0
- package/storybook-static/assets/checkbox-CyIeaWHX.js +1 -0
- package/storybook-static/assets/chevron-down-D_37S6il.js +6 -0
- package/storybook-static/assets/chevron-left-BBoN0vbI.js +6 -0
- package/storybook-static/assets/chevron-right-B5vIMLxK.js +6 -0
- package/storybook-static/assets/circle-C5Lzx6Nx.js +6 -0
- package/storybook-static/assets/clean-slate-D1HmMFJM.css +1 -0
- package/storybook-static/assets/command-Csa9p8_a.js +6 -0
- package/storybook-static/assets/createLucideIcon-BrHXro7t.js +21 -0
- package/storybook-static/assets/default-CN_Fo1GY.css +1 -0
- package/storybook-static/assets/dependencies-ctrV69dx.js +1 -0
- package/storybook-static/assets/dialog-CsnqITTn.js +1 -0
- package/storybook-static/assets/dropdown-menu-BWxxwPHL.js +1 -0
- package/storybook-static/assets/ellipsis-BRS038RR.js +6 -0
- package/storybook-static/assets/grip-vertical-BxXG8KNA.js +6 -0
- package/storybook-static/assets/iframe-C9bogcIc.css +1 -0
- package/storybook-static/assets/iframe-v7iAhKit.js +1555 -0
- package/storybook-static/assets/index-0-qMRXou.js +1 -0
- package/storybook-static/assets/index-AvwFFKJc.js +1 -0
- package/storybook-static/assets/index-BVDb4dFc.js +1 -0
- package/storybook-static/assets/index-B_qx7A5T.js +1 -0
- package/storybook-static/assets/index-BdQq_4o_.js +1 -0
- package/storybook-static/assets/index-BfiCOk42.js +1 -0
- package/storybook-static/assets/index-Bv9yk470.js +1 -0
- package/storybook-static/assets/index-Bw1A27Kp.js +1 -0
- package/storybook-static/assets/index-ByqivBWx.js +1 -0
- package/storybook-static/assets/index-C9Ta0ZTH.js +1 -0
- package/storybook-static/assets/index-CDY5kTx5.js +1 -0
- package/storybook-static/assets/index-CGnyVRgB.js +1 -0
- package/storybook-static/assets/index-CGrAONsN.js +1 -0
- package/storybook-static/assets/index-CWjrGFAQ.js +1 -0
- package/storybook-static/assets/index-CwBdPBFz.js +9 -0
- package/storybook-static/assets/index-D8RXF03I.js +1 -0
- package/storybook-static/assets/index-DLIxT4Z7.js +1 -0
- package/storybook-static/assets/index-DW48STyt.js +1 -0
- package/storybook-static/assets/index-DbaA6-o1.js +1 -0
- package/storybook-static/assets/index-Dph_5COR.js +1 -0
- package/storybook-static/assets/index-DrN5n71E.js +1 -0
- package/storybook-static/assets/index-Tp9IdbR8.js +1 -0
- package/storybook-static/assets/index-WyF3-wTE.js +9 -0
- package/storybook-static/assets/index-XSmPROEP.js +1 -0
- package/storybook-static/assets/index-Z6wF44KX.js +5 -0
- package/storybook-static/assets/index-_RPqOjlQ.js +1 -0
- package/storybook-static/assets/index-jrimW4QO.js +1 -0
- package/storybook-static/assets/index-nqc17SX4.js +1 -0
- package/storybook-static/assets/input-11YRd9gD.js +1 -0
- package/storybook-static/assets/jsx-runtime-D_zvdyIk.js +9 -0
- package/storybook-static/assets/label-Do8ODIVk.js +1 -0
- package/storybook-static/assets/lodash-DDwpuhPG.js +73 -0
- package/storybook-static/assets/matchers-7Z3WT2CE-T3xScrR7.js +14 -0
- package/storybook-static/assets/minimal-modern-BlYVzfQU.css +1 -0
- package/storybook-static/assets/popover-CcciSWAw.js +1 -0
- package/storybook-static/assets/preload-helper-Dp1pzeXC.js +1 -0
- package/storybook-static/assets/radio-group-DiJ0Y_KQ.js +1 -0
- package/storybook-static/assets/react-18-Cr9fq_Ip.js +25 -0
- package/storybook-static/assets/react-icons.esm-B_ULMmNU.js +1 -0
- package/storybook-static/assets/refresh-cw-BmRDhIV_.js +6 -0
- package/storybook-static/assets/schemas-CGNYCiJ6.js +18 -0
- package/storybook-static/assets/section-factories-DCCY9R35.js +1 -0
- package/storybook-static/assets/select-DDrkxaOg.js +6 -0
- package/storybook-static/assets/separator-o5SAUnaJ.js +1 -0
- package/storybook-static/assets/settings-2-xWGvvbG6.js +6 -0
- package/storybook-static/assets/sheet-C7jhU3XE.js +1 -0
- package/storybook-static/assets/shopping-cart-BFlrufvo.js +11 -0
- package/storybook-static/assets/sidebar-C8hU1Mxy.js +6 -0
- package/storybook-static/assets/skeleton-CjDnQs43.js +1 -0
- package/storybook-static/assets/spotify-CUDj7g8m.css +1 -0
- package/storybook-static/assets/switch-CKGRuk3u.js +1 -0
- package/storybook-static/assets/table-CP3vMqFn.js +1 -0
- package/storybook-static/assets/tabs-CopK2m3j.js +1 -0
- package/storybook-static/assets/textarea-Dw2vruMl.js +1 -0
- package/storybook-static/assets/toggle-DmHbWetf.js +16 -0
- package/storybook-static/assets/tooltip-_LqYEYFw.js +1 -0
- package/storybook-static/assets/trash-2-xdbApPby.js +11 -0
- package/storybook-static/assets/utils-D-KgF5mV.js +1 -0
- package/storybook-static/assets/x-B1a4fyWM.js +6 -0
- package/storybook-static/favicon-wrapper.svg +46 -0
- package/storybook-static/favicon.svg +1 -0
- package/storybook-static/iframe.html +687 -0
- package/storybook-static/index.d.ts +64 -0
- package/storybook-static/index.d.ts.map +1 -0
- package/storybook-static/index.html +166 -0
- package/storybook-static/index.json +1 -0
- package/storybook-static/kit/builder/data-table/components/DataTable.d.ts +37 -0
- package/storybook-static/kit/builder/data-table/components/DataTable.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/components/DataTableColumnHeader.d.ts +8 -0
- package/storybook-static/kit/builder/data-table/components/DataTableColumnHeader.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/components/DataTablePagination.d.ts +6 -0
- package/storybook-static/kit/builder/data-table/components/DataTablePagination.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/components/DataTableViewOptions.d.ts +5 -0
- package/storybook-static/kit/builder/data-table/components/DataTableViewOptions.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/index.d.ts +7 -0
- package/storybook-static/kit/builder/data-table/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/types.d.ts +27 -0
- package/storybook-static/kit/builder/data-table/types.d.ts.map +1 -0
- package/storybook-static/kit/builder/data-table/utils/dotAccessor.d.ts +2 -0
- package/storybook-static/kit/builder/data-table/utils/dotAccessor.d.ts.map +1 -0
- package/storybook-static/kit/builder/dialog/index.d.ts +3 -0
- package/storybook-static/kit/builder/dialog/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/dialog/provider.d.ts +26 -0
- package/storybook-static/kit/builder/dialog/provider.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/FormBuilder.d.ts +137 -0
- package/storybook-static/kit/builder/form/components/FormBuilder.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/FormBuilderActions.d.ts +20 -0
- package/storybook-static/kit/builder/form/components/FormBuilderActions.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/FormBuilderField.d.ts +12 -0
- package/storybook-static/kit/builder/form/components/FormBuilderField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/ArrayField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/ArrayField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/AutocompleteField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/AutocompleteField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/CheckboxField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/CheckboxField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/DateField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/DateField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/FileField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/FileField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/NumberField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/NumberField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/ObjectField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/ObjectField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/RadioField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/RadioField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/SelectField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/SelectField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/SwitchField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/SwitchField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/TextField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/TextField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/TextareaField.d.ts +3 -0
- package/storybook-static/kit/builder/form/components/fields/TextareaField.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/index.d.ts +14 -0
- package/storybook-static/kit/builder/form/components/fields/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/fields/types.d.ts +14 -0
- package/storybook-static/kit/builder/form/components/fields/types.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/components/index.d.ts +4 -0
- package/storybook-static/kit/builder/form/components/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/index.d.ts +3 -0
- package/storybook-static/kit/builder/form/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/common-forms.d.ts +7 -0
- package/storybook-static/kit/builder/form/utils/common-forms.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/dependencies.d.ts +41 -0
- package/storybook-static/kit/builder/form/utils/dependencies.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/field-factories.d.ts +23 -0
- package/storybook-static/kit/builder/form/utils/field-factories.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/index.d.ts +15 -0
- package/storybook-static/kit/builder/form/utils/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/section-factories.d.ts +7 -0
- package/storybook-static/kit/builder/form/utils/section-factories.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/transformers.d.ts +6 -0
- package/storybook-static/kit/builder/form/utils/transformers.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/validations.d.ts +13 -0
- package/storybook-static/kit/builder/form/utils/validations.d.ts.map +1 -0
- package/storybook-static/kit/builder/form/utils/validators.d.ts +8 -0
- package/storybook-static/kit/builder/form/utils/validators.d.ts.map +1 -0
- package/storybook-static/kit/builder/page/Page.d.ts +48 -0
- package/storybook-static/kit/builder/page/Page.d.ts.map +1 -0
- package/storybook-static/kit/builder/page/index.d.ts +2 -0
- package/storybook-static/kit/builder/page/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/section/SectionBuilder.d.ts +3 -0
- package/storybook-static/kit/builder/section/SectionBuilder.d.ts.map +1 -0
- package/storybook-static/kit/builder/section/index.d.ts +3 -0
- package/storybook-static/kit/builder/section/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/section/types.d.ts +70 -0
- package/storybook-static/kit/builder/section/types.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/context.d.ts +3 -0
- package/storybook-static/kit/builder/stack-dialog/context.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/hooks.d.ts +6 -0
- package/storybook-static/kit/builder/stack-dialog/hooks.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/index.d.ts +5 -0
- package/storybook-static/kit/builder/stack-dialog/index.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/provider.d.ts +3 -0
- package/storybook-static/kit/builder/stack-dialog/provider.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/renderer.d.ts +6 -0
- package/storybook-static/kit/builder/stack-dialog/renderer.d.ts.map +1 -0
- package/storybook-static/kit/builder/stack-dialog/types.d.ts +20 -0
- package/storybook-static/kit/builder/stack-dialog/types.d.ts.map +1 -0
- package/storybook-static/kit/components/autocomplete/Autocomplete.d.ts +53 -0
- package/storybook-static/kit/components/autocomplete/Autocomplete.d.ts.map +1 -0
- package/storybook-static/kit/components/autocomplete/index.d.ts +4 -0
- package/storybook-static/kit/components/autocomplete/index.d.ts.map +1 -0
- package/storybook-static/kit/components/autocomplete/types.d.ts +19 -0
- package/storybook-static/kit/components/autocomplete/types.d.ts.map +1 -0
- package/storybook-static/kit/components/login/Login.d.ts +29 -0
- package/storybook-static/kit/components/login/Login.d.ts.map +1 -0
- package/storybook-static/kit/components/login/index.d.ts +2 -0
- package/storybook-static/kit/components/login/index.d.ts.map +1 -0
- package/storybook-static/kit/components/monthpicker/MonthPicker.d.ts +32 -0
- package/storybook-static/kit/components/monthpicker/MonthPicker.d.ts.map +1 -0
- package/storybook-static/kit/components/monthpicker/MonthRangePicker.d.ts +48 -0
- package/storybook-static/kit/components/monthpicker/MonthRangePicker.d.ts.map +1 -0
- package/storybook-static/kit/layouts/admin/components/AdminLayout.d.ts +17 -0
- package/storybook-static/kit/layouts/admin/components/AdminLayout.d.ts.map +1 -0
- package/storybook-static/kit/layouts/admin/components/ThemeToggle.d.ts +5 -0
- package/storybook-static/kit/layouts/admin/components/ThemeToggle.d.ts.map +1 -0
- package/storybook-static/kit/layouts/admin/hooks/menu.d.ts +13 -0
- package/storybook-static/kit/layouts/admin/hooks/menu.d.ts.map +1 -0
- package/storybook-static/kit/layouts/admin/providers/AdminMenuProvider.d.ts +7 -0
- package/storybook-static/kit/layouts/admin/providers/AdminMenuProvider.d.ts.map +1 -0
- package/storybook-static/kit/layouts/admin/types/index.d.ts +27 -0
- package/storybook-static/kit/layouts/admin/types/index.d.ts.map +1 -0
- package/storybook-static/kit/providers/ThemeProvider.d.ts +14 -0
- package/storybook-static/kit/providers/ThemeProvider.d.ts.map +1 -0
- package/storybook-static/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/project.json +1 -0
- package/storybook-static/sb-addons/a11y-5/manager-bundle.js +5 -0
- package/storybook-static/sb-addons/essentials-backgrounds-1/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-measure-2/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/essentials-outline-3/manager-bundle.js +3 -0
- package/storybook-static/sb-addons/interactions-4/manager-bundle.js +57 -0
- package/storybook-static/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +971 -0
- package/storybook-static/sb-addons/storysource-6/manager-bundle.js +3 -0
- package/storybook-static/sb-common-assets/favicon-wrapper.svg +46 -0
- package/storybook-static/sb-common-assets/favicon.svg +1 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-bold.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-italic.woff2 +0 -0
- package/storybook-static/sb-common-assets/nunito-sans-regular.woff2 +0 -0
- package/storybook-static/sb-manager/globals-module-info.js +797 -0
- package/storybook-static/sb-manager/globals-runtime.js +69653 -0
- package/storybook-static/sb-manager/globals.js +34 -0
- package/storybook-static/sb-manager/runtime.js +13181 -0
- package/storybook-static/shadcn/hooks/use-mobile.d.ts +2 -0
- package/storybook-static/shadcn/hooks/use-mobile.d.ts.map +1 -0
- package/storybook-static/shadcn/lib/utils.d.ts +3 -0
- package/storybook-static/shadcn/lib/utils.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/accordion.d.ts +8 -0
- package/storybook-static/shadcn/ui/accordion.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/alert-dialog.d.ts +15 -0
- package/storybook-static/shadcn/ui/alert-dialog.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/alert.d.ts +10 -0
- package/storybook-static/shadcn/ui/alert.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/aspect-ratio.d.ts +4 -0
- package/storybook-static/shadcn/ui/aspect-ratio.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/avatar.d.ts +7 -0
- package/storybook-static/shadcn/ui/avatar.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/badge.d.ts +10 -0
- package/storybook-static/shadcn/ui/badge.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/breadcrumb.d.ts +12 -0
- package/storybook-static/shadcn/ui/breadcrumb.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/button.d.ts +11 -0
- package/storybook-static/shadcn/ui/button.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/calendar.d.ts +9 -0
- package/storybook-static/shadcn/ui/calendar.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/card.d.ts +10 -0
- package/storybook-static/shadcn/ui/card.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/carousel.d.ts +20 -0
- package/storybook-static/shadcn/ui/carousel.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/chart.d.ts +41 -0
- package/storybook-static/shadcn/ui/chart.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/checkbox.d.ts +5 -0
- package/storybook-static/shadcn/ui/checkbox.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/collapsible.d.ts +6 -0
- package/storybook-static/shadcn/ui/collapsible.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/command.d.ts +19 -0
- package/storybook-static/shadcn/ui/command.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/context-menu.d.ts +26 -0
- package/storybook-static/shadcn/ui/context-menu.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/dialog.d.ts +16 -0
- package/storybook-static/shadcn/ui/dialog.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/drawer.d.ts +14 -0
- package/storybook-static/shadcn/ui/drawer.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/dropdown-menu.d.ts +26 -0
- package/storybook-static/shadcn/ui/dropdown-menu.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/form.d.ts +25 -0
- package/storybook-static/shadcn/ui/form.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/hover-card.d.ts +7 -0
- package/storybook-static/shadcn/ui/hover-card.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/input-otp.d.ts +12 -0
- package/storybook-static/shadcn/ui/input-otp.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/input.d.ts +4 -0
- package/storybook-static/shadcn/ui/input.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/label.d.ts +5 -0
- package/storybook-static/shadcn/ui/label.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/menubar.d.ts +27 -0
- package/storybook-static/shadcn/ui/menubar.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/navigation-menu.d.ts +15 -0
- package/storybook-static/shadcn/ui/navigation-menu.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/pagination.d.ts +14 -0
- package/storybook-static/shadcn/ui/pagination.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/popover.d.ts +8 -0
- package/storybook-static/shadcn/ui/popover.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/progress.d.ts +5 -0
- package/storybook-static/shadcn/ui/progress.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/radio-group.d.ts +6 -0
- package/storybook-static/shadcn/ui/radio-group.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/resizable.d.ts +9 -0
- package/storybook-static/shadcn/ui/resizable.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/scroll-area.d.ts +6 -0
- package/storybook-static/shadcn/ui/scroll-area.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/select.d.ts +16 -0
- package/storybook-static/shadcn/ui/select.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/separator.d.ts +5 -0
- package/storybook-static/shadcn/ui/separator.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/sheet.d.ts +14 -0
- package/storybook-static/shadcn/ui/sheet.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/sidebar.d.ts +70 -0
- package/storybook-static/shadcn/ui/sidebar.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/skeleton.d.ts +3 -0
- package/storybook-static/shadcn/ui/skeleton.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/slider.d.ts +5 -0
- package/storybook-static/shadcn/ui/slider.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/sonner.d.ts +4 -0
- package/storybook-static/shadcn/ui/sonner.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/switch.d.ts +5 -0
- package/storybook-static/shadcn/ui/switch.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/table.d.ts +11 -0
- package/storybook-static/shadcn/ui/table.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/tabs.d.ts +8 -0
- package/storybook-static/shadcn/ui/tabs.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/textarea.d.ts +4 -0
- package/storybook-static/shadcn/ui/textarea.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/toggle-group.d.ts +8 -0
- package/storybook-static/shadcn/ui/toggle-group.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/toggle.d.ts +10 -0
- package/storybook-static/shadcn/ui/toggle.d.ts.map +1 -0
- package/storybook-static/shadcn/ui/tooltip.d.ts +8 -0
- package/storybook-static/shadcn/ui/tooltip.d.ts.map +1 -0
- package/storybook-static/vite-inject-mocker-entry.js +18 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as f}from"./iframe-v7iAhKit.js";import{C as n}from"./checkbox-CyIeaWHX.js";import{L as m}from"./label-Do8ODIVk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./index-AvwFFKJc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./utils-D-KgF5mV.js";import"./check-B9hBGj6o.js";import"./createLucideIcon-BrHXro7t.js";const G={title:"Shadcn/UI/Checkbox",component:n},t={render:()=>e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(n,{id:"terms"}),e.jsx(m,{htmlFor:"terms",className:"cursor-pointer",children:"Accept terms and conditions"})]})};function k(){const[r,a]=f.useState(!1);return e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(n,{id:"controlled",checked:r,onCheckedChange:c=>a(!!c)}),e.jsxs(m,{htmlFor:"controlled",children:["Controlled: ",r?"checked":"unchecked"]})]})}const o={render:()=>e.jsx(k,{})};function S(){const[r,a]=f.useState("indeterminate");return e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(n,{id:"indeterminate",checked:r,onCheckedChange:c=>a(c)}),e.jsx(m,{htmlFor:"indeterminate",children:"Indeterminate"})]})}const s={render:()=>e.jsx(S,{})};var i,d,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="flex items-center space-x-2">
|
|
3
|
+
<Checkbox id="terms" />
|
|
4
|
+
<Label htmlFor="terms" className="cursor-pointer">
|
|
5
|
+
Accept terms and conditions
|
|
6
|
+
</Label>
|
|
7
|
+
</div>
|
|
8
|
+
}`,...(l=(d=t.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var p,x,h;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
9
|
+
render: () => <ControlledDemo />
|
|
10
|
+
}`,...(h=(x=o.parameters)==null?void 0:x.docs)==null?void 0:h.source}}};var u,C,j;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
11
|
+
render: () => <IndeterminateDemo />
|
|
12
|
+
}`,...(j=(C=s.parameters)==null?void 0:C.docs)==null?void 0:j.source}}};const H=["Basic","Controlled","Indeterminate"];export{t as Basic,o as Controlled,s as Indeterminate,H as __namedExportsOrder,G as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as p,a as d,b as m}from"./index-CGnyVRgB.js";import{B as c}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-DbaA6-o1.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";function a({...t}){return e.jsx(p,{"data-slot":"collapsible",...t})}function i({...t}){return e.jsx(d,{"data-slot":"collapsible-trigger",...t})}function r({...t}){return e.jsx(m,{"data-slot":"collapsible-content",...t})}a.__docgenInfo={description:"",methods:[],displayName:"Collapsible"};i.__docgenInfo={description:"",methods:[],displayName:"CollapsibleTrigger"};r.__docgenInfo={description:"",methods:[],displayName:"CollapsibleContent"};const k={title:"Shadcn/UI/Collapsible",component:a},s={render:()=>e.jsxs(a,{className:"w-[320px]",children:[e.jsx(i,{asChild:!0,children:e.jsx(c,{variant:"outline",className:"w-full",children:"Toggle Details"})}),e.jsx(r,{children:e.jsxs("div",{className:"text-sm text-muted-foreground mt-2 space-y-2",children:[e.jsx("p",{children:"Collapsible content can contain any elements. This example shows a simple paragraph that expands and collapses."}),e.jsx("p",{children:"It uses uncontrolled state managed by Radix. No React hooks are needed in the story."})]})})]})};var o,l,n;s.parameters={...s.parameters,docs:{...(o=s.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Collapsible className="w-[320px]">
|
|
3
|
+
<CollapsibleTrigger asChild>
|
|
4
|
+
<Button variant="outline" className="w-full">Toggle Details</Button>
|
|
5
|
+
</CollapsibleTrigger>
|
|
6
|
+
<CollapsibleContent>
|
|
7
|
+
<div className="text-sm text-muted-foreground mt-2 space-y-2">
|
|
8
|
+
<p>
|
|
9
|
+
Collapsible content can contain any elements. This example shows a simple
|
|
10
|
+
paragraph that expands and collapses.
|
|
11
|
+
</p>
|
|
12
|
+
<p>
|
|
13
|
+
It uses uncontrolled state managed by Radix. No React hooks are needed in the story.
|
|
14
|
+
</p>
|
|
15
|
+
</div>
|
|
16
|
+
</CollapsibleContent>
|
|
17
|
+
</Collapsible>
|
|
18
|
+
}`,...(n=(l=s.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const D=["Basic"];export{s as Basic,D as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import{r as u}from"./iframe-v7iAhKit.js";import{u as he}from"./index-DbaA6-o1.js";import{P as me}from"./index-Tp9IdbR8.js";import{u as z}from"./index-0-qMRXou.js";import{j as pe}from"./jsx-runtime-D_zvdyIk.js";var U=0;function pt(){u.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??Z()),document.body.insertAdjacentElement("beforeend",e[1]??Z()),U++,()=>{U===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(t=>t.remove()),U--}},[])}function Z(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var j="focusScope.autoFocusOnMount",_="focusScope.autoFocusOnUnmount",q={bubbles:!1,cancelable:!0},ge="FocusScope",ye=u.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:c,onUnmountAutoFocus:i,...s}=e,[a,S]=u.useState(null),b=z(c),g=z(i),f=u.useRef(null),v=he(t,o=>S(o)),h=u.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;u.useEffect(()=>{if(r){let o=function(p){if(h.paused||!a)return;const y=p.target;a.contains(y)?f.current=y:k(f.current,{select:!0})},l=function(p){if(h.paused||!a)return;const y=p.relatedTarget;y!==null&&(a.contains(y)||k(f.current,{select:!0}))},d=function(p){if(document.activeElement===document.body)for(const E of p)E.removedNodes.length>0&&k(a)};document.addEventListener("focusin",o),document.addEventListener("focusout",l);const m=new MutationObserver(d);return a&&m.observe(a,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",o),document.removeEventListener("focusout",l),m.disconnect()}}},[r,a,h.paused]),u.useEffect(()=>{if(a){$.add(h);const o=document.activeElement;if(!a.contains(o)){const d=new CustomEvent(j,q);a.addEventListener(j,b),a.dispatchEvent(d),d.defaultPrevented||(be(Re(oe(a)),{select:!0}),document.activeElement===o&&k(a))}return()=>{a.removeEventListener(j,b),setTimeout(()=>{const d=new CustomEvent(_,q);a.addEventListener(_,g),a.dispatchEvent(d),d.defaultPrevented||k(o??document.body,{select:!0}),a.removeEventListener(_,g),$.remove(h)},0)}}},[a,b,g,h]);const w=u.useCallback(o=>{if(!n&&!r||h.paused)return;const l=o.key==="Tab"&&!o.altKey&&!o.ctrlKey&&!o.metaKey,d=document.activeElement;if(l&&d){const m=o.currentTarget,[p,y]=Ee(m);p&&y?!o.shiftKey&&d===y?(o.preventDefault(),n&&k(p,{select:!0})):o.shiftKey&&d===p&&(o.preventDefault(),n&&k(y,{select:!0})):d===m&&o.preventDefault()}},[n,r,h.paused]);return pe.jsx(me.div,{tabIndex:-1,...s,ref:v,onKeyDown:w})});ye.displayName=ge;function be(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(k(r,{select:t}),document.activeElement!==n)return}function Ee(e){const t=oe(e),n=Q(t,e),r=Q(t.reverse(),e);return[n,r]}function oe(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:r=>{const c=r.tagName==="INPUT"&&r.type==="hidden";return r.disabled||r.hidden||c?NodeFilter.FILTER_SKIP:r.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function Q(e,t){for(const n of e)if(!Se(n,{upTo:t}))return n}function Se(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(t!==void 0&&e===t)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1}function we(e){return e instanceof HTMLInputElement&&"select"in e}function k(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&we(e)&&t&&e.select()}}var $=Ce();function Ce(){let e=[];return{add(t){const n=e[0];t!==n&&(n==null||n.pause()),e=J(e,t),e.unshift(t)},remove(t){var n;e=J(e,t),(n=e[0])==null||n.resume()}}}function J(e,t){const n=[...e],r=n.indexOf(t);return r!==-1&&n.splice(r,1),n}function Re(e){return e.filter(t=>t.tagName!=="A")}var ke=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},T=new WeakMap,F=new WeakMap,L={},K=0,ce=function(e){return e&&(e.host||ce(e.parentNode))},Ae=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=ce(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},Te=function(e,t,n,r){var c=Ae(t,Array.isArray(e)?e:[e]);L[n]||(L[n]=new WeakMap);var i=L[n],s=[],a=new Set,S=new Set(c),b=function(f){!f||a.has(f)||(a.add(f),b(f.parentNode))};c.forEach(b);var g=function(f){!f||S.has(f)||Array.prototype.forEach.call(f.children,function(v){if(a.has(v))g(v);else try{var h=v.getAttribute(r),w=h!==null&&h!=="false",o=(T.get(v)||0)+1,l=(i.get(v)||0)+1;T.set(v,o),i.set(v,l),s.push(v),o===1&&w&&F.set(v,!0),l===1&&v.setAttribute(n,"true"),w||v.setAttribute(r,"true")}catch(d){console.error("aria-hidden: cannot operate on ",v,d)}})};return g(t),a.clear(),K++,function(){s.forEach(function(f){var v=T.get(f)-1,h=i.get(f)-1;T.set(f,v),i.set(f,h),v||(F.has(f)||f.removeAttribute(r),F.delete(f)),h||f.removeAttribute(n)}),K--,K||(T=new WeakMap,T=new WeakMap,F=new WeakMap,L={})}},gt=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),c=ke(e);return c?(r.push.apply(r,Array.from(c.querySelectorAll("[aria-live], script"))),Te(r,c,n,"aria-hidden")):function(){return null}},C=function(){return C=Object.assign||function(t){for(var n,r=1,c=arguments.length;r<c;r++){n=arguments[r];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},C.apply(this,arguments)};function ue(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var c=0,r=Object.getOwnPropertySymbols(e);c<r.length;c++)t.indexOf(r[c])<0&&Object.prototype.propertyIsEnumerable.call(e,r[c])&&(n[r[c]]=e[r[c]]);return n}function Ne(e,t,n){if(n||arguments.length===2)for(var r=0,c=t.length,i;r<c;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}var W="right-scroll-bar-position",B="width-before-scroll-bar",Me="with-scroll-bars-hidden",Pe="--removed-body-scroll-bar-size";function H(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}function Oe(e,t){var n=u.useState(function(){return{value:e,callback:t,facade:{get current(){return n.value},set current(r){var c=n.value;c!==r&&(n.value=r,n.callback(r,c))}}}})[0];return n.callback=t,n.facade}var Fe=typeof window<"u"?u.useLayoutEffect:u.useEffect,ee=new WeakMap;function Le(e,t){var n=Oe(null,function(r){return e.forEach(function(c){return H(c,r)})});return Fe(function(){var r=ee.get(n);if(r){var c=new Set(r),i=new Set(e),s=n.current;c.forEach(function(a){i.has(a)||H(a,null)}),i.forEach(function(a){c.has(a)||H(a,s)})}ee.set(n,e)},[e]),n}function xe(e){return e}function Ie(e,t){t===void 0&&(t=xe);var n=[],r=!1,c={read:function(){if(r)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:e},useMedium:function(i){var s=t(i,r);return n.push(s),function(){n=n.filter(function(a){return a!==s})}},assignSyncMedium:function(i){for(r=!0;n.length;){var s=n;n=[],s.forEach(i)}n={push:function(a){return i(a)},filter:function(){return n}}},assignMedium:function(i){r=!0;var s=[];if(n.length){var a=n;n=[],a.forEach(i),s=n}var S=function(){var g=s;s=[],g.forEach(i)},b=function(){return Promise.resolve().then(S)};b(),n={push:function(g){s.push(g),b()},filter:function(g){return s=s.filter(g),n}}}};return c}function We(e){e===void 0&&(e={});var t=Ie(null);return t.options=C({async:!0,ssr:!1},e),t}var ie=function(e){var t=e.sideCar,n=ue(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var r=t.read();if(!r)throw new Error("Sidecar medium not found");return u.createElement(r,C({},n))};ie.isSideCarExport=!0;function Be(e,t){return e.useMedium(t),ie}var le=We(),V=function(){},D=u.forwardRef(function(e,t){var n=u.useRef(null),r=u.useState({onScrollCapture:V,onWheelCapture:V,onTouchMoveCapture:V}),c=r[0],i=r[1],s=e.forwardProps,a=e.children,S=e.className,b=e.removeScrollBar,g=e.enabled,f=e.shards,v=e.sideCar,h=e.noRelative,w=e.noIsolation,o=e.inert,l=e.allowPinchZoom,d=e.as,m=d===void 0?"div":d,p=e.gapMode,y=ue(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),E=v,A=Le([n,t]),R=C(C({},y),c);return u.createElement(u.Fragment,null,g&&u.createElement(E,{sideCar:le,removeScrollBar:b,shards:f,noRelative:h,noIsolation:w,inert:o,setCallbacks:i,allowPinchZoom:!!l,lockRef:n,gapMode:p}),s?u.cloneElement(u.Children.only(a),C(C({},R),{ref:A})):u.createElement(m,C({},R,{className:S,ref:A}),a))});D.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};D.classNames={fullWidth:B,zeroRight:W};var De=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function Ue(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=De();return t&&e.setAttribute("nonce",t),e}function je(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}function _e(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e)}var Ke=function(){var e=0,t=null;return{add:function(n){e==0&&(t=Ue())&&(je(t,n),_e(t)),e++},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null)}}},He=function(){var e=Ke();return function(t,n){u.useEffect(function(){return e.add(t),function(){e.remove()}},[t&&n])}},se=function(){var e=He(),t=function(n){var r=n.styles,c=n.dynamic;return e(r,c),null};return t},Ve={left:0,top:0,right:0,gap:0},X=function(e){return parseInt(e||"",10)||0},Xe=function(e){var t=window.getComputedStyle(document.body),n=t[e==="padding"?"paddingLeft":"marginLeft"],r=t[e==="padding"?"paddingTop":"marginTop"],c=t[e==="padding"?"paddingRight":"marginRight"];return[X(n),X(r),X(c)]},Ye=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return Ve;var t=Xe(e),n=document.documentElement.clientWidth,r=window.innerWidth;return{left:t[0],top:t[1],right:t[2],gap:Math.max(0,r-n+t[2]-t[0])}},Ge=se(),P="data-scroll-locked",ze=function(e,t,n,r){var c=e.left,i=e.top,s=e.right,a=e.gap;return n===void 0&&(n="margin"),`
|
|
2
|
+
.`.concat(Me,` {
|
|
3
|
+
overflow: hidden `).concat(r,`;
|
|
4
|
+
padding-right: `).concat(a,"px ").concat(r,`;
|
|
5
|
+
}
|
|
6
|
+
body[`).concat(P,`] {
|
|
7
|
+
overflow: hidden `).concat(r,`;
|
|
8
|
+
overscroll-behavior: contain;
|
|
9
|
+
`).concat([t&&"position: relative ".concat(r,";"),n==="margin"&&`
|
|
10
|
+
padding-left: `.concat(c,`px;
|
|
11
|
+
padding-top: `).concat(i,`px;
|
|
12
|
+
padding-right: `).concat(s,`px;
|
|
13
|
+
margin-left:0;
|
|
14
|
+
margin-top:0;
|
|
15
|
+
margin-right: `).concat(a,"px ").concat(r,`;
|
|
16
|
+
`),n==="padding"&&"padding-right: ".concat(a,"px ").concat(r,";")].filter(Boolean).join(""),`
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.`).concat(W,` {
|
|
20
|
+
right: `).concat(a,"px ").concat(r,`;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.`).concat(B,` {
|
|
24
|
+
margin-right: `).concat(a,"px ").concat(r,`;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.`).concat(W," .").concat(W,` {
|
|
28
|
+
right: 0 `).concat(r,`;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.`).concat(B," .").concat(B,` {
|
|
32
|
+
margin-right: 0 `).concat(r,`;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
body[`).concat(P,`] {
|
|
36
|
+
`).concat(Pe,": ").concat(a,`px;
|
|
37
|
+
}
|
|
38
|
+
`)},te=function(){var e=parseInt(document.body.getAttribute(P)||"0",10);return isFinite(e)?e:0},Ze=function(){u.useEffect(function(){return document.body.setAttribute(P,(te()+1).toString()),function(){var e=te()-1;e<=0?document.body.removeAttribute(P):document.body.setAttribute(P,e.toString())}},[])},qe=function(e){var t=e.noRelative,n=e.noImportant,r=e.gapMode,c=r===void 0?"margin":r;Ze();var i=u.useMemo(function(){return Ye(c)},[c]);return u.createElement(Ge,{styles:ze(i,!t,c,n?"":"!important")})},Y=!1;if(typeof window<"u")try{var x=Object.defineProperty({},"passive",{get:function(){return Y=!0,!0}});window.addEventListener("test",x,x),window.removeEventListener("test",x,x)}catch{Y=!1}var N=Y?{passive:!1}:!1,Qe=function(e){return e.tagName==="TEXTAREA"},fe=function(e,t){if(!(e instanceof Element))return!1;var n=window.getComputedStyle(e);return n[t]!=="hidden"&&!(n.overflowY===n.overflowX&&!Qe(e)&&n[t]==="visible")},$e=function(e){return fe(e,"overflowY")},Je=function(e){return fe(e,"overflowX")},ne=function(e,t){var n=t.ownerDocument,r=t;do{typeof ShadowRoot<"u"&&r instanceof ShadowRoot&&(r=r.host);var c=de(e,r);if(c){var i=ve(e,r),s=i[1],a=i[2];if(s>a)return!0}r=r.parentNode}while(r&&r!==n.body);return!1},et=function(e){var t=e.scrollTop,n=e.scrollHeight,r=e.clientHeight;return[t,n,r]},tt=function(e){var t=e.scrollLeft,n=e.scrollWidth,r=e.clientWidth;return[t,n,r]},de=function(e,t){return e==="v"?$e(t):Je(t)},ve=function(e,t){return e==="v"?et(t):tt(t)},nt=function(e,t){return e==="h"&&t==="rtl"?-1:1},rt=function(e,t,n,r,c){var i=nt(e,window.getComputedStyle(t).direction),s=i*r,a=n.target,S=t.contains(a),b=!1,g=s>0,f=0,v=0;do{if(!a)break;var h=ve(e,a),w=h[0],o=h[1],l=h[2],d=o-l-i*w;(w||d)&&de(e,a)&&(f+=d,v+=w);var m=a.parentNode;a=m&&m.nodeType===Node.DOCUMENT_FRAGMENT_NODE?m.host:m}while(!S&&a!==document.body||S&&(t.contains(a)||t===a));return(g&&Math.abs(f)<1||!g&&Math.abs(v)<1)&&(b=!0),b},I=function(e){return"changedTouches"in e?[e.changedTouches[0].clientX,e.changedTouches[0].clientY]:[0,0]},re=function(e){return[e.deltaX,e.deltaY]},ae=function(e){return e&&"current"in e?e.current:e},at=function(e,t){return e[0]===t[0]&&e[1]===t[1]},ot=function(e){return`
|
|
39
|
+
.block-interactivity-`.concat(e,` {pointer-events: none;}
|
|
40
|
+
.allow-interactivity-`).concat(e,` {pointer-events: all;}
|
|
41
|
+
`)},ct=0,M=[];function ut(e){var t=u.useRef([]),n=u.useRef([0,0]),r=u.useRef(),c=u.useState(ct++)[0],i=u.useState(se)[0],s=u.useRef(e);u.useEffect(function(){s.current=e},[e]),u.useEffect(function(){if(e.inert){document.body.classList.add("block-interactivity-".concat(c));var o=Ne([e.lockRef.current],(e.shards||[]).map(ae),!0).filter(Boolean);return o.forEach(function(l){return l.classList.add("allow-interactivity-".concat(c))}),function(){document.body.classList.remove("block-interactivity-".concat(c)),o.forEach(function(l){return l.classList.remove("allow-interactivity-".concat(c))})}}},[e.inert,e.lockRef.current,e.shards]);var a=u.useCallback(function(o,l){if("touches"in o&&o.touches.length===2||o.type==="wheel"&&o.ctrlKey)return!s.current.allowPinchZoom;var d=I(o),m=n.current,p="deltaX"in o?o.deltaX:m[0]-d[0],y="deltaY"in o?o.deltaY:m[1]-d[1],E,A=o.target,R=Math.abs(p)>Math.abs(y)?"h":"v";if("touches"in o&&R==="h"&&A.type==="range")return!1;var O=ne(R,A);if(!O)return!0;if(O?E=R:(E=R==="v"?"h":"v",O=ne(R,A)),!O)return!1;if(!r.current&&"changedTouches"in o&&(p||y)&&(r.current=E),!E)return!0;var G=r.current||E;return rt(G,l,o,G==="h"?p:y)},[]),S=u.useCallback(function(o){var l=o;if(!(!M.length||M[M.length-1]!==i)){var d="deltaY"in l?re(l):I(l),m=t.current.filter(function(E){return E.name===l.type&&(E.target===l.target||l.target===E.shadowParent)&&at(E.delta,d)})[0];if(m&&m.should){l.cancelable&&l.preventDefault();return}if(!m){var p=(s.current.shards||[]).map(ae).filter(Boolean).filter(function(E){return E.contains(l.target)}),y=p.length>0?a(l,p[0]):!s.current.noIsolation;y&&l.cancelable&&l.preventDefault()}}},[]),b=u.useCallback(function(o,l,d,m){var p={name:o,delta:l,target:d,should:m,shadowParent:it(d)};t.current.push(p),setTimeout(function(){t.current=t.current.filter(function(y){return y!==p})},1)},[]),g=u.useCallback(function(o){n.current=I(o),r.current=void 0},[]),f=u.useCallback(function(o){b(o.type,re(o),o.target,a(o,e.lockRef.current))},[]),v=u.useCallback(function(o){b(o.type,I(o),o.target,a(o,e.lockRef.current))},[]);u.useEffect(function(){return M.push(i),e.setCallbacks({onScrollCapture:f,onWheelCapture:f,onTouchMoveCapture:v}),document.addEventListener("wheel",S,N),document.addEventListener("touchmove",S,N),document.addEventListener("touchstart",g,N),function(){M=M.filter(function(o){return o!==i}),document.removeEventListener("wheel",S,N),document.removeEventListener("touchmove",S,N),document.removeEventListener("touchstart",g,N)}},[]);var h=e.removeScrollBar,w=e.inert;return u.createElement(u.Fragment,null,w?u.createElement(i,{styles:ot(c)}):null,h?u.createElement(qe,{noRelative:e.noRelative,gapMode:e.gapMode}):null)}function it(e){for(var t=null;e!==null;)e instanceof ShadowRoot&&(t=e.host,e=e.host),e=e.parentNode;return t}const lt=Be(le,ut);var st=u.forwardRef(function(e,t){return u.createElement(D,C({},e,{ref:t,sideCar:lt}))});st.classNames=D.classNames;export{ye as F,st as R,gt as h,pt as u};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import{j as m}from"./jsx-runtime-D_zvdyIk.js";import{C as s,a as i,b as c,c as p,d as r,e as n,g as a,f as C}from"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";const R={title:"Shadcn/UI/Command",component:s},o={render:()=>m.jsx("div",{className:"max-w-md",children:m.jsxs(s,{children:[m.jsx(i,{placeholder:"Type a command or search..."}),m.jsxs(c,{children:[m.jsx(p,{children:"No results found."}),m.jsxs(r,{heading:"Suggestions",children:[m.jsxs(n,{children:["Calendar",m.jsx(a,{children:"⌘C"})]}),m.jsxs(n,{children:["Search Emoji",m.jsx(a,{children:"⌘E"})]}),m.jsxs(n,{children:["Calculator",m.jsx(a,{children:"⌘K"})]})]}),m.jsx(C,{}),m.jsxs(r,{heading:"Settings",children:[m.jsx(n,{children:"Profile"}),m.jsx(n,{children:"Billing"}),m.jsx(n,{children:"Settings"})]})]})]})})};var t,e,d;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="max-w-md">
|
|
3
|
+
<Command>
|
|
4
|
+
<CommandInput placeholder="Type a command or search..." />
|
|
5
|
+
<CommandList>
|
|
6
|
+
<CommandEmpty>No results found.</CommandEmpty>
|
|
7
|
+
<CommandGroup heading="Suggestions">
|
|
8
|
+
<CommandItem>
|
|
9
|
+
Calendar
|
|
10
|
+
<CommandShortcut>⌘C</CommandShortcut>
|
|
11
|
+
</CommandItem>
|
|
12
|
+
<CommandItem>
|
|
13
|
+
Search Emoji
|
|
14
|
+
<CommandShortcut>⌘E</CommandShortcut>
|
|
15
|
+
</CommandItem>
|
|
16
|
+
<CommandItem>
|
|
17
|
+
Calculator
|
|
18
|
+
<CommandShortcut>⌘K</CommandShortcut>
|
|
19
|
+
</CommandItem>
|
|
20
|
+
</CommandGroup>
|
|
21
|
+
<CommandSeparator />
|
|
22
|
+
<CommandGroup heading="Settings">
|
|
23
|
+
<CommandItem>Profile</CommandItem>
|
|
24
|
+
<CommandItem>Billing</CommandItem>
|
|
25
|
+
<CommandItem>Settings</CommandItem>
|
|
26
|
+
</CommandGroup>
|
|
27
|
+
</CommandList>
|
|
28
|
+
</Command>
|
|
29
|
+
</div>
|
|
30
|
+
}`,...(d=(e=o.parameters)==null?void 0:e.docs)==null?void 0:d.source}}};const U=["Basic"];export{o as Basic,U as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-v7iAhKit.js";import{c as h}from"./index-DW48STyt.js";import{c as oe}from"./index-CDY5kTx5.js";import{P as re}from"./index-Tp9IdbR8.js";import{c as T,R as ae,A as se,P as ie,C as ue,I as de,f as ce,g as le,h as xe,S as me,L as pe,a as Ce,b as fe,d as ge,e as he,G as Me,i as ve}from"./index-DLIxT4Z7.js";import{u as be}from"./index-0-qMRXou.js";import{u as _e}from"./index-ByqivBWx.js";import{c as m}from"./utils-D-KgF5mV.js";import{C as Se}from"./chevron-right-B5vIMLxK.js";import{C as Ie}from"./check-B9hBGj6o.js";import{C as je}from"./circle-C5Lzx6Nx.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-CWjrGFAQ.js";import"./createLucideIcon-BrHXro7t.js";var N="ContextMenu",[Ne,wt]=oe(N,[T]),i=T(),[Re,A]=Ne(N),E=e=>{const{__scopeContextMenu:n,children:r,onOpenChange:o,dir:a,modal:x=!0}=e,[l,u]=s.useState(!1),c=i(n),f=be(o),d=s.useCallback(g=>{u(g),f(g)},[f]);return t.jsx(Re,{scope:n,open:l,onOpenChange:d,modal:x,children:t.jsx(ae,{...c,dir:a,open:l,onOpenChange:d,modal:x,children:r})})};E.displayName=N;var k="ContextMenuTrigger",O=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,disabled:o=!1,...a}=e,x=A(k,r),l=i(r),u=s.useRef({x:0,y:0}),c=s.useRef({getBoundingClientRect:()=>DOMRect.fromRect({width:0,height:0,...u.current})}),f=s.useRef(0),d=s.useCallback(()=>window.clearTimeout(f.current),[]),g=p=>{u.current={x:p.clientX,y:p.clientY},x.onOpenChange(!0)};return s.useEffect(()=>d,[d]),s.useEffect(()=>void(o&&d()),[o,d]),t.jsxs(t.Fragment,{children:[t.jsx(se,{...l,virtualRef:c}),t.jsx(re.span,{"data-state":x.open?"open":"closed","data-disabled":o?"":void 0,...a,ref:n,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:o?e.onContextMenu:h(e.onContextMenu,p=>{d(),g(p),p.preventDefault()}),onPointerDown:o?e.onPointerDown:h(e.onPointerDown,M(p=>{d(),f.current=window.setTimeout(()=>g(p),700)})),onPointerMove:o?e.onPointerMove:h(e.onPointerMove,M(d)),onPointerCancel:o?e.onPointerCancel:h(e.onPointerCancel,M(d)),onPointerUp:o?e.onPointerUp:h(e.onPointerUp,M(d))})]})});O.displayName=k;var ye="ContextMenuPortal",G=e=>{const{__scopeContextMenu:n,...r}=e,o=i(n);return t.jsx(ie,{...o,...r})};G.displayName=ye;var z="ContextMenuContent",L=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=A(z,r),x=i(r),l=s.useRef(!1);return t.jsx(ue,{...x,...o,ref:n,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:u=>{var c;(c=e.onCloseAutoFocus)==null||c.call(e,u),!u.defaultPrevented&&l.current&&u.preventDefault(),l.current=!1},onInteractOutside:u=>{var c;(c=e.onInteractOutside)==null||c.call(e,u),!u.defaultPrevented&&!a.modal&&(l.current=!0)},style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});L.displayName=z;var we="ContextMenuGroup",Pe=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(Me,{...a,...o,ref:n})});Pe.displayName=we;var Te="ContextMenuLabel",B=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(pe,{...a,...o,ref:n})});B.displayName=Te;var Ae="ContextMenuItem",$=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(de,{...a,...o,ref:n})});$.displayName=Ae;var Ee="ContextMenuCheckboxItem",U=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(Ce,{...a,...o,ref:n})});U.displayName=Ee;var ke="ContextMenuRadioGroup",D=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(ge,{...a,...o,ref:n})});D.displayName=ke;var Oe="ContextMenuRadioItem",F=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(he,{...a,...o,ref:n})});F.displayName=Oe;var Ge="ContextMenuItemIndicator",q=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(fe,{...a,...o,ref:n})});q.displayName=Ge;var ze="ContextMenuSeparator",X=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(me,{...a,...o,ref:n})});X.displayName=ze;var Le="ContextMenuArrow",Be=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(ve,{...a,...o,ref:n})});Be.displayName=Le;var H="ContextMenuSub",W=e=>{const{__scopeContextMenu:n,children:r,onOpenChange:o,open:a,defaultOpen:x}=e,l=i(n),[u,c]=_e({prop:a,defaultProp:x??!1,onChange:o,caller:H});return t.jsx(ce,{...l,open:u,onOpenChange:c,children:r})};W.displayName=H;var $e="ContextMenuSubTrigger",K=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(le,{...a,...o,ref:n})});K.displayName=$e;var Ue="ContextMenuSubContent",V=s.forwardRef((e,n)=>{const{__scopeContextMenu:r,...o}=e,a=i(r);return t.jsx(xe,{...a,...o,ref:n,style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});V.displayName=Ue;function M(e){return n=>n.pointerType!=="mouse"?e(n):void 0}var De=E,Fe=O,qe=G,Xe=L,He=B,We=$,Ke=U,Ve=D,Ye=F,Y=q,Je=X,Qe=W,Ze=K,et=V;function R({...e}){return t.jsx(De,{"data-slot":"context-menu",...e})}function J({...e}){return t.jsx(Fe,{"data-slot":"context-menu-trigger",...e})}function Q({...e}){return t.jsx(Qe,{"data-slot":"context-menu-sub",...e})}function Z({...e}){return t.jsx(Ve,{"data-slot":"context-menu-radio-group",...e})}function ee({className:e,inset:n,children:r,...o}){return t.jsxs(Ze,{"data-slot":"context-menu-sub-trigger","data-inset":n,className:m("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o,children:[r,t.jsx(Se,{className:"ml-auto"})]})}function te({className:e,...n}){return t.jsx(et,{"data-slot":"context-menu-sub-content",className:m("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}function ne({className:e,...n}){return t.jsx(qe,{children:t.jsx(Xe,{"data-slot":"context-menu-content",className:m("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...n})})}function C({className:e,inset:n,variant:r="default",...o}){return t.jsx(We,{"data-slot":"context-menu-item","data-inset":n,"data-variant":r,className:m("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o})}function _({className:e,children:n,checked:r,...o}){return t.jsxs(Ke,{"data-slot":"context-menu-checkbox-item",className:m("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),checked:r,...o,children:[t.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsx(Y,{children:t.jsx(Ie,{className:"size-4"})})}),n]})}function S({className:e,children:n,...r}){return t.jsxs(Ye,{"data-slot":"context-menu-radio-item",className:m("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...r,children:[t.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsx(Y,{children:t.jsx(je,{className:"size-2 fill-current"})})}),n]})}function I({className:e,inset:n,...r}){return t.jsx(He,{"data-slot":"context-menu-label","data-inset":n,className:m("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function j({className:e,...n}){return t.jsx(Je,{"data-slot":"context-menu-separator",className:m("bg-border -mx-1 my-1 h-px",e),...n})}function b({className:e,...n}){return t.jsx("span",{"data-slot":"context-menu-shortcut",className:m("text-muted-foreground ml-auto text-xs tracking-widest",e),...n})}R.__docgenInfo={description:"",methods:[],displayName:"ContextMenu"};J.__docgenInfo={description:"",methods:[],displayName:"ContextMenuTrigger"};ne.__docgenInfo={description:"",methods:[],displayName:"ContextMenuContent"};C.__docgenInfo={description:"",methods:[],displayName:"ContextMenuItem",props:{inset:{required:!1,tsType:{name:"boolean"},description:""},variant:{required:!1,tsType:{name:"union",raw:'"default" | "destructive"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"destructive"'}]},description:"",defaultValue:{value:'"default"',computed:!1}}}};_.__docgenInfo={description:"",methods:[],displayName:"ContextMenuCheckboxItem"};S.__docgenInfo={description:"",methods:[],displayName:"ContextMenuRadioItem"};I.__docgenInfo={description:"",methods:[],displayName:"ContextMenuLabel",props:{inset:{required:!1,tsType:{name:"boolean"},description:""}}};j.__docgenInfo={description:"",methods:[],displayName:"ContextMenuSeparator"};b.__docgenInfo={description:"",methods:[],displayName:"ContextMenuShortcut"};Q.__docgenInfo={description:"",methods:[],displayName:"ContextMenuSub"};te.__docgenInfo={description:"",methods:[],displayName:"ContextMenuSubContent"};ee.__docgenInfo={description:"",methods:[],displayName:"ContextMenuSubTrigger",props:{inset:{required:!1,tsType:{name:"boolean"},description:""}}};Z.__docgenInfo={description:"",methods:[],displayName:"ContextMenuRadioGroup"};const Pt={title:"Shadcn/UI/ContextMenu",component:R},v={render:()=>t.jsxs(R,{children:[t.jsx(J,{asChild:!0,children:t.jsx("div",{className:"flex h-40 w-full max-w-md items-center justify-center rounded-md border text-muted-foreground",children:"Right-click here"})}),t.jsxs(ne,{className:"w-64",children:[t.jsxs(C,{children:["Back ",t.jsx(b,{children:"⌘["})]}),t.jsxs(C,{disabled:!0,children:["Forward ",t.jsx(b,{children:"⌘]"})]}),t.jsxs(C,{children:["Reload ",t.jsx(b,{children:"⌘R"})]}),t.jsxs(Q,{children:[t.jsx(ee,{children:"More Tools"}),t.jsxs(te,{children:[t.jsx(C,{children:"Save Page As…"}),t.jsx(C,{children:"Create Shortcut…"})]})]}),t.jsx(j,{}),t.jsx(I,{children:"Appearance"}),t.jsx(_,{checked:!0,children:"Always Show Bookmarks Bar"}),t.jsx(_,{children:"Show Full URLs"}),t.jsx(j,{}),t.jsx(I,{children:"Search Engine"}),t.jsxs(Z,{value:"google",children:[t.jsx(S,{value:"google",children:"Google"}),t.jsx(S,{value:"bing",children:"Bing"})]})]})]})};var y,w,P;v.parameters={...v.parameters,docs:{...(y=v.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <ContextMenu>
|
|
3
|
+
<ContextMenuTrigger asChild>
|
|
4
|
+
<div className="flex h-40 w-full max-w-md items-center justify-center rounded-md border text-muted-foreground">
|
|
5
|
+
Right-click here
|
|
6
|
+
</div>
|
|
7
|
+
</ContextMenuTrigger>
|
|
8
|
+
<ContextMenuContent className="w-64">
|
|
9
|
+
<ContextMenuItem>Back <ContextMenuShortcut>⌘[</ContextMenuShortcut></ContextMenuItem>
|
|
10
|
+
<ContextMenuItem disabled>Forward <ContextMenuShortcut>⌘]</ContextMenuShortcut></ContextMenuItem>
|
|
11
|
+
<ContextMenuItem>Reload <ContextMenuShortcut>⌘R</ContextMenuShortcut></ContextMenuItem>
|
|
12
|
+
<ContextMenuSub>
|
|
13
|
+
<ContextMenuSubTrigger>More Tools</ContextMenuSubTrigger>
|
|
14
|
+
<ContextMenuSubContent>
|
|
15
|
+
<ContextMenuItem>Save Page As…</ContextMenuItem>
|
|
16
|
+
<ContextMenuItem>Create Shortcut…</ContextMenuItem>
|
|
17
|
+
</ContextMenuSubContent>
|
|
18
|
+
</ContextMenuSub>
|
|
19
|
+
<ContextMenuSeparator />
|
|
20
|
+
<ContextMenuLabel>Appearance</ContextMenuLabel>
|
|
21
|
+
<ContextMenuCheckboxItem checked>Always Show Bookmarks Bar</ContextMenuCheckboxItem>
|
|
22
|
+
<ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>
|
|
23
|
+
<ContextMenuSeparator />
|
|
24
|
+
<ContextMenuLabel>Search Engine</ContextMenuLabel>
|
|
25
|
+
<ContextMenuRadioGroup value="google">
|
|
26
|
+
<ContextMenuRadioItem value="google">Google</ContextMenuRadioItem>
|
|
27
|
+
<ContextMenuRadioItem value="bing">Bing</ContextMenuRadioItem>
|
|
28
|
+
</ContextMenuRadioGroup>
|
|
29
|
+
</ContextMenuContent>
|
|
30
|
+
</ContextMenu>
|
|
31
|
+
}`,...(P=(w=v.parameters)==null?void 0:w.docs)==null?void 0:P.source}}};const Tt=["Basic"];export{v as Basic,Tt as __namedExportsOrder,Pt as default};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{D as p}from"./lodash-DDwpuhPG.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./accordion-DVgwQcnw.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./button-0oMkiryo.js";import"./index-CGrAONsN.js";import"./checkbox-CyIeaWHX.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./check-B9hBGj6o.js";import"./skeleton-CjDnQs43.js";import"./table-CP3vMqFn.js";import"./FormBuilder-BQBBxo_k.js";import"./schemas-CGNYCiJ6.js";import"./label-Do8ODIVk.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-jrimW4QO.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./badge-BnQWua6u.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-C9Ta0ZTH.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./card-BJpPOzP8.js";import"./trash-2-xdbApPby.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";import"./chevron-left-BBoN0vbI.js";import"./chevron-right-B5vIMLxK.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./settings-2-xWGvvbG6.js";import"./refresh-cw-BmRDhIV_.js";const a=[{accessorKey:"name",header:"Name",cell:({row:m})=>o.jsx("span",{className:"font-medium",children:m.original.name})},{accessorKey:"email",header:"Email"},{accessorKey:"status",header:"Status",cell:({getValue:m})=>o.jsx("span",{className:"inline-flex items-center rounded px-2 py-0.5 text-xs ring-1 ring-border",children:String(m())})}],s=[{id:"1",name:"Alice Johnson",email:"alice@example.com",status:"active"},{id:"2",name:"Bob Smith",email:"bob@example.com",status:"inactive"},{id:"3",name:"Carol White",email:"carol@example.com",status:"active"}],jt={title:"Kit/Builder/DataTable",component:p},t={name:"Basic",render:()=>o.jsx("div",{className:"max-w-3xl mx-auto p-6",children:o.jsx(p,{columns:a,data:s,loading:!1,emptyText:"No people found."})})};var r,i,e;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Basic',
|
|
3
|
+
render: () => <div className="max-w-3xl mx-auto p-6">
|
|
4
|
+
<DataTable<Person, unknown> columns={columns} data={data} loading={false} emptyText="No people found." />
|
|
5
|
+
</div>
|
|
6
|
+
}`,...(e=(i=t.parameters)==null?void 0:i.docs)==null?void 0:e.source}}};const vt=["Basic"];export{t as Basic,vt as __namedExportsOrder,jt as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as d}from"./iframe-v7iAhKit.js";import{D as l}from"./lodash-DDwpuhPG.js";import"./button-0oMkiryo.js";import"./FormBuilder-BQBBxo_k.js";import{c as f,a as i}from"./section-factories-DCCY9R35.js";import{t as x}from"./index-XSmPROEP.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./accordion-DVgwQcnw.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./checkbox-CyIeaWHX.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./check-B9hBGj6o.js";import"./skeleton-CjDnQs43.js";import"./table-CP3vMqFn.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-jrimW4QO.js";import"./index-C9Ta0ZTH.js";import"./chevron-left-BBoN0vbI.js";import"./chevron-right-B5vIMLxK.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./settings-2-xWGvvbG6.js";import"./refresh-cw-BmRDhIV_.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./badge-BnQWua6u.js";import"./index-CGrAONsN.js";import"./schemas-CGNYCiJ6.js";import"./label-Do8ODIVk.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./card-BJpPOzP8.js";import"./trash-2-xdbApPby.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";const b=[{accessorKey:"id",header:"Order #"},{accessorKey:"customer",header:"Customer"},{accessorKey:"status",header:"Status"},{accessorKey:"total",header:"Total",cell:({getValue:t})=>`$${t().toFixed(2)}`}],v=[{id:"1001",customer:"Alice",status:"pending",total:120.4},{id:"1002",customer:"Bob",status:"paid",total:59},{id:"1003",customer:"Carol",status:"shipped",total:220.75},{id:"1004",customer:"Alice",status:"paid",total:18},{id:"1005",customer:"Dan",status:"pending",total:44.99}],y=[f.card("Find orders",[i.text("customer","Customer"),i.select("status","Status",[{label:"Any",value:null},{label:"Pending",value:"pending"},{label:"Paid",value:"paid"},{label:"Shipped",value:"shipped"}])],{grid:{cols:3}})],Lt={title:"Kit/Builder/DataTable",component:l},r={name:"With filters (FormBuilder)",render:()=>{const[t,p]=d.useState({}),u=v.filter(o=>{const n=t.customer?o.customer.toLowerCase().includes(String(t.customer).toLowerCase()):!0,c=t.status?o.status===t.status:!0;return n&&c});return e.jsx("div",{className:"max-w-5xl mx-auto p-6",children:e.jsx(l,{columns:b,data:u,loading:!1,columnVisibility:!0,formFilters:y,formFilterValues:t,onFormFilterChange:p,actions:[{key:"export",label:"Export",variant:"outline",onClick:()=>{x.info("Export...")}}]})})}};var s,a,m;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
name: 'With filters (FormBuilder)',
|
|
3
|
+
render: () => {
|
|
4
|
+
const [values, setValues] = useState<Record<string, unknown>>({});
|
|
5
|
+
const filtered = allData.filter(o => {
|
|
6
|
+
const byCustomer = values.customer ? o.customer.toLowerCase().includes(String(values.customer).toLowerCase()) : true;
|
|
7
|
+
const byStatus = values.status ? o.status === values.status : true;
|
|
8
|
+
return byCustomer && byStatus;
|
|
9
|
+
});
|
|
10
|
+
return <div className="max-w-5xl mx-auto p-6">
|
|
11
|
+
<DataTable<Order, unknown> columns={columns} data={filtered} loading={false} columnVisibility formFilters={filterSections} formFilterValues={values} onFormFilterChange={setValues} actions={[{
|
|
12
|
+
key: 'export',
|
|
13
|
+
label: 'Export',
|
|
14
|
+
variant: 'outline',
|
|
15
|
+
onClick: () => {
|
|
16
|
+
toast.info('Export...');
|
|
17
|
+
}
|
|
18
|
+
}]} />
|
|
19
|
+
</div>;
|
|
20
|
+
}
|
|
21
|
+
}`,...(m=(a=r.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const Tt=["WithFilters"];export{r as WithFilters,Tt as __namedExportsOrder,Lt as default};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{r as l}from"./iframe-v7iAhKit.js";import{D as m}from"./lodash-DDwpuhPG.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./accordion-DVgwQcnw.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./button-0oMkiryo.js";import"./index-CGrAONsN.js";import"./checkbox-CyIeaWHX.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./check-B9hBGj6o.js";import"./skeleton-CjDnQs43.js";import"./table-CP3vMqFn.js";import"./FormBuilder-BQBBxo_k.js";import"./schemas-CGNYCiJ6.js";import"./label-Do8ODIVk.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-jrimW4QO.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./badge-BnQWua6u.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-C9Ta0ZTH.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./card-BJpPOzP8.js";import"./trash-2-xdbApPby.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";import"./chevron-left-BBoN0vbI.js";import"./chevron-right-B5vIMLxK.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./settings-2-xWGvvbG6.js";import"./refresh-cw-BmRDhIV_.js";const h=[{accessorKey:"name",header:"Name"},{accessorKey:"email",header:"Email"}],n=Array.from({length:48},(i,t)=>({id:String(t+1),name:`User ${t+1}`,email:`user${t+1}@example.com`})),Tt={title:"Kit/Builder/DataTable",component:m},e={name:"With pagination (client)",render:()=>o.jsx("div",{className:"max-w-4xl mx-auto p-6",children:o.jsx(m,{columns:h,data:n,loading:!1,pagination:!0})})},a={name:"With pagination (controlled/server-like)",render:()=>{const[i,t]=l.useState(0),[r,P]=l.useState(10),p=i*r,z=p+r,f=n.slice(p,z);return o.jsx("div",{className:"max-w-4xl mx-auto p-6",children:o.jsx(m,{columns:h,data:f,loading:!1,pagination:!0,rowCount:n.length,paginationState:{pageIndex:i,pageSize:r},onPaginationChange:s=>{t(s.pageIndex),P(s.pageSize)}})})}};var c,d,g;e.parameters={...e.parameters,docs:{...(c=e.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
+
name: 'With pagination (client)',
|
|
3
|
+
render: () => <div className="max-w-4xl mx-auto p-6">
|
|
4
|
+
<DataTable<Person, unknown> columns={columns} data={data} loading={false} pagination />
|
|
5
|
+
</div>
|
|
6
|
+
}`,...(g=(d=e.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,u,S;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
7
|
+
name: 'With pagination (controlled/server-like)',
|
|
8
|
+
render: () => {
|
|
9
|
+
const [pageIndex, setPageIndex] = useState(0);
|
|
10
|
+
const [pageSize, setPageSize] = useState(10);
|
|
11
|
+
const start = pageIndex * pageSize;
|
|
12
|
+
const end = start + pageSize;
|
|
13
|
+
const slice = data.slice(start, end);
|
|
14
|
+
return <div className="max-w-4xl mx-auto p-6">
|
|
15
|
+
<DataTable<Person, unknown> columns={columns} data={slice} loading={false} pagination rowCount={data.length} paginationState={{
|
|
16
|
+
pageIndex,
|
|
17
|
+
pageSize
|
|
18
|
+
}} onPaginationChange={next => {
|
|
19
|
+
setPageIndex(next.pageIndex);
|
|
20
|
+
setPageSize(next.pageSize);
|
|
21
|
+
}} />
|
|
22
|
+
</div>;
|
|
23
|
+
}
|
|
24
|
+
}`,...(S=(u=a.parameters)==null?void 0:u.docs)==null?void 0:S.source}}};const yt=["WithClientPagination","WithControlledPagination"];export{e as WithClientPagination,a as WithControlledPagination,yt as __namedExportsOrder,Tt as default};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{D as s}from"./lodash-DDwpuhPG.js";import{t as i}from"./index-XSmPROEP.js";import{T as c,P as l}from"./trash-2-xdbApPby.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./accordion-DVgwQcnw.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./button-0oMkiryo.js";import"./index-CGrAONsN.js";import"./checkbox-CyIeaWHX.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./check-B9hBGj6o.js";import"./skeleton-CjDnQs43.js";import"./table-CP3vMqFn.js";import"./FormBuilder-BQBBxo_k.js";import"./schemas-CGNYCiJ6.js";import"./label-Do8ODIVk.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-jrimW4QO.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./badge-BnQWua6u.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-C9Ta0ZTH.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./card-BJpPOzP8.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";import"./chevron-left-BBoN0vbI.js";import"./chevron-right-B5vIMLxK.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./settings-2-xWGvvbG6.js";import"./refresh-cw-BmRDhIV_.js";const n=[{accessorKey:"name",header:"Item"},{accessorKey:"price",header:"Price",cell:({getValue:e})=>t.jsxs("span",{className:"tabular-nums",children:["$",e().toFixed(2)]})}],d=[{id:"1",name:"Keyboard",price:49.99},{id:"2",name:"Mouse",price:24.5},{id:"3",name:"Headset",price:79},{id:"4",name:"Monitor",price:199}],je={title:"Kit/Builder/DataTable",component:s},o={name:"Selectable + actions",render:()=>t.jsx("div",{className:"max-w-4xl mx-auto p-6",children:t.jsx(s,{columns:n,data:d,loading:!1,selectable:!0,showStandardActions:!0,onRefresh:()=>new Promise(e=>setTimeout(e,800)),actions:[{key:"create",label:"New Item",icon:t.jsx(l,{className:"h-4 w-4"}),variant:"outline",onClick:()=>{i.info("Create clicked")}}],batchActions:[{key:"delete",label:"Delete Selected",icon:t.jsx(c,{className:"h-4 w-4"}),variant:"destructive",onClick:async({selectedRows:e,clearSelection:p})=>{i.info(`Would delete ${e.length} items`),p()}}]})})};var r,a,m;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Selectable + actions',
|
|
3
|
+
render: () => <div className="max-w-4xl mx-auto p-6">
|
|
4
|
+
<DataTable<Item, unknown> columns={columns} data={data} loading={false} selectable showStandardActions onRefresh={() => new Promise(r => setTimeout(r, 800))} actions={[{
|
|
5
|
+
key: 'create',
|
|
6
|
+
label: 'New Item',
|
|
7
|
+
icon: <Plus className="h-4 w-4" />,
|
|
8
|
+
variant: 'outline',
|
|
9
|
+
onClick: () => {
|
|
10
|
+
toast.info('Create clicked');
|
|
11
|
+
}
|
|
12
|
+
}]} batchActions={[{
|
|
13
|
+
key: 'delete',
|
|
14
|
+
label: 'Delete Selected',
|
|
15
|
+
icon: <Trash2 className="h-4 w-4" />,
|
|
16
|
+
variant: 'destructive',
|
|
17
|
+
onClick: async ({
|
|
18
|
+
selectedRows,
|
|
19
|
+
clearSelection
|
|
20
|
+
}) => {
|
|
21
|
+
toast.info(\`Would delete \${selectedRows.length} items\`);
|
|
22
|
+
clearSelection();
|
|
23
|
+
}
|
|
24
|
+
}]} />
|
|
25
|
+
</div>
|
|
26
|
+
}`,...(m=(a=o.parameters)==null?void 0:a.docs)==null?void 0:m.source}}};const Ae=["SelectableWithActions"];export{o as SelectableWithActions,Ae as __namedExportsOrder,je as default};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as m}from"./jsx-runtime-D_zvdyIk.js";import{D as p,a as o}from"./lodash-DDwpuhPG.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./accordion-DVgwQcnw.js";import"./index-CDY5kTx5.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-CGnyVRgB.js";import"./index-AvwFFKJc.js";import"./index-BfiCOk42.js";import"./index-B_qx7A5T.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./button-0oMkiryo.js";import"./index-CGrAONsN.js";import"./checkbox-CyIeaWHX.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./check-B9hBGj6o.js";import"./skeleton-CjDnQs43.js";import"./table-CP3vMqFn.js";import"./FormBuilder-BQBBxo_k.js";import"./schemas-CGNYCiJ6.js";import"./label-Do8ODIVk.js";import"./Autocomplete-Cpg4CaJe.js";import"./popover-CcciSWAw.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-nqc17SX4.js";import"./index-jrimW4QO.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./badge-BnQWua6u.js";import"./input-11YRd9gD.js";import"./textarea-Dw2vruMl.js";import"./select-DDrkxaOg.js";import"./index-BdQq_4o_.js";import"./index-C9Ta0ZTH.js";import"./switch-CKGRuk3u.js";import"./radio-group-DiJ0Y_KQ.js";import"./index-CWjrGFAQ.js";import"./circle-C5Lzx6Nx.js";import"./card-BJpPOzP8.js";import"./trash-2-xdbApPby.js";import"./grip-vertical-BxXG8KNA.js";import"./SectionBuilder-BQW705x0.js";import"./separator-o5SAUnaJ.js";import"./tabs-CopK2m3j.js";import"./chevron-left-BBoN0vbI.js";import"./chevron-right-B5vIMLxK.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./settings-2-xWGvvbG6.js";import"./refresh-cw-BmRDhIV_.js";const s=[{accessorKey:"name",header:({column:t})=>m.jsx(o,{column:t,title:"Name"})},{accessorKey:"email",header:({column:t})=>m.jsx(o,{column:t,title:"Email"})},{accessorKey:"age",header:({column:t})=>m.jsx(o,{column:t,title:"Age"}),cell:({getValue:t})=>m.jsx("span",{className:"tabular-nums",children:t()})}],n=[{id:"1",name:"Zara",email:"zara@example.com",age:29},{id:"2",name:"Mike",email:"mike@example.com",age:41},{id:"3",name:"Anna",email:"anna@example.com",age:22},{id:"4",name:"Ben",email:"ben@example.com",age:35}],Kt={title:"Kit/Builder/DataTable",component:p},r={name:"With sorting",render:()=>m.jsx("div",{className:"max-w-4xl mx-auto p-6",children:m.jsx(p,{columns:s,data:n,loading:!1,sorting:!0})})};var i,a,e;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
name: 'With sorting',
|
|
3
|
+
render: () => <div className="max-w-4xl mx-auto p-6">
|
|
4
|
+
<DataTable<Person, unknown> columns={columns} data={data} loading={false} sorting />
|
|
5
|
+
</div>
|
|
6
|
+
}`,...(e=(a=r.parameters)==null?void 0:a.docs)==null?void 0:e.source}}};const Nt=["WithSorting"];export{r as WithSorting,Nt as __namedExportsOrder,Kt as default};
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as o}from"./iframe-v7iAhKit.js";import{A as Y,a as q,b as F,c as H,d as z,e as G,f as J,g as L}from"./alert-dialog-DCUEwpqm.js";import{D as Q,a as U}from"./dialog-CsnqITTn.js";import{B as d}from"./button-0oMkiryo.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CDY5kTx5.js";import"./index-DbaA6-o1.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./index-CGrAONsN.js";const b=o.createContext(null);function V(){const n=o.use(b);if(!n)throw new Error("useDialogController must be used within DialogProvider");return n}function O({children:n}){const[r,s]=o.useState(!1),a=o.useRef(null),[x,m]=o.useState(null),[w,A]=o.useState({}),[f,B]=o.useState(null),[i,E]=o.useState(void 0),g=o.useCallback(t=>(A(t??{}),m("confirm"),s(!0),new Promise(p=>{a.current=p})),[]),C=o.useCallback((t,p)=>(B(()=>t),E(p),m("custom"),s(!0),new Promise(K=>{a.current=K})),[]),l=o.useCallback(t=>{s(!1),a.current&&(a.current(t),a.current=null),m(null)},[]),R=o.useMemo(()=>({confirm:g,open:C}),[g,C]),{title:S="Are you sure?",description:h="This action cannot be undone.",confirmText:I="Continue",cancelText:P="Cancel",destructive:M=!1}=w,_=M?"bg-destructive text-destructive-foreground hover:bg-destructive/90":"";return e.jsxs(b,{value:R,children:[n,x==="confirm"&&e.jsx(Y,{open:r,onOpenChange:t=>!t&&l(!1),children:e.jsxs(q,{children:[e.jsxs(F,{children:[e.jsx(H,{className:"text-foreground",children:S}),h?e.jsx(z,{className:"text-muted-foreground",children:h}):null]}),e.jsxs(G,{children:[e.jsx(J,{className:"text-foreground",onClick:()=>l(!1),children:P}),e.jsx(L,{className:_,onClick:()=>l(!0),children:I})]})]})}),x==="custom"&&f&&e.jsx(Q,{open:r,onOpenChange:t=>!t&&l(void 0),children:e.jsx(U,{onEscapeKeyDown:t=>{i!=null&&i.preventCloseOnEscape&&t.preventDefault()},onInteractOutside:t=>{i!=null&&i.preventCloseOnInteractOutside&&t.preventDefault()},children:f({close:t=>l(t)})})})]})}const T=V;O.__docgenInfo={description:"",methods:[],displayName:"DialogProvider",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""}}};const je={title:"Kit/Builder/Dialog",decorators:[n=>e.jsx(O,{children:e.jsx("div",{className:"space-y-6",children:e.jsx(n,{})})})],parameters:{controls:{expanded:!0},backgrounds:{disable:!0}}},c={render:()=>{const{confirm:n}=T();return e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(d,{onClick:async()=>{const r=await n({title:"Delete item?",description:"This action cannot be undone.",destructive:!0,confirmText:"Delete",cancelText:"Cancel"});console.log("confirm result:",r)},children:"Open Confirm"})})}},u={render:()=>{const{open:n}=T();return e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(d,{variant:"secondary",onClick:async()=>{const r=await n(({close:s})=>e.jsxs("div",{className:"space-y-4",children:[e.jsx("h3",{className:"text-lg font-medium text-foreground",children:"Custom Modal"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"You can render anything here and call close(value) to resolve."}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(d,{variant:"outline",onClick:()=>s(void 0),children:"Cancel"}),e.jsx(d,{onClick:()=>s("done"),children:"Confirm"})]})]}),{preventCloseOnInteractOutside:!0});console.log("custom result:",r)},children:"Open Custom"})})}};var v,D,j;c.parameters={...c.parameters,docs:{...(v=c.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
2
|
+
render: () => {
|
|
3
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
4
|
+
const {
|
|
5
|
+
confirm
|
|
6
|
+
} = useDialog();
|
|
7
|
+
return <div className="flex items-center gap-3">
|
|
8
|
+
<Button onClick={async () => {
|
|
9
|
+
const ok = await confirm({
|
|
10
|
+
title: 'Delete item?',
|
|
11
|
+
description: 'This action cannot be undone.',
|
|
12
|
+
destructive: true,
|
|
13
|
+
confirmText: 'Delete',
|
|
14
|
+
cancelText: 'Cancel'
|
|
15
|
+
});
|
|
16
|
+
// eslint-disable-next-line no-console
|
|
17
|
+
console.log('confirm result:', ok);
|
|
18
|
+
}}>
|
|
19
|
+
Open Confirm
|
|
20
|
+
</Button>
|
|
21
|
+
</div>;
|
|
22
|
+
}
|
|
23
|
+
}`,...(j=(D=c.parameters)==null?void 0:D.docs)==null?void 0:j.source}}};var k,N,y;u.parameters={...u.parameters,docs:{...(k=u.parameters)==null?void 0:k.docs,source:{originalSource:`{
|
|
24
|
+
render: () => {
|
|
25
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
26
|
+
const {
|
|
27
|
+
open
|
|
28
|
+
} = useDialog();
|
|
29
|
+
return <div className="flex items-center gap-3">
|
|
30
|
+
<Button variant="secondary" onClick={async () => {
|
|
31
|
+
const val = await open<string>(({
|
|
32
|
+
close
|
|
33
|
+
}) => <div className="space-y-4">
|
|
34
|
+
<h3 className="text-lg font-medium text-foreground">Custom Modal</h3>
|
|
35
|
+
<p className="text-sm text-muted-foreground">You can render anything here and call close(value) to resolve.</p>
|
|
36
|
+
<div className="flex justify-end gap-2">
|
|
37
|
+
<Button variant="outline" onClick={() => close(undefined)}>
|
|
38
|
+
Cancel
|
|
39
|
+
</Button>
|
|
40
|
+
<Button onClick={() => close('done')}>
|
|
41
|
+
Confirm
|
|
42
|
+
</Button>
|
|
43
|
+
</div>
|
|
44
|
+
</div>, {
|
|
45
|
+
preventCloseOnInteractOutside: true
|
|
46
|
+
});
|
|
47
|
+
// eslint-disable-next-line no-console
|
|
48
|
+
console.log('custom result:', val);
|
|
49
|
+
}}>
|
|
50
|
+
Open Custom
|
|
51
|
+
</Button>
|
|
52
|
+
</div>;
|
|
53
|
+
}
|
|
54
|
+
}`,...(y=(N=u.parameters)==null?void 0:N.docs)==null?void 0:y.source}}};const ke=["ConfirmExample","CustomExample"];export{c as ConfirmExample,u as CustomExample,ke as __namedExportsOrder,je as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{D as n,b as l,a as s,c as d,d as p,e as m,f as c}from"./dialog-CsnqITTn.js";import{B as i}from"./button-0oMkiryo.js";import"./index-Z6wF44KX.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./index-CGrAONsN.js";const R={title:"Shadcn/UI/Dialog",component:n},e={render:()=>o.jsxs(n,{children:[o.jsx(l,{asChild:!0,children:o.jsx(i,{variant:"default",children:"Open dialog"})}),o.jsxs(s,{children:[o.jsxs(d,{children:[o.jsx(p,{children:"Edit profile"}),o.jsx(m,{children:"Make changes to your profile here. Click save when you're done."})]}),o.jsx("div",{className:"py-2 text-sm text-muted-foreground",children:"Dialog body content..."}),o.jsxs(c,{children:[o.jsx(i,{variant:"outline",children:"Cancel"}),o.jsx(i,{children:"Save changes"})]})]})]})};var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Dialog>
|
|
3
|
+
<DialogTrigger asChild>
|
|
4
|
+
<Button variant="default">Open dialog</Button>
|
|
5
|
+
</DialogTrigger>
|
|
6
|
+
<DialogContent>
|
|
7
|
+
<DialogHeader>
|
|
8
|
+
<DialogTitle>Edit profile</DialogTitle>
|
|
9
|
+
<DialogDescription>Make changes to your profile here. Click save when you're done.</DialogDescription>
|
|
10
|
+
</DialogHeader>
|
|
11
|
+
<div className="py-2 text-sm text-muted-foreground">Dialog body content...</div>
|
|
12
|
+
<DialogFooter>
|
|
13
|
+
<Button variant="outline">Cancel</Button>
|
|
14
|
+
<Button>Save changes</Button>
|
|
15
|
+
</DialogFooter>
|
|
16
|
+
</DialogContent>
|
|
17
|
+
</Dialog>
|
|
18
|
+
}`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};const U=["Basic"];export{e as Basic,U as __namedExportsOrder,R as default};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{j as T}from"./jsx-runtime-D_zvdyIk.js";import{R as Me,T as Ne,a as Ie,D as Pe,b as Be,C as He,P as ke,O as je}from"./index-Z6wF44KX.js";import{R as r,r as bt}from"./iframe-v7iAhKit.js";import{c as ot}from"./utils-D-KgF5mV.js";import{B as Et}from"./button-0oMkiryo.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";function Le(t){if(typeof document>"u")return;let n=document.head||document.getElementsByTagName("head")[0],e=document.createElement("style");e.type="text/css",n.appendChild(e),e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t))}const Qt=r.createContext({drawerRef:{current:null},overlayRef:{current:null},onPress:()=>{},onRelease:()=>{},onDrag:()=>{},onNestedDrag:()=>{},onNestedOpenChange:()=>{},onNestedRelease:()=>{},openProp:void 0,dismissible:!1,isOpen:!1,isDragging:!1,keyboardIsOpen:{current:!1},snapPointsOffset:null,snapPoints:null,handleOnly:!1,modal:!1,shouldFade:!1,activeSnapPoint:null,onOpenChange:()=>{},setActiveSnapPoint:()=>{},closeDrawer:()=>{},direction:"bottom",shouldAnimate:{current:!0},shouldScaleBackground:!1,setBackgroundColorOnScale:!0,noBodyStyles:!1,container:null,autoFocus:!1}),mt=()=>{const t=r.useContext(Qt);if(!t)throw new Error("useDrawerContext must be used within a Drawer.Root");return t};Le(`[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(
|
|
2
|
+
[data-state=closed]
|
|
3
|
+
){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}`);function Fe(){const t=navigator.userAgent;return typeof window<"u"&&(/Firefox/.test(t)&&/Mobile/.test(t)||/FxiOS/.test(t))}function Ue(){return Nt(/^Mac/)}function We(){return Nt(/^iPhone/)}function Vt(){return/^((?!chrome|android).)*safari/i.test(navigator.userAgent)}function ze(){return Nt(/^iPad/)||Ue()&&navigator.maxTouchPoints>1}function Zt(){return We()||ze()}function Nt(t){return typeof window<"u"&&window.navigator!=null?t.test(window.navigator.platform):void 0}const Ve=24,Ye=typeof window<"u"?bt.useLayoutEffect:bt.useEffect;function Yt(...t){return(...n)=>{for(let e of t)typeof e=="function"&&e(...n)}}const Ct=typeof document<"u"&&window.visualViewport;function qt(t){let n=window.getComputedStyle(t);return/(auto|scroll)/.test(n.overflow+n.overflowX+n.overflowY)}function te(t){for(qt(t)&&(t=t.parentElement);t&&!qt(t);)t=t.parentElement;return t||document.scrollingElement||document.documentElement}const qe=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);let gt=0,Ot;function Xe(t={}){let{isDisabled:n}=t;Ye(()=>{if(!n)return gt++,gt===1&&Zt()&&(Ot=Ke()),()=>{gt--,gt===0&&(Ot==null||Ot())}},[n])}function Ke(){let t,n=0,e=f=>{t=te(f.target),!(t===document.documentElement&&t===document.body)&&(n=f.changedTouches[0].pageY)},o=f=>{if(!t||t===document.documentElement||t===document.body){f.preventDefault();return}let m=f.changedTouches[0].pageY,L=t.scrollTop,k=t.scrollHeight-t.clientHeight;k!==0&&((L<=0&&m>n||L>=k&&m<n)&&f.preventDefault(),n=m)},i=f=>{let m=f.target;At(m)&&m!==document.activeElement&&(f.preventDefault(),m.style.transform="translateY(-2000px)",m.focus(),requestAnimationFrame(()=>{m.style.transform=""}))},a=f=>{let m=f.target;At(m)&&(m.style.transform="translateY(-2000px)",requestAnimationFrame(()=>{m.style.transform="",Ct&&(Ct.height<window.innerHeight?requestAnimationFrame(()=>{Xt(m)}):Ct.addEventListener("resize",()=>Xt(m),{once:!0}))}))},v=()=>{window.scrollTo(0,0)},w=window.pageXOffset,x=window.pageYOffset,R=Yt(Ge(document.documentElement,"paddingRight",`${window.innerWidth-document.documentElement.clientWidth}px`));window.scrollTo(0,0);let h=Yt(dt(document,"touchstart",e,{passive:!1,capture:!0}),dt(document,"touchmove",o,{passive:!1,capture:!0}),dt(document,"touchend",i,{passive:!1,capture:!0}),dt(document,"focus",a,!0),dt(window,"scroll",v));return()=>{R(),h(),window.scrollTo(w,x)}}function Ge(t,n,e){let o=t.style[n];return t.style[n]=e,()=>{t.style[n]=o}}function dt(t,n,e,o){return t.addEventListener(n,e,o),()=>{t.removeEventListener(n,e,o)}}function Xt(t){let n=document.scrollingElement||document.documentElement;for(;t&&t!==n;){let e=te(t);if(e!==document.documentElement&&e!==document.body&&e!==t){let o=e.getBoundingClientRect().top,i=t.getBoundingClientRect().top,a=t.getBoundingClientRect().bottom;const v=e.getBoundingClientRect().bottom+Ve;a>v&&(e.scrollTop+=i-o)}t=e.parentElement}}function At(t){return t instanceof HTMLInputElement&&!qe.has(t.type)||t instanceof HTMLTextAreaElement||t instanceof HTMLElement&&t.isContentEditable}function Je(t,n){typeof t=="function"?t(n):t!=null&&(t.current=n)}function Qe(...t){return n=>t.forEach(e=>Je(e,n))}function ee(...t){return bt.useCallback(Qe(...t),t)}const ne=new WeakMap;function _(t,n,e=!1){if(!t||!(t instanceof HTMLElement))return;let o={};Object.entries(n).forEach(([i,a])=>{if(i.startsWith("--")){t.style.setProperty(i,a);return}o[i]=t.style[i],t.style[i]=a}),!e&&ne.set(t,o)}function Ze(t,n){if(!t||!(t instanceof HTMLElement))return;let e=ne.get(t);e&&(t.style[n]=e[n])}const $=t=>{switch(t){case"top":case"bottom":return!0;case"left":case"right":return!1;default:return t}};function vt(t,n){if(!t)return null;const e=window.getComputedStyle(t),o=e.transform||e.webkitTransform||e.mozTransform;let i=o.match(/^matrix3d\((.+)\)$/);return i?parseFloat(i[1].split(", ")[$(n)?13:12]):(i=o.match(/^matrix\((.+)\)$/),i?parseFloat(i[1].split(", ")[$(n)?5:4]):null)}function tn(t){return 8*(Math.log(t+1)-2)}function $t(t,n){if(!t)return()=>{};const e=t.style.cssText;return Object.assign(t.style,n),()=>{t.style.cssText=e}}function en(...t){return(...n)=>{for(const e of t)typeof e=="function"&&e(...n)}}const C={DURATION:.5,EASE:[.32,.72,0,1]},re=.4,nn=.25,rn=100,ae=8,et=16,Mt=26,_t="vaul-dragging";function oe(t){const n=r.useRef(t);return r.useEffect(()=>{n.current=t}),r.useMemo(()=>(...e)=>n.current==null?void 0:n.current.call(n,...e),[])}function an({defaultProp:t,onChange:n}){const e=r.useState(t),[o]=e,i=r.useRef(o),a=oe(n);return r.useEffect(()=>{i.current!==o&&(a(o),i.current=o)},[o,i,a]),e}function ie({prop:t,defaultProp:n,onChange:e=()=>{}}){const[o,i]=an({defaultProp:n,onChange:e}),a=t!==void 0,v=a?t:o,w=oe(e),x=r.useCallback(R=>{if(a){const f=typeof R=="function"?R(t):R;f!==t&&w(f)}else i(R)},[a,t,i,w]);return[v,x]}function on({activeSnapPointProp:t,setActiveSnapPointProp:n,snapPoints:e,drawerRef:o,overlayRef:i,fadeFromIndex:a,onSnapPointChange:v,direction:w="bottom",container:x,snapToSequentialPoint:R}){const[h,f]=ie({prop:t,defaultProp:e==null?void 0:e[0],onChange:n}),[m,L]=r.useState(typeof window<"u"?{innerWidth:window.innerWidth,innerHeight:window.innerHeight}:void 0);r.useEffect(()=>{function u(){L({innerWidth:window.innerWidth,innerHeight:window.innerHeight})}return window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const k=r.useMemo(()=>h===(e==null?void 0:e[e.length-1])||null,[e,h]),E=r.useMemo(()=>{var u;return(u=e==null?void 0:e.findIndex(b=>b===h))!=null?u:null},[e,h]),F=e&&e.length>0&&(a||a===0)&&!Number.isNaN(a)&&e[a]===h||!e,p=r.useMemo(()=>{const u=x?{width:x.getBoundingClientRect().width,height:x.getBoundingClientRect().height}:typeof window<"u"?{width:window.innerWidth,height:window.innerHeight}:{width:0,height:0};var b;return(b=e==null?void 0:e.map(y=>{const P=typeof y=="string";let N=0;if(P&&(N=parseInt(y,10)),$(w)){const l=P?N:m?y*u.height:0;return m?w==="bottom"?u.height-l:-u.height+l:l}const W=P?N:m?y*u.width:0;return m?w==="right"?u.width-W:-u.width+W:W}))!=null?b:[]},[e,m,x]),M=r.useMemo(()=>E!==null?p==null?void 0:p[E]:null,[p,E]),A=r.useCallback(u=>{var b;const y=(b=p==null?void 0:p.findIndex(P=>P===u))!=null?b:null;v(y),_(o.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:$(w)?`translate3d(0, ${u}px, 0)`:`translate3d(${u}px, 0, 0)`}),p&&y!==p.length-1&&a!==void 0&&y!==a&&y<a?_(i.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"0"}):_(i.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"1"}),f(e==null?void 0:e[Math.max(y,0)])},[o.current,e,p,a,i,f]);r.useEffect(()=>{if(h||t){var u;const b=(u=e==null?void 0:e.findIndex(y=>y===t||y===h))!=null?u:-1;p&&b!==-1&&typeof p[b]=="number"&&A(p[b])}},[h,t,e,p,A]);function c({draggedDistance:u,closeDrawer:b,velocity:y,dismissible:P}){if(a===void 0)return;const N=w==="bottom"||w==="right"?(M??0)-u:(M??0)+u,W=E===a-1,l=E===0,U=u>0;if(W&&_(i.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`}),!R&&y>2&&!U){P?b():A(p[0]);return}if(!R&&y>2&&U&&p&&e){A(p[e.length-1]);return}const B=p==null?void 0:p.reduce((I,X)=>typeof I!="number"||typeof X!="number"?I:Math.abs(X-N)<Math.abs(I-N)?X:I),z=$(w)?window.innerHeight:window.innerWidth;if(y>re&&Math.abs(u)<z*.4){const I=U?1:-1;if(I>0&&k&&e){A(p[e.length-1]);return}if(l&&I<0&&P&&b(),E===null)return;A(p[E+I]);return}A(B)}function Y({draggedDistance:u}){if(M===null)return;const b=w==="bottom"||w==="right"?M-u:M+u;(w==="bottom"||w==="right")&&b<p[p.length-1]||(w==="top"||w==="left")&&b>p[p.length-1]||_(o.current,{transform:$(w)?`translate3d(0, ${b}px, 0)`:`translate3d(${b}px, 0, 0)`})}function Z(u,b){if(!e||typeof E!="number"||!p||a===void 0)return null;const y=E===a-1;if(E>=a&&b)return 0;if(y&&!b)return 1;if(!F&&!y)return null;const N=y?E+1:E-1,W=y?p[N]-p[N-1]:p[N+1]-p[N],l=u/Math.abs(W);return y?1-l:l}return{isLastSnapPoint:k,activeSnapPoint:h,shouldFade:F,getPercentageDragged:Z,setActiveSnapPoint:f,activeSnapPointIndex:E,onRelease:c,onDrag:Y,snapPointsOffset:p}}const sn=()=>()=>{};function ln(){const{direction:t,isOpen:n,shouldScaleBackground:e,setBackgroundColorOnScale:o,noBodyStyles:i}=mt(),a=r.useRef(null),v=bt.useMemo(()=>document.body.style.backgroundColor,[]);function w(){return(window.innerWidth-Mt)/window.innerWidth}r.useEffect(()=>{if(n&&e){a.current&&clearTimeout(a.current);const x=document.querySelector("[data-vaul-drawer-wrapper]")||document.querySelector("[vaul-drawer-wrapper]");if(!x)return;en(o&&!i?$t(document.body,{background:"black"}):sn,$t(x,{transformOrigin:$(t)?"top":"left",transitionProperty:"transform, border-radius",transitionDuration:`${C.DURATION}s`,transitionTimingFunction:`cubic-bezier(${C.EASE.join(",")})`}));const R=$t(x,{borderRadius:`${ae}px`,overflow:"hidden",...$(t)?{transform:`scale(${w()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`}:{transform:`scale(${w()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`}});return()=>{R(),a.current=window.setTimeout(()=>{v?document.body.style.background=v:document.body.style.removeProperty("background")},C.DURATION*1e3)}}},[n,e,v])}let ft=null;function un({isOpen:t,modal:n,nested:e,hasBeenOpened:o,preventScrollRestoration:i,noBodyStyles:a}){const[v,w]=r.useState(()=>typeof window<"u"?window.location.href:""),x=r.useRef(0),R=r.useCallback(()=>{if(Vt()&&ft===null&&t&&!a){ft={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left,height:document.body.style.height,right:"unset"};const{scrollX:f,innerHeight:m}=window;document.body.style.setProperty("position","fixed","important"),Object.assign(document.body.style,{top:`${-x.current}px`,left:`${-f}px`,right:"0px",height:"auto"}),window.setTimeout(()=>window.requestAnimationFrame(()=>{const L=m-window.innerHeight;L&&x.current>=m&&(document.body.style.top=`${-(x.current+L)}px`)}),300)}},[t]),h=r.useCallback(()=>{if(Vt()&&ft!==null&&!a){const f=-parseInt(document.body.style.top,10),m=-parseInt(document.body.style.left,10);Object.assign(document.body.style,ft),window.requestAnimationFrame(()=>{if(i&&v!==window.location.href){w(window.location.href);return}window.scrollTo(m,f)}),ft=null}},[v]);return r.useEffect(()=>{function f(){x.current=window.scrollY}return f(),window.addEventListener("scroll",f),()=>{window.removeEventListener("scroll",f)}},[]),r.useEffect(()=>{if(n)return()=>{typeof document>"u"||document.querySelector("[data-vaul-drawer]")||h()}},[n,h]),r.useEffect(()=>{e||!o||(t?(!window.matchMedia("(display-mode: standalone)").matches&&R(),n||window.setTimeout(()=>{h()},500)):h())},[t,o,v,n,e,R,h]),{restorePositionSetting:h}}function cn({open:t,onOpenChange:n,children:e,onDrag:o,onRelease:i,snapPoints:a,shouldScaleBackground:v=!1,setBackgroundColorOnScale:w=!0,closeThreshold:x=nn,scrollLockTimeout:R=rn,dismissible:h=!0,handleOnly:f=!1,fadeFromIndex:m=a&&a.length-1,activeSnapPoint:L,setActiveSnapPoint:k,fixed:E,modal:F=!0,onClose:p,nested:M,noBodyStyles:A=!1,direction:c="bottom",defaultOpen:Y=!1,disablePreventScroll:Z=!0,snapToSequentialPoint:u=!1,preventScrollRestoration:b=!1,repositionInputs:y=!0,onAnimationEnd:P,container:N,autoFocus:W=!1}){var l,U;const[B=!1,z]=ie({defaultProp:Y,prop:t,onChange:s=>{n==null||n(s),!s&&!M&&Te(),setTimeout(()=>{P==null||P(s)},C.DURATION*1e3),s&&!F&&typeof window<"u"&&window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"}),s||(document.body.style.pointerEvents="auto")}}),[I,X]=r.useState(!1),[K,it]=r.useState(!1),[ve,Pt]=r.useState(!1),nt=r.useRef(null),pt=r.useRef(null),Dt=r.useRef(null),xt=r.useRef(null),st=r.useRef(null),lt=r.useRef(!1),St=r.useRef(null),Tt=r.useRef(0),rt=r.useRef(!1),Bt=r.useRef(!Y),Ht=r.useRef(0),d=r.useRef(null),kt=r.useRef(((l=d.current)==null?void 0:l.getBoundingClientRect().height)||0),jt=r.useRef(((U=d.current)==null?void 0:U.getBoundingClientRect().width)||0),Rt=r.useRef(0),ye=r.useCallback(s=>{a&&s===ut.length-1&&(pt.current=new Date)},[]),{activeSnapPoint:be,activeSnapPointIndex:at,setActiveSnapPoint:Lt,onRelease:De,snapPointsOffset:ut,onDrag:xe,shouldFade:Ft,getPercentageDragged:Se}=on({snapPoints:a,activeSnapPointProp:L,setActiveSnapPointProp:k,drawerRef:d,fadeFromIndex:m,overlayRef:nt,onSnapPointChange:ye,direction:c,container:N,snapToSequentialPoint:u});Xe({isDisabled:!B||K||!F||ve||!I||!y||!Z});const{restorePositionSetting:Te}=un({isOpen:B,modal:F,nested:M??!1,hasBeenOpened:I,preventScrollRestoration:b,noBodyStyles:A});function wt(){return(window.innerWidth-Mt)/window.innerWidth}function Re(s){var D,S;!h&&!a||d.current&&!d.current.contains(s.target)||(kt.current=((D=d.current)==null?void 0:D.getBoundingClientRect().height)||0,jt.current=((S=d.current)==null?void 0:S.getBoundingClientRect().width)||0,it(!0),Dt.current=new Date,Zt()&&window.addEventListener("touchend",()=>lt.current=!1,{once:!0}),s.target.setPointerCapture(s.pointerId),Tt.current=$(c)?s.pageY:s.pageX)}function Ut(s,D){var S;let g=s;const O=(S=window.getSelection())==null?void 0:S.toString(),j=d.current?vt(d.current,c):null,H=new Date;if(g.tagName==="SELECT"||g.hasAttribute("data-vaul-no-drag")||g.closest("[data-vaul-no-drag]"))return!1;if(c==="right"||c==="left")return!0;if(pt.current&&H.getTime()-pt.current.getTime()<500)return!1;if(j!==null&&(c==="bottom"?j>0:j<0))return!0;if(O&&O.length>0)return!1;if(st.current&&H.getTime()-st.current.getTime()<R&&j===0||D)return st.current=H,!1;for(;g;){if(g.scrollHeight>g.clientHeight){if(g.scrollTop!==0)return st.current=new Date,!1;if(g.getAttribute("role")==="dialog")return!0}g=g.parentNode}return!0}function Ee(s){if(d.current&&K){const D=c==="bottom"||c==="right"?1:-1,S=(Tt.current-($(c)?s.pageY:s.pageX))*D,g=S>0,O=a&&!h&&!g;if(O&&at===0)return;const j=Math.abs(S),H=document.querySelector("[data-vaul-drawer-wrapper]"),G=c==="bottom"||c==="top"?kt.current:jt.current;let V=j/G;const tt=Se(j,g);if(tt!==null&&(V=tt),O&&V>=1||!lt.current&&!Ut(s.target,g))return;if(d.current.classList.add(_t),lt.current=!0,_(d.current,{transition:"none"}),_(nt.current,{transition:"none"}),a&&xe({draggedDistance:S}),g&&!a){const q=tn(S),ht=Math.min(q*-1,0)*D;_(d.current,{transform:$(c)?`translate3d(0, ${ht}px, 0)`:`translate3d(${ht}px, 0, 0)`});return}const J=1-V;if((Ft||m&&at===m-1)&&(o==null||o(s,V),_(nt.current,{opacity:`${J}`,transition:"none"},!0)),H&&nt.current&&v){const q=Math.min(wt()+V*(1-wt()),1),ht=8-V*8,zt=Math.max(0,14-V*14);_(H,{borderRadius:`${ht}px`,transform:$(c)?`scale(${q}) translate3d(0, ${zt}px, 0)`:`scale(${q}) translate3d(${zt}px, 0, 0)`,transition:"none"},!0)}if(!a){const q=j*D;_(d.current,{transform:$(c)?`translate3d(0, ${q}px, 0)`:`translate3d(${q}px, 0, 0)`})}}}r.useEffect(()=>{window.requestAnimationFrame(()=>{Bt.current=!0})},[]),r.useEffect(()=>{var s;function D(){if(!d.current||!y)return;const S=document.activeElement;if(At(S)||rt.current){var g;const O=((g=window.visualViewport)==null?void 0:g.height)||0,j=window.innerHeight;let H=j-O;const G=d.current.getBoundingClientRect().height||0,V=G>j*.8;Rt.current||(Rt.current=G);const tt=d.current.getBoundingClientRect().top;if(Math.abs(Ht.current-H)>60&&(rt.current=!rt.current),a&&a.length>0&&ut&&at){const J=ut[at]||0;H+=J}if(Ht.current=H,G>O||rt.current){const J=d.current.getBoundingClientRect().height;let q=J;J>O&&(q=O-(V?tt:Mt)),E?d.current.style.height=`${J-Math.max(H,0)}px`:d.current.style.height=`${Math.max(q,O-tt)}px`}else Fe()||(d.current.style.height=`${Rt.current}px`);a&&a.length>0&&!rt.current?d.current.style.bottom="0px":d.current.style.bottom=`${Math.max(H,0)}px`}}return(s=window.visualViewport)==null||s.addEventListener("resize",D),()=>{var S;return(S=window.visualViewport)==null?void 0:S.removeEventListener("resize",D)}},[at,a,ut]);function ct(s){Ce(),p==null||p(),s||z(!1),setTimeout(()=>{a&&Lt(a[0])},C.DURATION*1e3)}function Wt(){if(!d.current)return;const s=document.querySelector("[data-vaul-drawer-wrapper]"),D=vt(d.current,c);_(d.current,{transform:"translate3d(0, 0, 0)",transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`}),_(nt.current,{transition:`opacity ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,opacity:"1"}),v&&D&&D>0&&B&&_(s,{borderRadius:`${ae}px`,overflow:"hidden",...$(c)?{transform:`scale(${wt()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,transformOrigin:"top"}:{transform:`scale(${wt()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,transformOrigin:"left"},transitionProperty:"transform, border-radius",transitionDuration:`${C.DURATION}s`,transitionTimingFunction:`cubic-bezier(${C.EASE.join(",")})`},!0)}function Ce(){!K||!d.current||(d.current.classList.remove(_t),lt.current=!1,it(!1),xt.current=new Date)}function Oe(s){if(!K||!d.current)return;d.current.classList.remove(_t),lt.current=!1,it(!1),xt.current=new Date;const D=vt(d.current,c);if(!s||!Ut(s.target,!1)||!D||Number.isNaN(D)||Dt.current===null)return;const S=xt.current.getTime()-Dt.current.getTime(),g=Tt.current-($(c)?s.pageY:s.pageX),O=Math.abs(g)/S;if(O>.05&&(Pt(!0),setTimeout(()=>{Pt(!1)},200)),a){De({draggedDistance:g*(c==="bottom"||c==="right"?1:-1),closeDrawer:ct,velocity:O,dismissible:h}),i==null||i(s,!0);return}if(c==="bottom"||c==="right"?g>0:g<0){Wt(),i==null||i(s,!0);return}if(O>re){ct(),i==null||i(s,!1);return}var j;const H=Math.min((j=d.current.getBoundingClientRect().height)!=null?j:0,window.innerHeight);var G;const V=Math.min((G=d.current.getBoundingClientRect().width)!=null?G:0,window.innerWidth),tt=c==="left"||c==="right";if(Math.abs(D)>=(tt?V:H)*x){ct(),i==null||i(s,!1);return}i==null||i(s,!0),Wt()}r.useEffect(()=>(B&&(_(document.documentElement,{scrollBehavior:"auto"}),pt.current=new Date),()=>{Ze(document.documentElement,"scrollBehavior")}),[B]);function $e(s){const D=s?(window.innerWidth-et)/window.innerWidth:1,S=s?-et:0;St.current&&window.clearTimeout(St.current),_(d.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:$(c)?`scale(${D}) translate3d(0, ${S}px, 0)`:`scale(${D}) translate3d(${S}px, 0, 0)`}),!s&&d.current&&(St.current=setTimeout(()=>{const g=vt(d.current,c);_(d.current,{transition:"none",transform:$(c)?`translate3d(0, ${g}px, 0)`:`translate3d(${g}px, 0, 0)`})},500))}function _e(s,D){if(D<0)return;const S=(window.innerWidth-et)/window.innerWidth,g=S+D*(1-S),O=-et+D*et;_(d.current,{transform:$(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`,transition:"none"})}function Ae(s,D){const S=$(c)?window.innerHeight:window.innerWidth,g=D?(S-et)/S:1,O=D?-et:0;D&&_(d.current,{transition:`transform ${C.DURATION}s cubic-bezier(${C.EASE.join(",")})`,transform:$(c)?`scale(${g}) translate3d(0, ${O}px, 0)`:`scale(${g}) translate3d(${O}px, 0, 0)`})}return r.useEffect(()=>{F||window.requestAnimationFrame(()=>{document.body.style.pointerEvents="auto"})},[F]),r.createElement(Me,{defaultOpen:Y,onOpenChange:s=>{!h&&!s||(s?X(!0):ct(!0),z(s))},open:B},r.createElement(Qt.Provider,{value:{activeSnapPoint:be,snapPoints:a,setActiveSnapPoint:Lt,drawerRef:d,overlayRef:nt,onOpenChange:n,onPress:Re,onRelease:Oe,onDrag:Ee,dismissible:h,shouldAnimate:Bt,handleOnly:f,isOpen:B,isDragging:K,shouldFade:Ft,closeDrawer:ct,onNestedDrag:_e,onNestedOpenChange:$e,onNestedRelease:Ae,keyboardIsOpen:rt,modal:F,snapPointsOffset:ut,activeSnapPointIndex:at,direction:c,shouldScaleBackground:v,setBackgroundColorOnScale:w,noBodyStyles:A,container:N,autoFocus:W}},e))}const se=r.forwardRef(function({...t},n){const{overlayRef:e,snapPoints:o,onRelease:i,shouldFade:a,isOpen:v,modal:w,shouldAnimate:x}=mt(),R=ee(n,e),h=o&&o.length>0;if(!w)return null;const f=r.useCallback(m=>i(m),[i]);return r.createElement(je,{onMouseUp:f,ref:R,"data-vaul-overlay":"","data-vaul-snap-points":v&&h?"true":"false","data-vaul-snap-points-overlay":v&&a?"true":"false","data-vaul-animate":x!=null&&x.current?"true":"false",...t})});se.displayName="Drawer.Overlay";const le=r.forwardRef(function({onPointerDownOutside:t,style:n,onOpenAutoFocus:e,...o},i){const{drawerRef:a,onPress:v,onRelease:w,onDrag:x,keyboardIsOpen:R,snapPointsOffset:h,activeSnapPointIndex:f,modal:m,isOpen:L,direction:k,snapPoints:E,container:F,handleOnly:p,shouldAnimate:M,autoFocus:A}=mt(),[c,Y]=r.useState(!1),Z=ee(i,a),u=r.useRef(null),b=r.useRef(null),y=r.useRef(!1),P=E&&E.length>0;ln();const N=(l,U,B=0)=>{if(y.current)return!0;const z=Math.abs(l.y),I=Math.abs(l.x),X=I>z,K=["bottom","right"].includes(U)?1:-1;if(U==="left"||U==="right"){if(!(l.x*K<0)&&I>=0&&I<=B)return X}else if(!(l.y*K<0)&&z>=0&&z<=B)return!X;return y.current=!0,!0};r.useEffect(()=>{P&&window.requestAnimationFrame(()=>{Y(!0)})},[]);function W(l){u.current=null,y.current=!1,w(l)}return r.createElement(He,{"data-vaul-drawer-direction":k,"data-vaul-drawer":"","data-vaul-delayed-snap-points":c?"true":"false","data-vaul-snap-points":L&&P?"true":"false","data-vaul-custom-container":F?"true":"false","data-vaul-animate":M!=null&&M.current?"true":"false",...o,ref:Z,style:h&&h.length>0?{"--snap-point-height":`${h[f??0]}px`,...n}:n,onPointerDown:l=>{p||(o.onPointerDown==null||o.onPointerDown.call(o,l),u.current={x:l.pageX,y:l.pageY},v(l))},onOpenAutoFocus:l=>{e==null||e(l),A||l.preventDefault()},onPointerDownOutside:l=>{if(t==null||t(l),!m||l.defaultPrevented){l.preventDefault();return}R.current&&(R.current=!1)},onFocusOutside:l=>{if(!m){l.preventDefault();return}},onPointerMove:l=>{if(b.current=l,p||(o.onPointerMove==null||o.onPointerMove.call(o,l),!u.current))return;const U=l.pageY-u.current.y,B=l.pageX-u.current.x,z=l.pointerType==="touch"?10:2;N({x:B,y:U},k,z)?x(l):(Math.abs(B)>z||Math.abs(U)>z)&&(u.current=null)},onPointerUp:l=>{o.onPointerUp==null||o.onPointerUp.call(o,l),u.current=null,y.current=!1,w(l)},onPointerOut:l=>{o.onPointerOut==null||o.onPointerOut.call(o,l),W(b.current)},onContextMenu:l=>{o.onContextMenu==null||o.onContextMenu.call(o,l),b.current&&W(b.current)}})});le.displayName="Drawer.Content";const dn=250,fn=120,mn=r.forwardRef(function({preventCycle:t=!1,children:n,...e},o){const{closeDrawer:i,isDragging:a,snapPoints:v,activeSnapPoint:w,setActiveSnapPoint:x,dismissible:R,handleOnly:h,isOpen:f,onPress:m,onDrag:L}=mt(),k=r.useRef(null),E=r.useRef(!1);function F(){if(E.current){A();return}window.setTimeout(()=>{p()},fn)}function p(){if(a||t||E.current){A();return}if(A(),!v||v.length===0){R||i();return}if(w===v[v.length-1]&&R){i();return}const Y=v.findIndex(u=>u===w);if(Y===-1)return;const Z=v[Y+1];x(Z)}function M(){k.current=window.setTimeout(()=>{E.current=!0},dn)}function A(){k.current&&window.clearTimeout(k.current),E.current=!1}return r.createElement("div",{onClick:F,onPointerCancel:A,onPointerDown:c=>{h&&m(c),M()},onPointerMove:c=>{h&&L(c)},ref:o,"data-vaul-drawer-visible":f?"true":"false","data-vaul-handle":"","aria-hidden":"true",...e},r.createElement("span",{"data-vaul-handle-hitarea":"","aria-hidden":"true"},n))});mn.displayName="Drawer.Handle";function pn(t){const n=mt(),{container:e=n.container,...o}=t;return r.createElement(ke,{container:e,...o})}const Q={Root:cn,Content:le,Overlay:se,Trigger:Ne,Portal:pn,Close:Be,Title:Ie,Description:Pe};function It({...t}){return T.jsx(Q.Root,{"data-slot":"drawer",...t})}function ue({...t}){return T.jsx(Q.Trigger,{"data-slot":"drawer-trigger",...t})}function ce({...t}){return T.jsx(Q.Portal,{"data-slot":"drawer-portal",...t})}function de({...t}){return T.jsx(Q.Close,{"data-slot":"drawer-close",...t})}function fe({className:t,...n}){return T.jsx(Q.Overlay,{"data-slot":"drawer-overlay",className:ot("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...n})}function me({className:t,children:n,...e}){return T.jsxs(ce,{"data-slot":"drawer-portal",children:[T.jsx(fe,{}),T.jsxs(Q.Content,{"data-slot":"drawer-content",className:ot("group/drawer-content bg-background fixed z-50 flex h-auto flex-col","data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b","data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t","data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm","data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm",t),...e,children:[T.jsx("div",{className:"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"}),n]})]})}function pe({className:t,...n}){return T.jsx("div",{"data-slot":"drawer-header",className:ot("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left",t),...n})}function we({className:t,...n}){return T.jsx("div",{"data-slot":"drawer-footer",className:ot("mt-auto flex flex-col gap-2 p-4",t),...n})}function he({className:t,...n}){return T.jsx(Q.Title,{"data-slot":"drawer-title",className:ot("text-foreground font-semibold",t),...n})}function ge({className:t,...n}){return T.jsx(Q.Description,{"data-slot":"drawer-description",className:ot("text-muted-foreground text-sm",t),...n})}It.__docgenInfo={description:"",methods:[],displayName:"Drawer"};ce.__docgenInfo={description:"",methods:[],displayName:"DrawerPortal"};fe.__docgenInfo={description:"",methods:[],displayName:"DrawerOverlay"};ue.__docgenInfo={description:"",methods:[],displayName:"DrawerTrigger"};de.__docgenInfo={description:"",methods:[],displayName:"DrawerClose"};me.__docgenInfo={description:"",methods:[],displayName:"DrawerContent"};pe.__docgenInfo={description:"",methods:[],displayName:"DrawerHeader"};we.__docgenInfo={description:"",methods:[],displayName:"DrawerFooter"};he.__docgenInfo={description:"",methods:[],displayName:"DrawerTitle"};ge.__docgenInfo={description:"",methods:[],displayName:"DrawerDescription"};const Bn={title:"Shadcn/UI/Drawer",component:It},yt={render:()=>T.jsxs(It,{children:[T.jsx(ue,{asChild:!0,children:T.jsx(Et,{children:"Open Drawer"})}),T.jsxs(me,{children:[T.jsxs(pe,{children:[T.jsx(he,{children:"Edit profile"}),T.jsx(ge,{children:"Make changes to your profile here. Click save when you're done."})]}),T.jsxs("div",{className:"px-4 pb-4 text-sm text-muted-foreground",children:["This is a bottom sheet drawer powered by ",T.jsx("code",{children:"vaul"})," with shadcn styles."]}),T.jsxs(we,{children:[T.jsx(Et,{type:"button",children:"Save changes"}),T.jsx(de,{asChild:!0,children:T.jsx(Et,{variant:"outline",children:"Cancel"})})]})]})]})};var Kt,Gt,Jt;yt.parameters={...yt.parameters,docs:{...(Kt=yt.parameters)==null?void 0:Kt.docs,source:{originalSource:`{
|
|
4
|
+
render: () => <Drawer>
|
|
5
|
+
<DrawerTrigger asChild>
|
|
6
|
+
<Button>Open Drawer</Button>
|
|
7
|
+
</DrawerTrigger>
|
|
8
|
+
<DrawerContent>
|
|
9
|
+
<DrawerHeader>
|
|
10
|
+
<DrawerTitle>Edit profile</DrawerTitle>
|
|
11
|
+
<DrawerDescription>Make changes to your profile here. Click save when you're done.</DrawerDescription>
|
|
12
|
+
</DrawerHeader>
|
|
13
|
+
<div className="px-4 pb-4 text-sm text-muted-foreground">
|
|
14
|
+
This is a bottom sheet drawer powered by <code>vaul</code> with shadcn styles.
|
|
15
|
+
</div>
|
|
16
|
+
<DrawerFooter>
|
|
17
|
+
<Button type="button">Save changes</Button>
|
|
18
|
+
<DrawerClose asChild>
|
|
19
|
+
<Button variant="outline">Cancel</Button>
|
|
20
|
+
</DrawerClose>
|
|
21
|
+
</DrawerFooter>
|
|
22
|
+
</DrawerContent>
|
|
23
|
+
</Drawer>
|
|
24
|
+
}`,...(Jt=(Gt=yt.parameters)==null?void 0:Gt.docs)==null?void 0:Jt.source}}};const Hn=["Basic"];export{yt as Basic,Hn as __namedExportsOrder,Bn as default};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{D as m,a as M,b as w,c as p,d as e,g as c,f as n,h as r,e as u,i as D,j as d,k as l,l as h,m as x}from"./dropdown-menu-BWxxwPHL.js";import{B as j}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-CWjrGFAQ.js";import"./utils-D-KgF5mV.js";import"./check-B9hBGj6o.js";import"./createLucideIcon-BrHXro7t.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-CGrAONsN.js";const Y={title:"Shadcn/UI/DropdownMenu",component:m},t={render:()=>o.jsxs(m,{children:[o.jsx(M,{asChild:!0,children:o.jsx(j,{variant:"outline",children:"Open menu"})}),o.jsxs(w,{className:"w-56",children:[o.jsx(p,{children:"My Account"}),o.jsx(e,{}),o.jsxs(c,{children:[o.jsxs(n,{children:["Profile ",o.jsx(r,{children:"⇧⌘P"})]}),o.jsxs(n,{children:["Billing ",o.jsx(r,{children:"⌘B"})]}),o.jsxs(n,{children:["Settings ",o.jsx(r,{children:"⌘S"})]})]}),o.jsx(e,{}),o.jsx(u,{checked:!0,children:"Email notifications"}),o.jsx(u,{children:"SMS notifications"}),o.jsx(e,{}),o.jsx(p,{children:"Team"}),o.jsxs(D,{value:"a",children:[o.jsx(d,{value:"a",children:"Team A"}),o.jsx(d,{value:"b",children:"Team B"})]}),o.jsx(e,{}),o.jsxs(l,{children:[o.jsx(h,{children:"More"}),o.jsxs(x,{children:[o.jsx(n,{children:"Invite user"}),o.jsx(n,{children:"New project"})]})]}),o.jsx(e,{}),o.jsxs(n,{children:["Log out ",o.jsx(r,{children:"⇧⌘Q"})]})]})]})};var i,a,s;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <DropdownMenu>
|
|
3
|
+
<DropdownMenuTrigger asChild>
|
|
4
|
+
<Button variant="outline">Open menu</Button>
|
|
5
|
+
</DropdownMenuTrigger>
|
|
6
|
+
<DropdownMenuContent className="w-56">
|
|
7
|
+
<DropdownMenuLabel>My Account</DropdownMenuLabel>
|
|
8
|
+
<DropdownMenuSeparator />
|
|
9
|
+
<DropdownMenuGroup>
|
|
10
|
+
<DropdownMenuItem>Profile <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut></DropdownMenuItem>
|
|
11
|
+
<DropdownMenuItem>Billing <DropdownMenuShortcut>⌘B</DropdownMenuShortcut></DropdownMenuItem>
|
|
12
|
+
<DropdownMenuItem>Settings <DropdownMenuShortcut>⌘S</DropdownMenuShortcut></DropdownMenuItem>
|
|
13
|
+
</DropdownMenuGroup>
|
|
14
|
+
<DropdownMenuSeparator />
|
|
15
|
+
<DropdownMenuCheckboxItem checked>Email notifications</DropdownMenuCheckboxItem>
|
|
16
|
+
<DropdownMenuCheckboxItem>SMS notifications</DropdownMenuCheckboxItem>
|
|
17
|
+
<DropdownMenuSeparator />
|
|
18
|
+
<DropdownMenuLabel>Team</DropdownMenuLabel>
|
|
19
|
+
<DropdownMenuRadioGroup value="a">
|
|
20
|
+
<DropdownMenuRadioItem value="a">Team A</DropdownMenuRadioItem>
|
|
21
|
+
<DropdownMenuRadioItem value="b">Team B</DropdownMenuRadioItem>
|
|
22
|
+
</DropdownMenuRadioGroup>
|
|
23
|
+
<DropdownMenuSeparator />
|
|
24
|
+
<DropdownMenuSub>
|
|
25
|
+
<DropdownMenuSubTrigger>More</DropdownMenuSubTrigger>
|
|
26
|
+
<DropdownMenuSubContent>
|
|
27
|
+
<DropdownMenuItem>Invite user</DropdownMenuItem>
|
|
28
|
+
<DropdownMenuItem>New project</DropdownMenuItem>
|
|
29
|
+
</DropdownMenuSubContent>
|
|
30
|
+
</DropdownMenuSub>
|
|
31
|
+
<DropdownMenuSeparator />
|
|
32
|
+
<DropdownMenuItem>Log out <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut></DropdownMenuItem>
|
|
33
|
+
</DropdownMenuContent>
|
|
34
|
+
</DropdownMenu>
|
|
35
|
+
}`,...(s=(a=t.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};const Z=["Basic"];export{t as Basic,Z as __namedExportsOrder,Y as default};
|