@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,4 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as d}from"./iframe-v7iAhKit.js";import{A as a,c,a as u,b,R as g,T as x,O as R,u as h,H as f}from"./AdminLayout-CPvVCwfY.js";import{S as j,a as C}from"./shopping-cart-BFlrufvo.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.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";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const gr={title:"Kit/Layouts/Admin",component:a};function A(){const{registerGroup:e,registerItem:r,clear:o}=h();return d.useEffect(()=>{o(),e({id:"main",label:"Main"}),r("main",{id:"dashboard",title:"Dashboard",url:"/",icon:f}),e({id:"commerce",label:"Commerce"}),r("commerce",{id:"orders",title:"Orders",url:"/orders",icon:j,badge:12}),e({id:"settings",label:"Settings"}),r("settings",{id:"general",title:"General",url:"/settings",icon:C})},[e,r,o]),null}function S(e){const r=c({component:()=>t.jsx(x,{children:t.jsxs(a,{...e,children:[t.jsx(A,{}),t.jsx(R,{})]})})}),o=u({getParentRoute:()=>r,path:"/",component:()=>t.jsx("div",{className:"p-6",children:"Home"})}),n=r.addChildren([o]),l=b({routeTree:n,basepath:"/iframe.html"});return t.jsx(g,{router:l})}const i={name:"Collapsible sidebar",render:()=>t.jsx(S,{sidebarCollapsible:!0})};var m,s,p;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Collapsible sidebar',
|
|
3
|
+
render: () => <App sidebarCollapsible />
|
|
4
|
+
}`,...(p=(s=i.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};const xr=["Collapsible"];export{i as Collapsible,xr as __namedExportsOrder,gr as default};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as y}from"./iframe-v7iAhKit.js";import{A as c,H as h,c as f,a as l,b as v,R as A,T as k,O as C,u as j}from"./AdminLayout-CPvVCwfY.js";import{C as T}from"./chart-column-DZGb4ZZS.js";import{c as s}from"./createLucideIcon-BrHXro7t.js";import{S,a as H}from"./shopping-cart-BFlrufvo.js";import"./preload-helper-Dp1pzeXC.js";import"./sidebar-C8hU1Mxy.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";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.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 M=[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]],N=s("bell",M);/**
|
|
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 R=[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],p=s("file-text",R);/**
|
|
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 _=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.93 4.93 4.24 4.24",key:"1ymg45"}],["path",{d:"m14.83 9.17 4.24-4.24",key:"1cb5xl"}],["path",{d:"m14.83 14.83 4.24 4.24",key:"q42g0n"}],["path",{d:"m9.17 14.83-4.24 4.24",key:"bqpfvv"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}]],O=s("life-buoy",_);/**
|
|
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 w=[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}]],P=s("shield",w);/**
|
|
22
|
+
* @license lucide-react v0.540.0 - ISC
|
|
23
|
+
*
|
|
24
|
+
* This source code is licensed under the ISC license.
|
|
25
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
+
*/const E=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]],q=s("users",E),_e={title:"Kit/Layouts/Admin",component:c};function B(){const{registerGroup:r,registerItem:e,clear:i}=j();return y.useEffect(()=>{i(),r({id:"overview",label:"Overview"}),e("overview",{id:"home",title:"Home",url:"/",icon:h}),e("overview",{id:"reports",title:"Reports",url:"/reports",icon:T,badge:"New"}),r({id:"management",label:"Management"}),e("management",{id:"users",title:"Users",icon:q,badge:3,children:[{id:"users-all",title:"All Users",url:"/users"},{id:"users-teams",title:"Teams",children:[{id:"team-alpha",title:"Team Alpha",url:"/users/teams/alpha",children:[{id:"team-alpha-members",title:"Members",url:"/users/teams/alpha/members"},{id:"team-alpha-settings",title:"Settings",url:"/users/teams/alpha/settings"}]},{id:"team-beta",title:"Team Beta",url:"/users/teams/beta"}]}]}),e("management",{id:"orders",title:"Orders",icon:S,children:[{id:"orders-all",title:"All Orders",url:"/orders"},{id:"orders-pending",title:"Pending",url:"/orders/pending",badge:5},{id:"orders-completed",title:"Completed",url:"/orders/completed"}]}),e("management",{id:"export",title:"Export CSV",onClick:()=>console.log("Export CSV")}),r({id:"content",label:"Content"}),e("content",{id:"articles",title:"Articles",icon:p,children:[{id:"articles-published",title:"Published",url:"/articles"},{id:"articles-archived",title:"Archived",url:"/articles/archived"}]}),e("content",{id:"drafts",title:"Drafts",url:"/drafts",icon:p,badge:7}),r({id:"system",label:"System"}),e("system",{id:"alerts",title:"Alerts",url:"/alerts",icon:N}),e("system",{id:"security",title:"Security",url:"/security",icon:P,disabled:!0}),e("system",{id:"support",title:"Support",url:"/support",icon:O}),r({id:"settings",label:"Settings"}),e("settings",{id:"general",title:"General",url:"/settings",icon:H})},[r,e,i]),null}function I(r){const e=f({component:()=>t.jsx(k,{children:t.jsxs(c,{...r,children:[t.jsx(B,{}),t.jsx(C,{})]})})}),i=l({getParentRoute:()=>e,path:"/",component:()=>t.jsxs("div",{className:"p-6",children:[t.jsx("h2",{className:"text-xl font-semibold mb-2",children:"Home"}),t.jsx("p",{className:"text-muted-foreground",children:"Overview of your admin panel."})]})}),u=[{path:"/reports",title:"Reports"},{path:"/users",title:"Users"},{path:"/users/teams/alpha",title:"Team Alpha"},{path:"/users/teams/alpha/members",title:"Team Alpha Members"},{path:"/users/teams/alpha/settings",title:"Team Alpha Settings"},{path:"/users/teams/beta",title:"Team Beta"},{path:"/orders",title:"Orders"},{path:"/orders/pending",title:"Orders Pending"},{path:"/orders/completed",title:"Orders Completed"},{path:"/articles",title:"Articles"},{path:"/articles/archived",title:"Articles Archived"},{path:"/drafts",title:"Drafts"},{path:"/alerts",title:"Alerts"},{path:"/security",title:"Security"},{path:"/support",title:"Support"},{path:"/settings",title:"Settings"}].map(({path:b,title:o})=>l({getParentRoute:()=>e,path:b,component:()=>t.jsxs("div",{className:"p-6",children:[t.jsx("h2",{className:"text-xl font-semibold mb-2",children:o}),t.jsxs("p",{className:"text-muted-foreground",children:["This is the ",o," page."]})]})})),x=e.addChildren([i,...u]),g=v({routeTree:x,basepath:"/iframe.html"});return t.jsx(A,{router:g})}const a={name:"Complex menu",render:()=>t.jsx(I,{sidebarHeaderIcon:h,sidebarHeaderTitle:t.jsx("span",{children:"Admin App"}),headerAfterTrigger:t.jsx("input",{className:"h-8 w-64 rounded-md border px-3 text-sm",placeholder:"Quick search…"}),headerAfterTheme:t.jsx("button",{className:"h-8 rounded-md border px-3 text-sm",children:"Help"})})};var m,d,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
27
|
+
name: 'Complex menu',
|
|
28
|
+
render: () => <App sidebarHeaderIcon={Home} sidebarHeaderTitle={<span>Admin App</span>} headerAfterTrigger={<input className="h-8 w-64 rounded-md border px-3 text-sm" placeholder="Quick search…" />} headerAfterTheme={<button className="h-8 rounded-md border px-3 text-sm">Help</button>} />
|
|
29
|
+
}`,...(n=(d=a.parameters)==null?void 0:d.docs)==null?void 0:n.source}}};const Oe=["Complex"];export{a as Complex,Oe as __namedExportsOrder,_e as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as p,c as u,a as l,b as x,R as f,T as h,O as g,u as v,H as j}from"./AdminLayout-CPvVCwfY.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.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";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const ue={title:"Kit/Layouts/Admin",component:p};function b(){const{registerGroup:r,registerItem:t,clear:o}=v();return c.useEffect(()=>{o(),r({id:"overview",label:"Overview"}),t("overview",{id:"home",title:"Home",url:"/",icon:j})},[r,t,o]),null}function R(r){const t=u({component:()=>e.jsx(h,{children:e.jsxs(p,{...r,children:[e.jsx(b,{}),e.jsx(g,{})]})})}),o=l({getParentRoute:()=>t,path:"/",component:()=>e.jsx("div",{className:"p-6",children:"Home"})}),n=t.addChildren([o]),d=x({routeTree:n,basepath:"/iframe.html"});return e.jsx(f,{router:d})}const m={name:"Custom sidebar header component",render:()=>e.jsx(R,{sidebarHeader:e.jsx("div",{className:"px-4 py-3",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("img",{src:"https://dummyimage.com/32x32/000/fff.png&text=A",alt:"Logo",className:"h-8 w-8 rounded"}),e.jsx("span",{className:"font-semibold",children:"My Admin"})]})})})};var i,s,a;m.parameters={...m.parameters,docs:{...(i=m.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Custom sidebar header component',
|
|
3
|
+
render: () => <App sidebarHeader={<div className="px-4 py-3">
|
|
4
|
+
<div className="flex items-center gap-2">
|
|
5
|
+
<img src="https://dummyimage.com/32x32/000/fff.png&text=A" alt="Logo" className="h-8 w-8 rounded" />
|
|
6
|
+
<span className="font-semibold">My Admin</span>
|
|
7
|
+
</div>
|
|
8
|
+
</div>} />
|
|
9
|
+
}`,...(a=(s=m.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const le=["CustomSidebarHeaderComponent"];export{m as CustomSidebarHeaderComponent,le as __namedExportsOrder,ue as default};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as a,c as u,a as l,b as x,R as b,T as h,O as R,u as C,H as f}from"./AdminLayout-CPvVCwfY.js";import{C as j}from"./chart-column-DZGb4ZZS.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.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";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const xr={title:"Kit/Layouts/Admin",component:a};function v(){const{registerGroup:o,registerItem:t,clear:e}=C();return c.useEffect(()=>{e(),o({id:"overview",label:"Overview"}),t("overview",{id:"home",title:"Home",url:"/",icon:f})},[o,t,e]),null}function T(o){const t=u({component:()=>r.jsx(h,{children:r.jsxs(a,{...o,children:[r.jsx(v,{}),r.jsx(R,{})]})})}),e=l({getParentRoute:()=>t,path:"/",component:()=>r.jsx("div",{className:"p-6",children:"Home"})}),n=t.addChildren([e]),d=x({routeTree:n,basepath:"/iframe.html"});return r.jsx(b,{router:d})}const i={name:"Custom sidebar title and icon",render:()=>r.jsx(T,{sidebarHeaderIcon:j,sidebarHeaderTitle:r.jsx("span",{children:"Custom Title"})})};var m,s,p;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Custom sidebar title and icon',
|
|
3
|
+
render: () => <App sidebarHeaderIcon={BarChart3} sidebarHeaderTitle={<span>Custom Title</span>} />
|
|
4
|
+
}`,...(p=(s=i.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};const br=["CustomSidebarTitleAndIcon"];export{i as CustomSidebarTitleAndIcon,br as __namedExportsOrder,xr as default};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{A as p,c as u,a as l,b as x,R as h,T as g,O as f,u as b,H as v}from"./AdminLayout-CPvVCwfY.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./sidebar-C8hU1Mxy.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";import"./index-WyF3-wTE.js";import"./dropdown-menu-BWxxwPHL.js";import"./index-DLIxT4Z7.js";import"./index-Bv9yk470.js";import"./index-B_qx7A5T.js";import"./index-CWjrGFAQ.js";import"./check-B9hBGj6o.js";import"./circle-C5Lzx6Nx.js";import"./chevron-right-B5vIMLxK.js";import"./index-Dph_5COR.js";import"./chevron-down-D_37S6il.js";const ue={title:"Kit/Layouts/Admin",component:p};function j(){const{registerGroup:t,registerItem:r,clear:o}=b();return c.useEffect(()=>{o(),t({id:"overview",label:"Overview"}),r("overview",{id:"home",title:"Home",url:"/",icon:v})},[t,r,o]),null}function R(t){const r=u({component:()=>e.jsx(g,{children:e.jsxs(p,{...t,children:[e.jsx(j,{}),e.jsx(f,{})]})})}),o=l({getParentRoute:()=>r,path:"/",component:()=>e.jsx("div",{className:"p-6",children:"Home"})}),d=r.addChildren([o]),n=x({routeTree:d,basepath:"/iframe.html"});return e.jsx(h,{router:n})}const m={name:"Header slots (after trigger/theme)",render:()=>e.jsx(R,{headerAfterTrigger:e.jsx("input",{className:"h-8 w-64 rounded-md border px-3 text-sm",placeholder:"Search…"}),headerAfterTheme:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("button",{className:"h-8 rounded-md border px-3 text-sm",children:"Invite"}),e.jsx("button",{className:"h-8 rounded-md bg-primary px-3 text-sm text-primary-foreground",children:"New"})]})})};var i,s,a;m.parameters={...m.parameters,docs:{...(i=m.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Header slots (after trigger/theme)',
|
|
3
|
+
render: () => <App headerAfterTrigger={<input className="h-8 w-64 rounded-md border px-3 text-sm" placeholder="Search…" />} headerAfterTheme={<div className="flex items-center gap-2">
|
|
4
|
+
<button className="h-8 rounded-md border px-3 text-sm">Invite</button>
|
|
5
|
+
<button className="h-8 rounded-md bg-primary px-3 text-sm text-primary-foreground">New</button>
|
|
6
|
+
</div>} />
|
|
7
|
+
}`,...(a=(s=m.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const le=["HeaderSlots"];export{m as HeaderSlots,le as __namedExportsOrder,ue as default};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{c as v}from"./index-CGrAONsN.js";import{c as i}from"./utils-D-KgF5mV.js";import{c as h}from"./createLucideIcon-BrHXro7t.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.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 f=[["path",{d:"M12 19h8",key:"baeox8"}],["path",{d:"m4 17 6-6-6-6",key:"1yngyt"}]],A=h("terminal",f);/**
|
|
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 j=[["path",{d:"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",key:"wmoenq"}],["path",{d:"M12 9v4",key:"juzpu7"}],["path",{d:"M12 17h.01",key:"p32p05"}]],_=h("triangle-alert",j),y=v("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",{variants:{variant:{default:"bg-card text-card-foreground",destructive:"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"}},defaultVariants:{variant:"default"}});function n({className:t,variant:r,...x}){return e.jsx("div",{"data-slot":"alert",role:"alert",className:i(y({variant:r}),t),...x})}function o({className:t,...r}){return e.jsx("div",{"data-slot":"alert-title",className:i("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",t),...r})}function c({className:t,...r}){return e.jsx("div",{"data-slot":"alert-description",className:i("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",t),...r})}n.__docgenInfo={description:"",methods:[],displayName:"Alert"};o.__docgenInfo={description:"",methods:[],displayName:"AlertTitle"};c.__docgenInfo={description:"",methods:[],displayName:"AlertDescription"};const b={title:"Shadcn/UI/Alert",component:n},a={render:t=>e.jsxs(n,{...t,children:[e.jsx(A,{className:"h-4 w-4"}),e.jsx(o,{children:"Heads up!"}),e.jsx(c,{children:"You can add components using the shadcn UI CLI."})]})},s={render:t=>e.jsxs(n,{variant:"destructive",...t,children:[e.jsx(_,{className:"h-4 w-4"}),e.jsx(o,{children:"Error"}),e.jsx(c,{children:"Your session has expired. Please log in again."})]})};var l,d,p;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
12
|
+
render: args => <Alert {...args}>
|
|
13
|
+
<Terminal className="h-4 w-4" />
|
|
14
|
+
<AlertTitle>Heads up!</AlertTitle>
|
|
15
|
+
<AlertDescription>
|
|
16
|
+
You can add components using the shadcn UI CLI.
|
|
17
|
+
</AlertDescription>
|
|
18
|
+
</Alert>
|
|
19
|
+
}`,...(p=(d=a.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var m,u,g;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
20
|
+
render: args => <Alert variant="destructive" {...args}>
|
|
21
|
+
<AlertTriangle className="h-4 w-4" />
|
|
22
|
+
<AlertTitle>Error</AlertTitle>
|
|
23
|
+
<AlertDescription>
|
|
24
|
+
Your session has expired. Please log in again.
|
|
25
|
+
</AlertDescription>
|
|
26
|
+
</Alert>
|
|
27
|
+
}`,...(g=(u=s.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const E=["Default","Destructive"];export{a as Default,s as Destructive,E as __namedExportsOrder,b as default};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{A as l,h as d,a as u,b as D,c as A,d as m,e as p,f as h,g as x}from"./alert-dialog-DCUEwpqm.js";import{B as j,b as v}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.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"./index-CGrAONsN.js";const J={title:"Shadcn/UI/AlertDialog",component:l},r={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"outline",children:"Show Dialog"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{children:"Continue"})]})]})]})},t={render:o=>e.jsxs(l,{...o,children:[e.jsx(d,{asChild:!0,children:e.jsx(j,{variant:"destructive",children:"Delete account"})}),e.jsxs(u,{children:[e.jsxs(D,{children:[e.jsx(A,{children:"Are you absolutely sure?"}),e.jsx(m,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),e.jsxs(p,{children:[e.jsx(h,{children:"Cancel"}),e.jsx(x,{className:v({variant:"destructive"}),children:"Delete"})]})]})]})};var a,i,n;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <AlertDialog {...args}>
|
|
3
|
+
<AlertDialogTrigger asChild>
|
|
4
|
+
<Button variant="outline">Show Dialog</Button>
|
|
5
|
+
</AlertDialogTrigger>
|
|
6
|
+
<AlertDialogContent>
|
|
7
|
+
<AlertDialogHeader>
|
|
8
|
+
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
|
|
9
|
+
<AlertDialogDescription>
|
|
10
|
+
This action cannot be undone. This will permanently delete your
|
|
11
|
+
account and remove your data from our servers.
|
|
12
|
+
</AlertDialogDescription>
|
|
13
|
+
</AlertDialogHeader>
|
|
14
|
+
<AlertDialogFooter>
|
|
15
|
+
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
16
|
+
<AlertDialogAction>Continue</AlertDialogAction>
|
|
17
|
+
</AlertDialogFooter>
|
|
18
|
+
</AlertDialogContent>
|
|
19
|
+
</AlertDialog>
|
|
20
|
+
}`,...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};var s,c,g;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
21
|
+
render: args => <AlertDialog {...args}>
|
|
22
|
+
<AlertDialogTrigger asChild>
|
|
23
|
+
<Button variant="destructive">Delete account</Button>
|
|
24
|
+
</AlertDialogTrigger>
|
|
25
|
+
<AlertDialogContent>
|
|
26
|
+
<AlertDialogHeader>
|
|
27
|
+
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
|
|
28
|
+
<AlertDialogDescription>
|
|
29
|
+
This action cannot be undone. This will permanently delete your
|
|
30
|
+
account and remove your data from our servers.
|
|
31
|
+
</AlertDialogDescription>
|
|
32
|
+
</AlertDialogHeader>
|
|
33
|
+
<AlertDialogFooter>
|
|
34
|
+
<AlertDialogCancel>Cancel</AlertDialogCancel>
|
|
35
|
+
<AlertDialogAction className={buttonVariants({
|
|
36
|
+
variant: 'destructive'
|
|
37
|
+
})}>
|
|
38
|
+
Delete
|
|
39
|
+
</AlertDialogAction>
|
|
40
|
+
</AlertDialogFooter>
|
|
41
|
+
</AlertDialogContent>
|
|
42
|
+
</AlertDialog>
|
|
43
|
+
}`,...(g=(c=t.parameters)==null?void 0:c.docs)==null?void 0:g.source}}};const K=["Default","Destructive"];export{r as Default,t as Destructive,K as __namedExportsOrder,J as default};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as v}from"./iframe-v7iAhKit.js";import{P as j}from"./index-Tp9IdbR8.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";var y="AspectRatio",h=v.forwardRef((a,w)=>{const{ratio:g=1/1,style:x,...b}=a;return e.jsx("div",{style:{position:"relative",width:"100%",paddingBottom:`${100/g}%`},"data-radix-aspect-ratio-wrapper":"",children:e.jsx(j.div,{...b,ref:w,style:{...x,position:"absolute",top:0,right:0,bottom:0,left:0}})})});h.displayName=y;var N=h;function r({...a}){return e.jsx(N,{"data-slot":"aspect-ratio",...a})}r.__docgenInfo={description:"",methods:[],displayName:"AspectRatio"};const Y={title:"Shadcn/UI/AspectRatio",component:r},t={name:"Image (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1522771930-78848d9293e8?q=80&w=1600&auto=format&fit=crop",alt:"Landscape",className:"h-full w-full rounded-md object-cover"})})})},o={name:"Image (1:1 square)",render:a=>e.jsx("div",{className:"w-[300px]",children:e.jsx(r,{ratio:1/1,...a,children:e.jsx("img",{src:"https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=1200&auto=format&fit=crop",alt:"Square",className:"h-full w-full rounded-md object-cover"})})})},s={name:"YouTube Embed (16:9)",render:a=>e.jsx("div",{className:"w-[450px]",children:e.jsx(r,{ratio:16/9,...a,children:e.jsx("iframe",{className:"h-full w-full rounded-md",src:"https://www.youtube.com/embed/yMqDgbZmBdk",title:"YouTube video",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0})})})};var c,i,m;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Image (16:9)',
|
|
3
|
+
render: args => <div className="w-[450px]">
|
|
4
|
+
<AspectRatio ratio={16 / 9} {...args}>
|
|
5
|
+
<img src="https://images.unsplash.com/photo-1522771930-78848d9293e8?q=80&w=1600&auto=format&fit=crop" alt="Landscape" className="h-full w-full rounded-md object-cover" />
|
|
6
|
+
</AspectRatio>
|
|
7
|
+
</div>
|
|
8
|
+
}`,...(m=(i=t.parameters)==null?void 0:i.docs)==null?void 0:m.source}}};var p,d,l;o.parameters={...o.parameters,docs:{...(p=o.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
9
|
+
name: 'Image (1:1 square)',
|
|
10
|
+
render: args => <div className="w-[300px]">
|
|
11
|
+
<AspectRatio ratio={1 / 1} {...args}>
|
|
12
|
+
<img src="https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?q=80&w=1200&auto=format&fit=crop" alt="Square" className="h-full w-full rounded-md object-cover" />
|
|
13
|
+
</AspectRatio>
|
|
14
|
+
</div>
|
|
15
|
+
}`,...(l=(d=o.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,n,f;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
16
|
+
name: 'YouTube Embed (16:9)',
|
|
17
|
+
render: args => <div className="w-[450px]">
|
|
18
|
+
<AspectRatio ratio={16 / 9} {...args}>
|
|
19
|
+
<iframe className="h-full w-full rounded-md" src="https://www.youtube.com/embed/yMqDgbZmBdk" title="YouTube video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowFullScreen />
|
|
20
|
+
</AspectRatio>
|
|
21
|
+
</div>
|
|
22
|
+
}`,...(f=(n=s.parameters)==null?void 0:n.docs)==null?void 0:f.source}}};const _=["Image16x9","Square1x1","YouTube16x9"];export{t as Image16x9,o as Square1x1,s as YouTube16x9,_ as __namedExportsOrder,Y as default};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import{j as s}from"./jsx-runtime-D_zvdyIk.js";import{r}from"./iframe-v7iAhKit.js";import{c as T}from"./utils-D-KgF5mV.js";import{P as he,a as Ae,b as ke}from"./popover-CcciSWAw.js";import{C as je,a as qe,b as Ne,c as Te,d as De,e as Ee,f as Oe}from"./command-Csa9p8_a.js";import{B as de}from"./badge-BnQWua6u.js";import{X as J}from"./x-B1a4fyWM.js";import{c as ye}from"./createLucideIcon-BrHXro7t.js";import{C as Re}from"./check-B9hBGj6o.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 Pe=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],ve=ye("chevrons-up-down",Pe);/**
|
|
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 Me=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],be=ye("loader-circle",Me);function Se(d,i,g,k){var m=this,a=r.useRef(null),j=r.useRef(0),x=r.useRef(0),p=r.useRef(null),D=r.useRef([]),F=r.useRef(),R=r.useRef(),W=r.useRef(d),_=r.useRef(!0);W.current=d;var $=typeof window<"u",h=!i&&i!==0&&$;if(typeof d!="function")throw new TypeError("Expected a function");i=+i||0;var H=!!(g=g||{}).leading,U=!("trailing"in g)||!!g.trailing,P="maxWait"in g,M="debounceOnServer"in g&&!!g.debounceOnServer,E=P?Math.max(+g.maxWait||0,i):null;r.useEffect(function(){return _.current=!0,function(){_.current=!1}},[]);var q=r.useMemo(function(){var O=function(o){var v=D.current,y=F.current;return D.current=F.current=null,j.current=o,x.current=x.current||o,R.current=W.current.apply(y,v)},b=function(o,v){h&&cancelAnimationFrame(p.current),p.current=h?requestAnimationFrame(o):setTimeout(o,v)},S=function(o){if(!_.current)return!1;var v=o-a.current;return!a.current||v>=i||v<0||P&&o-j.current>=E},L=function(o){return p.current=null,U&&D.current?O(o):(D.current=F.current=null,R.current)},V=function o(){var v=Date.now();if(H&&x.current===j.current&&c(),S(v))return L(v);if(_.current){var y=i-(v-a.current),G=P?Math.min(y,E-(v-j.current)):y;b(o,G)}},c=function(){k&&k({})},n=function(){if($||M){var o=Date.now(),v=S(o);if(D.current=[].slice.call(arguments),F.current=m,a.current=o,v){if(!p.current&&_.current)return j.current=a.current,b(V,i),H?O(a.current):R.current;if(P)return b(V,i),O(a.current)}return p.current||b(V,i),R.current}};return n.cancel=function(){p.current&&(h?cancelAnimationFrame(p.current):clearTimeout(p.current)),j.current=0,D.current=a.current=F.current=p.current=null},n.isPending=function(){return!!p.current},n.flush=function(){return p.current?L(Date.now()):R.current},n},[H,P,i,E,U,h,$,M,k]);return q}function Le(d,i){return d===i}function Ie(d,i,g){var k=Le,m=r.useRef(d),a=r.useState({})[1],j=Se(r.useCallback(function(p){m.current=p,a({})},[a]),i,g,a),x=r.useRef(d);return k(x.current,d)||(j(d),x.current=d),[m.current,j]}const Fe=20,_e=[];function Ve({mode:d,options:i=_e,fetcher:g,pageSize:k=Fe,value:m,onChange:a,multiple:j=!1,placeholder:x="Select...",disabled:p,className:D,emptyText:F="No results found",renderOption:R,searchPlaceholder:W="Search...",defaultOpen:_,defaultValue:$,allowCustomValue:h=!1,chipVariant:H="secondary",chipClassName:U,clearable:P=!0,initialSelectedOptions:M,loadSelected:E}){const[q,O]=r.useState(!!_),[b,S]=r.useState(""),[L]=Ie(b,250),V=r.useId(),c=!!j,[n,o]=r.useState(()=>m!==void 0?m:$!==void 0?$:c?[]:null);r.useEffect(()=>{m!==void 0&&o(m)},[m]);const v=r.useRef(new Map),y=r.useCallback(e=>{v.current.set(e.value,e.label)},[]),[G,le]=r.useState(0),N=r.useCallback(e=>{var t;return v.current.get(e)??((t=i.find(l=>l.value===e))==null?void 0:t.label)??(E?"Loading...":String(e))},[i,E]),ge=r.useCallback(e=>{if(y(e),c){const t=Array.isArray(n)?n:[],u=t.some(f=>f===e.value)?t.filter(f=>f!==e.value):[...t,e.value];m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)}else{const t=e.value;m===void 0&&o(t),a==null||a(t,e),O(!1)}},[y,m,N,c,a,n]),[B,Q]=r.useState([]),[X,Y]=r.useState(!1),[C,ee]=r.useState(!1),[ue,re]=r.useState(void 0),[K,ie]=r.useState(1),oe=r.useCallback(()=>{Q([]),ee(!1),re(void 0),ie(1)},[]),ne=r.useCallback(async()=>{if(d==="server"){if(!g)return;Y(!0);try{const e=await g({search:L,cursor:ue??null,page:K,pageSize:k});Q(t=>K===1?e.items:[...t,...e.items]),ee(!!e.hasMore),re(e.nextCursor)}finally{Y(!1)}}else{Y(!0);try{const e=L?i.filter(u=>u.label.toLowerCase().includes(L.toLowerCase())):i,t=(K-1)*k,l=e.slice(t,t+k);Q(u=>K===1?l:[...u,...l]),ee(t+k<e.length),re(void 0)}finally{Y(!1)}}},[d,g,L,ue,K,k,i]),te=r.useRef(ne);r.useEffect(()=>{te.current=ne},[ne]),r.useEffect(()=>{if(!q)return;oe();const e=window.setTimeout(()=>{te.current()},0);return()=>window.clearTimeout(e)},[q,L,oe]),r.useEffect(()=>{q&&(K<=1||te.current())},[q,K]);const ce=r.useRef(null),we=r.useCallback(()=>{const e=ce.current;if(!e||X)return;e.scrollTop+e.clientHeight>=e.scrollHeight-24&&C&&ie(l=>l+1)},[X,C]);r.useEffect(()=>{B.forEach(y)},[B,y]),r.useEffect(()=>{i.forEach(y)},[i,y]),r.useEffect(()=>{if(!M)return;(Array.isArray(M)?M:[M]).forEach(y),le(t=>t+1)},[M,y]),r.useEffect(()=>{if(!E)return;const e=Array.isArray(n)?c?n:[]:n!=null?[n]:[];if(e.length===0)return;const t=e.filter(u=>!v.current.has(u)&&!i.some(w=>w.value===u));if(t.length===0)return;let l=!1;return E(t).then(u=>{l||(u.forEach(y),le(w=>w+1))}).catch(()=>{}),()=>{l=!0}},[n,c,E,i,y]);const ae=r.useMemo(()=>{if(!(c||Array.isArray(n)))return B.find(e=>e.value===n)},[c,B,n]),me=r.useMemo(()=>{if(c||Array.isArray(n))return x;if(ae)return ae.label;const e=n;if(e!=null&&!Array.isArray(e)){const t=v.current.get(e);if(t)return t;if(d==="client"){const l=i.find(u=>u.value===e);return(l==null?void 0:l.label)??x}}return x},[c,d,i,ae,n,x,G]),pe=r.useMemo(()=>c&&Array.isArray(n)?n:[],[c,n]),A=r.useMemo(()=>pe.map(e=>({value:e,label:N(e)})),[N,pe,G]),Z=r.useCallback(()=>{c?(m===void 0&&o([]),a==null||a([],[])):(m===void 0&&o(null),a==null||a(null,null))},[m,c,a]),se=r.useCallback(e=>{const t=e.trim();if(!t)return;const l={value:t,label:t};if(y(l),c){const u=Array.isArray(n)?n:[],f=u.some(z=>z===l.value)?u:[...u,l.value];m===void 0&&o(f);const xe=f.map(z=>({value:z,label:N(z)}));a==null||a(f,xe),S("")}else m===void 0&&o(l.value),a==null||a(l.value,l),S(""),O(!1)},[y,m,N,c,a,n]),fe=r.useRef(null),I=r.useMemo(()=>!(c&&h&&d==="client"&&i.length===0&&!g),[h,g,c,d,i.length]);return r.useEffect(()=>{!I&&q&&O(!1)},[I,q]),s.jsxs(he,{open:q,onOpenChange:O,children:[I?s.jsx(Ae,{asChild:!0,children:s.jsxs("div",{role:"combobox","aria-expanded":q,"aria-controls":V,tabIndex:p?-1:0,"aria-disabled":p||void 0,className:T("w-full inline-flex items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-sm transition-colors","hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",p&&"opacity-50 pointer-events-none",D),onKeyDown:e=>{p||!I||e.target instanceof HTMLInputElement||(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),O(t=>!t))},children:[c?s.jsxs("div",{className:T("flex min-w-0 flex-1 flex-wrap items-center gap-1 text-left"),children:[A.length>0?A.map(e=>s.jsxs(de,{variant:H,className:T("pr-1",U),children:[s.jsx("span",{className:"truncate max-w-[10rem]",children:e.label}),s.jsx("button",{type:"button","aria-label":`Remove ${e.label}`,className:"ml-1 inline-flex items-center rounded-sm hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()},onClick:t=>{t.preventDefault(),t.stopPropagation();const u=(Array.isArray(n)?n:[]).filter(f=>f!==e.value);m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)},children:s.jsx(J,{className:"h-3 w-3"})})]},`${e.value}`)):null,h?s.jsx("input",{ref:fe,value:b,onChange:e=>S(e.target.value),placeholder:A.length===0?x:void 0,className:"flex-1 min-w-[8ch] bg-transparent outline-none text-sm placeholder:text-muted-foreground",onKeyDown:e=>{if(e.key==="Enter"||e.key===",")e.preventDefault(),se(b);else if(e.key==="Backspace"&&b===""&&A.length>0){const l=(Array.isArray(n)?n:[]).slice(0,-1);m===void 0&&o(l);const u=l.map(w=>({value:w,label:N(w)}));a==null||a(l,u)}}}):null,A.length===0&&!h?s.jsx("span",{className:"truncate text-muted-foreground",children:x}):null]}):s.jsx("span",{className:T("truncate",(!n||Array.isArray(n))&&"text-muted-foreground"),children:me}),P&&(c&&A.length>0||!c&&n!==null&&n!==void 0&&!Array.isArray(n))?s.jsx("button",{type:"button","aria-label":"Clear selection",className:"ml-2 inline-flex items-center rounded-sm p-1 hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),Z()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),Z())},children:s.jsx(J,{className:"h-4 w-4 opacity-60"})}):null,s.jsx(ve,{className:T("ml-2 h-4 w-4 shrink-0 opacity-50",!I&&"hidden")})]})}):s.jsxs("div",{role:"combobox","aria-expanded":q,"aria-controls":V,tabIndex:p?-1:0,"aria-disabled":p||void 0,className:T("w-full inline-flex items-center justify-between rounded-md border bg-background px-3 py-2 text-sm shadow-sm transition-colors","hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",p&&"opacity-50 pointer-events-none",D),onKeyDown:e=>{},children:[c?s.jsxs("div",{className:T("flex min-w-0 flex-1 flex-wrap items-center gap-1 text-left"),children:[A.length>0?A.map(e=>s.jsxs(de,{variant:H,className:T("pr-1",U),children:[s.jsx("span",{className:"truncate max-w-[10rem]",children:e.label}),s.jsx("button",{type:"button","aria-label":`Remove ${e.label}`,className:"ml-1 inline-flex items-center rounded-sm hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()},onClick:t=>{t.preventDefault(),t.stopPropagation();const u=(Array.isArray(n)?n:[]).filter(f=>f!==e.value);m===void 0&&o(u);const w=u.map(f=>({value:f,label:N(f)}));a==null||a(u,w)},children:s.jsx(J,{className:"h-3 w-3"})})]},`${e.value}`)):null,h?s.jsx("input",{ref:fe,value:b,onChange:e=>S(e.target.value),placeholder:A.length===0?x:void 0,className:"flex-1 min-w-[8ch] bg-transparent outline-none text-sm placeholder:text-muted-foreground",onKeyDown:e=>{if(e.key==="Enter"||e.key===",")e.preventDefault(),se(b);else if(e.key==="Backspace"&&b===""&&A.length>0){const l=(Array.isArray(n)?n:[]).slice(0,-1);m===void 0&&o(l);const u=l.map(w=>({value:w,label:N(w)}));a==null||a(l,u)}}}):null,A.length===0&&!h?s.jsx("span",{className:"truncate text-muted-foreground",children:x}):null]}):s.jsx("span",{className:T("truncate",(!n||Array.isArray(n))&&"text-muted-foreground"),children:me}),P&&(c&&A.length>0||!c&&n!==null&&n!==void 0&&!Array.isArray(n))?s.jsx("button",{type:"button","aria-label":"Clear selection",className:"ml-2 inline-flex items-center rounded-sm p-1 hover:bg-black/5 dark:hover:bg-white/10",onMouseDown:e=>{e.preventDefault(),e.stopPropagation()},onClick:e=>{e.preventDefault(),e.stopPropagation(),Z()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),Z())},children:s.jsx(J,{className:"h-4 w-4 opacity-60"})}):null,s.jsx(ve,{className:T("ml-2 h-4 w-4 shrink-0 opacity-50",!I&&"hidden")})]}),I?s.jsx(ke,{className:"w-[--radix-popover-trigger-width] p-0",align:"start",children:s.jsxs(je,{shouldFilter:!1,className:"w-full",children:[s.jsx("div",{className:"p-2",children:s.jsx(qe,{value:b,onValueChange:S,placeholder:W,autoFocus:!0,onKeyDown:e=>{e.key==="Enter"&&h&&b.trim()&&(e.preventDefault(),se(b))}})}),s.jsxs(Ne,{id:V,className:"max-h-56 overflow-auto",ref:ce,onScroll:we,children:[X&&B.length===0?s.jsxs("div",{className:"flex items-center justify-center py-6 text-sm text-muted-foreground",children:[s.jsx(be,{className:"mr-2 h-4 w-4 animate-spin"})," Loading"]}):null,s.jsx(Te,{children:h&&b.trim()?s.jsxs("span",{children:['Press Enter to add "',b.trim(),'"']}):F}),B.length>0?s.jsx(De,{children:B.map(e=>{const t=c?Array.isArray(n)?n.includes(e.value):!1:e.value===n;return s.jsxs(Ee,{value:`${e.label}`,onSelect:()=>ge(e),className:"flex items-center justify-between",children:[s.jsx("div",{className:"min-w-0 truncate",children:R?R(e,t):e.label}),t?s.jsx(Re,{className:"h-4 w-4"}):null]},`${e.value}`)})}):null,C?s.jsxs(s.Fragment,{children:[s.jsx(Oe,{}),s.jsx("div",{className:"flex items-center justify-center py-2 text-xs text-muted-foreground",children:X?s.jsxs(s.Fragment,{children:[s.jsx(be,{className:"mr-1 h-3 w-3 animate-spin"})," ","Loading more"]}):"Scroll to load more"})]}):null]})]})}):null]})}Ve.__docgenInfo={description:"",methods:[],displayName:"Autocomplete",props:{mode:{required:!0,tsType:{name:"union",raw:"'client' | 'server'",elements:[{name:"literal",value:"'client'"},{name:"literal",value:"'server'"}]},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
12
|
+
value: string | number
|
|
13
|
+
label: string
|
|
14
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},description:"",defaultValue:{value:"[]",computed:!1}},fetcher:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
15
|
+
params: AutocompleteFetchParams,
|
|
16
|
+
) => Promise<AutocompleteFetchResult>`,signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
|
|
17
|
+
search: string
|
|
18
|
+
cursor?: string | number | null
|
|
19
|
+
page: number
|
|
20
|
+
pageSize: number
|
|
21
|
+
}`,signature:{properties:[{key:"search",value:{name:"string",required:!0}},{key:"cursor",value:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}],required:!1}},{key:"page",value:{name:"number",required:!0}},{key:"pageSize",value:{name:"number",required:!0}}]}},name:"params"}],return:{name:"Promise",elements:[{name:"signature",type:"object",raw:`{
|
|
22
|
+
items: AutocompleteOption[]
|
|
23
|
+
nextCursor?: string | number | null
|
|
24
|
+
hasMore: boolean
|
|
25
|
+
total?: number
|
|
26
|
+
}`,signature:{properties:[{key:"items",value:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
27
|
+
value: string | number
|
|
28
|
+
label: string
|
|
29
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]",required:!0}},{key:"nextCursor",value:{name:"union",raw:"string | number | null",elements:[{name:"string"},{name:"number"},{name:"null"}],required:!1}},{key:"hasMore",value:{name:"boolean",required:!0}},{key:"total",value:{name:"number",required:!1}}]}}],raw:"Promise<AutocompleteFetchResult>"}}},description:""},pageSize:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"20",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},description:"Value can be a single primitive or an array when `multiple` is true"},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
30
|
+
value: string | number | null | Array<string | number>,
|
|
31
|
+
option: AutocompleteOption | AutocompleteOption[] | null,
|
|
32
|
+
) => void`,signature:{arguments:[{type:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},name:"value"},{type:{name:"union",raw:"AutocompleteOption | AutocompleteOption[] | null",elements:[{name:"signature",type:"object",raw:`{
|
|
33
|
+
value: string | number
|
|
34
|
+
label: string
|
|
35
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
36
|
+
value: string | number
|
|
37
|
+
label: string
|
|
38
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},{name:"null"}]},name:"option"}],return:{name:"void"}}},description:"onChange returns a single value + option in single mode, or an array of values + options in multiple mode"},multiple:{required:!1,tsType:{name:"boolean"},description:"Enable selecting multiple values (shows chips)",defaultValue:{value:"false",computed:!1}},placeholder:{required:!1,tsType:{name:"string"},description:"Placeholder shown when nothing is selected",defaultValue:{value:'"Select..."',computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""},emptyText:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"No results found"',computed:!1}},renderOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
39
|
+
option: AutocompleteOption,
|
|
40
|
+
selected: boolean,
|
|
41
|
+
) => React.ReactNode`,signature:{arguments:[{type:{name:"signature",type:"object",raw:`{
|
|
42
|
+
value: string | number
|
|
43
|
+
label: string
|
|
44
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},name:"option"},{type:{name:"boolean"},name:"selected"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},searchPlaceholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"Search..."',computed:!1}},defaultOpen:{required:!1,tsType:{name:"boolean"},description:"Controls initial open state; component is uncontrolled otherwise"},defaultValue:{required:!1,tsType:{name:"union",raw:"string | number | null | Array<string | number>",elements:[{name:"string"},{name:"number"},{name:"null"},{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"}]},description:"Initial value when component is uncontrolled"},allowCustomValue:{required:!1,tsType:{name:"boolean"},description:"Allow entering custom values not present in options (useful for tagging)",defaultValue:{value:"false",computed:!1}},chipVariant:{required:!1,tsType:{name:"union",raw:'"default" | "secondary" | "destructive" | "outline"',elements:[{name:"literal",value:'"default"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"destructive"'},{name:"literal",value:'"outline"'}]},description:`Chip visual style for multiple selection. Uses shadcn Badge variants.
|
|
45
|
+
default | secondary | destructive | outline`,defaultValue:{value:'"secondary"',computed:!1}},chipClassName:{required:!1,tsType:{name:"string"},description:"Additional className for each chip"},clearable:{required:!1,tsType:{name:"boolean"},description:"Show a clear button when a selection exists",defaultValue:{value:"true",computed:!1}},initialSelectedOptions:{required:!1,tsType:{name:"union",raw:"AutocompleteOption | AutocompleteOption[] | null",elements:[{name:"signature",type:"object",raw:`{
|
|
46
|
+
value: string | number
|
|
47
|
+
label: string
|
|
48
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}},{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
49
|
+
value: string | number
|
|
50
|
+
label: string
|
|
51
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"},{name:"null"}]},description:`Optional: seed selected labels for edit pages. These options are only used to populate the
|
|
52
|
+
internal label map so labels render correctly when values are prefilled.`},loadSelected:{required:!1,tsType:{name:"signature",type:"function",raw:"(values: Array<string | number>) => Promise<AutocompleteOption[]>",signature:{arguments:[{type:{name:"Array",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}],raw:"Array<string | number>"},name:"values"}],return:{name:"Promise",elements:[{name:"Array",elements:[{name:"signature",type:"object",raw:`{
|
|
53
|
+
value: string | number
|
|
54
|
+
label: string
|
|
55
|
+
}`,signature:{properties:[{key:"value",value:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}],required:!0}},{key:"label",value:{name:"string",required:!0}}]}}],raw:"AutocompleteOption[]"}],raw:"Promise<AutocompleteOption[]>"}}},description:`Optional: load labels/options for a list of values whose labels are unknown.
|
|
56
|
+
Useful for edit pages in server mode when only values are available.`}}};export{Ve as A,ve as C,be as L};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{A as t}from"./Autocomplete-Cpg4CaJe.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./popover-CcciSWAw.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.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-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./index-ByqivBWx.js";import"./command-Csa9p8_a.js";import"./index-Z6wF44KX.js";import"./dialog-CsnqITTn.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./badge-BnQWua6u.js";import"./index-CGrAONsN.js";import"./check-B9hBGj6o.js";const ue={title:"Kit/Components/Autocomplete",component:t,parameters:{controls:{expanded:!0}},argTypes:{mode:{control:"select",options:["client","server"]}}},d=[{label:"New York",value:"nyc"},{label:"San Francisco",value:"sf"},{label:"Los Angeles",value:"la"},{label:"Seattle",value:"sea"},{label:"Austin",value:"aus"},{label:"Chicago",value:"chi"},{label:"Miami",value:"mia"},{label:"Boston",value:"bos"},{label:"Denver",value:"den"},{label:"Portland",value:"pdx"}],a={name:"Client mode",args:{mode:"client",options:d,placeholder:"Select a city...",searchPlaceholder:"Search cities...",pageSize:5,defaultOpen:!1},render:e=>r.jsx(t,{...e})};function E(e,o=350){return async({search:j,page:I,pageSize:c})=>{const u=(j||"").toLowerCase(),_=I??1,g=u?e.filter(m=>m.label.toLowerCase().includes(u)):e,p=(_-1)*c,k=g.slice(p,p+c),Y=p+c<g.length;return await new Promise(m=>setTimeout(m,o)),{items:k,hasMore:Y,nextCursor:null}}}const V=Array.from({length:100}).map((e,o)=>({label:`Option ${o+1}`,value:o+1})),s={name:"Server mode (infinite scroll)",args:{mode:"server",fetcher:E(V),placeholder:"Pick an option...",searchPlaceholder:"Search options...",pageSize:10},render:e=>r.jsx(t,{...e})},n={name:"Custom option rendering",args:{mode:"client",options:d,renderOption:(e,o)=>r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("span",{className:"inline-block h-2 w-2 rounded-full bg-primary"}),r.jsx("span",{className:o?"font-medium":void 0,children:e.label})]})},render:e=>r.jsx(t,{...e})},i={name:"Multi select with chips",args:{mode:"client",options:d,multiple:!0,placeholder:"Select cities...",searchPlaceholder:"Type to search cities...",chipVariant:"secondary"},render:e=>r.jsx(t,{...e})},l={name:"Tagging (no options)",args:{mode:"client",options:[],multiple:!0,allowCustomValue:!0,placeholder:"Type and press Enter to add tags",searchPlaceholder:"Type a tag and press Enter",chipVariant:"outline"},render:e=>r.jsx(t,{...e})};var h,S,P;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Client mode',
|
|
3
|
+
args: {
|
|
4
|
+
mode: 'client',
|
|
5
|
+
options: CITY_OPTIONS,
|
|
6
|
+
placeholder: 'Select a city...',
|
|
7
|
+
searchPlaceholder: 'Search cities...',
|
|
8
|
+
pageSize: 5,
|
|
9
|
+
defaultOpen: false
|
|
10
|
+
} satisfies Partial<AutocompleteProps>,
|
|
11
|
+
render: args => <Autocomplete {...args} />
|
|
12
|
+
}`,...(P=(S=a.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var f,v,T;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
|
|
13
|
+
name: 'Server mode (infinite scroll)',
|
|
14
|
+
args: {
|
|
15
|
+
mode: 'server',
|
|
16
|
+
fetcher: makeServerFetcher(MANY_OPTIONS),
|
|
17
|
+
placeholder: 'Pick an option...',
|
|
18
|
+
searchPlaceholder: 'Search options...',
|
|
19
|
+
pageSize: 10
|
|
20
|
+
} satisfies Partial<AutocompleteProps>,
|
|
21
|
+
render: args => <Autocomplete {...args} />
|
|
22
|
+
}`,...(T=(v=s.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var C,O,b;n.parameters={...n.parameters,docs:{...(C=n.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
23
|
+
name: 'Custom option rendering',
|
|
24
|
+
args: {
|
|
25
|
+
mode: 'client',
|
|
26
|
+
options: CITY_OPTIONS,
|
|
27
|
+
renderOption: (option, selected) => <div className="flex items-center gap-2">
|
|
28
|
+
<span className="inline-block h-2 w-2 rounded-full bg-primary" />
|
|
29
|
+
<span className={selected ? 'font-medium' : undefined}>{option.label}</span>
|
|
30
|
+
</div>
|
|
31
|
+
} satisfies Partial<AutocompleteProps>,
|
|
32
|
+
render: args => <Autocomplete {...args} />
|
|
33
|
+
}`,...(b=(O=n.parameters)==null?void 0:O.docs)==null?void 0:b.source}}};var A,x,N;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{
|
|
34
|
+
name: 'Multi select with chips',
|
|
35
|
+
args: {
|
|
36
|
+
mode: 'client',
|
|
37
|
+
options: CITY_OPTIONS,
|
|
38
|
+
multiple: true,
|
|
39
|
+
placeholder: 'Select cities...',
|
|
40
|
+
searchPlaceholder: 'Type to search cities...',
|
|
41
|
+
chipVariant: 'secondary'
|
|
42
|
+
} satisfies Partial<AutocompleteProps>,
|
|
43
|
+
render: args => <Autocomplete {...args} />
|
|
44
|
+
}`,...(N=(x=i.parameters)==null?void 0:x.docs)==null?void 0:N.source}}};var y,M,w;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
|
|
45
|
+
name: 'Tagging (no options)',
|
|
46
|
+
args: {
|
|
47
|
+
mode: 'client',
|
|
48
|
+
options: [],
|
|
49
|
+
multiple: true,
|
|
50
|
+
allowCustomValue: true,
|
|
51
|
+
placeholder: 'Type and press Enter to add tags',
|
|
52
|
+
searchPlaceholder: 'Type a tag and press Enter',
|
|
53
|
+
chipVariant: 'outline'
|
|
54
|
+
} satisfies Partial<AutocompleteProps>,
|
|
55
|
+
render: args => <Autocomplete {...args} />
|
|
56
|
+
}`,...(w=(M=l.parameters)==null?void 0:M.docs)==null?void 0:w.source}}};const ge=["ClientMode","ServerMode","CustomRender","MultiSelectWithChips","TaggingNoOptions"];export{a as ClientMode,n as CustomRender,i as MultiSelectWithChips,s as ServerMode,l as TaggingNoOptions,ge as __namedExportsOrder,ue as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{A as t,a as s,b as e}from"./avatar-BzwOE-mi.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CDY5kTx5.js";import"./index-0-qMRXou.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-WyF3-wTE.js";import"./utils-D-KgF5mV.js";const k={title:"Shadcn/UI/Avatar",component:t},r={render:()=>a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsxs(t,{children:[a.jsx(s,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),a.jsx(e,{children:"SC"})]}),a.jsxs(t,{children:[a.jsx(s,{src:"",alt:"fallback"}),a.jsx(e,{children:"JD"})]})]})};var c,n,m;r.parameters={...r.parameters,docs:{...(c=r.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="flex items-center gap-4">
|
|
3
|
+
<Avatar>
|
|
4
|
+
<AvatarImage src="https://github.com/shadcn.png" alt="@shadcn" />
|
|
5
|
+
<AvatarFallback>SC</AvatarFallback>
|
|
6
|
+
</Avatar>
|
|
7
|
+
<Avatar>
|
|
8
|
+
<AvatarImage src="" alt="fallback" />
|
|
9
|
+
<AvatarFallback>JD</AvatarFallback>
|
|
10
|
+
</Avatar>
|
|
11
|
+
</div>
|
|
12
|
+
}`,...(m=(n=r.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};const u=["Basic"];export{r as Basic,u as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as a}from"./badge-BnQWua6u.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const x={title:"Shadcn/UI/Badge",component:a},r={args:{children:"Badge"}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(a,{children:"Default"}),e.jsx(a,{variant:"secondary",children:"Secondary"}),e.jsx(a,{variant:"destructive",children:"Destructive"}),e.jsx(a,{variant:"outline",children:"Outline"})]})};var s,n,i;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
children: 'Badge'
|
|
4
|
+
}
|
|
5
|
+
}`,...(i=(n=r.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};var d,c,o;t.parameters={...t.parameters,docs:{...(d=t.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
6
|
+
render: () => <div className="flex flex-wrap items-center gap-2">
|
|
7
|
+
<Badge>Default</Badge>
|
|
8
|
+
<Badge variant="secondary">Secondary</Badge>
|
|
9
|
+
<Badge variant="destructive">Destructive</Badge>
|
|
10
|
+
<Badge variant="outline">Outline</Badge>
|
|
11
|
+
</div>
|
|
12
|
+
}`,...(o=(c=t.parameters)==null?void 0:c.docs)==null?void 0:o.source}}};const f=["Basic","Variants"];export{r as Basic,t as Variants,f as __namedExportsOrder,x as default};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{S as h}from"./index-DbaA6-o1.js";import{c as s}from"./utils-D-KgF5mV.js";import{C as f,D as j}from"./react-icons.esm-B_ULMmNU.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";function o({...e}){return r.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function b({className:e,...a}){return r.jsx("ol",{"data-slot":"breadcrumb-list",className:s("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5",e),...a})}function n({className:e,...a}){return r.jsx("li",{"data-slot":"breadcrumb-item",className:s("inline-flex items-center gap-1.5",e),...a})}function c({asChild:e,className:a,...m}){const x=e?h:"a";return r.jsx(x,{"data-slot":"breadcrumb-link",className:s("hover:text-foreground transition-colors",a),...m})}function p({className:e,...a}){return r.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:s("text-foreground font-normal",e),...a})}function d({children:e,className:a,...m}){return r.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:s("[&>svg]:size-3.5",a),...m,children:e??r.jsx(f,{})})}function B({className:e,...a}){return r.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:s("flex size-9 items-center justify-center",e),...a,children:[r.jsx(j,{className:"size-4"}),r.jsx("span",{className:"sr-only",children:"More"})]})}o.__docgenInfo={description:"",methods:[],displayName:"Breadcrumb"};b.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbList"};n.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbItem"};c.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbLink",props:{asChild:{required:!1,tsType:{name:"boolean"},description:""}}};p.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbPage"};d.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbSeparator"};B.__docgenInfo={description:"",methods:[],displayName:"BreadcrumbEllipsis"};const y={title:"Shadcn/UI/Breadcrumb",component:o},t={render:()=>r.jsx(o,{children:r.jsxs(b,{children:[r.jsx(n,{children:r.jsx(c,{href:"#",children:"Home"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"Components"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(B,{})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(c,{href:"#",children:"shadcn"})}),r.jsx(d,{}),r.jsx(n,{children:r.jsx(p,{children:"Breadcrumb"})})]})})};var i,u,l;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Breadcrumb>
|
|
3
|
+
<BreadcrumbList>
|
|
4
|
+
<BreadcrumbItem>
|
|
5
|
+
<BreadcrumbLink href="#">Home</BreadcrumbLink>
|
|
6
|
+
</BreadcrumbItem>
|
|
7
|
+
<BreadcrumbSeparator />
|
|
8
|
+
<BreadcrumbItem>
|
|
9
|
+
<BreadcrumbLink href="#">Components</BreadcrumbLink>
|
|
10
|
+
</BreadcrumbItem>
|
|
11
|
+
<BreadcrumbSeparator />
|
|
12
|
+
<BreadcrumbItem>
|
|
13
|
+
<BreadcrumbEllipsis />
|
|
14
|
+
</BreadcrumbItem>
|
|
15
|
+
<BreadcrumbSeparator />
|
|
16
|
+
<BreadcrumbItem>
|
|
17
|
+
<BreadcrumbLink href="#">shadcn</BreadcrumbLink>
|
|
18
|
+
</BreadcrumbItem>
|
|
19
|
+
<BreadcrumbSeparator />
|
|
20
|
+
<BreadcrumbItem>
|
|
21
|
+
<BreadcrumbPage>Breadcrumb</BreadcrumbPage>
|
|
22
|
+
</BreadcrumbItem>
|
|
23
|
+
</BreadcrumbList>
|
|
24
|
+
</Breadcrumb>
|
|
25
|
+
}`,...(l=(u=t.parameters)==null?void 0:u.docs)==null?void 0:l.source}}};const S=["Basic"];export{t as Basic,S as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{B as n}from"./button-0oMkiryo.js";import"./index-DbaA6-o1.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const b={title:"Shadcn/UI/Button",component:n,args:{}},t={render:()=>e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(n,{children:"Default"}),e.jsx(n,{variant:"secondary",children:"Secondary"}),e.jsx(n,{variant:"destructive",children:"Destructive"}),e.jsx(n,{variant:"outline",children:"Outline"}),e.jsx(n,{variant:"ghost",children:"Ghost"}),e.jsx(n,{variant:"link",children:"Link"})]})},a={render:()=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(n,{size:"sm",children:"Small"}),e.jsx(n,{size:"default",children:"Default"}),e.jsx(n,{size:"lg",children:"Large"}),e.jsx(n,{size:"icon","aria-label":"icon",className:"rounded-full",children:e.jsx("span",{role:"img","aria-label":"waving hand",children:"👋"})})]})},r={render:()=>e.jsxs("div",{className:"flex gap-2",children:[e.jsx(n,{disabled:!0,children:"Disabled"}),e.jsx(n,{variant:"outline",disabled:!0,children:"Disabled outline"})]})};var s,i,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="flex flex-wrap gap-2">
|
|
3
|
+
<Button>Default</Button>
|
|
4
|
+
<Button variant="secondary">Secondary</Button>
|
|
5
|
+
<Button variant="destructive">Destructive</Button>
|
|
6
|
+
<Button variant="outline">Outline</Button>
|
|
7
|
+
<Button variant="ghost">Ghost</Button>
|
|
8
|
+
<Button variant="link">Link</Button>
|
|
9
|
+
</div>
|
|
10
|
+
}`,...(o=(i=t.parameters)==null?void 0:i.docs)==null?void 0:o.source}}};var l,d,c;a.parameters={...a.parameters,docs:{...(l=a.parameters)==null?void 0:l.docs,source:{originalSource:`{
|
|
11
|
+
render: () => <div className="flex items-center gap-2">
|
|
12
|
+
<Button size="sm">Small</Button>
|
|
13
|
+
<Button size="default">Default</Button>
|
|
14
|
+
<Button size="lg">Large</Button>
|
|
15
|
+
<Button size="icon" aria-label="icon" className="rounded-full">
|
|
16
|
+
<span role="img" aria-label="waving hand">👋</span>
|
|
17
|
+
</Button>
|
|
18
|
+
</div>
|
|
19
|
+
}`,...(c=(d=a.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var u,m,p;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
20
|
+
render: () => <div className="flex gap-2">
|
|
21
|
+
<Button disabled>Disabled</Button>
|
|
22
|
+
<Button variant="outline" disabled>
|
|
23
|
+
Disabled outline
|
|
24
|
+
</Button>
|
|
25
|
+
</div>
|
|
26
|
+
}`,...(p=(m=r.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};const D=["Variants","Sizes","Disabled"];export{r as Disabled,a as Sizes,t as Variants,D as __namedExportsOrder,b as default};
|