@k3-universe/react-kit 0.0.8 → 0.0.10
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 +18655 -16777
- package/dist/kit/builder/data-table/components/DataTable.d.ts +2 -2
- package/dist/kit/builder/data-table/components/DataTable.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilder.d.ts +42 -14
- package/dist/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
- package/dist/kit/builder/form/components/FormBuilderField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/AutocompleteField.d.ts.map +1 -1
- package/dist/kit/builder/form/components/fields/DatePickerField.d.ts +3 -0
- package/dist/kit/builder/form/components/fields/DatePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts +3 -0
- package/dist/kit/builder/form/components/fields/DateRangePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/MonthPickerField.d.ts +3 -0
- package/dist/kit/builder/form/components/fields/MonthPickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/MonthRangePickerField.d.ts +3 -0
- package/dist/kit/builder/form/components/fields/MonthRangePickerField.d.ts.map +1 -0
- package/dist/kit/builder/form/components/fields/index.d.ts +4 -0
- package/dist/kit/builder/form/components/fields/index.d.ts.map +1 -1
- package/dist/kit/builder/section/SectionBuilder.d.ts.map +1 -1
- package/dist/kit/builder/section/types.d.ts +12 -1
- package/dist/kit/builder/section/types.d.ts.map +1 -1
- package/dist/kit/builder/stack-dialog/context.d.ts +3 -0
- package/dist/kit/builder/stack-dialog/context.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/hooks.d.ts +6 -0
- package/dist/kit/builder/stack-dialog/hooks.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/index.d.ts +5 -0
- package/dist/kit/builder/stack-dialog/index.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/provider.d.ts +3 -0
- package/dist/kit/builder/stack-dialog/provider.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/renderer.d.ts +6 -0
- package/dist/kit/builder/stack-dialog/renderer.d.ts.map +1 -0
- package/dist/kit/builder/stack-dialog/types.d.ts +20 -0
- package/dist/kit/builder/stack-dialog/types.d.ts.map +1 -0
- package/dist/kit/components/autocomplete/Autocomplete.d.ts +35 -3
- package/dist/kit/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/dist/kit/components/autocomplete/index.d.ts +1 -0
- package/dist/kit/components/autocomplete/index.d.ts.map +1 -1
- package/dist/kit/components/datepicker/DatePicker.d.ts +27 -0
- package/dist/kit/components/datepicker/DatePicker.d.ts.map +1 -0
- package/dist/kit/components/datepicker/DateRangePicker.d.ts +41 -0
- package/dist/kit/components/datepicker/DateRangePicker.d.ts.map +1 -0
- package/dist/kit/components/monthpicker/MonthInput.d.ts +26 -0
- package/dist/kit/components/monthpicker/MonthInput.d.ts.map +1 -0
- package/dist/kit/components/monthpicker/MonthPicker.d.ts +32 -0
- package/dist/kit/components/monthpicker/MonthPicker.d.ts.map +1 -0
- package/dist/kit/components/monthpicker/MonthRangeInput.d.ts +31 -0
- package/dist/kit/components/monthpicker/MonthRangeInput.d.ts.map +1 -0
- package/dist/kit/components/monthpicker/MonthRangePicker.d.ts +48 -0
- package/dist/kit/components/monthpicker/MonthRangePicker.d.ts.map +1 -0
- package/dist/kit/themes/clean-slate.css +165 -1
- package/dist/kit/themes/default.css +165 -1
- package/dist/kit/themes/minimal-modern.css +165 -1
- package/dist/kit/themes/spotify.css +165 -1
- package/package.json +1 -1
- package/src/kit/builder/data-table/components/DataTable.tsx +9 -9
- package/src/kit/builder/form/components/FormBuilder.tsx +363 -145
- package/src/kit/builder/form/components/FormBuilderField.tsx +52 -3
- package/src/kit/builder/form/components/fields/AutocompleteField.tsx +29 -1
- package/src/kit/builder/form/components/fields/DatePickerField.tsx +24 -0
- package/src/kit/builder/form/components/fields/DateRangePickerField.tsx +41 -0
- package/src/kit/builder/form/components/fields/MonthPickerField.tsx +26 -0
- package/src/kit/builder/form/components/fields/MonthRangePickerField.tsx +35 -0
- package/src/kit/builder/form/components/fields/index.ts +4 -0
- package/src/kit/builder/section/SectionBuilder.tsx +24 -2
- package/src/kit/builder/section/types.ts +15 -1
- package/src/kit/builder/stack-dialog/context.ts +9 -0
- package/src/kit/builder/stack-dialog/hooks.ts +11 -0
- package/src/kit/builder/stack-dialog/index.ts +13 -0
- package/src/kit/builder/stack-dialog/provider.tsx +55 -0
- package/src/kit/builder/stack-dialog/renderer.tsx +33 -0
- package/src/kit/builder/stack-dialog/types.ts +22 -0
- package/src/kit/components/autocomplete/Autocomplete.tsx +783 -233
- package/src/kit/components/autocomplete/index.ts +1 -0
- package/src/kit/components/datepicker/DatePicker.tsx +149 -0
- package/src/kit/components/datepicker/DateRangePicker.tsx +454 -0
- package/src/kit/components/monthpicker/MonthInput.tsx +122 -0
- package/src/kit/components/monthpicker/MonthPicker.tsx +223 -0
- package/src/kit/components/monthpicker/MonthRangeInput.tsx +132 -0
- package/src/kit/components/monthpicker/MonthRangePicker.tsx +407 -0
- package/src/stories/kit/builder/Form.Autocomplete.stories.tsx +210 -0
- package/src/stories/kit/builder/Form.Complex.stories.tsx +101 -0
- package/src/stories/kit/builder/Form.Dynamic.stories.tsx +149 -0
- package/src/stories/kit/builder/Form.Pickers.stories.tsx +71 -0
- package/src/stories/kit/builder/Section.stories.tsx +58 -2
- package/src/stories/kit/components/Autocomplete.stories.tsx +27 -0
- package/src/stories/kit/components/DatePicker.stories.tsx +128 -0
- package/src/stories/kit/components/DateRangePicker.stories.tsx +154 -0
- package/src/stories/kit/components/MonthPicker.stories.tsx +80 -0
- package/src/stories/kit/components/MonthRangePicker.stories.tsx +98 -0
- package/storybook-static/assets/{Accordion.stories-q6yg6wg1.js → Accordion.stories-KU4JBR8U.js} +1 -1
- package/storybook-static/assets/{AdminLayout-B9bV4J_6.js → AdminLayout-CPvVCwfY.js} +10 -10
- 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-DXwNfJ3w.js → Alert.stories-DKxKtIc0.js} +1 -1
- package/storybook-static/assets/{AlertDialog.stories-I324NsnP.js → AlertDialog.stories-BqTpZ_nG.js} +1 -1
- package/storybook-static/assets/{AspectRatio.stories-CghHiX3Z.js → AspectRatio.stories-DPO9QQ5F.js} +1 -1
- 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-CEF5FVSR.js → Avatar.stories-DPhov_2g.js} +1 -1
- package/storybook-static/assets/Badge.stories-DFKrRdXq.js +12 -0
- package/storybook-static/assets/{Breadcrumb.stories-DORe9T4b.js → Breadcrumb.stories-CTE6CZUC.js} +1 -1
- package/storybook-static/assets/{Button.stories-3nQ6wsBX.js → Button.stories-cbt2InL-.js} +1 -1
- package/storybook-static/assets/{Calendar.stories-Dn__djE1.js → Calendar.stories-DRhTw_43.js} +1 -1
- package/storybook-static/assets/{Card.stories-BJcbdwCI.js → Card.stories-Isf6n_K3.js} +1 -1
- package/storybook-static/assets/{Carousel.stories-CfqbE7Va.js → Carousel.stories-Cmg0I3fR.js} +1 -1
- package/storybook-static/assets/{Chart.stories-cGgef3tv.js → Chart.stories-aQ-fNijT.js} +1 -1
- package/storybook-static/assets/{Checkbox.stories-BcaxWzCS.js → Checkbox.stories-B7YMXPDc.js} +1 -1
- package/storybook-static/assets/{Collapsible.stories-CQ95s7Cs.js → Collapsible.stories-BUzl17ZZ.js} +1 -1
- package/storybook-static/assets/{Combination-CeVus13L.js → Combination-BdQWAuko.js} +1 -1
- package/storybook-static/assets/{Command.stories-DYflJh8u.js → Command.stories-DzBlWQs0.js} +1 -1
- package/storybook-static/assets/{ContextMenu.stories-CU7ehYrE.js → ContextMenu.stories-CJlBQyXc.js} +1 -1
- 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-DobNZ0Hp.js → Dialog.stories-C62AF-Gx.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-Bu6ZJXNH.js → Dialog.stories-lrjRwOus.js} +1 -1
- package/storybook-static/assets/{Drawer.stories-BN0idp4u.js → Drawer.stories-CGjkdJeV.js} +1 -1
- package/storybook-static/assets/{DropdownMenu.stories-sfsVDTvm.js → DropdownMenu.stories-DkGClRAA.js} +1 -1
- 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-27doU7JS.js → Form.stories-PFNsMYxO.js} +1 -1
- package/storybook-static/assets/FormBuilder-BQBBxo_k.js +5 -0
- package/storybook-static/assets/{HoverCard.stories-0lted9Zx.js → HoverCard.stories-CAlQEVn8.js} +1 -1
- package/storybook-static/assets/{Input.stories-CwsIObFs.js → Input.stories-CEhODt0V.js} +1 -1
- package/storybook-static/assets/{InputOtp.stories-DVc086h4.js → InputOtp.stories-DSvNP4dS.js} +1 -1
- package/storybook-static/assets/{Label.stories-bJa0rk1A.js → Label.stories-B3pa8ZLY.js} +1 -1
- package/storybook-static/assets/{Login.stories-C6X6Kj5B.js → Login.stories-C7KQkmR_.js} +5 -5
- package/storybook-static/assets/{Menubar.stories-CuediVp7.js → Menubar.stories-CHXhSHxc.js} +1 -1
- 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-CKGZYhKk.js → NavigationMenu.stories-CXoS080P.js} +1 -1
- package/storybook-static/assets/{Page.stories-Cf76wtRx.js → Page.stories-GdSJgZ6-.js} +1 -1
- package/storybook-static/assets/{Pagination.stories-D7IdL1_4.js → Pagination.stories-BEBwqH4N.js} +1 -1
- package/storybook-static/assets/{Popover.stories-1VP_zNY8.js → Popover.stories-BICy98Cw.js} +1 -1
- package/storybook-static/assets/{Progress.stories-C35R5YvA.js → Progress.stories-DECHNOME.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-CjuD3CwD.js → RadioGroup.stories-DA7-uKfV.js} +1 -1
- package/storybook-static/assets/{Resizable.stories-Cs8dvdc5.js → Resizable.stories-B99kWkH7.js} +1 -1
- package/storybook-static/assets/{ScrollArea.stories-D6_z-5jm.js → ScrollArea.stories-BqvUAXqU.js} +1 -1
- 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-w_kbza5k.js → Select.stories-BsKyZ6Io.js} +1 -1
- package/storybook-static/assets/{Separator.stories-B5QnaJXb.js → Separator.stories-BTDOaOM2.js} +1 -1
- package/storybook-static/assets/{Sheet.stories-CORnEGvV.js → Sheet.stories-Cam1gR6G.js} +1 -1
- package/storybook-static/assets/{Sidebar.stories-DVuWTi4j.js → Sidebar.stories-DnOa6G7y.js} +1 -1
- package/storybook-static/assets/{Slider.stories-YoS2vvT2.js → Slider.stories-Bslq7hjq.js} +1 -1
- 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-BuGU4MUM.js → Table.stories-ClZxAhut.js} +1 -1
- package/storybook-static/assets/Tabs.stories-CURNTETB.js +10 -0
- package/storybook-static/assets/{Textarea.stories-CHXVobz6.js → Textarea.stories-Cf1ZBrWw.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-C4uB4Hkq.js → Toggle.stories-CdMHY_bi.js} +1 -1
- package/storybook-static/assets/{ToggleGroup.stories-Cr229wf_.js → ToggleGroup.stories-BM68m1dX.js} +1 -1
- package/storybook-static/assets/{Tooltip.stories-DmMYGR3T.js → Tooltip.stories-DiQv64dM.js} +1 -1
- package/storybook-static/assets/{accordion-BCfsz_gl.js → accordion-DVgwQcnw.js} +1 -1
- package/storybook-static/assets/{alert-dialog-BYt6Z7Kt.js → alert-dialog-DCUEwpqm.js} +1 -1
- package/storybook-static/assets/{avatar-CRn1qQsC.js → avatar-BzwOE-mi.js} +1 -1
- package/storybook-static/assets/{axe-JCJl60WC.js → axe-HmUsR1st.js} +1 -1
- package/storybook-static/assets/badge-BnQWua6u.js +1 -0
- package/storybook-static/assets/{button-BObfgcV1.js → button-0oMkiryo.js} +1 -1
- package/storybook-static/assets/{chart-column-CplFCmg8.js → chart-column-DZGb4ZZS.js} +1 -1
- package/storybook-static/assets/{check-DyecuwP4.js → check-B9hBGj6o.js} +1 -1
- package/storybook-static/assets/{checkbox-D5BmNJeL.js → checkbox-CyIeaWHX.js} +1 -1
- package/storybook-static/assets/{chevron-down-Bp7zbUB0.js → chevron-down-D_37S6il.js} +1 -1
- package/storybook-static/assets/{chevron-left-D1L4J3UW.js → chevron-left-BBoN0vbI.js} +1 -1
- package/storybook-static/assets/{chevron-right-oMYqDJ_f.js → chevron-right-B5vIMLxK.js} +1 -1
- package/storybook-static/assets/{circle-CyarsADt.js → circle-C5Lzx6Nx.js} +1 -1
- package/storybook-static/assets/clean-slate-D1HmMFJM.css +1 -0
- package/storybook-static/assets/{command-DCnXmNmT.js → command-Csa9p8_a.js} +1 -1
- package/storybook-static/assets/{createLucideIcon-CLBo0iA0.js → createLucideIcon-BrHXro7t.js} +1 -1
- package/storybook-static/assets/default-CN_Fo1GY.css +1 -0
- package/storybook-static/assets/{dialog-DL0QBIbC.js → dialog-CsnqITTn.js} +1 -1
- package/storybook-static/assets/{dropdown-menu-BwL9gQwG.js → dropdown-menu-BWxxwPHL.js} +1 -1
- package/storybook-static/assets/{ellipsis-DPg968Rc.js → ellipsis-BRS038RR.js} +1 -1
- package/storybook-static/assets/{grip-vertical-CM0GDwvq.js → grip-vertical-BxXG8KNA.js} +1 -1
- package/storybook-static/assets/{iframe-BWjPIle6.js → iframe-v7iAhKit.js} +219 -219
- package/storybook-static/assets/{index-DschQYGl.js → index-0-qMRXou.js} +1 -1
- package/storybook-static/assets/{index-CKwUGXmt.js → index-AvwFFKJc.js} +1 -1
- package/storybook-static/assets/{index-BfKpUbCE.js → index-BVDb4dFc.js} +1 -1
- package/storybook-static/assets/{index-Dr2xmx-F.js → index-B_qx7A5T.js} +1 -1
- package/storybook-static/assets/index-BfiCOk42.js +1 -0
- package/storybook-static/assets/{index-C9xvlw_B.js → index-Bv9yk470.js} +1 -1
- package/storybook-static/assets/{index-DMk2qc2_.js → index-Bw1A27Kp.js} +1 -1
- package/storybook-static/assets/{index-7XoYQV2z.js → index-ByqivBWx.js} +1 -1
- package/storybook-static/assets/{index-URSssr5a.js → index-C9Ta0ZTH.js} +1 -1
- package/storybook-static/assets/{index-Pk2lGsul.js → index-CDY5kTx5.js} +1 -1
- package/storybook-static/assets/{index-3zykFCgl.js → index-CGnyVRgB.js} +1 -1
- package/storybook-static/assets/{index-Cw7p-pms.js → index-CWjrGFAQ.js} +1 -1
- package/storybook-static/assets/{index-npvyVsxD.js → index-CwBdPBFz.js} +1 -1
- package/storybook-static/assets/index-D8RXF03I.js +1 -0
- package/storybook-static/assets/{index-DE2OlfDP.js → index-DLIxT4Z7.js} +1 -1
- package/storybook-static/assets/{index-BcAKBHrX.js → index-DbaA6-o1.js} +1 -1
- package/storybook-static/assets/index-Dph_5COR.js +1 -0
- package/storybook-static/assets/index-DrN5n71E.js +1 -0
- package/storybook-static/assets/{index-04C4iZwC.js → index-Tp9IdbR8.js} +1 -1
- package/storybook-static/assets/{index-Dsg7S8zu.js → index-WyF3-wTE.js} +1 -1
- package/storybook-static/assets/{index-A7UzX-Xw.js → index-XSmPROEP.js} +1 -1
- package/storybook-static/assets/{index-u70nzfOV.js → index-Z6wF44KX.js} +1 -1
- package/storybook-static/assets/{index-Dqw7miiX.js → index-_RPqOjlQ.js} +1 -1
- package/storybook-static/assets/{index-Cce91yJQ.js → index-jrimW4QO.js} +1 -1
- package/storybook-static/assets/{index-C6O7WofA.js → index-nqc17SX4.js} +1 -1
- package/storybook-static/assets/{label-CwntpYJ0.js → label-Do8ODIVk.js} +1 -1
- package/storybook-static/assets/lodash-DDwpuhPG.js +73 -0
- package/storybook-static/assets/minimal-modern-BlYVzfQU.css +1 -0
- package/storybook-static/assets/{popover-ClqrrvjL.js → popover-CcciSWAw.js} +1 -1
- package/storybook-static/assets/{radio-group-CvN0LQZp.js → radio-group-DiJ0Y_KQ.js} +1 -1
- package/storybook-static/assets/{react-18-Bj31y5Nr.js → react-18-Cr9fq_Ip.js} +1 -1
- package/storybook-static/assets/{react-icons.esm-DNr9VcvP.js → react-icons.esm-B_ULMmNU.js} +1 -1
- package/storybook-static/assets/{refresh-cw-OZakDsFY.js → refresh-cw-BmRDhIV_.js} +1 -1
- package/storybook-static/assets/{schemas-CaLvKjsI.js → schemas-CGNYCiJ6.js} +3 -3
- package/storybook-static/assets/{section-factories-DKfKL-5s.js → section-factories-DCCY9R35.js} +1 -1
- package/storybook-static/assets/{select-gtXRB92c.js → select-DDrkxaOg.js} +1 -1
- package/storybook-static/assets/{separator-CxCWfpZX.js → separator-o5SAUnaJ.js} +1 -1
- package/storybook-static/assets/{settings-2-DSSkfF6W.js → settings-2-xWGvvbG6.js} +1 -1
- package/storybook-static/assets/{sheet-r0VNiBiN.js → sheet-C7jhU3XE.js} +1 -1
- package/storybook-static/assets/{shopping-cart-CJBClF2m.js → shopping-cart-BFlrufvo.js} +1 -1
- package/storybook-static/assets/{sidebar-BsMnOE7Y.js → sidebar-C8hU1Mxy.js} +1 -1
- package/storybook-static/assets/spotify-CUDj7g8m.css +1 -0
- package/storybook-static/assets/switch-CKGRuk3u.js +1 -0
- package/storybook-static/assets/tabs-CopK2m3j.js +1 -0
- package/storybook-static/assets/{toggle-D08-8sQA.js → toggle-DmHbWetf.js} +1 -1
- package/storybook-static/assets/{tooltip-CZ1UAE_e.js → tooltip-_LqYEYFw.js} +1 -1
- package/storybook-static/assets/{trash-2-D55eseMQ.js → trash-2-xdbApPby.js} +1 -1
- package/storybook-static/assets/{x-n8sFtlI2.js → x-B1a4fyWM.js} +1 -1
- package/storybook-static/iframe.html +1 -1
- package/storybook-static/index.json +1 -1
- package/storybook-static/kit/builder/data-table/components/DataTable.d.ts +6 -3
- package/storybook-static/kit/builder/data-table/components/DataTable.d.ts.map +1 -1
- package/storybook-static/kit/builder/data-table/index.d.ts +6 -5
- package/storybook-static/kit/builder/data-table/index.d.ts.map +1 -1
- package/storybook-static/kit/builder/form/components/FormBuilder.d.ts +53 -13
- package/storybook-static/kit/builder/form/components/FormBuilder.d.ts.map +1 -1
- package/storybook-static/kit/builder/form/components/FormBuilderField.d.ts +5 -5
- package/storybook-static/kit/builder/form/components/FormBuilderField.d.ts.map +1 -1
- 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/utils/field-factories.d.ts +1 -0
- package/storybook-static/kit/builder/form/utils/field-factories.d.ts.map +1 -1
- package/storybook-static/kit/builder/section/SectionBuilder.d.ts.map +1 -1
- package/storybook-static/kit/builder/section/types.d.ts +12 -1
- package/storybook-static/kit/builder/section/types.d.ts.map +1 -1
- 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 +35 -3
- package/storybook-static/kit/components/autocomplete/Autocomplete.d.ts.map +1 -1
- package/storybook-static/kit/components/autocomplete/index.d.ts +1 -0
- package/storybook-static/kit/components/autocomplete/index.d.ts.map +1 -1
- package/storybook-static/kit/components/autocomplete/types.d.ts +1 -1
- package/storybook-static/kit/components/autocomplete/types.d.ts.map +1 -1
- 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.map +1 -1
- package/storybook-static/kit/layouts/admin/hooks/menu.d.ts +1 -0
- package/storybook-static/kit/layouts/admin/hooks/menu.d.ts.map +1 -1
- package/storybook-static/kit/providers/ThemeProvider.d.ts.map +1 -1
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/AdminLayout.Basic.stories-C-ZxuH-O.js +0 -4
- package/storybook-static/assets/AdminLayout.Collapsible.stories-xcQzkxio.js +0 -4
- package/storybook-static/assets/AdminLayout.Complex.stories-DyjkVpvE.js +0 -29
- package/storybook-static/assets/AdminLayout.CustomSidebarHeaderComponent.stories-BqhzWCIA.js +0 -9
- package/storybook-static/assets/AdminLayout.CustomSidebarTitleAndIcon.stories-aWxyR67T.js +0 -4
- package/storybook-static/assets/AdminLayout.HeaderSlots.stories-dNzhUdDt.js +0 -7
- package/storybook-static/assets/Autocomplete-B4gV705L.js +0 -35
- package/storybook-static/assets/Autocomplete.stories-CyOvjTGN.js +0 -33
- package/storybook-static/assets/Badge.stories-_-G3GriP.js +0 -12
- package/storybook-static/assets/DataTable.Basic.stories-BQNWUKiw.js +0 -6
- package/storybook-static/assets/DataTable.Filters.stories-DPCoeYhK.js +0 -21
- package/storybook-static/assets/DataTable.Pagination.stories-8UNqTNgw.js +0 -24
- package/storybook-static/assets/DataTable.SelectionAndActions.stories-CDEjgQ6T.js +0 -26
- package/storybook-static/assets/DataTable.Sorting.stories-qG7-X_6r.js +0 -6
- package/storybook-static/assets/Form.Basic.stories-dE4nbgpr.js +0 -45
- package/storybook-static/assets/Form.Complex.stories-BEZufnjb.js +0 -230
- package/storybook-static/assets/Form.Dynamic.stories-cJTbd6cV.js +0 -247
- package/storybook-static/assets/Form.Simple.stories-DOPzZKhh.js +0 -50
- package/storybook-static/assets/FormBuilder-C0S7C69Q.js +0 -5
- package/storybook-static/assets/Section.stories-Ce5qYITI.js +0 -196
- package/storybook-static/assets/SectionBuilder-Df_lRZkj.js +0 -1
- package/storybook-static/assets/Sonner.stories-CXW5e_Qg.js +0 -18
- package/storybook-static/assets/Switch.stories-zr6i-aNi.js +0 -3
- package/storybook-static/assets/Tabs.stories-jxkJ-AUI.js +0 -10
- package/storybook-static/assets/clean-slate-V4nUw2Bm.css +0 -1
- package/storybook-static/assets/default-CuTBjDca.css +0 -1
- package/storybook-static/assets/index-BN5_W3Yi.js +0 -1
- package/storybook-static/assets/index-C5eJ31Z3.js +0 -1
- package/storybook-static/assets/index-DWC9SV-P.js +0 -1
- package/storybook-static/assets/lodash-BkmSIg_J.js +0 -73
- package/storybook-static/assets/minimal-modern-d2yFlFJM.css +0 -1
- package/storybook-static/assets/spotify-BuPUgQEa.css +0 -1
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{S as a}from"./SectionBuilder-BQW705x0.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./card-BJpPOzP8.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./tabs-CopK2m3j.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-CWjrGFAQ.js";import"./index-Bv9yk470.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-0-qMRXou.js";import"./index-ByqivBWx.js";import"./index-B_qx7A5T.js";import"./index-AvwFFKJc.js";const Z={title:"Kit/Builder/Section",component:a,parameters:{controls:{expanded:!0},backgrounds:{disable:!0}},render:e=>t.jsx(a,{...e})},s={name:"Tabs layout",args:{sections:[{id:"tabs-1",title:"Tabbed Section",subtitle:"Demonstrates tabs with nested sections",variant:"card",layout:"tabs",tabsListClassName:"w-full",tabsContentClassName:"mt-2",tabs:[{id:"tab-a",label:"Overview",node:{id:"tab-a-node",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:[{key:"t1",content:n("Overview content A"),span:{md:6}},{key:"t2",content:n("Overview content B"),span:{md:6}}]}},{id:"tab-b",label:"Details",node:{id:"tab-b-node",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:[{id:"inner-details",title:"Inner details section",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"d1",content:n("Detail 1"),span:{md:4}},{key:"d2",content:n("Detail 2"),span:{md:4}},{key:"d3",content:n("Detail 3"),span:{md:4}}]}]}}]}]},render:e=>t.jsx(a,{...e})};function n(e,I){return t.jsx("div",{className:["rounded border p-3 text-sm",I].filter(Boolean).join(" "),children:e})}const j=[{key:"a",content:n("A"),span:{md:6}},{key:"b",content:n("B"),span:{md:6}},{key:"c",content:n("C"),span:{md:4}},{key:"d",content:n("D"),span:{md:4}},{key:"e",content:n("E"),span:{md:4}}],o={name:"Grid layout",args:{sections:[{id:"grid-1",title:"Grid (responsive spans)",subtitle:"Uses md column spans 6/6 then 4/4/4",variant:"card",layout:"grid",grid:{cols:1,mdCols:12,gap:"gap-4"},children:j}]},render:e=>t.jsx(a,{...e})},r={name:"Leaves with labels",args:{sections:[{id:"labels-1",title:"Label layouts",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"l1",label:"Inline label",labelLayout:"inline",inlineLabelWidthClass:"w-40",content:n("Value content inline"),span:{md:12}},{key:"l2",label:"Stacked label",labelLayout:"stacked",description:"Optional description appears under value",content:n("Value content stacked"),span:{md:6}},{key:"l3",label:"No description",labelLayout:"stacked",content:n("Another value"),span:{md:6}}]}]},render:e=>t.jsx(a,{...e})},i={name:"Flex layout",args:{sections:[{id:"flex-1",title:"Horizontal flex with wrap",variant:"card",layout:"flex",flex:{direction:"row",wrap:!0,gap:"gap-3",align:"start",justify:"start"},children:[{key:"f1",content:n("Item 1"),className:"w-56"},{key:"f2",content:n("Item 2"),className:"w-56"},{key:"f3",content:n("Item 3"),className:"w-56"},{key:"f4",content:n("Item 4"),className:"w-56"}]}]}},d={name:"Nested sections",args:{sections:[{id:"outer",title:"Outer section",variant:"card",layout:"grid",grid:{cols:1,mdCols:12},children:[{id:"inner-1",title:"Inner A",variant:"separator",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ia",content:n("Inner A1"),span:{md:6}},{key:"ib",content:n("Inner A2"),span:{md:6}}]},{id:"inner-2",title:"Inner B",variant:"plain",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"ic",content:n("Inner B1"),span:{md:4}},{key:"id",content:n("Inner B2"),span:{md:4}},{key:"ie",content:n("Inner B3"),span:{md:4}}]}]}]},render:e=>t.jsx(a,{...e})},l={name:"Custom leaf renderer",args:{sections:[{id:"custom-1",title:"Custom renderer",layout:"grid",grid:{cols:1,mdCols:12},children:[{key:"x",label:"Name",labelLayout:"inline",content:"Jane Doe",span:{md:6}},{key:"y",label:"Email",labelLayout:"inline",content:"jane@example.com",span:{md:6}}]}],renderLeaf:e=>t.jsxs("div",{className:"rounded border p-3",children:[t.jsx("div",{className:"text-[10px] uppercase tracking-wide text-muted-foreground",children:e.label??"Field"}),t.jsx("div",{className:"text-sm",children:e.content})]})},render:e=>t.jsx(a,{...e})};var c,m,p;s.parameters={...s.parameters,docs:{...(c=s.parameters)==null?void 0:c.docs,source:{originalSource:`{
|
|
2
|
+
name: 'Tabs layout',
|
|
3
|
+
args: {
|
|
4
|
+
sections: [{
|
|
5
|
+
id: 'tabs-1',
|
|
6
|
+
title: 'Tabbed Section',
|
|
7
|
+
subtitle: 'Demonstrates tabs with nested sections',
|
|
8
|
+
variant: 'card',
|
|
9
|
+
layout: 'tabs',
|
|
10
|
+
tabsListClassName: 'w-full',
|
|
11
|
+
tabsContentClassName: 'mt-2',
|
|
12
|
+
tabs: [{
|
|
13
|
+
id: 'tab-a',
|
|
14
|
+
label: 'Overview',
|
|
15
|
+
node: {
|
|
16
|
+
id: 'tab-a-node',
|
|
17
|
+
layout: 'grid',
|
|
18
|
+
grid: {
|
|
19
|
+
cols: 1,
|
|
20
|
+
mdCols: 12,
|
|
21
|
+
gap: 'gap-4'
|
|
22
|
+
},
|
|
23
|
+
children: [{
|
|
24
|
+
key: 't1',
|
|
25
|
+
content: demoBox('Overview content A'),
|
|
26
|
+
span: {
|
|
27
|
+
md: 6
|
|
28
|
+
}
|
|
29
|
+
}, {
|
|
30
|
+
key: 't2',
|
|
31
|
+
content: demoBox('Overview content B'),
|
|
32
|
+
span: {
|
|
33
|
+
md: 6
|
|
34
|
+
}
|
|
35
|
+
}]
|
|
36
|
+
}
|
|
37
|
+
}, {
|
|
38
|
+
id: 'tab-b',
|
|
39
|
+
label: 'Details',
|
|
40
|
+
node: {
|
|
41
|
+
id: 'tab-b-node',
|
|
42
|
+
layout: 'grid',
|
|
43
|
+
grid: {
|
|
44
|
+
cols: 1,
|
|
45
|
+
mdCols: 12,
|
|
46
|
+
gap: 'gap-4'
|
|
47
|
+
},
|
|
48
|
+
children: [{
|
|
49
|
+
id: 'inner-details',
|
|
50
|
+
title: 'Inner details section',
|
|
51
|
+
variant: 'separator',
|
|
52
|
+
layout: 'grid',
|
|
53
|
+
grid: {
|
|
54
|
+
cols: 1,
|
|
55
|
+
mdCols: 12
|
|
56
|
+
},
|
|
57
|
+
children: [{
|
|
58
|
+
key: 'd1',
|
|
59
|
+
content: demoBox('Detail 1'),
|
|
60
|
+
span: {
|
|
61
|
+
md: 4
|
|
62
|
+
}
|
|
63
|
+
}, {
|
|
64
|
+
key: 'd2',
|
|
65
|
+
content: demoBox('Detail 2'),
|
|
66
|
+
span: {
|
|
67
|
+
md: 4
|
|
68
|
+
}
|
|
69
|
+
}, {
|
|
70
|
+
key: 'd3',
|
|
71
|
+
content: demoBox('Detail 3'),
|
|
72
|
+
span: {
|
|
73
|
+
md: 4
|
|
74
|
+
}
|
|
75
|
+
}]
|
|
76
|
+
} as unknown as SectionNode]
|
|
77
|
+
}
|
|
78
|
+
}]
|
|
79
|
+
} as unknown as SectionNode]
|
|
80
|
+
},
|
|
81
|
+
render: args => <SectionBuilder {...args} />
|
|
82
|
+
}`,...(p=(m=s.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var u,y,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
83
|
+
name: 'Grid layout',
|
|
84
|
+
args: {
|
|
85
|
+
sections: [{
|
|
86
|
+
id: 'grid-1',
|
|
87
|
+
title: 'Grid (responsive spans)',
|
|
88
|
+
subtitle: 'Uses md column spans 6/6 then 4/4/4',
|
|
89
|
+
variant: 'card',
|
|
90
|
+
layout: 'grid',
|
|
91
|
+
grid: {
|
|
92
|
+
cols: 1,
|
|
93
|
+
mdCols: 12,
|
|
94
|
+
gap: 'gap-4'
|
|
95
|
+
},
|
|
96
|
+
children: gridLeaves
|
|
97
|
+
}] satisfies SectionNode[]
|
|
98
|
+
},
|
|
99
|
+
render: args => <SectionBuilder {...args} />
|
|
100
|
+
}`,...(g=(y=o.parameters)==null?void 0:y.docs)==null?void 0:g.source}}};var b,x,k;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{
|
|
101
|
+
name: 'Leaves with labels',
|
|
102
|
+
args: {
|
|
103
|
+
sections: [{
|
|
104
|
+
id: 'labels-1',
|
|
105
|
+
title: 'Label layouts',
|
|
106
|
+
variant: 'card',
|
|
107
|
+
layout: 'grid',
|
|
108
|
+
grid: {
|
|
109
|
+
cols: 1,
|
|
110
|
+
mdCols: 12
|
|
111
|
+
},
|
|
112
|
+
children: [{
|
|
113
|
+
key: 'l1',
|
|
114
|
+
label: 'Inline label',
|
|
115
|
+
labelLayout: 'inline',
|
|
116
|
+
inlineLabelWidthClass: 'w-40',
|
|
117
|
+
content: demoBox('Value content inline'),
|
|
118
|
+
span: {
|
|
119
|
+
md: 12
|
|
120
|
+
}
|
|
121
|
+
}, {
|
|
122
|
+
key: 'l2',
|
|
123
|
+
label: 'Stacked label',
|
|
124
|
+
labelLayout: 'stacked',
|
|
125
|
+
description: 'Optional description appears under value',
|
|
126
|
+
content: demoBox('Value content stacked'),
|
|
127
|
+
span: {
|
|
128
|
+
md: 6
|
|
129
|
+
}
|
|
130
|
+
}, {
|
|
131
|
+
key: 'l3',
|
|
132
|
+
label: 'No description',
|
|
133
|
+
labelLayout: 'stacked',
|
|
134
|
+
content: demoBox('Another value'),
|
|
135
|
+
span: {
|
|
136
|
+
md: 6
|
|
137
|
+
}
|
|
138
|
+
}]
|
|
139
|
+
}] satisfies SectionNode[]
|
|
140
|
+
},
|
|
141
|
+
render: args => <SectionBuilder {...args} />
|
|
142
|
+
}`,...(k=(x=r.parameters)==null?void 0:x.docs)==null?void 0:k.source}}};var v,f,h;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
|
|
143
|
+
name: 'Flex layout',
|
|
144
|
+
args: {
|
|
145
|
+
sections: [{
|
|
146
|
+
id: 'flex-1',
|
|
147
|
+
title: 'Horizontal flex with wrap',
|
|
148
|
+
variant: 'card',
|
|
149
|
+
layout: 'flex',
|
|
150
|
+
flex: {
|
|
151
|
+
direction: 'row',
|
|
152
|
+
wrap: true,
|
|
153
|
+
gap: 'gap-3',
|
|
154
|
+
align: 'start',
|
|
155
|
+
justify: 'start'
|
|
156
|
+
},
|
|
157
|
+
children: [{
|
|
158
|
+
key: 'f1',
|
|
159
|
+
content: demoBox('Item 1'),
|
|
160
|
+
className: 'w-56'
|
|
161
|
+
}, {
|
|
162
|
+
key: 'f2',
|
|
163
|
+
content: demoBox('Item 2'),
|
|
164
|
+
className: 'w-56'
|
|
165
|
+
}, {
|
|
166
|
+
key: 'f3',
|
|
167
|
+
content: demoBox('Item 3'),
|
|
168
|
+
className: 'w-56'
|
|
169
|
+
}, {
|
|
170
|
+
key: 'f4',
|
|
171
|
+
content: demoBox('Item 4'),
|
|
172
|
+
className: 'w-56'
|
|
173
|
+
}]
|
|
174
|
+
}] satisfies SectionNode[]
|
|
175
|
+
}
|
|
176
|
+
}`,...(h=(f=i.parameters)==null?void 0:f.docs)==null?void 0:h.source}}};var B,w,N;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
177
|
+
name: 'Nested sections',
|
|
178
|
+
args: {
|
|
179
|
+
sections: [{
|
|
180
|
+
id: 'outer',
|
|
181
|
+
title: 'Outer section',
|
|
182
|
+
variant: 'card',
|
|
183
|
+
layout: 'grid',
|
|
184
|
+
grid: {
|
|
185
|
+
cols: 1,
|
|
186
|
+
mdCols: 12
|
|
187
|
+
},
|
|
188
|
+
children: [{
|
|
189
|
+
id: 'inner-1',
|
|
190
|
+
title: 'Inner A',
|
|
191
|
+
variant: 'separator',
|
|
192
|
+
layout: 'grid',
|
|
193
|
+
grid: {
|
|
194
|
+
cols: 1,
|
|
195
|
+
mdCols: 12
|
|
196
|
+
},
|
|
197
|
+
children: [{
|
|
198
|
+
key: 'ia',
|
|
199
|
+
content: demoBox('Inner A1'),
|
|
200
|
+
span: {
|
|
201
|
+
md: 6
|
|
202
|
+
}
|
|
203
|
+
}, {
|
|
204
|
+
key: 'ib',
|
|
205
|
+
content: demoBox('Inner A2'),
|
|
206
|
+
span: {
|
|
207
|
+
md: 6
|
|
208
|
+
}
|
|
209
|
+
}]
|
|
210
|
+
}, {
|
|
211
|
+
id: 'inner-2',
|
|
212
|
+
title: 'Inner B',
|
|
213
|
+
variant: 'plain',
|
|
214
|
+
layout: 'grid',
|
|
215
|
+
grid: {
|
|
216
|
+
cols: 1,
|
|
217
|
+
mdCols: 12
|
|
218
|
+
},
|
|
219
|
+
children: [{
|
|
220
|
+
key: 'ic',
|
|
221
|
+
content: demoBox('Inner B1'),
|
|
222
|
+
span: {
|
|
223
|
+
md: 4
|
|
224
|
+
}
|
|
225
|
+
}, {
|
|
226
|
+
key: 'id',
|
|
227
|
+
content: demoBox('Inner B2'),
|
|
228
|
+
span: {
|
|
229
|
+
md: 4
|
|
230
|
+
}
|
|
231
|
+
}, {
|
|
232
|
+
key: 'ie',
|
|
233
|
+
content: demoBox('Inner B3'),
|
|
234
|
+
span: {
|
|
235
|
+
md: 4
|
|
236
|
+
}
|
|
237
|
+
}]
|
|
238
|
+
}]
|
|
239
|
+
} as unknown as SectionNode]
|
|
240
|
+
},
|
|
241
|
+
render: args => <SectionBuilder {...args} />
|
|
242
|
+
}`,...(N=(w=d.parameters)==null?void 0:w.docs)==null?void 0:N.source}}};var C,L,S;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{
|
|
243
|
+
name: 'Custom leaf renderer',
|
|
244
|
+
args: {
|
|
245
|
+
sections: [{
|
|
246
|
+
id: 'custom-1',
|
|
247
|
+
title: 'Custom renderer',
|
|
248
|
+
layout: 'grid',
|
|
249
|
+
grid: {
|
|
250
|
+
cols: 1,
|
|
251
|
+
mdCols: 12
|
|
252
|
+
},
|
|
253
|
+
children: [{
|
|
254
|
+
key: 'x',
|
|
255
|
+
label: 'Name',
|
|
256
|
+
labelLayout: 'inline',
|
|
257
|
+
content: 'Jane Doe',
|
|
258
|
+
span: {
|
|
259
|
+
md: 6
|
|
260
|
+
}
|
|
261
|
+
}, {
|
|
262
|
+
key: 'y',
|
|
263
|
+
label: 'Email',
|
|
264
|
+
labelLayout: 'inline',
|
|
265
|
+
content: 'jane@example.com',
|
|
266
|
+
span: {
|
|
267
|
+
md: 6
|
|
268
|
+
}
|
|
269
|
+
}]
|
|
270
|
+
}] satisfies SectionNode[],
|
|
271
|
+
renderLeaf: leaf => <div className="rounded border p-3">
|
|
272
|
+
<div className="text-[10px] uppercase tracking-wide text-muted-foreground">{leaf.label ?? 'Field'}</div>
|
|
273
|
+
<div className="text-sm">{leaf.content}</div>
|
|
274
|
+
</div>
|
|
275
|
+
},
|
|
276
|
+
render: args => <SectionBuilder {...args} />
|
|
277
|
+
}`,...(S=(L=l.parameters)==null?void 0:L.docs)==null?void 0:S.source}}};const $=["TabsLayout","GridLayout","WithLabels","FlexLayout","NestedSections","CustomLeafRenderer"];export{l as CustomLeafRenderer,i as FlexLayout,o as GridLayout,d as NestedSections,s as TabsLayout,r as WithLabels,$ as __namedExportsOrder,Z as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{r as f}from"./iframe-v7iAhKit.js";import{c}from"./utils-D-KgF5mV.js";import{C as v,a as y,b,d as L,c as S}from"./card-BJpPOzP8.js";import{S as w}from"./separator-o5SAUnaJ.js";import{T,a as R,b as q,c as E}from"./tabs-CopK2m3j.js";const o={base:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12"},sm:{1:"sm:grid-cols-1",2:"sm:grid-cols-2",3:"sm:grid-cols-3",4:"sm:grid-cols-4",5:"sm:grid-cols-5",6:"sm:grid-cols-6",7:"sm:grid-cols-7",8:"sm:grid-cols-8",9:"sm:grid-cols-9",10:"sm:grid-cols-10",11:"sm:grid-cols-11",12:"sm:grid-cols-12"},md:{1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3",4:"md:grid-cols-4",5:"md:grid-cols-5",6:"md:grid-cols-6",7:"md:grid-cols-7",8:"md:grid-cols-8",9:"md:grid-cols-9",10:"md:grid-cols-10",11:"md:grid-cols-11",12:"md:grid-cols-12"},lg:{1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6",7:"lg:grid-cols-7",8:"lg:grid-cols-8",9:"lg:grid-cols-9",10:"lg:grid-cols-10",11:"lg:grid-cols-11",12:"lg:grid-cols-12"},xl:{1:"xl:grid-cols-1",2:"xl:grid-cols-2",3:"xl:grid-cols-3",4:"xl:grid-cols-4",5:"xl:grid-cols-5",6:"xl:grid-cols-6",7:"xl:grid-cols-7",8:"xl:grid-cols-8",9:"xl:grid-cols-9",10:"xl:grid-cols-10",11:"xl:grid-cols-11",12:"xl:grid-cols-12"}},g={base:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"},sm:{1:"sm:col-span-1",2:"sm:col-span-2",3:"sm:col-span-3",4:"sm:col-span-4",5:"sm:col-span-5",6:"sm:col-span-6",7:"sm:col-span-7",8:"sm:col-span-8",9:"sm:col-span-9",10:"sm:col-span-10",11:"sm:col-span-11",12:"sm:col-span-12"},md:{1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3",4:"md:col-span-4",5:"md:col-span-5",6:"md:col-span-6",7:"md:col-span-7",8:"md:col-span-8",9:"md:col-span-9",10:"md:col-span-10",11:"md:col-span-11",12:"md:col-span-12"},lg:{1:"lg:col-span-1",2:"lg:col-span-2",3:"lg:col-span-3",4:"lg:col-span-4",5:"lg:col-span-5",6:"lg:col-span-6",7:"lg:col-span-7",8:"lg:col-span-8",9:"lg:col-span-9",10:"lg:col-span-10",11:"lg:col-span-11",12:"lg:col-span-12"},xl:{1:"xl:col-span-1",2:"xl:col-span-2",3:"xl:col-span-3",4:"xl:col-span-4",5:"xl:col-span-5",6:"xl:col-span-6",7:"xl:col-span-7",8:"xl:col-span-8",9:"xl:col-span-9",10:"xl:col-span-10",11:"xl:col-span-11",12:"xl:col-span-12"}};function k(s){const l=(s==null?void 0:s.cols)??1,n=s==null?void 0:s.smCols,d=s==null?void 0:s.mdCols,i=s==null?void 0:s.lgCols,t=s==null?void 0:s.xlCols,r=(s==null?void 0:s.gap)??"gap-4";return c("grid",o.base[l],n?o.sm[n]:void 0,d?o.md[d]:void 0,i?o.lg[i]:void 0,t?o.xl[t]:void 0,r)}function B(s){const l=(s==null?void 0:s.direction)??"col",n=s!=null&&s.wrap?"flex-wrap":"flex-nowrap",d=(s==null?void 0:s.gap)??"gap-4",i=(s==null?void 0:s.align)??"stretch",t=(s==null?void 0:s.justify)??"start",r=i==="start"?"items-start":i==="center"?"items-center":i==="end"?"items-end":"items-stretch",e=t==="start"?"justify-start":t==="center"?"justify-center":t==="between"?"justify-between":"justify-end";return c("flex",`flex-${l}`,n,d,r,e)}function I(s){if(!s.span)return;const l=[];return s.span.base&&l.push(g.base[s.span.base]),s.span.sm&&l.push(g.sm[s.span.sm]),s.span.md&&l.push(g.md[s.span.md]),s.span.lg&&l.push(g.lg[s.span.lg]),s.span.xl&&l.push(g.xl[s.span.xl]),l.join(" ")}function W(s){return s.content!==void 0}function _(s,l){return s===l?!0:!s||!l?!s&&!l:s.base===l.base&&s.sm===l.sm&&s.md===l.md&&s.lg===l.lg&&s.xl===l.xl}function K(s,l){const n=(s.renderKey??null)===(l.renderKey??null);return s.key===l.key&&s.hidden===l.hidden&&s.className===l.className&&s.labelLayout===l.labelLayout&&s.labelClassName===l.labelClassName&&s.valueClassName===l.valueClassName&&s.inlineLabelWidthClass===l.inlineLabelWidthClass&&_(s.span,l.span)&&n}const A=f.memo(function({leaf:l,renderLeaf:n}){if(l.hidden)return null;const d=I(l);if(n)return a.jsx("div",{className:c(d,l.className),children:n(l)});const i=l.label!==void 0&&l.label!==null&&l.label!=="",t=l.labelLayout??"stacked",r="text-xs text-muted-foreground",e="text-sm leading-6";if(!i)return a.jsx("div",{className:c(d,l.className,l.valueClassName),children:l.content});if(t==="inline"){const m=l.inlineLabelWidthClass??"w-32";return a.jsxs("div",{className:c(d,l.className,"flex items-start gap-4"),children:[a.jsx("div",{className:c(m,r,l.labelClassName),children:l.label}),a.jsxs("div",{className:c("flex-1",e,l.valueClassName),children:[l.content,l.description?a.jsx("div",{className:c("mt-1",r),children:l.description}):null]})]})}return a.jsxs("div",{className:c(d,l.className,"flex flex-col"),children:[a.jsx("div",{className:c(r,l.labelClassName),children:l.label}),a.jsx("div",{className:c(e,l.valueClassName),children:l.content}),l.description?a.jsx("div",{className:c("mt-1",r),children:l.description}):null]})},(s,l)=>K(s.leaf,l.leaf)&&s.renderLeaf===l.renderLeaf);function p({node:s,renderLeaf:l}){var t;if(s.hidden)return null;const n=s.layout??"grid",d=n==="grid"?k(s.grid):n==="flex"?B(s.flex):"",i=({children:r})=>{const e=s.title,m=s.subtitle,h=s.variant??"card",u=s.className,j=s.headerClassName,C=s.contentClassName,N=()=>!e&&!m?null:a.jsxs("div",{className:c("space-y-1",j),children:[e&&a.jsx("h3",{className:"text-lg font-medium leading-none",children:e}),m&&a.jsx("p",{className:"text-sm text-muted-foreground",children:m})]}),x=()=>a.jsx("div",{className:c("space-y-4",C),children:r});switch(h){case"card":return a.jsxs(v,{className:u,children:[(e||m)&&a.jsxs(y,{children:[e&&a.jsx(b,{children:e}),m&&a.jsx(L,{children:m})]}),a.jsx(S,{children:x()})]});case"separator":return a.jsxs("div",{className:c("space-y-6",u),children:[(e||m)&&a.jsxs(a.Fragment,{children:[N(),a.jsx(w,{})]}),x()]});default:return a.jsxs("div",{className:c("space-y-6",u),children:[N(),x()]})}};if(n==="tabs"&&s.tabs&&s.tabs.length>0){const r=s.defaultTabId??((t=s.tabs[0])==null?void 0:t.id);return a.jsx(i,{children:a.jsxs(T,{defaultValue:r,className:c("space-y-2"),children:[a.jsx(R,{className:c(s.tabsListClassName),children:s.tabs.map(e=>a.jsx(q,{value:e.id,className:c(e.className),children:e.label},e.id))}),s.tabs.map(e=>a.jsx(E,{value:e.id,className:c(s.tabsContentClassName,e.contentClassName),children:a.jsx(p,{node:e.node,renderLeaf:l})},e.id))]})})}return a.jsx(i,{children:a.jsx("div",{className:d,children:(s.children??[]).map(r=>W(r)?a.jsx(A,{leaf:r,renderLeaf:l},r.key):r.hidden?null:a.jsx("div",{className:"col-span-full",children:a.jsx(p,{node:r,renderLeaf:l})},r.id))})})}function D({sections:s,className:l,renderLeaf:n}){return a.jsx("div",{className:c("space-y-6",l),children:s.map(d=>a.jsx(p,{node:d,renderLeaf:n},d.id))})}D.__docgenInfo={description:"",methods:[],displayName:"SectionBuilder",props:{sections:{required:!0,tsType:{name:"Array",elements:[{name:"SectionNode"}],raw:"SectionNode[]"},description:""},renderLeaf:{required:!1,tsType:{name:"signature",type:"function",raw:"(leaf: SectionLeaf) => React.ReactNode",signature:{arguments:[{type:{name:"SectionLeaf"},name:"leaf"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};export{D as S};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./iframe-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as j}from"./iframe-v7iAhKit.js";import{S as s,a as p,b as h,c as x,d as r}from"./select-DDrkxaOg.js";import{L as S}from"./label-Do8ODIVk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-Bv9yk470.js";import"./index-CDY5kTx5.js";import"./index-DbaA6-o1.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-ByqivBWx.js";import"./index-_RPqOjlQ.js";import"./index-C9Ta0ZTH.js";import"./utils-D-KgF5mV.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./check-B9hBGj6o.js";const Q={title:"Shadcn/UI/Select",component:s},t={render:()=>e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{htmlFor:"select",children:"Theme"}),e.jsxs(s,{children:[e.jsx(p,{id:"select",children:e.jsx(h,{placeholder:"Select a theme"})}),e.jsxs(x,{children:[e.jsx(r,{value:"light",children:"Light"}),e.jsx(r,{value:"dark",children:"Dark"}),e.jsx(r,{value:"system",children:"System"})]})]})]})};function g(){const[o,u]=j.useState("system");return e.jsxs("div",{className:"grid w-[240px] gap-2",children:[e.jsx(S,{children:"Controlled"}),e.jsxs(s,{value:o,onValueChange:u,children:[e.jsx(p,{children:e.jsx(h,{placeholder:"Pick one"})}),e.jsxs(x,{children:[e.jsx(r,{value:"apple",children:"Apple"}),e.jsx(r,{value:"banana",children:"Banana"}),e.jsx(r,{value:"cherry",children:"Cherry"})]})]}),e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Selected: ",o]})]})}const l={render:()=>e.jsx(g,{})};var a,c,i;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <div className="grid w-[240px] gap-2">
|
|
3
3
|
<Label htmlFor="select">Theme</Label>
|
|
4
4
|
<Select>
|
package/storybook-static/assets/{Separator.stories-B5QnaJXb.js → Separator.stories-BTDOaOM2.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s}from"./separator-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s}from"./separator-o5SAUnaJ.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./utils-D-KgF5mV.js";const h={title:"Shadcn/UI/Separator",component:s},r={render:()=>e.jsxs("div",{className:"w-full max-w-sm",children:[e.jsx("div",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),e.jsx(s,{className:"my-2"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"An open-source UI component library."})]})},t={render:()=>e.jsxs("div",{className:"flex h-10 items-center space-x-4 text-sm",children:[e.jsx("div",{children:"Blog"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Docs"}),e.jsx(s,{orientation:"vertical"}),e.jsx("div",{children:"Source"})]})};var a,i,o;r.parameters={...r.parameters,docs:{...(a=r.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <div className="w-full max-w-sm">
|
|
3
3
|
<div className="text-sm font-medium leading-none">Radix Primitives</div>
|
|
4
4
|
<Separator className="my-2" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s,e as a,a as h,b as d,c as p,d as c,f as m}from"./sheet-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{S as s,e as a,a as h,b as d,c as p,d as c,f as m}from"./sheet-C7jhU3XE.js";import{B as r}from"./button-0oMkiryo.js";import"./index-Z6wF44KX.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";import"./x-B1a4fyWM.js";import"./createLucideIcon-BrHXro7t.js";import"./index-CGrAONsN.js";const _={title:"Shadcn/UI/Sheet",component:s},t={render:()=>e.jsxs(s,{children:[e.jsx(a,{asChild:!0,children:e.jsx(r,{variant:"outline",children:"Open Sheet"})}),e.jsxs(h,{side:"right",children:[e.jsxs(d,{children:[e.jsx(p,{children:"Edit profile"}),e.jsx(c,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsx("div",{className:"p-4 text-sm text-muted-foreground",children:"Put any content here. This panel slides from the right and can be closed via the X button."}),e.jsx(m,{children:e.jsxs("div",{className:"flex gap-2",children:[e.jsx(r,{variant:"outline",children:"Cancel"}),e.jsx(r,{children:"Save"})]})})]})]})};var i,o,n;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <Sheet>
|
|
3
3
|
<SheetTrigger asChild>
|
|
4
4
|
<Button variant="outline">Open Sheet</Button>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as c,S as u,b as h,l as m,m as x,c as j,d as i,e as o,f as s,g as d,i as n,j as r,n as M,o as I,p as B,h as v,q as g,k as f}from"./sidebar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{a as c,S as u,b as h,l as m,m as x,c as j,d as i,e as o,f as s,g as d,i as n,j as r,n as M,o as I,p as B,h as v,q as g,k as f}from"./sidebar-C8hU1Mxy.js";import{c as t}from"./createLucideIcon-BrHXro7t.js";import{T as G,P}from"./trash-2-xdbApPby.js";import{S as A}from"./settings-2-xWGvvbG6.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";import"./button-0oMkiryo.js";import"./input-11YRd9gD.js";import"./separator-o5SAUnaJ.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./sheet-C7jhU3XE.js";import"./index-Z6wF44KX.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-ByqivBWx.js";import"./index-BVDb4dFc.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-jrimW4QO.js";import"./index-AvwFFKJc.js";import"./x-B1a4fyWM.js";import"./skeleton-CjDnQs43.js";import"./tooltip-_LqYEYFw.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-C9Ta0ZTH.js";/**
|
|
2
2
|
* @license lucide-react v0.540.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-
|
|
1
|
+
import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-v7iAhKit.js";import{c as J}from"./index-BdQq_4o_.js";import{c as C}from"./index-DW48STyt.js";import{u as j}from"./index-DbaA6-o1.js";import{c as pe}from"./index-CDY5kTx5.js";import{u as he}from"./index-ByqivBWx.js";import{u as ge}from"./index-B_qx7A5T.js";import{u as Se}from"./index-_RPqOjlQ.js";import{u as ve}from"./index-Bw1A27Kp.js";import{P as B}from"./index-Tp9IdbR8.js";import{c as xe}from"./index-Bv9yk470.js";import{c as L}from"./utils-D-KgF5mV.js";import{L as be}from"./label-Do8ODIVk.js";import"./preload-helper-Dp1pzeXC.js";import"./index-D8RXF03I.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";var Q=["PageUp","PageDown"],Z=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],ee={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},A="Slider",[H,we,ye]=xe(A),[te,nt]=pe(A,[ye]),[Re,N]=te(A),oe=u.forwardRef((e,t)=>{const{name:o,min:r=0,max:i=100,step:l=1,orientation:n="horizontal",disabled:a=!1,minStepsBetweenThumbs:c=0,defaultValue:g=[r],value:S,onValueChange:s=()=>{},onValueCommit:m=()=>{},inverted:x=!1,form:y,...v}=e,p=u.useRef(new Set),f=u.useRef(0),b=n==="horizontal"?Pe:_e,[h=[],M]=he({prop:S,defaultProp:g,onChange:w=>{var E;(E=[...p.current][f.current])==null||E.focus(),s(w)}}),T=u.useRef(h);function k(w){const R=Ae(h,w);I(w,R)}function me(w){I(w,f.current)}function fe(){const w=T.current[f.current];h[f.current]!==w&&m(h)}function I(w,R,{commit:E}={commit:!1}){const $=Be(l),z=Ke(Math.round((w-r)/l)*l+r,$),V=J(z,[r,i]);M((D=[])=>{const P=Ce(D,V,R);if(Ve(P,c*l)){f.current=P.indexOf(V);const X=String(P)!==String(D);return X&&E&&m(P),X?P:D}else return D})}return d.jsx(Re,{scope:e.__scopeSlider,name:o,disabled:a,min:r,max:i,valueIndexToChangeRef:f,thumbs:p.current,values:h,orientation:n,form:y,children:d.jsx(H.Provider,{scope:e.__scopeSlider,children:d.jsx(H.Slot,{scope:e.__scopeSlider,children:d.jsx(b,{"aria-disabled":a,"data-disabled":a?"":void 0,...v,ref:t,onPointerDown:C(v.onPointerDown,()=>{a||(T.current=h)}),min:r,max:i,inverted:x,onSlideStart:a?void 0:k,onSlideMove:a?void 0:me,onSlideEnd:a?void 0:fe,onHomeKeyDown:()=>!a&&I(r,0,{commit:!0}),onEndKeyDown:()=>!a&&I(i,h.length-1,{commit:!0}),onStepKeyDown:({event:w,direction:R})=>{if(!a){const z=Q.includes(w.key)||w.shiftKey&&Z.includes(w.key)?10:1,V=f.current,D=h[V],P=l*z*R;I(D+P,V,{commit:!0})}}})})})})});oe.displayName=A;var[re,ne]=te(A,{startEdge:"left",endEdge:"right",size:"width",direction:1}),Pe=u.forwardRef((e,t)=>{const{min:o,max:r,dir:i,inverted:l,onSlideStart:n,onSlideMove:a,onSlideEnd:c,onStepKeyDown:g,...S}=e,[s,m]=u.useState(null),x=j(t,b=>m(b)),y=u.useRef(void 0),v=ge(i),p=v==="ltr",f=p&&!l||!p&&l;function _(b){const h=y.current||s.getBoundingClientRect(),M=[0,h.width],k=U(M,f?[o,r]:[r,o]);return y.current=h,k(b-h.left)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:f?"left":"right",endEdge:f?"right":"left",direction:f?1:-1,size:"width",children:d.jsx(ie,{dir:v,"data-orientation":"horizontal",...S,ref:x,style:{...S.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:b=>{const h=_(b.clientX);n==null||n(h)},onSlideMove:b=>{const h=_(b.clientX);a==null||a(h)},onSlideEnd:()=>{y.current=void 0,c==null||c()},onStepKeyDown:b=>{const M=ee[f?"from-left":"from-right"].includes(b.key);g==null||g({event:b,direction:M?-1:1})}})})}),_e=u.forwardRef((e,t)=>{const{min:o,max:r,inverted:i,onSlideStart:l,onSlideMove:n,onSlideEnd:a,onStepKeyDown:c,...g}=e,S=u.useRef(null),s=j(t,S),m=u.useRef(void 0),x=!i;function y(v){const p=m.current||S.current.getBoundingClientRect(),f=[0,p.height],b=U(f,x?[r,o]:[o,r]);return m.current=p,b(v-p.top)}return d.jsx(re,{scope:e.__scopeSlider,startEdge:x?"bottom":"top",endEdge:x?"top":"bottom",size:"height",direction:x?1:-1,children:d.jsx(ie,{"data-orientation":"vertical",...g,ref:s,style:{...g.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:v=>{const p=y(v.clientY);l==null||l(p)},onSlideMove:v=>{const p=y(v.clientY);n==null||n(p)},onSlideEnd:()=>{m.current=void 0,a==null||a()},onStepKeyDown:v=>{const f=ee[x?"from-bottom":"from-top"].includes(v.key);c==null||c({event:v,direction:f?-1:1})}})})}),ie=u.forwardRef((e,t)=>{const{__scopeSlider:o,onSlideStart:r,onSlideMove:i,onSlideEnd:l,onHomeKeyDown:n,onEndKeyDown:a,onStepKeyDown:c,...g}=e,S=N(A,o);return d.jsx(B.span,{...g,ref:t,onKeyDown:C(e.onKeyDown,s=>{s.key==="Home"?(n(s),s.preventDefault()):s.key==="End"?(a(s),s.preventDefault()):Q.concat(Z).includes(s.key)&&(c(s),s.preventDefault())}),onPointerDown:C(e.onPointerDown,s=>{const m=s.target;m.setPointerCapture(s.pointerId),s.preventDefault(),S.thumbs.has(m)?m.focus():r(s)}),onPointerMove:C(e.onPointerMove,s=>{s.target.hasPointerCapture(s.pointerId)&&i(s)}),onPointerUp:C(e.onPointerUp,s=>{const m=s.target;m.hasPointerCapture(s.pointerId)&&(m.releasePointerCapture(s.pointerId),l(s))})})}),ae="SliderTrack",se=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(ae,o);return d.jsx(B.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...r,ref:t})});se.displayName=ae;var O="SliderRange",le=u.forwardRef((e,t)=>{const{__scopeSlider:o,...r}=e,i=N(O,o),l=ne(O,o),n=u.useRef(null),a=j(t,n),c=i.values.length,g=i.values.map(m=>ue(m,i.min,i.max)),S=c>1?Math.min(...g):0,s=100-Math.max(...g);return d.jsx(B.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...r,ref:a,style:{...e.style,[l.startEdge]:S+"%",[l.endEdge]:s+"%"}})});le.displayName=O;var F="SliderThumb",ce=u.forwardRef((e,t)=>{const o=we(e.__scopeSlider),[r,i]=u.useState(null),l=j(t,a=>i(a)),n=u.useMemo(()=>r?o().findIndex(a=>a.ref.current===r):-1,[o,r]);return d.jsx(Ee,{...e,ref:l,index:n})}),Ee=u.forwardRef((e,t)=>{const{__scopeSlider:o,index:r,name:i,...l}=e,n=N(F,o),a=ne(F,o),[c,g]=u.useState(null),S=j(t,_=>g(_)),s=c?n.form||!!c.closest("form"):!0,m=ve(c),x=n.values[r],y=x===void 0?0:ue(x,n.min,n.max),v=je(r,n.values.length),p=m==null?void 0:m[a.size],f=p?Me(p,y,a.direction):0;return u.useEffect(()=>{if(c)return n.thumbs.add(c),()=>{n.thumbs.delete(c)}},[c,n.thumbs]),d.jsxs("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[a.startEdge]:`calc(${y}% + ${f}px)`},children:[d.jsx(H.ItemSlot,{scope:e.__scopeSlider,children:d.jsx(B.span,{role:"slider","aria-label":e["aria-label"]||v,"aria-valuemin":n.min,"aria-valuenow":x,"aria-valuemax":n.max,"aria-orientation":n.orientation,"data-orientation":n.orientation,"data-disabled":n.disabled?"":void 0,tabIndex:n.disabled?void 0:0,...l,ref:S,style:x===void 0?{display:"none"}:e.style,onFocus:C(e.onFocus,()=>{n.valueIndexToChangeRef.current=r})})}),s&&d.jsx(de,{name:i??(n.name?n.name+(n.values.length>1?"[]":""):void 0),form:n.form,value:x},r)]})});ce.displayName=F;var De="RadioBubbleInput",de=u.forwardRef(({__scopeSlider:e,value:t,...o},r)=>{const i=u.useRef(null),l=j(i,r),n=Se(t);return u.useEffect(()=>{const a=i.current;if(!a)return;const c=window.HTMLInputElement.prototype,S=Object.getOwnPropertyDescriptor(c,"value").set;if(n!==t&&S){const s=new Event("input",{bubbles:!0});S.call(a,t),a.dispatchEvent(s)}},[n,t]),d.jsx(B.input,{style:{display:"none"},...o,ref:l,defaultValue:t})});de.displayName=De;function Ce(e=[],t,o){const r=[...e];return r[o]=t,r.sort((i,l)=>i-l)}function ue(e,t,o){const l=100/(o-t)*(e-t);return J(l,[0,100])}function je(e,t){return t>2?`Value ${e+1} of ${t}`:t===2?["Minimum","Maximum"][e]:void 0}function Ae(e,t){if(e.length===1)return 0;const o=e.map(i=>Math.abs(i-t)),r=Math.min(...o);return o.indexOf(r)}function Me(e,t,o){const r=e/2,l=U([0,50],[0,r]);return(r-l(t)*o)*o}function Ie(e){return e.slice(0,-1).map((t,o)=>e[o+1]-t)}function Ve(e,t){if(t>0){const o=Ie(e);return Math.min(...o)>=t}return!0}function U(e,t){return o=>{if(e[0]===e[1]||t[0]===t[1])return t[0];const r=(t[1]-t[0])/(e[1]-e[0]);return t[0]+r*(o-e[0])}}function Be(e){return(String(e).split(".")[1]||"").length}function Ke(e,t){const o=Math.pow(10,t);return Math.round(e*o)/o}var Ne=oe,Te=se,ke=le,ze=ce;function Y({className:e,defaultValue:t,value:o,min:r=0,max:i=100,...l}){const n=u.useMemo(()=>Array.isArray(o)?o:Array.isArray(t)?t:[r,i],[o,t,r,i]);return d.jsxs(Ne,{"data-slot":"slider",defaultValue:t,value:o,min:r,max:i,className:L("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),...l,children:[d.jsx(Te,{"data-slot":"slider-track",className:L("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"),children:d.jsx(ke,{"data-slot":"slider-range",className:L("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")})}),Array.from({length:n.length},(a,c)=>d.jsx(ze,{"data-slot":"slider-thumb",className:"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},c))]})}Y.__docgenInfo={description:"",methods:[],displayName:"Slider",props:{min:{defaultValue:{value:"0",computed:!1},required:!1},max:{defaultValue:{value:"100",computed:!1},required:!1}}};const it={title:"Shadcn/UI/Slider",component:Y},K={render:()=>d.jsxs("div",{className:"w-[320px] grid gap-3",children:[d.jsx(be,{htmlFor:"volume",children:"Volume"}),d.jsx(Y,{id:"volume",defaultValue:[50],max:100,step:1})]})};var q,G,W;K.parameters={...K.parameters,docs:{...(q=K.parameters)==null?void 0:q.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <div className="w-[320px] grid gap-3">
|
|
3
3
|
<Label htmlFor="volume">Volume</Label>
|
|
4
4
|
<Slider id="volume" defaultValue={[50]} max={100} step={1} />
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{z as d}from"./index-Dph_5COR.js";import{T as m,t as r}from"./index-XSmPROEP.js";import{B as t}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const s=({...c})=>{const{theme:l="system"}=d();return o.jsx(m,{theme:l,className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)"},...c})};s.__docgenInfo={description:"",methods:[],displayName:"Toaster"};const k={title:"Shadcn/UI/Sonner",component:s},e={render:()=>o.jsxs("div",{className:"space-y-3",children:[o.jsx(s,{richColors:!0,position:"top-right"}),o.jsxs("div",{className:"flex flex-wrap gap-2",children:[o.jsx(t,{onClick:()=>r("Hello from Sonner!"),children:"Default"}),o.jsx(t,{variant:"secondary",onClick:()=>r.success("Saved successfully"),children:"Success"}),o.jsx(t,{variant:"destructive",onClick:()=>r.error("Something went wrong"),children:"Error"}),o.jsx(t,{variant:"outline",onClick:()=>r("Action required",{action:{label:"Undo",onClick:()=>r("Undone")}}),children:"With action"})]})]})};var n,a,i;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <div className="space-y-3">
|
|
3
|
+
<Toaster richColors position="top-right" />
|
|
4
|
+
<div className="flex flex-wrap gap-2">
|
|
5
|
+
<Button onClick={() => toast('Hello from Sonner!')}>Default</Button>
|
|
6
|
+
<Button variant="secondary" onClick={() => toast.success('Saved successfully')}>Success</Button>
|
|
7
|
+
<Button variant="destructive" onClick={() => toast.error('Something went wrong')}>Error</Button>
|
|
8
|
+
<Button variant="outline" onClick={() => toast('Action required', {
|
|
9
|
+
action: {
|
|
10
|
+
label: 'Undo',
|
|
11
|
+
onClick: () => toast('Undone')
|
|
12
|
+
}
|
|
13
|
+
})}>
|
|
14
|
+
With action
|
|
15
|
+
</Button>
|
|
16
|
+
</div>
|
|
17
|
+
</div>
|
|
18
|
+
}`,...(i=(a=e.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const y=["Basic"];export{e as Basic,y as __namedExportsOrder,k as default};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as c}from"./iframe-v7iAhKit.js";import{S as i}from"./switch-CKGRuk3u.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-_RPqOjlQ.js";import"./index-Bw1A27Kp.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./utils-D-KgF5mV.js";const B={title:"Shadcn/UI/Switch",component:i};function n(){const[r,a]=c.useState(!1);return t.jsxs("div",{className:"flex items-center gap-3",children:[t.jsx(i,{checked:r,onCheckedChange:a,id:"demo-switch"}),t.jsx("label",{htmlFor:"demo-switch",className:"text-sm",children:r?"Enabled":"Disabled"})]})}const e={render:()=>t.jsx(n,{})};var o,s,m;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <SwitchDemo />
|
|
3
|
+
}`,...(m=(s=e.parameters)==null?void 0:s.docs)==null?void 0:m.source}}};const C=["Basic"];export{e as Basic,C as __namedExportsOrder,B as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-v7iAhKit.js";import{T as B,f as K,a as O,b as T,c as o,d as _,e as t}from"./table-CP3vMqFn.js";import{I as X}from"./input-11YRd9gD.js";import{B as r}from"./button-0oMkiryo.js";import{S as H,a as R,b as M,c as U,d as C}from"./select-DDrkxaOg.js";import{C as D}from"./checkbox-CyIeaWHX.js";import"./preload-helper-Dp1pzeXC.js";import"./utils-D-KgF5mV.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-BdQq_4o_.js";import"./index-DW48STyt.js";import"./index-Bv9yk470.js";import"./index-CDY5kTx5.js";import"./index-B_qx7A5T.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-0-qMRXou.js";import"./Combination-BdQWAuko.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-nqc17SX4.js";import"./index-Bw1A27Kp.js";import"./index-jrimW4QO.js";import"./index-ByqivBWx.js";import"./index-_RPqOjlQ.js";import"./index-C9Ta0ZTH.js";import"./chevron-down-D_37S6il.js";import"./createLucideIcon-BrHXro7t.js";import"./check-B9hBGj6o.js";import"./index-AvwFFKJc.js";const Ue={title:"Shadcn/UI/Table",component:B},w={render:()=>e.jsxs(B,{children:[e.jsx(K,{children:"A list of recent invoices."}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{children:"Invoice"}),e.jsx(o,{children:"Status"}),e.jsx(o,{children:"Method"}),e.jsx(o,{children:"Amount"})]})}),e.jsxs(_,{children:[e.jsxs(T,{children:[e.jsx(t,{children:"INV001"}),e.jsx(t,{children:"Paid"}),e.jsx(t,{children:"Credit Card"}),e.jsx(t,{children:"$250.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV002"}),e.jsx(t,{children:"Processing"}),e.jsx(t,{children:"PayPal"}),e.jsx(t,{children:"$150.00"})]}),e.jsxs(T,{children:[e.jsx(t,{children:"INV003"}),e.jsx(t,{children:"Unpaid"}),e.jsx(t,{children:"Bank Transfer"}),e.jsx(t,{children:"$350.00"})]})]})]})};function Y(u){return new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(u/100)}const Z=[{id:"INV001",status:"Paid",method:"Credit Card",amount:25e3},{id:"INV002",status:"Processing",method:"PayPal",amount:15e3},{id:"INV003",status:"Unpaid",method:"Bank Transfer",amount:35e3},{id:"INV004",status:"Paid",method:"Credit Card",amount:12e3},{id:"INV005",status:"Unpaid",method:"PayPal",amount:9800},{id:"INV006",status:"Processing",method:"Bank Transfer",amount:44e3},{id:"INV007",status:"Paid",method:"Credit Card",amount:199900},{id:"INV008",status:"Processing",method:"PayPal",amount:5600},{id:"INV009",status:"Unpaid",method:"Credit Card",amount:7600},{id:"INV010",status:"Paid",method:"Bank Transfer",amount:87500}];function ee(u,s){const S=i.useMemo(()=>{const n=s.query.trim().toLowerCase();return u.filter(m=>{const f=n?m.id.toLowerCase().includes(n)||m.method.toLowerCase().includes(n):!0,l=s.status==="all"?!0:m.status===s.status;return f&&l})},[u,s.query,s.status]),N=i.useMemo(()=>{if(!s.sortKey)return S;const n=[...S].sort((m,f)=>{const l=s.sortKey,j=m[l],b=f[l];return typeof j=="number"&&typeof b=="number"?j-b:String(j).localeCompare(String(b))});return s.sortDir==="asc"?n:n.reverse()},[S,s.sortDir,s.sortKey]),c=N.length,y=s.page*s.pageSize,x=y+s.pageSize,I=N.slice(y,x),d=Math.max(1,Math.ceil(c/s.pageSize));return{rows:I,total:c,totalPages:d}}function ae(){const[u,s]=i.useState(""),[S,N]=i.useState("all"),[c,y]=i.useState("id"),[x,I]=i.useState("asc"),[d,n]=i.useState(0),[m,f]=i.useState(5),[l,j]=i.useState(new Set),{rows:b,total:Q,totalPages:v}=ee(Z,{sortKey:c,sortDir:x,query:u,status:S,page:d,pageSize:m});function k(a){n(0),y(h=>h!==a?(I("asc"),a):(I(p=>p==="asc"?"desc":"asc"),h))}const P=b.map(a=>a.id),A=P.length>0&&P.every(a=>l.has(a)),W=P.some(a=>l.has(a))&&!A;function G(a){j(h=>{const p=new Set(h);return a?P.forEach(g=>p.add(g)):P.forEach(g=>p.delete(g)),p})}function J(a,h){j(p=>{const g=new Set(p);return h?g.add(a):g.delete(a),g})}return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(X,{placeholder:"Search invoice or method...",value:u,onChange:a=>{n(0),s(a.target.value)},className:"w-60"}),e.jsxs(H,{value:S,onValueChange:a=>{n(0),N(a)},children:[e.jsx(R,{className:"w-44",children:e.jsx(M,{placeholder:"Status"})}),e.jsxs(U,{children:[e.jsx(C,{value:"all",children:"All statuses"}),e.jsx(C,{value:"Paid",children:"Paid"}),e.jsx(C,{value:"Processing",children:"Processing"}),e.jsx(C,{value:"Unpaid",children:"Unpaid"})]})]}),e.jsxs(H,{value:String(m),onValueChange:a=>{n(0),f(parseInt(a,10))},children:[e.jsx(R,{className:"w-36",children:e.jsx(M,{placeholder:"Page size"})}),e.jsxs(U,{children:[e.jsx(C,{value:"5",children:"5 / page"}),e.jsx(C,{value:"10",children:"10 / page"}),e.jsx(C,{value:"20",children:"20 / page"})]})]})]}),l.size>0&&e.jsxs("div",{className:"flex items-center justify-between rounded-md border bg-muted/40 px-3 py-2 text-sm",children:[e.jsxs("div",{children:[e.jsx("strong",{children:l.size})," selected"]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>j(new Set),children:"Clear selection"}),e.jsx(r,{variant:"default",children:"Bulk action"})]})]}),e.jsxs(B,{children:[e.jsxs(K,{children:["Invoices (",Q," total)"]}),e.jsx(O,{children:e.jsxs(T,{children:[e.jsx(o,{className:"w-10",children:e.jsx(D,{checked:W?"indeterminate":A,onCheckedChange:a=>G(a==="indeterminate"?!0:!!a),"aria-label":"Select all on page"})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("id"),children:["Invoice ",c==="id"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("status"),children:["Status ",c==="status"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{children:e.jsxs(r,{variant:"ghost",onClick:()=>k("method"),children:["Method ",c==="method"&&(x==="asc"?"▲":"▼")]})}),e.jsx(o,{className:"text-right",children:e.jsxs(r,{variant:"ghost",onClick:()=>k("amount"),children:["Amount ",c==="amount"&&(x==="asc"?"▲":"▼")]})})]})}),e.jsxs(_,{children:[b.map(a=>e.jsxs(T,{children:[e.jsx(t,{className:"w-10",children:e.jsx(D,{checked:l.has(a.id),onCheckedChange:h=>J(a.id,!!h),"aria-label":`Select ${a.id}`})}),e.jsx(t,{className:"font-medium",children:a.id}),e.jsx(t,{children:a.status}),e.jsx(t,{children:a.method}),e.jsx(t,{className:"text-right",children:Y(a.amount)})]},a.id)),b.length===0&&e.jsx(T,{children:e.jsx(t,{colSpan:5,className:"text-center text-muted-foreground",children:"No results"})})]})]}),e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"text-sm text-muted-foreground",children:["Page ",d+1," of ",v]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(r,{variant:"outline",onClick:()=>n(0),disabled:d===0,children:"« First"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.max(0,a-1)),disabled:d===0,children:"‹ Prev"}),e.jsx(r,{variant:"outline",onClick:()=>n(a=>Math.min(v-1,a+1)),disabled:d>=v-1,children:"Next ›"}),e.jsx(r,{variant:"outline",onClick:()=>n(v-1),disabled:d>=v-1,children:"Last »"})]})]})]})}const V={render:()=>e.jsx(ae,{})};var z,$,E;w.parameters={...w.parameters,docs:{...(z=w.parameters)==null?void 0:z.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <Table>
|
|
3
3
|
<TableCaption>A list of recent invoices.</TableCaption>
|
|
4
4
|
<TableHeader>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-D_zvdyIk.js";import{T as c,a as i,b as s,c as e}from"./tabs-CopK2m3j.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-CDY5kTx5.js";import"./index-CWjrGFAQ.js";import"./index-Bv9yk470.js";import"./index-DbaA6-o1.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.js";import"./index-ByqivBWx.js";import"./index-B_qx7A5T.js";import"./index-AvwFFKJc.js";import"./utils-D-KgF5mV.js";const B={title:"Shadcn/UI/Tabs",component:c},r={render:()=>a.jsxs(c,{defaultValue:"account",className:"w-[400px]",children:[a.jsxs(i,{children:[a.jsx(s,{value:"account",children:"Account"}),a.jsx(s,{value:"password",children:"Password"})]}),a.jsx(e,{value:"account",children:"Make changes to your account here."}),a.jsx(e,{value:"password",children:"Change your password here."})]})};var o,t,n;r.parameters={...r.parameters,docs:{...(o=r.parameters)==null?void 0:o.docs,source:{originalSource:`{
|
|
2
|
+
render: () => <Tabs defaultValue="account" className="w-[400px]">
|
|
3
|
+
<TabsList>
|
|
4
|
+
<TabsTrigger value="account">Account</TabsTrigger>
|
|
5
|
+
<TabsTrigger value="password">Password</TabsTrigger>
|
|
6
|
+
</TabsList>
|
|
7
|
+
<TabsContent value="account">Make changes to your account here.</TabsContent>
|
|
8
|
+
<TabsContent value="password">Change your password here.</TabsContent>
|
|
9
|
+
</Tabs>
|
|
10
|
+
}`,...(n=(t=r.parameters)==null?void 0:t.docs)==null?void 0:n.source}}};const E=["Basic"];export{r as Basic,E as __namedExportsOrder,B as default};
|
package/storybook-static/assets/{Textarea.stories-CHXVobz6.js → Textarea.stories-Cf1ZBrWw.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{T as o}from"./textarea-Dw2vruMl.js";import{L as l}from"./label-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{T as o}from"./textarea-Dw2vruMl.js";import{L as l}from"./label-Do8ODIVk.js";import"./utils-D-KgF5mV.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";const N={title:"Shadcn/UI/Textarea",component:o},r={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm items-center gap-2",children:[e.jsx(l,{htmlFor:"message",children:"Your message"}),e.jsx(o,{id:"message",placeholder:"Type your message here."})]})},a={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"bio",children:"Bio"}),e.jsx(o,{id:"bio",placeholder:"Tell us a little about yourself"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Your bio will be displayed on your profile."})]})},s={render:()=>e.jsxs("div",{className:"grid w-full max-w-sm gap-2",children:[e.jsx(l,{htmlFor:"disabled-textarea",children:"Disabled"}),e.jsx(o,{id:"disabled-textarea",placeholder:"Can't type here",disabled:!0})]})};var t,i,d;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <div className="grid w-full max-w-sm items-center gap-2">
|
|
3
3
|
<Label htmlFor="message">Your message</Label>
|
|
4
4
|
<Textarea id="message" placeholder="Type your message here." />
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as o}from"./iframe-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as o}from"./iframe-v7iAhKit.js";import{T as s,B as g,I as x,U as u}from"./toggle-DmHbWetf.js";import"./preload-helper-Dp1pzeXC.js";import"./createLucideIcon-BrHXro7t.js";import"./index-DW48STyt.js";import"./index-ByqivBWx.js";import"./index-D8RXF03I.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-CGrAONsN.js";import"./utils-D-KgF5mV.js";const N={title:"Shadcn/UI/Toggle",component:s};function j(){const[n,l]=o.useState(!1),[m,c]=o.useState(!0),[d,p]=o.useState(!1);return e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(s,{"aria-label":"Toggle bold",pressed:n,onPressedChange:l,children:e.jsx(g,{})}),e.jsx(s,{"aria-label":"Toggle italic",pressed:m,onPressedChange:c,children:e.jsx(x,{})}),e.jsx(s,{"aria-label":"Toggle underline",pressed:d,onPressedChange:p,children:e.jsx(u,{})})]})}const r={render:()=>e.jsx(j,{})};var t,a,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <ToggleDemo />
|
|
3
3
|
}`,...(i=(a=r.parameters)==null?void 0:a.docs)==null?void 0:i.source}}};const O=["Basic"];export{r as Basic,O as __namedExportsOrder,N as default};
|
package/storybook-static/assets/{ToggleGroup.stories-Cr229wf_.js → ToggleGroup.stories-BM68m1dX.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as u,r as C}from"./iframe-
|
|
1
|
+
import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as u,r as C}from"./iframe-v7iAhKit.js";import{c as F}from"./index-CDY5kTx5.js";import{P as h}from"./index-Tp9IdbR8.js";import{c as P,I as k,R as B}from"./index-CWjrGFAQ.js";import{a as D,t as U,B as $,I as O,U as L}from"./toggle-DmHbWetf.js";import{u as w}from"./index-ByqivBWx.js";import{u as q}from"./index-B_qx7A5T.js";import{c as N}from"./utils-D-KgF5mV.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-DbaA6-o1.js";import"./index-DW48STyt.js";import"./index-Bv9yk470.js";import"./index-BfiCOk42.js";import"./index-D8RXF03I.js";import"./index-0-qMRXou.js";import"./createLucideIcon-BrHXro7t.js";import"./index-CGrAONsN.js";var g="ToggleGroup",[y,xe]=F(g,[P]),R=P(),x=u.forwardRef((o,r)=>{const{type:t,...a}=o;if(t==="single"){const l=a;return e.jsx(H,{...l,ref:r})}if(t==="multiple"){const l=a;return e.jsx(J,{...l,ref:r})}throw new Error(`Missing prop \`type\` expected on \`${g}\``)});x.displayName=g;var[S,V]=y(g),H=u.forwardRef((o,r)=>{const{value:t,defaultValue:a,onValueChange:l=()=>{},...s}=o,[i,n]=w({prop:t,defaultProp:a??"",onChange:l,caller:g});return e.jsx(S,{scope:o.__scopeToggleGroup,type:"single",value:u.useMemo(()=>i?[i]:[],[i]),onItemActivate:n,onItemDeactivate:u.useCallback(()=>n(""),[n]),children:e.jsx(E,{...s,ref:r})})}),J=u.forwardRef((o,r)=>{const{value:t,defaultValue:a,onValueChange:l=()=>{},...s}=o,[i,n]=w({prop:t,defaultProp:a??[],onChange:l,caller:g}),c=u.useCallback(p=>n((d=[])=>[...d,p]),[n]),G=u.useCallback(p=>n((d=[])=>d.filter(A=>A!==p)),[n]);return e.jsx(S,{scope:o.__scopeToggleGroup,type:"multiple",value:i,onItemActivate:c,onItemDeactivate:G,children:e.jsx(E,{...s,ref:r})})});x.displayName=g;var[K,Q]=y(g),E=u.forwardRef((o,r)=>{const{__scopeToggleGroup:t,disabled:a=!1,rovingFocus:l=!0,orientation:s,dir:i,loop:n=!0,...c}=o,G=R(t),p=q(i),d={role:"group",dir:p,...c};return e.jsx(K,{scope:t,rovingFocus:l,disabled:a,children:l?e.jsx(B,{asChild:!0,...G,orientation:s,dir:p,loop:n,children:e.jsx(h.div,{...d,ref:r})}):e.jsx(h.div,{...d,ref:r})})}),f="ToggleGroupItem",M=u.forwardRef((o,r)=>{const t=V(f,o.__scopeToggleGroup),a=Q(f,o.__scopeToggleGroup),l=R(o.__scopeToggleGroup),s=t.value.includes(o.value),i=a.disabled||o.disabled,n={...o,pressed:s,disabled:i},c=u.useRef(null);return a.rovingFocus?e.jsx(k,{asChild:!0,...l,focusable:!i,active:s,ref:c,children:e.jsx(I,{...n,ref:r})}):e.jsx(I,{...n,ref:r})});M.displayName=f;var I=u.forwardRef((o,r)=>{const{__scopeToggleGroup:t,value:a,...l}=o,s=V(f,t),i={role:"radio","aria-checked":o.pressed,"aria-pressed":void 0},n=s.type==="single"?i:void 0;return e.jsx(D,{...n,...l,ref:r,onPressedChange:c=>{c?s.onItemActivate(a):s.onItemDeactivate(a)}})}),W=x,X=M;const z=C.createContext({size:"default",variant:"default"});function T({className:o,variant:r,size:t,children:a,...l}){return e.jsx(W,{"data-slot":"toggle-group","data-variant":r,"data-size":t,className:N("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs",o),...l,children:e.jsx(z.Provider,{value:{variant:r,size:t},children:a})})}function v({className:o,children:r,variant:t,size:a,...l}){const s=C.useContext(z);return e.jsx(X,{"data-slot":"toggle-group-item","data-variant":s.variant||t,"data-size":s.size||a,className:N(U({variant:s.variant||t,size:s.size||a}),"min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l",o),...l,children:r})}T.__docgenInfo={description:"",methods:[],displayName:"ToggleGroup"};v.__docgenInfo={description:"",methods:[],displayName:"ToggleGroupItem"};const Te={title:"Shadcn/UI/ToggleGroup",component:T},m={render:()=>e.jsxs(T,{type:"single",defaultValue:"bold",variant:"outline",children:[e.jsx(v,{value:"bold","aria-label":"Toggle bold",children:e.jsx($,{className:"h-4 w-4"})}),e.jsx(v,{value:"italic","aria-label":"Toggle italic",children:e.jsx(O,{className:"h-4 w-4"})}),e.jsx(v,{value:"underline","aria-label":"Toggle underline",children:e.jsx(L,{className:"h-4 w-4"})})]})};var j,b,_;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <ToggleGroup type="single" defaultValue="bold" variant="outline">
|
|
3
3
|
<ToggleGroupItem value="bold" aria-label="Toggle bold">
|
|
4
4
|
<Bold className="h-4 w-4" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{a as e,T as n,b as m,c as s}from"./tooltip-
|
|
1
|
+
import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{a as e,T as n,b as m,c as s}from"./tooltip-_LqYEYFw.js";import{B as a}from"./button-0oMkiryo.js";import"./iframe-v7iAhKit.js";import"./preload-helper-Dp1pzeXC.js";import"./index-DW48STyt.js";import"./index-DbaA6-o1.js";import"./index-CDY5kTx5.js";import"./index-BVDb4dFc.js";import"./index-Tp9IdbR8.js";import"./index-DrN5n71E.js";import"./index-CwBdPBFz.js";import"./index-0-qMRXou.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"./index-C9Ta0ZTH.js";import"./utils-D-KgF5mV.js";import"./index-CGrAONsN.js";const k={title:"Shadcn/UI/Tooltip",component:e},t={render:()=>o.jsx(n,{children:o.jsxs(e,{children:[o.jsx(m,{asChild:!0,children:o.jsx(a,{variant:"outline",children:"Hover"})}),o.jsx(s,{children:"Tooltip content"})]})})};var r,i,p;t.parameters={...t.parameters,docs:{...(r=t.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
2
|
render: () => <TooltipProvider>
|
|
3
3
|
<Tooltip>
|
|
4
4
|
<TooltipTrigger asChild>
|