@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,277 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{S as a}from"./SectionBuilder-BQW705x0.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./card-BJpPOzP8.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./tabs-CopK2m3j.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-CWjrGFAQ.js";import"./index-Bv9yk470.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-0-qMRXou.js";import"./index-ByqivBWx.js";import"./index-B_qx7A5T.js";import"./index-AvwFFKJc.js";const Z={title:"Kit/Builder/Section",component:a,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}},render:e=>t.jsx(a,{...e})},s={name:"Tabs layout",args:{sections:[{id:"tabs-1",title:"Tabbed Section",subtitle:"Demonstrates tabs with nested sections",variant:"card",layout:"tabs",tabsListClassName:"w-full",tabsContentClassName:"mt-2",tabs:[{id:"tab-a",label:"Overview",node:{id:"tab-a-node",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:[{key:"t1",content:n("Overview content A"),span:{md:6}},{key:"t2",content:n("Overview content B"),span:{md:6}}]}},{id:"tab-b",label:"Details",node:{id:"tab-b-node",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:[{id:"inner-details",title:"Inner details section",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"d1",content:n("Detail 1"),span:{md:4}},{key:"d2",content:n("Detail 2"),span:{md:4}},{key:"d3",content:n("Detail 3"),span:{md:4}}]}]}}]}]},render:e=>t.jsx(a,{...e})};function n(e,I){return t.jsx("div",{className:["rounded border p-3 text-sm",I].filter(Boolean).join(" "),children:e})}const j=[{key:"a",content:n("A"),span:{md:6}},{key:"b",content:n("B"),span:{md:6}},{key:"c",content:n("C"),span:{md:4}},{key:"d",content:n("D"),span:{md:4}},{key:"e",content:n("E"),span:{md:4}}],o={name:"Grid layout",args:{sections:[{id:"grid-1",title:"Grid (responsive spans)",subtitle:"Uses md column spans 6/6 then 4/4/4",variant:"card",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:j}]},render:e=>t.jsx(a,{...e})},r={name:"Leaves with labels",args:{sections:[{id:"labels-1",title:"Label layouts",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"l1",label:"Inline label",labelLayout:"inline",inlineLabelWidthClass:"w-40",content:n("Value content inline"),span:{md:12}},{key:"l2",label:"Stacked label",labelLayout:"stacked",description:"Optional description appears under value",content:n("Value content stacked"),span:{md:6}},{key:"l3",label:"No description",labelLayout:"stacked",content:n("Another value"),span:{md:6}}]}]},render:e=>t.jsx(a,{...e})},i={name:"Flex layout",args:{sections:[{id:"flex-1",title:"Horizontal flex with wrap",variant:"card",layout:"flex",flex:{direction:"row",wrap:!0,gap:"gap-3",align:"start",justify:"start"},children:[{key:"f1",content:n("Item 1"),className:"w-56"},{key:"f2",content:n("Item 2"),className:"w-56"},{key:"f3",content:n("Item 3"),className:"w-56"},{key:"f4",content:n("Item 4"),className:"w-56"}]}]}},d={name:"Nested sections",args:{sections:[{id:"outer",title:"Outer section",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{id:"inner-1",title:"Inner A",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ia",content:n("Inner A1"),span:{md:6}},{key:"ib",content:n("Inner A2"),span:{md:6}}]},{id:"inner-2",title:"Inner B",variant:"plain",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ic",content:n("Inner B1"),span:{md:4}},{key:"id",content:n("Inner B2"),span:{md:4}},{key:"ie",content:n("Inner B3"),span:{md:4}}]}]}]},render:e=>t.jsx(a,{...e})},l={name:"Custom leaf renderer",args:{sections:[{id:"custom-1",title:"Custom renderer",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"x",label:"Name",labelLayout:"inline",content:"Jane Doe",span:{md:6}},{key:"y",label:"Email",labelLayout:"inline",content:"jane@example.com",span:{md:6}}]}],renderLeaf:e=>t.jsxs("div",{className:"rounded border p-3",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-wide text-muted-foreground",children:e.label??"Field"}),t.jsx("div",{className:"text-sm",children:e.content})]})},render:e=>t.jsx(a,{...e})};var c,m,p;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Tabs layout',
|
|
3
|
+
args: {
|
|
4
|
+
sections: [{
|
|
5
|
+
id: 'tabs-1',
|
|
6
|
+
title: 'Tabbed Section',
|
|
7
|
+
subtitle: 'Demonstrates tabs with nested sections',
|
|
8
|
+
variant: 'card',
|
|
9
|
+
layout: 'tabs',
|
|
10
|
+
tabsListClassName: 'w-full',
|
|
11
|
+
tabsContentClassName: 'mt-2',
|
|
12
|
+
tabs: [{
|
|
13
|
+
id: 'tab-a',
|
|
14
|
+
label: 'Overview',
|
|
15
|
+
node: {
|
|
16
|
+
id: 'tab-a-node',
|
|
17
|
+
layout: 'grid',
|
|
18
|
+
grid: {
|
|
19
|
+
cols: 1,
|
|
20
|
+
mdCols: 12,
|
|
21
|
+
gap: 'gap-4'
|
|
22
|
+
},
|
|
23
|
+
children: [{
|
|
24
|
+
key: 't1',
|
|
25
|
+
content: demoBox('Overview content A'),
|
|
26
|
+
span: {
|
|
27
|
+
md: 6
|
|
28
|
+
}
|
|
29
|
+
}, {
|
|
30
|
+
key: 't2',
|
|
31
|
+
content: demoBox('Overview content B'),
|
|
32
|
+
span: {
|
|
33
|
+
md: 6
|
|
34
|
+
}
|
|
35
|
+
}]
|
|
36
|
+
}
|
|
37
|
+
}, {
|
|
38
|
+
id: 'tab-b',
|
|
39
|
+
label: 'Details',
|
|
40
|
+
node: {
|
|
41
|
+
id: 'tab-b-node',
|
|
42
|
+
layout: 'grid',
|
|
43
|
+
grid: {
|
|
44
|
+
cols: 1,
|
|
45
|
+
mdCols: 12,
|
|
46
|
+
gap: 'gap-4'
|
|
47
|
+
},
|
|
48
|
+
children: [{
|
|
49
|
+
id: 'inner-details',
|
|
50
|
+
title: 'Inner details section',
|
|
51
|
+
variant: 'separator',
|
|
52
|
+
layout: 'grid',
|
|
53
|
+
grid: {
|
|
54
|
+
cols: 1,
|
|
55
|
+
mdCols: 12
|
|
56
|
+
},
|
|
57
|
+
children: [{
|
|
58
|
+
key: 'd1',
|
|
59
|
+
content: demoBox('Detail 1'),
|
|
60
|
+
span: {
|
|
61
|
+
md: 4
|
|
62
|
+
}
|
|
63
|
+
}, {
|
|
64
|
+
key: 'd2',
|
|
65
|
+
content: demoBox('Detail 2'),
|
|
66
|
+
span: {
|
|
67
|
+
md: 4
|
|
68
|
+
}
|
|
69
|
+
}, {
|
|
70
|
+
key: 'd3',
|
|
71
|
+
content: demoBox('Detail 3'),
|
|
72
|
+
span: {
|
|
73
|
+
md: 4
|
|
74
|
+
}
|
|
75
|
+
}]
|
|
76
|
+
} as unknown as SectionNode]
|
|
77
|
+
}
|
|
78
|
+
}]
|
|
79
|
+
} as unknown as SectionNode]
|
|
80
|
+
},
|
|
81
|
+
render: args => <SectionBuilder {...args} />
|
|
82
|
+
}`,...(p=(m=s.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var u,y,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
83
|
+
name: 'Grid layout',
|
|
84
|
+
args: {
|
|
85
|
+
sections: [{
|
|
86
|
+
id: 'grid-1',
|
|
87
|
+
title: 'Grid (responsive spans)',
|
|
88
|
+
subtitle: 'Uses md column spans 6/6 then 4/4/4',
|
|
89
|
+
variant: 'card',
|
|
90
|
+
layout: 'grid',
|
|
91
|
+
grid: {
|
|
92
|
+
cols: 1,
|
|
93
|
+
mdCols: 12,
|
|
94
|
+
gap: 'gap-4'
|
|
95
|
+
},
|
|
96
|
+
children: gridLeaves
|
|
97
|
+
}] satisfies SectionNode[]
|
|
98
|
+
},
|
|
99
|
+
render: args => <SectionBuilder {...args} />
|
|
100
|
+
}`,...(g=(y=o.parameters)==null?void 0:y.docs)==null?void 0:g.source}}};var b,x,k;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
101
|
+
name: 'Leaves with labels',
|
|
102
|
+
args: {
|
|
103
|
+
sections: [{
|
|
104
|
+
id: 'labels-1',
|
|
105
|
+
title: 'Label layouts',
|
|
106
|
+
variant: 'card',
|
|
107
|
+
layout: 'grid',
|
|
108
|
+
grid: {
|
|
109
|
+
cols: 1,
|
|
110
|
+
mdCols: 12
|
|
111
|
+
},
|
|
112
|
+
children: [{
|
|
113
|
+
key: 'l1',
|
|
114
|
+
label: 'Inline label',
|
|
115
|
+
labelLayout: 'inline',
|
|
116
|
+
inlineLabelWidthClass: 'w-40',
|
|
117
|
+
content: demoBox('Value content inline'),
|
|
118
|
+
span: {
|
|
119
|
+
md: 12
|
|
120
|
+
}
|
|
121
|
+
}, {
|
|
122
|
+
key: 'l2',
|
|
123
|
+
label: 'Stacked label',
|
|
124
|
+
labelLayout: 'stacked',
|
|
125
|
+
description: 'Optional description appears under value',
|
|
126
|
+
content: demoBox('Value content stacked'),
|
|
127
|
+
span: {
|
|
128
|
+
md: 6
|
|
129
|
+
}
|
|
130
|
+
}, {
|
|
131
|
+
key: 'l3',
|
|
132
|
+
label: 'No description',
|
|
133
|
+
labelLayout: 'stacked',
|
|
134
|
+
content: demoBox('Another value'),
|
|
135
|
+
span: {
|
|
136
|
+
md: 6
|
|
137
|
+
}
|
|
138
|
+
}]
|
|
139
|
+
}] satisfies SectionNode[]
|
|
140
|
+
},
|
|
141
|
+
render: args => <SectionBuilder {...args} />
|
|
142
|
+
}`,...(k=(x=r.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var v,f,h;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
143
|
+
name: 'Flex layout',
|
|
144
|
+
args: {
|
|
145
|
+
sections: [{
|
|
146
|
+
id: 'flex-1',
|
|
147
|
+
title: 'Horizontal flex with wrap',
|
|
148
|
+
variant: 'card',
|
|
149
|
+
layout: 'flex',
|
|
150
|
+
flex: {
|
|
151
|
+
direction: 'row',
|
|
152
|
+
wrap: true,
|
|
153
|
+
gap: 'gap-3',
|
|
154
|
+
align: 'start',
|
|
155
|
+
justify: 'start'
|
|
156
|
+
},
|
|
157
|
+
children: [{
|
|
158
|
+
key: 'f1',
|
|
159
|
+
content: demoBox('Item 1'),
|
|
160
|
+
className: 'w-56'
|
|
161
|
+
}, {
|
|
162
|
+
key: 'f2',
|
|
163
|
+
content: demoBox('Item 2'),
|
|
164
|
+
className: 'w-56'
|
|
165
|
+
}, {
|
|
166
|
+
key: 'f3',
|
|
167
|
+
content: demoBox('Item 3'),
|
|
168
|
+
className: 'w-56'
|
|
169
|
+
}, {
|
|
170
|
+
key: 'f4',
|
|
171
|
+
content: demoBox('Item 4'),
|
|
172
|
+
className: 'w-56'
|
|
173
|
+
}]
|
|
174
|
+
}] satisfies SectionNode[]
|
|
175
|
+
}
|
|
176
|
+
}`,...(h=(f=i.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var B,w,N;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
177
|
+
name: 'Nested sections',
|
|
178
|
+
args: {
|
|
179
|
+
sections: [{
|
|
180
|
+
id: 'outer',
|
|
181
|
+
title: 'Outer section',
|
|
182
|
+
variant: 'card',
|
|
183
|
+
layout: 'grid',
|
|
184
|
+
grid: {
|
|
185
|
+
cols: 1,
|
|
186
|
+
mdCols: 12
|
|
187
|
+
},
|
|
188
|
+
children: [{
|
|
189
|
+
id: 'inner-1',
|
|
190
|
+
title: 'Inner A',
|
|
191
|
+
variant: 'separator',
|
|
192
|
+
layout: 'grid',
|
|
193
|
+
grid: {
|
|
194
|
+
cols: 1,
|
|
195
|
+
mdCols: 12
|
|
196
|
+
},
|
|
197
|
+
children: [{
|
|
198
|
+
key: 'ia',
|
|
199
|
+
content: demoBox('Inner A1'),
|
|
200
|
+
span: {
|
|
201
|
+
md: 6
|
|
202
|
+
}
|
|
203
|
+
}, {
|
|
204
|
+
key: 'ib',
|
|
205
|
+
content: demoBox('Inner A2'),
|
|
206
|
+
span: {
|
|
207
|
+
md: 6
|
|
208
|
+
}
|
|
209
|
+
}]
|
|
210
|
+
}, {
|
|
211
|
+
id: 'inner-2',
|
|
212
|
+
title: 'Inner B',
|
|
213
|
+
variant: 'plain',
|
|
214
|
+
layout: 'grid',
|
|
215
|
+
grid: {
|
|
216
|
+
cols: 1,
|
|
217
|
+
mdCols: 12
|
|
218
|
+
},
|
|
219
|
+
children: [{
|
|
220
|
+
key: 'ic',
|
|
221
|
+
content: demoBox('Inner B1'),
|
|
222
|
+
span: {
|
|
223
|
+
md: 4
|
|
224
|
+
}
|
|
225
|
+
}, {
|
|
226
|
+
key: 'id',
|
|
227
|
+
content: demoBox('Inner B2'),
|
|
228
|
+
span: {
|
|
229
|
+
md: 4
|
|
230
|
+
}
|
|
231
|
+
}, {
|
|
232
|
+
key: 'ie',
|
|
233
|
+
content: demoBox('Inner B3'),
|
|
234
|
+
span: {
|
|
235
|
+
md: 4
|
|
236
|
+
}
|
|
237
|
+
}]
|
|
238
|
+
}]
|
|
239
|
+
} as unknown as SectionNode]
|
|
240
|
+
},
|
|
241
|
+
render: args => <SectionBuilder {...args} />
|
|
242
|
+
}`,...(N=(w=d.parameters)==null?void 0:w.docs)==null?void 0:N.source}}};var C,L,S;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
243
|
+
name: 'Custom leaf renderer',
|
|
244
|
+
args: {
|
|
245
|
+
sections: [{
|
|
246
|
+
id: 'custom-1',
|
|
247
|
+
title: 'Custom renderer',
|
|
248
|
+
layout: 'grid',
|
|
249
|
+
grid: {
|
|
250
|
+
cols: 1,
|
|
251
|
+
mdCols: 12
|
|
252
|
+
},
|
|
253
|
+
children: [{
|
|
254
|
+
key: 'x',
|
|
255
|
+
label: 'Name',
|
|
256
|
+
labelLayout: 'inline',
|
|
257
|
+
content: 'Jane Doe',
|
|
258
|
+
span: {
|
|
259
|
+
md: 6
|
|
260
|
+
}
|
|
261
|
+
}, {
|
|
262
|
+
key: 'y',
|
|
263
|
+
label: 'Email',
|
|
264
|
+
labelLayout: 'inline',
|
|
265
|
+
content: 'jane@example.com',
|
|
266
|
+
span: {
|
|
267
|
+
md: 6
|
|
268
|
+
}
|
|
269
|
+
}]
|
|
270
|
+
}] satisfies SectionNode[],
|
|
271
|
+
renderLeaf: leaf => <div className="rounded border p-3">
|
|
272
|
+
<div className="text-[10px] uppercase tracking-wide text-muted-foreground">{leaf.label ?? 'Field'}</div>
|
|
273
|
+
<div className="text-sm">{leaf.content}</div>
|
|
274
|
+
</div>
|
|
275
|
+
},
|
|
276
|
+
render: args => <SectionBuilder {...args} />
|
|
277
|
+
}`,...(S=(L=l.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};const $=["TabsLayout","GridLayout","WithLabels","FlexLayout","NestedSections","CustomLeafRenderer"];export{l as CustomLeafRenderer,i as FlexLayout,o as GridLayout,d as NestedSections,s as TabsLayout,r as WithLabels,$ as __namedExportsOrder,Z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{r as f}from"./iframe-v7iAhKit.js";import{c}from"./utils-D-KgF5mV.js";import{C as v,a as y,b,d as L,c as S}from"./card-BJpPOzP8.js";import{S as w}from"./separator-o5SAUnaJ.js";import{T,a as R,b as q,c as E}from"./tabs-CopK2m3j.js";const o={base:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",5:"sm:grid-cols-5",6:"sm:grid-cols-6",7:"sm:grid-cols-7",8:"sm:grid-cols-8",9:"sm:grid-cols-9",10:"sm:grid-cols-10",11:"sm:grid-cols-11",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",5:"md:grid-cols-5",6:"md:grid-cols-6",7:"md:grid-cols-7",8:"md:grid-cols-8",9:"md:grid-cols-9",10:"md:grid-cols-10",11:"md:grid-cols-11",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6",7:"lg:grid-cols-7",8:"lg:grid-cols-8",9:"lg:grid-cols-9",10:"lg:grid-cols-10",11:"lg:grid-cols-11",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",5:"xl:grid-cols-5",6:"xl:grid-cols-6",7:"xl:grid-cols-7",8:"xl:grid-cols-8",9:"xl:grid-cols-9",10:"xl:grid-cols-10",11:"xl:grid-cols-11",12:"xl:grid-cols-12"}},g={base:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},sm:{1:"sm:col-span-1",2:"sm:col-span-2",3:"sm:col-span-3",4:"sm:col-span-4",5:"sm:col-span-5",6:"sm:col-span-6",7:"sm:col-span-7",8:"sm:col-span-8",9:"sm:col-span-9",10:"sm:col-span-10",11:"sm:col-span-11",12:"sm:col-span-12"},md:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},lg:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"},xl:{1:"xl:col-span-1",2:"xl:col-span-2",3:"xl:col-span-3",4:"xl:col-span-4",5:"xl:col-span-5",6:"xl:col-span-6",7:"xl:col-span-7",8:"xl:col-span-8",9:"xl:col-span-9",10:"xl:col-span-10",11:"xl:col-span-11",12:"xl:col-span-12"}};function k(s){const l=(s==null?void 0:s.cols)??1,n=s==null?void 0:s.smCols,d=s==null?void 0:s.mdCols,i=s==null?void 0:s.lgCols,t=s==null?void 0:s.xlCols,r=(s==null?void 0:s.gap)??"gap-4";return c("grid",o.base[l],n?o.sm[n]:void 0,d?o.md[d]:void 0,i?o.lg[i]:void 0,t?o.xl[t]:void 0,r)}function B(s){const l=(s==null?void 0:s.direction)??"col",n=s!=null&&s.wrap?"flex-wrap":"flex-nowrap",d=(s==null?void 0:s.gap)??"gap-4",i=(s==null?void 0:s.align)??"stretch",t=(s==null?void 0:s.justify)??"start",r=i==="start"?"items-start":i==="center"?"items-center":i==="end"?"items-end":"items-stretch",e=t==="start"?"justify-start":t==="center"?"justify-center":t==="between"?"justify-between":"justify-end";return c("flex",`flex-${l}`,n,d,r,e)}function I(s){if(!s.span)return;const l=[];return s.span.base&&l.push(g.base[s.span.base]),s.span.sm&&l.push(g.sm[s.span.sm]),s.span.md&&l.push(g.md[s.span.md]),s.span.lg&&l.push(g.lg[s.span.lg]),s.span.xl&&l.push(g.xl[s.span.xl]),l.join(" ")}function W(s){return s.content!==void 0}function _(s,l){return s===l?!0:!s||!l?!s&&!l:s.base===l.base&&s.sm===l.sm&&s.md===l.md&&s.lg===l.lg&&s.xl===l.xl}function K(s,l){const n=(s.renderKey??null)===(l.renderKey??null);return s.key===l.key&&s.hidden===l.hidden&&s.className===l.className&&s.labelLayout===l.labelLayout&&s.labelClassName===l.labelClassName&&s.valueClassName===l.valueClassName&&s.inlineLabelWidthClass===l.inlineLabelWidthClass&&_(s.span,l.span)&&n}const A=f.memo(function({leaf:l,renderLeaf:n}){if(l.hidden)return null;const d=I(l);if(n)return a.jsx("div",{className:c(d,l.className),children:n(l)});const i=l.label!==void 0&&l.label!==null&&l.label!=="",t=l.labelLayout??"stacked",r="text-xs text-muted-foreground",e="text-sm leading-6";if(!i)return a.jsx("div",{className:c(d,l.className,l.valueClassName),children:l.content});if(t==="inline"){const m=l.inlineLabelWidthClass??"w-32";return a.jsxs("div",{className:c(d,l.className,"flex items-start gap-4"),children:[a.jsx("div",{className:c(m,r,l.labelClassName),children:l.label}),a.jsxs("div",{className:c("flex-1",e,l.valueClassName),children:[l.content,l.description?a.jsx("div",{className:c("mt-1",r),children:l.description}):null]})]})}return a.jsxs("div",{className:c(d,l.className,"flex flex-col"),children:[a.jsx("div",{className:c(r,l.labelClassName),children:l.label}),a.jsx("div",{className:c(e,l.valueClassName),children:l.content}),l.description?a.jsx("div",{className:c("mt-1",r),children:l.description}):null]})},(s,l)=>K(s.leaf,l.leaf)&&s.renderLeaf===l.renderLeaf);function p({node:s,renderLeaf:l}){var t;if(s.hidden)return null;const n=s.layout??"grid",d=n==="grid"?k(s.grid):n==="flex"?B(s.flex):"",i=({children:r})=>{const e=s.title,m=s.subtitle,h=s.variant??"card",u=s.className,j=s.headerClassName,C=s.contentClassName,N=()=>!e&&!m?null:a.jsxs("div",{className:c("space-y-1",j),children:[e&&a.jsx("h3",{className:"text-lg font-medium leading-none",children:e}),m&&a.jsx("p",{className:"text-sm text-muted-foreground",children:m})]}),x=()=>a.jsx("div",{className:c("space-y-4",C),children:r});switch(h){case"card":return a.jsxs(v,{className:u,children:[(e||m)&&a.jsxs(y,{children:[e&&a.jsx(b,{children:e}),m&&a.jsx(L,{children:m})]}),a.jsx(S,{children:x()})]});case"separator":return a.jsxs("div",{className:c("space-y-6",u),children:[(e||m)&&a.jsxs(a.Fragment,{children:[N(),a.jsx(w,{})]}),x()]});default:return a.jsxs("div",{className:c("space-y-6",u),children:[N(),x()]})}};if(n==="tabs"&&s.tabs&&s.tabs.length>0){const r=s.defaultTabId??((t=s.tabs[0])==null?void 0:t.id);return a.jsx(i,{children:a.jsxs(T,{defaultValue:r,className:c("space-y-2"),children:[a.jsx(R,{className:c(s.tabsListClassName),children:s.tabs.map(e=>a.jsx(q,{value:e.id,className:c(e.className),children:e.label},e.id))}),s.tabs.map(e=>a.jsx(E,{value:e.id,className:c(s.tabsContentClassName,e.contentClassName),children:a.jsx(p,{node:e.node,renderLeaf:l})},e.id))]})})}return a.jsx(i,{children:a.jsx("div",{className:d,children:(s.children??[]).map(r=>W(r)?a.jsx(A,{leaf:r,renderLeaf:l},r.key):r.hidden?null:a.jsx("div",{className:"col-span-full",children:a.jsx(p,{node:r,renderLeaf:l})},r.id))})})}function D({sections:s,className:l,renderLeaf:n}){return a.jsx("div",{className:c("space-y-6",l),children:s.map(d=>a.jsx(p,{node:d,renderLeaf:n},d.id))})}D.__docgenInfo={description:"",methods:[],displayName:"SectionBuilder",props:{sections:{required:!0,tsType:{name:"Array",elements:[{name:"SectionNode"}],raw:"SectionNode[]"},description:""},renderLeaf:{required:!1,tsType:{name:"signature",type:"function",raw:"(leaf: SectionLeaf) => React.ReactNode",signature:{arguments:[{type:{name:"SectionLeaf"},name:"leaf"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};export{D as S};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./iframe-v7iAhKit.js";import{S as s,a as p,b as h,c as x,d as r}from"./select-DDrkxaOg.js";import{L as S}from"./label-Do8ODIVk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-Bv9yk470.js";import"./index-CDY5kTx5.js";import"./index-DbaA6-o1.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-0-qMRXou.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-ByqivBWx.js";import"./index-_RPqOjlQ.js";import"./index-C9Ta0ZTH.js";import"./utils-D-KgF5mV.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./check-B9hBGj6o.js";const Q={title:"Shadcn/UI/Select",component:s},t={render:()=>e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{htmlFor:"select",children:"Theme"}),e.jsxs(s,{children:[e.jsx(p,{id:"select",children:e.jsx(h,{placeholder:"Select a theme"})}),e.jsxs(x,{children:[e.jsx(r,{value:"light",children:"Light"}),e.jsx(r,{value:"dark",children:"Dark"}),e.jsx(r,{value:"system",children:"System"})]})]})]})};function g(){const[o,u]=j.useState("system");return e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{children:"Controlled"}),e.jsxs(s,{value:o,onValueChange:u,children:[e.jsx(p,{children:e.jsx(h,{placeholder:"Pick one"})}),e.jsxs(x,{children:[e.jsx(r,{value:"apple",children:"Apple"}),e.jsx(r,{value:"banana",children:"Banana"}),e.jsx(r,{value:"cherry",children:"Cherry"})]})]}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Selected: ",o]})]})}const l={render:()=>e.jsx(g,{})};var a,c,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="grid w-[240px] gap-2">
|
|
3
|
+
<Label htmlFor="select">Theme</Label>
|
|
4
|
+
<Select>
|
|
5
|
+
<SelectTrigger id="select">
|
|
6
|
+
<SelectValue placeholder="Select a theme" />
|
|
7
|
+
</SelectTrigger>
|
|
8
|
+
<SelectContent>
|
|
9
|
+
<SelectItem value="light">Light</SelectItem>
|
|
10
|
+
<SelectItem value="dark">Dark</SelectItem>
|
|
11
|
+
<SelectItem value="system">System</SelectItem>
|
|
12
|
+
</SelectContent>
|
|
13
|
+
</Select>
|
|
14
|
+
</div>
|
|
15
|
+
}`,...(i=(c=t.parameters)==null?void 0:c.docs)==null?void 0:i.source}}};var m,n,d;l.parameters={...l.parameters,docs:{...(m=l.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
16
|
+
render: () => <ControlledDemo />
|
|
17
|
+
}`,...(d=(n=l.parameters)==null?void 0:n.docs)==null?void 0:d.source}}};const W=["Basic","Controlled"];export{t as Basic,l as Controlled,W as __namedExportsOrder,Q as default};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s}from"./separator-o5SAUnaJ.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./utils-D-KgF5mV.js";const h={title:"Shadcn/UI/Separator",component:s},r={render:()=>e.jsxs("div",{className:"w-full max-w-sm",children:[e.jsx("div",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),e.jsx(s,{className:"my-2"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"An open-source UI component library."})]})},t={render:()=>e.jsxs("div",{className:"flex h-10 items-center space-x-4 text-sm",children:[e.jsx("div",{children:"Blog"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Docs"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Source"})]})};var a,i,o;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="w-full max-w-sm">
|
|
3
|
+
<div className="text-sm font-medium leading-none">Radix Primitives</div>
|
|
4
|
+
<Separator className="my-2" />
|
|
5
|
+
<div className="text-sm text-muted-foreground">
|
|
6
|
+
An open-source UI component library.
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
}`,...(o=(i=r.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var n,m,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
10
|
+
render: () => <div className="flex h-10 items-center space-x-4 text-sm">
|
|
11
|
+
<div>Blog</div>
|
|
12
|
+
<Separator orientation="vertical" />
|
|
13
|
+
<div>Docs</div>
|
|
14
|
+
<Separator orientation="vertical" />
|
|
15
|
+
<div>Source</div>
|
|
16
|
+
</div>
|
|
17
|
+
}`,...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const N=["Horizontal","Vertical"];export{r as Horizontal,t as Vertical,N as __namedExportsOrder,h as default};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s,e as a,a as h,b as d,c as p,d as c,f as m}from"./sheet-C7jhU3XE.js";import{B as r}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 _={title:"Shadcn/UI/Sheet",component:s},t={render:()=>e.jsxs(s,{children:[e.jsx(a,{asChild:!0,children:e.jsx(r,{variant:"outline",children:"Open Sheet"})}),e.jsxs(h,{side:"right",children:[e.jsxs(d,{children:[e.jsx(p,{children:"Edit profile"}),e.jsx(c,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsx("div",{className:"p-4 text-sm text-muted-foreground",children:"Put any content here. This panel slides from the right and can be closed via the X button."}),e.jsx(m,{children:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r,{variant:"outline",children:"Cancel"}),e.jsx(r,{children:"Save"})]})})]})]})};var i,o,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Sheet>
|
|
3
|
+
<SheetTrigger asChild>
|
|
4
|
+
<Button variant="outline">Open Sheet</Button>
|
|
5
|
+
</SheetTrigger>
|
|
6
|
+
<SheetContent side="right">
|
|
7
|
+
<SheetHeader>
|
|
8
|
+
<SheetTitle>Edit profile</SheetTitle>
|
|
9
|
+
<SheetDescription>
|
|
10
|
+
Make changes to your profile here. Click save when you're done.
|
|
11
|
+
</SheetDescription>
|
|
12
|
+
</SheetHeader>
|
|
13
|
+
<div className="p-4 text-sm text-muted-foreground">
|
|
14
|
+
Put any content here. This panel slides from the right and can be closed via the X button.
|
|
15
|
+
</div>
|
|
16
|
+
<SheetFooter>
|
|
17
|
+
<div className="flex gap-2">
|
|
18
|
+
<Button variant="outline">Cancel</Button>
|
|
19
|
+
<Button>Save</Button>
|
|
20
|
+
</div>
|
|
21
|
+
</SheetFooter>
|
|
22
|
+
</SheetContent>
|
|
23
|
+
</Sheet>
|
|
24
|
+
}`,...(n=(o=t.parameters)==null?void 0:o.docs)==null?void 0:n.source}}};const I=["Basic"];export{t as Basic,I as __namedExportsOrder,_ as default};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as c,S as u,b as h,l as m,m as x,c as j,d as i,e as o,f as s,g as d,i as n,j as r,n as M,o as I,p as B,h as v,q as g,k as f}from"./sidebar-C8hU1Mxy.js";import{c as t}from"./createLucideIcon-BrHXro7t.js";import{T as G,P}from"./trash-2-xdbApPby.js";import{S as A}from"./settings-2-xWGvvbG6.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-0oMkiryo.js";import"./input-11YRd9gD.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./sheet-C7jhU3XE.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./x-B1a4fyWM.js";import"./skeleton-CjDnQs43.js";import"./tooltip-_LqYEYFw.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-C9Ta0ZTH.js";/**
|
|
2
|
+
* @license lucide-react v0.540.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const y=[["path",{d:"M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",key:"1kt360"}]],p=t("folder",y);/**
|
|
7
|
+
* @license lucide-react v0.540.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/const L=[["polyline",{points:"22 12 16 12 14 15 10 15 8 12 2 12",key:"o97t9d"}],["path",{d:"M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",key:"oot6mr"}]],T=t("inbox",L);/**
|
|
12
|
+
* @license lucide-react v0.540.0 - ISC
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the ISC license.
|
|
15
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/const C=[["path",{d:"M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z",key:"1ffxy3"}],["path",{d:"m21.854 2.147-10.94 10.939",key:"12cjpa"}]],_=t("send",C);/**
|
|
17
|
+
* @license lucide-react v0.540.0 - ISC
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the ISC license.
|
|
20
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/const k=[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]],N=t("star",k),he={title:"Shadcn/UI/Sidebar",component:c},a={parameters:{centered:!1},render:()=>e.jsx("div",{className:"h-svh w-full",children:e.jsxs(u,{children:[e.jsxs(c,{children:[e.jsxs(h,{children:[e.jsx(m,{}),e.jsx(x,{placeholder:"Search..."})]}),e.jsxs(j,{children:[e.jsxs(i,{children:[e.jsx(o,{children:"Mailboxes"}),e.jsx(s,{children:e.jsxs(d,{children:[e.jsx(n,{children:e.jsxs(r,{isActive:!0,tooltip:"Inbox",children:[e.jsx(T,{}),e.jsx("span",{children:"Inbox"}),e.jsx(M,{children:"12"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Sent",children:[e.jsx(_,{}),e.jsx("span",{children:"Sent"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Starred",children:[e.jsx(N,{}),e.jsx("span",{children:"Starred"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Trash",children:[e.jsx(G,{}),e.jsx("span",{children:"Trash"})]})})]})})]}),e.jsx(I,{}),e.jsxs(i,{children:[e.jsx(o,{children:"Projects"}),e.jsx(s,{children:e.jsxs(d,{children:[e.jsxs(n,{children:[e.jsxs(r,{tooltip:"Project Alpha",children:[e.jsx(p,{}),e.jsx("span",{children:"Alpha"})]}),e.jsx(B,{title:"New item",children:e.jsx(P,{})})]}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Project Beta",children:[e.jsx(p,{}),e.jsx("span",{children:"Beta"})]})}),e.jsx(n,{children:e.jsxs(r,{tooltip:"Settings",children:[e.jsx(A,{}),e.jsx("span",{children:"Settings"})]})})]})})]})]}),e.jsx(v,{}),e.jsx(g,{})]}),e.jsx(f,{children:e.jsxs("div",{children:[e.jsx("h3",{children:"Content Area"}),e.jsx("p",{children:"Put any content here. This panel slides from the right and can be closed via the X button."})]})})]})})};var l,S,b;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
22
|
+
parameters: {
|
|
23
|
+
centered: false
|
|
24
|
+
},
|
|
25
|
+
render: () => <div className="h-svh w-full">
|
|
26
|
+
<SidebarProvider>
|
|
27
|
+
<Sidebar>
|
|
28
|
+
<SidebarHeader>
|
|
29
|
+
<SidebarTrigger />
|
|
30
|
+
<SidebarInput placeholder="Search..." />
|
|
31
|
+
</SidebarHeader>
|
|
32
|
+
<SidebarContent>
|
|
33
|
+
<SidebarGroup>
|
|
34
|
+
<SidebarGroupLabel>Mailboxes</SidebarGroupLabel>
|
|
35
|
+
<SidebarGroupContent>
|
|
36
|
+
<SidebarMenu>
|
|
37
|
+
<SidebarMenuItem>
|
|
38
|
+
<SidebarMenuButton isActive tooltip="Inbox">
|
|
39
|
+
<Inbox />
|
|
40
|
+
<span>Inbox</span>
|
|
41
|
+
<SidebarMenuBadge>12</SidebarMenuBadge>
|
|
42
|
+
</SidebarMenuButton>
|
|
43
|
+
</SidebarMenuItem>
|
|
44
|
+
<SidebarMenuItem>
|
|
45
|
+
<SidebarMenuButton tooltip="Sent">
|
|
46
|
+
<Send />
|
|
47
|
+
<span>Sent</span>
|
|
48
|
+
</SidebarMenuButton>
|
|
49
|
+
</SidebarMenuItem>
|
|
50
|
+
<SidebarMenuItem>
|
|
51
|
+
<SidebarMenuButton tooltip="Starred">
|
|
52
|
+
<Star />
|
|
53
|
+
<span>Starred</span>
|
|
54
|
+
</SidebarMenuButton>
|
|
55
|
+
</SidebarMenuItem>
|
|
56
|
+
<SidebarMenuItem>
|
|
57
|
+
<SidebarMenuButton tooltip="Trash">
|
|
58
|
+
<Trash2 />
|
|
59
|
+
<span>Trash</span>
|
|
60
|
+
</SidebarMenuButton>
|
|
61
|
+
</SidebarMenuItem>
|
|
62
|
+
</SidebarMenu>
|
|
63
|
+
</SidebarGroupContent>
|
|
64
|
+
</SidebarGroup>
|
|
65
|
+
<SidebarSeparator />
|
|
66
|
+
<SidebarGroup>
|
|
67
|
+
<SidebarGroupLabel>Projects</SidebarGroupLabel>
|
|
68
|
+
<SidebarGroupContent>
|
|
69
|
+
<SidebarMenu>
|
|
70
|
+
<SidebarMenuItem>
|
|
71
|
+
<SidebarMenuButton tooltip="Project Alpha">
|
|
72
|
+
<Folder />
|
|
73
|
+
<span>Alpha</span>
|
|
74
|
+
</SidebarMenuButton>
|
|
75
|
+
<SidebarMenuAction title="New item">
|
|
76
|
+
<Plus />
|
|
77
|
+
</SidebarMenuAction>
|
|
78
|
+
</SidebarMenuItem>
|
|
79
|
+
<SidebarMenuItem>
|
|
80
|
+
<SidebarMenuButton tooltip="Project Beta">
|
|
81
|
+
<Folder />
|
|
82
|
+
<span>Beta</span>
|
|
83
|
+
</SidebarMenuButton>
|
|
84
|
+
</SidebarMenuItem>
|
|
85
|
+
<SidebarMenuItem>
|
|
86
|
+
<SidebarMenuButton tooltip="Settings">
|
|
87
|
+
<Settings2 />
|
|
88
|
+
<span>Settings</span>
|
|
89
|
+
</SidebarMenuButton>
|
|
90
|
+
</SidebarMenuItem>
|
|
91
|
+
</SidebarMenu>
|
|
92
|
+
</SidebarGroupContent>
|
|
93
|
+
</SidebarGroup>
|
|
94
|
+
</SidebarContent>
|
|
95
|
+
<SidebarFooter />
|
|
96
|
+
<SidebarRail />
|
|
97
|
+
</Sidebar>
|
|
98
|
+
<SidebarInset>
|
|
99
|
+
<div>
|
|
100
|
+
<h3>Content Area</h3>
|
|
101
|
+
<p>Put any content here. This panel slides from the right and can be closed via the X button.</p>
|
|
102
|
+
</div>
|
|
103
|
+
</SidebarInset>
|
|
104
|
+
</SidebarProvider>
|
|
105
|
+
</div>
|
|
106
|
+
}`,...(b=(S=a.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};const me=["BasicLayout"];export{a as BasicLayout,me as __namedExportsOrder,he as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as a}from"./skeleton-CjDnQs43.js";import"./utils-D-KgF5mV.js";const m={title:"Shadcn/UI/Skeleton",component:a},s={render:()=>e.jsxs("div",{className:"flex items-center space-x-4",children:[e.jsx(a,{className:"h-12 w-12 rounded-full"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a,{className:"h-4 w-[250px]"}),e.jsx(a,{className:"h-4 w-[200px]"})]})]})};var r,c,n;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="flex items-center space-x-4">
|
|
3
|
+
<Skeleton className="h-12 w-12 rounded-full" />
|
|
4
|
+
<div className="space-y-2">
|
|
5
|
+
<Skeleton className="h-4 w-[250px]" />
|
|
6
|
+
<Skeleton className="h-4 w-[200px]" />
|
|
7
|
+
</div>
|
|
8
|
+
</div>
|
|
9
|
+
}`,...(n=(c=s.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};const d=["Basic"];export{s as Basic,d as __namedExportsOrder,m as default};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-v7iAhKit.js";import{c as J}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{u as j}from"./index-DbaA6-o1.js";import{c as pe}from"./index-CDY5kTx5.js";import{u as he}from"./index-ByqivBWx.js";import{u as ge}from"./index-B_qx7A5T.js";import{u as Se}from"./index-_RPqOjlQ.js";import{u as ve}from"./index-Bw1A27Kp.js";import{P as B}from"./index-Tp9IdbR8.js";import{c as xe}from"./index-Bv9yk470.js";import{c as L}from"./utils-D-KgF5mV.js";import{L as be}from"./label-Do8ODIVk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-D8RXF03I.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";var Q=["PageUp","PageDown"],Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ee={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},A="Slider",[H,we,ye]=xe(A),[te,nt]=pe(A,[ye]),[Re,N]=te(A),oe=u.forwardRef((e,t)=>{const{name:o,min:r=0,max:i=100,step:l=1,orientation:n="horizontal",disabled:a=!1,minStepsBetweenThumbs:c=0,defaultValue:g=[r],value:S,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:x=!1,form:y,...v}=e,p=u.useRef(new Set),f=u.useRef(0),b=n==="horizontal"?Pe:_e,[h=[],M]=he({prop:S,defaultProp:g,onChange:w=>{var E;(E=[...p.current][f.current])==null||E.focus(),s(w)}}),T=u.useRef(h);function k(w){const R=Ae(h,w);I(w,R)}function me(w){I(w,f.current)}function fe(){const w=T.current[f.current];h[f.current]!==w&&m(h)}function I(w,R,{commit:E}={commit:!1}){const $=Be(l),z=Ke(Math.round((w-r)/l)*l+r,$),V=J(z,[r,i]);M((D=[])=>{const P=Ce(D,V,R);if(Ve(P,c*l)){f.current=P.indexOf(V);const X=String(P)!==String(D);return X&&E&&m(P),X?P:D}else return D})}return d.jsx(Re,{scope:e.__scopeSlider,name:o,disabled:a,min:r,max:i,valueIndexToChangeRef:f,thumbs:p.current,values:h,orientation:n,form:y,children:d.jsx(H.Provider,{scope:e.__scopeSlider,children:d.jsx(H.Slot,{scope:e.__scopeSlider,children:d.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...v,ref:t,onPointerDown:C(v.onPointerDown,()=>{a||(T.current=h)}),min:r,max:i,inverted:x,onSlideStart:a?void 0:k,onSlideMove:a?void 0:me,onSlideEnd:a?void 0:fe,onHomeKeyDown:()=>!a&&I(r,0,{commit:!0}),onEndKeyDown:()=>!a&&I(i,h.length-1,{commit:!0}),onStepKeyDown:({event:w,direction:R})=>{if(!a){const z=Q.includes(w.key)||w.shiftKey&&Z.includes(w.key)?10:1,V=f.current,D=h[V],P=l*z*R;I(D+P,V,{commit:!0})}}})})})})});oe.displayName=A;var[re,ne]=te(A,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Pe=u.forwardRef((e,t)=>{const{min:o,max:r,dir:i,inverted:l,onSlideStart:n,onSlideMove:a,onSlideEnd:c,onStepKeyDown:g,...S}=e,[s,m]=u.useState(null),x=j(t,b=>m(b)),y=u.useRef(void 0),v=ge(i),p=v==="ltr",f=p&&!l||!p&&l;function _(b){const h=y.current||s.getBoundingClientRect(),M=[0,h.width],k=U(M,f?[o,r]:[r,o]);return y.current=h,k(b-h.left)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:d.jsx(ie,{dir:v,"data-orientation":"horizontal",...S,ref:x,style:{...S.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const h=_(b.clientX);n==null||n(h)},onSlideMove:b=>{const h=_(b.clientX);a==null||a(h)},onSlideEnd:()=>{y.current=void 0,c==null||c()},onStepKeyDown:b=>{const M=ee[f?"from-left":"from-right"].includes(b.key);g==null||g({event:b,direction:M?-1:1})}})})}),_e=u.forwardRef((e,t)=>{const{min:o,max:r,inverted:i,onSlideStart:l,onSlideMove:n,onSlideEnd:a,onStepKeyDown:c,...g}=e,S=u.useRef(null),s=j(t,S),m=u.useRef(void 0),x=!i;function y(v){const p=m.current||S.current.getBoundingClientRect(),f=[0,p.height],b=U(f,x?[r,o]:[o,r]);return m.current=p,b(v-p.top)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:x?"bottom":"top",endEdge:x?"top":"bottom",size:"height",direction:x?1:-1,children:d.jsx(ie,{"data-orientation":"vertical",...g,ref:s,style:{...g.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:v=>{const p=y(v.clientY);l==null||l(p)},onSlideMove:v=>{const p=y(v.clientY);n==null||n(p)},onSlideEnd:()=>{m.current=void 0,a==null||a()},onStepKeyDown:v=>{const f=ee[x?"from-bottom":"from-top"].includes(v.key);c==null||c({event:v,direction:f?-1:1})}})})}),ie=u.forwardRef((e,t)=>{const{__scopeSlider:o,onSlideStart:r,onSlideMove:i,onSlideEnd:l,onHomeKeyDown:n,onEndKeyDown:a,onStepKeyDown:c,...g}=e,S=N(A,o);return d.jsx(B.span,{...g,ref:t,onKeyDown:C(e.onKeyDown,s=>{s.key==="Home"?(n(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):Q.concat(Z).includes(s.key)&&(c(s),s.preventDefault())}),onPointerDown:C(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),S.thumbs.has(m)?m.focus():r(s)}),onPointerMove:C(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&i(s)}),onPointerUp:C(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),l(s))})})}),ae="SliderTrack",se=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(ae,o);return d.jsx(B.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...r,ref:t})});se.displayName=ae;var O="SliderRange",le=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(O,o),l=ne(O,o),n=u.useRef(null),a=j(t,n),c=i.values.length,g=i.values.map(m=>ue(m,i.min,i.max)),S=c>1?Math.min(...g):0,s=100-Math.max(...g);return d.jsx(B.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...r,ref:a,style:{...e.style,[l.startEdge]:S+"%",[l.endEdge]:s+"%"}})});le.displayName=O;var F="SliderThumb",ce=u.forwardRef((e,t)=>{const o=we(e.__scopeSlider),[r,i]=u.useState(null),l=j(t,a=>i(a)),n=u.useMemo(()=>r?o().findIndex(a=>a.ref.current===r):-1,[o,r]);return d.jsx(Ee,{...e,ref:l,index:n})}),Ee=u.forwardRef((e,t)=>{const{__scopeSlider:o,index:r,name:i,...l}=e,n=N(F,o),a=ne(F,o),[c,g]=u.useState(null),S=j(t,_=>g(_)),s=c?n.form||!!c.closest("form"):!0,m=ve(c),x=n.values[r],y=x===void 0?0:ue(x,n.min,n.max),v=je(r,n.values.length),p=m==null?void 0:m[a.size],f=p?Me(p,y,a.direction):0;return u.useEffect(()=>{if(c)return n.thumbs.add(c),()=>{n.thumbs.delete(c)}},[c,n.thumbs]),d.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${y}% + ${f}px)`},children:[d.jsx(H.ItemSlot,{scope:e.__scopeSlider,children:d.jsx(B.span,{role:"slider","aria-label":e["aria-label"]||v,"aria-valuemin":n.min,"aria-valuenow":x,"aria-valuemax":n.max,"aria-orientation":n.orientation,"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,tabIndex:n.disabled?void 0:0,...l,ref:S,style:x===void 0?{display:"none"}:e.style,onFocus:C(e.onFocus,()=>{n.valueIndexToChangeRef.current=r})})}),s&&d.jsx(de,{name:i??(n.name?n.name+(n.values.length>1?"[]":""):void 0),form:n.form,value:x},r)]})});ce.displayName=F;var De="RadioBubbleInput",de=u.forwardRef(({__scopeSlider:e,value:t,...o},r)=>{const i=u.useRef(null),l=j(i,r),n=Se(t);return u.useEffect(()=>{const a=i.current;if(!a)return;const c=window.HTMLInputElement.prototype,S=Object.getOwnPropertyDescriptor(c,"value").set;if(n!==t&&S){const s=new Event("input",{bubbles:!0});S.call(a,t),a.dispatchEvent(s)}},[n,t]),d.jsx(B.input,{style:{display:"none"},...o,ref:l,defaultValue:t})});de.displayName=De;function Ce(e=[],t,o){const r=[...e];return r[o]=t,r.sort((i,l)=>i-l)}function ue(e,t,o){const l=100/(o-t)*(e-t);return J(l,[0,100])}function je(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function Ae(e,t){if(e.length===1)return 0;const o=e.map(i=>Math.abs(i-t)),r=Math.min(...o);return o.indexOf(r)}function Me(e,t,o){const r=e/2,l=U([0,50],[0,r]);return(r-l(t)*o)*o}function Ie(e){return e.slice(0,-1).map((t,o)=>e[o+1]-t)}function Ve(e,t){if(t>0){const o=Ie(e);return Math.min(...o)>=t}return!0}function U(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Be(e){return(String(e).split(".")[1]||"").length}function Ke(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}var Ne=oe,Te=se,ke=le,ze=ce;function Y({className:e,defaultValue:t,value:o,min:r=0,max:i=100,...l}){const n=u.useMemo(()=>Array.isArray(o)?o:Array.isArray(t)?t:[r,i],[o,t,r,i]);return d.jsxs(Ne,{"data-slot":"slider",defaultValue:t,value:o,min:r,max:i,className:L("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),...l,children:[d.jsx(Te,{"data-slot":"slider-track",className:L("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),children:d.jsx(ke,{"data-slot":"slider-range",className:L("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")})}),Array.from({length:n.length},(a,c)=>d.jsx(ze,{"data-slot":"slider-thumb",className:"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},c))]})}Y.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{min:{defaultValue:{value:"0",computed:!1},required:!1},max:{defaultValue:{value:"100",computed:!1},required:!1}}};const it={title:"Shadcn/UI/Slider",component:Y},K={render:()=>d.jsxs("div",{className:"w-[320px] grid gap-3",children:[d.jsx(be,{htmlFor:"volume",children:"Volume"}),d.jsx(Y,{id:"volume",defaultValue:[50],max:100,step:1})]})};var q,G,W;K.parameters={...K.parameters,docs:{...(q=K.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="w-[320px] grid gap-3">
|
|
3
|
+
<Label htmlFor="volume">Volume</Label>
|
|
4
|
+
<Slider id="volume" defaultValue={[50]} max={100} step={1} />
|
|
5
|
+
</div>
|
|
6
|
+
}`,...(W=(G=K.parameters)==null?void 0:G.docs)==null?void 0:W.source}}};const at=["Basic"];export{K as Basic,at as __namedExportsOrder,it as default};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{z as d}from"./index-Dph_5COR.js";import{T as m,t as r}from"./index-XSmPROEP.js";import{B as t}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const s=({...c})=>{const{theme:l="system"}=d();return o.jsx(m,{theme:l,className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},...c})};s.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const k={title:"Shadcn/UI/Sonner",component:s},e={render:()=>o.jsxs("div",{className:"space-y-3",children:[o.jsx(s,{richColors:!0,position:"top-right"}),o.jsxs("div",{className:"flex flex-wrap gap-2",children:[o.jsx(t,{onClick:()=>r("Hello from Sonner!"),children:"Default"}),o.jsx(t,{variant:"secondary",onClick:()=>r.success("Saved successfully"),children:"Success"}),o.jsx(t,{variant:"destructive",onClick:()=>r.error("Something went wrong"),children:"Error"}),o.jsx(t,{variant:"outline",onClick:()=>r("Action required",{action:{label:"Undo",onClick:()=>r("Undone")}}),children:"With action"})]})]})};var n,a,i;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="space-y-3">
|
|
3
|
+
<Toaster richColors position="top-right" />
|
|
4
|
+
<div className="flex flex-wrap gap-2">
|
|
5
|
+
<Button onClick={() => toast('Hello from Sonner!')}>Default</Button>
|
|
6
|
+
<Button variant="secondary" onClick={() => toast.success('Saved successfully')}>Success</Button>
|
|
7
|
+
<Button variant="destructive" onClick={() => toast.error('Something went wrong')}>Error</Button>
|
|
8
|
+
<Button variant="outline" onClick={() => toast('Action required', {
|
|
9
|
+
action: {
|
|
10
|
+
label: 'Undo',
|
|
11
|
+
onClick: () => toast('Undone')
|
|
12
|
+
}
|
|
13
|
+
})}>
|
|
14
|
+
With action
|
|
15
|
+
</Button>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
}`,...(i=(a=e.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const y=["Basic"];export{e as Basic,y as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{S as i}from"./switch-CKGRuk3u.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-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./utils-D-KgF5mV.js";const B={title:"Shadcn/UI/Switch",component:i};function n(){const[r,a]=c.useState(!1);return t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(i,{checked:r,onCheckedChange:a,id:"demo-switch"}),t.jsx("label",{htmlFor:"demo-switch",className:"text-sm",children:r?"Enabled":"Disabled"})]})}const e={render:()=>t.jsx(n,{})};var o,s,m;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <SwitchDemo />
|
|
3
|
+
}`,...(m=(s=e.parameters)==null?void 0:s.docs)==null?void 0:m.source}}};const C=["Basic"];export{e as Basic,C as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-v7iAhKit.js";import{T as B,f as K,a as O,b as T,c as o,d as _,e as t}from"./table-CP3vMqFn.js";import{I as X}from"./input-11YRd9gD.js";import{B as r}from"./button-0oMkiryo.js";import{S as H,a as R,b as M,c as U,d as C}from"./select-DDrkxaOg.js";import{C as D}from"./checkbox-CyIeaWHX.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-Bv9yk470.js";import"./index-CDY5kTx5.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-0-qMRXou.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-ByqivBWx.js";import"./index-_RPqOjlQ.js";import"./index-C9Ta0ZTH.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./check-B9hBGj6o.js";import"./index-AvwFFKJc.js";const Ue={title:"Shadcn/UI/Table",component:B},w={render:()=>e.jsxs(B,{children:[e.jsx(K,{children:"A list of recent invoices."}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{children:"Invoice"}),e.jsx(o,{children:"Status"}),e.jsx(o,{children:"Method"}),e.jsx(o,{children:"Amount"})]})}),e.jsxs(_,{children:[e.jsxs(T,{children:[e.jsx(t,{children:"INV001"}),e.jsx(t,{children:"Paid"}),e.jsx(t,{children:"Credit Card"}),e.jsx(t,{children:"$250.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV002"}),e.jsx(t,{children:"Processing"}),e.jsx(t,{children:"PayPal"}),e.jsx(t,{children:"$150.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV003"}),e.jsx(t,{children:"Unpaid"}),e.jsx(t,{children:"Bank Transfer"}),e.jsx(t,{children:"$350.00"})]})]})]})};function Y(u){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(u/100)}const Z=[{id:"INV001",status:"Paid",method:"Credit Card",amount:25e3},{id:"INV002",status:"Processing",method:"PayPal",amount:15e3},{id:"INV003",status:"Unpaid",method:"Bank Transfer",amount:35e3},{id:"INV004",status:"Paid",method:"Credit Card",amount:12e3},{id:"INV005",status:"Unpaid",method:"PayPal",amount:9800},{id:"INV006",status:"Processing",method:"Bank Transfer",amount:44e3},{id:"INV007",status:"Paid",method:"Credit Card",amount:199900},{id:"INV008",status:"Processing",method:"PayPal",amount:5600},{id:"INV009",status:"Unpaid",method:"Credit Card",amount:7600},{id:"INV010",status:"Paid",method:"Bank Transfer",amount:87500}];function ee(u,s){const S=i.useMemo(()=>{const n=s.query.trim().toLowerCase();return u.filter(m=>{const f=n?m.id.toLowerCase().includes(n)||m.method.toLowerCase().includes(n):!0,l=s.status==="all"?!0:m.status===s.status;return f&&l})},[u,s.query,s.status]),N=i.useMemo(()=>{if(!s.sortKey)return S;const n=[...S].sort((m,f)=>{const l=s.sortKey,j=m[l],b=f[l];return typeof j=="number"&&typeof b=="number"?j-b:String(j).localeCompare(String(b))});return s.sortDir==="asc"?n:n.reverse()},[S,s.sortDir,s.sortKey]),c=N.length,y=s.page*s.pageSize,x=y+s.pageSize,I=N.slice(y,x),d=Math.max(1,Math.ceil(c/s.pageSize));return{rows:I,total:c,totalPages:d}}function ae(){const[u,s]=i.useState(""),[S,N]=i.useState("all"),[c,y]=i.useState("id"),[x,I]=i.useState("asc"),[d,n]=i.useState(0),[m,f]=i.useState(5),[l,j]=i.useState(new Set),{rows:b,total:Q,totalPages:v}=ee(Z,{sortKey:c,sortDir:x,query:u,status:S,page:d,pageSize:m});function k(a){n(0),y(h=>h!==a?(I("asc"),a):(I(p=>p==="asc"?"desc":"asc"),h))}const P=b.map(a=>a.id),A=P.length>0&&P.every(a=>l.has(a)),W=P.some(a=>l.has(a))&&!A;function G(a){j(h=>{const p=new Set(h);return a?P.forEach(g=>p.add(g)):P.forEach(g=>p.delete(g)),p})}function J(a,h){j(p=>{const g=new Set(p);return h?g.add(a):g.delete(a),g})}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(X,{placeholder:"Search invoice or method...",value:u,onChange:a=>{n(0),s(a.target.value)},className:"w-60"}),e.jsxs(H,{value:S,onValueChange:a=>{n(0),N(a)},children:[e.jsx(R,{className:"w-44",children:e.jsx(M,{placeholder:"Status"})}),e.jsxs(U,{children:[e.jsx(C,{value:"all",children:"All statuses"}),e.jsx(C,{value:"Paid",children:"Paid"}),e.jsx(C,{value:"Processing",children:"Processing"}),e.jsx(C,{value:"Unpaid",children:"Unpaid"})]})]}),e.jsxs(H,{value:String(m),onValueChange:a=>{n(0),f(parseInt(a,10))},children:[e.jsx(R,{className:"w-36",children:e.jsx(M,{placeholder:"Page size"})}),e.jsxs(U,{children:[e.jsx(C,{value:"5",children:"5 / page"}),e.jsx(C,{value:"10",children:"10 / page"}),e.jsx(C,{value:"20",children:"20 / page"})]})]})]}),l.size>0&&e.jsxs("div",{className:"flex items-center justify-between rounded-md border bg-muted/40 px-3 py-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("strong",{children:l.size})," selected"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>j(new Set),children:"Clear selection"}),e.jsx(r,{variant:"default",children:"Bulk action"})]})]}),e.jsxs(B,{children:[e.jsxs(K,{children:["Invoices (",Q," total)"]}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{className:"w-10",children:e.jsx(D,{checked:W?"indeterminate":A,onCheckedChange:a=>G(a==="indeterminate"?!0:!!a),"aria-label":"Select all on page"})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("id"),children:["Invoice ",c==="id"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("status"),children:["Status ",c==="status"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("method"),children:["Method ",c==="method"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{className:"text-right",children:e.jsxs(r,{variant:"ghost",onClick:()=>k("amount"),children:["Amount ",c==="amount"&&(x==="asc"?"▲":"▼")]})})]})}),e.jsxs(_,{children:[b.map(a=>e.jsxs(T,{children:[e.jsx(t,{className:"w-10",children:e.jsx(D,{checked:l.has(a.id),onCheckedChange:h=>J(a.id,!!h),"aria-label":`Select ${a.id}`})}),e.jsx(t,{className:"font-medium",children:a.id}),e.jsx(t,{children:a.status}),e.jsx(t,{children:a.method}),e.jsx(t,{className:"text-right",children:Y(a.amount)})]},a.id)),b.length===0&&e.jsx(T,{children:e.jsx(t,{colSpan:5,className:"text-center text-muted-foreground",children:"No results"})})]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Page ",d+1," of ",v]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>n(0),disabled:d===0,children:"« First"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.max(0,a-1)),disabled:d===0,children:"‹ Prev"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.min(v-1,a+1)),disabled:d>=v-1,children:"Next ›"}),e.jsx(r,{variant:"outline",onClick:()=>n(v-1),disabled:d>=v-1,children:"Last »"})]})]})]})}const V={render:()=>e.jsx(ae,{})};var z,$,E;w.parameters={...w.parameters,docs:{...(z=w.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Table>
|
|
3
|
+
<TableCaption>A list of recent invoices.</TableCaption>
|
|
4
|
+
<TableHeader>
|
|
5
|
+
<TableRow>
|
|
6
|
+
<TableHead>Invoice</TableHead>
|
|
7
|
+
<TableHead>Status</TableHead>
|
|
8
|
+
<TableHead>Method</TableHead>
|
|
9
|
+
<TableHead>Amount</TableHead>
|
|
10
|
+
</TableRow>
|
|
11
|
+
</TableHeader>
|
|
12
|
+
<TableBody>
|
|
13
|
+
<TableRow>
|
|
14
|
+
<TableCell>INV001</TableCell>
|
|
15
|
+
<TableCell>Paid</TableCell>
|
|
16
|
+
<TableCell>Credit Card</TableCell>
|
|
17
|
+
<TableCell>$250.00</TableCell>
|
|
18
|
+
</TableRow>
|
|
19
|
+
<TableRow>
|
|
20
|
+
<TableCell>INV002</TableCell>
|
|
21
|
+
<TableCell>Processing</TableCell>
|
|
22
|
+
<TableCell>PayPal</TableCell>
|
|
23
|
+
<TableCell>$150.00</TableCell>
|
|
24
|
+
</TableRow>
|
|
25
|
+
<TableRow>
|
|
26
|
+
<TableCell>INV003</TableCell>
|
|
27
|
+
<TableCell>Unpaid</TableCell>
|
|
28
|
+
<TableCell>Bank Transfer</TableCell>
|
|
29
|
+
<TableCell>$350.00</TableCell>
|
|
30
|
+
</TableRow>
|
|
31
|
+
</TableBody>
|
|
32
|
+
</Table>
|
|
33
|
+
}`,...(E=($=w.parameters)==null?void 0:$.docs)==null?void 0:E.source}}};var F,L,q;V.parameters={...V.parameters,docs:{...(F=V.parameters)==null?void 0:F.docs,source:{originalSource:`{
|
|
34
|
+
render: () => <TableAdvancedDemo />
|
|
35
|
+
}`,...(q=(L=V.parameters)==null?void 0:L.docs)==null?void 0:q.source}}};const De=["Basic","WithSortingFilteringPagination"];export{w as Basic,V as WithSortingFilteringPagination,De as __namedExportsOrder,Ue as default};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{T as c,a as i,b as s,c as e}from"./tabs-CopK2m3j.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-CWjrGFAQ.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./index-ByqivBWx.js";import"./index-B_qx7A5T.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";const B={title:"Shadcn/UI/Tabs",component:c},r={render:()=>a.jsxs(c,{defaultValue:"account",className:"w-[400px]",children:[a.jsxs(i,{children:[a.jsx(s,{value:"account",children:"Account"}),a.jsx(s,{value:"password",children:"Password"})]}),a.jsx(e,{value:"account",children:"Make changes to your account here."}),a.jsx(e,{value:"password",children:"Change your password here."})]})};var o,t,n;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Tabs defaultValue="account" className="w-[400px]">
|
|
3
|
+
<TabsList>
|
|
4
|
+
<TabsTrigger value="account">Account</TabsTrigger>
|
|
5
|
+
<TabsTrigger value="password">Password</TabsTrigger>
|
|
6
|
+
</TabsList>
|
|
7
|
+
<TabsContent value="account">Make changes to your account here.</TabsContent>
|
|
8
|
+
<TabsContent value="password">Change your password here.</TabsContent>
|
|
9
|
+
</Tabs>
|
|
10
|
+
}`,...(n=(t=r.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const E=["Basic"];export{r as Basic,E as __namedExportsOrder,B as default};
|