am-shared-assets 0.0.2 → 0.0.4

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 (110) hide show
  1. package/dist/am-shared-assets.js +1967 -0
  2. package/dist/am-shared-assets.umd.cjs +18 -0
  3. package/package.json +4 -12
  4. package/.gitlab-ci.yml +0 -31
  5. package/.storybook/main.ts +0 -17
  6. package/.storybook/preview.ts +0 -22
  7. package/.storybook/vitest.setup.ts +0 -7
  8. package/Dockerfile +0 -36
  9. package/docker-compose.yml +0 -12
  10. package/eslint.config.js +0 -23
  11. package/index.html +0 -13
  12. package/postcss.config.js +0 -6
  13. package/src/App.tsx +0 -8
  14. package/src/components/Alert.tsx +0 -194
  15. package/src/components/Badge.tsx +0 -48
  16. package/src/components/Button.tsx +0 -137
  17. package/src/components/Chip.tsx +0 -139
  18. package/src/components/Input.tsx +0 -137
  19. package/src/components/Radio.tsx +0 -89
  20. package/src/components/RangeSlider.tsx +0 -106
  21. package/src/components/Select.tsx +0 -13
  22. package/src/components/Switch.tsx +0 -76
  23. package/src/components/Tooltip.tsx +0 -111
  24. package/src/icons/components/AddIcon.tsx +0 -27
  25. package/src/icons/components/ArrowDownIcon.tsx +0 -25
  26. package/src/icons/components/ArrowRightIcon.tsx +0 -37
  27. package/src/icons/components/BagIcon.tsx +0 -25
  28. package/src/icons/components/BoxIcon.tsx +0 -43
  29. package/src/icons/components/BoxTimeIcon.tsx +0 -47
  30. package/src/icons/components/CardTickIcon.tsx +0 -54
  31. package/src/icons/components/CardsIcon.tsx +0 -48
  32. package/src/icons/components/CategoryIcon.tsx +0 -37
  33. package/src/icons/components/ChevronBottomIcon.tsx +0 -22
  34. package/src/icons/components/ChevronLeftIcon.tsx +0 -29
  35. package/src/icons/components/ChevronRightIcon.tsx +0 -29
  36. package/src/icons/components/ChevronTopIcon.tsx +0 -29
  37. package/src/icons/components/CloseCircleIcon.tsx +0 -25
  38. package/src/icons/components/CloseIcon.tsx +0 -29
  39. package/src/icons/components/DislikeIcon.tsx +0 -32
  40. package/src/icons/components/EditIcon.tsx +0 -39
  41. package/src/icons/components/HeartIcon.tsx +0 -28
  42. package/src/icons/components/HomeIcon.tsx +0 -19
  43. package/src/icons/components/InfoIcon.tsx +0 -25
  44. package/src/icons/components/LikeIcon.tsx +0 -32
  45. package/src/icons/components/MessageIcon.tsx +0 -50
  46. package/src/icons/components/MoneyIcon.tsx +0 -57
  47. package/src/icons/components/MoreIcon.tsx +0 -33
  48. package/src/icons/components/OutlineTickCircleIcon.tsx +0 -35
  49. package/src/icons/components/RotateBoxIcon.tsx +0 -56
  50. package/src/icons/components/RotateInfoIcon.tsx +0 -34
  51. package/src/icons/components/SearchIcon.tsx +0 -35
  52. package/src/icons/components/SettingIcon.tsx +0 -69
  53. package/src/icons/components/ShareIcon.tsx +0 -37
  54. package/src/icons/components/ShopIcon.tsx +0 -56
  55. package/src/icons/components/ShoppingCartIcon.tsx +0 -53
  56. package/src/icons/components/SpinnerIcon.tsx +0 -25
  57. package/src/icons/components/StarIcon.tsx +0 -29
  58. package/src/icons/components/TickCircleIcon.tsx +0 -25
  59. package/src/icons/components/TrashIcon.tsx +0 -56
  60. package/src/icons/components/TruckIcon.tsx +0 -51
  61. package/src/icons/components/UserIcon.tsx +0 -29
  62. package/src/icons/components/WalletCheckIcon.tsx +0 -52
  63. package/src/icons/components/WarningIcon.tsx +0 -19
  64. package/src/icons/index.ts +0 -83
  65. package/src/index.css +0 -36
  66. package/src/index.ts +0 -2
  67. package/src/main.tsx +0 -10
  68. package/src/stories/Alert.stories.ts +0 -22
  69. package/src/stories/Badge.stories.tsx +0 -20
  70. package/src/stories/Button.stories.tsx +0 -108
  71. package/src/stories/Chip.stories.ts +0 -20
  72. package/src/stories/Configure.mdx +0 -364
  73. package/src/stories/IconGallery.stories.tsx +0 -99
  74. package/src/stories/Input.stories.ts +0 -21
  75. package/src/stories/Radio.stories.tsx +0 -21
  76. package/src/stories/RangeSlider.stories.tsx +0 -68
  77. package/src/stories/Select.stories.ts +0 -21
  78. package/src/stories/Switch.stories.tsx +0 -21
  79. package/src/stories/Tooltip.stories.ts +0 -20
  80. package/src/stories/assets/accessibility.png +0 -0
  81. package/src/stories/assets/accessibility.svg +0 -1
  82. package/src/stories/assets/addon-library.png +0 -0
  83. package/src/stories/assets/assets.png +0 -0
  84. package/src/stories/assets/avif-test-image.avif +0 -0
  85. package/src/stories/assets/context.png +0 -0
  86. package/src/stories/assets/discord.svg +0 -1
  87. package/src/stories/assets/docs.png +0 -0
  88. package/src/stories/assets/figma-plugin.png +0 -0
  89. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Bold.woff +0 -0
  90. package/src/stories/assets/fonts/woff/IRANSansXFaNum-DemiBold.woff +0 -0
  91. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Medium.woff +0 -0
  92. package/src/stories/assets/fonts/woff/IRANSansXFaNum-Regular.woff +0 -0
  93. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Bold.woff2 +0 -0
  94. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-DemiBold.woff2 +0 -0
  95. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Medium.woff2 +0 -0
  96. package/src/stories/assets/fonts/woff2/IRANSansXFaNum-Regular.woff2 +0 -0
  97. package/src/stories/assets/github.svg +0 -1
  98. package/src/stories/assets/share.png +0 -0
  99. package/src/stories/assets/styling.png +0 -0
  100. package/src/stories/assets/testing.png +0 -0
  101. package/src/stories/assets/theming.png +0 -0
  102. package/src/stories/assets/tutorials.svg +0 -1
  103. package/src/stories/assets/youtube.svg +0 -1
  104. package/tailwind.config.js +0 -165
  105. package/tsconfig.app.json +0 -28
  106. package/tsconfig.json +0 -7
  107. package/tsconfig.node.json +0 -26
  108. package/vite.config.ts +0 -38
  109. package/vitest.shims.d.ts +0 -1
  110. /package/{public → dist}/vite.svg +0 -0
@@ -0,0 +1,18 @@
1
+ (function(te,G){typeof exports=="object"&&typeof module<"u"?G(exports):typeof define=="function"&&define.amd?define(["exports"],G):(te=typeof globalThis<"u"?globalThis:te||self,G(te["shared-assets"]={}))})(this,(function(te){"use strict";var G={exports:{}},me={};var Ce;function Qe(){if(Ce)return me;Ce=1;var f=Symbol.for("react.fragment");return me.Fragment=f,me.jsxDEV=void 0,me}var pe={},ve={exports:{}},d={};var we;function Xe(){if(we)return d;we=1;var f=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),C=Symbol.for("react.fragment"),g=Symbol.for("react.strict_mode"),A=Symbol.for("react.profiler"),k=Symbol.for("react.consumer"),L=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),U=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),I=Symbol.for("react.activity"),V=Symbol.iterator;function D(t){return t===null||typeof t!="object"?null:(t=V&&t[V]||t["@@iterator"],typeof t=="function"?t:null)}var $={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},re=Object.assign,F={};function W(t,n,a){this.props=t,this.context=n,this.refs=F,this.updater=a||$}W.prototype.isReactComponent={},W.prototype.setState=function(t,n){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,n,"setState")},W.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function Z(){}Z.prototype=W.prototype;function ne(t,n,a){this.props=t,this.context=n,this.refs=F,this.updater=a||$}var K=ne.prototype=new Z;K.constructor=ne,re(K,W.prototype),K.isPureReactComponent=!0;var Y=Array.isArray;function se(){}var _={H:null,A:null,T:null,S:null},ce=Object.prototype.hasOwnProperty;function O(t,n,a){var i=a.ref;return{$$typeof:f,type:t,key:n,ref:i!==void 0?i:null,props:a}}function Q(t,n){return O(t.type,n,t.props)}function oe(t){return typeof t=="object"&&t!==null&&t.$$typeof===f}function R(t){var n={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(a){return n[a]})}var X=/\/+/g;function q(t,n){return typeof t=="object"&&t!==null&&t.key!=null?R(""+t.key):n.toString(36)}function z(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(se,se):(t.status="pending",t.then(function(n){t.status==="pending"&&(t.status="fulfilled",t.value=n)},function(n){t.status==="pending"&&(t.status="rejected",t.reason=n)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function S(t,n,a,i,m){var b=typeof t;(b==="undefined"||b==="boolean")&&(t=null);var l=!1;if(t===null)l=!0;else switch(b){case"bigint":case"string":case"number":l=!0;break;case"object":switch(t.$$typeof){case f:case o:l=!0;break;case x:return l=t._init,S(l(t._payload),n,a,i,m)}}if(l)return m=m(t),l=i===""?"."+q(t,0):i,Y(m)?(a="",l!=null&&(a=l.replace(X,"$&/")+"/"),S(m,n,a,"",function(B){return B})):m!=null&&(oe(m)&&(m=Q(m,a+(m.key==null||t&&t.key===m.key?"":(""+m.key).replace(X,"$&/")+"/")+l)),n.push(m)),1;l=0;var N=i===""?".":i+":";if(Y(t))for(var T=0;T<t.length;T++)i=t[T],b=N+q(i,T),l+=S(i,n,a,b,m);else if(T=D(t),typeof T=="function")for(t=T.call(t),T=0;!(i=t.next()).done;)i=i.value,b=N+q(i,T++),l+=S(i,n,a,b,m);else if(b==="object"){if(typeof t.then=="function")return S(z(t),n,a,i,m);throw n=String(t),Error("Objects are not valid as a React child (found: "+(n==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.")}return l}function H(t,n,a){if(t==null)return t;var i=[],m=0;return S(t,i,"","",function(b){return n.call(a,b,m++)}),i}function ue(t){if(t._status===-1){var n=t._result;n=n(),n.then(function(a){(t._status===0||t._status===-1)&&(t._status=1,t._result=a)},function(a){(t._status===0||t._status===-1)&&(t._status=2,t._result=a)}),t._status===-1&&(t._status=0,t._result=n)}if(t._status===1)return t._result.default;throw t._result}var J=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var n=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(n))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},ae={map:H,forEach:function(t,n,a){H(t,function(){n.apply(this,arguments)},a)},count:function(t){var n=0;return H(t,function(){n++}),n},toArray:function(t){return H(t,function(n){return n})||[]},only:function(t){if(!oe(t))throw Error("React.Children.only expected to receive a single React element child.");return t}};return d.Activity=I,d.Children=ae,d.Component=W,d.Fragment=C,d.Profiler=A,d.PureComponent=ne,d.StrictMode=g,d.Suspense=j,d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=_,d.__COMPILER_RUNTIME={__proto__:null,c:function(t){return _.H.useMemoCache(t)}},d.cache=function(t){return function(){return t.apply(null,arguments)}},d.cacheSignal=function(){return null},d.cloneElement=function(t,n,a){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var i=re({},t.props),m=t.key;if(n!=null)for(b in n.key!==void 0&&(m=""+n.key),n)!ce.call(n,b)||b==="key"||b==="__self"||b==="__source"||b==="ref"&&n.ref===void 0||(i[b]=n[b]);var b=arguments.length-2;if(b===1)i.children=a;else if(1<b){for(var l=Array(b),N=0;N<b;N++)l[N]=arguments[N+2];i.children=l}return O(t.type,m,i)},d.createContext=function(t){return t={$$typeof:L,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:k,_context:t},t},d.createElement=function(t,n,a){var i,m={},b=null;if(n!=null)for(i in n.key!==void 0&&(b=""+n.key),n)ce.call(n,i)&&i!=="key"&&i!=="__self"&&i!=="__source"&&(m[i]=n[i]);var l=arguments.length-2;if(l===1)m.children=a;else if(1<l){for(var N=Array(l),T=0;T<l;T++)N[T]=arguments[T+2];m.children=N}if(t&&t.defaultProps)for(i in l=t.defaultProps,l)m[i]===void 0&&(m[i]=l[i]);return O(t,b,m)},d.createRef=function(){return{current:null}},d.forwardRef=function(t){return{$$typeof:M,render:t}},d.isValidElement=oe,d.lazy=function(t){return{$$typeof:x,_payload:{_status:-1,_result:t},_init:ue}},d.memo=function(t,n){return{$$typeof:U,type:t,compare:n===void 0?null:n}},d.startTransition=function(t){var n=_.T,a={};_.T=a;try{var i=t(),m=_.S;m!==null&&m(a,i),typeof i=="object"&&i!==null&&typeof i.then=="function"&&i.then(se,J)}catch(b){J(b)}finally{n!==null&&a.types!==null&&(n.types=a.types),_.T=n}},d.unstable_useCacheRefresh=function(){return _.H.useCacheRefresh()},d.use=function(t){return _.H.use(t)},d.useActionState=function(t,n,a){return _.H.useActionState(t,n,a)},d.useCallback=function(t,n){return _.H.useCallback(t,n)},d.useContext=function(t){return _.H.useContext(t)},d.useDebugValue=function(){},d.useDeferredValue=function(t,n){return _.H.useDeferredValue(t,n)},d.useEffect=function(t,n){return _.H.useEffect(t,n)},d.useEffectEvent=function(t){return _.H.useEffectEvent(t)},d.useId=function(){return _.H.useId()},d.useImperativeHandle=function(t,n,a){return _.H.useImperativeHandle(t,n,a)},d.useInsertionEffect=function(t,n){return _.H.useInsertionEffect(t,n)},d.useLayoutEffect=function(t,n){return _.H.useLayoutEffect(t,n)},d.useMemo=function(t,n){return _.H.useMemo(t,n)},d.useOptimistic=function(t,n){return _.H.useOptimistic(t,n)},d.useReducer=function(t,n,a){return _.H.useReducer(t,n,a)},d.useRef=function(t){return _.H.useRef(t)},d.useState=function(t){return _.H.useState(t)},d.useSyncExternalStore=function(t,n,a){return _.H.useSyncExternalStore(t,n,a)},d.useTransition=function(){return _.H.useTransition()},d.version="19.2.4",d}var fe={exports:{}};fe.exports;var Re;function Je(){return Re||(Re=1,(function(f,o){process.env.NODE_ENV!=="production"&&(function(){function C(e,r){Object.defineProperty(k.prototype,e,{get:function(){console.warn("%s(...) is deprecated in plain JavaScript React classes. %s",r[0],r[1])}})}function g(e){return e===null||typeof e!="object"?null:(e=Ue&&e[Ue]||e["@@iterator"],typeof e=="function"?e:null)}function A(e,r){e=(e=e.constructor)&&(e.displayName||e.name)||"ReactClass";var s=e+"."+r;Ie[s]||(console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.",r,e),Ie[s]=!0)}function k(e,r,s){this.props=e,this.context=r,this.refs=_e,this.updater=s||Ye}function L(){}function M(e,r,s){this.props=e,this.context=r,this.refs=_e,this.updater=s||Ye}function j(){}function U(e){return""+e}function x(e){try{U(e);var r=!1}catch{r=!0}if(r){r=console;var s=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),U(e)}}function I(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===Ct?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case t:return"Fragment";case a:return"Profiler";case n:return"StrictMode";case l:return"Suspense";case N:return"SuspenseList";case Me:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case ae:return"Portal";case m:return e.displayName||"Context";case i:return(e._context.displayName||"Context")+".Consumer";case b:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case T:return r=e.displayName||null,r!==null?r:I(e.type)||"Memo";case B:r=e._payload,e=e._init;try{return I(e(r))}catch{}}return null}function V(e){if(e===t)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===B)return"<...>";try{var r=I(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function D(){var e=v.A;return e===null?null:e.getOwner()}function $(){return Error("react-stack-top-frame")}function re(e){if(he.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function F(e,r){function s(){We||(We=!0,console.error("%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://react.dev/link/special-props)",r))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function W(){var e=I(this.type);return ze[e]||(ze[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function Z(e,r,s,u,c,h){var p=s.ref;return e={$$typeof:J,type:e,key:r,props:s,_owner:u},(p!==void 0?p:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:W}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:c}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:h}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function ne(e,r){return r=Z(e.type,r,e.props,e._owner,e._debugStack,e._debugTask),e._store&&(r._store.validated=e._store.validated),r}function K(e){Y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===B&&(e._payload.status==="fulfilled"?Y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===J}function se(e){var r={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(s){return r[s]})}function _(e,r){return typeof e=="object"&&e!==null&&e.key!=null?(x(e.key),se(""+e.key)):r.toString(36)}function ce(e){switch(e.status){case"fulfilled":return e.value;case"rejected":throw e.reason;default:switch(typeof e.status=="string"?e.then(j,j):(e.status="pending",e.then(function(r){e.status==="pending"&&(e.status="fulfilled",e.value=r)},function(r){e.status==="pending"&&(e.status="rejected",e.reason=r)})),e.status){case"fulfilled":return e.value;case"rejected":throw e.reason}}throw e}function O(e,r,s,u,c){var h=typeof e;(h==="undefined"||h==="boolean")&&(e=null);var p=!1;if(e===null)p=!0;else switch(h){case"bigint":case"string":case"number":p=!0;break;case"object":switch(e.$$typeof){case J:case ae:p=!0;break;case B:return p=e._init,O(p(e._payload),r,s,u,c)}}if(p){p=e,c=c(p);var w=u===""?"."+_(p,0):u;return Ve(c)?(s="",w!=null&&(s=w.replace(Ge,"$&/")+"/"),O(c,r,s,"",function(ee){return ee})):c!=null&&(Y(c)&&(c.key!=null&&(p&&p.key===c.key||x(c.key)),s=ne(c,s+(c.key==null||p&&p.key===c.key?"":(""+c.key).replace(Ge,"$&/")+"/")+w),u!==""&&p!=null&&Y(p)&&p.key==null&&p._store&&!p._store.validated&&(s._store.validated=2),c=s),r.push(c)),1}if(p=0,w=u===""?".":u+":",Ve(e))for(var y=0;y<e.length;y++)u=e[y],h=w+_(u,y),p+=O(u,r,s,h,c);else if(y=g(e),typeof y=="function")for(y===e.entries&&(Be||console.warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead."),Be=!0),e=y.call(e),y=0;!(u=e.next()).done;)u=u.value,h=w+_(u,y++),p+=O(u,r,s,h,c);else if(h==="object"){if(typeof e.then=="function")return O(ce(e),r,s,u,c);throw r=String(e),Error("Objects are not valid as a React child (found: "+(r==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":r)+"). If you meant to render a collection of children, use an array instead.")}return p}function Q(e,r,s){if(e==null)return e;var u=[],c=0;return O(e,u,"","",function(h){return r.call(s,h,c++)}),u}function oe(e){if(e._status===-1){var r=e._ioInfo;r!=null&&(r.start=r.end=performance.now()),r=e._result;var s=r();if(s.then(function(c){if(e._status===0||e._status===-1){e._status=1,e._result=c;var h=e._ioInfo;h!=null&&(h.end=performance.now()),s.status===void 0&&(s.status="fulfilled",s.value=c)}},function(c){if(e._status===0||e._status===-1){e._status=2,e._result=c;var h=e._ioInfo;h!=null&&(h.end=performance.now()),s.status===void 0&&(s.status="rejected",s.reason=c)}}),r=e._ioInfo,r!=null){r.value=s;var u=s.displayName;typeof u=="string"&&(r.name=u)}e._status===-1&&(e._status=0,e._result=s)}if(e._status===1)return r=e._result,r===void 0&&console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
2
+
3
+ Your code should look like:
4
+ const MyComponent = lazy(() => import('./MyComponent'))
5
+
6
+ Did you accidentally put curly braces around the import?`,r),"default"in r||console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
7
+
8
+ Your code should look like:
9
+ const MyComponent = lazy(() => import('./MyComponent'))`,r),r.default;throw e._result}function R(){var e=v.H;return e===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
10
+ 1. You might have mismatching versions of React and the renderer (such as React DOM)
11
+ 2. You might be breaking the Rules of Hooks
12
+ 3. You might have more than one copy of React in the same app
13
+ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),e}function X(){v.asyncTransitions--}function q(e){if(ye===null)try{var r=("require"+Math.random()).slice(0,7);ye=(f&&f[r]).call(f,"timers").setImmediate}catch{ye=function(u){Ze===!1&&(Ze=!0,typeof MessageChannel>"u"&&console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));var c=new MessageChannel;c.port1.onmessage=u,c.port2.postMessage(void 0)}}return ye(e)}function z(e){return 1<e.length&&typeof AggregateError=="function"?new AggregateError(e):e[0]}function S(e,r){r!==be-1&&console.error("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. "),be=r}function H(e,r,s){var u=v.actQueue;if(u!==null)if(u.length!==0)try{ue(u),q(function(){return H(e,r,s)});return}catch(c){v.thrownErrors.push(c)}else v.actQueue=null;0<v.thrownErrors.length?(u=z(v.thrownErrors),v.thrownErrors.length=0,s(u)):r(e)}function ue(e){if(!Ee){Ee=!0;var r=0;try{for(;r<e.length;r++){var s=e[r];do{v.didUsePromise=!1;var u=s(!1);if(u!==null){if(v.didUsePromise){e[r]=s,e.splice(0,r);return}s=u}else break}while(!0)}e.length=0}catch(c){e.splice(0,r+1),v.thrownErrors.push(c)}finally{Ee=!1}}}typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var J=Symbol.for("react.transitional.element"),ae=Symbol.for("react.portal"),t=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.consumer"),m=Symbol.for("react.context"),b=Symbol.for("react.forward_ref"),l=Symbol.for("react.suspense"),N=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),Me=Symbol.for("react.activity"),Ue=Symbol.iterator,Ie={},Ye={isMounted:function(){return!1},enqueueForceUpdate:function(e){A(e,"forceUpdate")},enqueueReplaceState:function(e){A(e,"replaceState")},enqueueSetState:function(e){A(e,"setState")}},He=Object.assign,_e={};Object.freeze(_e),k.prototype.isReactComponent={},k.prototype.setState=function(e,r){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,r,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};var P={isMounted:["isMounted","Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."],replaceState:["replaceState","Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."]};for(de in P)P.hasOwnProperty(de)&&C(de,P[de]);L.prototype=k.prototype,P=M.prototype=new L,P.constructor=M,He(P,k.prototype),P.isPureReactComponent=!0;var Ve=Array.isArray,Ct=Symbol.for("react.client.reference"),v={H:null,A:null,T:null,S:null,actQueue:null,asyncTransitions:0,isBatchingLegacy:!1,didScheduleLegacyUpdate:!1,didUsePromise:!1,thrownErrors:[],getCurrentStack:null,recentlyCreatedOwnerStacks:0},he=Object.prototype.hasOwnProperty,$e=console.createTask?console.createTask:function(){return null};P={react_stack_bottom_frame:function(e){return e()}};var We,qe,ze={},wt=P.react_stack_bottom_frame.bind(P,$)(),Rt=$e(V($)),Be=!1,Ge=/\/+/g,Fe=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var r=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(r))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)},Ze=!1,ye=null,be=0,ge=!1,Ee=!1,Ke=typeof queueMicrotask=="function"?function(e){queueMicrotask(function(){return queueMicrotask(e)})}:q;P=Object.freeze({__proto__:null,c:function(e){return R().useMemoCache(e)}});var de={map:Q,forEach:function(e,r,s){Q(e,function(){r.apply(this,arguments)},s)},count:function(e){var r=0;return Q(e,function(){r++}),r},toArray:function(e){return Q(e,function(r){return r})||[]},only:function(e){if(!Y(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};o.Activity=Me,o.Children=de,o.Component=k,o.Fragment=t,o.Profiler=a,o.PureComponent=M,o.StrictMode=n,o.Suspense=l,o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=v,o.__COMPILER_RUNTIME=P,o.act=function(e){var r=v.actQueue,s=be;be++;var u=v.actQueue=r!==null?r:[],c=!1;try{var h=e()}catch(y){v.thrownErrors.push(y)}if(0<v.thrownErrors.length)throw S(r,s),e=z(v.thrownErrors),v.thrownErrors.length=0,e;if(h!==null&&typeof h=="object"&&typeof h.then=="function"){var p=h;return Ke(function(){c||ge||(ge=!0,console.error("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"))}),{then:function(y,ee){c=!0,p.then(function(le){if(S(r,s),s===0){try{ue(u),q(function(){return H(le,y,ee)})}catch(Nt){v.thrownErrors.push(Nt)}if(0<v.thrownErrors.length){var Tt=z(v.thrownErrors);v.thrownErrors.length=0,ee(Tt)}}else y(le)},function(le){S(r,s),0<v.thrownErrors.length&&(le=z(v.thrownErrors),v.thrownErrors.length=0),ee(le)})}}}var w=h;if(S(r,s),s===0&&(ue(u),u.length!==0&&Ke(function(){c||ge||(ge=!0,console.error("A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"))}),v.actQueue=null),0<v.thrownErrors.length)throw e=z(v.thrownErrors),v.thrownErrors.length=0,e;return{then:function(y,ee){c=!0,s===0?(v.actQueue=u,q(function(){return H(w,y,ee)})):y(w)}}},o.cache=function(e){return function(){return e.apply(null,arguments)}},o.cacheSignal=function(){return null},o.captureOwnerStack=function(){var e=v.getCurrentStack;return e===null?null:e()},o.cloneElement=function(e,r,s){if(e==null)throw Error("The argument must be a React element, but you passed "+e+".");var u=He({},e.props),c=e.key,h=e._owner;if(r!=null){var p;e:{if(he.call(r,"ref")&&(p=Object.getOwnPropertyDescriptor(r,"ref").get)&&p.isReactWarning){p=!1;break e}p=r.ref!==void 0}p&&(h=D()),re(r)&&(x(r.key),c=""+r.key);for(w in r)!he.call(r,w)||w==="key"||w==="__self"||w==="__source"||w==="ref"&&r.ref===void 0||(u[w]=r[w])}var w=arguments.length-2;if(w===1)u.children=s;else if(1<w){p=Array(w);for(var y=0;y<w;y++)p[y]=arguments[y+2];u.children=p}for(u=Z(e.type,c,u,h,e._debugStack,e._debugTask),c=2;c<arguments.length;c++)K(arguments[c]);return u},o.createContext=function(e){return e={$$typeof:m,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null},e.Provider=e,e.Consumer={$$typeof:i,_context:e},e._currentRenderer=null,e._currentRenderer2=null,e},o.createElement=function(e,r,s){for(var u=2;u<arguments.length;u++)K(arguments[u]);u={};var c=null;if(r!=null)for(y in qe||!("__self"in r)||"key"in r||(qe=!0,console.warn("Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform")),re(r)&&(x(r.key),c=""+r.key),r)he.call(r,y)&&y!=="key"&&y!=="__self"&&y!=="__source"&&(u[y]=r[y]);var h=arguments.length-2;if(h===1)u.children=s;else if(1<h){for(var p=Array(h),w=0;w<h;w++)p[w]=arguments[w+2];Object.freeze&&Object.freeze(p),u.children=p}if(e&&e.defaultProps)for(y in h=e.defaultProps,h)u[y]===void 0&&(u[y]=h[y]);c&&F(u,typeof e=="function"?e.displayName||e.name||"Unknown":e);var y=1e4>v.recentlyCreatedOwnerStacks++;return Z(e,c,u,D(),y?Error("react-stack-top-frame"):wt,y?$e(V(e)):Rt)},o.createRef=function(){var e={current:null};return Object.seal(e),e},o.forwardRef=function(e){e!=null&&e.$$typeof===T?console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...))."):typeof e!="function"?console.error("forwardRef requires a render function but was given %s.",e===null?"null":typeof e):e.length!==0&&e.length!==2&&console.error("forwardRef render functions accept exactly two parameters: props and ref. %s",e.length===1?"Did you forget to use the ref parameter?":"Any additional parameter will be undefined."),e!=null&&e.defaultProps!=null&&console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");var r={$$typeof:b,render:e},s;return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return s},set:function(u){s=u,e.name||e.displayName||(Object.defineProperty(e,"name",{value:u}),e.displayName=u)}}),r},o.isValidElement=Y,o.lazy=function(e){e={_status:-1,_result:e};var r={$$typeof:B,_payload:e,_init:oe},s={name:"lazy",start:-1,end:-1,value:null,owner:null,debugStack:Error("react-stack-top-frame"),debugTask:console.createTask?console.createTask("lazy()"):null};return e._ioInfo=s,r._debugInfo=[{awaited:s}],r},o.memo=function(e,r){e==null&&console.error("memo: The first argument must be a component. Instead received: %s",e===null?"null":typeof e),r={$$typeof:T,type:e,compare:r===void 0?null:r};var s;return Object.defineProperty(r,"displayName",{enumerable:!1,configurable:!0,get:function(){return s},set:function(u){s=u,e.name||e.displayName||(Object.defineProperty(e,"name",{value:u}),e.displayName=u)}}),r},o.startTransition=function(e){var r=v.T,s={};s._updatedFibers=new Set,v.T=s;try{var u=e(),c=v.S;c!==null&&c(s,u),typeof u=="object"&&u!==null&&typeof u.then=="function"&&(v.asyncTransitions++,u.then(X,X),u.then(j,Fe))}catch(h){Fe(h)}finally{r===null&&s._updatedFibers&&(e=s._updatedFibers.size,s._updatedFibers.clear(),10<e&&console.warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.")),r!==null&&s.types!==null&&(r.types!==null&&r.types!==s.types&&console.error("We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."),r.types=s.types),v.T=r}},o.unstable_useCacheRefresh=function(){return R().useCacheRefresh()},o.use=function(e){return R().use(e)},o.useActionState=function(e,r,s){return R().useActionState(e,r,s)},o.useCallback=function(e,r){return R().useCallback(e,r)},o.useContext=function(e){var r=R();return e.$$typeof===i&&console.error("Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?"),r.useContext(e)},o.useDebugValue=function(e,r){return R().useDebugValue(e,r)},o.useDeferredValue=function(e,r){return R().useDeferredValue(e,r)},o.useEffect=function(e,r){return e==null&&console.warn("React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?"),R().useEffect(e,r)},o.useEffectEvent=function(e){return R().useEffectEvent(e)},o.useId=function(){return R().useId()},o.useImperativeHandle=function(e,r,s){return R().useImperativeHandle(e,r,s)},o.useInsertionEffect=function(e,r){return e==null&&console.warn("React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?"),R().useInsertionEffect(e,r)},o.useLayoutEffect=function(e,r){return e==null&&console.warn("React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?"),R().useLayoutEffect(e,r)},o.useMemo=function(e,r){return R().useMemo(e,r)},o.useOptimistic=function(e,r){return R().useOptimistic(e,r)},o.useReducer=function(e,r,s){return R().useReducer(e,r,s)},o.useRef=function(e){return R().useRef(e)},o.useState=function(e){return R().useState(e)},o.useSyncExternalStore=function(e,r,s){return R().useSyncExternalStore(e,r,s)},o.useTransition=function(){return R().useTransition()},o.version="19.2.4",typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error())})()})(fe,fe.exports)),fe.exports}var Te;function et(){return Te||(Te=1,process.env.NODE_ENV==="production"?ve.exports=Xe():ve.exports=Je()),ve.exports}var Ne;function tt(){return Ne||(Ne=1,process.env.NODE_ENV!=="production"&&(function(){function f(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===oe?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case F:return"Fragment";case Z:return"Profiler";case W:return"StrictMode";case se:return"Suspense";case _:return"SuspenseList";case Q:return"Activity"}if(typeof t=="object")switch(typeof t.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),t.$$typeof){case re:return"Portal";case K:return t.displayName||"Context";case ne:return(t._context.displayName||"Context")+".Consumer";case Y:var n=t.render;return t=t.displayName,t||(t=n.displayName||n.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case ce:return n=t.displayName||null,n!==null?n:f(t.type)||"Memo";case O:n=t._payload,t=t._init;try{return f(t(n))}catch{}}return null}function o(t){return""+t}function C(t){try{o(t);var n=!1}catch{n=!0}if(n){n=console;var a=n.error,i=typeof Symbol=="function"&&Symbol.toStringTag&&t[Symbol.toStringTag]||t.constructor.name||"Object";return a.call(n,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",i),o(t)}}function g(t){if(t===F)return"<>";if(typeof t=="object"&&t!==null&&t.$$typeof===O)return"<...>";try{var n=f(t);return n?"<"+n+">":"<...>"}catch{return"<...>"}}function A(){var t=R.A;return t===null?null:t.getOwner()}function k(){return Error("react-stack-top-frame")}function L(t){if(X.call(t,"key")){var n=Object.getOwnPropertyDescriptor(t,"key").get;if(n&&n.isReactWarning)return!1}return t.key!==void 0}function M(t,n){function a(){S||(S=!0,console.error("%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://react.dev/link/special-props)",n))}a.isReactWarning=!0,Object.defineProperty(t,"key",{get:a,configurable:!0})}function j(){var t=f(this.type);return H[t]||(H[t]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),t=this.props.ref,t!==void 0?t:null}function U(t,n,a,i,m,b){var l=a.ref;return t={$$typeof:$,type:t,key:n,props:a,_owner:i},(l!==void 0?l:null)!==null?Object.defineProperty(t,"ref",{enumerable:!1,get:j}):Object.defineProperty(t,"ref",{enumerable:!1,value:null}),t._store={},Object.defineProperty(t._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(t,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(t,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:m}),Object.defineProperty(t,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:b}),Object.freeze&&(Object.freeze(t.props),Object.freeze(t)),t}function x(t,n,a,i,m,b){var l=n.children;if(l!==void 0)if(i)if(q(l)){for(i=0;i<l.length;i++)I(l[i]);Object.freeze&&Object.freeze(l)}else console.error("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 I(l);if(X.call(n,"key")){l=f(t);var N=Object.keys(n).filter(function(B){return B!=="key"});i=0<N.length?"{key: someKey, "+N.join(": ..., ")+": ...}":"{key: someKey}",ae[l+i]||(N=0<N.length?"{"+N.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
14
+ let props = %s;
15
+ <%s {...props} />
16
+ React keys must be passed directly to JSX without using spread:
17
+ let props = %s;
18
+ <%s key={someKey} {...props} />`,i,l,N,l),ae[l+i]=!0)}if(l=null,a!==void 0&&(C(a),l=""+a),L(n)&&(C(n.key),l=""+n.key),"key"in n){a={};for(var T in n)T!=="key"&&(a[T]=n[T])}else a=n;return l&&M(a,typeof t=="function"?t.displayName||t.name||"Unknown":t),U(t,l,a,A(),m,b)}function I(t){V(t)?t._store&&(t._store.validated=1):typeof t=="object"&&t!==null&&t.$$typeof===O&&(t._payload.status==="fulfilled"?V(t._payload.value)&&t._payload.value._store&&(t._payload.value._store.validated=1):t._store&&(t._store.validated=1))}function V(t){return typeof t=="object"&&t!==null&&t.$$typeof===$}var D=et(),$=Symbol.for("react.transitional.element"),re=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),W=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),ne=Symbol.for("react.consumer"),K=Symbol.for("react.context"),Y=Symbol.for("react.forward_ref"),se=Symbol.for("react.suspense"),_=Symbol.for("react.suspense_list"),ce=Symbol.for("react.memo"),O=Symbol.for("react.lazy"),Q=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),R=D.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,q=Array.isArray,z=console.createTask?console.createTask:function(){return null};D={react_stack_bottom_frame:function(t){return t()}};var S,H={},ue=D.react_stack_bottom_frame.bind(D,k)(),J=z(g(k)),ae={};pe.Fragment=F,pe.jsxDEV=function(t,n,a,i){var m=1e4>R.recentlyCreatedOwnerStacks++;return x(t,n,a,i,m?Error("react-stack-top-frame"):ue,m?z(g(t)):J)}})()),pe}var ke;function rt(){return ke||(ke=1,process.env.NODE_ENV==="production"?G.exports=Qe():G.exports=tt()),G.exports}var E=rt();function Ae(f){var o,C,g="";if(typeof f=="string"||typeof f=="number")g+=f;else if(typeof f=="object")if(Array.isArray(f)){var A=f.length;for(o=0;o<A;o++)f[o]&&(C=Ae(f[o]))&&(g&&(g+=" "),g+=C)}else for(C in f)f[C]&&(g&&(g+=" "),g+=C);return g}function Oe(){for(var f,o,C=0,g="",A=arguments.length;C<A;C++)(f=arguments[C])&&(o=Ae(f))&&(g&&(g+=" "),g+=o);return g}const nt={sm:"h-8 text-xs px-3",md:"h-10 text-sm px-4",lg:"h-12 text-base px-6"},ie={white:"text-white",black:"text-default-900",default:"text-default-900",primary:"text-base-primary",secondary:"text-base-secondary",success:"text-base-success",warning:"text-base-warning",danger:"text-base-danger"},Se={default:"bg-default-300",primary:"bg-base-primary",secondary:"bg-base-secondary",success:"bg-base-success",warning:"bg-base-warning",danger:"bg-base-danger"},xe={default:"border-default-300",primary:"border-base-primary",secondary:"border-base-secondary",success:"border-base-success",warning:"border-base-warning",danger:"border-base-danger"},je={default:"bg-default-100",primary:"bg-primary-100",secondary:"bg-secondary-100",success:"bg-success-100",warning:"bg-warning-100",danger:"bg-danger-100"},st={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},ot=(f,o,C)=>{let g="";switch(f){case"solid":g=`${Se[o]} ${ie[C]}`;break;case"bordered":g=`border-2 ${xe[o]} ${ie[o]}`;break;case"light":g=ie[o];break;case"flat":g=`${je[o]} ${ie[o]}`;break;case"faded":g=`border-2 ${xe.default} ${je.default} ${ie[o]}`;break;case"shadow":g=`shadow-lg ${Se[o]} ${ie[C]}`;break}return g},ut=({variant:f="solid",color:o="default",textColor:C="black",size:g="md",rounded:A="none",label:k,icon:L,iconPosition:M="left",width:j="auto",onClick:U})=>{const x=Oe(j==="full"?"w-full":"w-auto",M==="right"?"flex-row":"flex-row-reverse",st[A],nt[g],ot(f,o,C));return E.jsxDEV("button",{type:"button",className:"flex items-center justify-center gap-2 font-semibold transition-all duration-300 "+x,onClick:U,children:[L,k&&E.jsxDEV("p",{children:k},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Button.tsx",lineNumber:134,columnNumber:17},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Button.tsx",lineNumber:125,columnNumber:5},void 0)},De=({color:f,size:o=24})=>E.jsxDEV("svg",{width:o,height:o,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:f},children:[E.jsxDEV("path",{d:"M7.25367 18C6.93501 18 6.61635 17.8826 6.36478 17.6312C5.87841 17.145 5.87841 16.3402 6.36478 15.854L15.8574 6.36465C16.3438 5.87845 17.1488 5.87845 17.6352 6.36465C18.1216 6.85086 18.1216 7.65561 17.6352 8.14181L8.14256 17.6312C7.90776 17.8826 7.57233 18 7.25367 18Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/CloseIcon.tsx",lineNumber:17,columnNumber:7},void 0),E.jsxDEV("path",{d:"M16.7463 18C16.4277 18 16.109 17.8826 15.8574 17.6312L6.36478 8.14181C5.87841 7.65561 5.87841 6.85086 6.36478 6.36465C6.85115 5.87845 7.65618 5.87845 8.14256 6.36465L17.6352 15.854C18.1216 16.3402 18.1216 17.145 17.6352 17.6312C17.3836 17.8826 17.065 18 16.7463 18Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/CloseIcon.tsx",lineNumber:21,columnNumber:7},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/CloseIcon.tsx",lineNumber:9,columnNumber:5},void 0),at=({color:f,size:o=20})=>E.jsxDEV("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:f},children:E.jsxDEV("path",{d:"M10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 -3.92528e-07 10 -8.74228e-07C4.49 -1.35593e-06 1.35593e-06 4.49 8.74228e-07 10C3.92528e-07 15.51 4.49 20 10 20ZM10.75 14C10.75 14.41 10.41 14.75 10 14.75C9.59 14.75 9.25 14.41 9.25 14L9.25 9C9.25 8.59 9.59 8.25 10 8.25C10.41 8.25 10.75 8.59 10.75 9L10.75 14ZM9.08 5.62C9.13 5.49 9.2 5.39 9.29 5.29C9.39 5.2 9.5 5.13 9.62 5.08C9.74 5.03 9.87 5 10 5C10.13 5 10.26 5.03 10.38 5.08C10.5 5.13 10.61 5.2 10.71 5.29C10.8 5.39 10.87 5.49 10.92 5.62C10.97 5.74 11 5.87 11 6C11 6.13 10.97 6.26 10.92 6.38C10.87 6.5 10.8 6.61 10.71 6.71C10.61 6.8 10.5 6.87 10.38 6.92C10.14 7.02 9.86 7.02 9.62 6.92C9.5 6.87 9.39 6.8 9.29 6.71C9.2 6.61 9.13 6.5 9.08 6.38C9.03 6.26 9 6.13 9 6C9 5.87 9.03 5.74 9.08 5.62Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/InfoIcon.tsx",lineNumber:17,columnNumber:7},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/InfoIcon.tsx",lineNumber:9,columnNumber:5},void 0),it=({color:f,size:o=24})=>E.jsxDEV("svg",{width:o,height:o,viewBox:"0 0 21 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:f},children:E.jsxDEV("path",{d:"M20.1999 13.92L13.7999 2.4C12.9399 0.85 11.7499 0 10.4399 0C9.12992 0 7.93992 0.85 7.07992 2.4L0.679919 13.92C-0.130081 15.39 -0.220081 16.8 0.429919 17.91C1.07992 19.02 2.35992 19.63 4.03992 19.63H16.8399C18.5199 19.63 19.7999 19.02 20.4499 17.91C21.0999 16.8 21.0099 15.38 20.1999 13.92ZM9.68992 7C9.68992 6.59 10.0299 6.25 10.4399 6.25C10.8499 6.25 11.1899 6.59 11.1899 7V12C11.1899 12.41 10.8499 12.75 10.4399 12.75C10.0299 12.75 9.68992 12.41 9.68992 12V7ZM11.1499 15.71C11.0999 15.75 11.0499 15.79 10.9999 15.83C10.9399 15.87 10.8799 15.9 10.8199 15.92C10.7599 15.95 10.6999 15.97 10.6299 15.98C10.5699 15.99 10.4999 16 10.4399 16C10.3799 16 10.3099 15.99 10.2399 15.98C10.1799 15.97 10.1199 15.95 10.0599 15.92C9.99992 15.9 9.93992 15.87 9.87992 15.83C9.82992 15.79 9.77992 15.75 9.72992 15.71C9.54992 15.52 9.43992 15.26 9.43992 15C9.43992 14.74 9.54992 14.48 9.72992 14.29C9.77992 14.25 9.82992 14.21 9.87992 14.17C9.93992 14.13 9.99992 14.1 10.0599 14.08C10.1199 14.05 10.1799 14.03 10.2399 14.02C10.3699 13.99 10.5099 13.99 10.6299 14.02C10.6999 14.03 10.7599 14.05 10.8199 14.08C10.8799 14.1 10.9399 14.13 10.9999 14.17C11.0499 14.21 11.0999 14.25 11.1499 14.29C11.3299 14.48 11.4399 14.74 11.4399 15C11.4399 15.26 11.3299 15.52 11.1499 15.71Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/WarningIcon.tsx",lineNumber:11,columnNumber:7},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/WarningIcon.tsx",lineNumber:3,columnNumber:5},void 0),ct=({color:f,size:o=24})=>E.jsxDEV("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:f},children:E.jsxDEV("path",{d:"M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM13.36 12.3C13.65 12.59 13.65 13.07 13.36 13.36C13.21 13.51 13.02 13.58 12.83 13.58C12.64 13.58 12.45 13.51 12.3 13.36L10 11.06L7.7 13.36C7.55 13.51 7.36 13.58 7.17 13.58C6.98 13.58 6.79 13.51 6.64 13.36C6.35 13.07 6.35 12.59 6.64 12.3L8.94 10L6.64 7.7C6.35 7.41 6.35 6.93 6.64 6.64C6.93 6.35 7.41 6.35 7.7 6.64L10 8.94L12.3 6.64C12.59 6.35 13.07 6.35 13.36 6.64C13.65 6.93 13.65 7.41 13.36 7.7L11.06 10L13.36 12.3Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/CloseCircleIcon.tsx",lineNumber:17,columnNumber:7},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/CloseCircleIcon.tsx",lineNumber:9,columnNumber:5},void 0),lt=({color:f,size:o=20})=>E.jsxDEV("svg",{width:o,height:o,viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:f},children:E.jsxDEV("path",{d:"M10 0C4.49 0 0 4.49 0 10C0 15.51 4.49 20 10 20C15.51 20 20 15.51 20 10C20 4.49 15.51 0 10 0ZM14.78 7.7L9.11 13.37C8.97 13.51 8.78 13.59 8.58 13.59C8.38 13.59 8.19 13.51 8.05 13.37L5.22 10.54C4.93 10.25 4.93 9.77 5.22 9.48C5.51 9.19 5.99 9.19 6.28 9.48L8.58 11.78L13.72 6.64C14.01 6.35 14.49 6.35 14.78 6.64C15.07 6.93 15.07 7.4 14.78 7.7Z",fill:"currentColor"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/TickCircleIcon.tsx",lineNumber:17,columnNumber:7},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/icons/components/TickCircleIcon.tsx",lineNumber:9,columnNumber:5},void 0),ft={sm:"text-xs",md:"text-sm"},dt={default:"w-[342px] min-w-[342px]",full:"w-full"},mt={default:"bg-default-100",primary:"bg-primary-50",secondary:"bg-secondary-50",success:"bg-success-50",warning:"bg-warning-50",danger:"bg-danger-50"},pt={default:"text-default-900",primary:"text-base-primary",secondary:"text-base-secondary",success:"text-base-success",warning:"text-default-900",danger:"text-base-danger"},vt={default:"text-default-600",primary:"text-base-primary",secondary:"text-base-secondary",success:"text-base-success",warning:"text-default-600",danger:"text-base-danger"},ht={default:"bg-default-300",primary:"bg-base-primary",secondary:"bg-base-secondary",success:"bg-base-success",warning:"bg-base-warning",danger:"bg-base-danger"},yt={white:"text-white",black:"text-default-900"},Pe={default:"#a1a1aa",primary:"#A9BCE3",secondary:"#E2CDA6",success:"#a2e9c1",warning:"#fbdba7",danger:"#faa0bf"},bt={start:"items-start",center:"items-center"},gt={default:"#000",primary:"#112E62",secondary:"#C59C4E",success:"#17c964",warning:"#f5a524",danger:"#f31260"},Le={success:E.jsxDEV(lt,{color:"#17C964"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:86,columnNumber:12},void 0),warning:E.jsxDEV(it,{color:"#F5A524"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:87,columnNumber:12},void 0),danger:E.jsxDEV(ct,{color:"#F31260"},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:88,columnNumber:11},void 0)},_t={none:"rounded-none",sm:"rounded-md",md:"rounded-xl",lg:"rounded-[22px]",full:"rounded-full"},Et=({title:f,description:o,color:C="default",size:g="md",width:A="default",rounded:k="none",infoIconAlignment:L,isInfoIcon:M=!0,hasCloseButton:j=!0,hasButton:U=!1,buttonTitle:x,buttonTextColor:I="black",buttonClickHandler:V,closeAlertHandler:D})=>{const $=Oe(dt[A],ft[g],_t[k],mt[C]);return E.jsxDEV("div",{className:`relative flex justify-between p-3 ${$}`,children:[E.jsxDEV("div",{className:`flex ${L?bt[L]:U?"items-center":f&&o?"items-start":"items-center"} gap-3`,children:[E.jsxDEV("div",{className:"mt-[1px]",children:M||!Le[C]?E.jsxDEV(at,{color:gt[C]},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:152,columnNumber:13},void 0):Le[C]},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:150,columnNumber:9},void 0),E.jsxDEV("div",{children:[f&&E.jsxDEV("h2",{className:`font-semibold ${pt[C]}`,children:f},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:159,columnNumber:13},void 0),o&&E.jsxDEV("p",{className:vt[C],children:o},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:162,columnNumber:13},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:157,columnNumber:9},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:147,columnNumber:7},void 0),U?E.jsxDEV("div",{className:"flex items-center",children:[E.jsxDEV("button",{onClick:V,className:`h-8 px-3 rounded-md ${ht[C]} ${yt[I]}`,children:x},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:168,columnNumber:11},void 0),j&&E.jsxDEV("button",{onClick:D,className:"absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full",children:E.jsxDEV(De,{color:Pe.default,size:14},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:179,columnNumber:15},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:175,columnNumber:13},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:167,columnNumber:9},void 0):j&&E.jsxDEV("div",{children:E.jsxDEV("button",{onClick:D,children:E.jsxDEV(De,{color:Pe[C]},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:187,columnNumber:15},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:186,columnNumber:13},void 0)},void 0,!1,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:185,columnNumber:11},void 0)]},void 0,!0,{fileName:"C:/Users/asus/Desktop/shared-assets/src/components/Alert.tsx",lineNumber:146,columnNumber:5},void 0)};te.Alert=Et,te.Button=ut,Object.defineProperty(te,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,18 +1,10 @@
1
1
  {
2
2
  "name": "am-shared-assets",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "type": "module",
5
- "description": "A demo package for Total TypeScript",
6
- "keywords": ["demo", "typescript"],
7
- "homepage": "https://github.com/mattpocock/tt-package-demo",
8
- "bugs": {
9
- "url": "https://github.com/mattpocock/tt-package-demo/issues"
10
- },
11
- "author": "Matt Pocock <team@totaltypescript.com> (https://totaltypescript.com)",
12
- "repository": {
13
- "type": "git",
14
- "url": "git+https://github.com/mattpocock/tt-package-demo.git"
15
- },
5
+ "license": "MIT",
6
+ "description": "",
7
+ "files": ["dist"],
16
8
  "scripts": {
17
9
  "dev": "vite",
18
10
  "build": "tsc -b && vite build",
package/.gitlab-ci.yml DELETED
@@ -1,31 +0,0 @@
1
- stages:
2
- - build
3
- - deploy
4
-
5
-
6
- before_script:
7
- - docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY
8
-
9
- build:
10
- stage: build
11
- environment: production
12
- script:
13
- - docker compose build
14
- - docker compose push
15
- only:
16
- - main
17
- tags:
18
- - build
19
-
20
-
21
- deploy:
22
- stage: deploy
23
- environment: production
24
- script:
25
- - docker compose pull
26
- - docker compose up -d --force-recreate
27
- only:
28
- - main
29
- when: manual
30
- tags:
31
- - prod
@@ -1,17 +0,0 @@
1
- import type { StorybookConfig } from '@storybook/react-vite';
2
-
3
- const config: StorybookConfig = {
4
- "stories": [
5
- "../src/**/*.mdx",
6
- "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"
7
- ],
8
- "addons": [
9
- "@chromatic-com/storybook",
10
- "@storybook/addon-vitest",
11
- "@storybook/addon-a11y",
12
- "@storybook/addon-docs",
13
- "@storybook/addon-onboarding"
14
- ],
15
- "framework": "@storybook/react-vite"
16
- };
17
- export default config;
@@ -1,22 +0,0 @@
1
- import type { Preview } from '@storybook/react-vite'
2
- import "./../src/index.css"
3
-
4
- const preview: Preview = {
5
- parameters: {
6
- controls: {
7
- matchers: {
8
- color: /(background|color)$/i,
9
- date: /Date$/i,
10
- },
11
- },
12
-
13
- a11y: {
14
- // 'todo' - show a11y violations in the test UI only
15
- // 'error' - fail CI on a11y violations
16
- // 'off' - skip a11y checks entirely
17
- test: 'todo'
18
- }
19
- },
20
- };
21
-
22
- export default preview;
@@ -1,7 +0,0 @@
1
- import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview";
2
- import { setProjectAnnotations } from '@storybook/react-vite';
3
- import * as projectAnnotations from './preview';
4
-
5
- // This is an important step to apply the right configuration when testing your stories.
6
- // More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
7
- setProjectAnnotations([a11yAddonAnnotations, projectAnnotations]);
package/Dockerfile DELETED
@@ -1,36 +0,0 @@
1
- FROM node:24-alpine AS base
2
-
3
- ENV NEXT_TELEMETRY_DISABLED=1
4
- ENV PNPM_HOME="/pnpm"
5
- ENV PATH="$PNPM_HOME:$PATH"
6
-
7
- #RUN npm config set registry https://repository.aghsatmarket.com/repository/npm-proxy/
8
- RUN npm install -g corepack@latest serve
9
- RUN corepack enable
10
-
11
- WORKDIR /app
12
-
13
- # Dependencies
14
- FROM base AS dependencies
15
-
16
-
17
- COPY package.json package-lock.json ./
18
- RUN npm install
19
- # install lightweight static file server
20
-
21
- # Build Storybook
22
- FROM base AS build
23
-
24
- COPY --from=dependencies /app/node_modules ./node_modules
25
- COPY . .
26
-
27
- RUN npm run build-storybook
28
-
29
- # Production runtime
30
- FROM nginx:latest AS run
31
-
32
- COPY --from=build /app/storybook-static /usr/share/nginx/html
33
-
34
- EXPOSE 80
35
-
36
- CMD ["nginx", "-g", "daemon off;"]
@@ -1,12 +0,0 @@
1
- services:
2
- storybook:
3
- image: ${CI_REGISTRY_IMAGE}:latest
4
- build:
5
- context: .
6
- dockerfile: Dockerfile
7
- restart: unless-stopped
8
- ports:
9
- - "127.0.0.1:6006:80"
10
-
11
- environment:
12
- NODE_ENV: production
package/eslint.config.js DELETED
@@ -1,23 +0,0 @@
1
- // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
2
- import storybook from "eslint-plugin-storybook";
3
-
4
- import js from '@eslint/js'
5
- import globals from 'globals'
6
- import reactHooks from 'eslint-plugin-react-hooks'
7
- import reactRefresh from 'eslint-plugin-react-refresh'
8
- import tseslint from 'typescript-eslint'
9
- import { defineConfig, globalIgnores } from 'eslint/config'
10
-
11
- export default defineConfig([globalIgnores(['dist']), {
12
- files: ['**/*.{ts,tsx}'],
13
- extends: [
14
- js.configs.recommended,
15
- tseslint.configs.recommended,
16
- reactHooks.configs.flat.recommended,
17
- reactRefresh.configs.vite,
18
- ],
19
- languageOptions: {
20
- ecmaVersion: 2020,
21
- globals: globals.browser,
22
- },
23
- }, ...storybook.configs["flat/recommended"]])
package/index.html DELETED
@@ -1,13 +0,0 @@
1
- <!doctype html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <link rel="icon" type="image/svg+xml" href="/vite.svg" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
- <title>shared-assets</title>
8
- </head>
9
- <body>
10
- <div id="root"></div>
11
- <script type="module" src="/src/main.tsx"></script>
12
- </body>
13
- </html>
package/postcss.config.js DELETED
@@ -1,6 +0,0 @@
1
- export default {
2
- plugins: {
3
- tailwindcss: {},
4
- autoprefixer: {},
5
- },
6
- }
package/src/App.tsx DELETED
@@ -1,8 +0,0 @@
1
- function App() {
2
- return (
3
- <>
4
- </>
5
- )
6
- }
7
-
8
- export default App
@@ -1,194 +0,0 @@
1
- import type { ReactNode } from "react";
2
- import {
3
- CloseIcon,
4
- InfoIcon,
5
- CloseCircleIcon,
6
- TickCircleIcon,
7
- WarningIcon,
8
- } from "../icons";
9
- import clsx from "clsx";
10
-
11
- const sizes: { [key: string]: string } = {
12
- sm: "text-xs",
13
- md: "text-sm",
14
- };
15
-
16
- const widths: { [key: string]: string } = {
17
- default: "w-[342px] min-w-[342px]",
18
- full: "w-full",
19
- };
20
-
21
- const bgColors: { [key: string]: string } = {
22
- default: "bg-default-100",
23
- primary: "bg-primary-50",
24
- secondary: "bg-secondary-50",
25
- success: "bg-success-50",
26
- warning: "bg-warning-50",
27
- danger: "bg-danger-50",
28
- };
29
-
30
- const titleColors: { [key: string]: string } = {
31
- default: "text-default-900",
32
- primary: "text-base-primary",
33
- secondary: "text-base-secondary",
34
- success: "text-base-success",
35
- warning: "text-default-900",
36
- danger: "text-base-danger",
37
- };
38
-
39
- const descriptionColors: { [key: string]: string } = {
40
- default: "text-default-600",
41
- primary: "text-base-primary",
42
- secondary: "text-base-secondary",
43
- success: "text-base-success",
44
- warning: "text-default-600",
45
- danger: "text-base-danger",
46
- };
47
-
48
- const buttonBgColors: { [key: string]: string } = {
49
- default: "bg-default-300",
50
- primary: "bg-base-primary",
51
- secondary: "bg-base-secondary",
52
- success: "bg-base-success",
53
- warning: "bg-base-warning",
54
- danger: "bg-base-danger",
55
- };
56
-
57
- const buttonTextColors: { [key: string]: string } = {
58
- white: "text-white",
59
- black: "text-default-900",
60
- };
61
-
62
- const closeButtonColors: { [key: string]: string } = {
63
- default: "#a1a1aa",
64
- primary: "#A9BCE3",
65
- secondary: "#E2CDA6",
66
- success: "#a2e9c1",
67
- warning: "#fbdba7",
68
- danger: "#faa0bf",
69
- };
70
-
71
- const infoIconAlignments: { [key: string]: string } = {
72
- start: "items-start",
73
- center: "items-center",
74
- };
75
-
76
- const infoIconColors: { [key: string]: string } = {
77
- default: "#000",
78
- primary: "#112E62",
79
- secondary: "#C59C4E",
80
- success: "#17c964",
81
- warning: "#f5a524",
82
- danger: "#f31260",
83
- };
84
-
85
- const alertIcons: { [key: string]: ReactNode } = {
86
- success: <TickCircleIcon color="#17C964" />,
87
- warning: <WarningIcon color="#F5A524" />,
88
- danger: <CloseCircleIcon color="#F31260" />,
89
- };
90
-
91
- const radiuses: { [key: string]: string } = {
92
- none: "rounded-none",
93
- sm: "rounded-md",
94
- md: "rounded-xl",
95
- lg: "rounded-[22px]",
96
- full: "rounded-full",
97
- };
98
-
99
- interface AlertProps {
100
- title?: string;
101
- description?: string;
102
- color?:
103
- | "default"
104
- | "primary"
105
- | "secondary"
106
- | "success"
107
- | "warning"
108
- | "danger";
109
- size?: "sm" | "md";
110
- width?: "default" | "full";
111
- rounded?: "none" | "sm" | "md" | "lg" | "full";
112
- infoIconAlignment?: "start" | "center";
113
- isInfoIcon?: boolean;
114
- hasCloseButton?: boolean;
115
- hasButton?: boolean;
116
- buttonTitle?: string;
117
- buttonTextColor?: "black" | "white";
118
- buttonClickHandler?: () => void;
119
- closeAlertHandler?: () => void;
120
- }
121
-
122
- export const Alert = ({
123
- title,
124
- description,
125
- color = "default",
126
- size = "md",
127
- width = "default",
128
- rounded = "none",
129
- infoIconAlignment,
130
- isInfoIcon = true,
131
- hasCloseButton = true,
132
- hasButton = false,
133
- buttonTitle,
134
- buttonTextColor = "black",
135
- buttonClickHandler,
136
- closeAlertHandler,
137
- }: AlertProps) => {
138
- const cls = clsx(
139
- widths[width],
140
- sizes[size],
141
- radiuses[rounded],
142
- bgColors[color],
143
- );
144
-
145
- return (
146
- <div className={`relative flex justify-between p-3 ${cls}`}>
147
- <div
148
- className={`flex ${infoIconAlignment ? infoIconAlignments[infoIconAlignment] : hasButton ? "items-center" : title && description ? "items-start" : "items-center"} gap-3`}
149
- >
150
- <div className="mt-[1px]">
151
- {isInfoIcon || !alertIcons[color] ? (
152
- <InfoIcon color={infoIconColors[color]} />
153
- ) : (
154
- alertIcons[color]
155
- )}
156
- </div>
157
- <div>
158
- {title && (
159
- <h2 className={`font-semibold ${titleColors[color]}`}>{title}</h2>
160
- )}
161
- {description && (
162
- <p className={descriptionColors[color]}>{description}</p>
163
- )}
164
- </div>
165
- </div>
166
- {hasButton ? (
167
- <div className="flex items-center">
168
- <button
169
- onClick={buttonClickHandler}
170
- className={`h-8 px-3 rounded-md ${buttonBgColors[color]} ${buttonTextColors[buttonTextColor]}`}
171
- >
172
- {buttonTitle}
173
- </button>
174
- {hasCloseButton && (
175
- <button
176
- onClick={closeAlertHandler}
177
- className="absolute -top-1 -left-1 border border-default-300 bg-default-100 rounded-full"
178
- >
179
- <CloseIcon color={closeButtonColors["default"]} size={14} />
180
- </button>
181
- )}
182
- </div>
183
- ) : (
184
- hasCloseButton && (
185
- <div>
186
- <button onClick={closeAlertHandler}>
187
- <CloseIcon color={closeButtonColors[color]} />
188
- </button>
189
- </div>
190
- )
191
- )}
192
- </div>
193
- );
194
- };
@@ -1,48 +0,0 @@
1
- import clsx from "clsx";
2
-
3
- const sizes = {
4
- sm: "h-5 text-xs px-2",
5
- md: "h-6 text-sm px-2.5",
6
- lg: "h-7 text-sm px-3",
7
- };
8
- const colors = {
9
- neutral: "bg-default-500",
10
- default: "bg-default-200",
11
- primary: "bg-layout-focus",
12
- danger: "bg-base-danger",
13
- success: "bg-base-success",
14
- };
15
- const textColors = {
16
- white: "text-content-1",
17
- black: "text-layout-fg",
18
- };
19
- const types = {
20
- pill: "rounded-full",
21
- Rectangle: "rounded-xxs",
22
- };
23
-
24
- interface IBadgeProps {
25
- label: string;
26
- size?: "sm" | "md" | "lg";
27
- color?: "neutral" | "default" | "primary" | "danger" | "success";
28
- textColor?: "white" | "black";
29
- type?: "pill" | "Rectangle";
30
- }
31
-
32
- const Badge = ({
33
- label,
34
- color = "default",
35
- type = "pill",
36
- size = "md",
37
- textColor = "black",
38
- }: IBadgeProps) => {
39
- const cls = clsx(
40
- colors[color],
41
- textColors[textColor],
42
- sizes[size],
43
- types[type],
44
- );
45
- return <div className={`flex justify-center items-center ${cls}`}>{label}</div>;
46
- };
47
-
48
- export default Badge;