@vuer-ai/vuer-uikit 0.0.109 → 0.0.112
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/auth/components/index.cjs +128 -0
- package/dist/auth/components/index.d.cts +2 -0
- package/dist/auth/components/index.d.ts +2 -0
- package/dist/auth/components/index.mjs +119 -0
- package/dist/auth/components/user-avatar/index.cjs +127 -0
- package/dist/auth/components/user-avatar/index.d.cts +8 -0
- package/dist/auth/components/user-avatar/index.d.ts +8 -0
- package/dist/auth/components/user-avatar/index.mjs +118 -0
- package/dist/auth/context/user-context.cjs +10 -0
- package/dist/auth/context/{auth-context.d.cts → user-context.d.cts} +3 -3
- package/dist/auth/context/{auth-context.d.ts → user-context.d.ts} +3 -3
- package/dist/auth/context/user-context.mjs +1 -0
- package/dist/auth/handler/fetch-auth.cjs +11 -0
- package/dist/auth/handler/fetch-auth.d.cts +3 -0
- package/dist/auth/handler/fetch-auth.d.ts +3 -0
- package/dist/auth/handler/fetch-auth.mjs +2 -0
- package/dist/auth/handler/fetch-server.cjs +11 -0
- package/dist/auth/handler/fetch-server.d.cts +3 -0
- package/dist/auth/handler/fetch-server.d.ts +3 -0
- package/dist/auth/handler/fetch-server.mjs +2 -0
- package/dist/auth/handler/get-session.cjs +4 -3
- package/dist/auth/handler/get-session.d.cts +1 -1
- package/dist/auth/handler/get-session.d.ts +1 -1
- package/dist/auth/handler/get-session.mjs +3 -2
- package/dist/auth/handler/get-sessions.cjs +12 -0
- package/dist/auth/handler/get-sessions.d.cts +19 -0
- package/dist/auth/handler/get-sessions.d.ts +19 -0
- package/dist/auth/handler/get-sessions.mjs +3 -0
- package/dist/auth/handler/sign-in-handler.cjs +3 -3
- package/dist/auth/handler/sign-in-handler.d.cts +2 -2
- package/dist/auth/handler/sign-in-handler.d.ts +2 -2
- package/dist/auth/handler/sign-in-handler.mjs +2 -2
- package/dist/auth/handler/sign-out-handler.cjs +4 -3
- package/dist/auth/handler/sign-out-handler.mjs +3 -2
- package/dist/auth/hooks/use-sign-in.cjs +14 -0
- package/dist/auth/hooks/use-sign-in.d.cts +9 -0
- package/dist/auth/hooks/use-sign-in.d.ts +9 -0
- package/dist/auth/hooks/use-sign-in.mjs +5 -0
- package/dist/auth/hooks/use-sign-out.cjs +15 -0
- package/dist/auth/hooks/use-sign-out.d.cts +6 -0
- package/dist/auth/hooks/use-sign-out.d.ts +6 -0
- package/dist/auth/hooks/use-sign-out.mjs +6 -0
- package/dist/auth/hooks/use-user.cjs +11 -0
- package/dist/auth/hooks/use-user.d.cts +8 -0
- package/dist/auth/hooks/use-user.d.ts +8 -0
- package/dist/auth/hooks/use-user.mjs +2 -0
- package/dist/auth/hooks/use-vuer-sessions.cjs +15 -0
- package/dist/auth/hooks/use-vuer-sessions.d.cts +9 -0
- package/dist/auth/hooks/use-vuer-sessions.d.ts +9 -0
- package/dist/auth/hooks/use-vuer-sessions.mjs +6 -0
- package/dist/auth/index.cjs +151 -15
- package/dist/auth/index.d.cts +10 -6
- package/dist/auth/index.d.ts +10 -6
- package/dist/auth/index.mjs +124 -8
- package/dist/auth/localstorage-key.cjs +6 -2
- package/dist/auth/localstorage-key.d.cts +2 -1
- package/dist/auth/localstorage-key.d.ts +2 -1
- package/dist/auth/localstorage-key.mjs +1 -1
- package/dist/auth/vuer-user-provider.cjs +14 -0
- package/dist/auth/{vuer-auth-provider.d.cts → vuer-user-provider.d.cts} +2 -2
- package/dist/auth/{vuer-auth-provider.d.ts → vuer-user-provider.d.ts} +2 -2
- package/dist/auth/vuer-user-provider.mjs +5 -0
- package/dist/{chunk-2EG65KGO.cjs → chunk-2MSGENAQ.cjs} +2 -2
- package/dist/{chunk-VUMOJPEC.mjs → chunk-2SFB7HHW.mjs} +1 -1
- package/dist/chunk-3WMO5QJJ.cjs +8 -0
- package/dist/{chunk-5XBMFADS.cjs → chunk-4GVFCQGI.cjs} +2 -2
- package/dist/chunk-4JZOPZHB.cjs +30 -0
- package/dist/{chunk-MIT3YWUC.cjs → chunk-4LQDOYQJ.cjs} +2 -2
- package/dist/{chunk-5MBEK77I.mjs → chunk-57MAUYQZ.mjs} +9 -2
- package/dist/chunk-5OHAV55L.mjs +24 -0
- package/dist/{chunk-EAXBNWXE.cjs → chunk-5VUM46YD.cjs} +2 -2
- package/dist/{chunk-64L2SNKA.cjs → chunk-6D66V6ON.cjs} +2 -2
- package/dist/chunk-6GJM7TPE.cjs +28 -0
- package/dist/{chunk-GOGJVFRN.cjs → chunk-6IXKC64S.cjs} +4 -4
- package/dist/{chunk-TPAV6PXI.mjs → chunk-7CDVPU65.mjs} +2 -2
- package/dist/chunk-7E5Y224I.cjs +14 -0
- package/dist/{chunk-D5WOPTKY.cjs → chunk-7NUXYKXU.cjs} +2 -2
- package/dist/chunk-7R5HY3IM.cjs +12 -0
- package/dist/{chunk-3VVQWVDE.mjs → chunk-7XXTMBF5.mjs} +1 -1
- package/dist/{chunk-CZ4GQOXG.mjs → chunk-AAFU2FII.mjs} +2 -2
- package/dist/{chunk-4THQPG6Y.mjs → chunk-ACETEVZD.mjs} +1 -1
- package/dist/{chunk-SYX6TMCQ.mjs → chunk-AGHIJQAR.mjs} +1 -1
- package/dist/chunk-APC2GIE7.cjs +58 -0
- package/dist/{chunk-JFJRNNPQ.cjs → chunk-AW6Q4IWT.cjs} +2 -2
- package/dist/{chunk-ACYZOKPT.mjs → chunk-BBWT5YO2.mjs} +2 -2
- package/dist/{chunk-6XOTWZFC.mjs → chunk-BCA45QEW.mjs} +2 -2
- package/dist/{chunk-LFSCJLL2.cjs → chunk-BDAKLXXX.cjs} +9 -2
- package/dist/chunk-BI4QZVVB.cjs +82 -0
- package/dist/{chunk-ZRRCYQ53.cjs → chunk-BTXD3NAG.cjs} +3 -3
- package/dist/{chunk-7RHQ6DVU.cjs → chunk-CGBEPOL4.cjs} +21 -9
- package/dist/{chunk-RA6QMOFM.mjs → chunk-DBMXQH73.mjs} +76 -123
- package/dist/{chunk-QZUTRJSP.mjs → chunk-DHMLQTQ6.mjs} +2 -2
- package/dist/{chunk-OLVOIUCE.mjs → chunk-DT2LGZ5H.mjs} +3 -3
- package/dist/{chunk-KBC7VNER.mjs → chunk-ECOYNCWG.mjs} +1 -1
- package/dist/{chunk-SVWS4AL6.cjs → chunk-F4Z5KATZ.cjs} +2 -0
- package/dist/{chunk-NRQJX772.mjs → chunk-FB5MYIVE.mjs} +1 -0
- package/dist/chunk-FRAD2Z2G.mjs +43 -0
- package/dist/chunk-FROQ45MN.mjs +6 -0
- package/dist/chunk-G6ATG2WV.mjs +28 -0
- package/dist/chunk-GBERXSLI.cjs +53 -0
- package/dist/{chunk-EXQQRW7T.mjs → chunk-GSQE4JVF.mjs} +1 -1
- package/dist/{chunk-5HS4PMUR.mjs → chunk-GUSUTH7D.mjs} +16 -11
- package/dist/{chunk-IXNXSECD.mjs → chunk-H2AJ2CLT.mjs} +1 -1
- package/dist/{chunk-SUEFWFPX.mjs → chunk-HFGRTWTD.mjs} +2 -2
- package/dist/chunk-HOMAESTR.mjs +12 -0
- package/dist/{chunk-T2D6PSA6.cjs → chunk-I2YVC4AE.cjs} +17 -12
- package/dist/{chunk-4JGGLCXT.mjs → chunk-JH5NAW2V.mjs} +1 -1
- package/dist/chunk-JTJKIRFA.mjs +56 -0
- package/dist/chunk-KIZEJMW4.cjs +15 -0
- package/dist/{chunk-JYIVDUDL.cjs → chunk-KOMVGDDW.cjs} +4 -4
- package/dist/{chunk-ZNM6PNI6.mjs → chunk-KS5A3G7B.mjs} +1 -1
- package/dist/{chunk-4WRTIOGZ.cjs → chunk-KT772L2I.cjs} +6 -6
- package/dist/{chunk-NSUFTZNC.cjs → chunk-L2YLNWCQ.cjs} +2 -2
- package/dist/chunk-L3YEIRJS.mjs +31 -0
- package/dist/chunk-L4CIN7FR.mjs +96 -0
- package/dist/{chunk-6QU4J3HY.cjs → chunk-LBRS745M.cjs} +9 -9
- package/dist/{chunk-ASR6OXVT.cjs → chunk-LI5W744D.cjs} +8 -1
- package/dist/{chunk-UASPJ57U.cjs → chunk-LPKVKTOK.cjs} +1 -0
- package/dist/{chunk-SHT4BJOB.cjs → chunk-LUCJKAJ5.cjs} +2 -2
- package/dist/chunk-LUVD54GO.cjs +47 -0
- package/dist/{chunk-5JPYU5A6.cjs → chunk-LV4XJY75.cjs} +11 -11
- package/dist/{chunk-AOV3ADTV.cjs → chunk-M45UXJWX.cjs} +2 -2
- package/dist/{chunk-7HOEFGEO.mjs → chunk-MGFG7EXC.mjs} +1 -1
- package/dist/chunk-MO5V43Z3.mjs +13 -0
- package/dist/chunk-MRMSCW3P.cjs +19 -0
- package/dist/{chunk-WRKB3W2J.cjs → chunk-MTZQ4C2U.cjs} +6 -6
- package/dist/{chunk-AJQEHMYV.cjs → chunk-NIEFMP5V.cjs} +2 -2
- package/dist/chunk-NJXBYRKZ.mjs +80 -0
- package/dist/{chunk-S7SGB2FD.mjs → chunk-O7FGA5N2.mjs} +4 -4
- package/dist/chunk-OOHCJIRV.cjs +26 -0
- package/dist/chunk-PFIP3ETQ.cjs +55 -0
- package/dist/{chunk-RIJUPORK.mjs → chunk-PJJSHHL6.mjs} +1 -1
- package/dist/{chunk-CGUQWS2I.mjs → chunk-PTBMSYQQ.mjs} +1 -1
- package/dist/chunk-PX2H7Z4D.mjs +26 -0
- package/dist/chunk-PXDT5GFJ.mjs +13 -0
- package/dist/{chunk-HN3AMWUM.cjs → chunk-Q5PJKBX7.cjs} +2 -2
- package/dist/chunk-Q76WU4DL.cjs +17 -0
- package/dist/{chunk-Y2H4A5AC.mjs → chunk-R2QXIDY2.mjs} +2 -2
- package/dist/{chunk-K2OC2HWQ.mjs → chunk-RFRBGVBZ.mjs} +19 -7
- package/dist/{chunk-7GJVMFKJ.cjs → chunk-ROY7233C.cjs} +4 -4
- package/dist/{chunk-HBIZQDDS.cjs → chunk-RQH7ZAWF.cjs} +2 -2
- package/dist/{chunk-PB4UO2NR.cjs → chunk-RSBVQ7SJ.cjs} +9 -10
- package/dist/{chunk-A2UZY7Y2.cjs → chunk-S5XJOGB4.cjs} +2 -2
- package/dist/chunk-SO2UTKSV.mjs +17 -0
- package/dist/{chunk-JFIAWTRH.cjs → chunk-SU57ZAZJ.cjs} +2 -2
- package/dist/{chunk-MG5TTPA7.mjs → chunk-SWJHOFZH.mjs} +6 -6
- package/dist/{chunk-PTCDBU72.cjs → chunk-TYZHIBYI.cjs} +2 -2
- package/dist/{chunk-IY36FZ5R.mjs → chunk-TZBOF3XO.mjs} +1 -1
- package/dist/{chunk-DQUI3PIU.mjs → chunk-UBYSTTD2.mjs} +2 -2
- package/dist/{chunk-276VJZCV.mjs → chunk-UT7B4TLZ.mjs} +2 -1
- package/dist/{chunk-XGM57WPN.mjs → chunk-V4KDK3BN.mjs} +8 -9
- package/dist/chunk-V5YUFNEB.mjs +53 -0
- package/dist/{chunk-VLOFKTSL.cjs → chunk-VEE2QBS5.cjs} +3 -3
- package/dist/{chunk-3IVDCAFM.mjs → chunk-VSFPXAGN.mjs} +4 -4
- package/dist/{chunk-LQGXG373.cjs → chunk-WB43VEZA.cjs} +21 -3
- package/dist/{chunk-YPQEJEB7.mjs → chunk-WGWNYPXW.mjs} +8 -1
- package/dist/{chunk-24IUD6Q3.mjs → chunk-WQCVK4PG.mjs} +1 -1
- package/dist/chunk-X3H6FYAM.cjs +15 -0
- package/dist/{chunk-LRSDE62T.mjs → chunk-XMQULAAU.mjs} +21 -3
- package/dist/chunk-YWECB5GR.cjs +2 -0
- package/dist/chunk-YYLBP356.mjs +1 -0
- package/dist/{chunk-2PJO5UJL.cjs → chunk-YZINVGLW.cjs} +11 -11
- package/dist/{chunk-JUSFLIU5.mjs → chunk-Z4ZGX3NM.mjs} +1 -1
- package/dist/chunk-Z7BZFZEV.mjs +15 -0
- package/dist/{chunk-VEWWUO2N.mjs → chunk-ZDSN4IFT.mjs} +1 -1
- package/dist/{chunk-PTGMHZFS.mjs → chunk-ZEBAIL6F.mjs} +1 -1
- package/dist/{chunk-2WD4ZL27.cjs → chunk-ZGS3VGGN.cjs} +4 -4
- package/dist/{chunk-Y5SVZCPQ.cjs → chunk-ZJ5SNYAO.cjs} +7 -7
- package/dist/{chunk-3TUONMQ6.mjs → chunk-ZRMDDK6J.mjs} +1 -1
- package/dist/chunk-ZXIKMZPH.cjs +99 -0
- package/dist/{chunk-QIYGXPLM.cjs → chunk-ZXWBDK2V.cjs} +130 -178
- package/dist/{chunk-5PHGYFZ3.cjs → chunk-ZZEWMU7Y.cjs} +2 -2
- package/dist/dial/DialPanel.cjs +54 -52
- package/dist/dial/DialPanel.d.cts +1 -0
- package/dist/dial/DialPanel.d.ts +1 -0
- package/dist/dial/DialPanel.mjs +53 -51
- package/dist/dial/DialProvider.cjs +3 -3
- package/dist/dial/DialProvider.d.cts +3 -2
- package/dist/dial/DialProvider.d.ts +3 -2
- package/dist/dial/DialProvider.example.cjs +4 -4
- package/dist/dial/DialProvider.example.mjs +1 -1
- package/dist/dial/DialProvider.mjs +1 -1
- package/dist/dial/index.cjs +72 -70
- package/dist/dial/index.d.cts +1 -0
- package/dist/dial/index.d.ts +1 -0
- package/dist/dial/index.mjs +53 -51
- package/dist/dial/wrapped-inputs/ControlledInputs.cjs +58 -56
- package/dist/dial/wrapped-inputs/ControlledInputs.d.cts +10 -9
- package/dist/dial/wrapped-inputs/ControlledInputs.d.ts +10 -9
- package/dist/dial/wrapped-inputs/ControlledInputs.mjs +53 -51
- package/dist/dial/wrapped-inputs/DialInputs.cjs +67 -65
- package/dist/dial/wrapped-inputs/DialInputs.d.cts +1 -0
- package/dist/dial/wrapped-inputs/DialInputs.d.ts +1 -0
- package/dist/dial/wrapped-inputs/DialInputs.mjs +53 -51
- package/dist/dial/wrapped-inputs/DialPresetsInput.cjs +48 -52
- package/dist/dial/wrapped-inputs/DialPresetsInput.d.cts +3 -3
- package/dist/dial/wrapped-inputs/DialPresetsInput.d.ts +3 -3
- package/dist/dial/wrapped-inputs/DialPresetsInput.mjs +47 -51
- package/dist/dial/wrapped-inputs/DialVectorInput.cjs +54 -52
- package/dist/dial/wrapped-inputs/DialVectorInput.d.cts +1 -0
- package/dist/dial/wrapped-inputs/DialVectorInput.d.ts +1 -0
- package/dist/dial/wrapped-inputs/DialVectorInput.mjs +53 -51
- package/dist/dial/wrapped-inputs/index.cjs +77 -75
- package/dist/dial/wrapped-inputs/index.d.cts +1 -0
- package/dist/dial/wrapped-inputs/index.d.ts +1 -0
- package/dist/dial/wrapped-inputs/index.mjs +53 -51
- package/dist/highlight-cursor/enhanced-components.cjs +11 -11
- package/dist/highlight-cursor/enhanced-components.mjs +6 -6
- package/dist/highlight-cursor/index.cjs +15 -15
- package/dist/highlight-cursor/index.mjs +6 -6
- package/dist/index.cjs +238 -256
- package/dist/index.css +3 -3
- package/dist/index.d.cts +4 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.mjs +53 -51
- package/dist/styles/theme.css +3 -3
- package/dist/ui/DialBadge.cjs +5 -5
- package/dist/ui/DialBadge.mjs +1 -1
- package/dist/ui/UIKitBadge.cjs +5 -5
- package/dist/ui/UIKitBadge.mjs +1 -1
- package/dist/ui/button.cjs +3 -3
- package/dist/ui/button.mjs +1 -1
- package/dist/ui/card.cjs +8 -8
- package/dist/ui/card.mjs +1 -1
- package/dist/ui/index.cjs +182 -201
- package/dist/ui/index.d.cts +4 -1
- package/dist/ui/index.d.ts +4 -1
- package/dist/ui/index.mjs +45 -44
- package/dist/ui/inputs/color-input.cjs +3 -3
- package/dist/ui/inputs/color-input.mjs +2 -2
- package/dist/ui/inputs/index.cjs +56 -56
- package/dist/ui/inputs/index.mjs +20 -20
- package/dist/ui/inputs/input-numbers.cjs +3 -3
- package/dist/ui/inputs/input-numbers.mjs +2 -2
- package/dist/ui/inputs/input.cjs +4 -4
- package/dist/ui/inputs/input.mjs +1 -1
- package/dist/ui/inputs/number-inputs/CmInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/CmInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/DegInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/DegInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/EulerDegInput.cjs +6 -6
- package/dist/ui/inputs/number-inputs/EulerDegInput.mjs +5 -5
- package/dist/ui/inputs/number-inputs/EulerInput.cjs +5 -5
- package/dist/ui/inputs/number-inputs/EulerInput.mjs +4 -4
- package/dist/ui/inputs/number-inputs/EulerRadInput.cjs +5 -5
- package/dist/ui/inputs/number-inputs/EulerRadInput.mjs +4 -4
- package/dist/ui/inputs/number-inputs/InchInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/InchInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/IntInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/IntInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/KVectorInput.cjs +5 -5
- package/dist/ui/inputs/number-inputs/KVectorInput.mjs +4 -4
- package/dist/ui/inputs/number-inputs/QuaternionInput.cjs +5 -5
- package/dist/ui/inputs/number-inputs/QuaternionInput.mjs +4 -4
- package/dist/ui/inputs/number-inputs/RadInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/RadInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/TimeInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/TimeInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/Vec3Input.cjs +5 -5
- package/dist/ui/inputs/number-inputs/Vec3Input.mjs +4 -4
- package/dist/ui/inputs/number-inputs/VectorInput.cjs +4 -4
- package/dist/ui/inputs/number-inputs/VectorInput.mjs +3 -3
- package/dist/ui/inputs/number-inputs/index.cjs +40 -40
- package/dist/ui/inputs/number-inputs/index.mjs +15 -15
- package/dist/ui/inputs/presets-input.cjs +5 -5
- package/dist/ui/inputs/presets-input.mjs +4 -4
- package/dist/ui/inputs/presets-rad-input.cjs +6 -6
- package/dist/ui/inputs/presets-rad-input.mjs +5 -5
- package/dist/ui/inputs/text-input.cjs +3 -3
- package/dist/ui/inputs/text-input.mjs +2 -2
- package/dist/ui/label.cjs +2 -2
- package/dist/ui/label.mjs +1 -1
- package/dist/ui/layout.cjs +2 -2
- package/dist/ui/layout.mjs +1 -1
- package/dist/ui/layouts/index.cjs +2 -2
- package/dist/ui/layouts/index.mjs +2 -2
- package/dist/ui/navigation.cjs +3 -3
- package/dist/ui/navigation.mjs +2 -2
- package/dist/ui/pagination.cjs +9 -9
- package/dist/ui/pagination.mjs +2 -2
- package/dist/ui/progress.cjs +20 -0
- package/dist/ui/progress.d.cts +7 -0
- package/dist/ui/progress.d.ts +7 -0
- package/dist/ui/{panel.mjs → progress.mjs} +1 -1
- package/dist/ui/sidebar.cjs +28 -28
- package/dist/ui/sidebar.mjs +4 -4
- package/dist/ui/spinner.cjs +10 -0
- package/dist/ui/spinner.d.cts +7 -0
- package/dist/ui/spinner.d.ts +7 -0
- package/dist/ui/spinner.mjs +1 -0
- package/dist/ui/theme/ThemeToggles.cjs +6 -6
- package/dist/ui/theme/ThemeToggles.mjs +3 -3
- package/dist/ui/theme/index.cjs +6 -6
- package/dist/ui/theme/index.mjs +3 -3
- package/dist/ui/toolbar.cjs +4 -4
- package/dist/ui/toolbar.mjs +1 -1
- package/dist/ui/tooltip.cjs +5 -5
- package/dist/ui/tooltip.mjs +1 -1
- package/dist/ui/tree-view/TreeSearchBar.cjs +4 -4
- package/dist/ui/tree-view/TreeSearchBar.mjs +3 -3
- package/dist/ui/tree-view/index.cjs +13 -13
- package/dist/ui/tree-view/index.mjs +4 -4
- package/dist/ui/tree-view-legacy.cjs +7 -7
- package/dist/ui/tree-view-legacy.mjs +3 -3
- package/dist/ui/waterfall/index.cjs +7 -7
- package/dist/ui/waterfall/index.mjs +6 -6
- package/package.json +5 -4
- package/src/auth/components/index.ts +1 -0
- package/src/auth/components/user-avatar/index.tsx +94 -0
- package/src/auth/context/{auth-context.ts → user-context.ts} +4 -4
- package/src/auth/handler/fetch-auth.ts +10 -0
- package/src/auth/handler/fetch-server.ts +10 -0
- package/src/auth/handler/get-session.ts +11 -9
- package/src/auth/handler/get-sessions.ts +16 -0
- package/src/auth/handler/sign-in-handler.ts +10 -11
- package/src/auth/handler/sign-out-handler.ts +2 -6
- package/src/auth/hooks/use-sign-in.ts +33 -0
- package/src/auth/hooks/use-sign-out.ts +30 -0
- package/src/auth/hooks/{use-vuer-auth.ts → use-user.ts} +3 -3
- package/src/auth/hooks/use-vuer-sessions.ts +29 -0
- package/src/auth/index.ts +9 -3
- package/src/auth/localstorage-key.ts +2 -0
- package/src/auth/{vuer-auth-provider.tsx → vuer-user-provider.tsx} +14 -9
- package/src/dial/DialProvider.tsx +67 -13
- package/src/dial/wrapped-inputs/ControlledInputs.tsx +79 -64
- package/src/dial/wrapped-inputs/DialPresetsInput.tsx +19 -27
- package/src/dial/wrapped-inputs/DialVectorInput.tsx +14 -9
- package/src/styles/theme.css +3 -3
- package/src/ui/button.tsx +2 -2
- package/src/ui/card.tsx +5 -5
- package/src/ui/index.ts +2 -1
- package/src/ui/inputs/input.tsx +21 -3
- package/src/ui/label.tsx +8 -1
- package/src/ui/layout.tsx +1 -0
- package/src/ui/progress.tsx +29 -0
- package/src/ui/spinner.tsx +67 -0
- package/src/ui/toolbar.tsx +21 -8
- package/src/ui/tooltip.tsx +11 -2
- package/src/ui/waterfall/index.tsx +15 -3
- package/dist/auth/context/auth-context.cjs +0 -10
- package/dist/auth/context/auth-context.mjs +0 -1
- package/dist/auth/hooks/use-vuer-auth.cjs +0 -11
- package/dist/auth/hooks/use-vuer-auth.d.cts +0 -8
- package/dist/auth/hooks/use-vuer-auth.d.ts +0 -8
- package/dist/auth/hooks/use-vuer-auth.mjs +0 -2
- package/dist/auth/hooks/use-vuer-method.cjs +0 -15
- package/dist/auth/hooks/use-vuer-method.d.cts +0 -10
- package/dist/auth/hooks/use-vuer-method.d.ts +0 -10
- package/dist/auth/hooks/use-vuer-method.mjs +0 -6
- package/dist/auth/vuer-auth-provider.cjs +0 -13
- package/dist/auth/vuer-auth-provider.mjs +0 -4
- package/dist/chunk-3HEZVWRW.mjs +0 -62
- package/dist/chunk-4B44SRRP.cjs +0 -12
- package/dist/chunk-4CPB3XHE.cjs +0 -18
- package/dist/chunk-AKVHFPXH.mjs +0 -26
- package/dist/chunk-C6L7YIGW.cjs +0 -117
- package/dist/chunk-CGODCUQ5.mjs +0 -16
- package/dist/chunk-G4Q5ALRW.mjs +0 -109
- package/dist/chunk-OPYMZDEZ.mjs +0 -28
- package/dist/chunk-RMK6W774.cjs +0 -65
- package/dist/chunk-T57VFBIC.mjs +0 -17
- package/dist/chunk-TC3W4VRO.mjs +0 -6
- package/dist/chunk-WTYBTOLO.cjs +0 -19
- package/dist/chunk-WZGZX3S2.cjs +0 -32
- package/dist/chunk-XFTKHT2M.cjs +0 -28
- package/dist/chunk-ZULCZ5L6.cjs +0 -8
- package/dist/ui/panel.cjs +0 -44
- package/dist/ui/panel.d.cts +0 -51
- package/dist/ui/panel.d.ts +0 -51
- package/src/auth/hooks/use-vuer-method.ts +0 -37
- package/src/ui/panel.tsx +0 -147
- /package/dist/{chunk-KFPS5CCR.cjs → chunk-NK7L5H2Y.cjs} +0 -0
- /package/dist/{chunk-G3EIVAVR.mjs → chunk-UXWS62ZO.mjs} +0 -0
package/dist/chunk-T57VFBIC.mjs
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { bearerToken } from './chunk-276VJZCV.mjs';
|
|
2
|
-
|
|
3
|
-
// src/auth/handler/get-session.ts
|
|
4
|
-
var getSession = async (baseURL) => {
|
|
5
|
-
const token = localStorage.getItem(bearerToken) || "";
|
|
6
|
-
const res = await fetch(`${baseURL}/api/auth/get-session`, {
|
|
7
|
-
headers: {
|
|
8
|
-
Authorization: `Bearer ${token}`
|
|
9
|
-
},
|
|
10
|
-
credentials: "include"
|
|
11
|
-
});
|
|
12
|
-
const authJWT = res.headers.get("set-auth-jwt");
|
|
13
|
-
const data = await res.json();
|
|
14
|
-
return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export { getSession };
|
package/dist/chunk-TC3W4VRO.mjs
DELETED
package/dist/chunk-WTYBTOLO.cjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
|
|
4
|
-
|
|
5
|
-
// src/auth/handler/get-session.ts
|
|
6
|
-
var getSession = async (baseURL) => {
|
|
7
|
-
const token = localStorage.getItem(chunkSVWS4AL6_cjs.bearerToken) || "";
|
|
8
|
-
const res = await fetch(`${baseURL}/api/auth/get-session`, {
|
|
9
|
-
headers: {
|
|
10
|
-
Authorization: `Bearer ${token}`
|
|
11
|
-
},
|
|
12
|
-
credentials: "include"
|
|
13
|
-
});
|
|
14
|
-
const authJWT = res.headers.get("set-auth-jwt");
|
|
15
|
-
const data = await res.json();
|
|
16
|
-
return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
exports.getSession = getSession;
|
package/dist/chunk-WZGZX3S2.cjs
DELETED
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
|
|
6
|
-
function Toolbar({ className, children, variant = "default", size = "md" }) {
|
|
7
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8
|
-
"div",
|
|
9
|
-
{
|
|
10
|
-
className: chunkOHIB3TEN_cjs.cn(
|
|
11
|
-
"bg-bg-primary flex items-center gap-2",
|
|
12
|
-
"liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
|
|
13
|
-
size === "sm" && "rounded-uk-md p-1.5",
|
|
14
|
-
size === "md" && "rounded-uk-lg p-1.5",
|
|
15
|
-
size === "lg" && "rounded-uk-xl p-1.5",
|
|
16
|
-
variant === "floating" && "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
|
|
17
|
-
className
|
|
18
|
-
),
|
|
19
|
-
children
|
|
20
|
-
}
|
|
21
|
-
);
|
|
22
|
-
}
|
|
23
|
-
function ToolbarGroup({ className, children }) {
|
|
24
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex items-center gap-1", className), children });
|
|
25
|
-
}
|
|
26
|
-
function ToolbarSeparator({ className }) {
|
|
27
|
-
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
exports.Toolbar = Toolbar;
|
|
31
|
-
exports.ToolbarGroup = ToolbarGroup;
|
|
32
|
-
exports.ToolbarSeparator = ToolbarSeparator;
|
package/dist/chunk-XFTKHT2M.cjs
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkPB4UO2NR_cjs = require('./chunk-PB4UO2NR.cjs');
|
|
4
|
-
var chunk4CPB3XHE_cjs = require('./chunk-4CPB3XHE.cjs');
|
|
5
|
-
var chunk4B44SRRP_cjs = require('./chunk-4B44SRRP.cjs');
|
|
6
|
-
var react = require('react');
|
|
7
|
-
|
|
8
|
-
var useVuerMethod = () => {
|
|
9
|
-
const { refetch, baseURL } = chunk4B44SRRP_cjs.useVuerAuth();
|
|
10
|
-
const signOutHandle = react.useCallback(async () => {
|
|
11
|
-
await chunk4CPB3XHE_cjs.signOutHandler(baseURL);
|
|
12
|
-
await refetch();
|
|
13
|
-
}, [baseURL, refetch]);
|
|
14
|
-
const signInHandle = react.useCallback(
|
|
15
|
-
(props) => {
|
|
16
|
-
return chunkPB4UO2NR_cjs.signInHandler({ ...props, baseURL }, refetch);
|
|
17
|
-
},
|
|
18
|
-
[baseURL, refetch]
|
|
19
|
-
);
|
|
20
|
-
return react.useMemo(() => {
|
|
21
|
-
return {
|
|
22
|
-
signIn: signInHandle,
|
|
23
|
-
signOut: signOutHandle
|
|
24
|
-
};
|
|
25
|
-
}, [signInHandle, signOutHandle]);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.useVuerMethod = useVuerMethod;
|
package/dist/chunk-ZULCZ5L6.cjs
DELETED
package/dist/ui/panel.cjs
DELETED
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var chunkC6L7YIGW_cjs = require('../chunk-C6L7YIGW.cjs');
|
|
4
|
-
require('../chunk-QN4N4I3Z.cjs');
|
|
5
|
-
require('../chunk-Q7E73DVJ.cjs');
|
|
6
|
-
require('../chunk-JR4TVE43.cjs');
|
|
7
|
-
require('../chunk-VXZURKMQ.cjs');
|
|
8
|
-
require('../chunk-Q4XH2Z5M.cjs');
|
|
9
|
-
require('../chunk-6BOWMGFG.cjs');
|
|
10
|
-
require('../chunk-YZIR6LIY.cjs');
|
|
11
|
-
require('../chunk-RPTRTGC2.cjs');
|
|
12
|
-
require('../chunk-LBWMTA5T.cjs');
|
|
13
|
-
require('../chunk-OHIB3TEN.cjs');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
Object.defineProperty(exports, "Panel", {
|
|
18
|
-
enumerable: true,
|
|
19
|
-
get: function () { return chunkC6L7YIGW_cjs.Panel; }
|
|
20
|
-
});
|
|
21
|
-
Object.defineProperty(exports, "PanelAction", {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelAction; }
|
|
24
|
-
});
|
|
25
|
-
Object.defineProperty(exports, "PanelContent", {
|
|
26
|
-
enumerable: true,
|
|
27
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelContent; }
|
|
28
|
-
});
|
|
29
|
-
Object.defineProperty(exports, "PanelDescription", {
|
|
30
|
-
enumerable: true,
|
|
31
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelDescription; }
|
|
32
|
-
});
|
|
33
|
-
Object.defineProperty(exports, "PanelFooter", {
|
|
34
|
-
enumerable: true,
|
|
35
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelFooter; }
|
|
36
|
-
});
|
|
37
|
-
Object.defineProperty(exports, "PanelHeader", {
|
|
38
|
-
enumerable: true,
|
|
39
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelHeader; }
|
|
40
|
-
});
|
|
41
|
-
Object.defineProperty(exports, "PanelTitle", {
|
|
42
|
-
enumerable: true,
|
|
43
|
-
get: function () { return chunkC6L7YIGW_cjs.PanelTitle; }
|
|
44
|
-
});
|
package/dist/ui/panel.d.cts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { ComponentProps } from 'react';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Variants for the panel component.
|
|
8
|
-
*/
|
|
9
|
-
declare const panelVariants: (props?: ({
|
|
10
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
11
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
12
|
-
interface PanelProps extends ComponentProps<"div">, VariantProps<typeof panelVariants> {
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Container panel with default padding, radius and shadow.
|
|
16
|
-
*/
|
|
17
|
-
declare function Panel({ className, size, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
18
|
-
/**
|
|
19
|
-
* Variants for the panel header component.
|
|
20
|
-
*/
|
|
21
|
-
declare const panelHeaderVariants: (props?: ({
|
|
22
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
23
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
24
|
-
interface PanelHeaderProps extends ComponentProps<"div">, VariantProps<typeof panelHeaderVariants> {
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Horizontal header row for panel.
|
|
28
|
-
*/
|
|
29
|
-
declare function PanelHeader({ className, size, ...props }: PanelHeaderProps): react_jsx_runtime.JSX.Element;
|
|
30
|
-
/**
|
|
31
|
-
* Title text styling within panel.
|
|
32
|
-
*/
|
|
33
|
-
declare function PanelTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
34
|
-
/**
|
|
35
|
-
* Secondary description text.
|
|
36
|
-
*/
|
|
37
|
-
declare function PanelDescription({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
38
|
-
/**
|
|
39
|
-
* Right-aligned action area.
|
|
40
|
-
*/
|
|
41
|
-
declare function PanelAction({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
42
|
-
/**
|
|
43
|
-
* Main content area.
|
|
44
|
-
*/
|
|
45
|
-
declare function PanelContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
46
|
-
/**
|
|
47
|
-
* Footer row for actions or meta.
|
|
48
|
-
*/
|
|
49
|
-
declare function PanelFooter({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
50
|
-
|
|
51
|
-
export { Panel, PanelAction, PanelContent, PanelDescription, PanelFooter, PanelHeader, type PanelHeaderProps, type PanelProps, PanelTitle };
|
package/dist/ui/panel.d.ts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import { VariantProps } from 'class-variance-authority';
|
|
4
|
-
import { ComponentProps } from 'react';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Variants for the panel component.
|
|
8
|
-
*/
|
|
9
|
-
declare const panelVariants: (props?: ({
|
|
10
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
11
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
12
|
-
interface PanelProps extends ComponentProps<"div">, VariantProps<typeof panelVariants> {
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Container panel with default padding, radius and shadow.
|
|
16
|
-
*/
|
|
17
|
-
declare function Panel({ className, size, ...props }: PanelProps): react_jsx_runtime.JSX.Element;
|
|
18
|
-
/**
|
|
19
|
-
* Variants for the panel header component.
|
|
20
|
-
*/
|
|
21
|
-
declare const panelHeaderVariants: (props?: ({
|
|
22
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
23
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
24
|
-
interface PanelHeaderProps extends ComponentProps<"div">, VariantProps<typeof panelHeaderVariants> {
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Horizontal header row for panel.
|
|
28
|
-
*/
|
|
29
|
-
declare function PanelHeader({ className, size, ...props }: PanelHeaderProps): react_jsx_runtime.JSX.Element;
|
|
30
|
-
/**
|
|
31
|
-
* Title text styling within panel.
|
|
32
|
-
*/
|
|
33
|
-
declare function PanelTitle({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
34
|
-
/**
|
|
35
|
-
* Secondary description text.
|
|
36
|
-
*/
|
|
37
|
-
declare function PanelDescription({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
38
|
-
/**
|
|
39
|
-
* Right-aligned action area.
|
|
40
|
-
*/
|
|
41
|
-
declare function PanelAction({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
42
|
-
/**
|
|
43
|
-
* Main content area.
|
|
44
|
-
*/
|
|
45
|
-
declare function PanelContent({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
46
|
-
/**
|
|
47
|
-
* Footer row for actions or meta.
|
|
48
|
-
*/
|
|
49
|
-
declare function PanelFooter({ className, ...props }: ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
50
|
-
|
|
51
|
-
export { Panel, PanelAction, PanelContent, PanelDescription, PanelFooter, PanelHeader, type PanelHeaderProps, type PanelProps, PanelTitle };
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { useCallback, useMemo } from "react";
|
|
2
|
-
|
|
3
|
-
import { signInHandler } from "../handler/sign-in-handler";
|
|
4
|
-
import { SignInWithOutBaseURLParams, SignOut } from "../types";
|
|
5
|
-
import { useVuerAuth } from "./use-vuer-auth";
|
|
6
|
-
import { signOutHandler } from "../handler/sign-out-handler";
|
|
7
|
-
|
|
8
|
-
interface UseVuerAuth {
|
|
9
|
-
signIn: (p?: SignInWithOutBaseURLParams) => Promise<string> | void;
|
|
10
|
-
signOut: SignOut;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
const useVuerMethod = (): UseVuerAuth => {
|
|
14
|
-
const { refetch, baseURL } = useVuerAuth();
|
|
15
|
-
|
|
16
|
-
const signOutHandle = useCallback(async () => {
|
|
17
|
-
await signOutHandler(baseURL);
|
|
18
|
-
await refetch();
|
|
19
|
-
}, [baseURL, refetch]);
|
|
20
|
-
|
|
21
|
-
const signInHandle = useCallback(
|
|
22
|
-
(props?: SignInWithOutBaseURLParams) => {
|
|
23
|
-
return signInHandler({ ...props, baseURL }, refetch);
|
|
24
|
-
},
|
|
25
|
-
[baseURL, refetch],
|
|
26
|
-
);
|
|
27
|
-
|
|
28
|
-
return useMemo(() => {
|
|
29
|
-
return {
|
|
30
|
-
signIn: signInHandle,
|
|
31
|
-
signOut: signOutHandle,
|
|
32
|
-
};
|
|
33
|
-
}, [signInHandle, signOutHandle]);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export { useVuerMethod };
|
|
37
|
-
export type { UseVuerAuth };
|
package/src/ui/panel.tsx
DELETED
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
import { cva, type VariantProps } from "class-variance-authority";
|
|
2
|
-
import { type ComponentProps } from "react";
|
|
3
|
-
|
|
4
|
-
import { cn } from "../hooks";
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Variants for the panel component.
|
|
8
|
-
*/
|
|
9
|
-
const panelVariants = cva(
|
|
10
|
-
[
|
|
11
|
-
"flex",
|
|
12
|
-
"flex-col",
|
|
13
|
-
"rounded-uk-lg",
|
|
14
|
-
"bg-bg-primary",
|
|
15
|
-
"shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
|
|
16
|
-
"liquid-dark:liquid-dark-bg",
|
|
17
|
-
"liquid-light:liquid-light-bg",
|
|
18
|
-
],
|
|
19
|
-
{
|
|
20
|
-
variants: {
|
|
21
|
-
size: {
|
|
22
|
-
sm: "p-sm",
|
|
23
|
-
md: "p-md",
|
|
24
|
-
lg: "p-lg",
|
|
25
|
-
xl: "p-xl",
|
|
26
|
-
},
|
|
27
|
-
},
|
|
28
|
-
defaultVariants: {
|
|
29
|
-
size: "lg",
|
|
30
|
-
},
|
|
31
|
-
},
|
|
32
|
-
);
|
|
33
|
-
|
|
34
|
-
export interface PanelProps extends ComponentProps<"div">, VariantProps<typeof panelVariants> {}
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Container panel with default padding, radius and shadow.
|
|
38
|
-
*/
|
|
39
|
-
function Panel({ className, size, ...props }: PanelProps) {
|
|
40
|
-
return <div data-slot="panel" className={cn(panelVariants({ size, className }))} {...props} />;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Variants for the panel header component.
|
|
45
|
-
*/
|
|
46
|
-
const panelHeaderVariants = cva(["flex", "flex-row", "items-center", "justify-between"], {
|
|
47
|
-
variants: {
|
|
48
|
-
size: {
|
|
49
|
-
sm: "gap-sm",
|
|
50
|
-
md: "gap-md",
|
|
51
|
-
lg: "gap-lg",
|
|
52
|
-
xl: "gap-xl",
|
|
53
|
-
},
|
|
54
|
-
},
|
|
55
|
-
defaultVariants: {
|
|
56
|
-
size: "lg",
|
|
57
|
-
},
|
|
58
|
-
});
|
|
59
|
-
|
|
60
|
-
export interface PanelHeaderProps
|
|
61
|
-
extends ComponentProps<"div">,
|
|
62
|
-
VariantProps<typeof panelHeaderVariants> {}
|
|
63
|
-
|
|
64
|
-
/**
|
|
65
|
-
* Horizontal header row for panel.
|
|
66
|
-
*/
|
|
67
|
-
function PanelHeader({ className, size, ...props }: PanelHeaderProps) {
|
|
68
|
-
return (
|
|
69
|
-
<div
|
|
70
|
-
data-slot="panel-header"
|
|
71
|
-
className={cn(panelHeaderVariants({ size, className }))}
|
|
72
|
-
{...props}
|
|
73
|
-
/>
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
/**
|
|
78
|
-
* Title text styling within panel.
|
|
79
|
-
*/
|
|
80
|
-
function PanelTitle({ className, ...props }: ComponentProps<"div">) {
|
|
81
|
-
return (
|
|
82
|
-
<div
|
|
83
|
-
data-slot="panel-title"
|
|
84
|
-
className={cn(
|
|
85
|
-
"text-text-highlight",
|
|
86
|
-
"text-uk-md",
|
|
87
|
-
"leading-uk-md",
|
|
88
|
-
"font-medium",
|
|
89
|
-
"-mt-2",
|
|
90
|
-
"vertical-align-middle",
|
|
91
|
-
className,
|
|
92
|
-
)}
|
|
93
|
-
{...props}
|
|
94
|
-
/>
|
|
95
|
-
);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
/**
|
|
99
|
-
* Secondary description text.
|
|
100
|
-
*/
|
|
101
|
-
function PanelDescription({ className, ...props }: ComponentProps<"div">) {
|
|
102
|
-
return (
|
|
103
|
-
<div
|
|
104
|
-
data-slot="panel-description"
|
|
105
|
-
className={cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className)}
|
|
106
|
-
{...props}
|
|
107
|
-
/>
|
|
108
|
-
);
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Right-aligned action area.
|
|
113
|
-
*/
|
|
114
|
-
function PanelAction({ className, ...props }: ComponentProps<"div">) {
|
|
115
|
-
return (
|
|
116
|
-
<div
|
|
117
|
-
data-slot="panel-action"
|
|
118
|
-
className={cn(
|
|
119
|
-
"text-text-secondary",
|
|
120
|
-
"text-uk-sm",
|
|
121
|
-
"leading-uk-sm",
|
|
122
|
-
"-mt-2",
|
|
123
|
-
"-mr-3",
|
|
124
|
-
"font-medium",
|
|
125
|
-
"vertical-align-middle",
|
|
126
|
-
className,
|
|
127
|
-
)}
|
|
128
|
-
{...props}
|
|
129
|
-
/>
|
|
130
|
-
);
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* Main content area.
|
|
135
|
-
*/
|
|
136
|
-
function PanelContent({ className, ...props }: ComponentProps<"div">) {
|
|
137
|
-
return <div data-slot="panel-content" className={cn("", className)} {...props} />;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
/**
|
|
141
|
-
* Footer row for actions or meta.
|
|
142
|
-
*/
|
|
143
|
-
function PanelFooter({ className, ...props }: ComponentProps<"div">) {
|
|
144
|
-
return <div data-slot="panel-footer" className={cn("flex items-center", className)} {...props} />;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
export { Panel, PanelHeader, PanelFooter, PanelTitle, PanelAction, PanelDescription, PanelContent };
|
|
File without changes
|
|
File without changes
|