@adamjanicki/ui 1.8.3 → 1.8.5

package/components/Accordion/Accordion.js

@@ -1,56 +1 @@
-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;
+import{jsx as i,jsxs as h,Fragment as p}from"react/jsx-runtime";import g,{useRef as x,useState as y,useEffect as b}from"react";import d from"../Box/Box";import w from"../Icon";import{UnstyledButton as O}from"../Button";import j from"../Animated";var u=function(){return u=Object.assign||function(r){for(var n,o=1,e=arguments.length;o<e;o++){n=arguments[o];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[t]=n[t])}return r},u.apply(this,arguments)},m=function(r,n){var o={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&n.indexOf(e)<0&&(o[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(r);t<e.length;t++)n.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(r,e[t])&&(o[e[t]]=r[e[t]]);return o},D=g.forwardRef(function(r,n){var o=r.drawers,e=r.duration,t=r.hideDividers,f=r.vfx,c=m(r,["drawers","duration","hideDividers","vfx"]);return i(d,u({vfx:u({axis:"y",radius:"rounded",color:"default",backgroundColor:"default",shadow:"subtle",border:!0},f)},c,{ref:n,children:o.map(function(l,a){return i(_,{item:l,duration:e,showDivider:!t&&a<o.length-1},a)})}))}),_=function(r){var n=r.item,o=r.duration,e=r.showDivider,t=x(null),f=y(),c=f[0],l=f[1],a=n.content,s=n.open,v=n.onOpenChange;return b(function(){s&&a&&t.current&&l(t.current.offsetHeight)},[s,a]),i(p,{children:h(d,{vfx:{axis:"y",borderBottom:e},children:[i(O,{onClick:function(){return v(!s)},children:h(d,{vfx:{axis:"x",align:"center",gap:"s",padding:"m"},children:[i(w,{vfx:{color:"muted"},size:"xs",icon:s?"chevron-down":"chevron-right"}),i(d,{vfx:{fontWeight:6},children:n.label})]})}),i(j,{vfx:{overflow:"hidden"},keepMounted:!0,duration:o,visible:s,animateFrom:{style:{visibility:"hidden",height:0,transform:"translateY(-4px)",opacity:.9}},animateTo:{style:{height:c,transform:"translateY(0)",opacity:1}},children:i(d,{ref:t,children:a})})]})})},S=D;export{S as default};

package/components/Accordion/index.d.ts

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

package/components/Accordion/index.js

@@ -1,2 +1 @@
-import Accordion from "./Accordion";
-export default Accordion;
+import{default as o}from"./Accordion";export{o as default};

package/components/Alert/Alert.js

@@ -1,31 +1 @@
-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;
+import{jsx as c}from"react/jsx-runtime";import i from"react";import l from"../../functions/classNames";import m from"../Box/Box";var o=function(){return o=Object.assign||function(t){for(var a,n=1,r=arguments.length;n<r;n++){a=arguments[n];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(t[e]=a[e])}return t},o.apply(this,arguments)},s=function(t,a){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&a.indexOf(r)<0&&(n[r]=t[r]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,r=Object.getOwnPropertySymbols(t);e<r.length;e++)a.indexOf(r[e])<0&&Object.prototype.propertyIsEnumerable.call(t,r[e])&&(n[r[e]]=t[r[e]]);return n},p=i.forwardRef(function(t,a){var n=t.type,r=t.vfx,e=t.className,f=s(t,["type","vfx","className"]);return c(m,o({},f,{vfx:o({radius:"rounded",fontWeight:4,padding:"m"},r),className:l("aui-alert aui-content-".concat(n),e),ref:a}))}),O=p;export{O as default};

package/components/Alert/index.d.ts

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

package/components/Alert/index.js

@@ -1,2 +1 @@
-import Alert from "./Alert";
-export default Alert;
+import{default as o}from"./Alert";export{o as default};

package/components/Animated/Animated.js

@@ -1,94 +1 @@
-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;
+import{jsx as A}from"react/jsx-runtime";import M,{useState as S,useEffect as D,useRef as g}from"react";import E from"../../functions/classNames";import q from"../Box/Box";var f=function(){return f=Object.assign||function(e){for(var a,n=1,t=arguments.length;n<t;n++){a=arguments[n];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},f.apply(this,arguments)},k=function(e,a){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,t=Object.getOwnPropertySymbols(e);r<t.length;r++)a.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(n[t[r]]=e[t[r]]);return n},B=M.forwardRef(function(e,a){var n=e.visible,t=e.duration,r=t===void 0?.25:t,y=e.keepMounted,j=y===void 0?!1:y,b=e.transitionProperties,w=b===void 0?["all"]:b,p=e.animateTo,F=e.animateFrom,P=e.className,R=e.vfx,N=e.style,T=k(e,["visible","duration","keepMounted","transitionProperties","animateTo","animateFrom","className","vfx","style"]),_=typeof r=="number"?r:r.forward,s=typeof r=="number"?r:r.reverse,l=_<=0,v=s<=0,h=S("from"),i=h[0],u=h[1],m=g(null),c=g(null),O=function(){m.current&&(clearTimeout(m.current),m.current=null),c.current&&(cancelAnimationFrame(c.current),c.current=null)};if(D(function(){return O(),n?i!=="forward"&&(l?u("forward"):c.current=requestAnimationFrame(function(){return u("forward")})):i!=="from"&&(v?u("from"):i!=="reverse"?u("reverse"):i==="reverse"&&(m.current=window.setTimeout(function(){return u("from")},s*1e3))),O},[n,i,l,v,s]),i==="from"&&!j&&!n)return null;var o=i==="forward"||n&&l?p:F,d=void 0;return i==="forward"&&!l?d=x(w,_):i==="reverse"&&!v&&(d=x(w,s)),A(q,f({className:E(P,o==null?void 0:o.className),style:f(f({transition:d},N),o==null?void 0:o.style),vfx:f(f({},R),o==null?void 0:o.vfx)},T,{ref:a}))}),x=function(e,a){return e.length>0?e.map(function(n){return"".concat(n," ").concat(a,"s ease-in-out")}).join(", "):void 0},H=B;export{H as default};

package/components/Animated/index.d.ts

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

package/components/Animated/index.js

@@ -1,2 +1 @@
-import Animated from "./Animated";
-export default Animated;
+import{default as o}from"./Animated";export{o as default};

package/components/Avatar/Avatar.js

@@ -1,57 +1 @@
-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;
+import{jsx as g}from"react/jsx-runtime";import S,{useState as k}from"react";import C from"../ui";import I from"../Box/Box";import{classNames as i}from"../../functions";var o=function(){return o=Object.assign||function(r){for(var n,a=1,e=arguments.length;a<e;a++){n=arguments[a];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(r[t]=n[t])}return r},o.apply(this,arguments)},N=function(r,n){var a={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&n.indexOf(e)<0&&(a[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var t=0,e=Object.getOwnPropertySymbols(r);t<e.length;t++)n.indexOf(e[t])<0&&Object.prototype.propertyIsEnumerable.call(r,e[t])&&(a[e[t]]=r[e[t]]);return a},_=S.forwardRef(function(r,n){var a=r.size,e=a===void 0?"s":a,t=r.backgroundImage,h=r.className,p=r.style,l=r.username,y=r.vfx,b=N(r,["size","backgroundImage","className","style","username","vfx"]),c=k(!1),O=c[0],x=c[1],f=O||!t,w=z(l),s=void 0;f&&(s=i(s,"aui-avatar-".concat(w)));var u=void 0,m={},v=void 0;typeof e=="number"?(m={width:e,height:e,fontSize:.8*e},v={width:e,height:e}):(s=i(s,"aui-avatar-".concat(e)),u="aui-avatar-".concat(e));var j=l[0];return g(I,o({className:i(s,h),style:o(o({},m),p),vfx:o({radius:"rounded",overflow:"hidden",fontWeight:6,textAlign:"center"},y)},b,{ref:n,children:f?j:g(C.img,{src:t,alt:"",className:u,onError:function(){return x(!0)},style:v})}))}),d=["red","yellow","green","blue","purple"];function z(r){return d[r.split("").reduce(function(n,a){return n+a.charCodeAt(0)},0)%d.length]}var F=_;export{F as default};

package/components/Avatar/index.d.ts

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

package/components/Avatar/index.js

@@ -1,2 +1 @@
-import Avatar from "./Avatar";
-export default Avatar;
+import{default as o}from"./Avatar";export{o as default};

package/components/Badge/Badge.js

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

package/components/Badge/index.d.ts

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

package/components/Badge/index.js

@@ -1,2 +1 @@
-import Badge from "./Badge";
-export default Badge;
+import{default as o}from"./Badge";export{o as default};

package/components/Banner/Banner.js

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

package/components/Banner/index.d.ts

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

package/components/Banner/index.js

@@ -1,2 +1 @@
-import Banner from "./Banner";
-export default Banner;
+import{default as o}from"./Banner";export{o as default};

package/components/Box/Box.js

@@ -1,3 +1 @@
-import ui from "../ui";
-var Box = ui.div;
-export default Box;
+import o from"../ui";var r=o.div,t=r;export{t as default};

package/components/Box/index.d.ts

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

package/components/Box/index.js

@@ -1,2 +1 @@
-import Box from "./Box";
-export default Box;
+import{default as o}from"./Box";export{o as default};

package/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-import { Props as IconProps } from "../Icon/Icon";
 import ui from "../ui";
 type DefaultButtonProps = React.ComponentProps<typeof ui.button>;
 export type VisualButtonProps = {
@@ -18,26 +17,6 @@ type ButtonProps = DefaultButtonProps & VisualButtonProps;
 export declare const UnstyledButton: React.ForwardRefExoticComponent<Omit<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
     vfx?: import("../../utils/types").Vfx;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-type IconButtonProps = Omit<DefaultButtonProps, "children"> & {
-    /**
-     * The hover effect to play when the user hovers over the button
-     * @default "dim"
-     */
-    variant?: "dim" | "undim";
-    /**
-     * Which icon to render in the button
-     */
-    icon: IconProps["icon"];
-    /**
-     * The size of the icon
-     */
-    size?: IconProps["size"];
-    /**
-     * Other props to pass to the icon element
-     */
-    iconProps?: Omit<IconProps, "icon" | "size">;
-};
-export declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export declare const getButtonProps: ({ variant, size, }: VisualButtonProps) => {
     readonly className: "aui-button-primary" | "aui-button-secondary";

package/components/Button/Button.js

@@ -1,52 +1 @@
-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;
+import{jsx as f}from"react/jsx-runtime";import l from"react";import u from"../../functions/classNames";import d from"../ui";var o=function(){return o=Object.assign||function(r){for(var a,n=1,t=arguments.length;n<t;n++){a=arguments[n];for(var e in a)Object.prototype.hasOwnProperty.call(a,e)&&(r[e]=a[e])}return r},o.apply(this,arguments)},i=function(r,a){var n={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&a.indexOf(t)<0&&(n[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,t=Object.getOwnPropertySymbols(r);e<t.length;e++)a.indexOf(t[e])<0&&Object.prototype.propertyIsEnumerable.call(r,t[e])&&(n[t[e]]=r[t[e]]);return n},x=l.forwardRef(function(r,a){var n=r.className,t=i(r,["className"]);return f(d.button,o({},t,{className:u("aui-action aui-button",n),ref:a}))}),g={small:{fontSize:"xs",padding:"xs"},regular:{padding:"s"}},y=l.forwardRef(function(r,a){var n=r.variant,t=r.className,e=r.vfx,c=r.size,v=i(r,["variant","className","vfx","size"]),s=b({variant:n,size:c}),m=s.vfx,p=s.className;return f(x,o({},v,{vfx:o(o({},m),e),className:u(p,t),ref:a}))}),b=function(r){var a=r.variant,n=a===void 0?"primary":a,t=r.size,e=t===void 0?"regular":t;return{className:"aui-button-".concat(n),vfx:o(o({},g[e]),{radius:"rounded",fontWeight:6})}},z=y;export{x as UnstyledButton,z as default,b as getButtonProps};

package/components/Button/IconButton.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import { type Props as IconProps } from "../Icon/Icon";
+import { UnstyledButton } from "./Button";
+type DefaultButtonProps = React.ComponentProps<typeof UnstyledButton>;
+type IconButtonProps = Omit<DefaultButtonProps, "children"> & {
+    /**
+     * The hover effect to play when the user hovers over the button
+     * @default "dim"
+     */
+    variant?: "dim" | "undim";
+    /**
+     * Which icon to render in the button
+     */
+    icon: IconProps["icon"];
+    /**
+     * The size of the icon
+     */
+    size?: IconProps["size"];
+    /**
+     * Other props to pass to the icon element
+     */
+    iconProps?: Omit<IconProps, "icon" | "size">;
+};
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/components/Button/IconButton.js

@@ -0,0 +1 @@
+import{jsx as s}from"react/jsx-runtime";import u from"react";import v from"../../functions/classNames";import y from"../Icon/Icon";import{UnstyledButton as O}from"./Button";var i=function(){return i=Object.assign||function(r){for(var e,o=1,t=arguments.length;o<t;o++){e=arguments[o];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n])}return r},i.apply(this,arguments)},p=function(r,e){var o={};for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&e.indexOf(t)<0&&(o[t]=r[t]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,t=Object.getOwnPropertySymbols(r);n<t.length;n++)e.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(r,t[n])&&(o[t[n]]=r[t[n]]);return o},d=u.forwardRef(function(r,e){var o=r.icon,t=r.size,n=r.vfx,c=r.iconProps,a=r.variant,f=a===void 0?"dim":a,l=r.className,m=p(r,["icon","size","vfx","iconProps","variant","className"]);return s(O,i({},m,{vfx:i({axis:"x",align:"center",justify:"center"},n),className:v("aui-".concat(f),l),ref:e,children:s(y,i({icon:o,size:t},c))}))});export{d as IconButton};

package/components/Button/index.d.ts

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

package/components/Button/index.js

@@ -1,3 +1 @@
-import Button, { UnstyledButton, IconButton } from "./Button";
-export { UnstyledButton, IconButton };
-export default Button;
+import{default as r}from"./Button";import{UnstyledButton as f}from"./Button";import{IconButton as m}from"./IconButton";export{m as IconButton,f as UnstyledButton,r as default};