enerdot-front-system 0.0.29-beta.9 → 0.1.0-beta.1

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.
Files changed (50) hide show
  1. package/README.md +59 -3
  2. package/dist/index-Bp7Gu_Dn.cjs +32 -0
  3. package/dist/index-aVal9heD.js +842 -0
  4. package/dist/index.cjs.js +55 -69
  5. package/dist/index.es.js +2994 -3575
  6. package/dist/lib/components/Button/common.d.ts +4 -7
  7. package/dist/lib/components/Button/index.d.ts +1 -0
  8. package/dist/lib/components/ButtonFilter/Button/index.d.ts +1 -0
  9. package/dist/lib/components/ButtonFilter/CustomFilter.d.ts +2 -1
  10. package/dist/lib/components/ButtonFilter/index.d.ts +3 -1
  11. package/dist/lib/components/CheckBox/index.d.ts +3 -2
  12. package/dist/lib/components/Chip/index.d.ts +6 -2
  13. package/dist/lib/components/Chip/theme.d.ts +2 -7
  14. package/dist/lib/components/DateSelector/DatePicker/Buttons/ArrowButton.d.ts +4 -3
  15. package/dist/lib/components/DateSelector/DatePicker/Buttons/InputButton.d.ts +7 -3
  16. package/dist/lib/components/DateSelector/DatePicker/index.d.ts +8 -4
  17. package/dist/lib/components/DateSelector/DateRangePicker/InputButton.d.ts +13 -0
  18. package/dist/lib/components/DateSelector/DateRangePicker/index.d.ts +5 -2
  19. package/dist/lib/components/Divider/index.d.ts +2 -1
  20. package/dist/lib/components/Dropdown/Button/index.d.ts +6 -2
  21. package/dist/lib/components/Dropdown/OptionList/CheckboxOption.d.ts +3 -2
  22. package/dist/lib/components/Dropdown/OptionList/OptionSubLabelWrapper.d.ts +11 -0
  23. package/dist/lib/components/Dropdown/OptionList/RadioOption.d.ts +3 -2
  24. package/dist/lib/components/Dropdown/OptionList/SeletOption.d.ts +3 -2
  25. package/dist/lib/components/Dropdown/OptionList/index.d.ts +2 -1
  26. package/dist/lib/components/Dropdown/index.d.ts +6 -2
  27. package/dist/lib/components/IconButton/common.d.ts +3 -11
  28. package/dist/lib/components/IconButton/index.d.ts +1 -0
  29. package/dist/lib/components/Inputs/Input/index.d.ts +8 -2
  30. package/dist/lib/components/Inputs/SearchInput/index.d.ts +3 -2
  31. package/dist/lib/components/Pagination/index.d.ts +2 -1
  32. package/dist/lib/components/Radio/RadioButton/index.d.ts +2 -1
  33. package/dist/lib/components/Radio/RadioButtons.d.ts +4 -3
  34. package/dist/lib/components/Svg/Symbol/Cancel.d.ts +2 -0
  35. package/dist/lib/components/Textarea/index.d.ts +3 -2
  36. package/dist/lib/hooks/useTooltipWithPortal.d.ts +44 -0
  37. package/dist/lib/index.d.ts +0 -1
  38. package/dist/lib/server.d.ts +3 -0
  39. package/dist/lib/theme/color.style.d.ts +53 -0
  40. package/dist/lib/types/option.d.ts +5 -4
  41. package/dist/lib/types/theme.d.ts +4 -0
  42. package/dist/lib/utils/dark.d.ts +1 -0
  43. package/dist/server.cjs.js +1 -0
  44. package/dist/server.es.js +6 -0
  45. package/package.json +17 -7
  46. package/src/lib/styles/_variables.scss +108 -0
  47. package/src/theme.scss +104 -0
  48. package/dist/lib/components/DateSelector/DateRangePicker/Button.d.ts +0 -10
  49. package/dist/lib/hooks/useTooltip.d.ts +0 -2
  50. package/dist/lib/hooks/useTooltipPosition.d.ts +0 -7
package/README.md CHANGED
@@ -18,13 +18,69 @@
18
18
  - textarea
19
19
  - checkbox and radio button
20
20
  - button filter
21
- - (NEW) dropdown
21
+ - dropdown
22
22
  - chip
23
23
  - pagination
24
- - (NEW) datePicker
25
- - (NEW) tab
24
+ - datePicker
25
+ - tab
26
26
 
27
27
  ## Docs
28
28
 
29
29
  - [Components Test](https://master.d2svwq2nmzbo12.amplifyapp.com/)
30
30
  - [Npm](https://www.npmjs.com/package/enerdot-front-system)
31
+
32
+ ## 다크모드 색상 추가 (0.1.0 배포 예정)
33
+
34
+ ### SCSS 변수 파일 생성
35
+
36
+ ```bash
37
+ yarn generate:variables
38
+ ```
39
+
40
+ 위 명령어 실행 시 `src/lib/theme/color.style.ts` → `src/lib/styles/_variables.scss` 파일이 자동 생성됩니다.
41
+
42
+ > **새로운 색상 추가 방법**: `themeColors`, `ThemeColors`에 hex 값과 신규 타입만 추가하면 됩니다.
43
+
44
+ ### 커스텀 색상 적용
45
+
46
+ 특정 CSS 모듈 selector에서 커스텀 색상을 사용하고자 할 때:
47
+
48
+ **예시**: `.primary` selector에서 dark 모드일 때 `green300`을 사용하려면
49
+
50
+ ```scss
51
+ .primary {
52
+ :global(:root[data-theme="dark"]) & {
53
+ --color-background-primary: #{$green300};
54
+ }
55
+ }
56
+ ```
57
+
58
+ ### 프로젝트에서 사용할 때
59
+
60
+ #### 1. 테마 변수 import
61
+
62
+ - 최상단 SCSS 파일에 아래 import를 추가합니다.
63
+
64
+ ```scss
65
+ @import "enerdot-front-system/src/theme"; -> (data-theme 관련 css vars)
66
+ ```
67
+
68
+ - next.config.js 파일
69
+
70
+ ```
71
+ module.exports = {
72
+ sassOptions: {
73
+ prependData: `@import "enerdot-front-system/src/lib/styles/_variables";`,
74
+ },
75
+ };
76
+ ```
77
+
78
+ - React Server Components(RSC)에서는 enerdot-front-system/server에서 import 해주세요.
79
+
80
+ #### 2. htlm 태그에 테마 설정
81
+
82
+ -data-theme 추가
83
+
84
+ ```
85
+ <html lang="ko" data-theme="dark">
86
+ ```
package/dist/index-Bp7Gu_Dn.cjs ADDED
@@ -0,0 +1,32 @@
1
+ "use strict";const _r=require("react");function gr(s){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const _ in s)if(_!=="default"){const l=Object.getOwnPropertyDescriptor(s,_);Object.defineProperty(v,_,l.get?l:{enumerable:!0,get:()=>s[_]})}}return v.default=s,Object.freeze(v)}const pr=gr(_r);function yr(s){if(s.__esModule)return s;var v=s.default;if(typeof v=="function"){var _=function l(){return this instanceof l?Reflect.construct(v,arguments,this.constructor):v.apply(this,arguments)};_.prototype=v.prototype}else _={};return Object.defineProperty(_,"__esModule",{value:!0}),Object.keys(s).forEach(function(l){var h=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(_,l,h.get?h:{enumerable:!0,get:function(){return s[l]}})}),_}var N={exports:{}},B={};const De=yr(pr);/**
2
+ * @license React
3
+ * react-jsx-runtime.production.min.js
4
+ *
5
+ * Copyright (c) Facebook, Inc. and its affiliates.
6
+ *
7
+ * This source code is licensed under the MIT license found in the
8
+ * LICENSE file in the root directory of this source tree.
9
+ */var we;function Er(){if(we)return B;we=1;var s=De,v=Symbol.for("react.element"),_=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,h=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,D={key:!0,ref:!0,__self:!0,__source:!0};function F(m,g,R){var f,k={},w=null,I=null;R!==void 0&&(w=""+R),g.key!==void 0&&(w=""+g.key),g.ref!==void 0&&(I=g.ref);for(f in g)l.call(g,f)&&!D.hasOwnProperty(f)&&(k[f]=g[f]);if(m&&m.defaultProps)for(f in g=m.defaultProps,g)k[f]===void 0&&(k[f]=g[f]);return{$$typeof:v,type:m,key:w,ref:I,props:k,_owner:h.current}}return B.Fragment=_,B.jsx=F,B.jsxs=F,B}var $={};/**
10
+ * @license React
11
+ * react-jsx-runtime.development.js
12
+ *
13
+ * Copyright (c) Facebook, Inc. and its affiliates.
14
+ *
15
+ * This source code is licensed under the MIT license found in the
16
+ * LICENSE file in the root directory of this source tree.
17
+ */var xe;function br(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var s=De,v=Symbol.for("react.element"),_=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),F=Symbol.for("react.provider"),m=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),k=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),I=Symbol.for("react.offscreen"),ee=Symbol.iterator,Ae="@@iterator";function Pe(e){if(e===null||typeof e!="object")return null;var r=ee&&e[ee]||e[Ae];return typeof r=="function"?r:null}var T=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function p(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];je("error",e,t)}}function je(e,r,t){{var a=T.ReactDebugCurrentFrame,i=a.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Se=!1,Be=!1,$e=!1,Ie=!1,We=!1,re;re=Symbol.for("react.module.reference");function Ye(e){return!!(typeof e=="string"||typeof e=="function"||e===l||e===D||We||e===h||e===R||e===f||Ie||e===I||Se||Be||$e||typeof e=="object"&&e!==null&&(e.$$typeof===w||e.$$typeof===k||e.$$typeof===F||e.$$typeof===m||e.$$typeof===g||e.$$typeof===re||e.getModuleId!==void 0))}function Le(e,r,t){var a=e.displayName;if(a)return a;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function te(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&p("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case _:return"Portal";case D:return"Profiler";case h:return"StrictMode";case R:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case m:var r=e;return te(r)+".Consumer";case F:var t=e;return te(t._context)+".Provider";case g:return Le(e,e.render,"ForwardRef");case k:var a=e.displayName||null;return a!==null?a:C(e.type)||"Memo";case w:{var i=e,u=i._payload,o=i._init;try{return C(o(u))}catch{return null}}}return null}var x=Object.assign,j=0,ae,ne,oe,ie,ue,le,se;function ce(){}ce.__reactDisabledLog=!0;function Me(){{if(j===0){ae=console.log,ne=console.info,oe=console.warn,ie=console.error,ue=console.group,le=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}j++}}function Ne(){{if(j--,j===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},e,{value:ae}),info:x({},e,{value:ne}),warn:x({},e,{value:oe}),error:x({},e,{value:ie}),group:x({},e,{value:ue}),groupCollapsed:x({},e,{value:le}),groupEnd:x({},e,{value:se})})}j<0&&p("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=T.ReactCurrentDispatcher,J;function W(e,r,t){{if(J===void 0)try{throw Error()}catch(i){var a=i.stack.trim().match(/\n( *(at )?)/);J=a&&a[1]||""}return`
18
+ `+J+e}}var K=!1,Y;{var Ve=typeof WeakMap=="function"?WeakMap:Map;Y=new Ve}function fe(e,r){if(!e||K)return"";{var t=Y.get(e);if(t!==void 0)return t}var a;K=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=q.current,q.current=null,Me();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(E){a=E}Reflect.construct(e,[],o)}else{try{o.call()}catch(E){a=E}e.call(o.prototype)}}else{try{throw Error()}catch(E){a=E}e()}}catch(E){if(E&&a&&typeof E.stack=="string"){for(var n=E.stack.split(`
19
+ `),y=a.stack.split(`
20
+ `),c=n.length-1,d=y.length-1;c>=1&&d>=0&&n[c]!==y[d];)d--;for(;c>=1&&d>=0;c--,d--)if(n[c]!==y[d]){if(c!==1||d!==1)do if(c--,d--,d<0||n[c]!==y[d]){var b=`
21
+ `+n[c].replace(" at new "," at ");return e.displayName&&b.includes("<anonymous>")&&(b=b.replace("<anonymous>",e.displayName)),typeof e=="function"&&Y.set(e,b),b}while(c>=1&&d>=0);break}}}finally{K=!1,q.current=u,Ne(),Error.prepareStackTrace=i}var P=e?e.displayName||e.name:"",O=P?W(P):"";return typeof e=="function"&&Y.set(e,O),O}function Ue(e,r,t){return fe(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function L(e,r,t){if(e==null)return"";if(typeof e=="function")return fe(e,qe(e));if(typeof e=="string")return W(e);switch(e){case R:return W("Suspense");case f:return W("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case g:return Ue(e.render);case k:return L(e.type,r,t);case w:{var a=e,i=a._payload,u=a._init;try{return L(u(i),r,t)}catch{}}}return""}var S=Object.prototype.hasOwnProperty,de={},ve=T.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);ve.setExtraStackFrame(t)}else ve.setExtraStackFrame(null)}function Je(e,r,t,a,i){{var u=Function.call.bind(S);for(var o in e)if(u(e,o)){var n=void 0;try{if(typeof e[o]!="function"){var y=Error((a||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw y.name="Invariant Violation",y}n=e[o](r,o,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(c){n=c}n&&!(n instanceof Error)&&(M(i),p("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,o,typeof n),M(null)),n instanceof Error&&!(n.message in de)&&(de[n.message]=!0,M(i),p("Failed %s type: %s",t,n.message),M(null))}}}var Ke=Array.isArray;function G(e){return Ke(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ze(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function ge(e){if(ze(e))return p("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),_e(e)}var pe=T.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},ye,Ee;function He(e){if(S.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(S.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){typeof e.ref=="string"&&pe.current}function er(e,r){{var t=function(){ye||(ye=!0,p("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){Ee||(Ee=!0,p("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,a,i,u,o){var n={$$typeof:v,type:e,key:r,ref:t,props:o,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function ar(e,r,t,a,i){{var u,o={},n=null,y=null;t!==void 0&&(ge(t),n=""+t),Ze(r)&&(ge(r.key),n=""+r.key),He(r)&&(y=r.ref,Qe(r,i));for(u in r)S.call(r,u)&&!Xe.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var c=e.defaultProps;for(u in c)o[u]===void 0&&(o[u]=c[u])}if(n||y){var d=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&er(o,d),y&&rr(o,d)}return tr(e,n,y,i,a,pe.current,o)}}var z=T.ReactCurrentOwner,be=T.ReactDebugCurrentFrame;function A(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}var X;X=!1;function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===v}function Fe(){{if(z.current){var e=C(z.current.type);if(e)return`
22
+
23
+ Check the render method of \``+e+"`."}return""}}function nr(e){return""}var me={};function or(e){{var r=Fe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
24
+
25
+ Check the top-level render call using <`+t+">.")}return r}}function he(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(me[t])return;me[t]=!0;var a="";e&&e._owner&&e._owner!==z.current&&(a=" It was passed a child from "+C(e._owner.type)+"."),A(e),p('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),A(null)}}function ke(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var a=e[t];H(a)&&he(a,r)}else if(H(e))e._store&&(e._store.validated=!0);else if(e){var i=Pe(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)H(o.value)&&he(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===g||r.$$typeof===k))t=r.propTypes;else return;if(t){var a=C(r);Je(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var i=C(r);p("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&p("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ur(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){A(e),p("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),A(null);break}}e.ref!==null&&(A(e),p("Invalid attribute `ref` supplied to `React.Fragment`."),A(null))}}var Re={};function Ce(e,r,t,a,i,u){{var o=Ye(e);if(!o){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var y=nr();y?n+=y:n+=Fe();var c;e===null?c="null":G(e)?c="array":e!==void 0&&e.$$typeof===v?(c="<"+(C(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):c=typeof e,p("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,n)}var d=ar(e,r,t,i,u);if(d==null)return d;if(o){var b=r.children;if(b!==void 0)if(a)if(G(b)){for(var P=0;P<b.length;P++)ke(b[P],e);Object.freeze&&Object.freeze(b)}else p("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ke(b,e)}if(S.call(r,"key")){var O=C(e),E=Object.keys(r).filter(function(vr){return vr!=="key"}),Z=E.length>0?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}";if(!Re[O+Z]){var dr=E.length>0?"{"+E.join(": ..., ")+": ...}":"{}";p(`A props object containing a "key" prop is being spread into JSX:
26
+ let props = %s;
27
+ <%s {...props} />
28
+ React keys must be passed directly to JSX without using spread:
29
+ let props = %s;
30
+ <%s key={someKey} {...props} />`,Z,O,dr,O),Re[O+Z]=!0}}return e===l?ur(d):ir(d),d}}function lr(e,r,t){return Ce(e,r,t,!0)}function sr(e,r,t){return Ce(e,r,t,!1)}var cr=sr,fr=lr;$.Fragment=l,$.jsx=cr,$.jsxs=fr}()),$}var Oe;function Fr(){return Oe||(Oe=1,process.env.NODE_ENV==="production"?N.exports=Er():N.exports=br()),N.exports}var U=Fr();const Te={white:"#FFFFFF",black:"#222222",dark_black:"#030A18",gray50:"#FBFBFB",gray100:"#F7F8F9",gray200:"#EBEDF2",gray300:"#DADEE5",gray400:"#C6CBD3",gray500:"#BABFC9",gray600:"#A3A8B4",gray700:"#8A8F9D",gray800:"#6D717D",gray900:"#4A515D",blue100:"#F1F5FE",blue150:"#E4EBFF",blue200:"#CEDBFF",blue300:"#A7BFFF",blue400:"#7EA1FF",blue500:"#5884FF",blue600:"#3369FF",blue700:"#2B59D9",blue800:"#244BB5",blue900:"#1D3C91",red50:"#FFF1EF",red100:"#FFACAD",red200:"#FF8182",red300:"#FA4549",red400:"#CF222E",red500:"#82071E",orange50:"#FFF1E5",orange100:"#FFD0AA",orange200:"#FFB37D",orange300:"#FF8E40",orange400:"#E16F24",orange500:"#953800",green50:"#EFFDEE",green100:"#8AE3A1",green200:"#4DD470",green300:"#1CB854",green400:"#149E53",green500:"#086A49",yellow50:"#FEF9E6",yellow100:"#FADD78",yellow200:"#F7CC33",yellow300:"#F7B200",yellow400:"#CB9D26",yellow500:"#956B00",dark_gray50:"#F7F8FA",dark_gray100:"#E4E8EF",dark_gray200:"#C7D0DE",dark_gray250:"#C7D0DE",dark_gray300:"#7E8EA2",dark_gray400:"#5C6B80",dark_gray500:"#4F5E72",dark_gray600:"#334050",dark_gray700:"#2F3A4F",dark_gray750:"#212B3E",dark_gray800:"#1C2736",dark_gray850:"#141F2D",dark_gray900:"#0B111D",dark_blue100:"#EEF8FF",dark_blue200:"#C2E8FF",dark_blue300:"#8ED3FF",dark_blue400:"#61C2FF",dark_blue500:"#2DAEFF",dark_blue600:"#1B8CE3",dark_blue700:"#2356A3",dark_blue800:"#193C70",dark_blue900:"#132B51",dark_cyan50:"#E2FBFF",dark_cyan100:"#A3F1FF",dark_cyan200:"#7BEBFF",dark_cyan300:"#40E3FF",dark_cyan400:"#1FC0DC",dark_cyan500:"#217C8C",dark_red50:"#FFEBE8",dark_red100:"#FFAAA5",dark_red200:"#FF817A",dark_red300:"#FB453D",dark_red400:"#CA2020",dark_red500:"#791F2D",dark_green50:"#C4F5CF",dark_green100:"#8AEC99",dark_green200:"#65E679",dark_green300:"#34D64B",dark_green400:"#35873D",dark_green500:"#114410",dark_yellow50:"#FFF9B8",dark_yellow100:"#FFE975",dark_yellow200:"#FFE34A",dark_yellow300:"#FFD509",dark_yellow400:"#A58515",dark_yellow500:"#503602",dark_orange50:"#FFEABB",dark_orange100:"#FFCC78",dark_orange200:"#FFBC4D",dark_orange300:"#FDA00E",dark_orange400:"#A66817",dark_orange500:"#522603"},mr="_chip_1fflx_1",hr="_small_1fflx_10",kr="_regular_1fflx_21",Rr="_large_1fflx_32",Cr="_x-large_1fflx_43",wr="_full_1fflx_54",xr="_dot_1fflx_62",V={chip:mr,small:hr,regular:kr,large:Rr,"x-large":"_x-large_1fflx_43",xLarge:Cr,full:wr,dot:xr},Or=({children:s,level:v="regular",borderRadius:_="round",colorTheme:l="primary",isWhiteBg:h=!1,gap:D=4,isDot:F})=>{const m=l==="primary"?"blue":l,g=l==="gray"?"var(--color-palette-background-gray)":`color-mix(in srgb, var(--color-palette-${m}), transparent 84%)`,R=_==="full";let f;switch(v){case"small":f=`0 8px 0 ${F?6:8}px`;break;case"regular":f=`0 8px 0 ${F?6:8}px`;break;case"large":f=`0 10px 0 ${F?8:10}px`;break;case"x-large":f=`0 16px 0 ${F?12:16}px`;break;default:f="4px 8px"}return U.jsxs("div",{className:`${V.chip} ${V[v]}
31
+ ${R&&V.full}
32
+ `,style:{backgroundColor:h?Te.white:g,color:`var(--color-palette-${m})`,padding:f,gap:`${D}px`},children:[F&&U.jsx("div",{className:V.dot,style:{backgroundColor:`var(--color-palette-${m})`}}),s]})},Dr="_divider_6kbwo_1",Tr="_row_6kbwo_5",Ar="_column_6kbwo_9",Q={divider:Dr,row:Tr,column:Ar},Pr=({size:s=1,direction:v="row",color:_})=>{const l=v==="row";return U.jsx("div",{className:`${Q.divider} ${l?Q.row:Q.column}`,style:{borderBottom:l&&`${s}px solid ${_||"var(--color-line-normal-muted)"}`,borderRight:!l&&`${s}px solid ${_||"var(--color-line-normal-muted)"}`,width:l&&"100%",height:!l&&"100%"}})};exports.Chip=Or;exports.Divider=Pr;exports.jsxRuntimeExports=U;exports.themeColors=Te;