xtreme-ui 0.0.120 → 0.0.122
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/ActionCard-Dbpat8bm.js +2 -0
- package/dist/ActionCard.css +1 -0
- package/dist/Avatar-DOT-ws0p.js +1 -0
- package/dist/Avatar.css +1 -0
- package/dist/Button-G6cDfQ_2.js +1 -0
- package/dist/Button.css +1 -0
- package/dist/ColorPicker-C3IR_ijV.js +3 -0
- package/dist/ColorPicker.css +1 -0
- package/dist/ColorPopper-vGesdoPl.js +10 -0
- package/dist/ColorPopper.css +1 -0
- package/dist/FilePicker-D6qHXAU3.js +8 -0
- package/dist/FilePicker.css +1 -0
- package/dist/ImageEditor-CRdW3G_G.js +7 -0
- package/dist/ImageEditor.css +1 -0
- package/dist/Navigation-BqPe_bfy.js +4 -0
- package/dist/Navigation.css +1 -0
- package/dist/ProgressBar-CpCwJRLJ.js +2 -0
- package/dist/ProgressBar.css +1 -0
- package/dist/Select-uoCUlO9L.js +3 -0
- package/dist/Select.css +1 -0
- package/dist/Sider-S8lIHbaD.js +5 -0
- package/dist/Sider.css +1 -0
- package/dist/SiderModal-DeoiKMZn.js +9 -0
- package/dist/SiderModal.css +1 -0
- package/dist/Spinner-Bbm68b3W.js +9 -0
- package/dist/Spinner.css +1 -0
- package/dist/Textfield-D8sU99y0.js +5 -0
- package/dist/Textfield.css +1 -0
- package/dist/ThemePicker-DlxNjxb8.js +13 -0
- package/dist/ThemePicker.css +1 -0
- package/dist/ThemeSelect-Chl18N7X.js +1 -0
- package/dist/ThemeSelect.css +1 -0
- package/dist/ThemeSwitch-TsIe8W8K.js +2 -0
- package/dist/ThemeSwitch.css +1 -0
- package/dist/common-Do6lufjP.js +1 -0
- package/dist/components/ActionCard/exports.js +1 -0
- package/dist/components/{base/Avatar → Avatar}/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/exports.js +1 -0
- package/dist/components/{base/Button → Button}/Button.d.ts.map +1 -1
- package/dist/components/Button/exports.js +1 -0
- package/dist/components/{base/Button → Button}/types.d.ts +2 -2
- package/dist/components/{base/Button → Button}/types.d.ts.map +1 -1
- package/dist/components/ColorPicker/exports.js +1 -0
- package/dist/components/{base/ColorPopper → ColorPopper}/ColorPopper.d.ts.map +1 -1
- package/dist/components/ColorPopper/exports.js +1 -0
- package/dist/components/{base/DatePicker → DatePicker}/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/exports.js +1 -0
- package/dist/components/{base/FilePicker → FilePicker}/FilePicker.d.ts.map +1 -1
- package/dist/components/FilePicker/exports.js +1 -0
- package/dist/components/{layout/ImageEditor → ImageEditor}/ImageEditor.d.ts.map +1 -1
- package/dist/components/ImageEditor/exports.js +1 -0
- package/dist/components/{layout/Navigation → Navigation}/Navigation.d.ts.map +1 -1
- package/dist/components/Navigation/exports.js +1 -0
- package/dist/components/ProgressBar/exports.js +1 -0
- package/dist/components/{base/Select → Select}/Select.d.ts.map +1 -1
- package/dist/components/Select/exports.js +1 -0
- package/dist/components/{base/Select → Select}/types.d.ts +2 -2
- package/dist/components/Select/types.d.ts.map +1 -0
- package/dist/components/Sider/exports.js +1 -0
- package/dist/components/{layout/SiderModal → SiderModal}/SiderModal.d.ts.map +1 -1
- package/dist/components/SiderModal/exports.js +1 -0
- package/dist/components/Spinner/exports.js +1 -0
- package/dist/components/{base/Textfield → Textfield}/Textfield.d.ts.map +1 -1
- package/dist/components/Textfield/exports.js +1 -0
- package/dist/components/{base/Textfield → Textfield}/types.d.ts +2 -2
- package/dist/components/{base/Textfield → Textfield}/types.d.ts.map +1 -1
- package/dist/components/{layout/ThemePicker → ThemePicker}/ThemePicker.d.ts.map +1 -1
- package/dist/components/ThemePicker/exports.js +1 -0
- package/dist/components/ThemeSelect/exports.js +1 -0
- package/dist/components/{layout/ThemeSelect → ThemeSelect}/types.d.ts +2 -2
- package/dist/components/ThemeSelect/types.d.ts.map +1 -0
- package/dist/components/ThemeSwitch/exports.js +1 -0
- package/dist/components/{layout/ThemeSwitch → ThemeSwitch}/types.d.ts +2 -2
- package/dist/components/ThemeSwitch/types.d.ts.map +1 -0
- package/dist/imageHelper-B5X4pOcS.js +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +0 -4
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -112
- package/dist/theme-BBSThvgw.js +1 -0
- package/dist/types-DA8XVLaK.js +2 -0
- package/dist/types.css +1 -0
- package/dist/useContext-Dd-uQWg7.js +2 -0
- package/dist/useScreen-hc-uEMYs.js +1 -0
- package/package.json +119 -186
- package/dist/components/base/ActionCard/ActionCard.cjs +0 -1
- package/dist/components/base/ActionCard/ActionCard.js +0 -39
- package/dist/components/base/ActionCard/exports.cjs +0 -1
- package/dist/components/base/ActionCard/exports.js +0 -8
- package/dist/components/base/ActionCard/types.cjs +0 -1
- package/dist/components/base/ActionCard/types.js +0 -4
- package/dist/components/base/Avatar/Avatar.cjs +0 -1
- package/dist/components/base/Avatar/Avatar.js +0 -53
- package/dist/components/base/Avatar/exports.cjs +0 -1
- package/dist/components/base/Avatar/exports.js +0 -8
- package/dist/components/base/Avatar/types.cjs +0 -1
- package/dist/components/base/Avatar/types.js +0 -4
- package/dist/components/base/Button/Button.cjs +0 -1
- package/dist/components/base/Button/Button.js +0 -52
- package/dist/components/base/Button/exports.cjs +0 -1
- package/dist/components/base/Button/exports.js +0 -8
- package/dist/components/base/Button/types.cjs +0 -1
- package/dist/components/base/Button/types.js +0 -4
- package/dist/components/base/ColorPicker/ColorPicker.cjs +0 -1
- package/dist/components/base/ColorPicker/ColorPicker.js +0 -50
- package/dist/components/base/ColorPicker/exports.cjs +0 -1
- package/dist/components/base/ColorPicker/exports.js +0 -6
- package/dist/components/base/ColorPopper/ColorPopper.cjs +0 -1
- package/dist/components/base/ColorPopper/ColorPopper.js +0 -211
- package/dist/components/base/ColorPopper/exports.cjs +0 -1
- package/dist/components/base/ColorPopper/exports.js +0 -6
- package/dist/components/base/DatePicker/DatePicker.cjs +0 -1
- package/dist/components/base/DatePicker/DatePicker.js +0 -58
- package/dist/components/base/DatePicker/exports.cjs +0 -1
- package/dist/components/base/DatePicker/exports.js +0 -8
- package/dist/components/base/DatePicker/types.cjs +0 -1
- package/dist/components/base/DatePicker/types.js +0 -4
- package/dist/components/base/FilePicker/FilePicker.cjs +0 -1
- package/dist/components/base/FilePicker/FilePicker.js +0 -73
- package/dist/components/base/FilePicker/exports.cjs +0 -1
- package/dist/components/base/FilePicker/exports.js +0 -8
- package/dist/components/base/FilePicker/getFilePickerIcon.cjs +0 -1
- package/dist/components/base/FilePicker/getFilePickerIcon.js +0 -23
- package/dist/components/base/FilePicker/types.cjs +0 -1
- package/dist/components/base/FilePicker/types.js +0 -33
- package/dist/components/base/Icon/Icon.cjs +0 -1
- package/dist/components/base/Icon/Icon.d.ts +0 -3
- package/dist/components/base/Icon/Icon.d.ts.map +0 -1
- package/dist/components/base/Icon/Icon.js +0 -33
- package/dist/components/base/Icon/exports.cjs +0 -1
- package/dist/components/base/Icon/exports.d.ts +0 -3
- package/dist/components/base/Icon/exports.d.ts.map +0 -1
- package/dist/components/base/Icon/exports.js +0 -6
- package/dist/components/base/Icon/types.cjs +0 -1
- package/dist/components/base/Icon/types.d.ts +0 -26
- package/dist/components/base/Icon/types.d.ts.map +0 -1
- package/dist/components/base/Icon/types.js +0 -4
- package/dist/components/base/Lottie/Lottie.cjs +0 -1
- package/dist/components/base/Lottie/Lottie.d.ts +0 -3
- package/dist/components/base/Lottie/Lottie.d.ts.map +0 -1
- package/dist/components/base/Lottie/Lottie.js +0 -43
- package/dist/components/base/Lottie/exports.cjs +0 -1
- package/dist/components/base/Lottie/exports.d.ts +0 -4
- package/dist/components/base/Lottie/exports.d.ts.map +0 -1
- package/dist/components/base/Lottie/exports.js +0 -8
- package/dist/components/base/Lottie/types.cjs +0 -1
- package/dist/components/base/Lottie/types.d.ts +0 -15
- package/dist/components/base/Lottie/types.d.ts.map +0 -1
- package/dist/components/base/Lottie/types.js +0 -4
- package/dist/components/base/ProgressBar/ProgressBar.cjs +0 -1
- package/dist/components/base/ProgressBar/ProgressBar.js +0 -25
- package/dist/components/base/ProgressBar/exports.cjs +0 -1
- package/dist/components/base/ProgressBar/exports.js +0 -6
- package/dist/components/base/Select/Select.cjs +0 -1
- package/dist/components/base/Select/Select.js +0 -77
- package/dist/components/base/Select/exports.cjs +0 -1
- package/dist/components/base/Select/exports.js +0 -6
- package/dist/components/base/Select/types.d.ts.map +0 -1
- package/dist/components/base/Spinner/Spinner.cjs +0 -1
- package/dist/components/base/Spinner/Spinner.js +0 -38
- package/dist/components/base/Spinner/exports.cjs +0 -1
- package/dist/components/base/Spinner/exports.js +0 -8
- package/dist/components/base/Spinner/types.cjs +0 -1
- package/dist/components/base/Spinner/types.js +0 -4
- package/dist/components/base/Textfield/Textfield.cjs +0 -1
- package/dist/components/base/Textfield/Textfield.js +0 -104
- package/dist/components/base/Textfield/exports.cjs +0 -1
- package/dist/components/base/Textfield/exports.js +0 -6
- package/dist/components/context/Data/DataContext.cjs +0 -1
- package/dist/components/context/Data/DataContext.js +0 -15
- package/dist/components/context/Theme/ThemeContext.cjs +0 -1
- package/dist/components/context/Theme/ThemeContext.js +0 -39
- package/dist/components/context/Theme/types.cjs +0 -1
- package/dist/components/context/Theme/types.js +0 -6
- package/dist/components/context/index.cjs +0 -1
- package/dist/components/context/index.js +0 -8
- package/dist/components/context/useContext.cjs +0 -1
- package/dist/components/context/useContext.js +0 -8
- package/dist/components/hooks/useDebouncedEffect.cjs +0 -1
- package/dist/components/hooks/useDebouncedEffect.js +0 -11
- package/dist/components/hooks/usePersistingState.cjs +0 -1
- package/dist/components/hooks/usePersistingState.js +0 -13
- package/dist/components/hooks/useScreen.cjs +0 -1
- package/dist/components/hooks/useScreen.js +0 -28
- package/dist/components/layout/ImageEditor/ImageEditor.cjs +0 -1
- package/dist/components/layout/ImageEditor/ImageEditor.js +0 -62
- package/dist/components/layout/ImageEditor/exports.cjs +0 -1
- package/dist/components/layout/ImageEditor/exports.js +0 -6
- package/dist/components/layout/Navigation/Navigation.cjs +0 -1
- package/dist/components/layout/Navigation/Navigation.js +0 -56
- package/dist/components/layout/Navigation/exports.cjs +0 -1
- package/dist/components/layout/Navigation/exports.js +0 -6
- package/dist/components/layout/Sider/Sider.cjs +0 -1
- package/dist/components/layout/Sider/Sider.js +0 -45
- package/dist/components/layout/Sider/exports.cjs +0 -1
- package/dist/components/layout/Sider/exports.js +0 -6
- package/dist/components/layout/Sider/types.cjs +0 -1
- package/dist/components/layout/Sider/types.js +0 -4
- package/dist/components/layout/SiderModal/SiderModal.cjs +0 -1
- package/dist/components/layout/SiderModal/SiderModal.js +0 -59
- package/dist/components/layout/SiderModal/exports.cjs +0 -1
- package/dist/components/layout/SiderModal/exports.js +0 -6
- package/dist/components/layout/ThemePicker/ThemePicker.cjs +0 -1
- package/dist/components/layout/ThemePicker/ThemePicker.js +0 -84
- package/dist/components/layout/ThemePicker/exports.cjs +0 -1
- package/dist/components/layout/ThemePicker/exports.js +0 -6
- package/dist/components/layout/ThemeSelect/ThemeSelect.cjs +0 -1
- package/dist/components/layout/ThemeSelect/ThemeSelect.js +0 -39
- package/dist/components/layout/ThemeSelect/exports.cjs +0 -1
- package/dist/components/layout/ThemeSelect/exports.js +0 -6
- package/dist/components/layout/ThemeSelect/types.d.ts.map +0 -1
- package/dist/components/layout/ThemeSwitch/ThemeSwitch.cjs +0 -1
- package/dist/components/layout/ThemeSwitch/ThemeSwitch.js +0 -67
- package/dist/components/layout/ThemeSwitch/exports.cjs +0 -1
- package/dist/components/layout/ThemeSwitch/exports.js +0 -6
- package/dist/components/layout/ThemeSwitch/types.d.ts.map +0 -1
- package/dist/index.cjs +0 -1
- package/dist/utils/constants/iconCollection.cjs +0 -1
- package/dist/utils/constants/iconCollection.js +0 -109
- package/dist/utils/constants/theme.cjs +0 -1
- package/dist/utils/constants/theme.js +0 -27
- package/dist/utils/function/common.cjs +0 -1
- package/dist/utils/function/common.js +0 -4
- package/dist/utils/function/localStorage.cjs +0 -1
- package/dist/utils/function/localStorage.js +0 -21
- package/dist/utils/function/mergeRefs.cjs +0 -1
- package/dist/utils/function/mergeRefs.js +0 -19
- package/dist/utils/function/string.cjs +0 -1
- package/dist/utils/function/string.js +0 -6
- package/dist/utils/helper/colorHelper.cjs +0 -1
- package/dist/utils/helper/colorHelper.js +0 -24
- package/dist/utils/helper/domHelper.cjs +0 -1
- package/dist/utils/helper/domHelper.js +0 -38
- package/dist/utils/helper/imageHelper.cjs +0 -1
- package/dist/utils/helper/imageHelper.js +0 -50
- package/dist/utils/helper/themeController.cjs +0 -39
- package/dist/utils/helper/themeController.js +0 -52
- package/dist/xtreme-ui.css +0 -1
- /package/dist/components/{base/ActionCard → ActionCard}/ActionCard.d.ts +0 -0
- /package/dist/components/{base/ActionCard → ActionCard}/ActionCard.d.ts.map +0 -0
- /package/dist/components/{base/ActionCard → ActionCard}/exports.d.ts +0 -0
- /package/dist/components/{base/ActionCard → ActionCard}/exports.d.ts.map +0 -0
- /package/dist/components/{base/ActionCard → ActionCard}/types.d.ts +0 -0
- /package/dist/components/{base/ActionCard → ActionCard}/types.d.ts.map +0 -0
- /package/dist/components/{base/Avatar → Avatar}/Avatar.d.ts +0 -0
- /package/dist/components/{base/Avatar → Avatar}/exports.d.ts +0 -0
- /package/dist/components/{base/Avatar → Avatar}/exports.d.ts.map +0 -0
- /package/dist/components/{base/Avatar → Avatar}/types.d.ts +0 -0
- /package/dist/components/{base/Avatar → Avatar}/types.d.ts.map +0 -0
- /package/dist/components/{base/Button → Button}/Button.d.ts +0 -0
- /package/dist/components/{base/Button → Button}/exports.d.ts +0 -0
- /package/dist/components/{base/Button → Button}/exports.d.ts.map +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/ColorPicker.d.ts +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/ColorPicker.d.ts.map +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/exports.d.ts +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/exports.d.ts.map +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/types.d.ts +0 -0
- /package/dist/components/{base/ColorPicker → ColorPicker}/types.d.ts.map +0 -0
- /package/dist/components/{base/ColorPopper → ColorPopper}/ColorPopper.d.ts +0 -0
- /package/dist/components/{base/ColorPopper → ColorPopper}/exports.d.ts +0 -0
- /package/dist/components/{base/ColorPopper → ColorPopper}/exports.d.ts.map +0 -0
- /package/dist/components/{base/ColorPopper → ColorPopper}/types.d.ts +0 -0
- /package/dist/components/{base/ColorPopper → ColorPopper}/types.d.ts.map +0 -0
- /package/dist/components/{base/DatePicker → DatePicker}/DatePicker.d.ts +0 -0
- /package/dist/components/{base/DatePicker → DatePicker}/exports.d.ts +0 -0
- /package/dist/components/{base/DatePicker → DatePicker}/exports.d.ts.map +0 -0
- /package/dist/components/{base/DatePicker → DatePicker}/types.d.ts +0 -0
- /package/dist/components/{base/DatePicker → DatePicker}/types.d.ts.map +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/FilePicker.d.ts +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/exports.d.ts +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/exports.d.ts.map +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/getFilePickerIcon.d.ts +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/getFilePickerIcon.d.ts.map +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/types.d.ts +0 -0
- /package/dist/components/{base/FilePicker → FilePicker}/types.d.ts.map +0 -0
- /package/dist/components/{layout/ImageEditor → ImageEditor}/ImageEditor.d.ts +0 -0
- /package/dist/components/{layout/ImageEditor → ImageEditor}/exports.d.ts +0 -0
- /package/dist/components/{layout/ImageEditor → ImageEditor}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/ImageEditor → ImageEditor}/types.d.ts +0 -0
- /package/dist/components/{layout/ImageEditor → ImageEditor}/types.d.ts.map +0 -0
- /package/dist/components/{layout/Navigation → Navigation}/Navigation.d.ts +0 -0
- /package/dist/components/{layout/Navigation → Navigation}/exports.d.ts +0 -0
- /package/dist/components/{layout/Navigation → Navigation}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/Navigation → Navigation}/types.d.ts +0 -0
- /package/dist/components/{layout/Navigation → Navigation}/types.d.ts.map +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/ProgressBar.d.ts +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/ProgressBar.d.ts.map +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/exports.d.ts +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/exports.d.ts.map +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/types.d.ts +0 -0
- /package/dist/components/{base/ProgressBar → ProgressBar}/types.d.ts.map +0 -0
- /package/dist/components/{base/Select → Select}/Select.d.ts +0 -0
- /package/dist/components/{base/Select → Select}/exports.d.ts +0 -0
- /package/dist/components/{base/Select → Select}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/Sider → Sider}/Sider.d.ts +0 -0
- /package/dist/components/{layout/Sider → Sider}/Sider.d.ts.map +0 -0
- /package/dist/components/{layout/Sider → Sider}/exports.d.ts +0 -0
- /package/dist/components/{layout/Sider → Sider}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/Sider → Sider}/types.d.ts +0 -0
- /package/dist/components/{layout/Sider → Sider}/types.d.ts.map +0 -0
- /package/dist/components/{layout/SiderModal → SiderModal}/SiderModal.d.ts +0 -0
- /package/dist/components/{layout/SiderModal → SiderModal}/exports.d.ts +0 -0
- /package/dist/components/{layout/SiderModal → SiderModal}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/SiderModal → SiderModal}/types.d.ts +0 -0
- /package/dist/components/{layout/SiderModal → SiderModal}/types.d.ts.map +0 -0
- /package/dist/components/{base/Spinner → Spinner}/Spinner.d.ts +0 -0
- /package/dist/components/{base/Spinner → Spinner}/Spinner.d.ts.map +0 -0
- /package/dist/components/{base/Spinner → Spinner}/exports.d.ts +0 -0
- /package/dist/components/{base/Spinner → Spinner}/exports.d.ts.map +0 -0
- /package/dist/components/{base/Spinner → Spinner}/types.d.ts +0 -0
- /package/dist/components/{base/Spinner → Spinner}/types.d.ts.map +0 -0
- /package/dist/components/{base/Textfield → Textfield}/Textfield.d.ts +0 -0
- /package/dist/components/{base/Textfield → Textfield}/exports.d.ts +0 -0
- /package/dist/components/{base/Textfield → Textfield}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/ThemePicker → ThemePicker}/ThemePicker.d.ts +0 -0
- /package/dist/components/{layout/ThemePicker → ThemePicker}/exports.d.ts +0 -0
- /package/dist/components/{layout/ThemePicker → ThemePicker}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/ThemePicker → ThemePicker}/types.d.ts +0 -0
- /package/dist/components/{layout/ThemePicker → ThemePicker}/types.d.ts.map +0 -0
- /package/dist/components/{layout/ThemeSelect → ThemeSelect}/ThemeSelect.d.ts +0 -0
- /package/dist/components/{layout/ThemeSelect → ThemeSelect}/ThemeSelect.d.ts.map +0 -0
- /package/dist/components/{layout/ThemeSelect → ThemeSelect}/exports.d.ts +0 -0
- /package/dist/components/{layout/ThemeSelect → ThemeSelect}/exports.d.ts.map +0 -0
- /package/dist/components/{layout/ThemeSwitch → ThemeSwitch}/ThemeSwitch.d.ts +0 -0
- /package/dist/components/{layout/ThemeSwitch → ThemeSwitch}/ThemeSwitch.d.ts.map +0 -0
- /package/dist/components/{layout/ThemeSwitch → ThemeSwitch}/exports.d.ts +0 -0
- /package/dist/components/{layout/ThemeSwitch → ThemeSwitch}/exports.d.ts.map +0 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import a from"clsx";import './ActionCard.css';var i=/* @__PURE__ */(r=>(r[r.mini=100]="mini",r[r.default=164]="default",r[r.large=254]="large",r))(i||{});const t=e((e,t)=>{const{className:l,children:o,style:c={},size:s="default",onClick:n}=e,d=Array.isArray(s)?s:[i[s],i[s]],m=a("xtrActionCard","shadowRipple",`${s}Size`,l);/* @__PURE__ */
|
|
2
|
+
return r("div",{ref:t,className:m,style:{"--cardWidth":`${d[0]}px`,"--cardHeight":`${d[1]}px`,...c},onClick:n,role:"contentinfo",children:o})});t.displayName="ActionCard";export{t as A,i as E};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrActionCard{--cardWidth: 164px;--cardHeight: 164px;--rippleColor: var(--colorBrandPrimary);--rippleShadowColor: var(--colorBackgroundTertiary);--cardBorderRadius: calc(min(var(--cardWidth), var(--cardHeight))*.1) ;position:relative;width:var(--cardWidth);height:var(--cardHeight);border-radius:var(--cardBorderRadius);background:var(--colorBackgroundSecondary);cursor:pointer}.xtrActionCard.miniSize{--rippleSize: 24px 12px}.xtrActionCard.smallSize{--rippleSize: 30px 15px}.xtrActionCard.mediumSize{--rippleSize: 48px 24px}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as f,useEffect as r}from"react";import t from"clsx";import{Icon as o}from"gliff";import{r as c,b as l}from"./imageHelper-B5X4pOcS.js";import './Avatar.css';const s={happy:["f118","e392","f580","f5b8","e409","e3a4","e39d","f5c2","e398","e396","f4da","e391","e390","e38f","e38d","e389","e383","f59c","f59b","f59a","f599","f598","e37d","f597","f596","e379","f58c","f581","f58b","f58a","f589","f588","f587","f586","f585","f584","f583","f582","e377","f579","e2fe","e372","e36e","e47c","e36b","e368","f2fe"],sad:["e3a0","e3a5","e3a3","e3a2","e3a1","e39f","f5c8","e485","e397","e395","e394","e393","e38b","f5b4","e38a","f5b3","f5a5","e388","e387","e386","e385","e384","e382","e380","e483","f5a4","f11a","e37c","e37b","e37a","e378","f57f","e376","f57a","f119","e375","e374","e373","e480","e371","e47f","f567","e36f","e47e","e36d","e36c","e47d","e36a","e369","f556","f6e2","f8f6","f54c"]};var i=/* @__PURE__ */(e=>(e[e.mini=64]="mini",e[e.default=96]="default",e[e.large=128]="large",e))(i||{});const m=a((a,m)=>{const{className:p,src:d,file:n,alt:h,placeholderIcon:b,size:g="default",onClick:y}=a,[u,v]=f(),[x,N]=f(s.happy[0]),[k,z]=f(!!d||!!n),[A,j]=f(!1),C="number"==typeof g?g:i[g],M=t("xtrAvatar",p,k&&"loading",A&&"error"),T=e=>{e&&setTimeout(()=>v(e),300),setTimeout(()=>z(!1),1e3)};return r(()=>{N(s.happy[Math.floor(Math.random()*s.happy.length)]);try{n?(z(!0),j(!1),c(n).then(e=>T(e)).catch(e=>{console.log(e),z(!1),j(!0)})):d?(z(!0),j(!1),l(d).then(e=>T(e)).catch(e=>{console.log(e,d),z(!1),j(!0)})):(v(void 0),T())}catch{T()}},[d,n]),/* @__PURE__ */e("div",{ref:m,className:M,style:{"--avatarSize":C+"px"},onClick:y,role:"img",children:u?/* @__PURE__ */e("img",{className:"image",src:u,alt:h}):/* @__PURE__ */e(o,{className:"placeholder",type:"solid",size:8+C/4,code:A?"e1b7":b??x})})});m.displayName="Avatar";export{m as A,i as E,s as F};
|
package/dist/Avatar.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrAvatar{--avatarSize: 64px;position:relative;width:var(--avatarSize);height:var(--avatarSize);display:flex;justify-content:center;align-items:center;cursor:pointer}.xtrAvatar:before{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(2px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/75%);transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar:after{content:"";position:absolute;width:var(--avatarSize);height:var(--avatarSize);border-radius:9999px;border:calc(4px + var(--avatarSize) / 300) solid hsl(var(--colorBrandPrimary)/100%);border-left-color:transparent;border-right-color:transparent;opacity:0;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrAvatar .placeholder{color:hsl(var(--colorBrandPrimary)/100%)}.xtrAvatar .image{--imageSize: calc(100% - (4px + var(--avatarSize) / 100));position:absolute;width:var(--imageSize);height:var(--imageSize);border-radius:50%;object-fit:cover;object-position:center;z-index:2;transition:all var(--animDurFast) var(--cubicBezierPrimary);animation:fadeIn .2s ease-out forwards}.xtrAvatar.loading:after{opacity:1;animation:avatarSpin 1s infinite linear}.xtrAvatar.error:before,.xtrAvatar.error:after{border-color:hsl(var(--colorAlertError))}.xtrAvatar.error .placeholder{color:hsl(var(--colorAlertError))}.xtrAvatar:hover:before,.xtrAvatar:hover:after{scale:1.1}.xtrAvatar:active:before,.xtrAvatar:active:after{scale:1}@keyframes avatarSpin{0%{transform:rotate(0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}50%{transform:rotate(360deg);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:rotate(720deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import n from"clsx";import{Icon as i}from"gliff";import{P as l}from"./ProgressBar-CpCwJRLJ.js";import './Button.css';var o=/* @__PURE__ */(e=>(e.primary="primary",e.primaryDanger="primaryDanger",e.secondary="secondary",e.secondaryDanger="secondaryDanger",e.link="link",e.linkDanger="linkDanger",e))(o||{});const s=a((a,s)=>{const{className:t,style:c={},label:m,type:d="primary",size:p="default",disabled:y=!1,loading:f=!1,icon:g,iconType:u,iconPosition:k="left",onClick:b}=a,D=()=>g?/* @__PURE__ */r(i,{className:"icon",code:g,type:u,size:p}):null,N=n("xtrButton","shadowRipple",`${d}Type`,`${p}Size`,!m&&"iconOnly",f&&"loading",t);return m||g?/* @__PURE__ */e("button",{ref:s,className:N,style:c,onClick:b,disabled:y,role:"button",children:[d.includes(o.link)&&/* @__PURE__ */r(l,{className:"underline",intermediate:f}),"left"===k&&/* @__PURE__ */r(D,{}),m&&/* @__PURE__ */r("span",{className:"label",children:m}),"right"===k&&/* @__PURE__ */r(D,{})]}):null});s.displayName="Button";export{s as B,o as E};
|
package/dist/Button.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrButton{--themeColor: var(--colorBrandPrimary);--rippleColor: var(--themeColor);--rippleShadowColor: var(--themeColor);position:relative;display:flex;justify-content:center;align-items:center;border:none;border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none}.xtrButton .label{margin:0;text-transform:uppercase;z-index:1;color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .icon{color:inherit;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton .underline{position:absolute;width:100%;left:0;bottom:0}.xtrButton .underline>span{width:20%!important}.xtrButton:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:inherit;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrButton.primaryType,.xtrButton.primaryDangerType{background:hsl(var(--themeColor));color:#fff}.xtrButton.secondaryType,.xtrButton.secondaryDangerType{background:var(--colorBackgroundSecondary);color:var(--colorContentPrimary)}.xtrButton.linkType,.xtrButton.linkDangerType{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}.xtrButton.linkType .label,.xtrButton.linkDangerType .label{letter-spacing:unset;text-transform:unset}.xtrButton.linkType:before,.xtrButton.linkDangerType:before{display:none}.xtrButton.linkType:hover,.xtrButton.linkDangerType:hover{color:hsl(var(--themeColor))}.xtrButton.linkType:hover .label,.xtrButton.linkDangerType:hover .label{filter:contrast(.8) brightness(1.2)}.xtrButton.linkType:active .label,.xtrButton.linkDangerType:active .label{filter:contrast(1.2) brightness(.8)}.xtrButton.primaryDangerType,.xtrButton.secondaryDangerType,.xtrButton.linkDangerType{--themeColor: var(--colorAlertError)}.xtrButton.primaryDangerType .underline span,.xtrButton.secondaryDangerType .underline span,.xtrButton.linkDangerType .underline span{background:hsl(var(--themeColor))}.xtrButton.miniSize{--rippleSize: 24px 12px;line-height:16px;padding:8px 16px;gap:8px}.xtrButton.miniSize .label{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}.xtrButton.miniSize.iconOnly{padding:0}.xtrButton.miniSize.iconOnly .icon{width:32px;height:32px}.xtrButton.defaultSize{--rippleSize: 30px 15px;line-height:18px;padding:10px 20px;gap:10px}.xtrButton.defaultSize .label{font-size:14px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}.xtrButton.defaultSize.iconOnly{padding:0}.xtrButton.defaultSize.iconOnly .icon{width:44px;height:44px}.xtrButton.largeSize{--rippleSize: 48px 24px;line-height:28px;padding:16px 32px;gap:14px}.xtrButton.largeSize .label{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}.xtrButton.largeSize.iconOnly{padding:0}.xtrButton.largeSize.iconOnly .icon{width:60px;height:60px}.xtrButton:hover{color:#fff}.xtrButton:hover .underline span{width:100%!important}.xtrButton:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}.xtrButton.loading{--loaderColor: hsl(var(--themeColor));pointer-events:none;overflow:hidden;background:hsl(var(--themeColor)/80%)}.xtrButton.loading.secondaryType,.xtrButton.loading.secondaryDangerType{--loaderColor: var(--colorBackgroundTertiary);background:var(--colorBackgroundSecondary)}.xtrButton.loading.linkType,.xtrButton.loading.linkDangerType{background:none}.xtrButton.loading.linkType .underline>span,.xtrButton.loading.linkDangerType .underline>span{width:150%!important}.xtrButton.loading.linkType:after,.xtrButton.loading.linkDangerType:after{display:none}.xtrButton.loading:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:barberPole .25s infinite linear}.xtrButton.loading.iconOnly{background:transparent;overflow:unset}.xtrButton.loading.iconOnly.secondaryType,.xtrButton.loading.iconOnly.secondaryDangerType{color:#fff}.xtrButton.loading.iconOnly:before{clip-path:circle(45% at 50% 50%);opacity:1}.xtrButton.loading.iconOnly:after{width:100%;background:none;border:2px solid hsl(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:loader .25s infinite linear}.xtrButton:disabled{background:hsl(var(--themeColor)/20%);color:hsl(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}.xtrButton:disabled.secondaryType,.xtrButton:disabled.secondaryDangerType{background:hsl(var(--themeColor)/5%)}.xtrButton:disabled.linkType{background:none}.xtrButton:disabled.linkType .underline:before{width:0%}.xtrButton:disabled.linkType .underline span{width:0%}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(180deg)}}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{jsxs as a,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import e from"@uiw/react-color-alpha";import s from"@uiw/react-color-shade-slider";import l from"@uiw/react-color-wheel";import c from"clsx";import './ColorPicker.css';const t=o((o,t)=>{const{className:h,shade:m=!0,alpha:i=!0,color:n={h:0,s:0,v:100,a:1},setColor:p}=o,d=c("xtrColorPicker",h);/* @__PURE__ */
|
|
2
|
+
return a("div",{ref:t,className:d,children:[
|
|
3
|
+
/* @__PURE__ */r(l,{className:"wheel",color:n,width:180,height:180,onChange:a=>p(a.hsva)}),m&&/* @__PURE__ */r(s,{className:"shade",hsva:n,onChange:({v:a})=>p({...n,v:a})}),i&&/* @__PURE__ */r(e,{className:"alpha",hsva:n,onChange:({a:a})=>p({...n,a:a})})]})});t.displayName="ColorPicker";export{t as C};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrColorPicker{display:flex;flex-direction:column}.xtrColorPicker .wheel{cursor:crosshair;margin-bottom:24px}.xtrColorPicker .shade,.xtrColorPicker .alpha{height:5px!important;border-radius:9999px!important}.xtrColorPicker .shade div:first-child,.xtrColorPicker .alpha div:first-child{border-radius:9999px!important}.xtrColorPicker .shade div:last-child,.xtrColorPicker .alpha div:last-child{display:flex;align-items:center}.xtrColorPicker .shade{margin-bottom:16px}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useMemo as s,useState as i,useRef as l,useEffect as a}from"react";import{useFloating as n,autoUpdate as c,shift as h,flip as d,offset as m,useTransitionStyles as p,useInteractions as u,useClick as f,useDismiss as v}from"@floating-ui/react";import C from"clsx";import{colord as g,getFormat as x}from"colord";import{Icon as y}from"gliff";import{C as H}from"./ColorPicker-C3IR_ijV.js";import{T as $}from"./Textfield-D8sU99y0.js";import{u as N,g as b}from"./useScreen-hc-uEMYs.js";import{T as w}from"./theme-BBSThvgw.js";import{B as P}from"./Button-G6cDfQ_2.js";import './ColorPopper.css';function T(e,o){if("function"==typeof e)e(o);else if(null!=e)try{e.current=o}catch{throw new Error(`Cannot assign value "${o}" to ref "${e}"`)}}function k(e){return o=>{e.forEach(e=>T(e,o))}}function M(r,T){const{className:M,popperClassName:S,input:j="textfield",size:B="default",placeholder:R="Color Picker",colorHeading:E="Pick color",schemeHeading:F,themeScheme:I,setThemeScheme:L,showReset:z=!0,alpha:q,shade:A,swatch:O,hideWheel:V=!1,color:W,setColor:D}=r,G=N(),J=s(()=>g(W),[]),K=s(()=>x(W),[W]),[Q,U]=i(J.toHsv()),[X,Y]=i(J.toHex()),[Z,_]=i(E),ee=l(!1),[oe,te]=i(!1),{refs:re,floatingStyles:se,context:ie}=n({open:oe,onOpenChange:te,middleware:[h({crossAxis:!0,padding:18}),d(),m(({placement:e})=>"bottom"===e?10:16)],whileElementsMounted:c}),{isMounted:le,styles:ae}=p(ie,{duration:200,initial:({side:e})=>({opacity:0,translate:"bottom"===e?"0px 8px":"0px -8px"})}),{getReferenceProps:ne,getFloatingProps:ce}=u([f(ie),v(ie)]),[he,de,me]=s(()=>{const e=g(Q),o=e.toHsl(),t=J.toHsl();return[`${Math.round(o.h)} ${Math.round(o.s)}% ${Math.round(o.l)}%`,`${Math.round(t.h)} ${Math.round(t.s)}% ${Math.round(t.l)}%`,e.isLight()?"black":"white"]},[J,Q]),pe=X!==J.toHex(),ue="button"===j||"buttonLabel"===j,fe=e=>{ee.current=!0,"rgb"===K?D(e.toRgb()):"hex"===K?D(e.toHex()):"hsl"===K?D(e.toHsl()):"hsv"===K&&D(e.toHsv())},ve=e=>{Y(e);const o=g(e);o.isValid()&&(U(o.toHsv()),fe(o))};return a(()=>{if(!ee.current){const e=g(W);U(e.toHsv()),Y(e.toHex())}ee.current=!1},[W]),a(()=>{_(b(g(X).toHsl())??E)},[E,X]),/* @__PURE__ */e(o,{children:[ue?/* @__PURE__ */t(P,{className:"xtrColorButton",ref:re.setReference,size:B,icon:"f53f",iconType:"solid",label:"buttonLabel"===j?X:void 0,style:{"--themeColor":he,"--iconColor":me,color:me},onClick:()=>te(!0),...ne()}):/* @__PURE__ */t($,{className:C("xtrColorInput",M),ref:re.setReference,placeholder:R,icon:"f53f",iconType:"solid",active:oe,value:X,onChange:e=>ve(e.target.value),style:{"--colorBrandPrimary":he,"--iconColor":me},onFocus:()=>te(!0),...ne()}),le&&/* @__PURE__ */e("div",{ref:k([T,re.setFloating]),className:C("xtrColorPopper",S),style:{...se,...ae,"--colorBrandPrimary":he},...ce(),children:[(O||!V)&&/* @__PURE__ */e("div",{className:C("header",ue&&"withInput"),children:[
|
|
2
|
+
/* @__PURE__ */e("div",{className:"heading",children:[
|
|
3
|
+
/* @__PURE__ */e("div",{children:[
|
|
4
|
+
/* @__PURE__ */t("h1",{children:Z}),ue&&/* @__PURE__ */t("input",{placeholder:"#Hex",className:C("popperInput",M),value:X,autoFocus:G.isLargest,onChange:e=>ve(e.target.value)})]}),
|
|
5
|
+
/* @__PURE__ */t("h1",{children:E})]}),z&&/* @__PURE__ */t(y,{code:"f1da",type:"solid",style:{"--colorBrandPrimary":de,visibility:pe?"visible":"hidden"},onClick:()=>{U(J.toHsv()),Y(J.toHex()),fe(J)}})]}),O&&/* @__PURE__ */t("div",{className:"swatch",children:O.map((e,o)=>{const r=g(X).isEqual(e),s=g(e).toHsl(),i=`${s.h} ${s.s}% ${s.l}%`;/* @__PURE__ */
|
|
6
|
+
return t(P,{className:"swatchItem",icon:"f00c",iconType:"solid",size:"mini",style:{"--themeColor":i,color:r?"white":"transparent"},onClick:()=>(e=>{const o=g(e);U(o.toHsv()),Y(o.toHex()),fe(o)})(s)},`ThemeColor-${s.h}${s.s}${s.l}-${o}`)})}),!V&&/* @__PURE__ */t(H,{className:"colorPicker",alpha:q,shade:A,color:Q,setColor:e=>{const o=g(e);U(e),Y(o.toHex()),fe(o)}}),F&&/* @__PURE__ */e("div",{className:"themeScheme",children:[
|
|
7
|
+
/* @__PURE__ */t("div",{className:"header",children:/* @__PURE__ */e("div",{className:"heading",children:[
|
|
8
|
+
/* @__PURE__ */t("div",{children:/* @__PURE__ */t("h1",{children:I})}),
|
|
9
|
+
/* @__PURE__ */t("h1",{children:F})]})}),
|
|
10
|
+
/* @__PURE__ */t("div",{className:"schemeSelector",children:w.map(({name:e,icon:o},r)=>/* @__PURE__ */t(P,{icon:o,iconType:"solid",disabled:I===e,type:I===e?"primary":"secondary",onClick:()=>L?.(e)},`ThemeScheme-${e}-${r}`))})]})]})]})}const S=r(M);M.displayName="ColorPopper";export{S as C,T as a,k as m};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrColorButton i{color:var(--iconColor)!important;--iconSize: 15px !important}.xtrColorInput{box-shadow:0 0 0 0 transparent;transition:box-shadow 0s,background var(--animDurDefault)}.xtrColorInput:before{background:hsl(var(--colorBrandPrimary))!important;opacity:1!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary),background 0s!important}.xtrColorInput i{color:var(--iconColor)!important}.xtrColorInput input{cursor:pointer;text-transform:uppercase}.xtrColorPopper{min-width:200px;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px;background:var(--colorBackgroundPrimary);z-index:9999;transition:all var(--animDurDefault) var(--cubicBezierPrimary);overflow:hidden}.xtrColorPopper .themeScheme{width:100%}.xtrColorPopper .themeScheme .schemeSelector{display:flex;justify-content:center;padding-top:16px}.xtrColorPopper .themeScheme .schemeSelector button{flex-grow:1;border-radius:0;padding:0 8px;filter:unset!important}.xtrColorPopper .themeScheme .schemeSelector button:first-child{border-top-left-radius:24px;border-bottom-left-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button:last-child{border-top-right-radius:24px;border-bottom-right-radius:24px}.xtrColorPopper .themeScheme .schemeSelector button i{height:38px!important}.xtrColorPopper .header{width:100%;display:flex;justify-content:space-between;align-items:center}.xtrColorPopper .header .heading{position:relative;width:100%;max-width:172px;padding-right:16px;display:flex;align-items:flex-start;height:32px}.xtrColorPopper .header .heading h1{position:absolute;width:100%;height:100%;font-size:14px;text-transform:uppercase;line-height:32px;-webkit-user-select:none;user-select:none;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variation-settings:"wdth" 75,"wght" 600;background:var(--colorBackgroundPrimary);animation:slideOutRight .4s ease 1s forwards}.xtrColorPopper .header .heading div{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div h1{position:relative;animation:none}.xtrColorPopper .header .heading div .popperInput{width:100%;outline:none;border:none;background:none;letter-spacing:.8px;text-transform:uppercase;color:hsl(var(--colorBrandPrimary));font-size:14px;padding:0;margin-top:-4px;z-index:2;animation:slideInLeft .4s ease 1s forwards}.xtrColorPopper .header .heading div .popperInput:focus-within{color:hsl(var(--colorBrandPrimary));font-variation-settings:"wdth" 75,"wght" 800}.xtrColorPopper .header.withInput .heading{height:44px}.xtrColorPopper .header i{font-size:small;opacity:0;animation:fadeIn .4s ease 1.1s forwards}.xtrColorPopper hr{width:20%;height:4px;background:var(--colorContentPrimary);border:none;margin:0;opacity:.2;border-radius:9999px}.xtrColorPopper .swatch{width:100%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:8px 12px}.xtrColorPopper .swatch .swatchItem{aspect-ratio:1;border-radius:9999px;cursor:pointer}@keyframes slideInLeft{0%{opacity:0;z-index:1;transform:translate(50px)}to{opacity:1;z-index:2;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;z-index:2;transform:translate(0)}to{opacity:0;z-index:1;transform:translate(-50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{jsxs as e,Fragment as i,jsx as l}from"react/jsx-runtime";import c from"clsx";import{Icon as o}from"gliff";import{createPortal as r}from"react-dom";import{useFilePicker as n}from"use-file-picker";import{I as a}from"./ImageEditor-CRdW3G_G.js";import{B as p}from"./Button-G6cDfQ_2.js";import './FilePicker.css';const s=["jpg","jpeg","png","gif",".bmp","webp","heif","heic"],t={file:"f15b",multimedia:"f86d",image:"f1c5",jpg:"e646",jpeg:"e646",png:"e666",gif:"e645",svg:"e64b",eps:"e644",audio:"f1c7",mp3:"e648",wav:"f478",video:"f1c8",mp4:"e649",mov:"e647",pdf:"f1c1",doc:"e5ed",docx:"e5ed",xls:"e64d",xlsx:"e64d",ppt:"e64a",pptx:"e64a",csv:"f6dd",html:"f1c9",zip:"e5ee",rar:"f1c6","7z":"f1c6"},d=(e="")=>{if(e.includes(",")&&e.includes("/")){let i=0;if(e.split(",").map(e=>e.split("/")?.[0]).forEach(e=>{e in t&&i++}),i>0)return t.multimedia}if(e.includes("/")){const[i,l]=e.split("/");if(l in t)return t[l];if(i in t)return t[i]}const i=e.includes(",")?e.split(",")?.[0]?.replace(".",""):e.replace(".","");return i in t?t[i]:t.file},f=t=>{const{className:f,children:m,draggable:u=!1,editable:g=!1,multiple:b=!1,accept:h="*/*",onChange:F}=t,x=g&&!b&&(h.includes("image")||s.includes(h?.split?.(",")?.[0]?.replace(".",""))),{openFilePicker:j,loading:k,plainFiles:v,clear:C}=n({accept:h,multiple:b,onFilesSuccessfullySelected:({plainFiles:e})=>{x||F(e)}}),y=c("xtrFilePicker",m&&"wrapper",u&&"draggable",f);return m?/* @__PURE__ */e(i,{children:[
|
|
2
|
+
/* @__PURE__ */l("div",{className:y,onClick:j,children:m}),x&&v?.[0]&&r(
|
|
3
|
+
/* @__PURE__ */l(a,{file:v?.[0],clearFile:C,onChange:e=>F(e.blob?[e.blob]:[])}),document.body)]}):u?/* @__PURE__ */e("div",{className:y,onClick:j,children:[
|
|
4
|
+
/* @__PURE__ */l(o,{code:"f0ed",type:"duotone",size:64}),
|
|
5
|
+
/* @__PURE__ */e("h2",{children:["Drop File",b?"s":""," Here"]}),
|
|
6
|
+
/* @__PURE__ */l("p",{children:"or click here to open file chooser"})]}):/* @__PURE__ */e(i,{children:[
|
|
7
|
+
/* @__PURE__ */l(p,{className:y,label:"Choose File"+(b?"s":""),icon:d(h),onClick:j,loading:k}),x&&v?.[0]&&r(
|
|
8
|
+
/* @__PURE__ */l(a,{file:v?.[0],clearFile:C,onChange:e=>F(e.blob?[e.blob]:[])}),document.body)]})};export{f as F,t as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrFilePicker{position:relative}.xtrFilePicker.draggable{width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px dotted var(--colorContentTertiary);border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:32px;transition:all .2s ease-out}.xtrFilePicker.draggable>i{margin-bottom:12px}.xtrFilePicker.draggable>h2{margin:0 0 4px;font-variation-settings:"wdth" 75,"wght" 200}.xtrFilePicker.draggable>p{margin:0;font-size:14px;font-variation-settings:"wdth" 75,"wght" 300}.xtrFilePicker.draggable:hover{background:hsl(var(--colorBrandPrimary)/10%);border-color:hsl(var(--colorBrandPrimary)/50%)}.xtrFilePicker.draggable:hover>i{color:hsl(var(--colorBrandPrimary)/100%);transform:scale(1.05)}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useState as a,useCallback as r,useEffect as t}from"react";import i from"clsx";import{Icon as n}from"gliff";import c from"react-easy-crop";import{S as s}from"./Spinner-Bbm68b3W.js";import{r as l,g as m,a as p}from"./imageHelper-B5X4pOcS.js";import './ImageEditor.css';const d=d=>{const{className:f,file:g,clearFile:h,minImageSize:C,cropShape:y="round",aspect:u=1,zoomSpeed:x=1,onChange:S}=d,[k,v]=a(),[w,z]=a(!0),[I,j]=a(1),[N,b]=a({x:0,y:0}),[M,$]=a(0),[E,F]=a(),H=i("xtrImageEditor",f),L=r(()=>{v(void 0),b({x:0,y:0}),j(1),$(0),F(void 0),h?.(),z(!0)},[h]);return t(()=>{(async()=>{if(!g)return;const o=await l(g),e=await m(o);if(C&&Math.min(e.width,e.height)<C)return L(),console.log(`Image should be at least ${C}x${C}`);v(o)})()},[L,g,C]),g?/* @__PURE__ */o("div",{className:H,children:[
|
|
2
|
+
/* @__PURE__ */e(c,{image:k,onMediaLoaded:()=>z(!1),cropShape:y,aspect:u,zoom:I,zoomSpeed:x,onZoomChange:j,rotation:M,onRotationChange:$,crop:N,onCropChange:b,onCropComplete:(o,e)=>F(e)}),
|
|
3
|
+
/* @__PURE__ */o("div",{className:"editorControls",children:[
|
|
4
|
+
/* @__PURE__ */e(n,{code:"f00d",type:"solid",onClick:L}),
|
|
5
|
+
/* @__PURE__ */e(n,{code:"f2ea",type:"solid",onClick:()=>$(o=>o-90)}),
|
|
6
|
+
/* @__PURE__ */e(n,{code:"f2f9",type:"solid",onClick:()=>$(o=>o+90)}),
|
|
7
|
+
/* @__PURE__ */e(n,{code:"f00c",type:"solid",onClick:async()=>{try{const o=await p(k,E,M);o&&S(o)}catch(o){console.error(o)}L()}})]}),w&&/* @__PURE__ */e(s,{fullpage:!0})]}):null};export{d as I};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrImageEditor{position:fixed;inset:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.xtrImageEditor .editorControls{position:absolute;bottom:20px;padding:8px;background-color:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;border-radius:9999px;align-items:center;gap:8px}.xtrImageEditor .editorControls .xIcon{padding:24px;border:1px solid rgba(255,255,255,.1333333333);color:#fffd}.xtrImageEditor .editorControls .xIcon:hover{border:1px solid hsl(var(--colorBrandPrimary)/75%);color:#fff}.xtrImageEditor .xtrSpinner{position:absolute}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as i,useEffect as o}from"react";import t from"clsx";import{Icon as n}from"gliff";import './Navigation.css';const s=a((a,s)=>{const{className:c,children:l,hrefPropName:m="href",routes:h=[],pathname:f="",as:d="a"}=a,[p,N]=i("/"),u=t("xtrNavigation",c);return o(()=>{p===f&&N("/")},[p,f]),/* @__PURE__ */e("nav",{ref:s,className:u,role:"navigation",children:[
|
|
2
|
+
/* @__PURE__ */r("div",{className:"brand",children:l}),
|
|
3
|
+
/* @__PURE__ */r("div",{className:"routeList",children:h.map((a,i)=>/* @__PURE__ */e(d,{className:t("route",a?.href===p&&"loading",a?.href===f&&"active"),[m]:a?.href,onClick:()=>{setTimeout(()=>{p!==f&&N(a?.href)},150)},children:[a?.icon&&/* @__PURE__ */r(n,{code:a?.icon,type:a?.href===f?"duotone":"light"}),
|
|
4
|
+
/* @__PURE__ */r("span",{className:"label",children:a?.name})]},`route-${a?.href}-${i}`))})]})});s.displayName="Navigation";export{s as N};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrNavigation{--animDurFast: .4s;--borderRadius: 30px;width:250px;height:100%;display:flex;flex-direction:column;padding:16px 0 28px}.xtrNavigation .brand{font-size:32px;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;color:var(--colorContentPrimary);cursor:pointer}.xtrNavigation .routeList{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}.xtrNavigation .routeList .route{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:var(--colorContentPrimary);border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transition:all var(--animDurFast) var(--cubicBezierPrimary);-webkit-tap-highlight-color:transparent;overflow:hidden}.xtrNavigation .routeList .route:before{content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:hsl(var(--colorBrandPrimary));z-index:0;border-radius:0;transition:all var(--animDurFast) var(--cubicBezierPrimary),transform .2s ease;overflow:hidden}.xtrNavigation .routeList .route .xIcon{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);transition:all var(--animDurFast) var(--cubicBezierPrimary);color:inherit}.xtrNavigation .routeList .route .label{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;color:inherit;z-index:1;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrNavigation .routeList .route:last-of-type{margin-top:auto}.xtrNavigation .routeList .route:hover:before{transform:translate(calc(4px - 100%))}.xtrNavigation .routeList .route:active .icon{scale:.9}.xtrNavigation .routeList .route:active:before{transform:translate(calc(6px - 100%))}.xtrNavigation .routeList .route.loading{--loaderColor: hsl(var(--colorBrandPrimary) / 50%);background:hsl(var(--colorBrandPrimary)/0%);pointer-events:none}.xtrNavigation .routeList .route.loading:before{content:"";position:absolute;width:150%;height:100%;background:none;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);z-index:2;border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease;animation:barberPole .18s linear infinite}.xtrNavigation .routeList .route.active{color:#fff}.xtrNavigation .routeList .route.active:before{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius);transform:translate(0);transition:all var(--animDurFast) var(--cubicBezierPrimary),transform var(--animDurFast) ease}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import{forwardRef as e}from"react";import s from"clsx";import './ProgressBar.css';const a=e((e,a)=>{const{className:t,progress:m=100,intermediate:o=!1}=e,i=o?150:Math.min(Math.max(m,0),100),c=s("xtrProgressBar",o&&"intermediate",t);/* @__PURE__ */
|
|
2
|
+
return r("div",{ref:a,className:c,role:"progressbar",children:/* @__PURE__ */r("span",{className:"progress",style:{width:`${i}%`}})})});a.displayName="ProgressBar";export{a as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrProgressBar{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}.xtrProgressBar:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}.xtrProgressBar>.progress{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}.xtrProgressBar.intermediate{border-radius:9999px}.xtrProgressBar.intermediate:before{height:100%;background:hsl(var(--colorBrandPrimary))}.xtrProgressBar.intermediate>.progress{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,hsl(var(--colorBrandPrimary)) .5rem,hsl(var(--colorBrandPrimary)) 1.5rem);animation:barberPole .2s infinite linear}@keyframes barberPole{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useId as a,useState as o,useMemo as r}from"react";import i from"clsx";import{Icon as n}from"gliff";import s from"react-select";import{i as t}from"./common-Do6lufjP.js";import './Select.css';function c(c){const{className:m,multi:p=!1,placeholder:u="Select an option",noOptionsMessage:d,icon:f,size:h="default",iconType:g="regular",clearable:S=!0,searchable:x=!0,disabled:b=!1,loading:v=!1,options:N,value:M,onChange:C}=c,O=a(),[I,j]=o(!1),w=r(()=>{if(p){const e=M??[];return N.filter(l=>e.some(e=>t(l.value,e)))}return N.find(e=>t(e.value,M))||null},[p,N,M]),y=i("xtrSelectWrapper",h&&`${h}Size`,p?"multi":"single",f&&"withIcon",!!M&&"withValue",I&&"open",!x&&"noSearch",m);/* @__PURE__ */
|
|
2
|
+
return e("div",{className:y,children:[
|
|
3
|
+
/* @__PURE__ */l(s,{className:"xtrSelect",classNamePrefix:"xtrSelect",id:O,isMulti:p,menuIsOpen:I,onMenuOpen:()=>j(!0),onMenuClose:()=>j(!1),noOptionsMessage:d,placeholder:u,isClearable:S,isSearchable:x,isDisabled:b,isLoading:v,options:N,value:w,onChange:e=>{if(p){const l=e?.map(e=>e.value)??[];C(l)}else{C(e?.value??null)}}}),u&&!p&&/* @__PURE__ */l("label",{className:"placeholder",htmlFor:O,children:u}),f&&/* @__PURE__ */l(n,{className:"xtrSelectIcon",code:f,type:g})]})}export{c as S};
|
package/dist/Select.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrSelectWrapper{position:relative;display:flex;width:auto;align-items:center}.xtrSelectWrapper .xtrSelect{width:auto;position:relative}.xtrSelectWrapper .xtrSelect__control{min-width:250px;width:auto;position:relative;background:var(--colorBackgroundSecondary)!important;border:none!important;padding:0 8px 0 22px!important;border-radius:22px!important;box-shadow:0 0 0 0 var(--colorBackgroundSecondary)!important;transition:all var(--animDurDefault) var(--cubicBezierPrimary)!important}.xtrSelectWrapper .xtrSelect__control:before{content:"";position:absolute;left:0;display:block;width:100%;height:100%;background:var(--colorContentSecondary);clip-path:circle(0% at 22px);border-radius:9999px;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper .xtrSelect__value-container{padding:16px 16px 2px 0!important;font-size:14px}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi{padding:9px 0!important}.xtrSelectWrapper .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{margin-left:-10px}.xtrSelectWrapper .xtrSelect__multi-value{background:var(--colorBackgroundTertiary)!important;border-radius:9999px!important;overflow:hidden!important}.xtrSelectWrapper .xtrSelect__multi-value__label{padding:3px 6px 3px 8px!important;color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__multi-value__remove{color:var(--colorContentPrimary)!important;padding:0 8px 0 2px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__multi-value__remove:hover{background:hsl(var(--colorAlertError)/50%)!important}.xtrSelectWrapper .xtrSelect__indicator-separator{display:none}.xtrSelectWrapper .xtrSelect__indicator{cursor:pointer}.xtrSelectWrapper .xtrSelect__single-value,.xtrSelectWrapper .xtrSelect__input{color:var(--colorContentPrimary)!important}.xtrSelectWrapper .xtrSelect__menu{background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important;border-radius:4px 4px 22px 22px!important;margin-top:10px!important;overflow:hidden!important;animation:showDropDown .2s ease-out forwards;z-index:100}.xtrSelectWrapper .xtrSelect__menu-list{padding:0!important}.xtrSelectWrapper .xtrSelect__option{padding:12px 24px!important;cursor:pointer!important}.xtrSelectWrapper .xtrSelect__option--is-focused{color:#fff!important;background:hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper .xtrSelect__option--is-selected{color:#fff!important;background:hsl(var(--colorBrandPrimary))!important}.xtrSelectWrapper .xtrSelect--is-disabled{opacity:.5!important}.xtrSelectWrapper .xtrSelectIcon{position:absolute;left:0;width:44px;height:44px;font-size:16px;color:var(--colorContentPrimary)}.xtrSelectWrapper .placeholder{position:absolute;left:18px;font-size:14px;color:var(--colorContentSecondary);transform-origin:0 50%;pointer-events:none;margin:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSelectWrapper.single .xtrSelect__placeholder{opacity:0}.xtrSelectWrapper.open .xtrSelect__control:before,.xtrSelectWrapper.withValue .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .placeholder,.xtrSelectWrapper.withValue .placeholder{transform:translate(8px,-12px);scale:.75;font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%)}.xtrSelectWrapper.withIcon .xtrSelect__control{padding:0 8px 0 48px!important}.xtrSelectWrapper.withIcon .xtrSelect__control:before{clip-path:circle(17px at 22px);opacity:.4}.xtrSelectWrapper.withIcon .xtrSelect__control--menu-is-open:before{clip-path:circle(19px at 22px);opacity:.8}.xtrSelectWrapper.withIcon .xtrSelect__value-container.xtrSelect__value-container--is-multi.xtrSelect__value-container--has-value{padding-left:10px!important}.xtrSelectWrapper.withIcon .input{padding-left:48px}.xtrSelectWrapper.withIcon .placeholder{transform:translate(30px)}.xtrSelectWrapper.withIcon.withValue .placeholder,.xtrSelectWrapper.withIcon.open .placeholder{transform:translate(42px,-12px)}.xtrSelectWrapper.open .xtrSelect__control{border-radius:22px 22px 4px 4px!important;background:var(--colorBackgroundPrimary)!important;box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%)!important}.xtrSelectWrapper.open .xtrSelect__control:before{background:hsl(var(--colorBrandPrimary))}.xtrSelectWrapper.open .xtrSelectIcon{color:#fff;font-weight:900}.xtrSelectWrapper.miniSize{width:auto}.xtrSelectWrapper.miniSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.miniSize .xtrSelect__control{min-width:100px;width:auto;height:32px;min-height:32px;padding:0 8px 0 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__control:before{clip-path:circle(12px at 16px)}.xtrSelectWrapper.miniSize .xtrSelect__value-container{padding:12px 16px 2px 0!important;font-size:11px}.xtrSelectWrapper.miniSize .xtrSelect__menu{margin-top:6px!important;border-radius:4px 4px 16px 16px!important}.xtrSelectWrapper.miniSize .xtrSelect__option{padding:8px 24px!important;font-size:12px}.xtrSelectWrapper.miniSize .xtrSelect__indicator svg{width:16px;height:16px}.xtrSelectWrapper.miniSize .xtrSelect__menu-list{max-height:220px}.xtrSelectWrapper.miniSize .xtrSelectIcon{width:31px;height:31px;font-size:12px}.xtrSelectWrapper.miniSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:12px;transform:translate(0)}.xtrSelectWrapper.miniSize.withIcon .xtrSelect__control{padding:0 8px 0 36px!important}.xtrSelectWrapper.miniSize.withIcon .placeholder{transform:translate(20px)}.xtrSelectWrapper.miniSize.open .xtrSelect__control{border-radius:16px 16px 4px 4px!important}.xtrSelectWrapper.miniSize.open .xtrSelect__control:before{clip-path:circle(14px at 16px)}.xtrSelectWrapper.miniSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.miniSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(2px,-10px)}.xtrSelectWrapper.miniSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.miniSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(28px,-10px)}.xtrSelectWrapper.largeSize{width:auto}.xtrSelectWrapper.largeSize .xtrSelect{width:auto;position:relative}.xtrSelectWrapper.largeSize .xtrSelect__control{min-width:300px;width:auto;height:60px;min-height:60px;border-radius:30px!important;padding:0 12px 0 24px!important}.xtrSelectWrapper.largeSize .xtrSelect__control:before{clip-path:circle(24px at 30px)}.xtrSelectWrapper.largeSize .xtrSelect__value-container{font-size:22px;padding:18px 16px 0 0!important}.xtrSelectWrapper.largeSize .xtrSelect__option{padding:18px 24px!important;font-size:20px}.xtrSelectWrapper.largeSize .xtrSelect__indicator svg{width:24px;height:24px}.xtrSelectWrapper.largeSize .xtrSelect__menu-list{max-height:420px}.xtrSelectWrapper.largeSize .xtrSelectIcon{width:60px;height:60px;font-size:22px}.xtrSelectWrapper.largeSize .placeholder{font-variation-settings:"wdth" 75,"wght" 500;scale:1;font-size:20px;transform:translate(8px)}.xtrSelectWrapper.largeSize.withIcon .xtrSelect__control{padding:0 8px 0 64px!important}.xtrSelectWrapper.largeSize.withIcon .placeholder{transform:translate(50px)}.xtrSelectWrapper.largeSize.open .xtrSelect__control{border-radius:30px 30px 4px 4px!important}.xtrSelectWrapper.largeSize.open .xtrSelect__control:before{clip-path:circle(26px at 30px)}.xtrSelectWrapper.largeSize.open:not(.noSearch) .placeholder,.xtrSelectWrapper.largeSize.withValue .placeholder{font-variation-settings:"wdth" 75,"wght" 600;scale:.75!important;transform:translate(12px,-18px)}.xtrSelectWrapper.largeSize.open:not(.noSearch).withIcon .placeholder,.xtrSelectWrapper.largeSize.withValue.withIcon .placeholder{scale:.75!important;transform:translate(66px,-18px)}.xtrSelectWrapper.noSearch *{cursor:pointer}@keyframes showDropDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.xtrSelectWrapper:not(.open) .xtrSelect__input{caret-color:transparent}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{forwardRef as r,useRef as t}from"react";import n from"clsx";import{u as d}from"./useContext-Dd-uQWg7.js";import './Sider.css';const l=r((r,l)=>{const{className:s,children:c,leftSider:o,showMiniLeftSider:a=!0,rightSider:m,showMiniRightSider:h=!1}=r,{siderMode:f}=d(),S=t(null),p=t(null),g=n("xtrSider","left"===f&&o&&"leftOpen",a&&"miniLeftSider","right"===f&&m&&"rightOpen",h&&"miniRightSider",s);/* @__PURE__ */
|
|
2
|
+
return e("main",{ref:l,className:g,style:{"--leftSiderWidth":`${S?.current?.clientWidth}px`,"--rightSiderWidth":`${p?.current?.clientWidth}px`},role:"region",children:[
|
|
3
|
+
/* @__PURE__ */i("div",{ref:S,className:"leftSiderContainer",children:o}),
|
|
4
|
+
/* @__PURE__ */i("div",{ref:p,className:"rightSiderContainer",children:m}),
|
|
5
|
+
/* @__PURE__ */i("div",{className:"content",children:c})]})});l.displayName="Sider";export{l as S};
|
package/dist/Sider.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrSider{--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;--siderWidthMini: 60px;width:100%;height:100%;background:var(--colorBackgroundSecondary);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:all var(--animDurDefault) ease}.xtrSider .leftSiderContainer{position:fixed;left:0;width:auto;height:100%;z-index:0;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider .rightSiderContainer{position:fixed;right:0;width:auto;height:100%;z-index:1;transition:transform var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider .content{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrSider.miniLeftSider{--paddingLeft: var(--siderWidthMini)}.xtrSider.miniLeftSider .content{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}.xtrSider.miniRightSider{--paddingRight: var(--siderWidthMini)}.xtrSider.miniRightSider .content{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}.xtrSider.leftOpen{--transform: translateX(calc(32px + var(--leftSiderWidth) - var(--paddingLeft)))}.xtrSider.leftOpen .rightSiderContainer{transform:var(--transform);pointer-events:none}.xtrSider.leftOpen .content{border-radius:36px;transform:var(--transform);transform-origin:left center;scale:.95}.xtrSider.rightOpen{--transform: translateX(calc((32px + var(--rightSiderWidth) - var(--paddingRight)) * -1))}.xtrSider.rightOpen .leftSiderContainer{transform:var(--transform);pointer-events:none}.xtrSider.rightOpen .content{border-radius:36px;transform:var(--transform);transform-origin:right center;scale:.95}@media(max-width:512px){.xtrSider.miniLeftSider{--paddingLeft: 0px !important}.xtrSider:not(.leftOpen) .content{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xtrSider.rightOpen{--transform: translateX(calc((32px + 100vh - var(--paddingRight)) * -1))}.xtrSider.miniRightSider{--paddingRight: 0px !important}.xtrSider:not(.rightOpen) .content{border-top-right-radius:0!important;border-bottom-right-radius:0!important}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as o}from"react";import a from"clsx";import{Icon as s}from"gliff";import{B as t}from"./Button-G6cDfQ_2.js";import{u as c}from"./useContext-Dd-uQWg7.js";import './SiderModal.css';const i=o((o,i)=>{const{className:m,children:l,title:d,icon:n,primaryButtonProps:p={},secondaryButtonProps:N={}}=o,{setSiderMode:f}=c(),y=a("xtrSiderModal",m);/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:i,className:y,role:"dialog",children:[
|
|
3
|
+
/* @__PURE__ */e("div",{className:"header",children:[
|
|
4
|
+
/* @__PURE__ */r(t,{className:"back",icon:"f053",onClick:()=>f("closed")}),n&&/* @__PURE__ */r(s,{code:n,type:"duotone"}),
|
|
5
|
+
/* @__PURE__ */r("p",{className:"title",children:d})]}),
|
|
6
|
+
/* @__PURE__ */r("div",{className:"body",children:l}),
|
|
7
|
+
/* @__PURE__ */e("div",{className:"footer",children:[
|
|
8
|
+
/* @__PURE__ */r(t,{type:"primary",...p,className:a("primaryButton",p?.className)}),
|
|
9
|
+
/* @__PURE__ */r(t,{type:"secondary",...N,className:a("secondaryButton",N?.className)})]})]})});i.displayName="SiderModal";export{i as S};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrSiderModal{width:fit-content;height:100%;min-width:300px;display:flex;flex-direction:column}.xtrSiderModal .header{width:100%;height:100px;display:flex;align-items:center;padding:0 24px;gap:24px}.xtrSiderModal .header .back{border-top-left-radius:0;border-bottom-left-radius:0;display:none}.xtrSiderModal .header .xIcon,.xtrSiderModal .header .title{font-size:x-large;font-variation-settings:"wdth" 75,"wght" 400;color:var(--colorContentPrimary);margin:0;-webkit-user-select:none;user-select:none}.xtrSiderModal .footer{width:100%;height:100px;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 24px}.xtrSiderModal .body{flex:1;padding:16px 0;overflow-y:auto;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}@media(max-width:512px){.xtrSiderModal .header{padding:0 24px 0 0}.xtrSiderModal .header .back{display:flex}.xtrSiderModal .body{width:100vw}}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as s}from"react";import r from"clsx";import './Spinner.css';var l=/* @__PURE__ */(e=>(e[e.mini=64]="mini",e[e.default=96]="default",e[e.large=128]="large",e))(l||{});const c=s((s,c)=>{const{className:n,label:p,size:i="default",fullpage:m=!1}=s,t=`${"number"==typeof i?i:l[i]}px`,u=r("xtrSpinner",m&&"fullpage",n);/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:c,className:u,style:{"--spinnerSize":t},role:"progressbar",children:[
|
|
3
|
+
/* @__PURE__ */e("div",{className:"spinnerWrapper",children:[
|
|
4
|
+
/* @__PURE__ */a("div",{className:"cubeTop"}),
|
|
5
|
+
/* @__PURE__ */e("div",{className:"cubeWrapper",children:[
|
|
6
|
+
/* @__PURE__ */a("span",{className:"cubeFace"}),
|
|
7
|
+
/* @__PURE__ */a("span",{className:"cubeFace"}),
|
|
8
|
+
/* @__PURE__ */a("span",{className:"cubeFace"}),
|
|
9
|
+
/* @__PURE__ */a("span",{className:"cubeFace"})]})]}),m&&/* @__PURE__ */a("span",{className:"label",children:p})]})});c.displayName="Spinner";export{l as E,c as S};
|
package/dist/Spinner.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrSpinner{--spinnerSize: 64px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);--spinnerShadowSize: calc(var(--spinnerSize) / 20);--spinnerTopColor: 0 0% 20%;position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:flex;justify-content:center;align-items:center;flex-direction:column}.xtrSpinner.fullpage{width:100%;height:100%}.xtrSpinner .label{position:absolute;bottom:50%;font-variation-settings:"wdth" 75,"wght" 500;font-size:calc(8px + var(--spinnerSize) / 18);color:var(--colorContentPrimary);transform:translateY(calc(5px + var(--spinnerSize) / 1.6))}.xtrSpinner .spinnerWrapper{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:spinner .8s linear infinite}.xtrSpinner .spinnerWrapper .cubeTop{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--spinnerTopColor));transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeTop:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(var(--colorBrandPrimary)/80%);transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(var(--spinnerShadowSize));box-shadow:0 0 var(--spinnerShadowSize) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 2) hsl(var(--colorBrandPrimary)),0 0 calc(var(--spinnerShadowSize) * 3) hsl(var(--spinnerTopColor)),0 0 calc(var(--spinnerShadowSize) * 4) hsl(var(--colorBrandPrimary))}.xtrSpinner .spinnerWrapper .cubeWrapper{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace{position:absolute;width:100%;height:100%;background:#fff;transition:all var(--animDurFast) var(--cubicBezierPrimary)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:before{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--colorBrandPrimary)/100%),hsl(var(--colorBrandPrimary)/40%))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:after{content:"";position:absolute;top:0;display:block;width:100%;height:100%;background:linear-gradient(to bottom,hsl(var(--spinnerTopColor)/100%) 0%,hsl(var(--spinnerTopColor)/40%) 5%,hsl(var(--spinnerTopColor)/10%) 10%,transparent 100%)}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}.xtrSpinner .spinnerWrapper .cubeWrapper .cubeFace:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes spinner{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as a,useId as n,useMemo as t}from"react";import r from"clsx";import{Icon as l}from"gliff";import './Textfield.css';const s=a((a,s)=>{const{className:c,style:p,type:u="text",textarea:i,placeholder:m,autoComplete:d="off",active:h,autoFocus:y,icon:f,iconType:x="regular",value:b,onChange:v,onFocus:g,onBlur:w,onKeyUp:C,onKeyDown:F,onEnterKey:K}=a,N=n(),E=a.id??N,T=t(()=>!0===i?null:f||("number"===u?"23":"search"===u?"f002":"password"===u?"f30d":void 0),[i,f,u]),B=t(()=>m||("number"===u?"Enter a number":"search"===u?"Search":"password"===u?"Enter password":"phone"===u?"Enter phone number":void 0),[m,u]),D=t(()=>"phone"===u?"number":u,[u]),U=e=>{C?.(e)},k=e=>{"Enter"===e.key&&K?.(e),F?.(e)},I=r("xtrTextfield",T&&"withIcon",i&&"textarea",b&&"hasValue","phone"===u&&"phone",h&&"active",c);/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:s,className:I,role:"textbox",style:p,children:[
|
|
3
|
+
/* @__PURE__ */o("label",{className:"placeholder",htmlFor:E,children:B}),T&&!i&&/* @__PURE__ */o(l,{code:T,type:x}),"phone"===u&&/* @__PURE__ */e("div",{className:"dialCode",children:[
|
|
4
|
+
/* @__PURE__ */o("span",{style:{backgroundImage:"url(https://flagcdn.com/in.svg)"}}),
|
|
5
|
+
/* @__PURE__ */o("p",{children:"+91"})]}),i?/* @__PURE__ */o("textarea",{className:"input",id:E,autoFocus:y,autoComplete:d,value:b,onChange:v,onFocus:g,onBlur:w,onKeyUp:U,onKeyDown:k,"aria-label":B}):/* @__PURE__ */o("input",{className:"input",id:E,type:D,autoFocus:y,autoComplete:d,value:b,onChange:v,onFocus:g,onBlur:w,onKeyUp:U,onKeyDown:k,"aria-label":B})]})});s.displayName="Textfield";export{s as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrTextfield{--fontSize: 14px;--primaryColor: var(--colorBackgroundSecondary);--secondaryColor: var(--colorBackgroundPrimary);position:relative;width:300px;display:flex;justify-content:center;align-items:center;border-radius:22px;box-shadow:0 0 0 1px hsl(var(--colorBrandPrimary)/50%);background:var(--primaryColor);color:hsl(var(--colorContentPrimary));transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield:before{content:"";position:absolute;display:block;width:100%;height:100%;background:hsl(var(--colorBrandPrimary));clip-path:circle(0% at 22px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .xIcon{position:absolute;left:0;width:44px;height:44px;font-size:calc(var(--fontSize) + 2px);color:hsl(var(--colorBrandPrimary)/100%);pointer-events:none;transition:all 0s}.xtrTextfield .dialCode{position:absolute;left:0;display:flex;align-items:center;gap:4px}.xtrTextfield .dialCode span{display:flex;width:44px;height:44px;background-size:cover;background-position:center;border-radius:9999px;scale:.8}.xtrTextfield .dialCode p{margin:0;font-size:var(--fontSize);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input{width:100%;outline:none;border:none;background:transparent;padding:20px 22px 6px;line-height:18px;z-index:1;font-size:var(--fontSize);font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield .input[type=number]::-webkit-inner-spin-button,.xtrTextfield .input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.xtrTextfield .input[type=number]{appearance:textfield}.xtrTextfield .placeholder{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);translate:16px 0;transform-origin:0 50%;font-size:var(--fontSize);line-height:20px;padding:0 8px;z-index:2;pointer-events:none;transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrTextfield.withIcon:before{clip-path:circle(16px at 22px 50%);opacity:.4}.xtrTextfield.withIcon .input{padding-left:48px}.xtrTextfield.withIcon .placeholder{translate:40px 0}.xtrTextfield.textarea .input{height:200px;padding:0 22px;margin:26px 0 8px;resize:none}.xtrTextfield.textarea .placeholder{top:0;translate:16px 20px}.xtrTextfield.phone .input{padding-left:74px}.xtrTextfield.phone .placeholder{translate:68px 0}.xtrTextfield.hasValue .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield.hasValue .placeholder:before{scale:1}.xtrTextfield.hasValue.withIcon .placeholder,.xtrTextfield.hasValue.phone .placeholder{translate:42px -9px}.xtrTextfield.hasValue.phone .dialCode p{margin-top:14px}.xtrTextfield.hasValue.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within,.xtrTextfield.active{box-shadow:0 0 0 2px hsl(var(--colorBrandPrimary)/50%);background:var(--secondaryColor)}.xtrTextfield:focus-within .placeholder,.xtrTextfield.active .placeholder{font-variation-settings:"wdth" 75,"wght" 700;color:hsl(var(--colorBrandPrimary)/100%);translate:16px -9px;scale:.75}.xtrTextfield:focus-within .placeholder:before,.xtrTextfield.active .placeholder:before{scale:1}.xtrTextfield:focus-within.withIcon .placeholder,.xtrTextfield.active.withIcon .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .placeholder,.xtrTextfield.active.phone .placeholder{translate:42px -9px}.xtrTextfield:focus-within.phone .dialCode p,.xtrTextfield.active.phone .dialCode p{margin-top:14px}.xtrTextfield:focus-within.textarea .placeholder,.xtrTextfield.active.textarea .placeholder{translate:16px 8px}.xtrTextfield:focus-within.withIcon:before,.xtrTextfield.active.withIcon:before{clip-path:circle(18px at 22px 50%);opacity:.8}.xtrTextfield:focus-within.withIcon .xIcon,.xtrTextfield.active.withIcon .xIcon{color:#fff;font-weight:900}.xtrTextfield:focus-within .input,.xtrTextfield.active .input{cursor:text!important}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as m}from"react";import a from"clsx";import{Icon as i}from"gliff";import{A as s}from"./ActionCard-Dbpat8bm.js";import{B as r}from"./Button-G6cDfQ_2.js";import{a as t}from"./useContext-Dd-uQWg7.js";import{u as l}from"./useScreen-hc-uEMYs.js";import{i as c}from"./common-Do6lufjP.js";import{T as n,a as h}from"./theme-BBSThvgw.js";import"color-namer";import"colord";import{T as d}from"./ThemeSelect-Chl18N7X.js";import './ThemePicker.css';const p=Object.values(h),f=m((m,h)=>{const{className:f}=m,{themeScheme:N,setThemeScheme:v,themeColor:S,setThemeColor:u}=t(),T=l({smallMobile:325,mobile:420,tablet:640}),g=a("xtrThemePicker",f);/* @__PURE__ */
|
|
2
|
+
return e("div",{ref:h,className:g,role:"region",children:[
|
|
3
|
+
/* @__PURE__ */o("div",{className:"themeSchemes",role:"radiogroup",children:n.map(({name:m,icon:r},t)=>/* @__PURE__ */e(s,{className:a("themeSchemeItem",m,N===m&&"active"),onClick:()=>v(m),children:[
|
|
4
|
+
/* @__PURE__ */e("div",{className:"design",children:[
|
|
5
|
+
/* @__PURE__ */o("div",{className:"navigation",children:Array.from({length:6},(e,a)=>/* @__PURE__ */o("div",{className:"navigationItem"},`ThemeScheme-${m}-navigation-${a}`))}),
|
|
6
|
+
/* @__PURE__ */e("div",{className:"content",children:[
|
|
7
|
+
/* @__PURE__ */o("div",{className:"header"}),
|
|
8
|
+
/* @__PURE__ */o("div",{className:"profile"})]})]}),
|
|
9
|
+
/* @__PURE__ */e("div",{className:"footer",children:[
|
|
10
|
+
/* @__PURE__ */o(i,{className:"footerIcon",code:N===m?"f058":r,type:"solid"}),
|
|
11
|
+
/* @__PURE__ */o("span",{className:"footerLabel",children:m})]})]},`ThemeScheme-${m}-${t}`))}),
|
|
12
|
+
/* @__PURE__ */e("div",{className:"swatches",role:"radiogroup",children:[p.map((e,m)=>/* @__PURE__ */o(r,{className:"swatchItem",size:T.isLargest?"default":"mini",icon:"f00c",iconType:"solid",style:{"--themeColor":`${e.h} ${e.s}% ${e.l}%`,color:c(e,S)?"white":"transparent"},onClick:()=>u(e)},`ThemeColor-${e.h}${e.s}${e.l}-${m}`)),
|
|
13
|
+
/* @__PURE__ */o(d,{withScheme:T.isSmallMobile,withSwatch:T.isSmallMobile,input:T.isLargest||T.isSmallMobile?"textfield":"buttonLabel"})]})]})});f.displayName="ThemePicker";export{f as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrThemePicker{container-type:inline-size;--schemeSize: 190px;--schemeGap: calc(var(--schemeSize) / 8);--globalTertiaryColor: var(--colorBackgroundTertiary);position:relative;width:100%;max-width:100%;display:flex;flex-direction:column}.xtrThemePicker .themeSchemes{width:fit-content;display:flex;gap:calc(var(--schemeGap) / 1.2)}.xtrThemePicker .themeSchemes *{transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem{--rippleShadowColor: var(--globalTertiaryColor);--cardBorderRadius: calc(var(--schemeGap) / 2);position:relative;width:var(--schemeSize);height:calc(var(--schemeSize) * .8);background:var(--colorBackgroundSecondary);-webkit-user-select:none;user-select:none;border:2px solid var(--colorBackgroundTertiary);cursor:pointer;transition:all var(--animDurDefault) var(--cubicBezierPrimary),box-shadow var(--animDurDefault) linear}@media(prefers-color-scheme:light){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}}@media(prefers-color-scheme:dark){.xtrThemePicker .themeSchemes .themeSchemeItem.auto{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}}.xtrThemePicker .themeSchemes .themeSchemeItem.light{color-scheme:light;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #b4b4b4;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #DDD;--colorBackgroundTertiary: #AAA}.xtrThemePicker .themeSchemes .themeSchemeItem.dark{color-scheme:dark;--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}.xtrThemePicker .themeSchemes .themeSchemeItem .design{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation{position:absolute;top:0;left:0;width:25%;height:100%;display:flex;flex-direction:column;gap:calc(var(--schemeGap) / 6);padding:calc(var(--schemeGap) / 2.4) 0;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem{width:100%;height:calc(var(--schemeGap) / 6);background:#000;opacity:.2}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:first-child{margin-top:10px;background:#fff}.xtrThemePicker .themeSchemes .themeSchemeItem .design .navigation .navigationItem:last-child{margin-top:auto}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content{position:absolute;top:0;left:4%;width:96%;height:100%;border-top-left-radius:calc(var(--schemeGap) / 2);border-bottom-left-radius:calc(var(--schemeGap) / 2);background:var(--colorBackgroundPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header{position:absolute;top:0;left:0;width:100%;height:calc(var(--schemeGap) / 2)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:before{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 3);display:block;width:calc(var(--schemeGap) / 4);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .header:after{content:"";position:absolute;top:calc(var(--schemeGap) / 3);left:calc(var(--schemeGap) / 1.2);display:block;width:calc(var(--schemeGap) * 2);height:calc(var(--schemeGap) / 4);border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile{position:absolute;top:calc(var(--schemeGap) / 1.1);left:50%;transform:translate(-50%);width:calc(var(--schemeGap));height:calc(var(--schemeGap));border-radius:9999px;background:var(--colorBackgroundTertiary)}.xtrThemePicker .themeSchemes .themeSchemeItem .design .content .profile:before{content:"";position:absolute;top:calc(var(--schemeGap) * 1.2);left:50%;transform:translate(-50%);display:block;width:calc(var(--schemeGap) * 1.5);height:calc(var(--schemeGap) / 8);border-radius:9999px;background:var(--colorBackgroundTertiary);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer{position:absolute;bottom:0;width:100%;display:flex;justify-content:center;align-items:center;color:var(--colorContentPrimary);margin-bottom:calc(var(--schemeGap) / 2);gap:calc(var(--schemeGap) / 3)}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerIcon{font-size:max(10px,var(--schemeGap) / 1.5);text-transform:capitalize;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem .footer .footerLabel{font-size:max(10px,var(--schemeGap) / 1.6);font-variation-settings:"wdth" 75,"wght" 700;text-transform:uppercase;color:inherit}.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content{top:0;left:20%;width:80%}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .navigation .navigationItem,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .navigation .navigationItem{opacity:.3}.xtrThemePicker .themeSchemes .themeSchemeItem.active .design .content .header:before,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .design .content .header:before{background:hsl(var(--colorBrandPrimary))}.xtrThemePicker .themeSchemes .themeSchemeItem.active .footer,.xtrThemePicker .themeSchemes .themeSchemeItem:hover .footer{color:hsl(var(--colorBrandPrimary))}.xtrThemePicker .swatches{position:relative;width:calc(var(--schemeSize) * 3 + var(--schemeGap) * 2 / 1.2);display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:calc(var(--schemeGap) / 1.5);padding:0 4px;margin-top:var(--schemeGap);transition:all var(--animDurDefault) var(--cubicBezierPrimary)}.xtrThemePicker .swatches .xtrThemeSelect,.xtrThemePicker .swatches .xtrColorButton{width:100%!important;grid-column:span 2}.xtrThemePicker .swatches .xtrButton .label{font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:.8px}@container (width < 640px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 130px;--schemeGap: calc(var(--schemeSize) / 8)}}@container (width < 420px){.xtrThemePicker .themeSchemes,.xtrThemePicker .swatches{--schemeSize: 100px;--schemeGap: calc(var(--schemeSize) / 8)}.xtrThemePicker .xtrButton{padding:6px 12px}.xtrThemePicker .xtrButton .xIcon{--iconSize: 14px !important}.xtrThemePicker .xtrButton .label{letter-spacing:unset;font-size:11px}}@container (width < 325px){.xtrThemePicker{--schemeSize: 100px}.xtrThemePicker .themeSchemeItem{display:none}.xtrThemePicker .swatches{width:100%;grid-template-columns:1fr}.xtrThemePicker .swatches>.xtrButton:not(.xtrColorButton){display:none}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import t from"clsx";import{C as m}from"./ColorPopper-vGesdoPl.js";import{a as r}from"./useContext-Dd-uQWg7.js";import{u as s,i}from"./useScreen-hc-uEMYs.js";import{a}from"./theme-BBSThvgw.js";import './ThemeSelect.css';const h=o((o,h)=>{const{className:l,input:c,size:p,withScheme:n=!0,withSwatch:u=!0,withWheel:f=!0}=o,{themeScheme:d,setThemeScheme:S,themeColor:T,setThemeColor:C}=r(),j=s(),x=t("xtrThemeSelect",l);return T&&i(T)?/* @__PURE__ */e(m,{ref:h,className:x,placeholder:"Theme",alpha:!1,hideWheel:!f,swatch:u?Object.values(a):void 0,colorHeading:"Theme Color",schemeHeading:n?"Appearance":void 0,themeScheme:d,input:c||(j.isMobile?"button":"textfield"),size:p||(j.isMobile?"mini":"default"),setThemeScheme:S,color:T,setColor:C}):null});h.displayName="ThemeSelect";export{h as T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrThemeSelect{width:150px}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as a,useMemo as s}from"react";import i from"clsx";import{B as t}from"./Button-G6cDfQ_2.js";import{S as m}from"./Select-uoCUlO9L.js";import{a as r}from"./useContext-Dd-uQWg7.js";import{u as l,i as n,g as c}from"./useScreen-hc-uEMYs.js";import{T as h,a as p}from"./theme-BBSThvgw.js";import './ThemeSwitch.css';const f=Object.entries(p).map(([e,o])=>({label:e.charAt(0).toUpperCase()+e.slice(1),value:o})),d=Object.values(p),T=a((a,p)=>{const{className:T,type:b="secondary",size:u="default",iconType:y="solid"}=a,{themeScheme:x,setThemeScheme:j,themeColor:C,setThemeColor:S}=r(),v=l(),g=s(()=>h[(h.findIndex(e=>e.name===x)+1)%h.length],[x]),N=s(()=>h.find(e=>e.name===x)?.icon??"",[x]),z=s(()=>d[(d.findIndex(e=>e===C)+1)%d.length],[C]),w=i("xtrThemeSwitch",T,!v.isMobile&&"withLabel");return x&&n(C)?/* @__PURE__ */e("div",{ref:p,className:w,children:[
|
|
2
|
+
/* @__PURE__ */o(t,{className:"xtrThemeScheme",type:b,size:u,icon:N,iconType:y,label:v.isMobile?void 0:x,onClick:()=>g.name&&j(g.name)}),v.isLargest?/* @__PURE__ */o(m,{clearable:!1,searchable:!1,size:u,icon:"f53f",iconType:y,placeholder:"Theme",options:f,value:C,onChange:S}):/* @__PURE__ */o(t,{className:"xtrThemeColor",type:"primary",size:u,icon:"f53f",iconType:y,label:v.isMobile?void 0:c(C),onClick:()=>z&&S(z)})]}):null});T.displayName="ThemeSwitch";export{T};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.xtrThemeSwitch{display:flex}.xtrThemeSwitch button i{width:unset!important;aspect-ratio:1.2}.xtrThemeSwitch button.xtrThemeScheme{padding-right:1rem;border-top-right-radius:0;border-bottom-right-radius:0}.xtrThemeSwitch button.xtrThemeColor{padding-left:1rem;border-top-left-radius:0;border-bottom-left-radius:0}.xtrThemeSwitch .xtrSelectWrapper .xtrSelect__control{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.xtrThemeSwitch .xtrSelectWrapper.open .xtrSelect__control{border-top-left-radius:0!important}.xtrThemeSwitch.withLabel i{aspect-ratio:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const e=(e,t)=>"string"==typeof e&&"string"==typeof t?e===t:"object"==typeof e&&"object"==typeof t&&null!==e&&null!==t&&Object.entries(e).every(([e,o])=>t[e]===o);export{e as i};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{A as i,E as o}from"../../ActionCard-Dbpat8bm.js";export{i as ActionCard,o as EActionCardSize};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":"AASA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGA4DjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{A as a,E as r}from"../../Avatar-DOT-ws0p.js";export{a as Avatar,r as EAvatarSize};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":"AAOA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,MAAM,4GAqCjB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{B as t,E as o}from"../../Button-G6cDfQ_2.js";export{t as Button,o as EButtonTypes};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ICON_TYPES } from 'gliff';
|
|
3
3
|
export declare enum EButtonSize {
|
|
4
4
|
mini = "mini",
|
|
5
5
|
default = "default",
|
|
@@ -12,7 +12,7 @@ export interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
|
|
|
12
12
|
size?: keyof typeof EButtonSize;
|
|
13
13
|
loading?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
|
-
iconType?: keyof typeof
|
|
15
|
+
iconType?: keyof typeof ICON_TYPES;
|
|
16
16
|
iconPosition?: 'left' | 'right';
|
|
17
17
|
onClick?: () => void;
|
|
18
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AACD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEhE,oBAAY,YAAY;IACvB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{C as o}from"../../ColorPicker-C3IR_ijV.js";export{o as ColorPicker};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorPopper.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ColorPopper/ColorPopper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoD,GAAG,EAAE,MAAM,OAAO,CAAC;AAyB9E,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAoB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,KAAK,EAAE,QAAQ,EAAoB,MAAM,cAAc,CAAC;AAE/D,iBAAS,gBAAgB,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAC,cAAc,CAAC,2CA+O7G;kBA/OQ,gBAAgB;;;AAiPzB,eAAO,MAAM,WAAW,EAAmC,CAAC,CAAC,SAAS,QAAQ,GAAG,QAAQ,EACxF,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAA;CAAE,KACvD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{C as o}from"../../ColorPopper-vGesdoPl.js";export{o as ColorPopper};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/DatePicker/DatePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAIA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoB3C,eAAO,MAAM,UAAU,GAAI,OAAO,gBAAgB,4CAsCjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{D as e,E as r}from"../../types-DA8XVLaK.js";export{e as DatePicker,r as EDatePickerTypes};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,UAAU,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"FilePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/base/FilePicker/FilePicker.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,gBAAgB,EAAa,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,UAAU,GAAI,OAAO,gBAAgB,4CA2DjD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{F as i,a as e}from"../../FilePicker-D6qHXAU3.js";export{i as FilePicker,e as FilePickerIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,GAAI,OAAO,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ImageEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"AASA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,GAAI,OAAO,iBAAiB,mDAyEnD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{I as o}from"../../ImageEditor-CRdW3G_G.js";export{o as ImageEditor};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/Navigation.tsx"],"names":[],"mappings":"AAKA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAgCrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{N as i}from"../../Navigation-BqPe_bfy.js";export{i as Navigation};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{P as r}from"../../ProgressBar-CpCwJRLJ.js";export{r as ProgressBar};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/Select.tsx"],"names":[],"mappings":"AAQA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAU,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,MAAM,CAAC,CAAC,EAAG,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,2CA+EhD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{S as e}from"../../Select-uoCUlO9L.js";export{e as Select};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ICON_TYPES } from 'gliff';
|
|
3
3
|
export declare enum ESelectSize {
|
|
4
4
|
mini = "mini",
|
|
5
5
|
default = "default",
|
|
@@ -16,7 +16,7 @@ type TCommonProps<T> = {
|
|
|
16
16
|
}) => ReactNode;
|
|
17
17
|
size?: keyof typeof ESelectSize;
|
|
18
18
|
icon?: string;
|
|
19
|
-
iconType?: keyof typeof
|
|
19
|
+
iconType?: keyof typeof ICON_TYPES;
|
|
20
20
|
placeholder?: string;
|
|
21
21
|
clearable?: boolean;
|
|
22
22
|
searchable?: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,oBAAY,WAAW;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,CAAC,CAAA;CAAE,CAAC;AAEpD,KAAK,YAAY,CAAC,CAAC,IAAI;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC9D,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC9C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,KAAK,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,UAAU,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,CAAC,GAAG;IAC7C,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{S as r}from"../../Sider-S8lIHbaD.js";export{r as Sider};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"SiderModal.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/SiderModal/SiderModal.tsx"],"names":[],"mappings":"AASA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,6GAqBrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{S as o}from"../../SiderModal-DeoiKMZn.js";export{o as SiderModal};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{E as i,S as n}from"../../Spinner-Bbm68b3W.js";export{i as ESpinnerSize,n as Spinner};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":"AAMA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":"AAMA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,8GA0GpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{T as e}from"../../Textfield-D8sU99y0.js";export{e as Textfield};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CSSProperties, ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ICON_TYPES } from 'gliff';
|
|
3
3
|
export type TTextfieldProps = {
|
|
4
4
|
className?: string;
|
|
5
5
|
style?: CSSProperties;
|
|
@@ -10,7 +10,7 @@ export type TTextfieldProps = {
|
|
|
10
10
|
autoFocus?: boolean;
|
|
11
11
|
autoComplete?: keyof typeof ETextfieldAutoComplete;
|
|
12
12
|
icon?: string;
|
|
13
|
-
iconType?: keyof typeof
|
|
13
|
+
iconType?: keyof typeof ICON_TYPES;
|
|
14
14
|
value?: string;
|
|
15
15
|
id?: string;
|
|
16
16
|
onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE9E,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,MAAM,eAAe,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,OAAO,sBAAsB,CAAC;IACnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAChF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC9E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC5C,CAAC;AACF,oBAAY,cAAc;IACzB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;CACjB;AAED,oBAAY,sBAAsB;IACjC,KAAK,QAAQ;IACb,IAAI,OAAO;IACX,MAAM,SAAS;IACf,kBAAkB,qBAAqB;IACvC,YAAY,eAAe;IAC3B,iBAAiB,oBAAoB;IACrC,aAAa,gBAAgB;IAC7B,kBAAkB,qBAAqB;IACvC,UAAU,aAAa;IACvB,OAAO,UAAU;IACjB,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,kBAAkB,qBAAqB;IACvC,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,gBAAgB,mBAAmB;IACnC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,gBAAgB,mBAAmB;IACnC,SAAS,YAAY;IACrB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,oBAAoB,uBAAuB;IAC3C,gBAAgB,mBAAmB;IACnC,WAAW,cAAc;IACzB,QAAQ,WAAW;IACnB,cAAc,iBAAiB;IAC/B,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,sBAAsB,yBAAyB;IAC/C,oBAAoB,uBAAuB;IAC3C,UAAU,aAAa;IACvB,MAAM,SAAS;IACf,UAAU,aAAa;IACvB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,KAAK,QAAQ;IACb,kBAAkB,qBAAqB;IACvC,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,WAAW,cAAc;IACzB,eAAe,kBAAkB;CACjC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAcA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ThemePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemePicker/ThemePicker.tsx"],"names":[],"mappings":"AAcA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,WAAW,8GAiEtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{T as e}from"../../ThemePicker-DlxNjxb8.js";export{e as ThemePicker};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{T as e}from"../../ThemeSelect-Chl18N7X.js";export{e as ThemeSelect};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { ICON_TYPES } from 'gliff';
|
|
1
2
|
import { ColorPopperInput, EColorPopperSize } from '../../base/ColorPopper/types';
|
|
2
|
-
import { EIconType } from '../../base/Icon/types';
|
|
3
3
|
export type TThemeSelectProps = {
|
|
4
4
|
className?: string;
|
|
5
5
|
input?: ColorPopperInput;
|
|
@@ -7,6 +7,6 @@ export type TThemeSelectProps = {
|
|
|
7
7
|
withScheme?: boolean;
|
|
8
8
|
withSwatch?: boolean;
|
|
9
9
|
withWheel?: boolean;
|
|
10
|
-
iconType?: keyof typeof
|
|
10
|
+
iconType?: keyof typeof ICON_TYPES;
|
|
11
11
|
};
|
|
12
12
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAExF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;CACnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import '../../index.css';/* empty css */import{T as e}from"../../ThemeSwitch-TsIe8W8K.js";export{e as ThemeSwitch};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ICON_TYPES } from 'gliff';
|
|
2
2
|
import { EButtonSize, EButtonTypes } from '../../base/Button/types';
|
|
3
3
|
export type TThemeSwitchProps = {
|
|
4
4
|
className?: string;
|
|
5
5
|
withLabel?: boolean;
|
|
6
6
|
type?: keyof typeof EButtonTypes;
|
|
7
7
|
size?: keyof typeof EButtonSize;
|
|
8
|
-
iconType?: keyof typeof
|
|
8
|
+
iconType?: keyof typeof ICON_TYPES;
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/ThemeSwitch/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;CACnC,CAAC"}
|