@simpli-route/apollo-ds 0.0.2

package/README.md

@@ -0,0 +1,50 @@
+# Apollo-design-system
+
+This project is to be able to integrate all the components to be used in different SimpliRoute apps.
+
+## Tech Stack
+
+- [pnpm](https://pnpm.io/es/)
+- [React js with Vite](https://vitejs.dev/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [TypeScript](https://www.typescriptlang.org)
+- [React Aria](https://react-spectrum.adobe.com/react-aria/)
+- [CVA](https://cva.style/docs)
+- [ESLint](https://eslint.org)
+- [Prettier](https://prettier.io)
+
+## VSCode extensions to install
+
+Check the **.vscode/extensions.json** file for the extensions to install in VSCode.
+
+## VSCode settings to use
+
+Check the **.vscode/settings.json** file for the settings to use in VSCode.
+
+## Run Locally
+
+After following the steps to create your **env.local** file you can run these commands to run the project locally.
+
+Install dependencies:
+
+```bash
+  pnpm i
+```
+
+Run the project with the storybook:
+
+```bash
+  pnpm storybook
+```
+
+## Running Tests
+
+To run tests with watch mode (default):
+
+```bash
+  pnpm test
+```
+
+## Deployment
+
+Coming soon~

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import { BtnProps } from './types';
+
+/**
+ * Button component **version 0.1**  https://www.figma.com/file/h6tZeqNdVEUvrgwOwK4vcY/Design-System---The-Bible?type=design&node-id=5803-1168&mode=design
+ *
+ */
+export declare const Button: (props: BtnProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from './Button';
+export type { BtnProps } from './types';

package/dist/components/Button/types.d.ts

@@ -0,0 +1,62 @@
+import { LoaderProps } from '..';
+import { ButtonProps } from 'react-aria-components';
+import { ReactNode } from 'react';
+
+export interface BtnProps extends ButtonProps {
+    /**
+     * Optional click handler
+     */
+    onPress?: () => void;
+    children?: ReactNode;
+    /**
+     * Defines the styling type of the button
+     */
+    intent?: "primary" | "secondary" | "tertiary" | "outline" | "success" | "error" | "orangeWarning" | "yellowWarning" | "info";
+    /**
+     * Defines the size of the button
+     */
+    size?: "sm" | "md" | "lg";
+    /**
+     * Optional className to add the root of the button
+     */
+    className?: string;
+    /**
+     * Add left icon to the button
+     */
+    leftIcon?: ReactNode;
+    /**
+     * Add right icon to the button
+     */
+    rightIcon?: ReactNode;
+    /**
+     * Defines if the button is disabled
+     */
+    isDisabled?: boolean;
+    /**
+     * Indicates if the button is in the loading process
+     */
+    isLoading?: boolean;
+    /**
+     * Optional props to pass to the loader component
+     */
+    loaderPosition?: "left" | "right";
+    loaderProps?: LoaderProps;
+    /**
+     * Wether the button should be full width (take the whole width of the container)
+     */
+    fullWidth?: boolean;
+    /**
+     * Wether the button should apply styles or remove all styling
+     */
+    unstyled?: boolean;
+    focus?: boolean;
+    id?: string;
+}
+export interface RenderItemProps {
+    renderPosition: "left" | "right";
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    isLoading?: boolean;
+    loaderPosition?: "left" | "right";
+    loaderProps?: LoaderProps;
+}

package/dist/components/Button/variants.d.ts

@@ -0,0 +1,10 @@
+export declare const buttonVariants: (props?: ({
+    intent?: "primary" | "secondary" | "tertiary" | "outline" | "success" | "error" | "orangeWarning" | "yellowWarning" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+    isDisabled?: boolean | null | undefined;
+    isHovered?: boolean | null | undefined;
+    isActive?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+    isLoading?: boolean | null | undefined;
+    isFocused?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,6 @@
+export interface LoaderProps {
+    className?: string;
+    label?: string;
+    size?: "xs" | "sm" | "md" | "lg";
+}
+export declare function Loader({ className, label, size }: LoaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export type { LoaderProps } from './Loader';
+export { Loader } from './Loader';

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Button';
+export * from './Loader';

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs2.js");require("./index.cjs3.js");require("react-aria");require("clsx");require("tailwind-merge");exports.Button=e.Button;

package/dist/index.cjs10.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/index.cjs11.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/index.cjs2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./index.cjs3.js"),E=require("react-aria-components"),b=require("./index.cjs4.js"),q=require("./index.cjs5.js"),N=require("./index.cjs6.js"),j=({renderPosition:e,leftIcon:o,rightIcon:l,isLoading:n,loaderPosition:r,loaderProps:t})=>{const i=e==="left"?o:e==="right"?l:null;return i||n&&r===e?s.jsxRuntimeExports.jsx("span",{className:e==="left"?"mr-1":"ml-1",children:n&&r===e?s.jsxRuntimeExports.jsx(N.Loader,{size:"sm",...t}):i}):null},y=e=>{const{intent:o="primary",size:l="md",leftIcon:n,rightIcon:r,isDisabled:t,children:i,className:p,isLoading:a,loaderPosition:m="left",loaderProps:x,fullWidth:h=!1,unstyled:f=!1,focus:R=!0,...g}=e,v=(u,c,d)=>b.cn(f?"":q.buttonVariants({intent:o,size:l,isHovered:c,isActive:u,isDisabled:t,isFocused:R||!f?d:!1,fullWidth:h,isLoading:a}),p);return s.jsxRuntimeExports.jsxs(E.Button,{"data-disabled":t||void 0,"data-loading":a||void 0,isDisabled:t,className:({isPressed:u,isHovered:c,isFocused:d})=>v(u,c,d),...g,children:[s.jsxRuntimeExports.jsx(j,{renderPosition:"left",loaderPosition:m,loaderProps:x,isLoading:a,leftIcon:n}),s.jsxRuntimeExports.jsx("span",{className:"flex h-full items-center overflow-hidden whitespace-nowrap",children:i}),s.jsxRuntimeExports.jsx(j,{renderPosition:"right",loaderPosition:m,loaderProps:x,isLoading:a,rightIcon:r})]})};exports.Button=y;

package/dist/index.cjs3.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs7.js"),r=require("./index.cjs8.js"),t=require("./index.cjs9.js");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=t.__require();var o=e.__module.exports;exports.jsxRuntimeExports=o;

package/dist/index.cjs4.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("clsx"),t=require("tailwind-merge");function n(...e){return t.twMerge(r.clsx(e))}exports.cn=n;

package/dist/index.cjs5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("class-variance-authority"),e=r.cva("inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",{variants:{intent:{primary:"bg-primary-500 text-primary-50",secondary:"border border-primary-500 bg-primary-50 text-primary-500",tertiary:"text-primary-500",outline:"border border-primary-500 text-primary-500",success:"border border-success-800 text-success-800",error:"border border-error-800 text-error-800",orangeWarning:"border border-orange-warning-800 text-orange-warning-800",yellowWarning:"border border-yellow-warning-800 text-yellow-warning-800",info:"border border-primary-800 text-primary-800"},size:{sm:"rounded px-3 py-2",md:"rounded-lg px-4 py-3",lg:"rounded-lg px-6 py-4"},isDisabled:{true:"pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"},isHovered:{true:""},isActive:{true:""},fullWidth:{true:"w-full",false:"w-fit"},isLoading:{true:"pointer-events-none cursor-not-allowed opacity-70"},isFocused:{true:"focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-2",false:""}},defaultVariants:{intent:"primary",size:"md"},compoundVariants:[{intent:"primary",isHovered:!0,class:"bg-primary-700"},{intent:"secondary",isHovered:!0,class:"bg-primary-200"},{intent:"tertiary",isHovered:!0,class:"bg-primary-300 text-primary-800"},{intent:"outline",isHovered:!0,class:"bg-primary-500 text-primary-50"},{intent:"success",isHovered:!0,class:"bg-success-600 text-neutral-50"},{intent:"error",isHovered:!0,class:"bg-error-600 text-neutral-50"},{intent:"orangeWarning",isHovered:!0,class:"bg-orange-warning-600 text-neutral-50"},{intent:"yellowWarning",isHovered:!0,class:"bg-yellow-warning-600 text-neutral-50"},{intent:"info",isHovered:!0,class:"bg-primary-600 text-neutral-50"},{intent:"primary",isActive:!0,class:"bg-primary-900"},{intent:"secondary",isActive:!0,class:"bg-primary-300"},{intent:"tertiary",isActive:!0,class:"bg-primary-500 text-white"},{intent:"outline",isActive:!0,class:"border border-primary-500 bg-primary-300 text-primary-500"},{intent:"success",isActive:!0,class:"border border-transparent bg-success-300 text-success-600"},{intent:"error",isActive:!0,class:"border border-transparent bg-error-300 text-error-600"},{intent:"orangeWarning",isActive:!0,class:"border border-transparent bg-orange-warning-300 text-orange-warning-600"},{intent:"yellowWarning",isActive:!0,class:"border border-transparent bg-yellow-warning-300 text-yellow-warning-600"},{intent:"info",isActive:!0,class:"border border-transparent bg-primary-300 text-primary-600"}]});exports.buttonVariants=e;

package/dist/index.cjs6.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index.cjs3.js"),a=require("react-aria"),l=require("./index.cjs4.js");function u({className:t,label:s,size:r="sm"}){const n=(()=>{switch(r){case"xs":return"h-4 w-4 ";case"sm":return"h-8 w-8";case"md":return"h-12 w-12";case"lg":return"h-16 w-16";default:return"h-8 w-8"}})(),{visuallyHiddenProps:i}=a.useVisuallyHidden();return e.jsxRuntimeExports.jsxs("div",{role:"status",className:"flex flex-col items-center justify-center gap-1",children:[e.jsxRuntimeExports.jsxs("svg",{"aria-hidden":"true",className:l.cn(n,"mr-2 animate-spin fill-primary-500 text-neutral-500",t),viewBox:"0 0 100 101",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsxRuntimeExports.jsx("path",{d:"M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",fill:"currentColor"}),e.jsxRuntimeExports.jsx("path",{d:"M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",fill:"currentFill"})]}),s&&e.jsxRuntimeExports.jsx("span",{className:"text-base leading-6 text-primary-900",children:s}),e.jsxRuntimeExports.jsx("span",{...i,children:"..."})]})}exports.Loader=u;

package/dist/index.cjs7.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/index.cjs8.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index.cjs10.js"),R=require("react");/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var p;function a(){if(p)return t.__exports;p=1;var f=R,c=Symbol.for("react.element"),l=Symbol.for("react.fragment"),d=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,y={key:!0,ref:!0,__self:!0,__source:!0};function i(o,e,u){var r,n={},_=null,s=null;u!==void 0&&(_=""+u),e.key!==void 0&&(_=""+e.key),e.ref!==void 0&&(s=e.ref);for(r in e)d.call(e,r)&&!y.hasOwnProperty(r)&&(n[r]=e[r]);if(o&&o.defaultProps)for(r in e=o.defaultProps,e)n[r]===void 0&&(n[r]=e[r]);return{$$typeof:c,type:o,key:_,ref:s,props:n,_owner:m.current}}return t.__exports.Fragment=l,t.__exports.jsx=i,t.__exports.jsxs=i,t.__exports}exports.__require=a;

package/dist/index.cjs9.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./index.cjs11.js"),tr=require("react");/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var he;function nr(){return he||(he=1,process.env.NODE_ENV!=="production"&&function(){var Ee=tr,x=Symbol.for("react.element"),ye=Symbol.for("react.portal"),m=Symbol.for("react.fragment"),U=Symbol.for("react.strict_mode"),N=Symbol.for("react.profiler"),q=Symbol.for("react.provider"),B=Symbol.for("react.context"),T=Symbol.for("react.forward_ref"),k=Symbol.for("react.suspense"),D=Symbol.for("react.suspense_list"),C=Symbol.for("react.memo"),F=Symbol.for("react.lazy"),_e=Symbol.for("react.offscreen"),G=Symbol.iterator,Re="@@iterator";function me(e){if(e===null||typeof e!="object")return null;var r=G&&e[G]||e[Re];return typeof r=="function"?r:null}var b=Ee.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function f(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];Te("error",e,t)}}function Te(e,r,t){{var n=b.ReactDebugCurrentFrame,o=n.getStackAddendum();o!==""&&(r+="%s",t=t.concat([o]));var u=t.map(function(i){return String(i)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Ce=!1,Pe=!1,Se=!1,Oe=!1,we=!1,z;z=Symbol.for("react.module.reference");function je(e){return!!(typeof e=="string"||typeof e=="function"||e===m||e===N||we||e===U||e===k||e===D||Oe||e===_e||Ce||Pe||Se||typeof e=="object"&&e!==null&&(e.$$typeof===F||e.$$typeof===C||e.$$typeof===q||e.$$typeof===B||e.$$typeof===T||e.$$typeof===z||e.getModuleId!==void 0))}function xe(e,r,t){var n=e.displayName;if(n)return n;var o=r.displayName||r.name||"";return o!==""?t+"("+o+")":t}function J(e){return e.displayName||"Context"}function d(e){if(e==null)return null;if(typeof e.tag=="number"&&f("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 m:return"Fragment";case ye:return"Portal";case N:return"Profiler";case U:return"StrictMode";case k:return"Suspense";case D:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case B:var r=e;return J(r)+".Consumer";case q:var t=e;return J(t._context)+".Provider";case T:return xe(e,e.render,"ForwardRef");case C:var n=e.displayName||null;return n!==null?n:d(e.type)||"Memo";case F:{var o=e,u=o._payload,i=o._init;try{return d(i(u))}catch{return null}}}return null}var g=Object.assign,y=0,K,H,X,Z,Q,ee,re;function te(){}te.__reactDisabledLog=!0;function ke(){{if(y===0){K=console.log,H=console.info,X=console.warn,Z=console.error,Q=console.group,ee=console.groupCollapsed,re=console.groupEnd;var e={configurable:!0,enumerable:!0,value:te,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}y++}}function De(){{if(y--,y===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:g({},e,{value:K}),info:g({},e,{value:H}),warn:g({},e,{value:X}),error:g({},e,{value:Z}),group:g({},e,{value:Q}),groupCollapsed:g({},e,{value:ee}),groupEnd:g({},e,{value:re})})}y<0&&f("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var A=b.ReactCurrentDispatcher,I;function P(e,r,t){{if(I===void 0)try{throw Error()}catch(o){var n=o.stack.trim().match(/\n( *(at )?)/);I=n&&n[1]||""}return`
+`+I+e}}var W=!1,S;{var Fe=typeof WeakMap=="function"?WeakMap:Map;S=new Fe}function ne(e,r){if(!e||W)return"";{var t=S.get(e);if(t!==void 0)return t}var n;W=!0;var o=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=A.current,A.current=null,ke();try{if(r){var i=function(){throw Error()};if(Object.defineProperty(i.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(i,[])}catch(p){n=p}Reflect.construct(e,[],i)}else{try{i.call()}catch(p){n=p}e.call(i.prototype)}}else{try{throw Error()}catch(p){n=p}e()}}catch(p){if(p&&n&&typeof p.stack=="string"){for(var a=p.stack.split(`
+`),c=n.stack.split(`
+`),s=a.length-1,l=c.length-1;s>=1&&l>=0&&a[s]!==c[l];)l--;for(;s>=1&&l>=0;s--,l--)if(a[s]!==c[l]){if(s!==1||l!==1)do if(s--,l--,l<0||a[s]!==c[l]){var v=`
+`+a[s].replace(" at new "," at ");return e.displayName&&v.includes("<anonymous>")&&(v=v.replace("<anonymous>",e.displayName)),typeof e=="function"&&S.set(e,v),v}while(s>=1&&l>=0);break}}}finally{W=!1,A.current=u,De(),Error.prepareStackTrace=o}var E=e?e.displayName||e.name:"",be=E?P(E):"";return typeof e=="function"&&S.set(e,be),be}function Ae(e,r,t){return ne(e,!1)}function Ie(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function O(e,r,t){if(e==null)return"";if(typeof e=="function")return ne(e,Ie(e));if(typeof e=="string")return P(e);switch(e){case k:return P("Suspense");case D:return P("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case T:return Ae(e.render);case C:return O(e.type,r,t);case F:{var n=e,o=n._payload,u=n._init;try{return O(u(o),r,t)}catch{}}}return""}var w=Object.prototype.hasOwnProperty,ae={},ie=b.ReactDebugCurrentFrame;function j(e){if(e){var r=e._owner,t=O(e.type,e._source,r?r.type:null);ie.setExtraStackFrame(t)}else ie.setExtraStackFrame(null)}function We(e,r,t,n,o){{var u=Function.call.bind(w);for(var i in e)if(u(e,i)){var a=void 0;try{if(typeof e[i]!="function"){var c=Error((n||"React class")+": "+t+" type `"+i+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[i]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw c.name="Invariant Violation",c}a=e[i](r,i,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(s){a=s}a&&!(a instanceof Error)&&(j(o),f("%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,i,typeof a),j(null)),a instanceof Error&&!(a.message in ae)&&(ae[a.message]=!0,j(o),f("Failed %s type: %s",t,a.message),j(null))}}}var $e=Array.isArray;function $(e){return $e(e)}function Ye(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function Me(e){try{return oe(e),!1}catch{return!0}}function oe(e){return""+e}function ue(e){if(Me(e))return f("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ye(e)),oe(e)}var _=b.ReactCurrentOwner,Ve={key:!0,ref:!0,__self:!0,__source:!0},se,le,Y;Y={};function Le(e){if(w.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ue(e){if(w.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Ne(e,r){if(typeof e.ref=="string"&&_.current&&r&&_.current.stateNode!==r){var t=d(_.current.type);Y[t]||(f('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',d(_.current.type),e.ref),Y[t]=!0)}}function qe(e,r){{var t=function(){se||(se=!0,f("%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 Be(e,r){{var t=function(){le||(le=!0,f("%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 Ge=function(e,r,t,n,o,u,i){var a={$$typeof:x,type:e,key:r,ref:t,props:i,_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:o}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function ze(e,r,t,n,o){{var u,i={},a=null,c=null;t!==void 0&&(ue(t),a=""+t),Ue(r)&&(ue(r.key),a=""+r.key),Le(r)&&(c=r.ref,Ne(r,o));for(u in r)w.call(r,u)&&!Ve.hasOwnProperty(u)&&(i[u]=r[u]);if(e&&e.defaultProps){var s=e.defaultProps;for(u in s)i[u]===void 0&&(i[u]=s[u])}if(a||c){var l=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&qe(i,l),c&&Be(i,l)}return Ge(e,a,c,o,n,_.current,i)}}var M=b.ReactCurrentOwner,fe=b.ReactDebugCurrentFrame;function h(e){if(e){var r=e._owner,t=O(e.type,e._source,r?r.type:null);fe.setExtraStackFrame(t)}else fe.setExtraStackFrame(null)}var V;V=!1;function L(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}function ce(){{if(M.current){var e=d(M.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function Je(e){{if(e!==void 0){var r=e.fileName.replace(/^.*[\\\/]/,""),t=e.lineNumber;return`
+
+Check your code at `+r+":"+t+"."}return""}}var ve={};function Ke(e){{var r=ce();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+
+Check the top-level render call using <`+t+">.")}return r}}function de(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=Ke(r);if(ve[t])return;ve[t]=!0;var n="";e&&e._owner&&e._owner!==M.current&&(n=" It was passed a child from "+d(e._owner.type)+"."),h(e),f('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),h(null)}}function pe(e,r){{if(typeof e!="object")return;if($(e))for(var t=0;t<e.length;t++){var n=e[t];L(n)&&de(n,r)}else if(L(e))e._store&&(e._store.validated=!0);else if(e){var o=me(e);if(typeof o=="function"&&o!==e.entries)for(var u=o.call(e),i;!(i=u.next()).done;)L(i.value)&&de(i.value,r)}}}function He(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===T||r.$$typeof===C))t=r.propTypes;else return;if(t){var n=d(r);We(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!V){V=!0;var o=d(r);f("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",o||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&f("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Xe(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){h(e),f("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),h(null);break}}e.ref!==null&&(h(e),f("Invalid attribute `ref` supplied to `React.Fragment`."),h(null))}}function ge(e,r,t,n,o,u){{var i=je(e);if(!i){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 c=Je(o);c?a+=c:a+=ce();var s;e===null?s="null":$(e)?s="array":e!==void 0&&e.$$typeof===x?(s="<"+(d(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):s=typeof e,f("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=ze(e,r,t,o,u);if(l==null)return l;if(i){var v=r.children;if(v!==void 0)if(n)if($(v)){for(var E=0;E<v.length;E++)pe(v[E],e);Object.freeze&&Object.freeze(v)}else f("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 pe(v,e)}return e===m?Xe(l):He(l),l}}function Ze(e,r,t){return ge(e,r,t,!0)}function Qe(e,r,t){return ge(e,r,t,!1)}var er=Qe,rr=Ze;R.__exports.Fragment=m,R.__exports.jsx=er,R.__exports.jsxs=rr}()),R.__exports}exports.__require=nr;

package/dist/index.css

@@ -0,0 +1,9 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --font-open-sans: "Open Sans";
+  }
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export { Button, type BtnProps } from './components';

package/dist/index.es.js

@@ -0,0 +1,8 @@
+import { Button as e } from "./index.es2.js";
+import "./index.es3.js";
+import "react-aria";
+import "clsx";
+import "tailwind-merge";
+export {
+  e as Button
+};

package/dist/index.es10.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/dist/index.es11.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/dist/index.es2.js

@@ -0,0 +1,81 @@
+import { j as t } from "./index.es3.js";
+import { Button as I } from "react-aria-components";
+import { cn as b } from "./index.es4.js";
+import { buttonVariants as w } from "./index.es5.js";
+import { Loader as B } from "./index.es6.js";
+const h = ({
+  renderPosition: s,
+  leftIcon: o,
+  rightIcon: i,
+  isLoading: r,
+  loaderPosition: l,
+  loaderProps: e
+}) => {
+  const a = s === "left" ? o : s === "right" ? i : null;
+  return a || r && l === s ? /* @__PURE__ */ t.jsx("span", { className: s === "left" ? "mr-1" : "ml-1", children: r && l === s ? /* @__PURE__ */ t.jsx(B, { size: "sm", ...e }) : a }) : null;
+}, D = (s) => {
+  const {
+    intent: o = "primary",
+    size: i = "md",
+    leftIcon: r,
+    rightIcon: l,
+    isDisabled: e,
+    children: a,
+    className: x,
+    isLoading: n,
+    loaderPosition: f = "left",
+    loaderProps: u,
+    fullWidth: j = !1,
+    unstyled: p = !1,
+    focus: N = !0,
+    ...g
+  } = s, v = (m, c, d) => b(
+    p ? "" : w({
+      intent: o,
+      size: i,
+      isHovered: c,
+      isActive: m,
+      isDisabled: e,
+      isFocused: N || !p ? d : !1,
+      fullWidth: j,
+      isLoading: n
+    }),
+    x
+  );
+  return /* @__PURE__ */ t.jsxs(
+    I,
+    {
+      "data-disabled": e || void 0,
+      "data-loading": n || void 0,
+      isDisabled: e,
+      className: ({ isPressed: m, isHovered: c, isFocused: d }) => v(m, c, d),
+      ...g,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          h,
+          {
+            renderPosition: "left",
+            loaderPosition: f,
+            loaderProps: u,
+            isLoading: n,
+            leftIcon: r
+          }
+        ),
+        /* @__PURE__ */ t.jsx("span", { className: "flex h-full items-center overflow-hidden whitespace-nowrap", children: a }),
+        /* @__PURE__ */ t.jsx(
+          h,
+          {
+            renderPosition: "right",
+            loaderPosition: f,
+            loaderProps: u,
+            isLoading: n,
+            rightIcon: l
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  D as Button
+};

package/dist/index.es3.js

@@ -0,0 +1,8 @@
+import { __module as e } from "./index.es7.js";
+import { __require as r } from "./index.es8.js";
+import { __require as o } from "./index.es9.js";
+process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
+var m = e.exports;
+export {
+  m as j
+};

package/dist/index.es4.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};

package/dist/index.es5.js

@@ -0,0 +1,147 @@
+import { cva as r } from "class-variance-authority";
+const t = r(
+  "inline-flex select-none items-center justify-center text-center text-base font-semibold leading-6 transition duration-150 ease-in-out focus:outline-none",
+  {
+    variants: {
+      intent: {
+        primary: "bg-primary-500 text-primary-50",
+        secondary: "border border-primary-500 bg-primary-50 text-primary-500",
+        tertiary: "text-primary-500",
+        outline: "border border-primary-500 text-primary-500",
+        success: "border border-success-800 text-success-800",
+        error: "border border-error-800 text-error-800",
+        orangeWarning: "border border-orange-warning-800 text-orange-warning-800",
+        yellowWarning: "border border-yellow-warning-800 text-yellow-warning-800",
+        info: "border border-primary-800 text-primary-800"
+      },
+      size: {
+        sm: "rounded px-3 py-2",
+        md: "rounded-lg px-4 py-3",
+        lg: "rounded-lg px-6 py-4"
+      },
+      isDisabled: {
+        true: "pointer-events-none cursor-not-allowed border-none bg-neutral-400 text-neutral-600"
+      },
+      isHovered: {
+        true: ""
+      },
+      isActive: {
+        true: ""
+      },
+      fullWidth: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      isLoading: {
+        true: "pointer-events-none cursor-not-allowed opacity-70"
+      },
+      isFocused: {
+        true: "focus:outline-none focus:ring-2 focus:ring-sky-400 focus:ring-offset-2",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      intent: "primary",
+      size: "md"
+    },
+    compoundVariants: [
+      /* Hover State */
+      {
+        intent: "primary",
+        isHovered: !0,
+        class: "bg-primary-700"
+      },
+      {
+        intent: "secondary",
+        isHovered: !0,
+        class: "bg-primary-200"
+      },
+      {
+        intent: "tertiary",
+        isHovered: !0,
+        class: "bg-primary-300 text-primary-800"
+      },
+      {
+        intent: "outline",
+        isHovered: !0,
+        class: "bg-primary-500 text-primary-50"
+      },
+      {
+        intent: "success",
+        isHovered: !0,
+        class: "bg-success-600 text-neutral-50"
+      },
+      {
+        intent: "error",
+        isHovered: !0,
+        class: "bg-error-600 text-neutral-50"
+      },
+      {
+        intent: "orangeWarning",
+        isHovered: !0,
+        class: "bg-orange-warning-600 text-neutral-50"
+      },
+      {
+        intent: "yellowWarning",
+        isHovered: !0,
+        class: "bg-yellow-warning-600 text-neutral-50"
+      },
+      {
+        intent: "info",
+        isHovered: !0,
+        class: "bg-primary-600 text-neutral-50"
+      },
+      /* /Hover State */
+      /* Active State */
+      {
+        intent: "primary",
+        isActive: !0,
+        class: "bg-primary-900"
+      },
+      {
+        intent: "secondary",
+        isActive: !0,
+        class: "bg-primary-300"
+      },
+      {
+        intent: "tertiary",
+        isActive: !0,
+        class: "bg-primary-500 text-white"
+      },
+      {
+        intent: "outline",
+        isActive: !0,
+        class: "border border-primary-500 bg-primary-300 text-primary-500"
+      },
+      {
+        intent: "success",
+        isActive: !0,
+        class: "border border-transparent bg-success-300 text-success-600"
+      },
+      {
+        intent: "error",
+        isActive: !0,
+        class: "border border-transparent bg-error-300 text-error-600"
+      },
+      {
+        intent: "orangeWarning",
+        isActive: !0,
+        class: "border border-transparent bg-orange-warning-300 text-orange-warning-600"
+      },
+      {
+        intent: "yellowWarning",
+        isActive: !0,
+        class: "border border-transparent bg-yellow-warning-300 text-yellow-warning-600"
+      },
+      {
+        intent: "info",
+        isActive: !0,
+        class: "border border-transparent bg-primary-300 text-primary-600"
+      }
+      /* /Active State */
+    ]
+  }
+);
+export {
+  t as buttonVariants
+};

package/dist/index.es6.js

@@ -0,0 +1,52 @@
+import { j as e } from "./index.es3.js";
+import { useVisuallyHidden as a } from "react-aria";
+import { cn as l } from "./index.es4.js";
+function d({ className: s, label: r, size: t = "sm" }) {
+  const i = (() => {
+    switch (t) {
+      case "xs":
+        return "h-4 w-4 ";
+      case "sm":
+        return "h-8 w-8";
+      case "md":
+        return "h-12 w-12";
+      case "lg":
+        return "h-16 w-16";
+      default:
+        return "h-8 w-8";
+    }
+  })(), { visuallyHiddenProps: n } = a();
+  return /* @__PURE__ */ e.jsxs("div", { role: "status", className: "flex flex-col items-center justify-center gap-1", children: [
+    /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        "aria-hidden": "true",
+        className: l(i, "mr-2 animate-spin fill-primary-500 text-neutral-500", s),
+        viewBox: "0 0 100 101",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+              fill: "currentFill"
+            }
+          )
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ e.jsx("span", { className: "text-base leading-6 text-primary-900", children: r }),
+    /* @__PURE__ */ e.jsx("span", { ...n, children: "..." })
+  ] });
+}
+export {
+  d as Loader
+};

package/dist/index.es7.js

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/dist/index.es8.js

@@ -0,0 +1,32 @@
+import { __exports as t } from "./index.es10.js";
+import R from "react";
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var p;
+function v() {
+  if (p)
+    return t;
+  p = 1;
+  var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, d = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function i(o, r, u) {
+    var e, n = {}, _ = null, f = null;
+    u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
+    for (e in r)
+      c.call(r, e) && !y.hasOwnProperty(e) && (n[e] = r[e]);
+    if (o && o.defaultProps)
+      for (e in r = o.defaultProps, r)
+        n[e] === void 0 && (n[e] = r[e]);
+    return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: d.current };
+  }
+  return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
+}
+export {
+  v as __require
+};