@etus/design-system 2.0.2 → 2.0.3
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/lib/Accordion.css +1 -0
- package/lib/ActionCard.css +1 -0
- package/lib/Alert.css +1 -0
- package/lib/AutoComplete.css +1 -0
- package/lib/Badge.css +1 -0
- package/lib/Breadcrumb.css +1 -0
- package/lib/Button.css +1 -0
- package/lib/Calendar.css +1 -0
- package/lib/Carousel.css +1 -0
- package/lib/Checkbox.css +1 -0
- package/lib/Crop.css +1 -0
- package/lib/DatePicker.css +1 -0
- package/lib/Dropdown.css +1 -1
- package/lib/FileUpload.css +1 -0
- package/lib/Filter.css +1 -0
- package/lib/History.css +1 -0
- package/lib/IconCard.css +1 -0
- package/lib/Image.css +1 -0
- package/lib/MetricCard.css +1 -0
- package/lib/Navbar.css +1 -0
- package/lib/Pagination.css +1 -0
- package/lib/Profile.css +1 -0
- package/lib/ProgressBar.css +1 -0
- package/lib/Radio.css +1 -0
- package/lib/RichTextEditor.css +1 -0
- package/lib/RoundMenu.css +1 -0
- package/lib/Select.css +1 -0
- package/lib/Sidebar.css +1 -0
- package/lib/StatusBadge.css +1 -0
- package/lib/Stepper.css +1 -1
- package/lib/Switch.css +1 -0
- package/lib/Tab.css +1 -0
- package/lib/Table.css +1 -0
- package/lib/TagInput.css +1 -0
- package/lib/TagSelect.css +1 -0
- package/lib/Toggle.css +1 -0
- package/lib/Tree.css +1 -0
- package/lib/assets/Accordion-BFrTxcI9.css +1 -0
- package/lib/assets/Accordion-BLDionAq.js +1 -0
- package/lib/assets/Accordion-CgoVX19v.js +1 -0
- package/lib/assets/ActionCard-BWmyJT_9.js +1 -0
- package/lib/assets/ActionCard-BZb91dIW.css +1 -0
- package/lib/assets/ActionCard-Dnm8wc-V.js +1 -0
- package/lib/assets/Alert-D-09BScY.js +1 -0
- package/lib/assets/Alert-DduoTaDO.css +1 -0
- package/lib/assets/Alert-VaDDaJmV.js +1 -0
- package/lib/assets/AutoComplete-0HbU6b9V.js +1 -0
- package/lib/assets/AutoComplete-C0EjtIQ-.js +1 -0
- package/lib/assets/AutoComplete-DHFGDgEQ.css +1 -0
- package/lib/assets/Badge-GYjsY_3C.css +1 -0
- package/lib/assets/Badge-Te4ff3ej.js +1 -0
- package/lib/assets/Badge-xSUPZkRF.js +1 -0
- package/lib/assets/Breadcrumb-CUVLzPPD.js +1 -0
- package/lib/assets/Breadcrumb-DbGhoBPp.js +1 -0
- package/lib/assets/Breadcrumb-zzZevNgV.css +1 -0
- package/lib/assets/Button-1lnlGEU9.js +1 -0
- package/lib/assets/Button-CrBBrgy5.css +1 -0
- package/lib/assets/Button-PxUMi4c4.js +1 -0
- package/lib/assets/Calendar-CI3EoS57.js +1 -0
- package/lib/assets/Calendar-E1QPtZO1.js +1 -0
- package/lib/assets/Calendar-gS7wEU5v.css +1 -0
- package/lib/assets/Carousel-Cne2rOoP.js +1 -0
- package/lib/assets/Carousel-Dvr9ATv2.css +1 -0
- package/lib/assets/Carousel-iZhiqHr1.js +1 -0
- package/lib/assets/Checkbox-2PgbPjFv.js +1 -0
- package/lib/assets/Checkbox-Cj_gicnB.css +1 -0
- package/lib/assets/Checkbox-yFotY5Bn.js +1 -0
- package/lib/assets/ColorPicker-BsrGOt2x.js +1 -0
- package/lib/assets/ColorPicker-C8kkPONG.js +1 -0
- package/lib/assets/Confirm-D5SQRnzs.js +1 -0
- package/lib/assets/Confirm-D9ue91JY.js +1 -0
- package/lib/assets/Crop-COi25GCt.js +1 -0
- package/lib/assets/Crop-DXU8IEzK.js +1 -0
- package/lib/assets/Crop-WBOMB0XF.css +1 -0
- package/lib/assets/DatePicker-BqHgn0jP.js +1 -0
- package/lib/assets/DatePicker-Cv2SfuC2.css +1 -0
- package/lib/assets/DatePicker-DBb7Pq4-.js +1 -0
- package/lib/assets/DesignSystemProvider-DPbBh8_F.js +1 -0
- package/lib/assets/DesignSystemProvider-EOq0hjf5.js +1 -0
- package/lib/assets/Dialog-TzFU7H7M.js +1 -0
- package/lib/assets/Dialog-lFnC79hF.js +1 -0
- package/lib/assets/Drawer-BRhAt1cp.js +1 -0
- package/lib/assets/Drawer-BShyg2Md.js +1 -0
- package/lib/assets/Dropdown-BeObPypj.css +1 -0
- package/lib/assets/Dropdown-DOmq6yld.js +1 -0
- package/lib/assets/Dropdown-Di_QSp14.js +1 -0
- package/lib/assets/ExpandableContainer-BRU7oRQZ.js +1 -0
- package/lib/assets/ExpandableContainer-T1N4IU4P.js +1 -0
- package/lib/assets/FileUpload-BLhvkuKS.js +1 -0
- package/lib/assets/FileUpload-Bn2hN30U.css +1 -0
- package/lib/assets/FileUpload-Cc6WNrgH.js +1 -0
- package/lib/assets/Filter-BpZb369c.js +1 -0
- package/lib/assets/Filter-Deq8WR7s.css +1 -0
- package/lib/assets/Filter-QMWutHly.js +1 -0
- package/lib/assets/FloatCard-CpyZ6Sv2.js +1 -0
- package/lib/assets/FloatCard-hzT_yVsi.js +1 -0
- package/lib/assets/History-B8JQmONY.js +1 -0
- package/lib/assets/History-BBHRpFWw.js +1 -0
- package/lib/assets/History-DqZMdgvF.css +1 -0
- package/lib/assets/IconCard-BlV7E9dX.css +1 -0
- package/lib/assets/IconCard-CP-P2jyn.js +1 -0
- package/lib/assets/IconCard-DkDRKG8a.js +1 -0
- package/lib/assets/Image-CkMVrVxf.js +1 -0
- package/lib/assets/Image-CoinvfQ-.js +1 -0
- package/lib/assets/Image-DT7JkEC_.css +1 -0
- package/lib/assets/Input-C0RH5m66.js +1 -0
- package/lib/assets/Input-DZ17y4L_.js +1 -0
- package/lib/assets/Label-AiZCfFq1.js +1 -0
- package/lib/assets/Label-DhQPcDeH.js +1 -0
- package/lib/assets/MetricCard-BKni_xcO.js +1 -0
- package/lib/assets/MetricCard-Dkv9xWP4.css +1 -0
- package/lib/assets/MetricCard-Du95xvGv.js +1 -0
- package/lib/assets/Navbar-Ba75bp5L.css +1 -0
- package/lib/assets/Navbar-BaVZCyqJ.js +1 -0
- package/lib/assets/Navbar-DXhNGOsj.js +1 -0
- package/lib/assets/Option-B-lvFxi7.js +1 -0
- package/lib/assets/Option-C3L7jFYC.js +1 -0
- package/lib/assets/Overlay-D0w6z3ie.js +1 -0
- package/lib/assets/Overlay-D_ULC3j5.js +1 -0
- package/lib/assets/PINInput-Bh9Jd3rB.js +1 -0
- package/lib/assets/PINInput-DymwFX1G.js +1 -0
- package/lib/assets/Pagination-B5AR5_SP.js +1 -0
- package/lib/assets/Pagination-BeKkkgRb.css +1 -0
- package/lib/assets/Pagination-CbOpAka-.js +1 -0
- package/lib/assets/Profile-Bww3-jQ7.js +1 -0
- package/lib/assets/Profile-CV7wdM8h.css +1 -0
- package/lib/assets/Profile-Z0DOVCs2.js +1 -0
- package/lib/assets/ProgressBar-ClBOwZKj.css +1 -0
- package/lib/assets/ProgressBar-OifG1zbb.js +1 -0
- package/lib/assets/ProgressBar-_D7Nifw6.js +1 -0
- package/lib/assets/Radio-BmQ4hiBf.js +1 -0
- package/lib/assets/Radio-DFcsNAYE.css +1 -0
- package/lib/assets/Radio-HxZNKwDn.js +1 -0
- package/lib/assets/RichTextEditor-DR1hYKQF.js +1 -0
- package/lib/assets/RichTextEditor-L3swXum0.js +1 -0
- package/lib/assets/RichTextEditor-ZfE5A8C0.css +1 -0
- package/lib/assets/RoundMenu-BSoV9q6V.js +1 -0
- package/lib/assets/RoundMenu-CgxYetqt.js +1 -0
- package/lib/assets/RoundMenu-llkS0uLX.css +1 -0
- package/lib/assets/Select-B7JnRTcc.js +1 -0
- package/lib/assets/Select-Bqw3ZPOg.js +1 -0
- package/lib/assets/Select-Czly_-sH.css +1 -0
- package/lib/assets/SelectContainer-BRSv1LpP.js +1 -0
- package/lib/assets/SelectContainer-HFSZpyH5.js +1 -0
- package/lib/assets/SelectContent-CXvWzOVg.js +1 -0
- package/lib/assets/SelectContent-SGkP4IfD.js +1 -0
- package/lib/assets/Sidebar-Br7HMLj5.js +1 -0
- package/lib/assets/Sidebar-CBg_ZIzm.js +1 -0
- package/lib/assets/Sidebar-CJmPvQ0E.css +1 -0
- package/lib/assets/Slider-C1q6E2k3.js +1 -0
- package/lib/assets/Slider-CcOR39o6.js +1 -0
- package/lib/assets/StatusBadge-1hF5CQM2.js +1 -0
- package/lib/assets/StatusBadge-DxIUZ75l.css +1 -0
- package/lib/assets/StatusBadge-bK6dJmfs.js +1 -0
- package/lib/assets/Stepper-C6YCuF1p.js +1 -0
- package/lib/assets/Stepper-C8kEYcc4.js +1 -0
- package/lib/assets/Stepper-e-nPkc4n.css +1 -0
- package/lib/assets/Switch-BbmBI4t-.css +1 -0
- package/lib/assets/Switch-DfaIhPgH.js +1 -0
- package/lib/assets/Switch-MRgqLSwE.js +1 -0
- package/lib/assets/Tab-2xegrzwU.js +1 -0
- package/lib/assets/Tab-BWTafykp.css +1 -0
- package/lib/assets/Tab-r87Om7ti.js +1 -0
- package/lib/assets/Table-B8ifx_k_.js +1 -0
- package/lib/assets/Table-Bb_pB7xr.css +1 -0
- package/lib/assets/Table-BrRdo0rx.js +1 -0
- package/lib/assets/TagInput-B4odE2Wm.js +1 -0
- package/lib/assets/TagInput-CuDUKx0K.js +1 -0
- package/lib/assets/TagInput-D2zgaR5F.css +1 -0
- package/lib/assets/TagSelect-BFudFHoc.css +1 -0
- package/lib/assets/TagSelect-DQbDaMr-.js +1 -0
- package/lib/assets/TagSelect-DvtjzgB6.js +1 -0
- package/lib/assets/Textarea-BtSNZ8Gp.js +1 -0
- package/lib/assets/Textarea-CDPRSwRY.js +1 -0
- package/lib/assets/Toast-BP80UdpJ.js +1 -0
- package/lib/assets/Toast-CY1qe4HT.js +1 -0
- package/lib/assets/Toggle-BGajQcLP.js +1 -0
- package/lib/assets/Toggle-D51xo3o6.css +1 -0
- package/lib/assets/Toggle-ftaewjeK.js +1 -0
- package/lib/assets/Tooltip-DVq7Ij0P.js +1 -0
- package/lib/assets/Tooltip-chSVIpvZ.js +1 -0
- package/lib/assets/Tree-BU5IfND5.css +1 -0
- package/lib/assets/Tree-BWFRKUwY.js +1 -0
- package/lib/assets/Tree-BbVjt78W.js +1 -0
- package/lib/assets/index-B4fH-h2h.js +4 -0
- package/lib/assets/index-B86NDK_5.css +1 -0
- package/lib/assets/index-BmQ-r8Ut.css +1 -0
- package/lib/assets/index-C-RplXeX.js +4 -0
- package/lib/assets/index-DTN8b1mo.css +1 -0
- package/lib/assets/index-DVIEtHZd.css +1 -0
- package/lib/assets/index-ZXHbiWno.css +1 -0
- package/lib/assets/jsx-runtime-BubrbI3X.js +1 -0
- package/lib/assets/jsx-runtime-u17CrQMm.js +1 -0
- package/lib/components/Accordion/index.cjs.js +1 -1
- package/lib/components/Accordion/index.es.js +1 -1
- package/lib/components/ActionCard/index.cjs.js +1 -1
- package/lib/components/ActionCard/index.es.js +1 -1
- package/lib/components/Alert/index.cjs.js +1 -1
- package/lib/components/Alert/index.es.js +1 -1
- package/lib/components/AutoComplete/index.cjs.js +1 -1
- package/lib/components/AutoComplete/index.es.js +1 -1
- package/lib/components/Avatar/index.cjs.js +1 -1
- package/lib/components/Avatar/index.es.js +1 -1
- package/lib/components/Badge/index.cjs.js +1 -1
- package/lib/components/Badge/index.es.js +1 -1
- package/lib/components/Breadcrumb/index.cjs.js +1 -1
- package/lib/components/Breadcrumb/index.es.js +1 -1
- package/lib/components/Button/index.cjs.js +1 -1
- package/lib/components/Button/index.es.js +1 -1
- package/lib/components/Calendar/index.cjs.js +1 -1
- package/lib/components/Calendar/index.es.js +1 -1
- package/lib/components/Card/index.cjs.js +1 -1
- package/lib/components/Card/index.es.js +1 -1
- package/lib/components/Carousel/index.cjs.js +1 -1
- package/lib/components/Carousel/index.es.js +1 -1
- package/lib/components/Checkbox/index.cjs.js +1 -1
- package/lib/components/Checkbox/index.es.js +1 -1
- package/lib/components/ColorPicker/index.cjs.js +1 -1
- package/lib/components/ColorPicker/index.es.js +1 -1
- package/lib/components/Confirm/index.cjs.js +1 -1
- package/lib/components/Confirm/index.es.js +1 -1
- package/lib/components/Connector/index.cjs.js +1 -1
- package/lib/components/Connector/index.es.js +1 -1
- package/lib/components/Crop/index.cjs.js +1 -1
- package/lib/components/Crop/index.es.js +1 -1
- package/lib/components/DatePicker/index.cjs.js +1 -1
- package/lib/components/DatePicker/index.es.js +1 -1
- package/lib/components/Dialog/index.cjs.js +1 -1
- package/lib/components/Dialog/index.es.js +1 -1
- package/lib/components/Drawer/index.cjs.js +1 -1
- package/lib/components/Drawer/index.es.js +1 -1
- package/lib/components/Dropdown/index.cjs.js +1 -1
- package/lib/components/Dropdown/index.es.js +1 -1
- package/lib/components/FileUpload/index.cjs.js +1 -1
- package/lib/components/FileUpload/index.es.js +1 -1
- package/lib/components/Filter/index.cjs.js +1 -1
- package/lib/components/Filter/index.es.js +1 -1
- package/lib/components/FloatCard/index.cjs.js +1 -1
- package/lib/components/FloatCard/index.es.js +1 -1
- package/lib/components/History/index.cjs.js +1 -1
- package/lib/components/History/index.es.js +1 -1
- package/lib/components/Icon/index.cjs.js +1 -1
- package/lib/components/Icon/index.es.js +1 -1
- package/lib/components/IconCard/index.cjs.js +1 -1
- package/lib/components/IconCard/index.es.js +1 -1
- package/lib/components/Image/index.cjs.js +1 -1
- package/lib/components/Image/index.es.js +1 -1
- package/lib/components/Input/index.cjs.js +1 -1
- package/lib/components/Input/index.es.js +1 -1
- package/lib/components/MetricCard/index.cjs.js +1 -1
- package/lib/components/MetricCard/index.es.js +1 -1
- package/lib/components/Navbar/index.cjs.js +1 -1
- package/lib/components/Navbar/index.es.js +1 -1
- package/lib/components/PINInput/index.cjs.js +1 -1
- package/lib/components/PINInput/index.es.js +1 -1
- package/lib/components/Pagination/index.cjs.js +1 -1
- package/lib/components/Pagination/index.es.js +1 -1
- package/lib/components/Profile/index.cjs.js +1 -1
- package/lib/components/Profile/index.es.js +1 -1
- package/lib/components/ProgressBar/index.cjs.js +1 -1
- package/lib/components/ProgressBar/index.es.js +1 -1
- package/lib/components/Radio/index.cjs.js +1 -1
- package/lib/components/Radio/index.es.js +1 -1
- package/lib/components/RadioGroup/index.cjs.js +1 -1
- package/lib/components/RadioGroup/index.es.js +1 -1
- package/lib/components/RichTextEditor/index.cjs.js +1 -1
- package/lib/components/RichTextEditor/index.es.js +1 -1
- package/lib/components/RoundMenu/index.cjs.js +1 -1
- package/lib/components/RoundMenu/index.es.js +1 -1
- package/lib/components/Select/index.cjs.js +1 -1
- package/lib/components/Select/index.es.js +1 -1
- package/lib/components/Separator/index.cjs.js +1 -1
- package/lib/components/Separator/index.es.js +1 -1
- package/lib/components/Sidebar/index.cjs.js +1 -1
- package/lib/components/Sidebar/index.es.js +1 -1
- package/lib/components/Skeleton/index.cjs.js +1 -1
- package/lib/components/Skeleton/index.es.js +1 -1
- package/lib/components/Slider/index.cjs.js +1 -1
- package/lib/components/Slider/index.es.js +1 -1
- package/lib/components/Spinner/index.cjs.js +1 -1
- package/lib/components/Spinner/index.es.js +1 -1
- package/lib/components/StatusBadge/index.cjs.js +1 -1
- package/lib/components/StatusBadge/index.es.js +1 -1
- package/lib/components/Stepper/index.cjs.js +1 -1
- package/lib/components/Stepper/index.es.js +1 -1
- package/lib/components/Switch/index.cjs.js +1 -1
- package/lib/components/Switch/index.es.js +1 -1
- package/lib/components/Tab/index.cjs.js +1 -1
- package/lib/components/Tab/index.es.js +1 -1
- package/lib/components/Table/index.cjs.js +1 -1
- package/lib/components/Table/index.es.js +1 -1
- package/lib/components/TagInput/index.cjs.js +1 -1
- package/lib/components/TagInput/index.es.js +1 -1
- package/lib/components/TagSelect/index.cjs.js +1 -1
- package/lib/components/TagSelect/index.es.js +1 -1
- package/lib/components/Textarea/index.cjs.js +1 -1
- package/lib/components/Textarea/index.es.js +1 -1
- package/lib/components/Toast/index.cjs.js +1 -1
- package/lib/components/Toast/index.es.js +1 -1
- package/lib/components/Toggle/index.cjs.js +1 -1
- package/lib/components/Toggle/index.es.js +1 -1
- package/lib/components/ToggleGroup/index.cjs.js +1 -1
- package/lib/components/ToggleGroup/index.es.js +1 -1
- package/lib/components/Tooltip/index.cjs.js +1 -1
- package/lib/components/Tooltip/index.es.js +1 -1
- package/lib/components/Tree/index.cjs.js +1 -1
- package/lib/components/Tree/index.es.js +1 -1
- package/lib/design-system.cjs.js +1 -1
- package/lib/design-system.es.js +1 -1
- package/lib/design-system.umd.js +3 -3
- package/lib/hooks/useClickOutside.cjs.js +1 -1
- package/lib/hooks/useClickOutside.es.js +1 -1
- package/lib/hooks/useControllable.es.js +1 -1
- package/lib/hooks/useTransition.es.js +1 -1
- package/lib/index2.css +1 -1
- package/lib/index3.css +1 -1
- package/lib/index4.css +1 -0
- package/lib/index5.css +1 -0
- package/lib/index6.css +1 -0
- package/lib/index7.css +1 -0
- package/lib/index8.css +1 -0
- package/lib/providers/index.cjs.js +1 -1
- package/lib/providers/index.es.js +1 -1
- package/package.json +2 -2
- package/lib/assets/ColorPicker-BzlgPz70.js +0 -1
- package/lib/assets/ColorPicker-DRs5fhzn.js +0 -1
- package/lib/assets/Confirm-BE6kYeL-.js +0 -1
- package/lib/assets/Confirm-Dh3P9z1Y.js +0 -1
- package/lib/assets/Dropdown-CBRpgE72.css +0 -1
- package/lib/assets/FloatCard-BGxNbGZp.js +0 -1
- package/lib/assets/FloatCard-Ci8mP8y4.js +0 -1
- package/lib/assets/Input-BRokEqU3.js +0 -1
- package/lib/assets/Input-xnq3TVKa.js +0 -1
- package/lib/assets/Label-BTtohMHb.js +0 -1
- package/lib/assets/Label-bwrT7VIV.js +0 -1
- package/lib/assets/PINInput-deYOmkvM.js +0 -1
- package/lib/assets/PINInput-sc5bHYA7.js +0 -1
- package/lib/assets/RichTextEditor-BorOBshN.js +0 -1
- package/lib/assets/RichTextEditor-kBX-T9zz.js +0 -1
- package/lib/assets/Sidebar-0DxOZadF.js +0 -1
- package/lib/assets/Sidebar-CPpl8WM2.js +0 -1
- package/lib/assets/Slider-DManJgem.js +0 -1
- package/lib/assets/Slider-DPMaQG2C.js +0 -1
- package/lib/assets/Stepper-BKI03jce.css +0 -1
- package/lib/assets/Textarea-CFobhecb.js +0 -1
- package/lib/assets/Textarea-foQgQnsz.js +0 -1
- package/lib/assets/Toast-DIAVNK5L.js +0 -1
- package/lib/assets/Toast-w4v5o8DT.js +0 -1
- package/lib/assets/Tooltip-DbBhUsGz.js +0 -1
- package/lib/assets/Tooltip-Diruxnme.js +0 -1
- package/lib/assets/Tree-BbX0rS-d.js +0 -1
- package/lib/assets/Tree-DNsiZzdg.js +0 -1
- package/lib/assets/colors-C7f-Usn5.css +0 -1
- package/lib/assets/index-B_deyTVk.js +0 -1
- package/lib/assets/index-CX6wEu92.js +0 -1
- package/lib/colors.css +0 -1
- /package/lib/{Container.css → ExpandableContainer.css} +0 -0
- /package/lib/assets/{Container-BsNA9KWk.css → ExpandableContainer-BsNA9KWk.css} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("react");
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function d(s,n,u=!0){const r=o.useRef(n);r.current=n,o.useEffect(()=>{if(!u)return;function i(e){s.every(c=>{if(!c.current)return!0;const t=c.current.getBoundingClientRect();return e.clientX<t.left||e.clientX>t.right||e.clientY<t.top||e.clientY>t.bottom})&&r.current()}return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[u])}exports.useClickOutside=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"react";
|
|
1
|
+
import{useRef as s,useEffect as d}from"react";function l(c,n,r=!0){const u=s(n);u.current=n,d(()=>{if(!r)return;function i(t){c.every(o=>{if(!o.current)return!0;const e=o.current.getBoundingClientRect();return t.clientX<e.left||t.clientX>e.right||t.clientY<e.top||t.clientY>e.bottom})&&u.current()}return document.addEventListener("mousedown",i),()=>document.removeEventListener("mousedown",i)},[r])}export{l as useClickOutside};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as s,useState as c,useEffect as f}from"react";function C(n){const{value:t,defaultValue:
|
|
1
|
+
import{useRef as s,useState as c,useEffect as f}from"react";function C(n){const{value:t,defaultValue:o,onChange:u}=n,e=t!==void 0;s(e);const[a,r]=c(o);return f(()=>{}),[e?t:a,l=>{e||r(l),u?.(l)}]}export{C as useControllable};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useState as a,useRef as i,useEffect as m}from"react";function d(t,r){const[c,n]=a(!1),[o,u]=a(!1),e=i(null),s=i(null);return m(()=>{if(t){n(!0);const f=requestAnimationFrame(()=>{const l=requestAnimationFrame(()=>{u(!0)});s.current=()=>cancelAnimationFrame(l)});return()=>{cancelAnimationFrame(f),s.current?.()}}else return u(!1),e.current=setTimeout(()=>{n(!1)},r.duration),()=>{e.current&&clearTimeout(e.current)}},[t,r.duration]),{isMounted:c,isActive:o}}export{d as
|
|
1
|
+
import{useState as a,useRef as i,useEffect as m}from"react";function d(t,r){const[c,n]=a(!1),[o,u]=a(!1),e=i(null),s=i(null);return m(()=>{if(t){n(!0);const f=requestAnimationFrame(()=>{const l=requestAnimationFrame(()=>{u(!0)});s.current=()=>cancelAnimationFrame(l)});return()=>{cancelAnimationFrame(f),s.current?.()}}else return u(!1),e.current=setTimeout(()=>{n(!1)},r.duration),()=>{e.current&&clearTimeout(e.current)}},[t,r.duration]),{isMounted:c,isActive:o}}export{d as useTransition};
|
package/lib/index2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial}}}._avatar_qygx1_2{border-radius:var(--border-radius-full);background-color:var(--primary-surface-default);justify-content:center;align-items:center;width:fit-content;height:fit-content;display:flex;position:relative;overflow:hidden}._avatarImg_qygx1_2{inset:calc(var(--spacing,.25rem)*0);z-index:1;object-fit:cover;width:100%;height:100%;position:absolute}._avatarInitials_qygx1_2{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);color:var(--primary-interaction-default)}._small_qygx1_2{padding:var(--spacing-xs)}._smallInitials_qygx1_2{font-size:var(--font-size-xxs)}._medium_qygx1_2{padding:var(--spacing-sm)}._mediumInitials_qygx1_2{font-size:var(--font-size-xs);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}._large_qygx1_2{padding:var(--spacing-base)}._largeInitials_qygx1_2{font-size:var(--font-size-sm);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}@property --tw-font-weight{syntax:"*";inherits:false}
|
package/lib/index3.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}._card_mycev_2{border-radius:var(--border-radius-base);border-style:var(--tw-border-style);border-width:var(--border-width-xxs);border-color:var(--neutral-border-default);background-color:var(--neutral-surface-default);--tw-shadow:0px 1px 2px 0px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
|
package/lib/index4.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-content:""}}}._connector_1gync_2{display:inline-flex}._vert_1gync_2{flex-direction:column}._hor_1gync_2{align-items:flex-end}._connector_1gync_2:not(._vert_1gync_2){align-items:center}._connector_1gync_2:not(._vert_1gync_2)>:not(:last-child){margin-right:var(--spacing-base);position:relative}._connector_1gync_2:not(._vert_1gync_2)>:not(:last-child):after{top:50%;right:calc(var(--spacing-base)*-1);height:1px;width:var(--spacing-base);--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--neutral-interaction-disabled);--tw-content:"";content:var(--tw-content);position:absolute}._connector_1gync_2:not(._vert_1gync_2)>*{z-index:10;position:relative}._connector_1gync_2._vert_1gync_2>:not(:last-child){margin-bottom:var(--spacing-base);position:relative}._connector_1gync_2._vert_1gync_2>:not(:last-child):after{bottom:calc(var(--spacing-base)*-1);height:var(--spacing-base);--tw-translate-x: -50% ;width:1px;translate:var(--tw-translate-x)var(--tw-translate-y);background-color:var(--neutral-interaction-disabled);--tw-content:"";content:var(--tw-content);position:absolute;left:50%}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
|
package/lib/index5.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.material-symbols-rounded{font-family:Material Symbols Rounded;-webkit-user-select:none;user-select:none;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-rounded.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
|
package/lib/index6.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-border-style:solid}}}._separator_dbh0y_2{align-items:center;gap:var(--spacing-xs);--tw-font-weight:var(--font-weight-bold);width:100%;font-weight:var(--font-weight-bold);color:var(--neutral-foreground-high);display:flex}._separatorLine_dbh0y_2{border-top-style:var(--tw-border-style);border-top-width:var(--border-width-xxs);border-color:var(--neutral-border-default);flex:1}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
|
package/lib/index7.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%}}}._skeleton_1tqah_2{min-height:var(--spacing-xs);min-width:var(--spacing-xs);background-color:var(--neutral-surface-disabled);--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:transparent;--tw-gradient-via:var(--color-white,#fff);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));--tw-gradient-to:transparent;background-size:200% 100%;animation:1.5s linear infinite _moveBar_1tqah_1}@keyframes _moveBar_1tqah_1{0%{background-position:-100% 0}to{background-position:100% 0}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
|
package/lib/index8.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._spinner_e0zgt_2{width:1.5em;height:1.5em;animation:2s linear infinite _rotate_e0zgt_1;display:inline-block}._path_e0zgt_2{stroke:currentColor;stroke-linecap:round;animation:1.5s ease-in-out infinite _dash_e0zgt_1}@keyframes _rotate_e0zgt_1{to{transform:rotate(360deg)}}@keyframes _dash_e0zgt_1{0%{stroke-dasharray:1 150;stroke-dashoffset:0}50%{stroke-dasharray:90 150;stroke-dashoffset:-35px}to{stroke-dasharray:90 150;stroke-dashoffset:-124px}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../assets/DesignSystemProvider-EOq0hjf5.js");require("../assets/jsx-runtime-BubrbI3X.js");require("react");require("../assets/Confirm-D9ue91JY.js");require("../assets/Dialog-TzFU7H7M.js");require("../assets/clsx-C11secjj.js");require("../assets/Overlay-D_ULC3j5.js");require("react-dom");require("../hooks/useTransition.cjs.js");require("../hooks/useControllable.cjs.js");require("../assets/Button-PxUMi4c4.js");require("../components/Spinner/index.cjs.js");require("../components/Icon/index.cjs.js");require("../assets/index-B4fH-h2h.js");require("../assets/Toast-BP80UdpJ.js");require("../assets/Alert-VaDDaJmV.js");exports.DesignSystemProvider=e.DesignSystemProvider;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import"../
|
|
1
|
+
import{D as P}from"../assets/DesignSystemProvider-DPbBh8_F.js";import"../assets/jsx-runtime-u17CrQMm.js";import"react";import"../assets/Confirm-D5SQRnzs.js";import"../assets/Dialog-lFnC79hF.js";import"../assets/clsx-B-dksMZM.js";import"../assets/Overlay-D0w6z3ie.js";import"react-dom";import"../hooks/useTransition.es.js";import"../hooks/useControllable.es.js";import"../assets/Button-1lnlGEU9.js";import"../components/Spinner/index.es.js";import"../components/Icon/index.es.js";import"../assets/index-C-RplXeX.js";import"../assets/Toast-CY1qe4HT.js";import"../assets/Alert-D-09BScY.js";export{P as DesignSystemProvider};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@etus/design-system",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "React Design System Components with Tailwind CSS",
|
|
6
6
|
"author": "Etus Digital",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
".": {
|
|
93
93
|
"types": "./lib/main.d.ts",
|
|
94
94
|
"import": "./lib/design-system.es.js",
|
|
95
|
-
"require": "./lib/design-system.
|
|
95
|
+
"require": "./lib/design-system.cjs.js"
|
|
96
96
|
},
|
|
97
97
|
"./components/*": {
|
|
98
98
|
"types": "./lib/components/*/index.d.ts",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("../components/Avatar/index.cjs.js"),c=require("react"),T=require("./clsx-C11secjj.js"),ke=require("../hooks/useControllable.cjs.js"),d=require("./index-CX6wEu92.js"),be=require("../components/Icon/index.cjs.js"),$e="_colorPicker_1sqmq_2",Ae="_disabled_1sqmq_2",Pe="_noShadow_1sqmq_2",De="_colorAreaWrapper_1sqmq_2",Oe="_colorArea_1sqmq_2",He="_colorAreaCursor_1sqmq_2",Le="_sliderTrack_1sqmq_2",We="_sliderCursor_1sqmq_2",Fe="_hueTrack_1sqmq_2",Ie="_opacityTrack_1sqmq_2",Ue="_colorCircle_1sqmq_2",Be="_colorInput_1sqmq_2",Ge="_typeToggles_1sqmq_2",Ye="_typeToggle_1sqmq_2",ze="_active_1sqmq_2",l={colorPicker:$e,disabled:Ae,noShadow:Pe,colorAreaWrapper:De,colorArea:Oe,colorAreaCursor:He,sliderTrack:Le,sliderCursor:We,hueTrack:Fe,opacityTrack:Ie,colorCircle:Ue,colorInput:Be,typeToggles:Ge,typeToggle:Ye,active:ze},g=["hexa","rgba","hsla","hsva","hwb"];function L(p,v="rgba",x=","){if(!p)return{};const f={},a=Array.from(v),h=p.split(x);return a.forEach((N,m)=>{f[N]=typeof h[m]=="string"?Number(h[m].replace("%","")):h[m]??1}),f}function Xe(p,v=","){if(!p)return null;const x={},f=p.split("(");if(f.length<2)return null;const a=Array.from(f[0]);f[1]=f[1].replace(")","");const h=f[1].split(v);return a.forEach((N,m)=>{x[N]=typeof h[m]=="string"?Number(h[m].replace("%","")):h[m]??1}),x}function Ve(p){let v="",x="";const f=Object.keys(p);return f.forEach((a,h)=>{x+=a,v+=f.length-1===h?p[a]:`${p[a]}, `}),`${x}(${v})`}function Je(p){const{value:v,onChange:x,showAlpha:f=!0,disabled:a=!1,noShadow:h=!1,className:N}=p,[m,W]=ke.useControllable({value:v,defaultValue:"#ffffff",onChange:x}),[y,F]=c.useState(0),[I,U]=c.useState(()=>m||"#ffffff"),[K,Q]=c.useState("hsl(0, 100%, 50%)"),[Z,ee]=c.useState(1),[te,re]=c.useState(m||""),[oe,se]=c.useState(!1),[ne,ce]=c.useState(!1),[Ce,ae]=c.useState("linear-gradient(to right, #ffffff 0%, hsl(0, 100%, 50%))"),b=c.useRef(!1),C=c.useRef(!1),R=c.useRef(!1),B=c.useRef(null),G=c.useRef(null),k=c.useRef(null),_=c.useRef(null),Y=c.useRef(null),$=c.useRef(null),E=c.useRef(K),M=c.useRef(Z),q=c.useRef(y);E.current=K,M.current=Z,q.current=y;function ie(e){const r=q.current;if(r===0)return d.rgbaToHexa(e.r,e.g,e.b,e.a);if(r===1){const t=d.rgbaToHsla(e.r,e.g,e.b,e.a);return`${t.h.toFixed(0)}, ${t.s}, ${t.l}, ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===2){const t=d.rgbaToHwb(e.r,e.g,e.b,e.a);return`${t.h} ${t.w} ${t.b} / ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===3){const t=d.rgbaToHsva(e.r,e.g,e.b,e.a);return`${t.h}, ${t.s}, ${t.v}, ${t.a<1?t.a.toFixed(2):t.a}`}return`${e.r}, ${e.g}, ${e.b}, ${e.a<1?e.a.toFixed(2):e.a}`}function Re(e,r){if(r===0){const o=d.hexaToRgba(e);return d.rgbaToHsva(o.r,o.g,o.b,isNaN(o.a)?1:o.a)}else if(r===1){const o=L(e,"hlsa"),s=d.hslaToRgba(o.h,o.s,o.l,o.a);return d.rgbaToHsva(s.r,s.g,s.b,isNaN(s.a)?1:s.a)}else if(r===2){const o=L(e,"hwb"," "),s=e.split("/"),n=d.hwbToRgba(o.h,o.w,o.b,Number(s[1]?.replace(")","")));return d.rgbaToHsva(n.r,n.g,n.b,isNaN(n.a)?1:n.a)}else if(r===3)return L(e,"hsva");const t=L(e);return d.rgbaToHsva(t.r,t.g,t.b,isNaN(t.a)?1:t.a)}function le(e,r){const t=document.createElement("canvas");t.width=e.clientWidth,t.height=e.clientHeight;const o=t.getContext("2d");if(!o)return"hsl(0, 100%, 50%)";const s=o.createLinearGradient(0,0,t.width,0);s.addColorStop(0,"hsl(0, 100%, 50%)"),s.addColorStop(1/6,"hsl(60, 100%, 50%)"),s.addColorStop(2/6,"hsl(120, 100%, 50%)"),s.addColorStop(3/6,"hsl(180, 100%, 50%)"),s.addColorStop(4/6,"hsl(240, 100%, 50%)"),s.addColorStop(5/6,"hsl(300, 100%, 50%)"),s.addColorStop(1,"hsl(360, 100%, 50%)"),o.fillStyle=s,o.fillRect(0,0,t.width,t.height);const n=o.getImageData(r,0,1,1).data;return`rgba(${n[0]}, ${n[1]}, ${n[2]}, ${n[3]/255})`}function A(e="hsl(0, 100%, 50%)",r=1){const t=_.current,o=t?.getContext("2d");if(!o||!t)return;t.width=t.clientWidth,t.height=t.clientHeight,o.clearRect(0,0,t.width,t.height),o.globalAlpha=r;const s=o.createLinearGradient(0,0,t.width,0);s.addColorStop(0,"#ffffff"),s.addColorStop(1,e);const n=o.createLinearGradient(0,0,0,t.height);n.addColorStop(0,"rgba(0, 0, 0, 0)"),n.addColorStop(1,"#000000"),o.fillStyle=s,o.fillRect(0,0,t.width,t.height),o.fillStyle=n,o.fillRect(0,0,t.width,t.height)}function ue(e,r){const t=_.current;if(!t)return[0,0,0,255];const o=t.clientWidth,s=t.clientHeight,n=Math.max(0,Math.min(1,e/o)),u=Math.max(0,Math.min(1,r/s)),V=Math.round(Number(E.current.split(",")[0]?.replace("rgba(","").trim())/t.clientWidth*360),O=n*100,S=(1-u)*100,w=d.hsvaToRgba(V||0,O,S,M.current);return[Math.round(w.r),Math.round(w.g),Math.round(w.b),Math.round(w.a*255)]}function z(e,r,t,o=!1){const s=d.getPosition(e,r,t,{top:!0,left:!0},{x:o?5:1,y:r.clientHeight},{x:o?-5:0});return{left:s.x,top:s.y}}function de(e,r){let t=e[3]/255;t>=.98&&(t=1),t<=.02&&(t=0);const o=`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`,s=ie({r:e[0],g:e[1],b:e[2],a:t});re(o),U(s),W(s)}function fe(){const e=k.current,r=_.current;if(!e||!r)return;const t=Number(e.style.left.replace("px",""))+5,o=Number(e.style.top.replace("px","")),s=ue(t,o);de(s)}const pe=c.useRef(()=>{}),he=c.useRef(()=>{}),me=c.useRef(()=>{}),xe=c.useRef(()=>{});c.useEffect(()=>{pe.current=e=>{P(e),D(e),j(e)},he.current=()=>{b.current=!1,C.current=!1,R.current=!1},me.current=e=>{e.touches[0]&&(P(e.touches[0]),D(e.touches[0]),j(e.touches[0]))},xe.current=()=>{b.current=!1,C.current=!1,R.current=!1}}),c.useEffect(()=>{const e=s=>pe.current(s),r=()=>he.current(),t=s=>me.current(s),o=()=>xe.current();return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),window.addEventListener("touchmove",t),window.addEventListener("touchend",o),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r),window.removeEventListener("touchmove",t),window.removeEventListener("touchend",o)}},[]),c.useEffect(()=>{A();const e=setTimeout(()=>{ge()},100);return()=>clearTimeout(e)},[]);function P(e){if(!C.current)return;const r=G.current,t=$.current;if(!r||!t)return;const o=z(e,r,t);r.style.left=o.left+"px";const s=t.clientWidth-10;let n=o.left/s;n>=.98&&(n=1),n<=.02&&(n=0),ee(n),M.current=n,A(E.current,n),fe()}function D(e){if(!b.current)return;const r=B.current,t=Y.current,o=$.current;if(!r||!t||!o)return;const s=z(e,r,t);r.style.left=s.left+"px";const n=le(t,s.left);Q(n),E.current=n;const u=`linear-gradient(to right, #ffffff 0%, ${n})`;ae(u),A(n,M.current),fe()}function j(e){if(!R.current)return;const r=k.current,t=_.current;if(!r||!t)return;const o=z(e,r,t,!0);r.style.left=o.left+"px",r.style.top=o.top+"px";const s=ue(o.left+5,o.top);de(s)}function we(e){const r=_.current;if(!r)return{x:0,y:0};const t=typeof e.s=="string"?Number(e.s.replace("%","")):e.s??0,o=typeof e.v=="string"?Number(e.v.replace("%","")):e.v??0,s=Math.max(-5,Math.min(t/100*(r.clientWidth-5),r.clientWidth-5)),n=Math.max(0,Math.min((1-o/100)*r.clientHeight,r.clientHeight));return{x:s,y:n}}const ge=c.useCallback(()=>{const e=B.current,r=G.current,t=k.current,o=Y.current,s=$.current;if(!e||!r||!t||!o||!s)return;const u=Re(I,q.current),V=Math.min(1,(u.h??0)/360),O=Math.min(o.clientWidth-10,Math.max(0,(o.clientWidth-10)*V)),S=s.clientWidth-10,w=Math.min(S,Math.max(0,S*(u.a??1))),J=S>0?w/S:1;ee(J),M.current=J,e.style.left=O+"px",r.style.left=w+"px";const H=le(o,O);Q(H),E.current=H;const Ne=`linear-gradient(to right, #ffffff 0%, ${H})`;ae(Ne),A(H,J);const Ee=typeof u.s=="string"?Number(u.s.replace("%","")):u.s??0,Me=typeof u.v=="string"?Number(u.v.replace("%","")):u.v??0,qe=d.hsvaToRgba(u.h??0,Ee,Me,u.a??1);re(Ve(qe));const ye=we(u);t.style.left=ye.x+"px",t.style.top=ye.y+"px"},[I]);function Te(){se(!0),setTimeout(()=>{se(!1),F(e=>{const r=e+1>g.length-1?0:e+1;return X(r),r})},600)}function _e(){ce(!0),setTimeout(()=>{ce(!1),F(e=>{const r=e-1<0?g.length-1:e-1;return X(r),r})},600)}function X(e){q.current=e;const r=Xe(te);if(!r)return;const t=ie(r);U(t),W(t)}const ve=g[y],je=g[y+1>g.length-1?0:y+1],Se=g[y-1<0?g.length-1:y-1];return i.jsxRuntimeExports.jsxs("div",{className:T.clsx(l.colorPicker,h&&l.noShadow,a&&l.disabled,N),"data-component":"ColorPicker",children:[i.jsxRuntimeExports.jsxs("div",{className:l.colorAreaWrapper,children:[i.jsxRuntimeExports.jsx("span",{ref:k,className:l.colorAreaCursor,style:{left:"-5px",top:"0px"},onMouseDown:e=>{a||(R.current=!0,j(e))},onTouchStart:e=>{a||(R.current=!0,j(e.touches[0]))}}),i.jsxRuntimeExports.jsx("canvas",{ref:_,className:l.colorArea,onMouseDown:e=>{a||(R.current=!0,j(e))},onTouchStart:e=>{a||(R.current=!0,j(e.touches[0]))}})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-sm",children:[i.jsxRuntimeExports.jsx("div",{className:l.colorCircle,style:{background:te}}),i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-xs w-full",children:[i.jsxRuntimeExports.jsx("div",{ref:Y,className:T.clsx(l.sliderTrack,l.hueTrack,"slider"),onMouseDown:e=>{a||(b.current=!0,D(e))},onTouchStart:e=>{a||(b.current=!0,D(e.touches[0]))},children:i.jsxRuntimeExports.jsx("span",{ref:B,className:T.clsx(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(b.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(b.current=!0)}})}),f&&i.jsxRuntimeExports.jsx("div",{ref:$,className:T.clsx(l.sliderTrack,l.opacityTrack,"slider"),style:{background:Ce},onMouseDown:e=>{a||(C.current=!0,P(e))},onTouchStart:e=>{a||(C.current=!0,P(e.touches[0]))},children:i.jsxRuntimeExports.jsx("span",{ref:G,className:T.clsx(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(C.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(C.current=!0)}})})]})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-sm",children:[i.jsxRuntimeExports.jsx("input",{type:"text",className:T.clsx(l.colorInput,"flex-1"),value:I,onChange:e=>{U(e.target.value),W(e.target.value),setTimeout(()=>ge(),0)},disabled:a}),i.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-xxs",children:[i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col items-center overflow-hidden relative h-lg w-fit text-neutral-interaction-default",children:[oe&&i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:"slide-down 0.6s ease"},children:je.toUpperCase()}),i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:oe?"slide-down 0.6s ease":ne?"slide-up 0.6s ease":void 0},children:ve.toUpperCase()}),ne&&i.jsxRuntimeExports.jsx("p",{className:"font-bold",style:{animation:"slide-up 0.6s ease"},children:Se.toUpperCase()})]}),i.jsxRuntimeExports.jsxs("div",{className:"flex flex-col",children:[i.jsxRuntimeExports.jsx(be.Icon,{name:"arrow_drop_up",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:_e,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Previous color type"}),i.jsxRuntimeExports.jsx(be.Icon,{name:"arrow_drop_down",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:Te,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Next color type"})]})]})]}),i.jsxRuntimeExports.jsx("div",{className:l.typeToggles,children:g.map(e=>i.jsxRuntimeExports.jsx("button",{type:"button",className:T.clsx(l.typeToggle,e===ve&&l.active),onClick:()=>{if(a)return;const r=g.indexOf(e);F(r),q.current=r,X(r)},disabled:a,children:e.toUpperCase()},e))})]})}exports.ColorPicker=Je;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as c}from"../components/Avatar/index.es.js";import{useState as x,useRef as i,useEffect as Q,useCallback as Pe}from"react";import{c as _}from"./clsx-B-dksMZM.js";import{u as Oe}from"../hooks/useControllable.es.js";import{h as we,g as Ee,a as Le,r as R,b as We,c as Fe,d as He,e as Ie,f as Ue}from"./index-B_deyTVk.js";import{I as Te}from"../components/Icon/index.es.js";const Be="_colorPicker_1sqmq_2",Ge="_disabled_1sqmq_2",Ye="_noShadow_1sqmq_2",ze="_colorAreaWrapper_1sqmq_2",Xe="_colorArea_1sqmq_2",Ve="_colorAreaCursor_1sqmq_2",Je="_sliderTrack_1sqmq_2",Ke="_sliderCursor_1sqmq_2",Qe="_hueTrack_1sqmq_2",Ze="_opacityTrack_1sqmq_2",et="_colorCircle_1sqmq_2",tt="_colorInput_1sqmq_2",rt="_typeToggles_1sqmq_2",ot="_typeToggle_1sqmq_2",nt="_active_1sqmq_2",l={colorPicker:Be,disabled:Ge,noShadow:Ye,colorAreaWrapper:ze,colorArea:Xe,colorAreaCursor:Ve,sliderTrack:Je,sliderCursor:Ke,hueTrack:Qe,opacityTrack:Ze,colorCircle:et,colorInput:tt,typeToggles:rt,typeToggle:ot,active:nt},g=["hexa","rgba","hsla","hsva","hwb"];function F(f,v="rgba",m=","){if(!f)return{};const d={},a=Array.from(v),h=f.split(m);return a.forEach((q,p)=>{d[q]=typeof h[p]=="string"?Number(h[p].replace("%","")):h[p]??1}),d}function st(f,v=","){if(!f)return null;const m={},d=f.split("(");if(d.length<2)return null;const a=Array.from(d[0]);d[1]=d[1].replace(")","");const h=d[1].split(v);return a.forEach((q,p)=>{m[q]=typeof h[p]=="string"?Number(h[p].replace("%","")):h[p]??1}),m}function at(f){let v="",m="";const d=Object.keys(f);return d.forEach((a,h)=>{m+=a,v+=d.length-1===h?f[a]:`${f[a]}, `}),`${m}(${v})`}function ht(f){const{value:v,onChange:m,showAlpha:d=!0,disabled:a=!1,noShadow:h=!1,className:q}=f,[p,H]=Oe({value:v,defaultValue:"#ffffff",onChange:m}),[y,I]=x(0),[U,B]=x(()=>p||"#ffffff"),[Z,ee]=x("hsl(0, 100%, 50%)"),[te,re]=x(1),[oe,ne]=x(p||""),[se,ae]=x(!1),[ce,le]=x(!1),[_e,ie]=x("linear-gradient(to right, #ffffff 0%, hsl(0, 100%, 50%))"),C=i(!1),b=i(!1),w=i(!1),G=i(null),Y=i(null),A=i(null),N=i(null),z=i(null),D=i(null),k=i(Z),$=i(te),j=i(y);k.current=Z,$.current=te,j.current=y;function ue(e){const r=j.current;if(r===0)return He(e.r,e.g,e.b,e.a);if(r===1){const t=Ie(e.r,e.g,e.b,e.a);return`${t.h.toFixed(0)}, ${t.s}, ${t.l}, ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===2){const t=Ue(e.r,e.g,e.b,e.a);return`${t.h} ${t.w} ${t.b} / ${t.a<1?t.a.toFixed(2):t.a}`}else if(r===3){const t=R(e.r,e.g,e.b,e.a);return`${t.h}, ${t.s}, ${t.v}, ${t.a<1?t.a.toFixed(2):t.a}`}return`${e.r}, ${e.g}, ${e.b}, ${e.a<1?e.a.toFixed(2):e.a}`}function Ne(e,r){if(r===0){const o=Le(e);return R(o.r,o.g,o.b,isNaN(o.a)?1:o.a)}else if(r===1){const o=F(e,"hlsa"),n=We(o.h,o.s,o.l,o.a);return R(n.r,n.g,n.b,isNaN(n.a)?1:n.a)}else if(r===2){const o=F(e,"hwb"," "),n=e.split("/"),s=Fe(o.h,o.w,o.b,Number(n[1]?.replace(")","")));return R(s.r,s.g,s.b,isNaN(s.a)?1:s.a)}else if(r===3)return F(e,"hsva");const t=F(e);return R(t.r,t.g,t.b,isNaN(t.a)?1:t.a)}function de(e,r){const t=document.createElement("canvas");t.width=e.clientWidth,t.height=e.clientHeight;const o=t.getContext("2d");if(!o)return"hsl(0, 100%, 50%)";const n=o.createLinearGradient(0,0,t.width,0);n.addColorStop(0,"hsl(0, 100%, 50%)"),n.addColorStop(1/6,"hsl(60, 100%, 50%)"),n.addColorStop(2/6,"hsl(120, 100%, 50%)"),n.addColorStop(3/6,"hsl(180, 100%, 50%)"),n.addColorStop(4/6,"hsl(240, 100%, 50%)"),n.addColorStop(5/6,"hsl(300, 100%, 50%)"),n.addColorStop(1,"hsl(360, 100%, 50%)"),o.fillStyle=n,o.fillRect(0,0,t.width,t.height);const s=o.getImageData(r,0,1,1).data;return`rgba(${s[0]}, ${s[1]}, ${s[2]}, ${s[3]/255})`}function P(e="hsl(0, 100%, 50%)",r=1){const t=N.current,o=t?.getContext("2d");if(!o||!t)return;t.width=t.clientWidth,t.height=t.clientHeight,o.clearRect(0,0,t.width,t.height),o.globalAlpha=r;const n=o.createLinearGradient(0,0,t.width,0);n.addColorStop(0,"#ffffff"),n.addColorStop(1,e);const s=o.createLinearGradient(0,0,0,t.height);s.addColorStop(0,"rgba(0, 0, 0, 0)"),s.addColorStop(1,"#000000"),o.fillStyle=n,o.fillRect(0,0,t.width,t.height),o.fillStyle=s,o.fillRect(0,0,t.width,t.height)}function fe(e,r){const t=N.current;if(!t)return[0,0,0,255];const o=t.clientWidth,n=t.clientHeight,s=Math.max(0,Math.min(1,e/o)),u=Math.max(0,Math.min(1,r/n)),J=Math.round(Number(k.current.split(",")[0]?.replace("rgba(","").trim())/t.clientWidth*360),L=s*100,M=(1-u)*100,T=we(J||0,L,M,$.current);return[Math.round(T.r),Math.round(T.g),Math.round(T.b),Math.round(T.a*255)]}function X(e,r,t,o=!1){const n=Ee(e,r,t,{top:!0,left:!0},{x:o?5:1,y:r.clientHeight},{x:o?-5:0});return{left:n.x,top:n.y}}function he(e,r){let t=e[3]/255;t>=.98&&(t=1),t<=.02&&(t=0);const o=`rgba(${e[0]}, ${e[1]}, ${e[2]}, ${t})`,n=ue({r:e[0],g:e[1],b:e[2],a:t});ne(o),B(n),H(n)}function pe(){const e=A.current,r=N.current;if(!e||!r)return;const t=Number(e.style.left.replace("px",""))+5,o=Number(e.style.top.replace("px","")),n=fe(t,o);he(n)}const me=i(()=>{}),ge=i(()=>{}),ve=i(()=>{}),xe=i(()=>{});Q(()=>{me.current=e=>{O(e),E(e),S(e)},ge.current=()=>{C.current=!1,b.current=!1,w.current=!1},ve.current=e=>{e.touches[0]&&(O(e.touches[0]),E(e.touches[0]),S(e.touches[0]))},xe.current=()=>{C.current=!1,b.current=!1,w.current=!1}}),Q(()=>{const e=n=>me.current(n),r=()=>ge.current(),t=n=>ve.current(n),o=()=>xe.current();return window.addEventListener("mousemove",e),window.addEventListener("mouseup",r),window.addEventListener("touchmove",t),window.addEventListener("touchend",o),()=>{window.removeEventListener("mousemove",e),window.removeEventListener("mouseup",r),window.removeEventListener("touchmove",t),window.removeEventListener("touchend",o)}},[]),Q(()=>{P();const e=setTimeout(()=>{ye()},100);return()=>clearTimeout(e)},[]);function O(e){if(!b.current)return;const r=Y.current,t=D.current;if(!r||!t)return;const o=X(e,r,t);r.style.left=o.left+"px";const n=t.clientWidth-10;let s=o.left/n;s>=.98&&(s=1),s<=.02&&(s=0),re(s),$.current=s,P(k.current,s),pe()}function E(e){if(!C.current)return;const r=G.current,t=z.current,o=D.current;if(!r||!t||!o)return;const n=X(e,r,t);r.style.left=n.left+"px";const s=de(t,n.left);ee(s),k.current=s;const u=`linear-gradient(to right, #ffffff 0%, ${s})`;ie(u),P(s,$.current),pe()}function S(e){if(!w.current)return;const r=A.current,t=N.current;if(!r||!t)return;const o=X(e,r,t,!0);r.style.left=o.left+"px",r.style.top=o.top+"px";const n=fe(o.left+5,o.top);he(n)}function Se(e){const r=N.current;if(!r)return{x:0,y:0};const t=typeof e.s=="string"?Number(e.s.replace("%","")):e.s??0,o=typeof e.v=="string"?Number(e.v.replace("%","")):e.v??0,n=Math.max(-5,Math.min(t/100*(r.clientWidth-5),r.clientWidth-5)),s=Math.max(0,Math.min((1-o/100)*r.clientHeight,r.clientHeight));return{x:n,y:s}}const ye=Pe(()=>{const e=G.current,r=Y.current,t=A.current,o=z.current,n=D.current;if(!e||!r||!t||!o||!n)return;const u=Ne(U,j.current),J=Math.min(1,(u.h??0)/360),L=Math.min(o.clientWidth-10,Math.max(0,(o.clientWidth-10)*J)),M=n.clientWidth-10,T=Math.min(M,Math.max(0,M*(u.a??1))),K=M>0?T/M:1;re(K),$.current=K,e.style.left=L+"px",r.style.left=T+"px";const W=de(o,L);ee(W),k.current=W;const je=`linear-gradient(to right, #ffffff 0%, ${W})`;ie(je),P(W,K);const Re=typeof u.s=="string"?Number(u.s.replace("%","")):u.s??0,Ae=typeof u.v=="string"?Number(u.v.replace("%","")):u.v??0,De=we(u.h??0,Re,Ae,u.a??1);ne(at(De));const be=Se(u);t.style.left=be.x+"px",t.style.top=be.y+"px"},[U]);function Me(){ae(!0),setTimeout(()=>{ae(!1),I(e=>{const r=e+1>g.length-1?0:e+1;return V(r),r})},600)}function qe(){le(!0),setTimeout(()=>{le(!1),I(e=>{const r=e-1<0?g.length-1:e-1;return V(r),r})},600)}function V(e){j.current=e;const r=st(oe);if(!r)return;const t=ue(r);B(t),H(t)}const Ce=g[y],ke=g[y+1>g.length-1?0:y+1],$e=g[y-1<0?g.length-1:y-1];return c.jsxs("div",{className:_(l.colorPicker,h&&l.noShadow,a&&l.disabled,q),"data-component":"ColorPicker",children:[c.jsxs("div",{className:l.colorAreaWrapper,children:[c.jsx("span",{ref:A,className:l.colorAreaCursor,style:{left:"-5px",top:"0px"},onMouseDown:e=>{a||(w.current=!0,S(e))},onTouchStart:e=>{a||(w.current=!0,S(e.touches[0]))}}),c.jsx("canvas",{ref:N,className:l.colorArea,onMouseDown:e=>{a||(w.current=!0,S(e))},onTouchStart:e=>{a||(w.current=!0,S(e.touches[0]))}})]}),c.jsxs("div",{className:"flex items-center gap-sm",children:[c.jsx("div",{className:l.colorCircle,style:{background:oe}}),c.jsxs("div",{className:"flex flex-col gap-xs w-full",children:[c.jsx("div",{ref:z,className:_(l.sliderTrack,l.hueTrack,"slider"),onMouseDown:e=>{a||(C.current=!0,E(e))},onTouchStart:e=>{a||(C.current=!0,E(e.touches[0]))},children:c.jsx("span",{ref:G,className:_(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(C.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(C.current=!0)}})}),d&&c.jsx("div",{ref:D,className:_(l.sliderTrack,l.opacityTrack,"slider"),style:{background:_e},onMouseDown:e=>{a||(b.current=!0,O(e))},onTouchStart:e=>{a||(b.current=!0,O(e.touches[0]))},children:c.jsx("span",{ref:Y,className:_(l.sliderCursor),style:{left:"0px"},onMouseDown:e=>{e.stopPropagation(),!a&&(b.current=!0)},onTouchStart:e=>{e.stopPropagation(),!a&&(b.current=!0)}})})]})]}),c.jsxs("div",{className:"flex items-center gap-sm",children:[c.jsx("input",{type:"text",className:_(l.colorInput,"flex-1"),value:U,onChange:e=>{B(e.target.value),H(e.target.value),setTimeout(()=>ye(),0)},disabled:a}),c.jsxs("div",{className:"flex items-center gap-xxs",children:[c.jsxs("div",{className:"flex flex-col items-center overflow-hidden relative h-lg w-fit text-neutral-interaction-default",children:[se&&c.jsx("p",{className:"font-bold",style:{animation:"slide-down 0.6s ease"},children:ke.toUpperCase()}),c.jsx("p",{className:"font-bold",style:{animation:se?"slide-down 0.6s ease":ce?"slide-up 0.6s ease":void 0},children:Ce.toUpperCase()}),ce&&c.jsx("p",{className:"font-bold",style:{animation:"slide-up 0.6s ease"},children:$e.toUpperCase()})]}),c.jsxs("div",{className:"flex flex-col",children:[c.jsx(Te,{name:"arrow_drop_up",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:qe,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Previous color type"}),c.jsx(Te,{name:"arrow_drop_down",className:"cursor-pointer text-neutral-interaction-default text-sm leading-none",onClick:a?void 0:Me,style:{fontFamily:"Material Symbols Outlined",userSelect:"none"},"aria-label":"Next color type"})]})]})]}),c.jsx("div",{className:l.typeToggles,children:g.map(e=>c.jsx("button",{type:"button",className:_(l.typeToggle,e===Ce&&l.active),onClick:()=>{if(a)return;const r=g.indexOf(e);I(r),j.current=r,V(r)},disabled:a,children:e.toUpperCase()},e))})]})}export{ht as C};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"react-dom";/* empty css *//* empty css */import"../components/Badge/index.es.js";/* empty css */t(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("react-dom");;/* empty css */;/* empty css */require("../components/Badge/index.cjs.js");;/* empty css */e.createContext(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.dropwdown-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const m=require("../components/Avatar/index.cjs.js"),c=require("react"),y=require("react-dom"),H=require("./clsx-C11secjj.js"),L=require("../hooks/useControllable.cjs.js"),W=require("../hooks/useTransition.cjs.js"),T=require("../components/Card/index.cjs.js"),$="_floatCard_1x7j3_2",A="_active_1x7j3_2",g={floatCard:$,active:A};function F({value:E,defaultValue:_=!1,onChange:w,mode:f="click",children:k,card:R,className:b}){const[j,l]=L.useControllable({value:E,defaultValue:_,onChange:w}),o=c.useRef(null),s=c.useRef(null),{isMounted:h,isActive:q}=W.useTransition(!!j,{duration:200}),a=c.useCallback(()=>{l(!1)},[l]),C=c.useCallback(()=>{if(!o.current||!s.current)return;const e=s.current.firstElementChild;if(!e)return;const t=(o.current.firstElementChild||o.current).getBoundingClientRect(),n=window.innerHeight,i=window.innerWidth,u=4;t.left+e.offsetWidth>i?e.style.left=`${t.right-e.offsetWidth}px`:e.style.left=`${t.left}px`,t.bottom+e.offsetHeight>n?e.style.top=`${t.top-e.offsetHeight-u}px`:e.style.top=`${t.bottom+u}px`},[]);return c.useEffect(()=>{if(!h)return;requestAnimationFrame(()=>C());const e=n=>{if(!s.current)return;const i=s.current.firstElementChild;if(!i)return;const u=n.type==="wheel",d=i.getBoundingClientRect(),v="clientX"in n?n.clientX:0,p="clientY"in n?n.clientY:0,x=v>=d.left&&v<=d.right&&p>=d.top&&p<=d.bottom;if(u&&x){let r=n.target;for(;r&&i.contains(r);){if(r.scrollHeight>r.clientHeight)return;if(r===i)break;r=r.parentElement}a()}else x||a()},t=setTimeout(()=>{document.addEventListener("click",e),document.addEventListener("wheel",e)},200);return()=>{clearTimeout(t),document.removeEventListener("click",e),document.removeEventListener("wheel",e)}},[h,C,a]),m.jsxRuntimeExports.jsxs("div",{ref:o,onClick:f==="click"?e=>{o.current?.contains(e.target)&&l(!0)}:void 0,onMouseEnter:f==="hover"?()=>l(!0):void 0,onMouseLeave:f==="hover"?a:void 0,className:b,children:[h&&y.createPortal(m.jsxRuntimeExports.jsx("div",{ref:s,children:m.jsxRuntimeExports.jsx(T.Card,{className:H.clsx(g.floatCard,q&&g.active),children:R})}),document.body),k]})}exports.FloatCard=F;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as m}from"../components/Avatar/index.es.js";import{useRef as g,useCallback as x,useEffect as L}from"react";import{createPortal as W}from"react-dom";import{c as $}from"./clsx-B-dksMZM.js";import{u as F}from"../hooks/useControllable.es.js";import{u as I}from"../hooks/useTransition.es.js";import{C as M}from"../components/Card/index.es.js";const T="_floatCard_1x7j3_2",X="_active_1x7j3_2",w={floatCard:T,active:X};function z({value:E,defaultValue:b=!1,onChange:j,mode:d="click",children:k,card:y,className:H}){const[R,c]=F({value:E,defaultValue:b,onChange:j}),o=g(null),s=g(null),{isMounted:u,isActive:_}=I(!!R,{duration:200}),l=x(()=>{c(!1)},[c]),h=x(()=>{if(!o.current||!s.current)return;const t=s.current.firstElementChild;if(!t)return;const e=(o.current.firstElementChild||o.current).getBoundingClientRect(),n=window.innerHeight,i=window.innerWidth,a=4;e.left+t.offsetWidth>i?t.style.left=`${e.right-t.offsetWidth}px`:t.style.left=`${e.left}px`,e.bottom+t.offsetHeight>n?t.style.top=`${e.top-t.offsetHeight-a}px`:t.style.top=`${e.bottom+a}px`},[]);return L(()=>{if(!u)return;requestAnimationFrame(()=>h());const t=n=>{if(!s.current)return;const i=s.current.firstElementChild;if(!i)return;const a=n.type==="wheel",f=i.getBoundingClientRect(),p="clientX"in n?n.clientX:0,v="clientY"in n?n.clientY:0,C=p>=f.left&&p<=f.right&&v>=f.top&&v<=f.bottom;if(a&&C){let r=n.target;for(;r&&i.contains(r);){if(r.scrollHeight>r.clientHeight)return;if(r===i)break;r=r.parentElement}l()}else C||l()},e=setTimeout(()=>{document.addEventListener("click",t),document.addEventListener("wheel",t)},200);return()=>{clearTimeout(e),document.removeEventListener("click",t),document.removeEventListener("wheel",t)}},[u,h,l]),m.jsxs("div",{ref:o,onClick:d==="click"?t=>{o.current?.contains(t.target)&&c(!0)}:void 0,onMouseEnter:d==="hover"?()=>c(!0):void 0,onMouseLeave:d==="hover"?l:void 0,className:H,children:[u&&W(m.jsx("div",{ref:s,children:m.jsx(M,{className:$(w.floatCard,_&&w.active),children:y})}),document.body),k]})}export{z as F};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"../components/Avatar/index.es.js";import C,{useState as _,useRef as ae}from"react";import{C as le}from"./ColorPicker-DRs5fhzn.js";import{F as ie}from"./FloatCard-Ci8mP8y4.js";import{c as i}from"./clsx-B-dksMZM.js";import{u as ce}from"../hooks/useControllable.es.js";import{L}from"./Label-BTtohMHb.js";import{I as d}from"../components/Icon/index.es.js";import{j as ue,k as de,l as me,m as pe}from"./index-B_deyTVk.js";const fe="_input_1a8ld_2",xe="_inputContainer_1a8ld_2",he="_focused_1a8ld_2",_e="_error_1a8ld_2",be="_disabled_1a8ld_2",ve="_inputContent_1a8ld_2",ge="_left_1a8ld_2",je="_center_1a8ld_2",Ne="_right_1a8ld_2",we="_labelRow_1a8ld_2",Ce="_counter_1a8ld_2",Ve="_errorMessage_1a8ld_2",Ie="_numberArrows_1a8ld_2",o={input:fe,inputContainer:xe,focused:he,error:_e,disabled:be,inputContent:ve,left:ge,center:je,right:Ne,labelRow:we,counter:Ce,errorMessage:Ve,numberArrows:Ie};function U({children:p}){return e.jsx(e.Fragment,{children:p})}function q({children:p}){return e.jsx(e.Fragment,{children:p})}const D=C.forwardRef(function(H,f){const{value:O,defaultValue:T,onChange:W,labelValue:x,type:s="text",mask:V,max:t,min:l,step:I=1,errorMessage:h,infoMessage:y,disabled:c=!1,isError:z=!1,required:R=!1,placeholder:G="",textAlign:k,tooltipMinWidth:M,icon:E,appendIcon:F,onFocus:J,onBlur:K,children:Q,className:A}=H,[a,m]=ce({value:O,defaultValue:T??"",onChange:W}),[X,S]=_(!1),[Y,b]=_(!1),[v,Z]=_(!1),[u,P]=_(""),$=ae(null),B=r=>{$.current=r,typeof f=="function"?f(r):f&&(f.current=r)};let g=null,j=null;C.Children.forEach(Q,r=>{if(!C.isValidElement(r))return;const n=r.props;r.type===U&&(g=n.children),r.type===q&&(j=n.children)});const ee=s==="password"?v?"text":"password":s==="number"||s==="search"||s==="email"||s==="url"||s==="domain"||s==="color"?"text":s;function ne(r){let n=r.target.value;if(V&&s==="text"&&(n=de(n,V)),t&&s==="text"&&(n=n.slice(0,t)),s==="number"){const w=Number(n);isNaN(w)||(l!=null&&w<l?n=String(l):t!=null&&w>t&&(n=String(t)))}m(n)}function re(){S(!0),J?.()}function se(){S(!1);const r=a??"";if(s==="email")b(!ue(r));else if(s==="domain"){const n=!r||me(r);b(!n),P(r&&!n?"Invalid domain":"")}else if(s==="url"){const n=!r||pe(r);b(!n),P(r&&!n?"Invalid URL":"")}K?.()}function oe(){const n=((isNaN(Number(a))?0:Number(a))*1e3+(I||1)*1e3)/1e3;m(String(t!=null?Math.min(n,t):n))}function te(){const n=((isNaN(Number(a))?0:Number(a))*1e3-(I||1)*1e3)/1e3;m(String(l!=null?Math.max(n,l):n))}const N=z||Y;if(s==="color"){const r=a??"#000000ff";return e.jsxs("div",{className:i(o.input,A),children:[(x||t!==void 0)&&e.jsx("div",{className:o.labelRow,children:e.jsx(L,{labelValue:x,infoMessage:y,tooltipMinWidth:M,required:R})}),e.jsxs("div",{className:i(o.inputContainer,"flex items-center",c&&o.disabled),children:[e.jsx("input",{ref:B,type:"text",className:i(o.inputContent),value:r,onChange:n=>{m(n.target.value)},disabled:c,placeholder:"#000000ff"}),e.jsx(ie,{card:e.jsx(le,{value:r,onChange:n=>m(n)}),children:e.jsx("button",{type:"button",style:{width:"1.5em",height:"1.5em",background:r,border:"1px solid var(--color-neutral-default, #ccc)",borderRadius:"4px",cursor:c?"not-allowed":"pointer",flexShrink:0},disabled:c,"aria-label":"Open color picker"})})]}),(h||u)&&(N||!!u)&&e.jsx("p",{className:o.errorMessage,children:h||u})]})}return e.jsxs("div",{className:i(o.input,A),children:[(x||t!==void 0)&&e.jsxs("div",{className:o.labelRow,children:[e.jsx(L,{labelValue:x,infoMessage:y,tooltipMinWidth:M,required:R}),s==="text"&&t!==void 0&&e.jsxs("span",{className:o.counter,children:[(a??"").length,"/",t]})]}),e.jsxs("div",{className:"flex items-center h-fit",children:[e.jsxs("div",{className:i(o.inputContainer,"flex-1",X&&o.focused,N&&o.error,c&&o.disabled),children:[s==="search"?e.jsx(d,{name:"search",className:"text-neutral-foreground-low"}):E?e.jsx(d,{name:E}):g||null,e.jsx("input",{ref:B,type:ee,className:i(o.inputContent,k&&o[k]),value:a??"",onChange:ne,onFocus:re,onBlur:se,placeholder:G,disabled:c,spellCheck:!1}),s==="password"?e.jsx(d,{name:v?"visibility_off":"visibility",className:"cursor-pointer",onClick:()=>Z(!v)}):F?e.jsx(d,{name:F}):j||null]}),s==="number"&&e.jsxs("div",{className:i(o.numberArrows,"ml-xxs"),children:[e.jsx(d,{name:"arrow_drop_up",className:"arrow-icon",onClick:oe}),e.jsx(d,{name:"arrow_drop_down",className:"arrow-icon",onClick:te})]})]}),(h||u)&&(N||!!u)&&e.jsx("p",{className:o.errorMessage,children:h||u})]})});D.PrependIcon=U;D.AppendIcon=q;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("../components/Avatar/index.cjs.js"),i=require("react"),le=require("./ColorPicker-BzlgPz70.js"),ie=require("./FloatCard-BGxNbGZp.js"),c=require("./clsx-C11secjj.js"),ae=require("../hooks/useControllable.cjs.js"),L=require("./Label-bwrT7VIV.js"),x=require("../components/Icon/index.cjs.js"),h=require("./index-CX6wEu92.js"),ce="_input_1a8ld_2",ue="_inputContainer_1a8ld_2",de="_focused_1a8ld_2",xe="_error_1a8ld_2",me="_disabled_1a8ld_2",pe="_inputContent_1a8ld_2",fe="_left_1a8ld_2",je="_center_1a8ld_2",_e="_right_1a8ld_2",he="_labelRow_1a8ld_2",Re="_counter_1a8ld_2",be="_errorMessage_1a8ld_2",Ee="_numberArrows_1a8ld_2",r={input:ce,inputContainer:ue,focused:de,error:xe,disabled:me,inputContent:pe,left:fe,center:je,right:_e,labelRow:he,counter:Re,errorMessage:be,numberArrows:Ee};function B({children:p}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p})}function U({children:p}){return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:p})}const D=i.forwardRef(function(H,f){const{value:O,defaultValue:T,onChange:W,labelValue:j,type:t="text",mask:C,max:o,min:a,step:w=1,errorMessage:_,infoMessage:I,disabled:u=!1,isError:z=!1,required:V=!1,placeholder:G="",textAlign:y,tooltipMinWidth:k,icon:M,appendIcon:q,onFocus:J,onBlur:K,children:Q,className:S}=H,[l,m]=ae.useControllable({value:O,defaultValue:T??"",onChange:W}),[X,F]=i.useState(!1),[Y,R]=i.useState(!1),[b,Z]=i.useState(!1),[d,A]=i.useState(""),$=i.useRef(null),P=n=>{$.current=n,typeof f=="function"?f(n):f&&(f.current=n)};let E=null,v=null;i.Children.forEach(Q,n=>{if(!i.isValidElement(n))return;const s=n.props;n.type===B&&(E=s.children),n.type===U&&(v=s.children)});const ee=t==="password"?b?"text":"password":t==="number"||t==="search"||t==="email"||t==="url"||t==="domain"||t==="color"?"text":t;function se(n){let s=n.target.value;if(C&&t==="text"&&(s=h.applyMask(s,C)),o&&t==="text"&&(s=s.slice(0,o)),t==="number"){const N=Number(s);isNaN(N)||(a!=null&&N<a?s=String(a):o!=null&&N>o&&(s=String(o)))}m(s)}function ne(){F(!0),J?.()}function te(){F(!1);const n=l??"";if(t==="email")R(!h.isValidEmail(n));else if(t==="domain"){const s=!n||h.isValidDomain(n);R(!s),A(n&&!s?"Invalid domain":"")}else if(t==="url"){const s=!n||h.isValidUrl(n);R(!s),A(n&&!s?"Invalid URL":"")}K?.()}function re(){const s=((isNaN(Number(l))?0:Number(l))*1e3+(w||1)*1e3)/1e3;m(String(o!=null?Math.min(s,o):s))}function oe(){const s=((isNaN(Number(l))?0:Number(l))*1e3-(w||1)*1e3)/1e3;m(String(a!=null?Math.max(s,a):s))}const g=z||Y;if(t==="color"){const n=l??"#000000ff";return e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.input,S),children:[(j||o!==void 0)&&e.jsxRuntimeExports.jsx("div",{className:r.labelRow,children:e.jsxRuntimeExports.jsx(L.Label,{labelValue:j,infoMessage:I,tooltipMinWidth:k,required:V})}),e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.inputContainer,"flex items-center",u&&r.disabled),children:[e.jsxRuntimeExports.jsx("input",{ref:P,type:"text",className:c.clsx(r.inputContent),value:n,onChange:s=>{m(s.target.value)},disabled:u,placeholder:"#000000ff"}),e.jsxRuntimeExports.jsx(ie.FloatCard,{card:e.jsxRuntimeExports.jsx(le.ColorPicker,{value:n,onChange:s=>m(s)}),children:e.jsxRuntimeExports.jsx("button",{type:"button",style:{width:"1.5em",height:"1.5em",background:n,border:"1px solid var(--color-neutral-default, #ccc)",borderRadius:"4px",cursor:u?"not-allowed":"pointer",flexShrink:0},disabled:u,"aria-label":"Open color picker"})})]}),(_||d)&&(g||!!d)&&e.jsxRuntimeExports.jsx("p",{className:r.errorMessage,children:_||d})]})}return e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.input,S),children:[(j||o!==void 0)&&e.jsxRuntimeExports.jsxs("div",{className:r.labelRow,children:[e.jsxRuntimeExports.jsx(L.Label,{labelValue:j,infoMessage:I,tooltipMinWidth:k,required:V}),t==="text"&&o!==void 0&&e.jsxRuntimeExports.jsxs("span",{className:r.counter,children:[(l??"").length,"/",o]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center h-fit",children:[e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.inputContainer,"flex-1",X&&r.focused,g&&r.error,u&&r.disabled),children:[t==="search"?e.jsxRuntimeExports.jsx(x.Icon,{name:"search",className:"text-neutral-foreground-low"}):M?e.jsxRuntimeExports.jsx(x.Icon,{name:M}):E||null,e.jsxRuntimeExports.jsx("input",{ref:P,type:ee,className:c.clsx(r.inputContent,y&&r[y]),value:l??"",onChange:se,onFocus:ne,onBlur:te,placeholder:G,disabled:u,spellCheck:!1}),t==="password"?e.jsxRuntimeExports.jsx(x.Icon,{name:b?"visibility_off":"visibility",className:"cursor-pointer",onClick:()=>Z(!b)}):q?e.jsxRuntimeExports.jsx(x.Icon,{name:q}):v||null]}),t==="number"&&e.jsxRuntimeExports.jsxs("div",{className:c.clsx(r.numberArrows,"ml-xxs"),children:[e.jsxRuntimeExports.jsx(x.Icon,{name:"arrow_drop_up",className:"arrow-icon",onClick:re}),e.jsxRuntimeExports.jsx(x.Icon,{name:"arrow_drop_down",className:"arrow-icon",onClick:oe})]})]}),(_||d)&&(g||!!d)&&e.jsxRuntimeExports.jsx("p",{className:r.errorMessage,children:_||d})]})});D.PrependIcon=B;D.AppendIcon=U;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"../components/Avatar/index.es.js";import{T as o}from"./Tooltip-DbBhUsGz.js";import{I as m}from"../components/Icon/index.es.js";/* empty css */function d({labelValue:e,infoMessage:r,tooltipMinWidth:n,required:t,className:i}){return e?s.jsxs("h5",{className:`inline-flex items-center text-sm font-semibold leading-xs${i?` ${i}`:""}`,children:[e,t&&s.jsx("span",{className:"text-primary-foreground-low ml-xxs",children:"*"}),r&&s.jsxs(o,{className:"ml-xxs",children:[s.jsx(o.Label,{children:s.jsx("p",{className:"p-xxs text-neutral-foreground-negative",style:n?{minWidth:n}:void 0,children:r})}),s.jsx(m,{name:"info",className:"info-icon"})]})]}):null}export{d as L};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("../components/Avatar/index.cjs.js"),i=require("./Tooltip-Diruxnme.js"),o=require("../components/Icon/index.cjs.js");;/* empty css */function l({labelValue:s,infoMessage:n,tooltipMinWidth:t,required:x,className:r}){return s?e.jsxRuntimeExports.jsxs("h5",{className:`inline-flex items-center text-sm font-semibold leading-xs${r?` ${r}`:""}`,children:[s,x&&e.jsxRuntimeExports.jsx("span",{className:"text-primary-foreground-low ml-xxs",children:"*"}),n&&e.jsxRuntimeExports.jsxs(i.Tooltip,{className:"ml-xxs",children:[e.jsxRuntimeExports.jsx(i.Tooltip.Label,{children:e.jsxRuntimeExports.jsx("p",{className:"p-xxs text-neutral-foreground-negative",style:t?{minWidth:t}:void 0,children:n})}),e.jsxRuntimeExports.jsx(o.Icon,{name:"info",className:"info-icon"})]})]}):null}exports.Label=l;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as l}from"../components/Avatar/index.es.js";import I,{useState as H,useRef as D,useEffect as R,useImperativeHandle as J}from"react";import{c as A}from"./clsx-B-dksMZM.js";const S="_pinInput_1l2sp_2",T="_field_1l2sp_2",q="_filled_1l2sp_2",z="_separator_1l2sp_2",G="_disabled_1l2sp_2",f={pinInput:S,field:T,filled:q,separator:z,disabled:G};I.forwardRef(function({value:n,defaultValue:V,onChange:m,onComplete:_,length:r=6,disabled:y=!1,placeholder:b,separator:v,type:h="text",otp:F=!1,className:k},E){const i=n!==void 0,[c,u]=H(()=>{const e=i?n:V??"";return Array.from({length:r},(t,s)=>e?.[s]??"")}),o=D([]);R(()=>{i&&n!==void 0&&u(Array.from({length:r},(e,t)=>n[t]??""))},[n,i,r]);const w=D("");R(()=>{const e=c.join("");e!==w.current&&(w.current=e,m?.(e),e.length===r&&c.every(t=>t!=="")&&_?.(e))},[c,r,m,_]),J(E,()=>({focus:()=>{const e=c.findIndex(t=>!t);o.current[e!==-1?e:0]?.focus()},clear:()=>{u(Array(r).fill("")),o.current[0]?.focus()}}));function j(e,t){const s=[...c];return s[e]=t,u(s),s}function N(e,t){const a=e.target.value.slice(-1);j(t,a),a&&t<r-1&&o.current[t+1]?.focus()}function P(e,t){if(e.key==="Backspace")if(!c[t]&&t>0){const s=o.current[t-1];s&&(s.focus(),s.select())}else j(t,"");else e.key==="ArrowLeft"&&t>0?(e.preventDefault(),o.current[t-1]?.focus()):e.key==="ArrowRight"&&t<r-1&&(e.preventDefault(),o.current[t+1]?.focus())}async function C(e,t){e.preventDefault();let s;try{s=await navigator.clipboard.readText()}catch{s=e.clipboardData.getData("text")}const a=[...c];s.split("").slice(0,r-t).forEach((p,d)=>{a[t+d]=p}),u(a);const L=a.reduce((p,d,B)=>d?B:p,t),M=Math.min(L+1,r-1);o.current[M]?.focus()}function K(e){e.target.select()}return l.jsx("div",{className:A(f.pinInput,k),children:Array.from({length:r},(e,t)=>l.jsxs(I.Fragment,{children:[v!==void 0&&t>0&&t%v===0&&l.jsx("span",{className:f.separator,children:"-"}),l.jsx("input",{ref:s=>{o.current[t]=s},className:A(f.field,c[t]&&f.filled,y&&f.disabled),value:c[t]||"",onChange:s=>N(s,t),onKeyDown:s=>P(s,t),onPaste:s=>C(s,t),onFocus:K,type:h,inputMode:"numeric",maxLength:1,placeholder:b,disabled:y,autoComplete:F?"one-time-code":void 0})]},t))})});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const i=require("../components/Avatar/index.cjs.js"),a=require("react"),E=require("./clsx-C11secjj.js"),K="_pinInput_1l2sp_2",L="_field_1l2sp_2",M="_filled_1l2sp_2",B="_separator_1l2sp_2",H="_disabled_1l2sp_2",l={pinInput:K,field:L,filled:M,separator:B,disabled:H};a.forwardRef(function({value:u,defaultValue:I,onChange:m,onComplete:y,length:r=6,disabled:v=!1,placeholder:A,separator:R,type:D="text",otp:V=!1,className:b},h){const p=u!==void 0,[c,f]=a.useState(()=>{const t=p?u:I??"";return Array.from({length:r},(e,s)=>t?.[s]??"")}),o=a.useRef([]);a.useEffect(()=>{p&&u!==void 0&&f(Array.from({length:r},(t,e)=>u[e]??""))},[u,p,r]);const j=a.useRef("");a.useEffect(()=>{const t=c.join("");t!==j.current&&(j.current=t,m?.(t),t.length===r&&c.every(e=>e!=="")&&y?.(t))},[c,r,m,y]),a.useImperativeHandle(h,()=>({focus:()=>{const t=c.findIndex(e=>!e);o.current[t!==-1?t:0]?.focus()},clear:()=>{f(Array(r).fill("")),o.current[0]?.focus()}}));function w(t,e){const s=[...c];return s[t]=e,f(s),s}function F(t,e){const n=t.target.value.slice(-1);w(e,n),n&&e<r-1&&o.current[e+1]?.focus()}function k(t,e){if(t.key==="Backspace")if(!c[e]&&e>0){const s=o.current[e-1];s&&(s.focus(),s.select())}else w(e,"");else t.key==="ArrowLeft"&&e>0?(t.preventDefault(),o.current[e-1]?.focus()):t.key==="ArrowRight"&&e<r-1&&(t.preventDefault(),o.current[e+1]?.focus())}async function x(t,e){t.preventDefault();let s;try{s=await navigator.clipboard.readText()}catch{s=t.clipboardData.getData("text")}const n=[...c];s.split("").slice(0,r-e).forEach((d,_)=>{n[e+_]=d}),f(n);const q=n.reduce((d,_,C)=>_?C:d,e),P=Math.min(q+1,r-1);o.current[P]?.focus()}function N(t){t.target.select()}return i.jsxRuntimeExports.jsx("div",{className:E.clsx(l.pinInput,b),children:Array.from({length:r},(t,e)=>i.jsxRuntimeExports.jsxs(a.Fragment,{children:[R!==void 0&&e>0&&e%R===0&&i.jsxRuntimeExports.jsx("span",{className:l.separator,children:"-"}),i.jsxRuntimeExports.jsx("input",{ref:s=>{o.current[e]=s},className:E.clsx(l.field,c[e]&&l.filled,v&&l.disabled),value:c[e]||"",onChange:s=>F(s,e),onKeyDown:s=>k(s,e),onPaste:s=>x(s,e),onFocus:N,type:D,inputMode:"numeric",maxLength:1,placeholder:A,disabled:v,autoComplete:V?"one-time-code":void 0})]},e))})});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require("../components/Avatar/index.cjs.js");require("react");require("./Tooltip-Diruxnme.js");require("../components/Badge/index.cjs.js");;/* empty css */;/* empty css */require("react-dom");;/* empty css */;/* empty css */;/* empty css */;/* empty css */const h=require("./index-CX6wEu92.js");;/* empty css */;/* empty css */function n(){const e=[],l=[];for(let r=10;r>=0;r--)l.push(h.blendColors("#000000",r/10));e.push(l);const o=["hsl(0, 100%, 50%)","hsl(30, 100%, 50%)","hsl(60, 100%, 50%)","hsl(90, 100%, 50%)","hsl(120, 100%, 50%)","hsl(150, 100%, 50%)","hsl(180, 100%, 50%)","hsl(210, 100%, 50%)","hsl(240, 100%, 50%)","hsl(270, 100%, 50%)","hsl(300, 100%, 50%)"];e.push(o);const t=[];for(let r=0;r<3;r++){const s=[];o.forEach(u=>s.push(h.blendColors(u,r*.2+.2))),t.push(s)}e.push(...t);const i=[];for(let r=2;r>=0;r--){const s=[];o.forEach(u=>s.push(h.blendColors(u,r*.2+.2,[0,0,0]))),i.push(s)}return e.push(...i),e}n();Array.from({length:10},(e,l)=>l*4+12);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../components/Avatar/index.es.js";import"react";import"./Tooltip-DbBhUsGz.js";import"../components/Badge/index.es.js";/* empty css *//* empty css */import"react-dom";/* empty css *//* empty css *//* empty css *//* empty css */import{i as l}from"./index-B_deyTVk.js";/* empty css *//* empty css */function e(){const t=[],s=[];for(let o=10;o>=0;o--)s.push(l("#000000",o/10));t.push(s);const h=["hsl(0, 100%, 50%)","hsl(30, 100%, 50%)","hsl(60, 100%, 50%)","hsl(90, 100%, 50%)","hsl(120, 100%, 50%)","hsl(150, 100%, 50%)","hsl(180, 100%, 50%)","hsl(210, 100%, 50%)","hsl(240, 100%, 50%)","hsl(270, 100%, 50%)","hsl(300, 100%, 50%)"];t.push(h);const i=[];for(let o=0;o<3;o++){const r=[];h.forEach(p=>r.push(l(p,o*.2+.2))),i.push(r)}t.push(...i);const m=[];for(let o=2;o>=0;o--){const r=[];h.forEach(p=>r.push(l(p,o*.2+.2,[0,0,0]))),m.push(r)}return t.push(...m),t}e();Array.from({length:10},(t,s)=>s*4+12);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../components/Avatar/index.es.js";import{createContext as e}from"react";let r=null;try{r=require("react-router-dom").Link}catch{}e({currentValue:void 0,onChange:()=>{}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");let r=null;try{r=require("react-router-dom").Link}catch{}e.createContext({currentValue:void 0,onChange:()=>{}});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const b=require("../components/Avatar/index.cjs.js"),n=require("react"),E=require("./clsx-C11secjj.js"),gt=require("../hooks/useControllable.cjs.js"),mt=require("./Tooltip-Diruxnme.js"),pt=require("./index-CX6wEu92.js"),_t="_slider_rw7q0_2",vt="_small_rw7q0_2",wt="_medium_rw7q0_2",Mt="_large_rw7q0_2",xt="_vertical_rw7q0_2",yt="_disabled_rw7q0_2",bt="_stepSlider_rw7q0_2",Ct="_neutralBg_rw7q0_2",Rt="_track_rw7q0_2",kt="_fillBar_rw7q0_2",Et="_fillBarVertical_rw7q0_2",St="_haveFillColors_rw7q0_2",qt="_cursor_rw7q0_2",Bt="_dragging_rw7q0_2",At="_stepsContainer_rw7q0_2",Tt="_step_rw7q0_2",Vt="_stepActive_rw7q0_2",jt="_stepNeutral_rw7q0_2",Nt="_stepMarker_rw7q0_2",Ht="_stepMarkerActive_rw7q0_2",Dt="_stepMarkerNeutral_rw7q0_2",o={slider:_t,small:vt,medium:wt,large:Mt,vertical:xt,disabled:yt,stepSlider:bt,neutralBg:Ct,track:Rt,fillBar:kt,fillBarVertical:Et,haveFillColors:St,cursor:qt,dragging:Bt,stepsContainer:At,step:Tt,stepActive:Vt,stepNeutral:jt,stepMarker:Nt,stepMarkerActive:Ht,stepMarkerNeutral:Dt},Lt=n.forwardRef(function(Z,S){const{value:Y,onChange:tt,size:F="medium",max:a=0,unit:et="",color:x="",showTooltip:rt=!1,disabled:C=!1,vertical:v=!1,fillColors:w,isRange:p=!1,steps:h,neutralBackground:A=!1,className:st}=Z,nt=Y!==void 0,[y,X]=gt.useControllable({value:Y,defaultValue:p?[0,0]:0,onChange:tt}),[I,z]=n.useState([!1,!1]),[R,D]=n.useState(void 0),T=n.useRef(null),U=n.useRef(null),k=n.useRef([]),L=n.useRef([!1,!1]),V=n.useRef(y),$=n.useRef(()=>{}),P=n.useRef(()=>{}),G=n.useRef(()=>{}),ot=n.useCallback(t=>{T.current=t,typeof S=="function"?S(t):S&&(S.current=t)},[S]);n.useEffect(()=>{V.current=y},[y]);function lt(){return A||!x?"":pt.blendColors(x)}function W(t){return t===void 0?[0,0]:Array.isArray(t)?[t[0],t[1]]:[t,t]}function g(t){return!a||a===0?Math.min(1,Math.max(0,t)):Math.min(1,Math.max(0,t/a))}function it(t){return!a||a===0?t:t*a}function J(t){return!h||!h.length?t:h.map(r=>a?r.value/a:r.value).reduce((r,l)=>Math.abs(l-t)<Math.abs(r-t)?l:r)}const j=n.useCallback(()=>{const t=T.current,e=U.current;if(!t)return;const r=W(V.current),l=p?[g(r[0]),g(r[1])]:[g(r[0])],u=k.current;if(u.forEach((s,i)=>{if(!s)return;const m=l[i]??0;if(v){const d=t.clientHeight,f=Math.min(d,Math.max(0,d*m)),_=getComputedStyle(s).getPropertyValue("--border-width-xs"),c=parseFloat(_)/2||0;s.style.bottom=r[i]<(a*.99||.99)||h&&h.length?f-s.clientHeight/3-c+"px":f-s.clientHeight-c+"px",s.style.left="50%"}else{const d=t.clientWidth,f=Math.min(d,Math.max(0,d*m)),_=getComputedStyle(s).getPropertyValue("--border-width-xs"),c=parseFloat(_)/2||0;s.style.left=r[i]<(a*.99||.99)||h&&h.length?f-s.clientWidth/3-c+"px":f-s.clientWidth-c+"px",s.style.bottom="50%"}}),!!e)if(v){const s=t.clientHeight,i=u.map(c=>c?c.clientHeight/2:0),d=u.map(c=>c?c.offsetTop:0).map((c,B)=>s-c-i[B]),f=p?Math.min(...d):0,_=Math.max(0,Math.max(...d));e.style.bottom=f+"px",e.style.height=Math.abs(_-f)+"px",e.style.left="50%",e.style.width="100%"}else{const s=u.filter(Boolean);if(!s.length)return;const i=s.map(f=>f.offsetLeft+f.clientWidth/3),m=p?Math.min(...i):0,d=Math.max(...i);e.style.left=m+"px",e.style.width=Math.abs(d-m)+s[0].clientWidth/6+"px",e.style.bottom="50%",e.style.height="100%"}},[p,v,a,h]),q=n.useCallback(t=>{const e=[!1,!1];e[t]=!0,L.current=e,z([...e])},[]),N=n.useCallback((t,e)=>{const r=T.current;r&&L.current.forEach((l,u)=>{if(!l)return;const s=k.current[u];if(!s)return;let i;if(v){const _=r.getBoundingClientRect(),c=r.clientHeight-s.clientHeight,B=e-s.clientHeight/2-_.top,H=c,ht=Math.min(H,Math.max(0,H-B));i=J(ht/(c||1))}else{const _=r.getBoundingClientRect(),c=r.clientWidth-s.clientWidth,B=t-s.clientWidth/2-_.left,H=Math.min(c,Math.max(0,B));i=J(H/(c||1))}const m=it(i),d=W(V.current);let f;if(p){const _=[...d];_[u]=m,f=_}else f=m;V.current=f,X(f),D(f),setTimeout(()=>j(),0)})},[p,v,a,h,X,j]),ct=n.useCallback(()=>{L.current=[!1,!1],z([!1,!1]),nt||D(void 0)},[]);n.useEffect(()=>{if(R===void 0)return;(Array.isArray(R)&&Array.isArray(y)?R[0]===y[0]&&R[1]===y[1]:R===y)&&D(void 0)},[y,R]),n.useEffect(()=>{$.current=t=>N(t.clientX,t.clientY),P.current=ct,G.current=t=>{t.touches[0]&&N(t.touches[0].clientX,t.touches[0].clientY)}}),n.useEffect(()=>{const t=u=>$.current(u),e=()=>P.current(),r=u=>G.current(u),l=()=>P.current();return window.addEventListener("mousemove",t),window.addEventListener("mouseup",e),window.addEventListener("touchmove",r),window.addEventListener("touchend",l),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",e),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",l)}},[]),n.useEffect(()=>{const t=setTimeout(()=>j(),200);return()=>clearTimeout(t)},[]),n.useEffect(()=>{const t=setTimeout(()=>j(),100);return()=>clearTimeout(t)},[y,F,v]);const at=t=>{const e=et||"%";return`${t.toFixed(1)}${e}`},ut=p?2:1,M=W(R??y),ft=t=>{const e=a?t.value/a:t.value,r={};return v?r.bottom=e*100+"%":r.left=e*100+"%",r},dt=t=>{const e=a?t.value/a:t.value;if(p){const r=Math.min(g(M[0]),g(M[1])),l=Math.max(g(M[0]),g(M[1]));return e>=r&&e<=l}return e>=0&&e<=g(M[0])},K=(t,e)=>{if(!e||C)return{};if(w&&w.length){const r=a?t.value/a:t.value,l=p?Math.min(g(M[0]),g(M[1])):0,s=(p?Math.max(g(M[0]),g(M[1])):g(M[0]))-l;if(s<=0)return{};const i=(r-l)/s,m=Math.min(w.length-1,Math.max(0,Math.floor(i*w.length)));return{backgroundColor:w[m]}}return x?{backgroundColor:x}:{}},O={};x&&!(w&&w.length)&&!C&&(O.backgroundColor=x);const Q=t=>{const e={};return x&&!C&&(e.borderColor=x),e};return b.jsxRuntimeExports.jsxs("div",{ref:ot,className:E.clsx(o.slider,o[F],v?o.vertical:o.horizontal,C&&o.disabled,h&&h.length&&o.stepSlider,A&&o.neutralBg,st),style:{background:lt()},"aria-disabled":C,onMouseDown:t=>{if(C)return;const e=T.current;if(!e)return;let r=0;if(p&&k.current.length>1){let l=1/0;k.current.forEach((u,s)=>{if(u)if(v){const i=e.getBoundingClientRect(),m=e.clientHeight-u.offsetTop-u.clientHeight/2,d=Math.abs(e.clientHeight-(t.clientY-i.top)-m);d<l&&(l=d,r=s)}else{const i=Math.abs(u.offsetLeft-(t.clientX-e.getBoundingClientRect().left));i<l&&(l=i,r=s)}})}q(r),N(t.clientX,t.clientY)},onTouchStart:t=>{C||t.touches[0]&&N(t.touches[0].clientX,t.touches[0].clientY)},children:[b.jsxRuntimeExports.jsx("div",{ref:U,className:E.clsx(o.fillBar,v&&o.fillBarVertical,w&&w.length&&o.haveFillColors),style:O,children:w&&w.map((t,e)=>b.jsxRuntimeExports.jsx("div",{style:{background:t,width:"100%",height:"100%"}},e))}),Array.from({length:ut}).map((t,e)=>rt?b.jsxRuntimeExports.jsx(mt.Tooltip,{labelValue:at(M[e]),position:v?"right":"top",children:b.jsxRuntimeExports.jsx("div",{ref:r=>{k.current[e]=r},className:E.clsx(o.cursor,I[e]&&o.dragging,x&&o.coloredCursor),style:Q(),onMouseDown:r=>{r.stopPropagation(),q(e)},onTouchStart:r=>{r.stopPropagation(),q(e)}})},e):b.jsxRuntimeExports.jsx("div",{ref:r=>{k.current[e]=r},className:E.clsx(o.cursor,I[e]&&o.dragging,x&&o.coloredCursor),style:Q(),onMouseDown:r=>{r.stopPropagation(),q(e)},onTouchStart:r=>{r.stopPropagation(),q(e)}},e)),h&&h.map((t,e)=>{const r=dt(t);return b.jsxRuntimeExports.jsx("div",{className:E.clsx(o.step,r&&o.stepActive,A&&o.stepNeutral),style:{...ft(t),...K(t,r)},children:b.jsxRuntimeExports.jsx("div",{className:E.clsx(o.stepMarker,r&&o.stepMarkerActive,A&&!r&&o.stepMarkerNeutral),style:K(t,r)})},e)})]})});Lt.displayName="Slider";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as b}from"../components/Avatar/index.es.js";import _t,{useState as et,useRef as C,useCallback as V,useEffect as k}from"react";import{c as q}from"./clsx-B-dksMZM.js";import{u as vt}from"../hooks/useControllable.es.js";import{T as wt}from"./Tooltip-DbBhUsGz.js";import{i as Mt}from"./index-B_deyTVk.js";const yt="_slider_rw7q0_2",bt="_small_rw7q0_2",Ct="_medium_rw7q0_2",xt="_large_rw7q0_2",St="_vertical_rw7q0_2",Bt="_disabled_rw7q0_2",kt="_stepSlider_rw7q0_2",qt="_neutralBg_rw7q0_2",At="_track_rw7q0_2",Rt="_fillBar_rw7q0_2",Tt="_fillBarVertical_rw7q0_2",Vt="_haveFillColors_rw7q0_2",Et="_cursor_rw7q0_2",Nt="_dragging_rw7q0_2",Ht="_stepsContainer_rw7q0_2",Dt="_step_rw7q0_2",Lt="_stepActive_rw7q0_2",Pt="_stepNeutral_rw7q0_2",Wt="_stepMarker_rw7q0_2",jt="_stepMarkerActive_rw7q0_2",Yt="_stepMarkerNeutral_rw7q0_2",o={slider:yt,small:bt,medium:Ct,large:xt,vertical:St,disabled:Bt,stepSlider:kt,neutralBg:qt,track:At,fillBar:Rt,fillBarVertical:Tt,haveFillColors:Vt,cursor:Et,dragging:Nt,stepsContainer:Ht,step:Dt,stepActive:Lt,stepNeutral:Pt,stepMarker:Wt,stepMarkerActive:jt,stepMarkerNeutral:Yt},Ft=_t.forwardRef(function(rt,A){const{value:X,onChange:nt,size:I="medium",max:a=0,unit:ot="",color:M="",showTooltip:st=!1,disabled:x=!1,vertical:_=!1,fillColors:v,isRange:m=!1,steps:d,neutralBackground:E=!1,className:it}=rt,lt=X!==void 0,[y,z]=vt({value:X,defaultValue:m?[0,0]:0,onChange:nt}),[U,$]=et([!1,!1]),[S,W]=et(void 0),N=C(null),G=C(null),B=C([]),j=C([!1,!1]),H=C(y),J=C(()=>{}),Y=C(()=>{}),K=C(()=>{}),at=V(t=>{N.current=t,typeof A=="function"?A(t):A&&(A.current=t)},[A]);k(()=>{H.current=y},[y]);function ct(){return E||!M?"":Mt(M)}function F(t){return t===void 0?[0,0]:Array.isArray(t)?[t[0],t[1]]:[t,t]}function h(t){return!a||a===0?Math.min(1,Math.max(0,t)):Math.min(1,Math.max(0,t/a))}function ut(t){return!a||a===0?t:t*a}function O(t){return!d||!d.length?t:d.map(r=>a?r.value/a:r.value).reduce((r,s)=>Math.abs(s-t)<Math.abs(r-t)?s:r)}const D=V(()=>{const t=N.current,e=G.current;if(!t)return;const r=F(H.current),s=m?[h(r[0]),h(r[1])]:[h(r[0])],c=B.current;if(c.forEach((n,i)=>{if(!n)return;const g=s[i]??0;if(_){const f=t.clientHeight,u=Math.min(f,Math.max(0,f*g)),p=getComputedStyle(n).getPropertyValue("--border-width-xs"),l=parseFloat(p)/2||0;n.style.bottom=r[i]<(a*.99||.99)||d&&d.length?u-n.clientHeight/3-l+"px":u-n.clientHeight-l+"px",n.style.left="50%"}else{const f=t.clientWidth,u=Math.min(f,Math.max(0,f*g)),p=getComputedStyle(n).getPropertyValue("--border-width-xs"),l=parseFloat(p)/2||0;n.style.left=r[i]<(a*.99||.99)||d&&d.length?u-n.clientWidth/3-l+"px":u-n.clientWidth-l+"px",n.style.bottom="50%"}}),!!e)if(_){const n=t.clientHeight,i=c.map(l=>l?l.clientHeight/2:0),f=c.map(l=>l?l.offsetTop:0).map((l,T)=>n-l-i[T]),u=m?Math.min(...f):0,p=Math.max(0,Math.max(...f));e.style.bottom=u+"px",e.style.height=Math.abs(p-u)+"px",e.style.left="50%",e.style.width="100%"}else{const n=c.filter(Boolean);if(!n.length)return;const i=n.map(u=>u.offsetLeft+u.clientWidth/3),g=m?Math.min(...i):0,f=Math.max(...i);e.style.left=g+"px",e.style.width=Math.abs(f-g)+n[0].clientWidth/6+"px",e.style.bottom="50%",e.style.height="100%"}},[m,_,a,d]),R=V(t=>{const e=[!1,!1];e[t]=!0,j.current=e,$([...e])},[]),L=V((t,e)=>{const r=N.current;r&&j.current.forEach((s,c)=>{if(!s)return;const n=B.current[c];if(!n)return;let i;if(_){const p=r.getBoundingClientRect(),l=r.clientHeight-n.clientHeight,T=e-n.clientHeight/2-p.top,P=l,pt=Math.min(P,Math.max(0,P-T));i=O(pt/(l||1))}else{const p=r.getBoundingClientRect(),l=r.clientWidth-n.clientWidth,T=t-n.clientWidth/2-p.left,P=Math.min(l,Math.max(0,T));i=O(P/(l||1))}const g=ut(i),f=F(H.current);let u;if(m){const p=[...f];p[c]=g,u=p}else u=g;H.current=u,z(u),W(u),setTimeout(()=>D(),0)})},[m,_,a,d,z,D]),ft=V(()=>{j.current=[!1,!1],$([!1,!1]),lt||W(void 0)},[]);k(()=>{if(S===void 0)return;(Array.isArray(S)&&Array.isArray(y)?S[0]===y[0]&&S[1]===y[1]:S===y)&&W(void 0)},[y,S]),k(()=>{J.current=t=>L(t.clientX,t.clientY),Y.current=ft,K.current=t=>{t.touches[0]&&L(t.touches[0].clientX,t.touches[0].clientY)}}),k(()=>{const t=c=>J.current(c),e=()=>Y.current(),r=c=>K.current(c),s=()=>Y.current();return window.addEventListener("mousemove",t),window.addEventListener("mouseup",e),window.addEventListener("touchmove",r),window.addEventListener("touchend",s),()=>{window.removeEventListener("mousemove",t),window.removeEventListener("mouseup",e),window.removeEventListener("touchmove",r),window.removeEventListener("touchend",s)}},[]),k(()=>{const t=setTimeout(()=>D(),200);return()=>clearTimeout(t)},[]),k(()=>{const t=setTimeout(()=>D(),100);return()=>clearTimeout(t)},[y,I,_]);const dt=t=>{const e=ot||"%";return`${t.toFixed(1)}${e}`},ht=m?2:1,w=F(S??y),gt=t=>{const e=a?t.value/a:t.value,r={};return _?r.bottom=e*100+"%":r.left=e*100+"%",r},mt=t=>{const e=a?t.value/a:t.value;if(m){const r=Math.min(h(w[0]),h(w[1])),s=Math.max(h(w[0]),h(w[1]));return e>=r&&e<=s}return e>=0&&e<=h(w[0])},Q=(t,e)=>{if(!e||x)return{};if(v&&v.length){const r=a?t.value/a:t.value,s=m?Math.min(h(w[0]),h(w[1])):0,n=(m?Math.max(h(w[0]),h(w[1])):h(w[0]))-s;if(n<=0)return{};const i=(r-s)/n,g=Math.min(v.length-1,Math.max(0,Math.floor(i*v.length)));return{backgroundColor:v[g]}}return M?{backgroundColor:M}:{}},Z={};M&&!(v&&v.length)&&!x&&(Z.backgroundColor=M);const tt=t=>{const e={};return M&&!x&&(e.borderColor=M),e};return b.jsxs("div",{ref:at,className:q(o.slider,o[I],_?o.vertical:o.horizontal,x&&o.disabled,d&&d.length&&o.stepSlider,E&&o.neutralBg,it),style:{background:ct()},"aria-disabled":x,onMouseDown:t=>{if(x)return;const e=N.current;if(!e)return;let r=0;if(m&&B.current.length>1){let s=1/0;B.current.forEach((c,n)=>{if(c)if(_){const i=e.getBoundingClientRect(),g=e.clientHeight-c.offsetTop-c.clientHeight/2,f=Math.abs(e.clientHeight-(t.clientY-i.top)-g);f<s&&(s=f,r=n)}else{const i=Math.abs(c.offsetLeft-(t.clientX-e.getBoundingClientRect().left));i<s&&(s=i,r=n)}})}R(r),L(t.clientX,t.clientY)},onTouchStart:t=>{x||t.touches[0]&&L(t.touches[0].clientX,t.touches[0].clientY)},children:[b.jsx("div",{ref:G,className:q(o.fillBar,_&&o.fillBarVertical,v&&v.length&&o.haveFillColors),style:Z,children:v&&v.map((t,e)=>b.jsx("div",{style:{background:t,width:"100%",height:"100%"}},e))}),Array.from({length:ht}).map((t,e)=>st?b.jsx(wt,{labelValue:dt(w[e]),position:_?"right":"top",children:b.jsx("div",{ref:r=>{B.current[e]=r},className:q(o.cursor,U[e]&&o.dragging,M&&o.coloredCursor),style:tt(),onMouseDown:r=>{r.stopPropagation(),R(e)},onTouchStart:r=>{r.stopPropagation(),R(e)}})},e):b.jsx("div",{ref:r=>{B.current[e]=r},className:q(o.cursor,U[e]&&o.dragging,M&&o.coloredCursor),style:tt(),onMouseDown:r=>{r.stopPropagation(),R(e)},onTouchStart:r=>{r.stopPropagation(),R(e)}},e)),d&&d.map((t,e)=>{const r=mt(t);return b.jsx("div",{className:q(o.step,r&&o.stepActive,E&&o.stepNeutral),style:{...gt(t),...Q(t,r)},children:b.jsx("div",{className:q(o.stepMarker,r&&o.stepMarkerActive,E&&!r&&o.stepMarkerNeutral),style:Q(t,r)})},e)})]})});Ft.displayName="Slider";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.stepper-icon.icon{font-size:var(--font-size-lg);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)))}.small .stepper-icon.icon{font-size:var(--font-size-base);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.large .stepper-icon.icon{font-size:var(--font-size-xl);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)))}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"../components/Avatar/index.es.js";import M,{useState as V}from"react";import{c as i}from"./clsx-B-dksMZM.js";import{u as I}from"../hooks/useControllable.es.js";import{L as S}from"./Label-BTtohMHb.js";const T="_textarea_187gm_2",k="_labelRow_187gm_2",q="_counter_187gm_2",z="_textareaContainer_187gm_2",D="_focused_187gm_2",E="_error_187gm_2",G="_disabled_187gm_2",H="_textareaContent_187gm_2",J="_errorMessage_187gm_2",e={textarea:T,labelRow:k,counter:q,textareaContainer:z,focused:D,error:E,disabled:G,textareaContent:H,errorMessage:J};M.forwardRef(function({value:_,onChange:m,labelValue:o,max:a,errorMessage:s,infoMessage:f,disabled:r=!1,isError:n=!1,required:x=!1,placeholder:g,textAlign:l,tooltipMinWidth:h,onFocus:C,onBlur:v,className:b},j){const[c,R]=I({value:_,defaultValue:"",onChange:m}),[p,u]=V(!1);function w(){u(!0),C?.()}function N(){u(!1),v?.()}function F(d){const B=a?d.target.value.slice(0,a):d.target.value;R(B)}const L=c?.length??0,y=o||a!==void 0;return t.jsxs("div",{className:i(e.textarea,b),children:[y&&t.jsxs("div",{className:e.labelRow,children:[t.jsx(S,{labelValue:o,infoMessage:f,tooltipMinWidth:h,required:x}),a!==void 0&&t.jsxs("span",{className:e.counter,children:[L,"/",a]})]}),t.jsx("div",{className:i(e.textareaContainer,p&&e.focused,n&&e.error,r&&e.disabled),children:t.jsx("textarea",{ref:j,className:e.textareaContent,value:c??"",onChange:F,onFocus:w,onBlur:N,placeholder:g,disabled:r,style:l?{textAlign:l}:void 0})}),(n||s)&&s&&t.jsx("small",{className:e.errorMessage,children:s})]})});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("../components/Avatar/index.cjs.js"),x=require("react"),_=require("./clsx-C11secjj.js"),B=require("../hooks/useControllable.cjs.js"),M=require("./Label-bwrT7VIV.js"),V="_textarea_187gm_2",k="_labelRow_187gm_2",I="_counter_187gm_2",S="_textareaContainer_187gm_2",T="_focused_187gm_2",z="_error_187gm_2",A="_disabled_187gm_2",D="_textareaContent_187gm_2",G="_errorMessage_187gm_2",e={textarea:V,labelRow:k,counter:I,textareaContainer:S,focused:T,error:z,disabled:A,textareaContent:D,errorMessage:G};x.forwardRef(function({value:d,onChange:m,labelValue:n,max:s,errorMessage:a,infoMessage:f,disabled:o=!1,isError:r=!1,required:g=!1,placeholder:h,textAlign:c,tooltipMinWidth:j,onFocus:R,onBlur:C,className:b},v){const[l,p]=B.useControllable({value:d,defaultValue:"",onChange:m}),[w,u]=x.useState(!1);function E(){u(!0),R?.()}function N(){u(!1),C?.()}function q(i){const y=s?i.target.value.slice(0,s):i.target.value;p(y)}const F=l?.length??0,L=n||s!==void 0;return t.jsxRuntimeExports.jsxs("div",{className:_.clsx(e.textarea,b),children:[L&&t.jsxRuntimeExports.jsxs("div",{className:e.labelRow,children:[t.jsxRuntimeExports.jsx(M.Label,{labelValue:n,infoMessage:f,tooltipMinWidth:j,required:g}),s!==void 0&&t.jsxRuntimeExports.jsxs("span",{className:e.counter,children:[F,"/",s]})]}),t.jsxRuntimeExports.jsx("div",{className:_.clsx(e.textareaContainer,w&&e.focused,r&&e.error,o&&e.disabled),children:t.jsxRuntimeExports.jsx("textarea",{ref:v,className:e.textareaContent,value:l??"",onChange:q,onFocus:E,onBlur:N,placeholder:h,disabled:o,style:c?{textAlign:c}:void 0})}),(r||a)&&a&&t.jsxRuntimeExports.jsx("small",{className:e.errorMessage,children:a})]})});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("react-dom");require("../components/Badge/index.cjs.js");;/* empty css */e.createContext(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"react-dom";import"../components/Badge/index.es.js";/* empty css */t(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as s}from"../components/Avatar/index.es.js";import{Children as W,isValidElement as j,useState as R,useRef as _,useCallback as $,useEffect as B}from"react";import{createPortal as H}from"react-dom";import{c as L}from"./clsx-B-dksMZM.js";import{u as M}from"../hooks/useTransition.es.js";const S="_tooltip_ui48a_2",k="_active_ui48a_2",P="_tooltipTriangle_ui48a_2",N="_tooltipContent_ui48a_2",q="_right_ui48a_2",z="_left_ui48a_2",A="_top_ui48a_2",F="_bottom_ui48a_2",l={tooltip:S,active:k,tooltipTriangle:P,tooltipContent:N,right:q,left:z,top:A,bottom:F};function x({children:c}){return s.jsx(s.Fragment,{children:c})}function I({labelValue:c="",position:i="right",children:v,className:y,style:w}){let h=null;const m=[];W.forEach(v,t=>{j(t)&&t.type===x?h=t.props.children:m.push(t)});const C=h||c,[b,p]=R(!1),r=_(null),a=_(null),{isMounted:f,isActive:E}=M(b,{duration:500}),u=$((t,e)=>{if(i==="left"||i==="right"){const o=i==="left"?t.left-e.offsetWidth-4:t.right+4;e.style.left=`${Math.max(0,o)}px`,e.style.top=`${t.top+t.height/2-e.offsetHeight/2}px`}else{const o=i==="top"?t.top-e.offsetHeight:t.bottom;e.style.top=`${Math.max(0,o)}px`,e.style.left=`${t.left+t.width/2-e.offsetWidth/2}px`}},[i]);return B(()=>{if(!f||!r.current||!a.current)return;const t=(r.current.firstElementChild||r.current).getBoundingClientRect();u(t,a.current);const e=a.current,d=window.innerWidth,o=e.getBoundingClientRect(),n=e.querySelector(`.${l.tooltipContent}`);if(n&&(n.style.maxWidth="none",n.style.wordBreak="normal",n.style.whiteSpace="normal",o.left+o.width>d)){const T=o.width-n.offsetWidth;n.style.maxWidth=`${d-o.left-4-T}px`,n.style.wordBreak="break-all",n.style.whiteSpace="wrap",u(t,e)}const g=()=>p(!1);return document.addEventListener("wheel",g),()=>document.removeEventListener("wheel",g)},[f,u]),s.jsxs("div",{ref:r,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),className:y,style:w,children:[f&&H(s.jsxs("div",{ref:a,className:L(l.tooltip,l[i],E&&l.active),children:[s.jsx("div",{className:l.tooltipTriangle}),s.jsx("div",{className:l.tooltipContent,children:C})]}),document.body),m]})}I.Label=x;export{I as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const r=require("../components/Avatar/index.cjs.js"),i=require("react"),T=require("react-dom"),W=require("./clsx-C11secjj.js"),q=require("../hooks/useTransition.cjs.js"),$="_tooltip_ui48a_2",k="_active_ui48a_2",B="_tooltipTriangle_ui48a_2",H="_tooltipContent_ui48a_2",L="_right_ui48a_2",M="_left_ui48a_2",S="_top_ui48a_2",P="_bottom_ui48a_2",l={tooltip:$,active:k,tooltipTriangle:B,tooltipContent:H,right:L,left:M,top:S,bottom:P};function g({children:u}){return r.jsxRuntimeExports.jsx(r.jsxRuntimeExports.Fragment,{children:u})}function v({labelValue:u="",position:s="right",children:y,className:E,style:R}){let x=null;const m=[];i.Children.forEach(y,t=>{i.isValidElement(t)&&t.type===g?x=t.props.children:m.push(t)});const w=x||u,[C,p]=i.useState(!1),a=i.useRef(null),c=i.useRef(null),{isMounted:d,isActive:j}=q.useTransition(C,{duration:500}),f=i.useCallback((t,e)=>{if(s==="left"||s==="right"){const o=s==="left"?t.left-e.offsetWidth-4:t.right+4;e.style.left=`${Math.max(0,o)}px`,e.style.top=`${t.top+t.height/2-e.offsetHeight/2}px`}else{const o=s==="top"?t.top-e.offsetHeight:t.bottom;e.style.top=`${Math.max(0,o)}px`,e.style.left=`${t.left+t.width/2-e.offsetWidth/2}px`}},[s]);return i.useEffect(()=>{if(!d||!a.current||!c.current)return;const t=(a.current.firstElementChild||a.current).getBoundingClientRect();f(t,c.current);const e=c.current,h=window.innerWidth,o=e.getBoundingClientRect(),n=e.querySelector(`.${l.tooltipContent}`);if(n&&(n.style.maxWidth="none",n.style.wordBreak="normal",n.style.whiteSpace="normal",o.left+o.width>h)){const b=o.width-n.offsetWidth;n.style.maxWidth=`${h-o.left-4-b}px`,n.style.wordBreak="break-all",n.style.whiteSpace="wrap",f(t,e)}const _=()=>p(!1);return document.addEventListener("wheel",_),()=>document.removeEventListener("wheel",_)},[d,f]),r.jsxRuntimeExports.jsxs("div",{ref:a,onMouseEnter:()=>p(!0),onMouseLeave:()=>p(!1),className:E,style:R,children:[d&&T.createPortal(r.jsxRuntimeExports.jsxs("div",{ref:c,className:W.clsx(l.tooltip,l[s],j&&l.active),children:[r.jsxRuntimeExports.jsx("div",{className:l.tooltipTriangle}),r.jsxRuntimeExports.jsx("div",{className:l.tooltipContent,children:w})]}),document.body),m]})}v.Label=g;exports.Tooltip=v;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require("../components/Avatar/index.cjs.js");const e=require("react");require("../components/Badge/index.cjs.js");e.createContext(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"../components/Avatar/index.es.js";import{createContext as t}from"react";import"../components/Badge/index.es.js";t(null);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.primary{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default)}@media(hover:hover){.primary:hover{border-color:var(--primary-interaction-hover);background-color:var(--primary-interaction-hover)}}.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.primary .progress{background-color:var(--primary-surface-highlight)}.info{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default)}@media(hover:hover){.info:hover{border-color:var(--informative-interaction-hover);background-color:var(--informative-interaction-hover)}}.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.info .progress{background-color:var(--informative-surface-highlight)}.success{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default)}@media(hover:hover){.success:hover{border-color:var(--success-interaction-hover);background-color:var(--success-interaction-hover)}}.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.success .progress{background-color:var(--success-surface-highlight)}.warning{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default)}@media(hover:hover){.warning:hover{border-color:var(--warning-interaction-hover);background-color:var(--warning-interaction-hover)}}.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.warning .progress{background-color:var(--warning-surface-highlight)}.danger{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default)}@media(hover:hover){.danger:hover{border-color:var(--danger-interaction-hover);background-color:var(--danger-interaction-hover)}}.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.danger .progress{background-color:var(--danger-surface-highlight)}.neutral{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default)}@media(hover:hover){.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-interaction-hover)}}.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.neutral .progress{background-color:var(--neutral-surface-highlight)}.disabled{pointer-events:none;border-color:var(--neutral-border-default);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.disabled .progress{background-color:var(--neutral-surface-disabled)}.secondary{background-color:#0000}.secondary.primary{color:var(--primary-interaction-default)}@media(hover:hover){.secondary.primary:hover{border-color:var(--primary-border-hover);background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.secondary.primary:active{border-color:var(--primary-border-pressed);background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.secondary.info{color:var(--informative-interaction-default)}@media(hover:hover){.secondary.info:hover{border-color:var(--informative-border-hover);background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.secondary.info:active{border-color:var(--informative-border-pressed);background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.secondary.success{color:var(--success-interaction-default)}@media(hover:hover){.secondary.success:hover{border-color:var(--success-border-hover);background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.secondary.success:active{border-color:var(--success-border-pressed);background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.secondary.warning{color:var(--warning-interaction-default)}@media(hover:hover){.secondary.warning:hover{border-color:var(--warning-border-hover);background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.secondary.warning:active{border-color:var(--warning-border-pressed);background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.secondary.danger{color:var(--danger-interaction-default)}@media(hover:hover){.secondary.danger:hover{border-color:var(--danger-border-hover);background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.secondary.danger:active{border-color:var(--danger-border-pressed);background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.secondary.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.secondary.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.secondary.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.secondary.disabled{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.secondary.disabled .progress{background-color:var(--neutral-surface-disabled)}.reverse{background-color:#0000}.reverse.primary{color:var(--primary-interaction-default)}@media(hover:hover){.reverse.primary:hover{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.reverse.info{color:var(--informative-interaction-default)}@media(hover:hover){.reverse.info:hover{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.reverse.success{color:var(--success-interaction-default)}@media(hover:hover){.reverse.success:hover{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.reverse.warning{color:var(--warning-interaction-default)}@media(hover:hover){.reverse.warning:hover{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.reverse.danger{color:var(--danger-interaction-default)}@media(hover:hover){.reverse.danger:hover{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.reverse.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.reverse.neutral:hover{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.reverse.disabled{border-color:var(--neutral-border-disabled);color:var(--neutral-interaction-disabled);background-color:#0000}.plain{background-color:#0000;border-color:#0000}@media(hover:hover){.plain:hover{border-color:#0000}}.plain:active{border-color:#0000}.plain.primary{color:var(--primary-interaction-default)}@media(hover:hover){.plain.primary:hover{background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.plain.primary:active{background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.plain.info{color:var(--informative-interaction-default)}@media(hover:hover){.plain.info:hover{background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.plain.info:active{background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.plain.success{color:var(--success-interaction-default)}@media(hover:hover){.plain.success:hover{background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.plain.success:active{background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.plain.warning{color:var(--warning-interaction-default)}@media(hover:hover){.plain.warning:hover{background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.plain.warning:active{background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.plain.danger{color:var(--danger-interaction-default)}@media(hover:hover){.plain.danger:hover{background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.plain.danger:active{background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.plain.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.plain.neutral:hover{background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.plain.neutral:active{background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.plain.disabled{color:var(--neutral-interaction-disabled)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
function h(t){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),c=parseInt(t.slice(5,7),16),e=parseInt(t.slice(7,9),16)/255;return{r:n,g:o,b:c,a:e}}function x(t,n,o,c){let e,i,r,a,d;t=t/60,o<=.5?i=o*(n+1):i=o+n-o*n,e=o*2-i;function s(f,m,l){return l<0&&(l+=6),l>=6&&(l-=6),l<1?(m-f)*l+f:l<3?m:l<4?(m-f)*(4-l)+f:f}return r=s(e,i,t+2)*255,a=s(e,i,t)*255,d=s(e,i,t-2)*255,{r,g:a,b:d,a:c}}function M(t,n,o,c){let e,i,r=[],a;for(i=x(t,1,.5,1),r[0]=i.r/255,r[1]=i.g/255,r[2]=i.b/255,a=n+o,a>1&&(n=Number((n/a).toFixed(2)),o=Number((o/a).toFixed(2))),e=0;e<3;e++)r[e]*=1-n-o,r[e]+=n,r[e]=Number(r[e]*255);return{r:r[0],g:r[1],b:r[2],a:c}}function g(t,n,o,c){t=(t%360+360)%360,n=Math.max(0,Math.min(n,100))/100,o=Math.max(0,Math.min(o,100))/100;const e=o*n,i=e*(1-Math.abs(t/60%2-1)),r=o-e;let a,d,s;return t>=0&&t<60?(a=e,d=i,s=0):t>=60&&t<120?(a=i,d=e,s=0):t>=120&&t<180?(a=0,d=e,s=i):t>=180&&t<240?(a=0,d=i,s=e):t>=240&&t<300?(a=i,d=0,s=e):(a=e,d=0,s=i),a=Math.round((a+r)*255),d=Math.round((d+r)*255),s=Math.round((s+r)*255),{r:a,g:d,b:s,a:c}}function z(t,n,o,c){const e=Math.round(c*255).toString(16).padStart(2,"0");return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${o.toString(16).padStart(2,"0")}${e}`}function F(t,n,o,c){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),i=Math.min(t,n,o),r=e-i;let a=0,d=0,s=(e+i)/2;if(r!==0){switch(d=s>.5?r/(2-e-i):r/(e+i),e){case t:a=(n-o)/r+(n<o?6:0);break;case n:a=(o-t)/r+2;break;case o:a=(t-n)/r+4;break}a*=60}return{h:a<0?a+360:a,s:`${(d*100).toFixed(0)}%`,l:`${(s*100).toFixed(0)}%`,a:c}}function k(t,n,o,c){const e=Math.max(t,n,o),i=Math.min(t,n,o);if(e===i)return{h:0,w:(100*i/255).toFixed(0)+"%",b:(100-100*e/255).toFixed(0)+"%",a:c};let r=0;switch(e){case t:r=(n-o)/(e-i)+0;break;case n:r=(o-t)/(e-i)+2;break;case o:r=(t-n)/(e-i)+4;break}return{h:(360*((r+6)%6/6)).toFixed(0),w:(100*i/255).toFixed(0)+"%",b:(100-100*e/255).toFixed(0)+"%",a:c}}function y(t,n,o,c){let e,i,r,a,d,s,f=0,m,l,$,p,b;return e=t/255,i=n/255,r=o/255,l=Math.max(e,i,r),$=l-Math.min(e,i,r),p=u=>(l-u)/6/$+1/2,b=u=>Math.round(u*100)/100,$==0?f=m=0:(m=$/l,a=p(e),d=p(i),s=p(r),e===l?f=s-d:i===l?f=1/3+a-s:r===l&&(f=2/3+d-a),f<0?f+=1:f>1&&(f-=1)),{h:Math.round(f*360),s:`${b(m*100).toFixed(0)}%`,v:`${b(l*100).toFixed(0)}%`,a:c}}function C(t,n,o,c={left:!0},e={},i={}){const r=t.clientX-n.clientWidth/2-o.getBoundingClientRect().left,a=o.clientWidth-(n.clientWidth-(typeof e.x=="number"?e.x:2)),d=Math.min(a,Math.max(i.x||0,c.left?r:a-r)),s=t.clientY-n.clientHeight/2-o.getBoundingClientRect().top,f=o.clientHeight-(n.clientHeight-(e.y||0)),m=Math.min(f,Math.max(i.y||0,c.top?s:f-s));return{x:d,y:m}}function S(t,n){switch(n){case"cpf":t=t.replace(/\D/g,""),t=t.slice(0,11),t=t.replace(/(\d{3})(\d)/,"$1.$2"),t=t.replace(/(\d{3})(\d)/,"$1.$2"),t=t.replace(/(\d{3})(\d{1,2})$/,"$1-$2");break;case"cnpj":t=t.replace(/\D/g,""),t=t.slice(0,14),t=t.replace(/(\d{2})(\d)/,"$1.$2"),t=t.replace(/(\d{2})\.(\d{3})(\d)/,"$1.$2.$3"),t=t.replace(/(\d{2})\.(\d{3})\.(\d{3})(\d)/,"$1.$2.$3/$4"),t=t.replace(/(\d{2})\.(\d{3})\.(\d{3})\/(\d{4})(\d)/,"$1.$2.$3/$4-$5");break;case"cep":t=t.replace(/\D/g,""),t=t.slice(0,8),t=t.replace(/(\d{5})(\d)/,"$1-$2");break}return t}function T(t){return/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t)}function H(t){return/(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/.test(t)}function R(t){return/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)}function w(t,n=.3,o=[255,255,255]){const c=document.createElement("div");c.style.color=t,document.body.appendChild(c);const e=getComputedStyle(c).color;document.body.removeChild(c);const i=e.match(/\d+/g);if(!i)return"";const r=i.map(Number),a=Math.round(r[0]*n+o[0]*(1-n)),d=Math.round(r[1]*n+o[1]*(1-n)),s=Math.round(r[2]*n+o[2]*(1-n));return`rgb(${a}, ${d}, ${s})`}export{h as a,x as b,M as c,z as d,F as e,k as f,C as g,g as h,w as i,T as j,S as k,H as l,R as m,y as r};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";function h(t){const n=parseInt(t.slice(1,3),16),o=parseInt(t.slice(3,5),16),s=parseInt(t.slice(5,7),16),e=parseInt(t.slice(7,9),16)/255;return{r:n,g:o,b:s,a:e}}function g(t,n,o,s){let e,i,r,a,d;t=t/60,o<=.5?i=o*(n+1):i=o+n-o*n,e=o*2-i;function c(l,m,f){return f<0&&(f+=6),f>=6&&(f-=6),f<1?(m-l)*f+l:f<3?m:f<4?(m-l)*(4-f)+l:l}return r=c(e,i,t+2)*255,a=c(e,i,t)*255,d=c(e,i,t-2)*255,{r,g:a,b:d,a:s}}function x(t,n,o,s){let e,i,r=[],a;for(i=g(t,1,.5,1),r[0]=i.r/255,r[1]=i.g/255,r[2]=i.b/255,a=n+o,a>1&&(n=Number((n/a).toFixed(2)),o=Number((o/a).toFixed(2))),e=0;e<3;e++)r[e]*=1-n-o,r[e]+=n,r[e]=Number(r[e]*255);return{r:r[0],g:r[1],b:r[2],a:s}}function M(t,n,o,s){t=(t%360+360)%360,n=Math.max(0,Math.min(n,100))/100,o=Math.max(0,Math.min(o,100))/100;const e=o*n,i=e*(1-Math.abs(t/60%2-1)),r=o-e;let a,d,c;return t>=0&&t<60?(a=e,d=i,c=0):t>=60&&t<120?(a=i,d=e,c=0):t>=120&&t<180?(a=0,d=e,c=i):t>=180&&t<240?(a=0,d=i,c=e):t>=240&&t<300?(a=i,d=0,c=e):(a=e,d=0,c=i),a=Math.round((a+r)*255),d=Math.round((d+r)*255),c=Math.round((c+r)*255),{r:a,g:d,b:c,a:s}}function T(t,n,o,s){const e=Math.round(s*255).toString(16).padStart(2,"0");return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${o.toString(16).padStart(2,"0")}${e}`}function z(t,n,o,s){t/=255,n/=255,o/=255;const e=Math.max(t,n,o),i=Math.min(t,n,o),r=e-i;let a=0,d=0,c=(e+i)/2;if(r!==0){switch(d=c>.5?r/(2-e-i):r/(e+i),e){case t:a=(n-o)/r+(n<o?6:0);break;case n:a=(o-t)/r+2;break;case o:a=(t-n)/r+4;break}a*=60}return{h:a<0?a+360:a,s:`${(d*100).toFixed(0)}%`,l:`${(c*100).toFixed(0)}%`,a:s}}function F(t,n,o,s){const e=Math.max(t,n,o),i=Math.min(t,n,o);if(e===i)return{h:0,w:(100*i/255).toFixed(0)+"%",b:(100-100*e/255).toFixed(0)+"%",a:s};let r=0;switch(e){case t:r=(n-o)/(e-i)+0;break;case n:r=(o-t)/(e-i)+2;break;case o:r=(t-n)/(e-i)+4;break}return{h:(360*((r+6)%6/6)).toFixed(0),w:(100*i/255).toFixed(0)+"%",b:(100-100*e/255).toFixed(0)+"%",a:s}}function H(t,n,o,s){let e,i,r,a,d,c,l=0,m,f,b,$,p;return e=t/255,i=n/255,r=o/255,f=Math.max(e,i,r),b=f-Math.min(e,i,r),$=u=>(f-u)/6/b+1/2,p=u=>Math.round(u*100)/100,b==0?l=m=0:(m=b/f,a=$(e),d=$(i),c=$(r),e===f?l=c-d:i===f?l=1/3+a-c:r===f&&(l=2/3+d-a),l<0?l+=1:l>1&&(l-=1)),{h:Math.round(l*360),s:`${p(m*100).toFixed(0)}%`,v:`${p(f*100).toFixed(0)}%`,a:s}}function R(t,n,o,s={left:!0},e={},i={}){const r=t.clientX-n.clientWidth/2-o.getBoundingClientRect().left,a=o.clientWidth-(n.clientWidth-(typeof e.x=="number"?e.x:2)),d=Math.min(a,Math.max(i.x||0,s.left?r:a-r)),c=t.clientY-n.clientHeight/2-o.getBoundingClientRect().top,l=o.clientHeight-(n.clientHeight-(e.y||0)),m=Math.min(l,Math.max(i.y||0,s.top?c:l-c));return{x:d,y:m}}function k(t,n){switch(n){case"cpf":t=t.replace(/\D/g,""),t=t.slice(0,11),t=t.replace(/(\d{3})(\d)/,"$1.$2"),t=t.replace(/(\d{3})(\d)/,"$1.$2"),t=t.replace(/(\d{3})(\d{1,2})$/,"$1-$2");break;case"cnpj":t=t.replace(/\D/g,""),t=t.slice(0,14),t=t.replace(/(\d{2})(\d)/,"$1.$2"),t=t.replace(/(\d{2})\.(\d{3})(\d)/,"$1.$2.$3"),t=t.replace(/(\d{2})\.(\d{3})\.(\d{3})(\d)/,"$1.$2.$3/$4"),t=t.replace(/(\d{2})\.(\d{3})\.(\d{3})\/(\d{4})(\d)/,"$1.$2.$3/$4-$5");break;case"cep":t=t.replace(/\D/g,""),t=t.slice(0,8),t=t.replace(/(\d{5})(\d)/,"$1-$2");break}return t}function y(t){return/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(t)}function C(t){return/(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]/.test(t)}function S(t){return/[(http(s)?):\/\/(www\.)?a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/.test(t)}function w(t,n=.3,o=[255,255,255]){const s=document.createElement("div");s.style.color=t,document.body.appendChild(s);const e=getComputedStyle(s).color;document.body.removeChild(s);const i=e.match(/\d+/g);if(!i)return"";const r=i.map(Number),a=Math.round(r[0]*n+o[0]*(1-n)),d=Math.round(r[1]*n+o[1]*(1-n)),c=Math.round(r[2]*n+o[2]*(1-n));return`rgb(${a}, ${d}, ${c})`}exports.applyMask=k;exports.blendColors=w;exports.getPosition=R;exports.hexaToRgba=h;exports.hslaToRgba=g;exports.hsvaToRgba=M;exports.hwbToRgba=x;exports.isValidDomain=C;exports.isValidEmail=y;exports.isValidUrl=S;exports.rgbaToHexa=T;exports.rgbaToHsla=z;exports.rgbaToHsva=H;exports.rgbaToHwb=F;
|
package/lib/colors.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.primary{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default)}@media(hover:hover){.primary:hover{border-color:var(--primary-interaction-hover);background-color:var(--primary-interaction-hover)}}.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.primary .progress{background-color:var(--primary-surface-highlight)}.info{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default)}@media(hover:hover){.info:hover{border-color:var(--informative-interaction-hover);background-color:var(--informative-interaction-hover)}}.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.info .progress{background-color:var(--informative-surface-highlight)}.success{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default)}@media(hover:hover){.success:hover{border-color:var(--success-interaction-hover);background-color:var(--success-interaction-hover)}}.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.success .progress{background-color:var(--success-surface-highlight)}.warning{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default)}@media(hover:hover){.warning:hover{border-color:var(--warning-interaction-hover);background-color:var(--warning-interaction-hover)}}.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.warning .progress{background-color:var(--warning-surface-highlight)}.danger{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default)}@media(hover:hover){.danger:hover{border-color:var(--danger-interaction-hover);background-color:var(--danger-interaction-hover)}}.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.danger .progress{background-color:var(--danger-surface-highlight)}.neutral{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default)}@media(hover:hover){.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-interaction-hover)}}.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.neutral .progress{background-color:var(--neutral-surface-highlight)}.disabled{pointer-events:none;border-color:var(--neutral-border-default);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.disabled .progress{background-color:var(--neutral-surface-disabled)}.secondary{background-color:#0000}.secondary.primary{color:var(--primary-interaction-default)}@media(hover:hover){.secondary.primary:hover{border-color:var(--primary-border-hover);background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.secondary.primary:active{border-color:var(--primary-border-pressed);background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.secondary.info{color:var(--informative-interaction-default)}@media(hover:hover){.secondary.info:hover{border-color:var(--informative-border-hover);background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.secondary.info:active{border-color:var(--informative-border-pressed);background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.secondary.success{color:var(--success-interaction-default)}@media(hover:hover){.secondary.success:hover{border-color:var(--success-border-hover);background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.secondary.success:active{border-color:var(--success-border-pressed);background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.secondary.warning{color:var(--warning-interaction-default)}@media(hover:hover){.secondary.warning:hover{border-color:var(--warning-border-hover);background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.secondary.warning:active{border-color:var(--warning-border-pressed);background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.secondary.danger{color:var(--danger-interaction-default)}@media(hover:hover){.secondary.danger:hover{border-color:var(--danger-border-hover);background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.secondary.danger:active{border-color:var(--danger-border-pressed);background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.secondary.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.secondary.neutral:hover{border-color:var(--neutral-interaction-hover);background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.secondary.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.secondary.disabled{border-color:var(--neutral-border-disabled);background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-disabled)}.secondary.disabled .progress{background-color:var(--neutral-surface-disabled)}.reverse{background-color:#0000}.reverse.primary{color:var(--primary-interaction-default)}@media(hover:hover){.reverse.primary:hover{border-color:var(--primary-interaction-default);background-color:var(--primary-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.primary:active{border-color:var(--primary-interaction-pressed);background-color:var(--primary-interaction-pressed)}.reverse.info{color:var(--informative-interaction-default)}@media(hover:hover){.reverse.info:hover{border-color:var(--informative-interaction-default);background-color:var(--informative-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.info:active{border-color:var(--informative-interaction-pressed);background-color:var(--informative-interaction-pressed)}.reverse.success{color:var(--success-interaction-default)}@media(hover:hover){.reverse.success:hover{border-color:var(--success-interaction-default);background-color:var(--success-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.success:active{border-color:var(--success-interaction-pressed);background-color:var(--success-interaction-pressed)}.reverse.warning{color:var(--warning-interaction-default)}@media(hover:hover){.reverse.warning:hover{border-color:var(--warning-interaction-default);background-color:var(--warning-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.warning:active{border-color:var(--warning-interaction-pressed);background-color:var(--warning-interaction-pressed)}.reverse.danger{color:var(--danger-interaction-default)}@media(hover:hover){.reverse.danger:hover{border-color:var(--danger-interaction-default);background-color:var(--danger-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.danger:active{border-color:var(--danger-interaction-pressed);background-color:var(--danger-interaction-pressed)}.reverse.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.reverse.neutral:hover{border-color:var(--neutral-interaction-default);background-color:var(--neutral-interaction-default);color:var(--neutral-foreground-negative)}}.reverse.neutral:active{border-color:var(--neutral-interaction-pressed);background-color:var(--neutral-interaction-pressed)}.reverse.disabled{border-color:var(--neutral-border-disabled);color:var(--neutral-interaction-disabled);background-color:#0000}.plain{background-color:#0000;border-color:#0000}@media(hover:hover){.plain:hover{border-color:#0000}}.plain:active{border-color:#0000}.plain.primary{color:var(--primary-interaction-default)}@media(hover:hover){.plain.primary:hover{background-color:var(--primary-surface-hover);color:var(--primary-interaction-hover)}}.plain.primary:active{background-color:var(--primary-surface-pressed);color:var(--primary-interaction-pressed)}.plain.info{color:var(--informative-interaction-default)}@media(hover:hover){.plain.info:hover{background-color:var(--informative-surface-hover);color:var(--informative-interaction-hover)}}.plain.info:active{background-color:var(--informative-surface-pressed);color:var(--informative-interaction-pressed)}.plain.success{color:var(--success-interaction-default)}@media(hover:hover){.plain.success:hover{background-color:var(--success-surface-hover);color:var(--success-interaction-hover)}}.plain.success:active{background-color:var(--success-surface-pressed);color:var(--success-interaction-pressed)}.plain.warning{color:var(--warning-interaction-default)}@media(hover:hover){.plain.warning:hover{background-color:var(--warning-surface-hover);color:var(--warning-interaction-hover)}}.plain.warning:active{background-color:var(--warning-surface-pressed);color:var(--warning-interaction-pressed)}.plain.danger{color:var(--danger-interaction-default)}@media(hover:hover){.plain.danger:hover{background-color:var(--danger-surface-hover);color:var(--danger-interaction-hover)}}.plain.danger:active{background-color:var(--danger-surface-pressed);color:var(--danger-interaction-pressed)}.plain.neutral{color:var(--neutral-interaction-default)}@media(hover:hover){.plain.neutral:hover{background-color:var(--neutral-surface-hover);color:var(--neutral-interaction-hover)}}.plain.neutral:active{background-color:var(--neutral-surface-disabled);color:var(--neutral-interaction-pressed)}.plain.disabled{color:var(--neutral-interaction-disabled)}
|
|
File without changes
|
|
File without changes
|