@treeal/ds 0.1.1 → 0.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/style.css +1 -1
- package/dist/components/Select/Select.d.ts +24 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/index.d.ts +3 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Tab/Tab.d.ts +22 -0
- package/dist/components/Tab/Tab.d.ts.map +1 -0
- package/dist/components/Tab/index.d.ts +3 -0
- package/dist/components/Tab/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs13.js.map +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs14.js.map +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs15.js.map +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs22.js +1 -1
- package/dist/index.cjs24.js +1 -1
- package/dist/index.cjs25.js +2 -0
- package/dist/index.cjs25.js.map +1 -0
- package/dist/index.cjs26.js +2 -0
- package/dist/index.cjs26.js.map +1 -0
- package/dist/index.cjs27.js +2 -0
- package/dist/index.cjs27.js.map +1 -0
- package/dist/index.cjs28.js +2 -0
- package/dist/index.cjs28.js.map +1 -0
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.esm.js +15 -11
- package/dist/index.esm.js.map +1 -1
- package/dist/index.esm11.js +1 -1
- package/dist/index.esm12.js +1 -1
- package/dist/index.esm13.js +58 -84
- package/dist/index.esm13.js.map +1 -1
- package/dist/index.esm14.js +83 -212
- package/dist/index.esm14.js.map +1 -1
- package/dist/index.esm15.js +35 -23
- package/dist/index.esm15.js.map +1 -1
- package/dist/index.esm16.js +219 -39
- package/dist/index.esm16.js.map +1 -1
- package/dist/index.esm17.js +38 -30
- package/dist/index.esm17.js.map +1 -1
- package/dist/index.esm19.js +102 -60
- package/dist/index.esm19.js.map +1 -1
- package/dist/index.esm20.js +22 -20
- package/dist/index.esm20.js.map +1 -1
- package/dist/index.esm21.js +20 -102
- package/dist/index.esm21.js.map +1 -1
- package/dist/index.esm22.js +60 -22
- package/dist/index.esm22.js.map +1 -1
- package/dist/index.esm24.js +22 -48
- package/dist/index.esm24.js.map +1 -1
- package/dist/index.esm25.js +52 -0
- package/dist/index.esm25.js.map +1 -0
- package/dist/index.esm26.js +34 -0
- package/dist/index.esm26.js.map +1 -0
- package/dist/index.esm27.js +26 -0
- package/dist/index.esm27.js.map +1 -0
- package/dist/index.esm28.js +16 -0
- package/dist/index.esm28.js.map +1 -0
- package/dist/index.esm5.js +1 -1
- package/dist/index.esm6.js +1 -1
- package/dist/index.esm7.js +1 -1
- package/dist/index.esm8.js +1 -1
- package/dist/index.esm9.js +1 -1
- package/package.json +1 -1
package/dist/assets/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@import"https://api.fontshare.com/v2/css?f[]=clash-grotesk@400,500,600,700&display=swap";._alert_p4b5i_21{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;border:1px solid;box-shadow:0 1px 12px #191b2326;max-width:600px;width:100%;box-sizing:border-box}._typeDefault_p4b5i_36{background:#f9f8fc;border-color:#dce5de}._typeInfo_p4b5i_37{background:#f4f9ff;border-color:#c9e2fe}._typeSuccess_p4b5i_38{background:#f5fbf7;border-color:#cae7d5}._typeWarning_p4b5i_39{background:#fff9e9;border-color:#ffdb90}._typeError_p4b5i_40{background:#fff8f6;border-color:#ffcabf}._iconSlot_p4b5i_44{display:flex;align-items:flex-start;flex-shrink:0;width:20px;height:20px}._textContent_p4b5i_54{display:flex;flex-direction:column;gap:2px;flex:1 0 0;min-width:0;line-height:1.3}._title_p4b5i_63{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.3;letter-spacing:0;margin:0}._titleDefault_p4b5i_72{color:#524e69}._titleInfo_p4b5i_73{color:#2472ba}._titleSuccess_p4b5i_74{color:#2c7d56}._titleWarning_p4b5i_75{color:#a36a00}._titleError_p4b5i_76{color:#de0000}._message_p4b5i_78{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;color:#524e69;margin:0}._rightSlot_p4b5i_90{display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:8px;flex-shrink:0}._actionBtn_p4b5i_101{display:flex;align-items:center;justify-content:center;gap:6px;background:#e7da10;border:none;border-radius:12px;min-height:36px;padding:6px 12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;white-space:nowrap;transition:opacity .15s ease;flex-shrink:0}._actionBtn_p4b5i_101:hover{opacity:.88}._actionBtn_p4b5i_101:active{opacity:.75}._closeBtn_p4b5i_127{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:0;color:#524e69;flex-shrink:0;transition:background .15s ease}._closeBtn_p4b5i_127:hover{background:#0000000f}._base_106pz_9{position:relative;width:20px;height:20px;flex-shrink:0;cursor:pointer}._checkDefault_106pz_18,._radioDefault_106pz_19{width:20px;height:20px;background:#fff;border:1px solid #DCE5DE;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer}._checkDefault_106pz_18{border-radius:4px}._radioDefault_106pz_19{border-radius:100px}._checkChecked_106pz_40,._radioChecked_106pz_41{width:20px;height:20px;background:#203224;border:1px solid #DCE5DE;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}._checkChecked_106pz_40{border-radius:4px}._radioChecked_106pz_41{border-radius:100px}._checkIcon_106pz_64{width:12px;height:12px;position:relative;display:flex;align-items:center;justify-content:center}._checkIcon_106pz_64:after{content:"";display:block;width:5px;height:9px;border:2px solid #FFFFFF;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-2px)}._radioIcon_106pz_86{width:12px;height:12px;display:flex;align-items:center;justify-content:center}._radioIcon_106pz_86:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff}._toggleWrapper_106pz_105{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}._toggleTrack_106pz_113{position:relative;width:36px;height:20px;border-radius:100px;background:#9490ac;border:1px solid #DCE5DE;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}._toggleTrack_106pz_113:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px #1018280f}._toggleChecked_106pz_140 ._toggleTrack_106pz_113{background:#203224;border-color:#203224}._toggleChecked_106pz_140 ._toggleTrack_106pz_113:after{transform:translate(16px)}._button_1hwro_8{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding-top:6px;padding-bottom:6px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer;border:none;background:transparent;box-sizing:border-box;transition:opacity .15s ease}._button_1hwro_8:focus-visible{outline:2px solid #0F6C13;outline-offset:2px}._sm_1hwro_40{gap:6px;min-height:36px;padding-left:12px;padding-right:12px}._md_1hwro_48{gap:8px;min-height:48px;padding-left:16px;padding-right:16px}._outline_1hwro_58{background:transparent;border:1px solid #0F6C13;color:#0f6c13;border-radius:12px}._outline_1hwro_58:hover:not(:disabled){background:#0f6c130f}._outline_1hwro_58:active:not(:disabled){background:#0f6c131f}._fill_1hwro_74{background:#e7da10;color:#203224;border-radius:12px}._fill_1hwro_74:hover:not(:disabled){background:#d4c80f}._fill_1hwro_74:active:not(:disabled){background:#bdb10d}._secondary_1hwro_89{background:#203224;color:#fff;border-radius:12px}._secondary_1hwro_89:hover:not(:disabled){background:#2c4433}._secondary_1hwro_89:active:not(:disabled){background:#162319}._text_1hwro_104{background:transparent;color:#2472ba;border-radius:8px}._text_1hwro_104:hover:not(:disabled){background:#2472ba0f}._text_1hwro_104:active:not(:disabled){background:#2472ba1f}._disabled_1hwro_119,._button_1hwro_8:disabled{background:#efeef2;color:#524e69;border-radius:12px;cursor:not-allowed;pointer-events:none}._label_1hwro_130{flex:1 0 0;min-width:1px;min-height:1px}._icon_1hwro_136{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._header_1jw5v_25{display:flex;align-items:center;gap:32px;padding:8px 16px;background:#fff;border-bottom:1px solid #DCE5DE;width:100%;box-sizing:border-box}._variantDefault_1jw5v_36,._variantMobile_1jw5v_37{height:64px}._variantMobileOpen_1jw5v_38{flex-direction:column;align-items:flex-start;height:auto;padding-top:12px;padding-bottom:12px;gap:16px}._pageTitle_1jw5v_49{flex:1 0 0;font-family:Clash Display Variable,sans-serif;font-weight:600;line-height:1.25;letter-spacing:0;color:#524e69;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._pageTitleDesktop_1jw5v_63{font-size:21px}._pageTitleMobile_1jw5v_64{font-size:18px}._actions_1jw5v_68{display:flex;align-items:center;gap:16px;flex-shrink:0;height:100%}._actionsMobileOpen_1jw5v_76{flex-direction:column;align-items:flex-start;width:100%;height:auto;gap:16px}._workspace_1jw5v_86{display:flex;align-items:center;gap:12px;background:#f3f3f3;border-radius:6px;padding:0 12px;height:100%;cursor:pointer;border:none;flex-shrink:0;box-sizing:border-box;transition:background .15s ease}._workspace_1jw5v_86:hover{background:#ebebeb}._workspaceFull_1jw5v_104{width:100%;height:48px;flex:1 0 0}._workspaceLeft_1jw5v_110{display:flex;align-items:center;gap:6px;flex:1 0 0;min-width:0}._statusDot_1jw5v_118{width:12px;height:12px;border-radius:50%;background:#5ba980;flex-shrink:0}._workspaceCol_1jw5v_126{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}._workspaceAccount_1jw5v_134{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:10px;line-height:1.3;color:#524e69;white-space:nowrap;margin:0}._workspaceName_1jw5v_144{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#203224;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}._workspaceArrow_1jw5v_156{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#524e69}._bellBtn_1jw5v_168{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:0;color:#524e69;flex-shrink:0;transition:background .15s ease}._bellBtn_1jw5v_168:hover{background:#0000000f}._menuBtn_1jw5v_188{display:flex;align-items:center;gap:4px;padding:12px 16px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#203224;flex-shrink:0;transition:background .15s ease}._menuBtn_1jw5v_188:hover{background:#0000000d}._menuIcon_1jw5v_208{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._navUser_1jw5v_219{display:flex;align-items:center;gap:6px;flex-shrink:0;height:36px}._avatar_1jw5v_227{width:36px;height:36px;border-radius:50%;background:#0f6c13;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}._avatarImg_1jw5v_239{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;display:block}._avatarInitials_1jw5v_248{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;color:#fff}._userText_1jw5v_255{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}._userName_1jw5v_262{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.43;color:#203224;margin:0}._userRole_1jw5v_271{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:10px;line-height:1.3;color:#524e69;margin:0}._ctaBtn_1jw5v_282{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:6px 12px;background:#e7da10;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;box-sizing:border-box;transition:opacity .15s ease}._ctaBtn_1jw5v_282:hover{opacity:.88}._ctaBtn_1jw5v_282:active{opacity:.75}._mainActions_1jw5v_307{display:flex;align-items:center;gap:16px;width:100%}._wrapper_1iytr_9{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}._labelRow_1iytr_19{display:flex;align-items:center;gap:4px;width:100%}._label_1iytr_19{flex:1 0 0;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.43;letter-spacing:0;color:#203224}._labelDisabled_1iytr_37{color:#524e69}._labelIcon_1iytr_41{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#9490ac}._field_1iytr_53{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-radius:6px;border:1px solid #DCE5DE;background:#fff;box-sizing:border-box;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._hover_1iytr_70,._field_1iytr_53:hover{border-color:#9490ac}._active_1iytr_77,._field_1iytr_53:focus-within{border-color:#9490ac;box-shadow:0 0 0 2px #efeef2;outline:none}._disabled_1iytr_85{background:#efeef2;border-color:#dce5de;cursor:not-allowed}._disabled_1iytr_85:hover,._disabled_1iytr_85:focus-within{border-color:#dce5de;box-shadow:none}._error_1iytr_98{border-color:#ff3a29}._error_1iytr_98:hover,._error_1iytr_98:focus-within{border-color:#ff3a29;box-shadow:none}._icon_1iytr_110{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#9490ac}._input_1iytr_122{flex:1 0 0;min-width:100px;min-height:24px;height:24px;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;color:#524e69;background:transparent;border:none;outline:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._input_1iytr_122::placeholder{color:#9490ac}._input_1iytr_122:disabled{color:#524e69;cursor:not-allowed}._message_1iytr_155{display:flex;align-items:flex-start;gap:4px;width:100%;height:20px;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;color:#524e69}._messageError_1iytr_170{color:#ff3a29}._overlay_rzwii_24{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:_overlayIn_rzwii_1 .2s ease forwards}@keyframes _overlayIn_rzwii_1{0%{opacity:0}to{opacity:1}}._modal_rzwii_43{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:393px;display:flex;flex-direction:column;gap:32px;padding:24px 24px 32px;box-sizing:border-box;animation:_slideUp_rzwii_1 .25s ease forwards}@keyframes _slideUp_rzwii_1{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}._heading_rzwii_64{display:flex;flex-direction:column;gap:8px;color:#524e69;width:100%}._title_rzwii_72{font-family:Clash Display Variable,sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:0;margin:0}._description_rzwii_81{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;margin:0}._body_rzwii_92{display:flex;flex-direction:column;gap:8px;width:100%}._actions_rzwii_101{display:flex;flex-direction:column;gap:16px;width:100%}._btns_rzwii_108{display:flex;gap:16px;width:100%}._btnSecondary_rzwii_115{flex:1 1 0;min-height:48px;padding:6px 16px;background:#203224;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;cursor:pointer;transition:opacity .15s ease;box-sizing:border-box;overflow:hidden}._btnSecondary_rzwii_115:hover{opacity:.88}._btnSecondary_rzwii_115:active{opacity:.75}._btnPrimary_rzwii_137{flex:1 1 0;min-height:48px;padding:6px 16px;background:#e7da10;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;transition:opacity .15s ease;box-sizing:border-box;overflow:hidden}._btnPrimary_rzwii_137:hover{opacity:.88}._btnPrimary_rzwii_137:active{opacity:.75}._nav_53r24_22{display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden}._navOpen_53r24_32,._navClosed_53r24_33{background:#f5f5f5}._navOpen_53r24_32{width:216px}._navClosed_53r24_33{width:80px}._navMobile_53r24_42{background:#203224;width:216px}._header_53r24_51{display:flex;align-items:center;flex-shrink:0}._headerOpen_53r24_58{padding:16px;gap:8px}._headerClosed_53r24_64{height:64px;flex-direction:column;justify-content:center;padding:16px 12px 16px 20px;gap:0}._headerMobile_53r24_73{border-bottom:1px solid #DCE5DE;padding:12px 16px;gap:8px;justify-content:space-between}._logoIcon_53r24_80{flex-shrink:0;display:flex;align-items:center;justify-content:center}._logoFull_53r24_87{flex:1 1 0;display:flex;align-items:center}._headerTitle_53r24_93{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;margin:0}._headerActions_53r24_102{display:flex;align-items:center;gap:8px}._bellBtn_53r24_108{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:4px;color:#fff;flex-shrink:0}._bellBtn_53r24_108:hover{background:#ffffff1a}._links_53r24_129{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column}._linksOpen_53r24_136{padding:16px;gap:24px}._linksClosed_53r24_137{padding:16px 8px;gap:16px}._linksMobile_53r24_138{padding:0;gap:0}._section_53r24_142{display:flex;flex-direction:column}._sectionTitle_53r24_147{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#9490ac;padding-bottom:8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._sectionItems_53r24_160{display:flex;flex-direction:column;gap:4px}._item_53r24_168{display:flex;align-items:center;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;box-sizing:border-box;transition:background .15s ease}._itemOpen_53r24_181{gap:8px;padding:12px 16px;border-radius:4px}._itemOpen_53r24_181:hover{background:#0000000d}._itemOpenActive_53r24_191{background:#e7da10;border-radius:6px}._itemOpenActive_53r24_191:hover{background:#e7da10}._itemClosed_53r24_201{justify-content:center;padding:12px;border-radius:4px}._itemClosed_53r24_201:hover{background:#0000000d}._itemClosedActive_53r24_211{background:#e7da10;border-radius:6px;justify-content:center}._itemClosedActive_53r24_211:hover{background:#e7da10}._itemMobile_53r24_222{gap:8px;padding:12px 16px}._itemMobile_53r24_222:hover{background:#ffffff14}._itemMobileActive_53r24_231{background:#e7da1026}._itemIcon_53r24_237{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._itemIconDark_53r24_246{color:#524e69}._itemIconLight_53r24_247{color:#fff}._itemLabel_53r24_251{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 0;text-align:left}._itemLabelDefault_53r24_263{color:#524e69}._itemLabelActive_53r24_264{color:#203224}._itemLabelMobile_53r24_265{color:#524e69}._chevron_53r24_269{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#9490ac}._footer_53r24_283{flex-shrink:0}._collapseBtn_53r24_289{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;border-top:1px solid #DCE5DE;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#9490ac;box-sizing:border-box;transition:background .15s ease}._collapseBtn_53r24_289:hover{background:#0000000a}._collapseBtnClosed_53r24_310{justify-content:center}._collapseBtnIcon_53r24_314{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:#9490ac}._footerMobile_53r24_326{border-top:1px solid #DCE5DE;padding:16px;display:flex;flex-direction:column;gap:8px}._ctaBtn_53r24_335{display:flex;align-items:center;justify-content:center;background:#e7da10;border-radius:12px;min-height:36px;padding:6px 16px;border:none;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#203224;width:100%;box-sizing:border-box;transition:opacity .15s ease}._ctaBtn_53r24_335:hover{opacity:.9}._workspace_53r24_358{display:flex;align-items:center;gap:8px;background:#f3f3f3;border-radius:6px;height:48px;padding:0 12px;cursor:pointer;border:none;width:100%;box-sizing:border-box}._workspaceIcon_53r24_372{width:28px;height:28px;border-radius:4px;background:#e7da10;flex-shrink:0;display:flex;align-items:center;justify-content:center}._workspaceLabel_53r24_383{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:13px;line-height:1.3;color:#203224;flex:1 0 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._avatarRow_53r24_397{display:flex;align-items:center;gap:8px}._avatar_53r24_397{width:36px;height:36px;border-radius:50%;background:#0f6c13;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}._avatarInitials_53r24_415{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;color:#fff}._avatarInfo_53r24_422{display:flex;flex-direction:column;gap:1px;flex:1 0 0;min-width:0}._avatarName_53r24_430{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._avatarRole_53r24_441{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:11px;line-height:1.3;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._pagination_olot7_11{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}._item_olot7_20{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;overflow:hidden;font-family:Roboto,sans-serif;font-weight:400;font-variation-settings:"'wdth' 100";letter-spacing:0;text-align:center;white-space:nowrap;line-height:1;background:transparent;border:none;padding:0;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background .12s ease,opacity .12s ease}._item_olot7_20:focus-visible{outline:2px solid #0F6C13;outline-offset:1px}._xs_olot7_55{width:20px;height:20px;font-size:12px;line-height:14px}._md_olot7_63{width:32px;height:32px;font-size:16px;line-height:18px}._lg_olot7_71{width:40px;height:40px;font-size:18px;line-height:20px}._active_olot7_81{background:#0f6c13;color:#fff;cursor:default}._inactive_olot7_88{border:1px solid #CED4DA;color:#101113}._inactive_olot7_88:hover{background:#ced4da33}._inactive_olot7_88:active{background:#ced4da59}._dots_olot7_102{color:#101113;cursor:default;border:none;background:transparent}._control_olot7_110{border:1px solid #CED4DA;color:#101113}._control_olot7_110:hover{background:#ced4da33}._control_olot7_110:active{background:#ced4da59}._control_olot7_110:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._steps_xg6k6_20{display:flex;align-items:stretch;width:100%;isolation:isolate}._item_xg6k6_30{flex:1 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px;min-height:62px;position:relative;box-sizing:border-box;cursor:default;transition:background .15s ease}._typeStart_xg6k6_51{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);margin-right:-16px}._typeStep_xg6k6_66{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);margin-right:-16px}._typeEnd_xg6k6_82{clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,16px 50%)}._stateDefault_xg6k6_94{background:#e0deed}._stateHover_xg6k6_95{background:#e7da10}._stateActive_xg6k6_96{background:#0f6c13}._stateComplete_xg6k6_97{background:#203224}._textDark_xg6k6_101{color:#203224}._textLight_xg6k6_102{color:#fff}._label_xg6k6_106{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;letter-spacing:0;white-space:nowrap;text-align:center;margin:0}._num_xg6k6_119{font-family:Clash Display Variable,sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:0;white-space:nowrap;text-align:center;margin:0}._checkIcon_xg6k6_132{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._minified_xg6k6_143{display:flex;align-items:center;width:100%}._minDot_xg6k6_150{border-radius:50%;flex-shrink:0;transition:all .2s ease}._minDefault_xg6k6_156{width:8px;height:8px;background:#e0deed}._minActive_xg6k6_162{width:12px;height:12px;background:#0f6c13;box-shadow:0 0 0 3px #0f6c132e}._minComplete_xg6k6_169{width:8px;height:8px;background:#203224}._minConnector_xg6k6_176{flex:1 1 0;height:2px;min-width:8px;transition:background .2s ease}._minConnectorDefault_xg6k6_183,._minConnectorActive_xg6k6_184{background:#e0deed}._minConnectorComplete_xg6k6_185{background:#203224}._dropzone_19kgn_8{display:flex;align-items:center;width:100%;border:1px dashed #D0D5DD;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,border-style .15s ease}._dropzoneMd_19kgn_22{flex-direction:row;gap:16px;padding:16px}._dropzoneLg_19kgn_29{flex-direction:column;justify-content:center;gap:12px;height:165px;padding:24px}._dropzone_19kgn_8:hover,._dropzoneDragging_19kgn_39{background:#dbe8ff;border-color:#2970ff;border-style:solid}._dropzoneIconMd_19kgn_48{width:32px;height:32px;flex-shrink:0;position:relative}._dropzoneIconLg_19kgn_56{width:96px;height:64px;flex-shrink:0;position:relative;filter:drop-shadow(0px 8px 8px rgba(0,0,0,.03)) drop-shadow(0px 20px 24px rgba(0,0,0,.08))}._dropzoneContent_19kgn_67{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0}._dropzoneLg_19kgn_29 ._dropzoneContent_19kgn_67{align-items:center;flex:unset}._dropzoneTitleRow_19kgn_81{display:flex;align-items:center;gap:4px;flex-shrink:0}._dropzoneTitle_19kgn_81{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#101828;white-space:nowrap;margin:0}._dropzoneBrowse_19kgn_99{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#154fef;white-space:nowrap;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}._dropzoneSubtitle_19kgn_114{font-family:Inter,sans-serif;font-weight:400;font-size:10px;line-height:1.6;letter-spacing:0;color:#667085;white-space:nowrap;margin:0;width:100%}._fileList_19kgn_128{display:flex;flex-direction:column;gap:8px;width:100%}._fileItem_19kgn_137{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #EAECF0;border-radius:8px;width:100%;box-sizing:border-box;overflow:hidden}._fileItemLg_19kgn_150{align-items:flex-start}._fileItemMd_19kgn_155{align-items:center}._fileBadge_19kgn_161{width:32px;height:32px;flex-shrink:0;background:#b2c9ff;border:4px solid #DBE8FF;border-radius:999px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}._fileContent_19kgn_176{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0;min-height:1px;justify-content:center}._fileHeader_19kgn_186{display:flex;align-items:flex-start;gap:12px;width:100%}._fileTexts_19kgn_193{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0;justify-content:center}._fileName_19kgn_202{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#101828;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileSize_19kgn_216{font-family:Inter,sans-serif;font-weight:400;font-size:10px;line-height:1.6;letter-spacing:0;color:#667085;margin:0;width:100%}._actions_19kgn_229{display:flex;align-items:center;gap:4px;flex-shrink:0}._actionBtn_19kgn_236{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:1px solid #EAECF0;border-radius:4px;overflow:hidden;cursor:pointer;padding:0;flex-shrink:0;color:#475467;transition:background .1s ease}._actionBtn_19kgn_236:hover{background:#f8fafc}._progressRow_19kgn_259{display:flex;align-items:center;gap:8px;width:100%;flex-shrink:0}._progressTrack_19kgn_267{flex:1 0 0;height:4px;background:#eaecf0;border-radius:999px;min-width:1px;overflow:hidden;position:relative}._progressFill_19kgn_277{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(to right,#2970ff,#0040c1);transition:width .3s ease}._progressLabel_19kgn_288{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#101828;white-space:nowrap;flex-shrink:0;margin:0}._spinner_19kgn_301{width:24px;height:24px;flex-shrink:0;border:2px solid #DBE8FF;border-top-color:#2970ff;border-radius:50%;animation:_spin_19kgn_301 .7s linear infinite}@keyframes _spin_19kgn_301{to{transform:rotate(360deg)}}._wrapper_19kgn_317{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}
|
|
1
|
+
@import"https://api.fontshare.com/v2/css?f[]=clash-grotesk@400,500,600,700&display=swap";._alert_p4b5i_21{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;border:1px solid;box-shadow:0 1px 12px #191b2326;max-width:600px;width:100%;box-sizing:border-box}._typeDefault_p4b5i_36{background:#f9f8fc;border-color:#dce5de}._typeInfo_p4b5i_37{background:#f4f9ff;border-color:#c9e2fe}._typeSuccess_p4b5i_38{background:#f5fbf7;border-color:#cae7d5}._typeWarning_p4b5i_39{background:#fff9e9;border-color:#ffdb90}._typeError_p4b5i_40{background:#fff8f6;border-color:#ffcabf}._iconSlot_p4b5i_44{display:flex;align-items:flex-start;flex-shrink:0;width:20px;height:20px}._textContent_p4b5i_54{display:flex;flex-direction:column;gap:2px;flex:1 0 0;min-width:0;line-height:1.3}._title_p4b5i_63{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.3;letter-spacing:0;margin:0}._titleDefault_p4b5i_72{color:#524e69}._titleInfo_p4b5i_73{color:#2472ba}._titleSuccess_p4b5i_74{color:#2c7d56}._titleWarning_p4b5i_75{color:#a36a00}._titleError_p4b5i_76{color:#de0000}._message_p4b5i_78{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;color:#524e69;margin:0}._rightSlot_p4b5i_90{display:flex;flex-direction:row;align-items:center;align-self:stretch;gap:8px;flex-shrink:0}._actionBtn_p4b5i_101{display:flex;align-items:center;justify-content:center;gap:6px;background:#e7da10;border:none;border-radius:12px;min-height:36px;padding:6px 12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;white-space:nowrap;transition:opacity .15s ease;flex-shrink:0}._actionBtn_p4b5i_101:hover{opacity:.88}._actionBtn_p4b5i_101:active{opacity:.75}._closeBtn_p4b5i_127{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:0;color:#524e69;flex-shrink:0;transition:background .15s ease}._closeBtn_p4b5i_127:hover{background:#0000000f}._base_106pz_9{position:relative;width:20px;height:20px;flex-shrink:0;cursor:pointer}._checkDefault_106pz_18,._radioDefault_106pz_19{width:20px;height:20px;background:#fff;border:1px solid #DCE5DE;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer}._checkDefault_106pz_18{border-radius:4px}._radioDefault_106pz_19{border-radius:100px}._checkChecked_106pz_40,._radioChecked_106pz_41{width:20px;height:20px;background:#203224;border:1px solid #DCE5DE;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:pointer;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}._checkChecked_106pz_40{border-radius:4px}._radioChecked_106pz_41{border-radius:100px}._checkIcon_106pz_64{width:12px;height:12px;position:relative;display:flex;align-items:center;justify-content:center}._checkIcon_106pz_64:after{content:"";display:block;width:5px;height:9px;border:2px solid #FFFFFF;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-2px)}._radioIcon_106pz_86{width:12px;height:12px;display:flex;align-items:center;justify-content:center}._radioIcon_106pz_86:after{content:"";display:block;width:6px;height:6px;border-radius:50%;background:#fff}._toggleWrapper_106pz_105{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}._toggleTrack_106pz_113{position:relative;width:36px;height:20px;border-radius:100px;background:#9490ac;border:1px solid #DCE5DE;box-sizing:border-box;transition:background .2s ease,border-color .2s ease;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a}._toggleTrack_106pz_113:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 2px #1018280f}._toggleChecked_106pz_140 ._toggleTrack_106pz_113{background:#203224;border-color:#203224}._toggleChecked_106pz_140 ._toggleTrack_106pz_113:after{transform:translate(16px)}._button_1hwro_8{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;padding-top:6px;padding-bottom:6px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;letter-spacing:0;text-align:center;white-space:nowrap;cursor:pointer;border:none;background:transparent;box-sizing:border-box;transition:opacity .15s ease}._button_1hwro_8:focus-visible{outline:2px solid #0F6C13;outline-offset:2px}._sm_1hwro_40{gap:6px;min-height:36px;padding-left:12px;padding-right:12px}._md_1hwro_48{gap:8px;min-height:48px;padding-left:16px;padding-right:16px}._outline_1hwro_58{background:transparent;border:1px solid #0F6C13;color:#0f6c13;border-radius:12px}._outline_1hwro_58:hover:not(:disabled){background:#0f6c130f}._outline_1hwro_58:active:not(:disabled){background:#0f6c131f}._fill_1hwro_74{background:#e7da10;color:#203224;border-radius:12px}._fill_1hwro_74:hover:not(:disabled){background:#d4c80f}._fill_1hwro_74:active:not(:disabled){background:#bdb10d}._secondary_1hwro_89{background:#203224;color:#fff;border-radius:12px}._secondary_1hwro_89:hover:not(:disabled){background:#2c4433}._secondary_1hwro_89:active:not(:disabled){background:#162319}._text_1hwro_104{background:transparent;color:#2472ba;border-radius:8px}._text_1hwro_104:hover:not(:disabled){background:#2472ba0f}._text_1hwro_104:active:not(:disabled){background:#2472ba1f}._disabled_1hwro_119,._button_1hwro_8:disabled{background:#efeef2;color:#524e69;border-radius:12px;cursor:not-allowed;pointer-events:none}._label_1hwro_130{flex:1 0 0;min-width:1px;min-height:1px}._icon_1hwro_136{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._header_1jw5v_25{display:flex;align-items:center;gap:32px;padding:8px 16px;background:#fff;border-bottom:1px solid #DCE5DE;width:100%;box-sizing:border-box}._variantDefault_1jw5v_36,._variantMobile_1jw5v_37{height:64px}._variantMobileOpen_1jw5v_38{flex-direction:column;align-items:flex-start;height:auto;padding-top:12px;padding-bottom:12px;gap:16px}._pageTitle_1jw5v_49{flex:1 0 0;font-family:Clash Display Variable,sans-serif;font-weight:600;line-height:1.25;letter-spacing:0;color:#524e69;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}._pageTitleDesktop_1jw5v_63{font-size:21px}._pageTitleMobile_1jw5v_64{font-size:18px}._actions_1jw5v_68{display:flex;align-items:center;gap:16px;flex-shrink:0;height:100%}._actionsMobileOpen_1jw5v_76{flex-direction:column;align-items:flex-start;width:100%;height:auto;gap:16px}._workspace_1jw5v_86{display:flex;align-items:center;gap:12px;background:#f3f3f3;border-radius:6px;padding:0 12px;height:100%;cursor:pointer;border:none;flex-shrink:0;box-sizing:border-box;transition:background .15s ease}._workspace_1jw5v_86:hover{background:#ebebeb}._workspaceFull_1jw5v_104{width:100%;height:48px;flex:1 0 0}._workspaceLeft_1jw5v_110{display:flex;align-items:center;gap:6px;flex:1 0 0;min-width:0}._statusDot_1jw5v_118{width:12px;height:12px;border-radius:50%;background:#5ba980;flex-shrink:0}._workspaceCol_1jw5v_126{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}._workspaceAccount_1jw5v_134{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:10px;line-height:1.3;color:#524e69;white-space:nowrap;margin:0}._workspaceName_1jw5v_144{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#203224;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}._workspaceArrow_1jw5v_156{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#524e69}._bellBtn_1jw5v_168{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;padding:0;color:#524e69;flex-shrink:0;transition:background .15s ease}._bellBtn_1jw5v_168:hover{background:#0000000f}._menuBtn_1jw5v_188{display:flex;align-items:center;gap:4px;padding:12px 16px;background:transparent;border:none;border-radius:4px;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.3;color:#203224;flex-shrink:0;transition:background .15s ease}._menuBtn_1jw5v_188:hover{background:#0000000d}._menuIcon_1jw5v_208{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._navUser_1jw5v_219{display:flex;align-items:center;gap:6px;flex-shrink:0;height:36px}._avatar_1jw5v_227{width:36px;height:36px;border-radius:50%;background:#0f6c13;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}._avatarImg_1jw5v_239{width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;display:block}._avatarInitials_1jw5v_248{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;color:#fff}._userText_1jw5v_255{display:flex;flex-direction:column;align-items:flex-start;white-space:nowrap}._userName_1jw5v_262{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.43;color:#203224;margin:0}._userRole_1jw5v_271{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:10px;line-height:1.3;color:#524e69;margin:0}._ctaBtn_1jw5v_282{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;padding:6px 12px;background:#e7da10;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;box-sizing:border-box;transition:opacity .15s ease}._ctaBtn_1jw5v_282:hover{opacity:.88}._ctaBtn_1jw5v_282:active{opacity:.75}._mainActions_1jw5v_307{display:flex;align-items:center;gap:16px;width:100%}._wrapper_1iytr_9{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}._labelRow_1iytr_19{display:flex;align-items:center;gap:4px;width:100%}._label_1iytr_19{flex:1 0 0;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.43;letter-spacing:0;color:#203224}._labelDisabled_1iytr_37{color:#524e69}._labelIcon_1iytr_41{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#9490ac}._field_1iytr_53{display:flex;align-items:center;gap:8px;padding:12px;width:100%;border-radius:6px;border:1px solid #DCE5DE;background:#fff;box-sizing:border-box;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}._hover_1iytr_70,._field_1iytr_53:hover{border-color:#9490ac}._active_1iytr_77,._field_1iytr_53:focus-within{border-color:#9490ac;box-shadow:0 0 0 2px #efeef2;outline:none}._disabled_1iytr_85{background:#efeef2;border-color:#dce5de;cursor:not-allowed}._disabled_1iytr_85:hover,._disabled_1iytr_85:focus-within{border-color:#dce5de;box-shadow:none}._error_1iytr_98{border-color:#ff3a29}._error_1iytr_98:hover,._error_1iytr_98:focus-within{border-color:#ff3a29;box-shadow:none}._icon_1iytr_110{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#9490ac}._input_1iytr_122{flex:1 0 0;min-width:100px;min-height:24px;height:24px;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;color:#524e69;background:transparent;border:none;outline:none;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._input_1iytr_122::placeholder{color:#9490ac}._input_1iytr_122:disabled{color:#524e69;cursor:not-allowed}._message_1iytr_155{display:flex;align-items:flex-start;gap:4px;width:100%;height:20px;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;color:#524e69}._messageError_1iytr_170{color:#ff3a29}._overlay_rzwii_24{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-end;justify-content:center;z-index:1000;animation:_overlayIn_rzwii_1 .2s ease forwards}@keyframes _overlayIn_rzwii_1{0%{opacity:0}to{opacity:1}}._modal_rzwii_43{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:393px;display:flex;flex-direction:column;gap:32px;padding:24px 24px 32px;box-sizing:border-box;animation:_slideUp_rzwii_1 .25s ease forwards}@keyframes _slideUp_rzwii_1{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}._heading_rzwii_64{display:flex;flex-direction:column;gap:8px;color:#524e69;width:100%}._title_rzwii_72{font-family:Clash Display Variable,sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:0;margin:0}._description_rzwii_81{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;margin:0}._body_rzwii_92{display:flex;flex-direction:column;gap:8px;width:100%}._actions_rzwii_101{display:flex;flex-direction:column;gap:16px;width:100%}._btns_rzwii_108{display:flex;gap:16px;width:100%}._btnSecondary_rzwii_115{flex:1 1 0;min-height:48px;padding:6px 16px;background:#203224;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;cursor:pointer;transition:opacity .15s ease;box-sizing:border-box;overflow:hidden}._btnSecondary_rzwii_115:hover{opacity:.88}._btnSecondary_rzwii_115:active{opacity:.75}._btnPrimary_rzwii_137{flex:1 1 0;min-height:48px;padding:6px 16px;background:#e7da10;border:none;border-radius:12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#203224;cursor:pointer;transition:opacity .15s ease;box-sizing:border-box;overflow:hidden}._btnPrimary_rzwii_137:hover{opacity:.88}._btnPrimary_rzwii_137:active{opacity:.75}._nav_53r24_22{display:flex;flex-direction:column;height:100%;box-sizing:border-box;overflow:hidden}._navOpen_53r24_32,._navClosed_53r24_33{background:#f5f5f5}._navOpen_53r24_32{width:216px}._navClosed_53r24_33{width:80px}._navMobile_53r24_42{background:#203224;width:216px}._header_53r24_51{display:flex;align-items:center;flex-shrink:0}._headerOpen_53r24_58{padding:16px;gap:8px}._headerClosed_53r24_64{height:64px;flex-direction:column;justify-content:center;padding:16px 12px 16px 20px;gap:0}._headerMobile_53r24_73{border-bottom:1px solid #DCE5DE;padding:12px 16px;gap:8px;justify-content:space-between}._logoIcon_53r24_80{flex-shrink:0;display:flex;align-items:center;justify-content:center}._logoFull_53r24_87{flex:1 1 0;display:flex;align-items:center}._headerTitle_53r24_93{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#fff;margin:0}._headerActions_53r24_102{display:flex;align-items:center;gap:8px}._bellBtn_53r24_108{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0;border-radius:4px;color:#fff;flex-shrink:0}._bellBtn_53r24_108:hover{background:#ffffff1a}._links_53r24_129{flex:1 1 0;overflow-y:auto;display:flex;flex-direction:column}._linksOpen_53r24_136{padding:16px;gap:24px}._linksClosed_53r24_137{padding:16px 8px;gap:16px}._linksMobile_53r24_138{padding:0;gap:0}._section_53r24_142{display:flex;flex-direction:column}._sectionTitle_53r24_147{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#9490ac;padding-bottom:8px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._sectionItems_53r24_160{display:flex;flex-direction:column;gap:4px}._item_53r24_168{display:flex;align-items:center;text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;box-sizing:border-box;transition:background .15s ease}._itemOpen_53r24_181{gap:8px;padding:12px 16px;border-radius:4px}._itemOpen_53r24_181:hover{background:#0000000d}._itemOpenActive_53r24_191{background:#e7da10;border-radius:6px}._itemOpenActive_53r24_191:hover{background:#e7da10}._itemClosed_53r24_201{justify-content:center;padding:12px;border-radius:4px}._itemClosed_53r24_201:hover{background:#0000000d}._itemClosedActive_53r24_211{background:#e7da10;border-radius:6px;justify-content:center}._itemClosedActive_53r24_211:hover{background:#e7da10}._itemMobile_53r24_222{gap:8px;padding:12px 16px}._itemMobile_53r24_222:hover{background:#ffffff14}._itemMobileActive_53r24_231{background:#e7da1026}._itemIcon_53r24_237{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._itemIconDark_53r24_246{color:#524e69}._itemIconLight_53r24_247{color:#fff}._itemLabel_53r24_251{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 0;text-align:left}._itemLabelDefault_53r24_263{color:#524e69}._itemLabelActive_53r24_264{color:#203224}._itemLabelMobile_53r24_265{color:#524e69}._chevron_53r24_269{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:#9490ac}._footer_53r24_283{flex-shrink:0}._collapseBtn_53r24_289{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:transparent;border:none;border-top:1px solid #DCE5DE;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;color:#9490ac;box-sizing:border-box;transition:background .15s ease}._collapseBtn_53r24_289:hover{background:#0000000a}._collapseBtnClosed_53r24_310{justify-content:center}._collapseBtnIcon_53r24_314{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:#9490ac}._footerMobile_53r24_326{border-top:1px solid #DCE5DE;padding:16px;display:flex;flex-direction:column;gap:8px}._ctaBtn_53r24_335{display:flex;align-items:center;justify-content:center;background:#e7da10;border-radius:12px;min-height:36px;padding:6px 16px;border:none;cursor:pointer;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;color:#203224;width:100%;box-sizing:border-box;transition:opacity .15s ease}._ctaBtn_53r24_335:hover{opacity:.9}._workspace_53r24_358{display:flex;align-items:center;gap:8px;background:#f3f3f3;border-radius:6px;height:48px;padding:0 12px;cursor:pointer;border:none;width:100%;box-sizing:border-box}._workspaceIcon_53r24_372{width:28px;height:28px;border-radius:4px;background:#e7da10;flex-shrink:0;display:flex;align-items:center;justify-content:center}._workspaceLabel_53r24_383{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:13px;line-height:1.3;color:#203224;flex:1 0 0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._avatarRow_53r24_397{display:flex;align-items:center;gap:8px}._avatar_53r24_397{width:36px;height:36px;border-radius:50%;background:#0f6c13;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}._avatarInitials_53r24_415{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;color:#fff}._avatarInfo_53r24_422{display:flex;flex-direction:column;gap:1px;flex:1 0 0;min-width:0}._avatarName_53r24_430{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:13px;line-height:1.3;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._avatarRole_53r24_441{font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:11px;line-height:1.3;color:#ffffffa6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._pagination_olot7_11{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}._item_olot7_20{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;overflow:hidden;font-family:Roboto,sans-serif;font-weight:400;font-variation-settings:"'wdth' 100";letter-spacing:0;text-align:center;white-space:nowrap;line-height:1;background:transparent;border:none;padding:0;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background .12s ease,opacity .12s ease}._item_olot7_20:focus-visible{outline:2px solid #0F6C13;outline-offset:1px}._xs_olot7_55{width:20px;height:20px;font-size:12px;line-height:14px}._md_olot7_63{width:32px;height:32px;font-size:16px;line-height:18px}._lg_olot7_71{width:40px;height:40px;font-size:18px;line-height:20px}._active_olot7_81{background:#0f6c13;color:#fff;cursor:default}._inactive_olot7_88{border:1px solid #CED4DA;color:#101113}._inactive_olot7_88:hover{background:#ced4da33}._inactive_olot7_88:active{background:#ced4da59}._dots_olot7_102{color:#101113;cursor:default;border:none;background:transparent}._control_olot7_110{border:1px solid #CED4DA;color:#101113}._control_olot7_110:hover{background:#ced4da33}._control_olot7_110:active{background:#ced4da59}._control_olot7_110:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}._wrapper_pivx7_3{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%}._label_pivx7_13{flex:1 0 0;font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.43;letter-spacing:0;color:#203224}._labelDisabled_pivx7_23{color:#524e69}._field_pivx7_29{position:relative;width:100%}._select_pivx7_36{display:block;width:100%;padding:12px 40px 12px 12px;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;color:#524e69;background:#fff;border-radius:6px;border:1px solid #DCE5DE;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease}._select_pivx7_36:hover:not(:disabled){border-color:#9490ac}._select_pivx7_36:focus{border-color:#9490ac;box-shadow:0 0 0 2px #efeef2}._select_pivx7_36:disabled{background:#efeef2;border-color:#dce5de;color:#524e69;cursor:not-allowed}._select_pivx7_36._placeholder_pivx7_75{color:#9490ac}._error_pivx7_81 ._select_pivx7_36{border-color:#ff3a29}._error_pivx7_81 ._select_pivx7_36:hover,._error_pivx7_81 ._select_pivx7_36:focus{border-color:#ff3a29;box-shadow:none}._chevron_pivx7_93{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#9490ac;pointer-events:none;display:flex;align-items:center;justify-content:center}._message_pivx7_109{display:flex;align-items:flex-start;gap:4px;width:100%;font-family:Clash Grotesk Variable,sans-serif;font-weight:400;font-size:14px;line-height:1.3;letter-spacing:0;color:#524e69}._messageError_pivx7_123{color:#ff3a29}._steps_xg6k6_20{display:flex;align-items:stretch;width:100%;isolation:isolate}._item_xg6k6_30{flex:1 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px;min-height:62px;position:relative;box-sizing:border-box;cursor:default;transition:background .15s ease}._typeStart_xg6k6_51{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);margin-right:-16px}._typeStep_xg6k6_66{clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);margin-right:-16px}._typeEnd_xg6k6_82{clip-path:polygon(16px 0,100% 0,100% 100%,0 100%,16px 50%)}._stateDefault_xg6k6_94{background:#e0deed}._stateHover_xg6k6_95{background:#e7da10}._stateActive_xg6k6_96{background:#0f6c13}._stateComplete_xg6k6_97{background:#203224}._textDark_xg6k6_101{color:#203224}._textLight_xg6k6_102{color:#fff}._label_xg6k6_106{font-family:Clash Grotesk Variable,sans-serif;font-weight:600;font-size:14px;line-height:1.3;letter-spacing:0;white-space:nowrap;text-align:center;margin:0}._num_xg6k6_119{font-family:Clash Display Variable,sans-serif;font-weight:600;font-size:21px;line-height:1.25;letter-spacing:0;white-space:nowrap;text-align:center;margin:0}._checkIcon_xg6k6_132{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}._minified_xg6k6_143{display:flex;align-items:center;width:100%}._minDot_xg6k6_150{border-radius:50%;flex-shrink:0;transition:all .2s ease}._minDefault_xg6k6_156{width:8px;height:8px;background:#e0deed}._minActive_xg6k6_162{width:12px;height:12px;background:#0f6c13;box-shadow:0 0 0 3px #0f6c132e}._minComplete_xg6k6_169{width:8px;height:8px;background:#203224}._minConnector_xg6k6_176{flex:1 1 0;height:2px;min-width:8px;transition:background .2s ease}._minConnectorDefault_xg6k6_183,._minConnectorActive_xg6k6_184{background:#e0deed}._minConnectorComplete_xg6k6_185{background:#203224}._tabList_dww9d_3{display:flex;gap:4px;flex-wrap:wrap}._tab_dww9d_3{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;min-height:36px;font-family:Clash Grotesk Variable,sans-serif;font-weight:500;font-size:14px;line-height:1.43;letter-spacing:0;white-space:nowrap;border-radius:6px;border:1px solid #DCE5DE;background:transparent;color:#524e69;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background .15s ease,color .15s ease}._tab_dww9d_3:focus-visible{outline:2px solid #0F6C13;outline-offset:2px}._tab_dww9d_3:hover:not(._active_dww9d_40):not(._disabled_dww9d_40){border-color:#9490ac;color:#203224}._active_dww9d_40{background:#203224;border-color:#203224;color:#fff}._disabled_dww9d_40{background:#efeef2;border-color:#dce5de;color:#9490ac;cursor:not-allowed;pointer-events:none}._icon_dww9d_65{width:18px;height:18px;flex-shrink:0;display:flex;align-items:center;justify-content:center}._dropzone_19kgn_8{display:flex;align-items:center;width:100%;border:1px dashed #D0D5DD;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:background .15s ease,border-color .15s ease,border-style .15s ease}._dropzoneMd_19kgn_22{flex-direction:row;gap:16px;padding:16px}._dropzoneLg_19kgn_29{flex-direction:column;justify-content:center;gap:12px;height:165px;padding:24px}._dropzone_19kgn_8:hover,._dropzoneDragging_19kgn_39{background:#dbe8ff;border-color:#2970ff;border-style:solid}._dropzoneIconMd_19kgn_48{width:32px;height:32px;flex-shrink:0;position:relative}._dropzoneIconLg_19kgn_56{width:96px;height:64px;flex-shrink:0;position:relative;filter:drop-shadow(0px 8px 8px rgba(0,0,0,.03)) drop-shadow(0px 20px 24px rgba(0,0,0,.08))}._dropzoneContent_19kgn_67{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0}._dropzoneLg_19kgn_29 ._dropzoneContent_19kgn_67{align-items:center;flex:unset}._dropzoneTitleRow_19kgn_81{display:flex;align-items:center;gap:4px;flex-shrink:0}._dropzoneTitle_19kgn_81{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#101828;white-space:nowrap;margin:0}._dropzoneBrowse_19kgn_99{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#154fef;white-space:nowrap;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}._dropzoneSubtitle_19kgn_114{font-family:Inter,sans-serif;font-weight:400;font-size:10px;line-height:1.6;letter-spacing:0;color:#667085;white-space:nowrap;margin:0;width:100%}._fileList_19kgn_128{display:flex;flex-direction:column;gap:8px;width:100%}._fileItem_19kgn_137{display:flex;gap:16px;padding:16px;background:#fff;border:1px solid #EAECF0;border-radius:8px;width:100%;box-sizing:border-box;overflow:hidden}._fileItemLg_19kgn_150{align-items:flex-start}._fileItemMd_19kgn_155{align-items:center}._fileBadge_19kgn_161{width:32px;height:32px;flex-shrink:0;background:#b2c9ff;border:4px solid #DBE8FF;border-radius:999px;box-sizing:border-box;display:flex;align-items:center;justify-content:center}._fileContent_19kgn_176{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0;min-height:1px;justify-content:center}._fileHeader_19kgn_186{display:flex;align-items:flex-start;gap:12px;width:100%}._fileTexts_19kgn_193{display:flex;flex-direction:column;gap:4px;flex:1 0 0;min-width:0;justify-content:center}._fileName_19kgn_202{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;letter-spacing:0;color:#101828;margin:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._fileSize_19kgn_216{font-family:Inter,sans-serif;font-weight:400;font-size:10px;line-height:1.6;letter-spacing:0;color:#667085;margin:0;width:100%}._actions_19kgn_229{display:flex;align-items:center;gap:4px;flex-shrink:0}._actionBtn_19kgn_236{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;border:1px solid #EAECF0;border-radius:4px;overflow:hidden;cursor:pointer;padding:0;flex-shrink:0;color:#475467;transition:background .1s ease}._actionBtn_19kgn_236:hover{background:#f8fafc}._progressRow_19kgn_259{display:flex;align-items:center;gap:8px;width:100%;flex-shrink:0}._progressTrack_19kgn_267{flex:1 0 0;height:4px;background:#eaecf0;border-radius:999px;min-width:1px;overflow:hidden;position:relative}._progressFill_19kgn_277{position:absolute;top:0;left:0;height:100%;border-radius:999px;background:linear-gradient(to right,#2970ff,#0040c1);transition:width .3s ease}._progressLabel_19kgn_288{font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:1.6;color:#101828;white-space:nowrap;flex-shrink:0;margin:0}._spinner_19kgn_301{width:24px;height:24px;flex-shrink:0;border:2px solid #DBE8FF;border-top-color:#2970ff;border-radius:50%;animation:_spin_19kgn_301 .7s linear infinite}@keyframes _spin_19kgn_301{to{transform:rotate(360deg)}}._wrapper_19kgn_317{display:flex;flex-direction:column;gap:12px;align-items:flex-start;width:100%}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export interface SelectOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
}
|
|
5
|
+
export type SelectState = 'Default' | 'Disabled' | 'Error';
|
|
6
|
+
export interface SelectProps {
|
|
7
|
+
/** Options to render */
|
|
8
|
+
options: SelectOption[];
|
|
9
|
+
/** Currently selected value */
|
|
10
|
+
value?: string;
|
|
11
|
+
/** Placeholder shown when no value is selected */
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
/** Label rendered above the field */
|
|
14
|
+
label?: string;
|
|
15
|
+
/** Helper or error message rendered below the field */
|
|
16
|
+
message?: string;
|
|
17
|
+
/** Visual/interaction state */
|
|
18
|
+
state?: SelectState;
|
|
19
|
+
onChange?: (value: string) => void;
|
|
20
|
+
id?: string;
|
|
21
|
+
className?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare function Select({ options, value, placeholder, label, message, state, onChange, id: idProp, className, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../components/Select/Select.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,MAAM,WAAW,WAAW;IAC1B,wBAAwB;IACxB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,WAAyB,EACzB,KAAK,EACL,OAAO,EACP,KAAiB,EACjB,QAAQ,EACR,EAAE,EAAE,MAAM,EACV,SAAS,GACV,EAAE,WAAW,2CAuEb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
/** Unique identifier for the tab */
|
|
4
|
+
id: string;
|
|
5
|
+
/** Label displayed inside the tab */
|
|
6
|
+
label: string;
|
|
7
|
+
/** Optional icon rendered before the label */
|
|
8
|
+
icon?: React.ReactNode;
|
|
9
|
+
/** Whether this tab is disabled */
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface TabProps {
|
|
13
|
+
/** List of tab items */
|
|
14
|
+
items: TabItem[];
|
|
15
|
+
/** ID of the currently active tab */
|
|
16
|
+
activeId: string;
|
|
17
|
+
/** Called when a tab is clicked */
|
|
18
|
+
onChange: (id: string) => void;
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare function Tab({ items, activeId, onChange, className }: TabProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
//# sourceMappingURL=Tab.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../components/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,WAAW,OAAO;IACtB,oCAAoC;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,QAAQ;IACvB,wBAAwB;IACxB,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,QAAQ,2CAuCrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}
|
|
@@ -15,8 +15,12 @@ export { Nav } from './Nav';
|
|
|
15
15
|
export type { NavProps, NavItem, NavSection, NavMobileFooter } from './Nav';
|
|
16
16
|
export { Pagination } from './Pagination';
|
|
17
17
|
export type { PaginationProps, PaginationSize } from './Pagination';
|
|
18
|
+
export { Select } from './Select';
|
|
19
|
+
export type { SelectProps, SelectOption, SelectState } from './Select';
|
|
18
20
|
export { Steps } from './Steps';
|
|
19
21
|
export type { StepsProps, StepItem } from './Steps';
|
|
22
|
+
export { Tab } from './Tab';
|
|
23
|
+
export type { TabProps, TabItem } from './Tab';
|
|
20
24
|
export { Upload } from './Upload';
|
|
21
25
|
export type { UploadProps, UploadFile, UploadSize, UploadType, UploadStatus, UploadFileState } from './Upload';
|
|
22
26
|
export { colors } from '../tokens/colors';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAI9B,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAQ,kBAAkB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9F,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAmB,OAAO,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAY,cAAc,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI/G,OAAO,EAAE,MAAM,EAAE,MAAW,kBAAkB,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAW,sBAAsB,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.ts"],"names":[],"mappings":"AAAA,OAAO,sBAAsB,CAAC;AAI9B,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAQ,kBAAkB,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE9F,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAE,GAAG,EAAE,MAAmB,OAAO,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAY,cAAc,CAAC;AAChD,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEpE,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAE,MAAiB,SAAS,CAAC;AAC3C,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAmB,OAAO,CAAC;AACzC,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,MAAM,EAAE,MAAgB,UAAU,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAI/G,OAAO,EAAE,MAAM,EAAE,MAAW,kBAAkB,CAAC;AAC/C,YAAY,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAW,sBAAsB,CAAC;AACvD,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC"}
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./index.cjs3.js"),r=require("./index.cjs4.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css */const e=require("./index.cjs3.js"),r=require("./index.cjs4.js"),t=require("./index.cjs5.js"),o=require("./index.cjs6.js"),a=require("./index.cjs7.js"),n=require("./index.cjs8.js"),i=require("./index.cjs9.js"),c=require("./index.cjs10.js"),s=require("./index.cjs11.js"),u=require("./index.cjs12.js"),l=require("./index.cjs13.js"),p=require("./index.cjs14.js"),q=require("./index.cjs15.js"),d=require("./index.cjs16.js");exports.colors=e.colors;exports.typography=r.typography;exports.Alert=t.Alert;exports.BaseCheckRadio=o.BaseCheckRadio;exports.Button=a.Button;exports.Header=n.Header;exports.Input=i.Input;exports.Modal=c.Modal;exports.Nav=s.Nav;exports.Pagination=u.Pagination;exports.Select=l.Select;exports.Steps=p.Steps;exports.Tab=q.Tab;exports.Upload=d.Upload;
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
package/dist/index.cjs11.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./index.cjs19.js");function x(){return e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M6 12l4-4-4-4",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function k(){return e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M13 15l-5-5 5-5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function b(){return e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M7 15l5-5-5-5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}function g(){return e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[e.jsx("path",{d:"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"}),e.jsx("path",{d:"M13.73 21a2 2 0 0 1-3.46 0"})]})}function j(){return e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{width:"32",height:"32",rx:"6",fill:"#0F6C13"}),e.jsx("path",{d:"M8 24 L16 8 L24 24",stroke:"#E7DA10",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M11 19h10",stroke:"#E7DA10",strokeWidth:"2",strokeLinecap:"round"})]})}function L({item:l,isActive:i,onClick:d}){const n=[a.default.item,a.default.itemOpen,i?a.default.itemOpenActive:""].filter(Boolean).join(" "),o=[a.default.itemLabel,i?a.default.itemLabelActive:a.default.itemLabelDefault].join(" ");return e.jsxs("button",{type:"button",className:n,onClick:d,"aria-current":i?"page":void 0,children:[e.jsx("span",{className:[a.default.itemIcon,a.default.itemIconDark].join(" "),children:l.icon}),e.jsx("span",{className:o,children:l.label})]})}function M({item:l,isActive:i,onClick:d}){const n=[a.default.item,a.default.itemClosed,i?a.default.itemClosedActive:""].filter(Boolean).join(" ");return e.jsx("button",{type:"button",className:n,onClick:d,"aria-label":l.label,"aria-current":i?"page":void 0,title:l.label,children:e.jsx("span",{className:[a.default.itemIcon,a.default.itemIconDark].join(" "),children:l.icon})})}function w({item:l,isActive:i,onClick:d}){const n=[a.default.item,a.default.itemMobile,i?a.default.itemMobileActive:""].filter(Boolean).join(" ");return e.jsxs("button",{type:"button",className:n,onClick:d,"aria-current":i?"page":void 0,children:[e.jsx("span",{className:[a.default.itemIcon,a.default.itemIconLight].join(" "),children:l.icon}),e.jsx("span",{className:[a.default.itemLabel,a.default.itemLabelMobile].join(" "),children:l.label}),e.jsx("span",{className:a.default.chevron,children:e.jsx(x,{})})]})}function B({type:l,sections:i,activeId:d,onItemClick:n,onCollapseToggle:o,onBellClick:v,mobileTitle:p="Menu",mobileFooter:s,logo:f,logoIcon:N,className:m}){const u=N??e.jsx(j,{}),h=[a.default.nav,l==="open"?a.default.navOpen:"",l==="closed"?a.default.navClosed:"",l==="mobile"?a.default.navMobile:"",m].filter(Boolean).join(" ");return l==="open"?e.jsxs("nav",{className:h,"aria-label":"Main navigation",children:[e.jsxs("div",{className:[a.default.header,a.default.headerOpen].join(" "),children:[e.jsx("div",{className:a.default.logoIcon,children:u}),f&&e.jsx("div",{className:a.default.logoFull,children:f})]}),e.jsx("div",{className:[a.default.links,a.default.linksOpen].join(" "),children:i.map((r,c)=>e.jsxs("div",{className:a.default.section,children:[r.title&&e.jsx("p",{className:a.default.sectionTitle,children:r.title}),e.jsx("div",{className:a.default.sectionItems,children:r.items.map(t=>e.jsx(L,{item:t,isActive:t.id===d,onClick:()=>n==null?void 0:n(t.id)},t.id))})]},c))}),e.jsx("div",{className:a.default.footer,children:e.jsxs("button",{type:"button",className:a.default.collapseBtn,onClick:o,children:[e.jsx("span",{className:a.default.collapseBtnIcon,children:e.jsx(k,{})}),"Recolher menu"]})})]}):l==="closed"?e.jsxs("nav",{className:h,"aria-label":"Main navigation",children:[e.jsx("div",{className:[a.default.header,a.default.headerClosed].join(" "),children:e.jsx("div",{className:a.default.logoIcon,children:u})}),e.jsx("div",{className:[a.default.links,a.default.linksClosed].join(" "),children:i.map((r,c)=>e.jsx("div",{className:a.default.section,children:e.jsx("div",{className:a.default.sectionItems,children:r.items.map(t=>e.jsx(M,{item:t,isActive:t.id===d,onClick:()=>n==null?void 0:n(t.id)},t.id))})},c))}),e.jsx("div",{className:a.default.footer,children:e.jsx("button",{type:"button",className:[a.default.collapseBtn,a.default.collapseBtnClosed].join(" "),onClick:o,"aria-label":"Expand menu",title:"Expandir menu",children:e.jsx("span",{className:a.default.collapseBtnIcon,children:e.jsx(b,{})})})})]}):e.jsxs("nav",{className:h,"aria-label":"Main navigation",children:[e.jsxs("div",{className:[a.default.header,a.default.headerMobile].join(" "),children:[e.jsx("div",{className:a.default.logoIcon,children:u}),e.jsx("h2",{className:a.default.headerTitle,children:p}),e.jsx("div",{className:a.default.headerActions,children:e.jsx("button",{type:"button",className:a.default.bellBtn,onClick:v,"aria-label":"Notifications",children:e.jsx(g,{})})})]}),e.jsx("div",{className:[a.default.links,a.default.linksMobile].join(" "),children:i.map((r,c)=>e.jsx("div",{className:a.default.section,children:e.jsx("div",{className:a.default.sectionItems,children:r.items.map(t=>e.jsx(w,{item:t,isActive:t.id===d,onClick:()=>n==null?void 0:n(t.id)},t.id))})},c))}),s&&e.jsxs("div",{className:a.default.footerMobile,children:[s.ctaLabel&&e.jsx("button",{type:"button",className:a.default.ctaBtn,onClick:s.onCtaClick,children:s.ctaLabel}),s.workspaceName&&e.jsxs("button",{type:"button",className:a.default.workspace,onClick:s.onWorkspaceClick,children:[e.jsx("div",{className:a.default.workspaceIcon,children:s.workspaceIcon??e.jsx(j,{})}),e.jsx("span",{className:a.default.workspaceLabel,children:s.workspaceName}),e.jsx("span",{style:{color:"#9490AC",display:"flex"},children:e.jsx(x,{})})]}),(s.userName||s.userInitials)&&e.jsxs("div",{className:a.default.avatarRow,children:[e.jsx("div",{className:a.default.avatar,children:s.userAvatarUrl?e.jsx("img",{src:s.userAvatarUrl,alt:s.userName??"",style:{width:"100%",height:"100%",objectFit:"cover"}}):e.jsx("span",{className:a.default.avatarInitials,children:s.userInitials??"?"})}),e.jsxs("div",{className:a.default.avatarInfo,children:[s.userName&&e.jsx("span",{className:a.default.avatarName,children:s.userName}),s.userRole&&e.jsx("span",{className:a.default.avatarRole,children:s.userRole})]})]})]})]})}exports.Nav=B;
|
|
2
2
|
//# sourceMappingURL=index.cjs11.js.map
|
package/dist/index.cjs12.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("./index.cjs21.js"),f={xs:12,md:20,lg:24},b=({s:n})=>i.jsxs("svg",{width:n,height:n,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:[i.jsx("circle",{cx:"2",cy:"6",r:"1.25"}),i.jsx("circle",{cx:"6",cy:"6",r:"1.25"}),i.jsx("circle",{cx:"10",cy:"6",r:"1.25"})]}),p=({s:n})=>i.jsx("svg",{width:n,height:n,viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:i.jsx("polyline",{points:"7.5,2 4,6 7.5,10"})}),k=({s:n})=>i.jsx("svg",{width:n,height:n,viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:i.jsx("polyline",{points:"4.5,2 8,6 4.5,10"})}),v=({s:n})=>i.jsxs("svg",{width:n,height:n,viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[i.jsx("polyline",{points:"6.5,2 3,6 6.5,10"}),i.jsx("polyline",{points:"9.5,2 6,6 9.5,10"})]}),y=({s:n})=>i.jsxs("svg",{width:n,height:n,viewBox:"0 0 12 12",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[i.jsx("polyline",{points:"2.5,2 6,6 2.5,10"}),i.jsx("polyline",{points:"5.5,2 9,6 5.5,10"})]});function m(n,e){return e<=7?Array.from({length:e},(t,c)=>c+1):n<=4?[1,2,3,4,5,"…",e]:n>=e-3?[1,"…",e-4,e-3,e-2,e-1,e]:[1,"…",n-1,n,n+1,"…",e]}function C({sizes:n="xs",currentPage:e=1,totalPages:t=10,withControls:c=!1,withEdges:u=!1,onChange:a,className:h}){const l=f[n],x=m(e,t),d=o=>{o<1||o>t||o===e||a==null||a(o)},r=o=>[s.default.item,s.default[n],o].filter(Boolean).join(" ");return i.jsxs("nav",{role:"navigation","aria-label":"Pagination",className:[s.default.pagination,h].filter(Boolean).join(" "),children:[u&&i.jsx("button",{className:r(s.default.control),onClick:()=>d(1),disabled:e===1,"aria-label":"First page",type:"button",children:i.jsx(v,{s:l})}),c&&i.jsx("button",{className:r(s.default.control),onClick:()=>d(e-1),disabled:e===1,"aria-label":"Previous page",type:"button",children:i.jsx(p,{s:l})}),x.map((o,j)=>o==="…"?i.jsx("span",{className:r(s.default.dots),"aria-hidden":"true",children:i.jsx(b,{s:l})},`dots-${j}`):i.jsx("button",{className:r(o===e?s.default.active:s.default.inactive),onClick:()=>d(o),"aria-label":`Page ${o}`,"aria-current":o===e?"page":void 0,type:"button",children:o},o)),c&&i.jsx("button",{className:r(s.default.control),onClick:()=>d(e+1),disabled:e===t,"aria-label":"Next page",type:"button",children:i.jsx(k,{s:l})}),u&&i.jsx("button",{className:r(s.default.control),onClick:()=>d(t),disabled:e===t,"aria-label":"Last page",type:"button",children:i.jsx(y,{s:l})})]})}exports.Pagination=C;
|
|
2
2
|
//# sourceMappingURL=index.cjs12.js.map
|
package/dist/index.cjs13.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),l=require("./index.cjs27.js");function p(){return e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5l5 5 5-5",stroke:"currentColor",strokeWidth:"1.75",strokeLinecap:"round",strokeLinejoin:"round"})})}function N({options:u,value:d,placeholder:f="Selecione",label:o,message:i,state:n="Default",onChange:a,id:j,className:h}){const v=b.useId(),s=j??v,c=n==="Disabled",t=n==="Error",m=[l.default.field,t?l.default.error:"",h].filter(Boolean).join(" "),x=[l.default.select,d?"":l.default.placeholder].filter(Boolean).join(" ");return e.jsxs("div",{className:l.default.wrapper,children:[o&&e.jsx("label",{htmlFor:s,className:[l.default.label,c?l.default.labelDisabled:""].filter(Boolean).join(" "),children:o}),e.jsxs("div",{className:m,children:[e.jsxs("select",{id:s,className:x,value:d??"",disabled:c,"aria-invalid":t,"aria-describedby":i?`${s}-message`:void 0,onChange:r=>a==null?void 0:a(r.target.value),children:[e.jsx("option",{value:"",disabled:!0,hidden:!0,children:f}),u.map(r=>e.jsx("option",{value:r.value,children:r.label},r.value))]}),e.jsx("span",{className:l.default.chevron,children:e.jsx(p,{})})]}),i&&e.jsx("p",{id:`${s}-message`,className:[l.default.message,t?l.default.messageError:""].filter(Boolean).join(" "),children:i})]})}exports.Select=N;
|
|
2
2
|
//# sourceMappingURL=index.cjs13.js.map
|
package/dist/index.cjs13.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs13.js","sources":["../components/
|
|
1
|
+
{"version":3,"file":"index.cjs13.js","sources":["../components/Select/Select.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport styles from './Select.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface SelectOption {\n value: string;\n label: string;\n}\n\nexport type SelectState = 'Default' | 'Disabled' | 'Error';\n\nexport interface SelectProps {\n /** Options to render */\n options: SelectOption[];\n /** Currently selected value */\n value?: string;\n /** Placeholder shown when no value is selected */\n placeholder?: string;\n /** Label rendered above the field */\n label?: string;\n /** Helper or error message rendered below the field */\n message?: string;\n /** Visual/interaction state */\n state?: SelectState;\n onChange?: (value: string) => void;\n id?: string;\n className?: string;\n}\n\n// ─── Chevron icon ─────────────────────────────────────────────────────────────\n\nfunction IconChevron() {\n return (\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" aria-hidden=\"true\">\n <path d=\"M5 7.5l5 5 5-5\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n );\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Select({\n options,\n value,\n placeholder = 'Selecione',\n label,\n message,\n state = 'Default',\n onChange,\n id: idProp,\n className,\n}: SelectProps) {\n const generatedId = useId();\n const id = idProp ?? generatedId;\n\n const isDisabled = state === 'Disabled';\n const isError = state === 'Error';\n\n const fieldClass = [\n styles.field,\n isError ? styles.error : '',\n className,\n ]\n .filter(Boolean)\n .join(' ');\n\n const selectClass = [\n styles.select,\n !value ? styles.placeholder : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <div className={styles.wrapper}>\n {label && (\n <label\n htmlFor={id}\n className={[styles.label, isDisabled ? styles.labelDisabled : '']\n .filter(Boolean)\n .join(' ')}\n >\n {label}\n </label>\n )}\n\n <div className={fieldClass}>\n <select\n id={id}\n className={selectClass}\n value={value ?? ''}\n disabled={isDisabled}\n aria-invalid={isError}\n aria-describedby={message ? `${id}-message` : undefined}\n onChange={(e) => onChange?.(e.target.value)}\n >\n <option value=\"\" disabled hidden>\n {placeholder}\n </option>\n {options.map((opt) => (\n <option key={opt.value} value={opt.value}>\n {opt.label}\n </option>\n ))}\n </select>\n <span className={styles.chevron}>\n <IconChevron />\n </span>\n </div>\n\n {message && (\n <p\n id={`${id}-message`}\n className={[styles.message, isError ? styles.messageError : '']\n .filter(Boolean)\n .join(' ')}\n >\n {message}\n </p>\n )}\n </div>\n );\n}\n"],"names":["IconChevron","jsx","Select","options","value","placeholder","label","message","state","onChange","idProp","className","generatedId","useId","id","isDisabled","isError","fieldClass","styles","selectClass","jsxs","e","opt"],"mappings":"sKAgCA,SAASA,GAAc,CACrB,OACEC,EAAAA,IAAC,MAAA,CAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAO,cAAY,OACtE,eAAC,OAAA,CAAK,EAAE,iBAAiB,OAAO,eAAe,YAAY,OAAO,cAAc,QAAQ,eAAe,OAAA,CAAQ,CAAA,CACjH,CAEJ,CAIO,SAASC,EAAO,CACrB,QAAAC,EACA,MAAAC,EACA,YAAAC,EAAc,YACd,MAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,UACR,SAAAC,EACA,GAAIC,EACJ,UAAAC,CACF,EAAgB,CACd,MAAMC,EAAcC,EAAAA,MAAA,EACdC,EAAKJ,GAAUE,EAEfG,EAAaP,IAAU,WACvBQ,EAAUR,IAAU,QAEpBS,EAAa,CACjBC,EAAAA,QAAO,MACPF,EAAUE,EAAAA,QAAO,MAAQ,GACzBP,CAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,EAELQ,EAAc,CAClBD,EAAAA,QAAO,OACNd,EAA6B,GAArBc,EAAAA,QAAO,WAAc,EAE7B,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEE,EAAAA,KAAC,MAAA,CAAI,UAAWF,EAAAA,QAAO,QACpB,SAAA,CAAAZ,GACCL,EAAAA,IAAC,QAAA,CACC,QAASa,EACT,UAAW,CAACI,EAAAA,QAAO,MAAOH,EAAaG,EAAAA,QAAO,cAAgB,EAAE,EAC7D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAZ,CAAA,CAAA,EAILc,EAAAA,KAAC,MAAA,CAAI,UAAWH,EACd,SAAA,CAAAG,EAAAA,KAAC,SAAA,CACC,GAAAN,EACA,UAAWK,EACX,MAAOf,GAAS,GAChB,SAAUW,EACV,eAAcC,EACd,mBAAkBT,EAAU,GAAGO,CAAE,WAAa,OAC9C,SAAWO,GAAMZ,GAAA,YAAAA,EAAWY,EAAE,OAAO,OAErC,SAAA,CAAApB,EAAAA,IAAC,UAAO,MAAM,GAAG,SAAQ,GAAC,OAAM,GAC7B,SAAAI,CAAA,CACH,EACCF,EAAQ,IAAKmB,GACZrB,EAAAA,IAAC,SAAA,CAAuB,MAAOqB,EAAI,MAChC,SAAAA,EAAI,KAAA,EADMA,EAAI,KAEjB,CACD,CAAA,CAAA,CAAA,QAEF,OAAA,CAAK,UAAWJ,EAAAA,QAAO,QACtB,SAAAjB,EAAAA,IAACD,IAAY,CAAA,CACf,CAAA,EACF,EAECO,GACCN,EAAAA,IAAC,IAAA,CACC,GAAI,GAAGa,CAAE,WACT,UAAW,CAACI,EAAAA,QAAO,QAASF,EAAUE,EAAAA,QAAO,aAAe,EAAE,EAC3D,OAAO,OAAO,EACd,KAAK,GAAG,EAEV,SAAAX,CAAA,CAAA,CACH,EAEJ,CAEJ"}
|
package/dist/index.cjs14.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),v=require("react"),e=require("./index.cjs25.js");function f(n,a){return n<a?"Complete":n===a?"Active":"Default"}function x(n,a){return n===0?"Start":n===a-1?"End":"Step"}function C(){return t.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:[t.jsx("polyline",{points:"2,12.5 6,16.5 13,9.5"}),t.jsx("polyline",{points:"9,12.5 13,16.5 21,9.5"})]})}function S({steps:n,current:a}){return t.jsx("div",{className:e.default.minified,role:"list","aria-label":"Steps",children:n.map((u,r)=>{const l=f(r,a),o=r===n.length-1,c=[e.default.minDot,l==="Default"?e.default.minDefault:"",l==="Active"?e.default.minActive:"",l==="Complete"?e.default.minComplete:""].filter(Boolean).join(" "),s=[e.default.minConnector,l==="Complete"?e.default.minConnectorComplete:e.default.minConnectorDefault].join(" ");return t.jsxs(v.Fragment,{children:[t.jsx("div",{role:"listitem",className:c,"aria-label":`Step ${r+1}: ${u.label}${l==="Active"?" (current)":l==="Complete"?" (completed)":""}`,"aria-current":l==="Active"?"step":void 0}),!o&&t.jsx("div",{className:s,"aria-hidden":"true"})]},r)})})}function g({steps:n,current:a,minified:u=!1,className:r}){const l=[e.default.steps,r].filter(Boolean).join(" ");if(u)return t.jsx("div",{className:l,children:t.jsx(S,{steps:n,current:a})});const o=n.length;return t.jsx("nav",{className:l,"aria-label":"Steps",children:n.map((c,s)=>{const i=f(s,a),m=x(s,o),p=i==="Active"||i==="Complete",j=o-s,h=[e.default.item,e.default[`type${m}`],e.default[`state${i}`]].join(" "),d=p?e.default.textLight:e.default.textDark;return t.jsxs("div",{className:h,style:{zIndex:j},role:"listitem","aria-current":i==="Active"?"step":void 0,"aria-label":`Step ${s+1} of ${o}: ${c.label}${i==="Active"?" (current)":i==="Complete"?" (completed)":""}`,children:[t.jsx("span",{className:[e.default.label,d].join(" "),children:c.label}),i==="Complete"?t.jsx("span",{className:[e.default.checkIcon,d].join(" "),children:t.jsx(C,{})}):t.jsx("span",{className:[e.default.num,d].join(" "),children:String(s+1).padStart(2,"0")})]},s)})})}exports.Steps=g;
|
|
2
2
|
//# sourceMappingURL=index.cjs14.js.map
|
package/dist/index.cjs14.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs14.js","sources":["../components/Upload/Upload.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport styles from './Upload.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type UploadSize = 'MD' | 'LG';\nexport type UploadType = 'single' | 'multiple';\nexport type UploadStatus = 'default' | 'active';\nexport type UploadFileState = 'loading' | 'loaded' | 'error';\nexport type UploadIndicator = 'loader' | 'progress-bar';\n\nexport interface UploadFile {\n id: string;\n name: string;\n size: string;\n /** 0–100 */\n progress: number;\n state: UploadFileState;\n /** 'loader' shows spinner · 'progress-bar' shows progress (LG only) */\n indicator?: UploadIndicator;\n}\n\nexport interface UploadProps {\n size?: UploadSize;\n type?: UploadType;\n /** 'default' = drop area only · 'active' = files listed */\n status?: UploadStatus;\n files?: UploadFile[];\n onDrop?: (files: File[]) => void;\n onRemove?: (id: string) => void;\n onEdit?: (id: string) => void;\n onPreview?: (id: string) => void;\n /** Native accept attribute, e.g. \".pdf,.png,.jpg\" */\n accept?: string;\n /** Max file size in bytes */\n maxSize?: number;\n className?: string;\n}\n\n// ─── SVG icons (inline, no external dependency) ──────────────────────────────\n\nconst IconFile = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"fileGrad\" x1=\"0%\" y1=\"100%\" x2=\"100%\" y2=\"0%\">\n {/* Figma: linear-gradient(63.88deg, #2970FF 0.2%, #0040C1 99.99%) */}\n <stop offset=\"0%\" stopColor=\"#2970FF\" />\n <stop offset=\"100%\" stopColor=\"#0040C1\" />\n </linearGradient>\n </defs>\n <path\n fill=\"url(#fileGrad)\"\n d=\"M2 0h5.5L10 2.5V12H2V0zm5 0v3h3L7 0zM3 5h6v1H3V5zm0 2h6v1H3V7zm0 2h4v1H3V9z\"\n />\n </svg>\n);\n\nconst IconPen = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M8.707.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L9.414 5.1 6.9 2.586 8.707.293zM0 9.5V12h2.5l7-7L7 2.5l-7 7zM1.5 10.5v-.793l5.5-5.5.793.793-5.5 5.5H1.5z\" />\n </svg>\n);\n\nconst IconEye = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M6 2C3.27 2 1 4 1 6s2.27 4 5 4 5-2 5-4-2.27-4-5-4zm0 7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n </svg>\n);\n\nconst IconTrash = () => (\n <svg viewBox=\"0 0 12 12\" width=\"12\" height=\"12\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M4 1V0h4v1h3v1H1V1h3zM2 3h8l-.8 8H2.8L2 3zm2 1v6h1V4H4zm2 0v6h1V4H6z\" />\n </svg>\n);\n\n// SVG illustration for MD drop zone (32×32 stacked files)\nconst DropIconMd = () => (\n <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n {/* back-right file */}\n <rect x=\"18\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n transform=\"rotate(12 18 10)\" />\n {/* back-left file */}\n <rect x=\"4\" y=\"10\" width=\"10\" height=\"13\" rx=\"1.5\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"0.5\"\n transform=\"rotate(-12 4 10)\" />\n {/* center file */}\n <rect x=\"10\" y=\"7\" width=\"12\" height=\"16\" rx=\"1.5\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M13 12h6M13 15h6M13 18h4\" stroke=\"#B2C9FF\" strokeWidth=\"1\" strokeLinecap=\"round\" />\n {/* upload arrow */}\n <circle cx=\"23\" cy=\"23\" r=\"5\" fill=\"#2970FF\" />\n <path d=\"M23 26v-6M20.5 22.5L23 20l2.5 2.5\" stroke=\"#FFF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\n// SVG illustration for LG drop zone (96×64 stacked files)\nconst DropIconLg = () => (\n <svg width=\"96\" height=\"64\" viewBox=\"0 0 96 64\" fill=\"none\" aria-hidden=\"true\">\n {/* right file — rotated 15deg */}\n <g transform=\"rotate(15 70 35)\">\n <rect x=\"55\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M61 28h16M61 34h16M61 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </g>\n {/* left file — rotated -15deg */}\n <g transform=\"rotate(-15 26 35)\">\n <rect x=\"13\" y=\"18\" width=\"28\" height=\"36\" rx=\"3\" fill=\"#DBE8FF\" stroke=\"#B2C9FF\" strokeWidth=\"1\" />\n <path d=\"M19 28h16M19 34h16M19 40h10\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n </g>\n {/* center file */}\n <rect x=\"30\" y=\"8\" width=\"36\" height=\"48\" rx=\"3\" fill=\"#FFFFFF\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" />\n <path d=\"M38 22h20M38 30h20M38 38h14\" stroke=\"#B2C9FF\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n {/* upload arrow overlay */}\n <circle cx=\"76\" cy=\"50\" r=\"10\" fill=\"#2970FF\" />\n <path d=\"M76 55v-10M71 48l5-5 5 5\" stroke=\"#FFF\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n </svg>\n);\n\n// ─── Sub-components ───────────────────────────────────────────────────────────\n\ninterface UploadItemProps {\n file: UploadFile;\n size: UploadSize;\n onEdit?: (id: string) => void;\n onPreview?: (id: string) => void;\n onRemove?: (id: string) => void;\n}\n\nfunction UploadItem({ file, size, onEdit, onPreview, onRemove }: UploadItemProps) {\n const isLoading = file.state === 'loading' || file.indicator === 'loader';\n const showProgress = size === 'LG' && file.indicator !== 'loader';\n\n return (\n <div\n className={[\n styles.fileItem,\n size === 'LG' ? styles.fileItemLg : styles.fileItemMd,\n ].join(' ')}\n >\n {/* Badge */}\n <div className={styles.fileBadge}>\n <IconFile />\n </div>\n\n {/* Content */}\n <div className={styles.fileContent}>\n <div className={styles.fileHeader}>\n {/* Name + size */}\n <div className={styles.fileTexts}>\n <p className={styles.fileName}>{file.name}</p>\n <p className={styles.fileSize}>{file.size}</p>\n </div>\n\n {/* Actions or spinner */}\n {isLoading ? (\n <div className={styles.spinner} role=\"status\" aria-label=\"Uploading…\" />\n ) : (\n <div className={styles.actions}>\n <button\n className={styles.actionBtn}\n onClick={() => onEdit?.(file.id)}\n aria-label={`Edit ${file.name}`}\n type=\"button\"\n >\n <IconPen />\n </button>\n <button\n className={styles.actionBtn}\n onClick={() => onPreview?.(file.id)}\n aria-label={`Preview ${file.name}`}\n type=\"button\"\n >\n <IconEye />\n </button>\n <button\n className={styles.actionBtn}\n onClick={() => onRemove?.(file.id)}\n aria-label={`Remove ${file.name}`}\n type=\"button\"\n >\n <IconTrash />\n </button>\n </div>\n )}\n </div>\n\n {/* Progress bar — LG only, not during loader */}\n {showProgress && (\n <div className={styles.progressRow}>\n <div className={styles.progressTrack}>\n <div\n className={styles.progressFill}\n style={{ width: `${Math.min(100, Math.max(0, file.progress))}%` }}\n role=\"progressbar\"\n aria-valuenow={file.progress}\n aria-valuemin={0}\n aria-valuemax={100}\n />\n </div>\n <p className={styles.progressLabel}>{file.progress}%</p>\n </div>\n )}\n </div>\n </div>\n );\n}\n\n// ─── Main component ───────────────────────────────────────────────────────────\n\nexport function Upload({\n size = 'LG',\n type = 'multiple',\n status = 'default',\n files = [],\n onDrop,\n onRemove,\n onEdit,\n onPreview,\n accept,\n className,\n}: UploadProps) {\n const inputRef = useRef<HTMLInputElement>(null);\n const [dragging, setDragging] = useState(false);\n\n const handleDragOver = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(true);\n };\n\n const handleDragLeave = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(false);\n };\n\n const handleDrop = (e: React.DragEvent) => {\n e.preventDefault();\n setDragging(false);\n const dropped = Array.from(e.dataTransfer.files);\n if (dropped.length) onDrop?.(dropped);\n };\n\n const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const selected = Array.from(e.target.files ?? []);\n if (selected.length) onDrop?.(selected);\n // reset so same file can be re-selected\n e.target.value = '';\n };\n\n const openFilePicker = () => inputRef.current?.click();\n\n // LG single active / MD single active: hide drop zone when a file is loaded\n const hideDrop = type === 'single' && status === 'active' && files.length > 0;\n\n const dropzoneClass = [\n styles.dropzone,\n size === 'MD' ? styles.dropzoneMd : styles.dropzoneLg,\n dragging ? styles.dropzoneDragging : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n const titleText =\n type === 'multiple' ? 'Drop your files here, or' : 'Drop your file here, or';\n\n return (\n <div className={[styles.wrapper, className].filter(Boolean).join(' ')}>\n {/* Hidden file input */}\n <input\n ref={inputRef}\n type=\"file\"\n multiple={type === 'multiple'}\n accept={accept}\n onChange={handleInputChange}\n style={{ display: 'none' }}\n aria-hidden=\"true\"\n tabIndex={-1}\n />\n\n {/* Drop zone */}\n {!hideDrop && (\n <div\n className={dropzoneClass}\n onClick={openFilePicker}\n onDragOver={handleDragOver}\n onDragLeave={handleDragLeave}\n onDrop={handleDrop}\n role=\"button\"\n tabIndex={0}\n aria-label={`${titleText} browse`}\n onKeyDown={(e) => {\n if (e.key === ' ' || e.key === 'Enter') openFilePicker();\n }}\n >\n {/* Icon */}\n {size === 'MD' ? (\n <div className={styles.dropzoneIconMd}>\n <DropIconMd />\n </div>\n ) : (\n <div className={styles.dropzoneIconLg}>\n <DropIconLg />\n </div>\n )}\n\n {/* Text content */}\n <div className={styles.dropzoneContent}>\n <div className={styles.dropzoneTitleRow}>\n <p className={styles.dropzoneTitle}>{titleText}</p>\n <span className={styles.dropzoneBrowse} aria-hidden=\"true\">\n browse\n </span>\n </div>\n <p className={styles.dropzoneSubtitle}>\n JPG, PNG, PDF (Max 800×400px – 2Mo)\n </p>\n </div>\n </div>\n )}\n\n {/* File list */}\n {status === 'active' && files.length > 0 && (\n <div className={styles.fileList}>\n {files.map((file) => (\n <UploadItem\n key={file.id}\n file={file}\n size={size}\n onEdit={onEdit}\n onPreview={onPreview}\n onRemove={onRemove}\n />\n ))}\n </div>\n )}\n </div>\n );\n}\n"],"names":["IconFile","jsxs","jsx","IconPen","IconEye","IconTrash","DropIconMd","DropIconLg","UploadItem","file","size","onEdit","onPreview","onRemove","isLoading","showProgress","styles","Upload","type","status","files","onDrop","accept","className","inputRef","useRef","dragging","setDragging","useState","handleDragOver","e","handleDragLeave","handleDrop","dropped","handleInputChange","selected","openFilePicker","_a","hideDrop","dropzoneClass","titleText"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.cjs14.js","sources":["../components/Steps/Steps.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Steps.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface StepItem {\n label: string;\n description?: string;\n}\n\nexport interface StepsProps {\n steps: StepItem[];\n /** 0-based index of the currently active step */\n current: number;\n /** Compact dot version — for mobile or tight spaces */\n minified?: boolean;\n className?: string;\n}\n\ntype StepState = 'Default' | 'Active' | 'Complete';\ntype StepType = 'Start' | 'Step' | 'End';\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction getState(index: number, current: number): StepState {\n if (index < current) return 'Complete';\n if (index === current) return 'Active';\n return 'Default';\n}\n\nfunction getType(index: number, total: number): StepType {\n if (index === 0) return 'Start';\n if (index === total - 1) return 'End';\n return 'Step';\n}\n\n// ─── Double-check icon (tabler:checks) — inline SVG ──────────────────────────\n\nfunction IconChecks() {\n return (\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke=\"currentColor\"\n strokeWidth=\"2.5\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden=\"true\"\n >\n {/* left check */}\n <polyline points=\"2,12.5 6,16.5 13,9.5\" />\n {/* right check (shifted) */}\n <polyline points=\"9,12.5 13,16.5 21,9.5\" />\n </svg>\n );\n}\n\n// ─── Minified (dots) version ──────────────────────────────────────────────────\n\nfunction MinifiedSteps({ steps, current }: Pick<StepsProps, 'steps' | 'current'>) {\n return (\n <div className={styles.minified} role=\"list\" aria-label=\"Steps\">\n {steps.map((step, i) => {\n const state = getState(i, current);\n const isLast = i === steps.length - 1;\n\n const dotClass = [\n styles.minDot,\n state === 'Default' ? styles.minDefault : '',\n state === 'Active' ? styles.minActive : '',\n state === 'Complete' ? styles.minComplete : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n // Connector color: complete if the step TO THE LEFT is complete\n const connectorClass = [\n styles.minConnector,\n state === 'Complete' ? styles.minConnectorComplete : styles.minConnectorDefault,\n ].join(' ');\n\n return (\n <React.Fragment key={i}>\n <div\n role=\"listitem\"\n className={dotClass}\n aria-label={`Step ${i + 1}: ${step.label}${\n state === 'Active' ? ' (current)' : state === 'Complete' ? ' (completed)' : ''\n }`}\n aria-current={state === 'Active' ? 'step' : undefined}\n />\n {!isLast && <div className={connectorClass} aria-hidden=\"true\" />}\n </React.Fragment>\n );\n })}\n </div>\n );\n}\n\n// ─── Full Steps ───────────────────────────────────────────────────────────────\n\nexport function Steps({ steps, current, minified = false, className }: StepsProps) {\n const wrapperClass = [styles.steps, className].filter(Boolean).join(' ');\n\n if (minified) {\n return (\n <div className={wrapperClass}>\n <MinifiedSteps steps={steps} current={current} />\n </div>\n );\n }\n\n const total = steps.length;\n\n return (\n <nav\n className={wrapperClass}\n aria-label=\"Steps\"\n >\n {steps.map((step, i) => {\n const state = getState(i, current);\n const type = getType(i, total);\n const isLight = state === 'Active' || state === 'Complete';\n\n /*\n * z-index stacking: first item (Start) is highest.\n * Its arrow paints on top of the next item's notch,\n * creating the connected-chevron effect.\n */\n const zIndex = total - i;\n\n const itemClass = [\n styles.item,\n styles[`type${type}`],\n styles[`state${state}`],\n ].join(' ');\n\n const textClass = isLight ? styles.textLight : styles.textDark;\n\n return (\n <div\n key={i}\n className={itemClass}\n style={{ zIndex }}\n role=\"listitem\"\n aria-current={state === 'Active' ? 'step' : undefined}\n aria-label={`Step ${i + 1} of ${total}: ${step.label}${\n state === 'Active' ? ' (current)' : state === 'Complete' ? ' (completed)' : ''\n }`}\n >\n {/* Label */}\n <span className={[styles.label, textClass].join(' ')}>\n {step.label}\n </span>\n\n {/* Number (Default / Active) or check icon (Complete) */}\n {state === 'Complete' ? (\n <span className={[styles.checkIcon, textClass].join(' ')}>\n <IconChecks />\n </span>\n ) : (\n <span className={[styles.num, textClass].join(' ')}>\n {String(i + 1).padStart(2, '0')}\n </span>\n )}\n </div>\n );\n })}\n </nav>\n );\n}\n"],"names":["getState","index","current","getType","total","IconChecks","jsxs","jsx","MinifiedSteps","steps","styles","step","i","state","isLast","dotClass","connectorClass","React","Steps","minified","className","wrapperClass","type","isLight","zIndex","itemClass","textClass"],"mappings":"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"}
|
package/dist/index.cjs15.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),e=require("./index.cjs28.js");function c({items:t,activeId:d,onChange:n,className:o}){return s.jsx("div",{className:[e.default.tabList,o].filter(Boolean).join(" "),role:"tablist",children:t.map(a=>{const i=a.id===d,l=a.disabled??!1,r=[e.default.tab,i?e.default.active:"",l?e.default.disabled:""].filter(Boolean).join(" ");return s.jsxs("button",{role:"tab","aria-selected":i,"aria-disabled":l,disabled:l,className:r,onClick:()=>!l&&n(a.id),children:[a.icon&&s.jsx("span",{className:e.default.icon,"aria-hidden":"true",children:a.icon}),a.label]},a.id)})})}exports.Tab=c;
|
|
2
2
|
//# sourceMappingURL=index.cjs15.js.map
|
package/dist/index.cjs15.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs15.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.cjs15.js","sources":["../components/Tab/Tab.tsx"],"sourcesContent":["import React from 'react';\nimport styles from './Tab.module.css';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport interface TabItem {\n /** Unique identifier for the tab */\n id: string;\n /** Label displayed inside the tab */\n label: string;\n /** Optional icon rendered before the label */\n icon?: React.ReactNode;\n /** Whether this tab is disabled */\n disabled?: boolean;\n}\n\nexport interface TabProps {\n /** List of tab items */\n items: TabItem[];\n /** ID of the currently active tab */\n activeId: string;\n /** Called when a tab is clicked */\n onChange: (id: string) => void;\n className?: string;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nexport function Tab({ items, activeId, onChange, className }: TabProps) {\n return (\n <div\n className={[styles.tabList, className].filter(Boolean).join(' ')}\n role=\"tablist\"\n >\n {items.map((item) => {\n const isActive = item.id === activeId;\n const isDisabled = item.disabled ?? false;\n\n const tabClass = [\n styles.tab,\n isActive ? styles.active : '',\n isDisabled ? styles.disabled : '',\n ]\n .filter(Boolean)\n .join(' ');\n\n return (\n <button\n key={item.id}\n role=\"tab\"\n aria-selected={isActive}\n aria-disabled={isDisabled}\n disabled={isDisabled}\n className={tabClass}\n onClick={() => !isDisabled && onChange(item.id)}\n >\n {item.icon && (\n <span className={styles.icon} aria-hidden=\"true\">\n {item.icon}\n </span>\n )}\n {item.label}\n </button>\n );\n })}\n </div>\n );\n}\n"],"names":["Tab","items","activeId","onChange","className","jsx","styles","item","isActive","isDisabled","tabClass","jsxs"],"mappings":"mJA4BO,SAASA,EAAI,CAAE,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,UAAAC,GAAuB,CACtE,OACEC,EAAAA,IAAC,MAAA,CACC,UAAW,CAACC,UAAO,QAASF,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC/D,KAAK,UAEJ,SAAAH,EAAM,IAAKM,GAAS,CACnB,MAAMC,EAAWD,EAAK,KAAOL,EACvBO,EAAaF,EAAK,UAAY,GAE9BG,EAAW,CACfJ,EAAAA,QAAO,IACPE,EAAWF,EAAAA,QAAO,OAAS,GAC3BG,EAAaH,EAAAA,QAAO,SAAW,EAAA,EAE9B,OAAO,OAAO,EACd,KAAK,GAAG,EAEX,OACEK,EAAAA,KAAC,SAAA,CAEC,KAAK,MACL,gBAAeH,EACf,gBAAeC,EACf,SAAUA,EACV,UAAWC,EACX,QAAS,IAAM,CAACD,GAAcN,EAASI,EAAK,EAAE,EAE7C,SAAA,CAAAA,EAAK,YACH,OAAA,CAAK,UAAWD,EAAAA,QAAO,KAAM,cAAY,OACvC,SAAAC,EAAK,IAAA,CACR,EAEDA,EAAK,KAAA,CAAA,EAbDA,EAAK,EAAA,CAgBhB,CAAC,CAAA,CAAA,CAGP"}
|
package/dist/index.cjs16.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),t=require("./index.cjs23.js"),C=()=>e.jsxs("svg",{viewBox:"0 0 12 12",width:"12",height:"12","aria-hidden":"true",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:"fileGrad",x1:"0%",y1:"100%",x2:"100%",y2:"0%",children:[e.jsx("stop",{offset:"0%",stopColor:"#2970FF"}),e.jsx("stop",{offset:"100%",stopColor:"#0040C1"})]})}),e.jsx("path",{fill:"url(#fileGrad)",d:"M2 0h5.5L10 2.5V12H2V0zm5 0v3h3L7 0zM3 5h6v1H3V5zm0 2h6v1H3V7zm0 2h4v1H3V9z"})]}),L=()=>e.jsx("svg",{viewBox:"0 0 12 12",width:"12",height:"12",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M8.707.293a1 1 0 0 1 1.414 0l1.586 1.586a1 1 0 0 1 0 1.414L9.414 5.1 6.9 2.586 8.707.293zM0 9.5V12h2.5l7-7L7 2.5l-7 7zM1.5 10.5v-.793l5.5-5.5.793.793-5.5 5.5H1.5z"})}),w=()=>e.jsx("svg",{viewBox:"0 0 12 12",width:"12",height:"12",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M6 2C3.27 2 1 4 1 6s2.27 4 5 4 5-2 5-4-2.27-4-5-4zm0 7a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-5a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"})}),y=()=>e.jsx("svg",{viewBox:"0 0 12 12",width:"12",height:"12",fill:"currentColor","aria-hidden":"true",children:e.jsx("path",{d:"M4 1V0h4v1h3v1H1V1h3zM2 3h8l-.8 8H2.8L2 3zm2 1v6h1V4H4zm2 0v6h1V4H6z"})}),b=()=>e.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none","aria-hidden":"true",children:[e.jsx("rect",{x:"18",y:"10",width:"10",height:"13",rx:"1.5",fill:"#DBE8FF",stroke:"#B2C9FF",strokeWidth:"0.5",transform:"rotate(12 18 10)"}),e.jsx("rect",{x:"4",y:"10",width:"10",height:"13",rx:"1.5",fill:"#DBE8FF",stroke:"#B2C9FF",strokeWidth:"0.5",transform:"rotate(-12 4 10)"}),e.jsx("rect",{x:"10",y:"7",width:"12",height:"16",rx:"1.5",fill:"#FFFFFF",stroke:"#B2C9FF",strokeWidth:"1"}),e.jsx("path",{d:"M13 12h6M13 15h6M13 18h4",stroke:"#B2C9FF",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"23",cy:"23",r:"5",fill:"#2970FF"}),e.jsx("path",{d:"M23 26v-6M20.5 22.5L23 20l2.5 2.5",stroke:"#FFF",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),D=()=>e.jsxs("svg",{width:"96",height:"64",viewBox:"0 0 96 64",fill:"none","aria-hidden":"true",children:[e.jsxs("g",{transform:"rotate(15 70 35)",children:[e.jsx("rect",{x:"55",y:"18",width:"28",height:"36",rx:"3",fill:"#DBE8FF",stroke:"#B2C9FF",strokeWidth:"1"}),e.jsx("path",{d:"M61 28h16M61 34h16M61 40h10",stroke:"#B2C9FF",strokeWidth:"1.5",strokeLinecap:"round"})]}),e.jsxs("g",{transform:"rotate(-15 26 35)",children:[e.jsx("rect",{x:"13",y:"18",width:"28",height:"36",rx:"3",fill:"#DBE8FF",stroke:"#B2C9FF",strokeWidth:"1"}),e.jsx("path",{d:"M19 28h16M19 34h16M19 40h10",stroke:"#B2C9FF",strokeWidth:"1.5",strokeLinecap:"round"})]}),e.jsx("rect",{x:"30",y:"8",width:"36",height:"48",rx:"3",fill:"#FFFFFF",stroke:"#B2C9FF",strokeWidth:"1.5"}),e.jsx("path",{d:"M38 22h20M38 30h20M38 38h14",stroke:"#B2C9FF",strokeWidth:"1.5",strokeLinecap:"round"}),e.jsx("circle",{cx:"76",cy:"50",r:"10",fill:"#2970FF"}),e.jsx("path",{d:"M76 55v-10M71 48l5-5 5 5",stroke:"#FFF",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})]});function I({file:s,size:i,onEdit:d,onPreview:l,onRemove:a}){const o=s.state==="loading"||s.indicator==="loader",h=i==="LG"&&s.indicator!=="loader";return e.jsxs("div",{className:[t.default.fileItem,i==="LG"?t.default.fileItemLg:t.default.fileItemMd].join(" "),children:[e.jsx("div",{className:t.default.fileBadge,children:e.jsx(C,{})}),e.jsxs("div",{className:t.default.fileContent,children:[e.jsxs("div",{className:t.default.fileHeader,children:[e.jsxs("div",{className:t.default.fileTexts,children:[e.jsx("p",{className:t.default.fileName,children:s.name}),e.jsx("p",{className:t.default.fileSize,children:s.size})]}),o?e.jsx("div",{className:t.default.spinner,role:"status","aria-label":"Uploading…"}):e.jsxs("div",{className:t.default.actions,children:[e.jsx("button",{className:t.default.actionBtn,onClick:()=>d==null?void 0:d(s.id),"aria-label":`Edit ${s.name}`,type:"button",children:e.jsx(L,{})}),e.jsx("button",{className:t.default.actionBtn,onClick:()=>l==null?void 0:l(s.id),"aria-label":`Preview ${s.name}`,type:"button",children:e.jsx(w,{})}),e.jsx("button",{className:t.default.actionBtn,onClick:()=>a==null?void 0:a(s.id),"aria-label":`Remove ${s.name}`,type:"button",children:e.jsx(y,{})})]})]}),h&&e.jsxs("div",{className:t.default.progressRow,children:[e.jsx("div",{className:t.default.progressTrack,children:e.jsx("div",{className:t.default.progressFill,style:{width:`${Math.min(100,Math.max(0,s.progress))}%`},role:"progressbar","aria-valuenow":s.progress,"aria-valuemin":0,"aria-valuemax":100})}),e.jsxs("p",{className:t.default.progressLabel,children:[s.progress,"%"]})]})]})]})}function W({size:s="LG",type:i="multiple",status:d="default",files:l=[],onDrop:a,onRemove:o,onEdit:h,onPreview:p,accept:g,className:m}){const x=j.useRef(null),[F,c]=j.useState(!1),v=r=>{r.preventDefault(),c(!0)},k=r=>{r.preventDefault(),c(!1)},M=r=>{r.preventDefault(),c(!1);const n=Array.from(r.dataTransfer.files);n.length&&(a==null||a(n))},N=r=>{const n=Array.from(r.target.files??[]);n.length&&(a==null||a(n)),r.target.value=""},u=()=>{var r;return(r=x.current)==null?void 0:r.click()},B=i==="single"&&d==="active"&&l.length>0,z=[t.default.dropzone,s==="MD"?t.default.dropzoneMd:t.default.dropzoneLg,F?t.default.dropzoneDragging:""].filter(Boolean).join(" "),f=i==="multiple"?"Drop your files here, or":"Drop your file here, or";return e.jsxs("div",{className:[t.default.wrapper,m].filter(Boolean).join(" "),children:[e.jsx("input",{ref:x,type:"file",multiple:i==="multiple",accept:g,onChange:N,style:{display:"none"},"aria-hidden":"true",tabIndex:-1}),!B&&e.jsxs("div",{className:z,onClick:u,onDragOver:v,onDragLeave:k,onDrop:M,role:"button",tabIndex:0,"aria-label":`${f} browse`,onKeyDown:r=>{(r.key===" "||r.key==="Enter")&&u()},children:[s==="MD"?e.jsx("div",{className:t.default.dropzoneIconMd,children:e.jsx(b,{})}):e.jsx("div",{className:t.default.dropzoneIconLg,children:e.jsx(D,{})}),e.jsxs("div",{className:t.default.dropzoneContent,children:[e.jsxs("div",{className:t.default.dropzoneTitleRow,children:[e.jsx("p",{className:t.default.dropzoneTitle,children:f}),e.jsx("span",{className:t.default.dropzoneBrowse,"aria-hidden":"true",children:"browse"})]}),e.jsx("p",{className:t.default.dropzoneSubtitle,children:"JPG, PNG, PDF (Max 800×400px – 2Mo)"})]})]}),d==="active"&&l.length>0&&e.jsx("div",{className:t.default.fileList,children:l.map(r=>e.jsx(I,{file:r,size:s,onEdit:h,onPreview:p,onRemove:o},r.id))})]})}exports.Upload=W;
|
|
2
2
|
//# sourceMappingURL=index.cjs16.js.map
|