next-ui-lib 0.1.10 → 0.1.12

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.
@@ -6,6 +6,6 @@ export interface ButtonProps {
6
6
  size?: "small" | "medium" | "large" | "full";
7
7
  customClass?: string;
8
8
  }
9
- declare const Button: ({ color, onClick, label, size, customClass, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
9
+ declare const Button: ({ color, onClick, label, size, customClass, }: ButtonProps) => JSX.Element;
10
10
  export { Button };
11
11
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,GAAI,+CAMb,WAAW,4CA6Bb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,MAAM,GAAI,+CAMb,WAAW,gBA6Bb,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: ({ color, onClick, label, size, customClass, }: import('./button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
4
+ component: ({ color, onClick, label, size, customClass, }: import('./button').ButtonProps) => JSX.Element;
5
5
  tags: string[];
6
6
  };
7
7
  export default meta;
@@ -2,6 +2,6 @@ type CardProps = {
2
2
  title: string;
3
3
  description: string;
4
4
  };
5
- export declare const Card: ({ title, description }: CardProps) => import("react/jsx-runtime").JSX.Element;
5
+ export declare const Card: ({ title, description }: CardProps) => JSX.Element;
6
6
  export {};
7
7
  //# sourceMappingURL=card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,wBAAwB,SAAS,4CAerD,CAAC"}
1
+ {"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,wBAAwB,SAAS,gBAerD,CAAC"}
@@ -4,7 +4,7 @@ declare const meta: {
4
4
  component: ({ title, description }: {
5
5
  title: string;
6
6
  description: string;
7
- }) => import("react/jsx-runtime").JSX.Element;
7
+ }) => JSX.Element;
8
8
  tags: string[];
9
9
  argTypes: {
10
10
  title: {
package/dist/ui.cjs.js CHANGED
@@ -1,30 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const we=require("react");var V={exports:{}},$={};/**
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 xe;function cr(){if(xe)return $;xe=1;var k=we,_=Symbol.for("react.element"),F=Symbol.for("react.fragment"),h=Object.prototype.hasOwnProperty,S=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,O={key:!0,ref:!0,__self:!0,__source:!0};function b(g,f,w){var p,E={},m=null,W=null;w!==void 0&&(m=""+w),f.key!==void 0&&(m=""+f.key),f.ref!==void 0&&(W=f.ref);for(p in f)h.call(f,p)&&!O.hasOwnProperty(p)&&(E[p]=f[p]);if(g&&g.defaultProps)for(p in f=g.defaultProps,f)E[p]===void 0&&(E[p]=f[p]);return{$$typeof:_,type:g,key:m,ref:W,props:E,_owner:S.current}}return $.Fragment=F,$.jsx=b,$.jsxs=b,$}var I={};/**
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 Te;function dr(){return Te||(Te=1,process.env.NODE_ENV!=="production"&&(function(){var k=we,_=Symbol.for("react.element"),F=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),S=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),b=Symbol.for("react.provider"),g=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),W=Symbol.for("react.offscreen"),H=Symbol.iterator,Ce="@@iterator";function Pe(e){if(e===null||typeof e!="object")return null;var r=H&&e[H]||e[Ce];return typeof r=="function"?r:null}var C=k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function c(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];je("error",e,t)}}function je(e,r,t){{var n=C.ReactDebugCurrentFrame,i=n.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 ke=!1,Fe=!1,De=!1,Ae=!1,$e=!1,Z;Z=Symbol.for("react.module.reference");function Ie(e){return!!(typeof e=="string"||typeof e=="function"||e===h||e===O||$e||e===S||e===w||e===p||Ae||e===W||ke||Fe||De||typeof e=="object"&&e!==null&&(e.$$typeof===m||e.$$typeof===E||e.$$typeof===b||e.$$typeof===g||e.$$typeof===f||e.$$typeof===Z||e.getModuleId!==void 0))}function We(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function Q(e){return e.displayName||"Context"}function R(e){if(e==null)return null;if(typeof e.tag=="number"&&c("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 h:return"Fragment";case F:return"Portal";case O:return"Profiler";case S:return"StrictMode";case w:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case g:var r=e;return Q(r)+".Consumer";case b:var t=e;return Q(t._context)+".Provider";case f:return We(e,e.render,"ForwardRef");case E:var n=e.displayName||null;return n!==null?n:R(e.type)||"Memo";case m:{var i=e,u=i._payload,o=i._init;try{return R(o(u))}catch{return null}}}return null}var x=Object.assign,D=0,ee,re,te,ne,ae,oe,ie;function ue(){}ue.__reactDisabledLog=!0;function Ye(){{if(D===0){ee=console.log,re=console.info,te=console.warn,ne=console.error,ae=console.group,oe=console.groupCollapsed,ie=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ue,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}D++}}function Me(){{if(D--,D===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},e,{value:ee}),info:x({},e,{value:re}),warn:x({},e,{value:te}),error:x({},e,{value:ne}),group:x({},e,{value:ae}),groupCollapsed:x({},e,{value:oe}),groupEnd:x({},e,{value:ie})})}D<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var N=C.ReactCurrentDispatcher,B;function Y(e,r,t){{if(B===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);B=n&&n[1]||""}return`
18
- `+B+e}}var q=!1,M;{var Le=typeof WeakMap=="function"?WeakMap:Map;M=new Le}function se(e,r){if(!e||q)return"";{var t=M.get(e);if(t!==void 0)return t}var n;q=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=N.current,N.current=null,Ye();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(v){n=v}Reflect.construct(e,[],o)}else{try{o.call()}catch(v){n=v}e.call(o.prototype)}}else{try{throw Error()}catch(v){n=v}e()}}catch(v){if(v&&n&&typeof v.stack=="string"){for(var a=v.stack.split(`
19
- `),d=n.stack.split(`
20
- `),s=a.length-1,l=d.length-1;s>=1&&l>=0&&a[s]!==d[l];)l--;for(;s>=1&&l>=0;s--,l--)if(a[s]!==d[l]){if(s!==1||l!==1)do if(s--,l--,l<0||a[s]!==d[l]){var y=`
21
- `+a[s].replace(" at new "," at ");return e.displayName&&y.includes("<anonymous>")&&(y=y.replace("<anonymous>",e.displayName)),typeof e=="function"&&M.set(e,y),y}while(s>=1&&l>=0);break}}}finally{q=!1,N.current=u,Me(),Error.prepareStackTrace=i}var j=e?e.displayName||e.name:"",T=j?Y(j):"";return typeof e=="function"&&M.set(e,T),T}function Ue(e,r,t){return se(e,!1)}function Ve(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function L(e,r,t){if(e==null)return"";if(typeof e=="function")return se(e,Ve(e));if(typeof e=="string")return Y(e);switch(e){case w:return Y("Suspense");case p:return Y("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return Ue(e.render);case E:return L(e.type,r,t);case m:{var n=e,i=n._payload,u=n._init;try{return L(u(i),r,t)}catch{}}}return""}var A=Object.prototype.hasOwnProperty,le={},fe=C.ReactDebugCurrentFrame;function U(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);fe.setExtraStackFrame(t)}else fe.setExtraStackFrame(null)}function Ne(e,r,t,n,i){{var u=Function.call.bind(A);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var d=Error((n||"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 d.name="Invariant Violation",d}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(s){a=s}a&&!(a instanceof Error)&&(U(i),c("%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).",n||"React class",t,o,typeof a),U(null)),a instanceof Error&&!(a.message in le)&&(le[a.message]=!0,U(i),c("Failed %s type: %s",t,a.message),U(null))}}}var Be=Array.isArray;function J(e){return Be(e)}function qe(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Je(e){try{return ce(e),!1}catch{return!0}}function ce(e){return""+e}function de(e){if(Je(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",qe(e)),ce(e)}var ve=C.ReactCurrentOwner,Ke={key:!0,ref:!0,__self:!0,__source:!0},pe,ye;function Ge(e){if(A.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(A.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Xe(e,r){typeof e.ref=="string"&&ve.current}function He(e,r){{var t=function(){pe||(pe=!0,c("%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 Ze(e,r){{var t=function(){ye||(ye=!0,c("%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 Qe=function(e,r,t,n,i,u,o){var a={$$typeof:_,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function er(e,r,t,n,i){{var u,o={},a=null,d=null;t!==void 0&&(de(t),a=""+t),ze(r)&&(de(r.key),a=""+r.key),Ge(r)&&(d=r.ref,Xe(r,i));for(u in r)A.call(r,u)&&!Ke.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var s=e.defaultProps;for(u in s)o[u]===void 0&&(o[u]=s[u])}if(a||d){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&He(o,l),d&&Ze(o,l)}return Qe(e,a,d,i,n,ve.current,o)}}var K=C.ReactCurrentOwner,ge=C.ReactDebugCurrentFrame;function P(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);ge.setExtraStackFrame(t)}else ge.setExtraStackFrame(null)}var G;G=!1;function z(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}function be(){{if(K.current){var e=R(K.current.type);if(e)return`
22
-
23
- Check the render method of \``+e+"`."}return""}}function rr(e){return""}var he={};function tr(e){{var r=be();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 Ee(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=tr(r);if(he[t])return;he[t]=!0;var n="";e&&e._owner&&e._owner!==K.current&&(n=" It was passed a child from "+R(e._owner.type)+"."),P(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),P(null)}}function Re(e,r){{if(typeof e!="object")return;if(J(e))for(var t=0;t<e.length;t++){var n=e[t];z(n)&&Ee(n,r)}else if(z(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;)z(o.value)&&Ee(o.value,r)}}}function nr(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===f||r.$$typeof===E))t=r.propTypes;else return;if(t){var n=R(r);Ne(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!G){G=!0;var i=R(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ar(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){P(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),P(null);break}}e.ref!==null&&(P(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),P(null))}}var _e={};function me(e,r,t,n,i,u){{var o=Ie(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" 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 d=rr();d?a+=d:a+=be();var s;e===null?s="null":J(e)?s="array":e!==void 0&&e.$$typeof===_?(s="<"+(R(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):s=typeof e,c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",s,a)}var l=er(e,r,t,i,u);if(l==null)return l;if(o){var y=r.children;if(y!==void 0)if(n)if(J(y)){for(var j=0;j<y.length;j++)Re(y[j],e);Object.freeze&&Object.freeze(y)}else c("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 Re(y,e)}if(A.call(r,"key")){var T=R(e),v=Object.keys(r).filter(function(fr){return fr!=="key"}),X=v.length>0?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}";if(!_e[T+X]){var lr=v.length>0?"{"+v.join(": ..., ")+": ...}":"{}";c(`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} />`,X,T,lr,T),_e[T+X]=!0}}return e===h?ar(l):nr(l),l}}function or(e,r,t){return me(e,r,t,!0)}function ir(e,r,t){return me(e,r,t,!1)}var ur=ir,sr=or;I.Fragment=h,I.jsx=ur,I.jsxs=sr})()),I}var Se;function vr(){return Se||(Se=1,process.env.NODE_ENV==="production"?V.exports=cr():V.exports=dr()),V.exports}var Oe=vr();const pr={primary:{text:"#FFFFFF",value:"#27a7e3",dark:"#1f8ecb"},secondary:{text:"#1CB0F6",value:"#E0F3FF",dark:"#B3DFFC"}},yr=({color:k="primary",onClick:_,label:F,size:h="medium",customClass:S=""})=>{const O={small:"px-2 py-1 text-xs rounded-lg",medium:"px-3 py-1 text-base rounded-xl",large:"px-8 py-3 text-2xl rounded-2xl",full:"px-8 py-2 text-xl rounded-2xl w-full"},b=pr[k];return Oe.jsx("button",{className:`relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${O[h]} ${S}`,style:{backgroundColor:b.value,boxShadow:`0 ${h==="large"?"6px":"4px"} 0 ${b.dark}`,color:b.text},onMouseDown:g=>{g.currentTarget.style.boxShadow="none"},onMouseUp:g=>{g.currentTarget.style.boxShadow=`0 4px 0 ${b.dark}`},onClick:_,children:Oe.jsx("span",{className:"font-bold",children:F})})};exports.Button=yr;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),x={primary:{text:"#FFFFFF",value:"#27a7e3",dark:"#1f8ecb"},secondary:{text:"#1CB0F6",value:"#E0F3FF",dark:"#B3DFFC"}},d=({color:n="primary",onClick:a,label:l,size:o="medium",customClass:s=""})=>{const u={small:"px-2 py-1 text-xs rounded-lg",medium:"px-3 py-1 text-base rounded-xl",large:"px-8 py-3 text-2xl rounded-2xl",full:"px-8 py-2 text-xl rounded-2xl w-full"},e=x[n];return r.jsx("button",{className:`relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${u[o]} ${s}`,style:{backgroundColor:e.value,boxShadow:`0 ${o==="large"?"6px":"4px"} 0 ${e.dark}`,color:e.text},onMouseDown:t=>{t.currentTarget.style.boxShadow="none"},onMouseUp:t=>{t.currentTarget.style.boxShadow=`0 4px 0 ${e.dark}`},onClick:a,children:r.jsx("span",{className:"font-bold",children:l})})};exports.Button=d;
package/dist/ui.es.js CHANGED
@@ -1,669 +1,40 @@
1
- import Se from "react";
2
- var V = { exports: {} }, $ = {};
3
- /**
4
- * @license React
5
- * react-jsx-runtime.production.min.js
6
- *
7
- * Copyright (c) Facebook, Inc. and its affiliates.
8
- *
9
- * This source code is licensed under the MIT license found in the
10
- * LICENSE file in the root directory of this source tree.
11
- */
12
- var xe;
13
- function cr() {
14
- if (xe) return $;
15
- xe = 1;
16
- var k = Se, R = Symbol.for("react.element"), F = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, w = k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
17
- function b(g, f, S) {
18
- var p, E = {}, _ = null, W = null;
19
- S !== void 0 && (_ = "" + S), f.key !== void 0 && (_ = "" + f.key), f.ref !== void 0 && (W = f.ref);
20
- for (p in f) h.call(f, p) && !O.hasOwnProperty(p) && (E[p] = f[p]);
21
- if (g && g.defaultProps) for (p in f = g.defaultProps, f) E[p] === void 0 && (E[p] = f[p]);
22
- return { $$typeof: R, type: g, key: _, ref: W, props: E, _owner: w.current };
23
- }
24
- return $.Fragment = F, $.jsx = b, $.jsxs = b, $;
25
- }
26
- var I = {};
27
- /**
28
- * @license React
29
- * react-jsx-runtime.development.js
30
- *
31
- * Copyright (c) Facebook, Inc. and its affiliates.
32
- *
33
- * This source code is licensed under the MIT license found in the
34
- * LICENSE file in the root directory of this source tree.
35
- */
36
- var Te;
37
- function dr() {
38
- return Te || (Te = 1, process.env.NODE_ENV !== "production" && (function() {
39
- var k = Se, R = Symbol.for("react.element"), F = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), g = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), H = Symbol.iterator, Ce = "@@iterator";
40
- function Pe(e) {
41
- if (e === null || typeof e != "object")
42
- return null;
43
- var r = H && e[H] || e[Ce];
44
- return typeof r == "function" ? r : null;
45
- }
46
- var C = k.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
47
- function c(e) {
48
- {
49
- for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
50
- t[n - 1] = arguments[n];
51
- je("error", e, t);
52
- }
53
- }
54
- function je(e, r, t) {
55
- {
56
- var n = C.ReactDebugCurrentFrame, i = n.getStackAddendum();
57
- i !== "" && (r += "%s", t = t.concat([i]));
58
- var u = t.map(function(o) {
59
- return String(o);
60
- });
61
- u.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, u);
62
- }
63
- }
64
- var ke = !1, Fe = !1, De = !1, Ae = !1, $e = !1, Z;
65
- Z = Symbol.for("react.module.reference");
66
- function Ie(e) {
67
- return !!(typeof e == "string" || typeof e == "function" || e === h || e === O || $e || e === w || e === S || e === p || Ae || e === W || ke || Fe || De || typeof e == "object" && e !== null && (e.$$typeof === _ || e.$$typeof === E || e.$$typeof === b || e.$$typeof === g || e.$$typeof === f || // This needs to include all possible module reference object
68
- // types supported by any Flight configuration anywhere since
69
- // we don't know which Flight build this will end up being used
70
- // with.
71
- e.$$typeof === Z || e.getModuleId !== void 0));
72
- }
73
- function We(e, r, t) {
74
- var n = e.displayName;
75
- if (n)
76
- return n;
77
- var i = r.displayName || r.name || "";
78
- return i !== "" ? t + "(" + i + ")" : t;
79
- }
80
- function Q(e) {
81
- return e.displayName || "Context";
82
- }
83
- function m(e) {
84
- if (e == null)
85
- return null;
86
- if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
87
- return e.displayName || e.name || null;
88
- if (typeof e == "string")
89
- return e;
90
- switch (e) {
91
- case h:
92
- return "Fragment";
93
- case F:
94
- return "Portal";
95
- case O:
96
- return "Profiler";
97
- case w:
98
- return "StrictMode";
99
- case S:
100
- return "Suspense";
101
- case p:
102
- return "SuspenseList";
103
- }
104
- if (typeof e == "object")
105
- switch (e.$$typeof) {
106
- case g:
107
- var r = e;
108
- return Q(r) + ".Consumer";
109
- case b:
110
- var t = e;
111
- return Q(t._context) + ".Provider";
112
- case f:
113
- return We(e, e.render, "ForwardRef");
114
- case E:
115
- var n = e.displayName || null;
116
- return n !== null ? n : m(e.type) || "Memo";
117
- case _: {
118
- var i = e, u = i._payload, o = i._init;
119
- try {
120
- return m(o(u));
121
- } catch {
122
- return null;
123
- }
124
- }
125
- }
126
- return null;
127
- }
128
- var x = Object.assign, D = 0, ee, re, te, ne, ae, oe, ie;
129
- function ue() {
130
- }
131
- ue.__reactDisabledLog = !0;
132
- function Ye() {
133
- {
134
- if (D === 0) {
135
- ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
136
- var e = {
137
- configurable: !0,
138
- enumerable: !0,
139
- value: ue,
140
- writable: !0
141
- };
142
- Object.defineProperties(console, {
143
- info: e,
144
- log: e,
145
- warn: e,
146
- error: e,
147
- group: e,
148
- groupCollapsed: e,
149
- groupEnd: e
150
- });
151
- }
152
- D++;
153
- }
154
- }
155
- function Me() {
156
- {
157
- if (D--, D === 0) {
158
- var e = {
159
- configurable: !0,
160
- enumerable: !0,
161
- writable: !0
162
- };
163
- Object.defineProperties(console, {
164
- log: x({}, e, {
165
- value: ee
166
- }),
167
- info: x({}, e, {
168
- value: re
169
- }),
170
- warn: x({}, e, {
171
- value: te
172
- }),
173
- error: x({}, e, {
174
- value: ne
175
- }),
176
- group: x({}, e, {
177
- value: ae
178
- }),
179
- groupCollapsed: x({}, e, {
180
- value: oe
181
- }),
182
- groupEnd: x({}, e, {
183
- value: ie
184
- })
185
- });
186
- }
187
- D < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
188
- }
189
- }
190
- var N = C.ReactCurrentDispatcher, B;
191
- function Y(e, r, t) {
192
- {
193
- if (B === void 0)
194
- try {
195
- throw Error();
196
- } catch (i) {
197
- var n = i.stack.trim().match(/\n( *(at )?)/);
198
- B = n && n[1] || "";
199
- }
200
- return `
201
- ` + B + e;
202
- }
203
- }
204
- var J = !1, M;
205
- {
206
- var Le = typeof WeakMap == "function" ? WeakMap : Map;
207
- M = new Le();
208
- }
209
- function se(e, r) {
210
- if (!e || J)
211
- return "";
212
- {
213
- var t = M.get(e);
214
- if (t !== void 0)
215
- return t;
216
- }
217
- var n;
218
- J = !0;
219
- var i = Error.prepareStackTrace;
220
- Error.prepareStackTrace = void 0;
221
- var u;
222
- u = N.current, N.current = null, Ye();
223
- try {
224
- if (r) {
225
- var o = function() {
226
- throw Error();
227
- };
228
- if (Object.defineProperty(o.prototype, "props", {
229
- set: function() {
230
- throw Error();
231
- }
232
- }), typeof Reflect == "object" && Reflect.construct) {
233
- try {
234
- Reflect.construct(o, []);
235
- } catch (v) {
236
- n = v;
237
- }
238
- Reflect.construct(e, [], o);
239
- } else {
240
- try {
241
- o.call();
242
- } catch (v) {
243
- n = v;
244
- }
245
- e.call(o.prototype);
246
- }
247
- } else {
248
- try {
249
- throw Error();
250
- } catch (v) {
251
- n = v;
252
- }
253
- e();
254
- }
255
- } catch (v) {
256
- if (v && n && typeof v.stack == "string") {
257
- for (var a = v.stack.split(`
258
- `), d = n.stack.split(`
259
- `), s = a.length - 1, l = d.length - 1; s >= 1 && l >= 0 && a[s] !== d[l]; )
260
- l--;
261
- for (; s >= 1 && l >= 0; s--, l--)
262
- if (a[s] !== d[l]) {
263
- if (s !== 1 || l !== 1)
264
- do
265
- if (s--, l--, l < 0 || a[s] !== d[l]) {
266
- var y = `
267
- ` + a[s].replace(" at new ", " at ");
268
- return e.displayName && y.includes("<anonymous>") && (y = y.replace("<anonymous>", e.displayName)), typeof e == "function" && M.set(e, y), y;
269
- }
270
- while (s >= 1 && l >= 0);
271
- break;
272
- }
273
- }
274
- } finally {
275
- J = !1, N.current = u, Me(), Error.prepareStackTrace = i;
276
- }
277
- var j = e ? e.displayName || e.name : "", T = j ? Y(j) : "";
278
- return typeof e == "function" && M.set(e, T), T;
279
- }
280
- function Ue(e, r, t) {
281
- return se(e, !1);
282
- }
283
- function Ve(e) {
284
- var r = e.prototype;
285
- return !!(r && r.isReactComponent);
286
- }
287
- function L(e, r, t) {
288
- if (e == null)
289
- return "";
290
- if (typeof e == "function")
291
- return se(e, Ve(e));
292
- if (typeof e == "string")
293
- return Y(e);
294
- switch (e) {
295
- case S:
296
- return Y("Suspense");
297
- case p:
298
- return Y("SuspenseList");
299
- }
300
- if (typeof e == "object")
301
- switch (e.$$typeof) {
302
- case f:
303
- return Ue(e.render);
304
- case E:
305
- return L(e.type, r, t);
306
- case _: {
307
- var n = e, i = n._payload, u = n._init;
308
- try {
309
- return L(u(i), r, t);
310
- } catch {
311
- }
312
- }
313
- }
314
- return "";
315
- }
316
- var A = Object.prototype.hasOwnProperty, le = {}, fe = C.ReactDebugCurrentFrame;
317
- function U(e) {
318
- if (e) {
319
- var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
320
- fe.setExtraStackFrame(t);
321
- } else
322
- fe.setExtraStackFrame(null);
323
- }
324
- function Ne(e, r, t, n, i) {
325
- {
326
- var u = Function.call.bind(A);
327
- for (var o in e)
328
- if (u(e, o)) {
329
- var a = void 0;
330
- try {
331
- if (typeof e[o] != "function") {
332
- var d = Error((n || "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`.");
333
- throw d.name = "Invariant Violation", d;
334
- }
335
- a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
336
- } catch (s) {
337
- a = s;
338
- }
339
- a && !(a instanceof Error) && (U(i), c("%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).", n || "React class", t, o, typeof a), U(null)), a instanceof Error && !(a.message in le) && (le[a.message] = !0, U(i), c("Failed %s type: %s", t, a.message), U(null));
340
- }
341
- }
342
- }
343
- var Be = Array.isArray;
344
- function q(e) {
345
- return Be(e);
346
- }
347
- function Je(e) {
348
- {
349
- var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
350
- return t;
351
- }
352
- }
353
- function qe(e) {
354
- try {
355
- return ce(e), !1;
356
- } catch {
357
- return !0;
358
- }
359
- }
360
- function ce(e) {
361
- return "" + e;
362
- }
363
- function de(e) {
364
- if (qe(e))
365
- return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Je(e)), ce(e);
366
- }
367
- var ve = C.ReactCurrentOwner, Ke = {
368
- key: !0,
369
- ref: !0,
370
- __self: !0,
371
- __source: !0
372
- }, pe, ye;
373
- function Ge(e) {
374
- if (A.call(e, "ref")) {
375
- var r = Object.getOwnPropertyDescriptor(e, "ref").get;
376
- if (r && r.isReactWarning)
377
- return !1;
378
- }
379
- return e.ref !== void 0;
380
- }
381
- function ze(e) {
382
- if (A.call(e, "key")) {
383
- var r = Object.getOwnPropertyDescriptor(e, "key").get;
384
- if (r && r.isReactWarning)
385
- return !1;
386
- }
387
- return e.key !== void 0;
388
- }
389
- function Xe(e, r) {
390
- typeof e.ref == "string" && ve.current;
391
- }
392
- function He(e, r) {
393
- {
394
- var t = function() {
395
- pe || (pe = !0, c("%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));
396
- };
397
- t.isReactWarning = !0, Object.defineProperty(e, "key", {
398
- get: t,
399
- configurable: !0
400
- });
401
- }
402
- }
403
- function Ze(e, r) {
404
- {
405
- var t = function() {
406
- ye || (ye = !0, c("%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));
407
- };
408
- t.isReactWarning = !0, Object.defineProperty(e, "ref", {
409
- get: t,
410
- configurable: !0
411
- });
412
- }
413
- }
414
- var Qe = function(e, r, t, n, i, u, o) {
415
- var a = {
416
- // This tag allows us to uniquely identify this as a React Element
417
- $$typeof: R,
418
- // Built-in properties that belong on the element
419
- type: e,
420
- key: r,
421
- ref: t,
422
- props: o,
423
- // Record the component responsible for creating this element.
424
- _owner: u
425
- };
426
- return a._store = {}, Object.defineProperty(a._store, "validated", {
427
- configurable: !1,
428
- enumerable: !1,
429
- writable: !0,
430
- value: !1
431
- }), Object.defineProperty(a, "_self", {
432
- configurable: !1,
433
- enumerable: !1,
434
- writable: !1,
435
- value: n
436
- }), Object.defineProperty(a, "_source", {
437
- configurable: !1,
438
- enumerable: !1,
439
- writable: !1,
440
- value: i
441
- }), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
442
- };
443
- function er(e, r, t, n, i) {
444
- {
445
- var u, o = {}, a = null, d = null;
446
- t !== void 0 && (de(t), a = "" + t), ze(r) && (de(r.key), a = "" + r.key), Ge(r) && (d = r.ref, Xe(r, i));
447
- for (u in r)
448
- A.call(r, u) && !Ke.hasOwnProperty(u) && (o[u] = r[u]);
449
- if (e && e.defaultProps) {
450
- var s = e.defaultProps;
451
- for (u in s)
452
- o[u] === void 0 && (o[u] = s[u]);
453
- }
454
- if (a || d) {
455
- var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
456
- a && He(o, l), d && Ze(o, l);
457
- }
458
- return Qe(e, a, d, i, n, ve.current, o);
459
- }
460
- }
461
- var K = C.ReactCurrentOwner, ge = C.ReactDebugCurrentFrame;
462
- function P(e) {
463
- if (e) {
464
- var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
465
- ge.setExtraStackFrame(t);
466
- } else
467
- ge.setExtraStackFrame(null);
468
- }
469
- var G;
470
- G = !1;
471
- function z(e) {
472
- return typeof e == "object" && e !== null && e.$$typeof === R;
473
- }
474
- function be() {
475
- {
476
- if (K.current) {
477
- var e = m(K.current.type);
478
- if (e)
479
- return `
480
-
481
- Check the render method of \`` + e + "`.";
482
- }
483
- return "";
484
- }
485
- }
486
- function rr(e) {
487
- return "";
488
- }
489
- var he = {};
490
- function tr(e) {
491
- {
492
- var r = be();
493
- if (!r) {
494
- var t = typeof e == "string" ? e : e.displayName || e.name;
495
- t && (r = `
496
-
497
- Check the top-level render call using <` + t + ">.");
498
- }
499
- return r;
500
- }
501
- }
502
- function Ee(e, r) {
503
- {
504
- if (!e._store || e._store.validated || e.key != null)
505
- return;
506
- e._store.validated = !0;
507
- var t = tr(r);
508
- if (he[t])
509
- return;
510
- he[t] = !0;
511
- var n = "";
512
- e && e._owner && e._owner !== K.current && (n = " It was passed a child from " + m(e._owner.type) + "."), P(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), P(null);
513
- }
514
- }
515
- function me(e, r) {
516
- {
517
- if (typeof e != "object")
518
- return;
519
- if (q(e))
520
- for (var t = 0; t < e.length; t++) {
521
- var n = e[t];
522
- z(n) && Ee(n, r);
523
- }
524
- else if (z(e))
525
- e._store && (e._store.validated = !0);
526
- else if (e) {
527
- var i = Pe(e);
528
- if (typeof i == "function" && i !== e.entries)
529
- for (var u = i.call(e), o; !(o = u.next()).done; )
530
- z(o.value) && Ee(o.value, r);
531
- }
532
- }
533
- }
534
- function nr(e) {
535
- {
536
- var r = e.type;
537
- if (r == null || typeof r == "string")
538
- return;
539
- var t;
540
- if (typeof r == "function")
541
- t = r.propTypes;
542
- else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
543
- // Inner props are checked in the reconciler.
544
- r.$$typeof === E))
545
- t = r.propTypes;
546
- else
547
- return;
548
- if (t) {
549
- var n = m(r);
550
- Ne(t, e.props, "prop", n, e);
551
- } else if (r.PropTypes !== void 0 && !G) {
552
- G = !0;
553
- var i = m(r);
554
- c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
555
- }
556
- typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
557
- }
558
- }
559
- function ar(e) {
560
- {
561
- for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
562
- var n = r[t];
563
- if (n !== "children" && n !== "key") {
564
- P(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), P(null);
565
- break;
566
- }
567
- }
568
- e.ref !== null && (P(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), P(null));
569
- }
570
- }
571
- var Re = {};
572
- function _e(e, r, t, n, i, u) {
573
- {
574
- var o = Ie(e);
575
- if (!o) {
576
- var a = "";
577
- (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
578
- var d = rr();
579
- d ? a += d : a += be();
580
- var s;
581
- e === null ? s = "null" : q(e) ? s = "array" : e !== void 0 && e.$$typeof === R ? (s = "<" + (m(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
582
- }
583
- var l = er(e, r, t, i, u);
584
- if (l == null)
585
- return l;
586
- if (o) {
587
- var y = r.children;
588
- if (y !== void 0)
589
- if (n)
590
- if (q(y)) {
591
- for (var j = 0; j < y.length; j++)
592
- me(y[j], e);
593
- Object.freeze && Object.freeze(y);
594
- } else
595
- c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
596
- else
597
- me(y, e);
598
- }
599
- if (A.call(r, "key")) {
600
- var T = m(e), v = Object.keys(r).filter(function(fr) {
601
- return fr !== "key";
602
- }), X = v.length > 0 ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}";
603
- if (!Re[T + X]) {
604
- var lr = v.length > 0 ? "{" + v.join(": ..., ") + ": ...}" : "{}";
605
- c(`A props object containing a "key" prop is being spread into JSX:
606
- let props = %s;
607
- <%s {...props} />
608
- React keys must be passed directly to JSX without using spread:
609
- let props = %s;
610
- <%s key={someKey} {...props} />`, X, T, lr, T), Re[T + X] = !0;
611
- }
612
- }
613
- return e === h ? ar(l) : nr(l), l;
614
- }
615
- }
616
- function or(e, r, t) {
617
- return _e(e, r, t, !0);
618
- }
619
- function ir(e, r, t) {
620
- return _e(e, r, t, !1);
621
- }
622
- var ur = ir, sr = or;
623
- I.Fragment = h, I.jsx = ur, I.jsxs = sr;
624
- })()), I;
625
- }
626
- var we;
627
- function vr() {
628
- return we || (we = 1, process.env.NODE_ENV === "production" ? V.exports = cr() : V.exports = dr()), V.exports;
629
- }
630
- var Oe = vr();
631
- const pr = {
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ const u = {
632
3
  primary: { text: "#FFFFFF", value: "#27a7e3", dark: "#1f8ecb" },
633
4
  secondary: { text: "#1CB0F6", value: "#E0F3FF", dark: "#B3DFFC" }
634
- }, gr = ({
635
- color: k = "primary",
636
- onClick: R,
637
- label: F,
638
- size: h = "medium",
639
- customClass: w = ""
5
+ }, p = ({
6
+ color: a = "primary",
7
+ onClick: n,
8
+ label: l,
9
+ size: o = "medium",
10
+ customClass: s = ""
640
11
  }) => {
641
- const O = {
12
+ const x = {
642
13
  small: "px-2 py-1 text-xs rounded-lg",
643
14
  medium: "px-3 py-1 text-base rounded-xl",
644
15
  large: "px-8 py-3 text-2xl rounded-2xl",
645
16
  full: "px-8 py-2 text-xl rounded-2xl w-full"
646
- }, b = pr[k];
647
- return /* @__PURE__ */ Oe.jsx(
17
+ }, e = u[a];
18
+ return /* @__PURE__ */ r(
648
19
  "button",
649
20
  {
650
- className: `relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${O[h]} ${w}`,
21
+ className: `relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${x[o]} ${s}`,
651
22
  style: {
652
- backgroundColor: b.value,
653
- boxShadow: `0 ${h === "large" ? "6px" : "4px"} 0 ${b.dark}`,
654
- color: b.text
23
+ backgroundColor: e.value,
24
+ boxShadow: `0 ${o === "large" ? "6px" : "4px"} 0 ${e.dark}`,
25
+ color: e.text
655
26
  },
656
- onMouseDown: (g) => {
657
- g.currentTarget.style.boxShadow = "none";
27
+ onMouseDown: (t) => {
28
+ t.currentTarget.style.boxShadow = "none";
658
29
  },
659
- onMouseUp: (g) => {
660
- g.currentTarget.style.boxShadow = `0 4px 0 ${b.dark}`;
30
+ onMouseUp: (t) => {
31
+ t.currentTarget.style.boxShadow = `0 4px 0 ${e.dark}`;
661
32
  },
662
- onClick: R,
663
- children: /* @__PURE__ */ Oe.jsx("span", { className: "font-bold", children: F })
33
+ onClick: n,
34
+ children: /* @__PURE__ */ r("span", { className: "font-bold", children: l })
664
35
  }
665
36
  );
666
37
  };
667
38
  export {
668
- gr as Button
39
+ p as Button
669
40
  };
package/dist/ui.umd.js CHANGED
@@ -1,30 +1 @@
1
- (function(R,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],O):(R=typeof globalThis<"u"?globalThis:R||self,O(R.ui={},R.React))})(this,(function(R,O){"use strict";var M={exports:{}},D={};/**
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 Q;function Pe(){if(Q)return D;Q=1;var I=O,_=Symbol.for("react.element"),$=Symbol.for("react.fragment"),h=Object.prototype.hasOwnProperty,w=I.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,C={key:!0,ref:!0,__self:!0,__source:!0};function g(b,f,P){var p,E={},x=null,L=null;P!==void 0&&(x=""+P),f.key!==void 0&&(x=""+f.key),f.ref!==void 0&&(L=f.ref);for(p in f)h.call(f,p)&&!C.hasOwnProperty(p)&&(E[p]=f[p]);if(b&&b.defaultProps)for(p in f=b.defaultProps,f)E[p]===void 0&&(E[p]=f[p]);return{$$typeof:_,type:b,key:x,ref:L,props:E,_owner:w.current}}return D.Fragment=$,D.jsx=g,D.jsxs=g,D}var A={};/**
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 ee;function je(){return ee||(ee=1,process.env.NODE_ENV!=="production"&&(function(){var I=O,_=Symbol.for("react.element"),$=Symbol.for("react.portal"),h=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),b=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),P=Symbol.for("react.suspense"),p=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),x=Symbol.for("react.lazy"),L=Symbol.for("react.offscreen"),ne=Symbol.iterator,Ae="@@iterator";function Ie(e){if(e===null||typeof e!="object")return null;var r=ne&&e[ne]||e[Ae];return typeof r=="function"?r:null}var j=I.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function c(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];$e("error",e,t)}}function $e(e,r,t){{var n=j.ReactDebugCurrentFrame,i=n.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 We=!1,Ye=!1,Me=!1,Le=!1,Ue=!1,ae;ae=Symbol.for("react.module.reference");function Ve(e){return!!(typeof e=="string"||typeof e=="function"||e===h||e===C||Ue||e===w||e===P||e===p||Le||e===L||We||Ye||Me||typeof e=="object"&&e!==null&&(e.$$typeof===x||e.$$typeof===E||e.$$typeof===g||e.$$typeof===b||e.$$typeof===f||e.$$typeof===ae||e.getModuleId!==void 0))}function Ne(e,r,t){var n=e.displayName;if(n)return n;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function oe(e){return e.displayName||"Context"}function m(e){if(e==null)return null;if(typeof e.tag=="number"&&c("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 h:return"Fragment";case $:return"Portal";case C:return"Profiler";case w:return"StrictMode";case P:return"Suspense";case p:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case b:var r=e;return oe(r)+".Consumer";case g:var t=e;return oe(t._context)+".Provider";case f:return Ne(e,e.render,"ForwardRef");case E:var n=e.displayName||null;return n!==null?n:m(e.type)||"Memo";case x:{var i=e,u=i._payload,o=i._init;try{return m(o(u))}catch{return null}}}return null}var T=Object.assign,W=0,ie,ue,se,le,fe,ce,de;function ve(){}ve.__reactDisabledLog=!0;function Be(){{if(W===0){ie=console.log,ue=console.info,se=console.warn,le=console.error,fe=console.group,ce=console.groupCollapsed,de=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ve,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}W++}}function Je(){{if(W--,W===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:T({},e,{value:ie}),info:T({},e,{value:ue}),warn:T({},e,{value:se}),error:T({},e,{value:le}),group:T({},e,{value:fe}),groupCollapsed:T({},e,{value:ce}),groupEnd:T({},e,{value:de})})}W<0&&c("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var J=j.ReactCurrentDispatcher,q;function U(e,r,t){{if(q===void 0)try{throw Error()}catch(i){var n=i.stack.trim().match(/\n( *(at )?)/);q=n&&n[1]||""}return`
18
- `+q+e}}var K=!1,V;{var qe=typeof WeakMap=="function"?WeakMap:Map;V=new qe}function pe(e,r){if(!e||K)return"";{var t=V.get(e);if(t!==void 0)return t}var n;K=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=J.current,J.current=null,Be();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(v){n=v}Reflect.construct(e,[],o)}else{try{o.call()}catch(v){n=v}e.call(o.prototype)}}else{try{throw Error()}catch(v){n=v}e()}}catch(v){if(v&&n&&typeof v.stack=="string"){for(var a=v.stack.split(`
19
- `),d=n.stack.split(`
20
- `),s=a.length-1,l=d.length-1;s>=1&&l>=0&&a[s]!==d[l];)l--;for(;s>=1&&l>=0;s--,l--)if(a[s]!==d[l]){if(s!==1||l!==1)do if(s--,l--,l<0||a[s]!==d[l]){var y=`
21
- `+a[s].replace(" at new "," at ");return e.displayName&&y.includes("<anonymous>")&&(y=y.replace("<anonymous>",e.displayName)),typeof e=="function"&&V.set(e,y),y}while(s>=1&&l>=0);break}}}finally{K=!1,J.current=u,Je(),Error.prepareStackTrace=i}var F=e?e.displayName||e.name:"",S=F?U(F):"";return typeof e=="function"&&V.set(e,S),S}function Ke(e,r,t){return pe(e,!1)}function Ge(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function N(e,r,t){if(e==null)return"";if(typeof e=="function")return pe(e,Ge(e));if(typeof e=="string")return U(e);switch(e){case P:return U("Suspense");case p:return U("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case f:return Ke(e.render);case E:return N(e.type,r,t);case x:{var n=e,i=n._payload,u=n._init;try{return N(u(i),r,t)}catch{}}}return""}var Y=Object.prototype.hasOwnProperty,ye={},be=j.ReactDebugCurrentFrame;function B(e){if(e){var r=e._owner,t=N(e.type,e._source,r?r.type:null);be.setExtraStackFrame(t)}else be.setExtraStackFrame(null)}function ze(e,r,t,n,i){{var u=Function.call.bind(Y);for(var o in e)if(u(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var d=Error((n||"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 d.name="Invariant Violation",d}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(s){a=s}a&&!(a instanceof Error)&&(B(i),c("%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).",n||"React class",t,o,typeof a),B(null)),a instanceof Error&&!(a.message in ye)&&(ye[a.message]=!0,B(i),c("Failed %s type: %s",t,a.message),B(null))}}}var Xe=Array.isArray;function G(e){return Xe(e)}function He(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Ze(e){try{return ge(e),!1}catch{return!0}}function ge(e){return""+e}function he(e){if(Ze(e))return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",He(e)),ge(e)}var Ee=j.ReactCurrentOwner,Qe={key:!0,ref:!0,__self:!0,__source:!0},me,Re;function er(e){if(Y.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function rr(e){if(Y.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function tr(e,r){typeof e.ref=="string"&&Ee.current}function nr(e,r){{var t=function(){me||(me=!0,c("%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 ar(e,r){{var t=function(){Re||(Re=!0,c("%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 or=function(e,r,t,n,i,u,o){var a={$$typeof:_,type:e,key:r,ref:t,props:o,_owner:u};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function ir(e,r,t,n,i){{var u,o={},a=null,d=null;t!==void 0&&(he(t),a=""+t),rr(r)&&(he(r.key),a=""+r.key),er(r)&&(d=r.ref,tr(r,i));for(u in r)Y.call(r,u)&&!Qe.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var s=e.defaultProps;for(u in s)o[u]===void 0&&(o[u]=s[u])}if(a||d){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&nr(o,l),d&&ar(o,l)}return or(e,a,d,i,n,Ee.current,o)}}var z=j.ReactCurrentOwner,_e=j.ReactDebugCurrentFrame;function k(e){if(e){var r=e._owner,t=N(e.type,e._source,r?r.type:null);_e.setExtraStackFrame(t)}else _e.setExtraStackFrame(null)}var X;X=!1;function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===_}function xe(){{if(z.current){var e=m(z.current.type);if(e)return`
22
-
23
- Check the render method of \``+e+"`."}return""}}function ur(e){return""}var Te={};function sr(e){{var r=xe();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 Se(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=sr(r);if(Te[t])return;Te[t]=!0;var n="";e&&e._owner&&e._owner!==z.current&&(n=" It was passed a child from "+m(e._owner.type)+"."),k(e),c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),k(null)}}function Oe(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var n=e[t];H(n)&&Se(n,r)}else if(H(e))e._store&&(e._store.validated=!0);else if(e){var i=Ie(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)H(o.value)&&Se(o.value,r)}}}function lr(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===f||r.$$typeof===E))t=r.propTypes;else return;if(t){var n=m(r);ze(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var i=m(r);c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function fr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){k(e),c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),k(null);break}}e.ref!==null&&(k(e),c("Invalid attribute `ref` supplied to `React.Fragment`."),k(null))}}var we={};function Ce(e,r,t,n,i,u){{var o=Ve(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" 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 d=ur();d?a+=d:a+=xe();var s;e===null?s="null":G(e)?s="array":e!==void 0&&e.$$typeof===_?(s="<"+(m(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):s=typeof e,c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",s,a)}var l=ir(e,r,t,i,u);if(l==null)return l;if(o){var y=r.children;if(y!==void 0)if(n)if(G(y)){for(var F=0;F<y.length;F++)Oe(y[F],e);Object.freeze&&Object.freeze(y)}else c("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 Oe(y,e)}if(Y.call(r,"key")){var S=m(e),v=Object.keys(r).filter(function(br){return br!=="key"}),Z=v.length>0?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}";if(!we[S+Z]){var yr=v.length>0?"{"+v.join(": ..., ")+": ...}":"{}";c(`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,S,yr,S),we[S+Z]=!0}}return e===h?fr(l):lr(l),l}}function cr(e,r,t){return Ce(e,r,t,!0)}function dr(e,r,t){return Ce(e,r,t,!1)}var vr=dr,pr=cr;A.Fragment=h,A.jsx=vr,A.jsxs=pr})()),A}var re;function ke(){return re||(re=1,process.env.NODE_ENV==="production"?M.exports=Pe():M.exports=je()),M.exports}var te=ke();const Fe={primary:{text:"#FFFFFF",value:"#27a7e3",dark:"#1f8ecb"},secondary:{text:"#1CB0F6",value:"#E0F3FF",dark:"#B3DFFC"}},De=({color:I="primary",onClick:_,label:$,size:h="medium",customClass:w=""})=>{const C={small:"px-2 py-1 text-xs rounded-lg",medium:"px-3 py-1 text-base rounded-xl",large:"px-8 py-3 text-2xl rounded-2xl",full:"px-8 py-2 text-xl rounded-2xl w-full"},g=Fe[I];return te.jsx("button",{className:`relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${C[h]} ${w}`,style:{backgroundColor:g.value,boxShadow:`0 ${h==="large"?"6px":"4px"} 0 ${g.dark}`,color:g.text},onMouseDown:b=>{b.currentTarget.style.boxShadow="none"},onMouseUp:b=>{b.currentTarget.style.boxShadow=`0 4px 0 ${g.dark}`},onClick:_,children:te.jsx("span",{className:"font-bold",children:$})})};R.Button=De,Object.defineProperty(R,Symbol.toStringTag,{value:"Module"})}));
1
+ (function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.ui={},e.jsxRuntime))})(this,(function(e,t){"use strict";const s={primary:{text:"#FFFFFF",value:"#27a7e3",dark:"#1f8ecb"},secondary:{text:"#1CB0F6",value:"#E0F3FF",dark:"#B3DFFC"}},a=({color:u="primary",onClick:l,label:d,size:r="medium",customClass:i=""})=>{const x={small:"px-2 py-1 text-xs rounded-lg",medium:"px-3 py-1 text-base rounded-xl",large:"px-8 py-3 text-2xl rounded-2xl",full:"px-8 py-2 text-xl rounded-2xl w-full"},o=s[u];return t.jsx("button",{className:`relative flex items-center justify-center cursor-pointer transition duration-150 ease-in-out whitespace-nowrap active:translate-y-[4px] ${x[r]} ${i}`,style:{backgroundColor:o.value,boxShadow:`0 ${r==="large"?"6px":"4px"} 0 ${o.dark}`,color:o.text},onMouseDown:n=>{n.currentTarget.style.boxShadow="none"},onMouseUp:n=>{n.currentTarget.style.boxShadow=`0 4px 0 ${o.dark}`},onClick:l,children:t.jsx("span",{className:"font-bold",children:d})})};e.Button=a,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-ui-lib",
3
- "version": "0.1.10",
3
+ "version": "0.1.12",
4
4
  "type": "module",
5
5
  "types": "dist/index.d.ts",
6
6
  "exports": {
@@ -29,8 +29,8 @@
29
29
  "prepublishOnly": "npm run build"
30
30
  },
31
31
  "peerDependencies": {
32
- "react": "^18",
33
- "react-dom": "^18"
32
+ "react": "18.2.0",
33
+ "react-dom": "18.2.0"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@chromatic-com/storybook": "^4.1.1",
@@ -40,8 +40,8 @@
40
40
  "@storybook/addon-docs": "^9.1.5",
41
41
  "@storybook/addon-vitest": "^9.1.5",
42
42
  "@storybook/react-vite": "^9.1.5",
43
- "@types/react": "^18",
44
- "@types/react-dom": "^18",
43
+ "@types/react": "18.2.0",
44
+ "@types/react-dom": "18.2.0",
45
45
  "@vitejs/plugin-react": "^5.0.0",
46
46
  "@vitest/browser": "^3.2.4",
47
47
  "@vitest/coverage-v8": "^3.2.4",