@adamjanicki/ui 1.8.3 → 1.8.4

package/build/index.js

@@ -0,0 +1 @@
+import{default as e}from"./components/Accordion";import{default as a}from"./components/Alert";import{default as m}from"./components/Animated";import{default as u}from"./components/Avatar";import{default as d}from"./components/Badge";import{default as s}from"./components/Banner";import{default as i}from"./components/Box";import{default as B}from"./components/Button";export*from"./components/Button";import{default as y}from"./components/Carousel";import{default as I}from"./components/ClickOutside";import{default as b}from"./components/ErrorBoundary";import{default as v}from"./components/Hamburger";export*from"./components/Hamburger";import{default as L}from"./components/Icon";import{default as O}from"./components/Input";export*from"./components/Input";import{default as q}from"./components/Layer";import{default as z}from"./components/Modal";import{default as F}from"./components/Select";import{default as J}from"./components/Spinner";import{default as N}from"./components/ui";export*from"./hooks";export*from"./functions";export*from"./navigation";export{e as Accordion,a as Alert,m as Animated,u as Avatar,d as Badge,s as Banner,i as Box,B as Button,y as Carousel,I as ClickOutside,b as ErrorBoundary,v as Hamburger,L as Icon,O as Input,q as Layer,z as Modal,F as Select,J as Spinner,N as ui};

package/{components/Link → build/navigation}/Link.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import ui from "../ui";
-import { type VisualButtonProps } from "../Button/Button";
-import { Vfx } from "../../utils/types";
-export type LinkProps = Omit<React.ComponentProps<typeof ui.a>, "href"> & {
+import ui from "../components/ui";
+import { type VisualButtonProps } from "../components/Button/Button";
+import type { Vfx } from "../utils/types";
+type LinkProps = Omit<React.ComponentProps<typeof ui.a>, "href"> & {
     /**
      * URL to navigate to
      */

package/build/navigation/Link.js

@@ -0,0 +1 @@
+import{jsx as y}from"react/jsx-runtime";import c from"react";import d from"../components/ui";import{getButtonProps as h}from"../components/Button/Button";import x from"../functions/classNames";import N from"./RouterContext";import{getHref as O}from"./href";var o=function(){return o=Object.assign||function(r){for(var n,a=1,t=arguments.length;a<t;a++){n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},o.apply(this,arguments)},v=function(r,n){var a={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&n.indexOf(t)<0&&(a[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)n.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(a[t[e]]=r[t[e]]);return a};function k(r){return r.button===0&&!r.defaultPrevented&&!r.metaKey&&!r.altKey&&!r.ctrlKey&&!r.shiftKey}var g=c.forwardRef(function(r,n){var a=r.to,t=r.className,e=r.newTab,s=r.onClick,l=r.target,f=r.rel,u=v(r,["to","className","newTab","onClick","target","rel"]),i=c.useContext(N),m=i?O(a,i.location.pathname,i.basename):{type:"unknown",url:a};e&&(l="_blank",f="noreferrer noopener");var b=function(p){s==null||s(p),!(!i||e||m.type==="external"||m.type==="octo"||!k(p))&&(p.preventDefault(),i.navigate(a))};return y(d.a,o({},u,{href:m.url,target:l,rel:f,className:x("aui-action",t),onClick:b,ref:n}))}),T=c.forwardRef(function(r,n){var a=r.className,t=r.variant,e=r.vfx,s=r.size,l=v(r,["className","variant","vfx","size"]),f=h({variant:t,size:s}),u=f.vfx,i=f.className;return y(g,o({},l,{className:x(i,a),vfx:o(o({},u),e),ref:n}))}),w=c.forwardRef(function(r,n){var a=r.className,t=r.vfx,e=v(r,["className","vfx"]);return y(g,o({},e,{vfx:o({fontWeight:6},t),className:x("aui-link",a),ref:n}))}),B=w;export{T as ButtonLink,g as UnstyledLink,B as default};

package/build/navigation/PathParamsContext.js

@@ -0,0 +1 @@
+import t from"react";var a=t.createContext(null),r=a;export{r as default};

package/build/navigation/Route.js

@@ -0,0 +1 @@
+function t(u){return null}export{t as default};

package/build/navigation/Router.js

@@ -0,0 +1 @@
+import{jsx as d}from"react/jsx-runtime";import r from"react";import h from"./RouterContext";import{createHistory as R,getCurrentLocation as b}from"./history";import{getHref as g,normalizeBasename as x}from"./href";function y(i){var l=i.children,c=i.basename,e=c===void 0?"":c;e=x(e);var a=r.useRef(null);a.current||(a.current=R());var t=a.current,f=r.useState(b),o=f[0],v=f[1],s=r.useRef(o);r.useLayoutEffect(function(){var u=t.addListener(function(n){s.current=n,v(n)});return function(){u(),t.cleanup()}},[t]);var m=r.useCallback(function(u){var n=s.current.pathname;t.push(g(u,n,e).url)},[t,e]),p=r.useMemo(function(){return{location:o,navigate:m,basename:e}},[o,m,e]);return d(h.Provider,{value:p,children:l})}export{y as default};

package/build/navigation/RouterContext.js

@@ -0,0 +1 @@
+import t from"react";var e=t.createContext(null),r=e;export{r as default};

package/{router → build/navigation}/Routes.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Children } from "../utils/types";
+import type { Children } from "../utils/types";
 export type Props = {
     /**
      * Child <Route> elements to switch between.

package/build/navigation/Routes.js

@@ -0,0 +1 @@
+import{jsx as d}from"react/jsx-runtime";import R from"react";import{matchPath as x}from"./path";import b from"./PathParamsContext";import y from"./Route";import C from"./hooks/useRouterContext";import{stripBasename as P}from"./href";function j(t){return t.filter(function(r){return R.isValidElement(r)&&r.type===y})}function k(t){for(var r=t.children,i=t.fallback,a=C("<Routes>"),f=a.location,l=a.basename,u=P(f.pathname,l),p=Array.isArray(r)?r:[r],s=j(p),e=0,o=s;e<o.length;e++){var v=o[e],n=v.props,c=n.path,h=n.element,m=x(c,u);if(m)return d(b.Provider,{value:m,children:h})}return i}export{k as default};

package/build/navigation/history.js

@@ -0,0 +1 @@
+function s(){return{pathname:window.location.pathname,search:window.location.search,hash:window.location.hash}}function u(){var t=new Set,i=function(){var n=s();t.forEach(function(a){return a(n)})},e=!1,r=function(){e||(window.addEventListener("popstate",i),e=!0)},o=function(){e&&(window.removeEventListener("popstate",i),e=!1)};return{push:function(n){window.history.pushState(null,"",n),i()},addListener:function(n){return r(),t.add(n),function(){t.delete(n),t.size===0&&o()}},cleanup:function(){o(),t.clear()}}}export{u as createHistory,s as getCurrentLocation};

package/build/navigation/hooks/useLocation.js

@@ -0,0 +1 @@
+import t from"./useRouterContext";function e(){var o=t("useLocation()").location;return o}export{e as default};

package/build/navigation/hooks/useNavigate.js

@@ -0,0 +1 @@
+import t from"./useRouterContext";function a(){var e=t("useNavigate()").navigate;return e}export{a as default};

package/build/navigation/hooks/usePathParams.js

@@ -0,0 +1 @@
+import r from"react";import a from"../PathParamsContext";function e(){var t=r.useContext(a);if(!t)throw new Error("usePathParams() must be used inside of a <Router> component");return t}export{e as default};

package/build/navigation/hooks/useRouterContext.js

@@ -0,0 +1 @@
+import e from"react";import r from"../RouterContext";function n(o){var t=e.useContext(r);if(!t)throw new Error("".concat(o," must be used inside of a <Router> component"));return t}export{n as default};

package/build/navigation/hooks/useSearchParams.js

@@ -0,0 +1 @@
+import o from"react";import m from"./useRouterContext";function v(i){var e=new URLSearchParams(i),a={};return e.forEach(function(n,t){var r=a[t];r===void 0?a[t]=n:Array.isArray(r)?r.push(n):a[t]=[r,n]}),a}function l(i){var e=new URLSearchParams;Object.entries(i).forEach(function(n){var t=n[0],r=n[1];r!==void 0&&(Array.isArray(r)?r.forEach(function(s){return e.append(t,s)}):e.set(t,r))});var a=e.toString();return a?"?".concat(a):""}function p(){var i=m("useSearchParams()"),e=i.location,a=i.navigate,n=e.pathname,t=e.hash,r=e.search,s=o.useMemo(function(){return v(r)},[r]),u=o.useCallback(function(c){var f=typeof c=="function"?c(s):c,h=n+l(f)+t;a(h)},[a,n,t,s]);return[s,u]}export{p as default};

package/build/navigation/href.js

@@ -0,0 +1 @@
+import{popSlash as e,prependSlash as f}from"./string";function s(r,t,i){if(l(r))return{type:"external",url:r};if(r.startsWith("#"))return{type:"octo",url:r};var u="internal";return r.startsWith("/")?{type:u,url:i+r}:(t=n(f(t),i),!r||r.startsWith("#")?{type:u,url:i+t+r}:{type:u,url:i+e(t)+f(r)})}function c(r){return!r||r==="/"?"":f(e(r))}function l(r){return/^(https?:\/\/|mailto:|tel:)/i.test(r)}function n(r,t){return t?r===t?"/":r.startsWith(t+"/")?r.slice(t.length):r:r}export{s as getHref,l as isExternal,c as normalizeBasename,n as stripBasename};

package/{router → build/navigation}/index.d.ts

@@ -5,3 +5,4 @@ export { default as useSearchParams } from "./hooks/useSearchParams";
 export { default as Router } from "./Router";
 export { default as Route } from "./Route";
 export { default as Routes } from "./Routes";
+export { default as Link, UnstyledLink, ButtonLink } from "./Link";

package/build/navigation/index.js

@@ -0,0 +1 @@
+import{default as t}from"./hooks/useLocation";import{default as r}from"./hooks/useNavigate";import{default as s}from"./hooks/usePathParams";import{default as m}from"./hooks/useSearchParams";import{default as l}from"./Router";import{default as x}from"./Route";import{default as i}from"./Routes";import{default as k,UnstyledLink as P,ButtonLink as R}from"./Link";export{R as ButtonLink,k as Link,x as Route,l as Router,i as Routes,P as UnstyledLink,t as useLocation,r as useNavigate,s as usePathParams,m as useSearchParams};

package/build/navigation/path.js

@@ -0,0 +1 @@
+import{popSlash as h,prependSlash as m}from"./string";function u(r){return r=m(r),r.length>1&&(r=h(r)),r}function d(r,v){var l=u(r),t=u(v);if(!l.includes(":"))return l===t?{}:!1;var n=l.split("/").filter(Boolean),i=t.split("/").filter(Boolean);if(n.length!==i.length)return!1;for(var f={},e=0;e<n.length;e++){var a=n[e],s=i[e];if(a.startsWith(":")){var o=a.slice(1).trim();if(!o)return!1;f[o]=s}else if(a!==s)return!1}return f}export{d as matchPath};

package/build/navigation/string.js

@@ -0,0 +1 @@
+function n(e){return e.startsWith("/")?e:"/".concat(e)}function t(e){return e.replace(/\/$/,"")}export{t as popSlash,n as prependSlash};

package/build/utils/transformVfx.js

@@ -0,0 +1 @@
+var c={pos:function(n){var r=n.pos;return"aui-pos-".concat(r)},axis:function(n){var r=n.axis;return"aui-flex-".concat(r)},gap:function(n){var r=n.gap;return"aui-gap-".concat(r)},align:function(n){var r=n.align;return"aui-align-".concat(r)},justify:function(n){var r=n.justify;return"aui-justify-".concat(r)},stretch:function(n){var r=n.stretch;return"aui-stretch-".concat(r)},wrap:function(){return"aui-flex-wrap"},overflow:function(n){var r=n.overflow;return"aui-ov-".concat(r)},overflowX:function(n){var r=n.overflowX;return"aui-ov-x-".concat(r)},overflowY:function(n){var r=n.overflowY;return"aui-ov-y-".concat(r)},z:function(n){var r=n.z;return"aui-z-".concat(r)},padding:function(n){var r=n.padding;return"aui-pa-".concat(r)},paddingX:function(n){var r=n.paddingX,a=n.paddingLeft,i=n.paddingRight,t=[];return a||t.push("aui-pl-".concat(r)),i||t.push("aui-pr-".concat(r)),t.join(" ")},paddingY:function(n){var r=n.paddingY,a=n.paddingTop,i=n.paddingBottom,t=[];return a||t.push("aui-pt-".concat(r)),i||t.push("aui-pb-".concat(r)),t.join(" ")},paddingTop:function(n){var r=n.paddingTop;return"aui-pt-".concat(r)},paddingBottom:function(n){var r=n.paddingBottom;return"aui-pb-".concat(r)},paddingLeft:function(n){var r=n.paddingLeft;return"aui-pl-".concat(r)},paddingRight:function(n){var r=n.paddingRight;return"aui-pr-".concat(r)},margin:function(n){var r=n.margin;return"aui-ma-".concat(r)},marginX:function(n){var r=n.marginX,a=n.marginLeft,i=n.marginRight,t=[];return a||t.push("aui-ml-".concat(r)),i||t.push("aui-mr-".concat(r)),t.join(" ")},marginY:function(n){var r=n.marginY,a=n.marginTop,i=n.marginBottom,t=[];return a||t.push("aui-mt-".concat(r)),i||t.push("aui-mb-".concat(r)),t.join(" ")},marginTop:function(n){var r=n.marginTop;return"aui-mt-".concat(r)},marginBottom:function(n){var r=n.marginBottom;return"aui-mb-".concat(r)},marginLeft:function(n){var r=n.marginLeft;return"aui-ml-".concat(r)},marginRight:function(n){var r=n.marginRight;return"aui-mr-".concat(r)},width:function(n){var r=n.width;return"aui-w-".concat(r)},maxWidth:function(n){var r=n.maxWidth;return"aui-mw-".concat(r)},height:function(n){var r=n.height;return"aui-h-".concat(r)},maxHeight:function(n){var r=n.maxHeight;return"aui-mh-".concat(r)},radius:function(n){var r=n.radius;return"aui-radius-".concat(r)},border:function(){return"aui-ba"},borderTop:function(){return"aui-bt"},borderBottom:function(){return"aui-bb"},borderLeft:function(){return"aui-bl"},borderRight:function(){return"aui-br"},borderWidth:function(n){var r=n.borderWidth;return"aui-bw-".concat(r)},borderStyle:function(n){var r=n.borderStyle;return"aui-bs-".concat(r)},borderColor:function(n){var r=n.borderColor;return"aui-bc-".concat(r)},shadow:function(n){var r=n.shadow;return"aui-shadow-".concat(r)},opacity:function(n){var r=n.opacity;return"aui-op-".concat(r)},fontSize:function(n){var r=n.fontSize;return"aui-f-".concat(r)},fontWeight:function(n){var r=n.fontWeight;return"aui-fw-".concat(r)},textAlign:function(n){var r=n.textAlign;return"aui-ta-".concat(r)},italics:function(){return"aui-it"},color:function(n){var r=n.color;return"aui-c-".concat(r)},backgroundColor:function(n){var r=n.backgroundColor;return"aui-bg-".concat(r)},cursor:function(n){var r=n.cursor;return"aui-cursor-".concat(r)}};function e(n){if(!n)return null;var r=[];return Object.entries(n).forEach(function(a){var i=a[0],t=a[1],u=c[i],o=u(n);t&&o&&r.push(o)}),r.join(" ")||null}export{e as default};

package/{utils → build/utils}/types.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import type * as React from "react";
 export type ReadonlyableArray<T> = readonly T[] | T[];
 export type Children = React.ReactNode | ReadonlyableArray<React.ReactNode>;
 export type ContentType = "success" | "warning" | "error" | "info" | "static";

package/package.json

@@ -1,24 +1,34 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.8.3",
+  "version": "1.8.4",
   "description": "Basic UI components and hooks for React in TypeScript",
   "type": "module",
-  "main": "./index.js",
-  "types": "./index.d.ts",
+  "main": "./build/index.js",
+  "module": "./build/index.js",
+  "types": "./build/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "build"
+  ],
   "author": "Adam Janicki",
   "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/adamjanicki2/ui.git"
   },
+  "exports": {
+    ".": {
+      "types": "./build/index.d.ts",
+      "import": "./build/index.js"
+    },
+    "./style.css": "./build/style.css"
+  },
   "scripts": {
     "clean": "python clean.py",
     "lint": "eslint src test --max-warnings=0",
-    "test": "jest",
-    "scss": "sass --no-source-map --style=compressed src/style.scss style.css",
-    "build": "npm run clean && npm run lint && npm test && tsc && npm run scss",
-    "prepare": "npm run build",
-    "dryrun": "npm publish --dry-run"
+    "test": "jest --silent",
+    "build": "npm test && npm run lint && python build.py",
+    "prepare": "npm run build"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -31,6 +41,7 @@
     "@types/jest": "^30.0.0",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19.2.3",
+    "esbuild": "^0.27.2",
     "jest": "^30.0.5",
     "jest-environment-jsdom": "^30.0.5",
     "sass": "^1.90.0",

package/components/Accordion/Accordion.js

@@ -1,56 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useRef, useState, useEffect } from "react";
-import Box from "../Box/Box";
-import Icon from "../Icon";
-import { UnstyledButton } from "../Button";
-import Animated from "../Animated";
-var Accordion = React.forwardRef(function (_a, ref) {
-    var drawers = _a.drawers, duration = _a.duration, hideDividers = _a.hideDividers, vfx = _a.vfx, rest = __rest(_a, ["drawers", "duration", "hideDividers", "vfx"]);
-    return (_jsx(Box, __assign({ vfx: __assign({ axis: "y", radius: "rounded", color: "default", backgroundColor: "default", shadow: "subtle", border: true }, vfx) }, rest, { ref: ref, children: drawers.map(function (item, i) { return (_jsx(Drawer, { item: item, duration: duration, showDivider: !hideDividers && i < drawers.length - 1 }, i)); }) })));
-});
-var Drawer = function (_a) {
-    var item = _a.item, duration = _a.duration, showDivider = _a.showDivider;
-    var boxRef = useRef(null);
-    var _b = useState(), height = _b[0], setHeight = _b[1];
-    var children = item.content, open = item.open, onOpenChange = item.onOpenChange;
-    useEffect(function () {
-        if (open && children && boxRef.current) {
-            setHeight(boxRef.current.offsetHeight);
-        }
-    }, [open, children]);
-    // TODO: change this to use calc-size when supported
-    // https://developer.mozilla.org/en-US/docs/Web/CSS/calc-size#browser_compatibility
-    return (_jsx(_Fragment, { children: _jsxs(Box, { vfx: { axis: "y", borderBottom: showDivider }, children: [_jsx(UnstyledButton, { onClick: function () { return onOpenChange(!open); }, children: _jsxs(Box, { vfx: { axis: "x", align: "center", gap: "s", padding: "m" }, children: [_jsx(Icon, { vfx: { color: "muted" }, size: "xs", icon: open ? "chevron-down" : "chevron-right" }), _jsx(Box, { vfx: { fontWeight: 6 }, children: item.label })] }) }), _jsx(Animated, { vfx: { overflow: "hidden" }, keepMounted: true, duration: duration, visible: open, animateFrom: {
-                        style: {
-                            visibility: "hidden",
-                            height: 0,
-                            transform: "translateY(-4px)",
-                            opacity: 0.9,
-                        },
-                    }, animateTo: {
-                        style: { height: height, transform: "translateY(0)", opacity: 1 },
-                    }, children: _jsx(Box, { ref: boxRef, children: children }) })] }) }));
-};
-export default Accordion;

package/components/Accordion/index.d.ts

@@ -1,2 +0,0 @@
-import Accordion from "./Accordion";
-export default Accordion;

package/components/Accordion/index.js

@@ -1,2 +0,0 @@
-import Accordion from "./Accordion";
-export default Accordion;

package/components/Alert/Alert.js

@@ -1,31 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import classNames from "../../functions/classNames";
-import Box from "../Box/Box";
-var Alert = React.forwardRef(function (_a, ref) {
-    var type = _a.type, vfx = _a.vfx, className = _a.className, rest = __rest(_a, ["type", "vfx", "className"]);
-    return (_jsx(Box, __assign({}, rest, { vfx: __assign({ radius: "rounded", fontWeight: 4, padding: "m" }, vfx), className: classNames("aui-alert aui-content-".concat(type), className), ref: ref })));
-});
-export default Alert;

package/components/Alert/index.d.ts

@@ -1,2 +0,0 @@
-import Alert from "./Alert";
-export default Alert;

package/components/Alert/index.js

@@ -1,2 +0,0 @@
-import Alert from "./Alert";
-export default Alert;

package/components/Animated/Animated.js

@@ -1,94 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef } from "react";
-import classNames from "../../functions/classNames";
-import Box from "../Box/Box";
-var Animated = React.forwardRef(function (props, ref) {
-    var visible = props.visible, _a = props.duration, duration = _a === void 0 ? 0.25 : _a, _b = props.keepMounted, keepMounted = _b === void 0 ? false : _b, _c = props.transitionProperties, transitionProperties = _c === void 0 ? ["all"] : _c, animateTo = props.animateTo, animateFrom = props.animateFrom, className = props.className, vfx = props.vfx, style = props.style, rest = __rest(props, ["visible", "duration", "keepMounted", "transitionProperties", "animateTo", "animateFrom", "className", "vfx", "style"]);
-    var forwardDuration = typeof duration === "number" ? duration : duration.forward;
-    var reverseDuration = typeof duration === "number" ? duration : duration.reverse;
-    var instantForward = forwardDuration <= 0;
-    var instantReverse = reverseDuration <= 0;
-    var _d = useState("from"), phase = _d[0], setPhase = _d[1];
-    var timeoutRef = useRef(null);
-    var animationFrameRef = useRef(null);
-    var clearRefs = function () {
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        if (animationFrameRef.current) {
-            cancelAnimationFrame(animationFrameRef.current);
-            animationFrameRef.current = null;
-        }
-    };
-    useEffect(function () {
-        clearRefs();
-        if (visible) {
-            if (phase !== "forward") {
-                if (instantForward) {
-                    setPhase("forward");
-                }
-                else {
-                    animationFrameRef.current = requestAnimationFrame(function () {
-                        return setPhase("forward");
-                    });
-                }
-            }
-        }
-        else if (phase !== "from") {
-            if (instantReverse) {
-                setPhase("from");
-            }
-            else if (phase !== "reverse") {
-                setPhase("reverse");
-            }
-            else if (phase === "reverse") {
-                timeoutRef.current = window.setTimeout(function () { return setPhase("from"); }, reverseDuration * 1000);
-            }
-        }
-        return clearRefs;
-    }, [visible, phase, instantForward, instantReverse, reverseDuration]);
-    if (phase === "from" && !keepMounted && !visible)
-        return null;
-    var currentAnimation = phase === "forward" || (visible && instantForward)
-        ? animateTo
-        : animateFrom;
-    var transition = undefined;
-    if (phase === "forward" && !instantForward) {
-        transition = makeTransition(transitionProperties, forwardDuration);
-    }
-    else if (phase === "reverse" && !instantReverse) {
-        transition = makeTransition(transitionProperties, reverseDuration);
-    }
-    return (_jsx(Box, __assign({ className: classNames(className, currentAnimation === null || currentAnimation === void 0 ? void 0 : currentAnimation.className), style: __assign(__assign({ transition: transition }, style), currentAnimation === null || currentAnimation === void 0 ? void 0 : currentAnimation.style), vfx: __assign(__assign({}, vfx), currentAnimation === null || currentAnimation === void 0 ? void 0 : currentAnimation.vfx) }, rest, { ref: ref })));
-});
-var makeTransition = function (transitionProperties, duration) {
-    return transitionProperties.length > 0
-        ? transitionProperties
-            .map(function (prop) { return "".concat(prop, " ").concat(duration, "s ease-in-out"); })
-            .join(", ")
-        : undefined;
-};
-export default Animated;

package/components/Animated/index.d.ts

@@ -1,2 +0,0 @@
-import Animated from "./Animated";
-export default Animated;

package/components/Animated/index.js

@@ -1,2 +0,0 @@
-import Animated from "./Animated";
-export default Animated;

package/components/Avatar/Avatar.js

@@ -1,57 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState } from "react";
-import ui from "../ui";
-import Box from "../Box/Box";
-import { classNames } from "../../functions";
-var Avatar = React.forwardRef(function (_a, ref) {
-    var _b = _a.size, size = _b === void 0 ? "s" : _b, backgroundImage = _a.backgroundImage, className = _a.className, style = _a.style, username = _a.username, vfx = _a.vfx, rest = __rest(_a, ["size", "backgroundImage", "className", "style", "username", "vfx"]);
-    var _c = useState(false), imageError = _c[0], setImageError = _c[1];
-    var useFallback = imageError || !backgroundImage;
-    var color = chooseColor(username);
-    var avatarClassName = undefined;
-    if (useFallback) {
-        avatarClassName = classNames(avatarClassName, "aui-avatar-".concat(color));
-    }
-    var imageClassName = undefined;
-    var avatarStyle = {};
-    var imageStyle = undefined;
-    if (typeof size === "number") {
-        avatarStyle = { width: size, height: size, fontSize: 0.8 * size };
-        imageStyle = { width: size, height: size };
-    }
-    else {
-        avatarClassName = classNames(avatarClassName, "aui-avatar-".concat(size));
-        imageClassName = "aui-avatar-".concat(size);
-    }
-    var fallbackCharacter = username[0];
-    return (_jsx(Box, __assign({ className: classNames(avatarClassName, className), style: __assign(__assign({}, avatarStyle), style), vfx: __assign({ radius: "rounded", overflow: "hidden", fontWeight: 6, textAlign: "center" }, vfx) }, rest, { ref: ref, children: !useFallback ? (_jsx(ui.img, { src: backgroundImage, alt: "", className: imageClassName, onError: function () { return setImageError(true); }, style: imageStyle })) : (fallbackCharacter) })));
-});
-var colorOptions = ["red", "yellow", "green", "blue", "purple"];
-// simple deterministic "hash" to get a background color
-function chooseColor(username) {
-    return colorOptions[username.split("").reduce(function (sum, char) { return sum + char.charCodeAt(0); }, 0) %
-        colorOptions.length];
-}
-export default Avatar;

package/components/Avatar/index.d.ts

@@ -1,2 +0,0 @@
-import Avatar from "./Avatar";
-export default Avatar;

package/components/Avatar/index.js

@@ -1,2 +0,0 @@
-import Avatar from "./Avatar";
-export default Avatar;

package/components/Badge/Badge.js

@@ -1,31 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import classNames from "../../functions/classNames";
-import Box from "../Box/Box";
-var Badge = React.forwardRef(function (_a, ref) {
-    var type = _a.type, className = _a.className, vfx = _a.vfx, rest = __rest(_a, ["type", "className", "vfx"]);
-    return (_jsx(Box, __assign({}, rest, { vfx: __assign({ radius: "rounded", paddingY: "xxs", paddingX: "xs", fontWeight: 5, fontSize: "s", width: "fit" }, vfx), className: classNames("aui-badge aui-content-".concat(type), className), ref: ref })));
-});
-export default Badge;

package/components/Badge/index.d.ts

@@ -1,2 +0,0 @@
-import Badge from "./Badge";
-export default Badge;

package/components/Badge/index.js

@@ -1,2 +0,0 @@
-import Badge from "./Badge";
-export default Badge;

package/components/Banner/Banner.js

@@ -1,31 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import classNames from "../../functions/classNames";
-import Box from "../Box/Box";
-var Banner = React.forwardRef(function (_a, ref) {
-    var type = _a.type, className = _a.className, vfx = _a.vfx, rest = __rest(_a, ["type", "className", "vfx"]);
-    return (_jsx(Box, __assign({}, rest, { vfx: __assign({ fontWeight: 4, paddingY: "l", paddingX: "xl", width: "full" }, vfx), className: classNames("aui-content-".concat(type), className), ref: ref })));
-});
-export default Banner;

package/components/Banner/index.d.ts

@@ -1,2 +0,0 @@
-import Banner from "./Banner";
-export default Banner;

package/components/Banner/index.js

@@ -1,2 +0,0 @@
-import Banner from "./Banner";
-export default Banner;

package/components/Box/Box.js

@@ -1,3 +0,0 @@
-import ui from "../ui";
-var Box = ui.div;
-export default Box;

package/components/Box/index.d.ts

@@ -1,2 +0,0 @@
-import Box from "./Box";
-export default Box;

package/components/Box/index.js

@@ -1,2 +0,0 @@
-import Box from "./Box";
-export default Box;

package/components/Button/Button.js

@@ -1,52 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-import classNames from "../../functions/classNames";
-import Icon from "../Icon/Icon";
-import ui from "../ui";
-export var UnstyledButton = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(ui.button, __assign({}, props, { className: classNames("aui-action aui-button", className), ref: ref })));
-});
-export var IconButton = React.forwardRef(function (_a, ref) {
-    var icon = _a.icon, size = _a.size, vfx = _a.vfx, iconProps = _a.iconProps, _b = _a.variant, variant = _b === void 0 ? "dim" : _b, className = _a.className, rest = __rest(_a, ["icon", "size", "vfx", "iconProps", "variant", "className"]);
-    return (_jsx(UnstyledButton, __assign({}, rest, { vfx: __assign({ axis: "x", align: "center", justify: "center" }, vfx), className: classNames("aui-".concat(variant), className), ref: ref, children: _jsx(Icon, __assign({ icon: icon, size: size }, iconProps)) })));
-});
-var vfxBySize = {
-    small: { fontSize: "xs", padding: "xs" },
-    regular: { padding: "s" },
-};
-var Button = React.forwardRef(function (_a, ref) {
-    var variant = _a.variant, className = _a.className, vfx = _a.vfx, size = _a.size, rest = __rest(_a, ["variant", "className", "vfx", "size"]);
-    var _b = getButtonProps({ variant: variant, size: size }), additionalVfx = _b.vfx, additionalClassName = _b.className;
-    return (_jsx(UnstyledButton, __assign({}, rest, { vfx: __assign(__assign({}, additionalVfx), vfx), className: classNames(additionalClassName, className), ref: ref })));
-});
-export var getButtonProps = function (_a) {
-    var _b = _a.variant, variant = _b === void 0 ? "primary" : _b, _c = _a.size, size = _c === void 0 ? "regular" : _c;
-    return ({
-        className: "aui-button-".concat(variant),
-        vfx: __assign(__assign({}, vfxBySize[size]), { radius: "rounded", fontWeight: 6 }),
-    });
-};
-export default Button;

package/components/Button/index.d.ts

@@ -1,3 +0,0 @@
-import Button, { UnstyledButton, IconButton } from "./Button";
-export { UnstyledButton, IconButton };
-export default Button;

package/components/Button/index.js

@@ -1,3 +0,0 @@
-import Button, { UnstyledButton, IconButton } from "./Button";
-export { UnstyledButton, IconButton };
-export default Button;