@adamjanicki/ui 1.9.0 → 1.9.2

package/components/Layer/Layer.js

@@ -1 +1 @@
-import{jsx as g}from"react/jsx-runtime";import v,{useEffect as h}from"react";import{useFocusTrap as w,useScrollLock as x}from"../../hooks";import E from"../../functions/classNames";import j from"../Box/Box";import k from"../../hooks/useMergeRefs";var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},c.apply(this,arguments)},O=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n},L=v.forwardRef(function(e,t){var n=e.returnFocusOnEscape,r=e.disableScrollLock,o=e.onClose,i=e.children,d=e.className,u=e.onMouseDown,m=e.vfx,p=O(e,["returnFocusOnEscape","disableScrollLock","onClose","children","className","onMouseDown","vfx"]),y=w(!0);x(!r),h(function(){var s=function(a){var l,f;a.key==="Escape"&&(n||(f=(l=document.activeElement)===null||l===void 0?void 0:l.blur)===null||f===void 0||f.call(l),o==null||o())};return document.addEventListener("keydown",s),function(){return document.removeEventListener("keydown",s)}},[o,n]);var b=k(y,i.props.ref);return g(j,c({vfx:c({axis:"y",align:"center",justify:"center",z:"max"},m)},p,{className:E("aui-layer-backdrop",d),onMouseDown:function(s){u==null||u(s),o==null||o()},ref:t,children:v.cloneElement(i,{ref:b,onMouseDown:function(s){var a,l;s.stopPropagation(),(l=(a=i.props)===null||a===void 0?void 0:a.onMouseDown)===null||l===void 0||l.call(a,s)}})}))}),R=L;export{R as default};
+import{jsx as O}from"react/jsx-runtime";import v,{useEffect as h}from"react";import w from"../../functions/classNames";import{useFocusTrap as x,useScrollLock as E}from"../../hooks";import j from"../../hooks/useMergeRefs";import k from"../Box/Box";var c=function(){return c=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},c.apply(this,arguments)},g=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n},L=v.forwardRef(function(e,t){var n=e.returnFocusOnEscape,r=e.disableScrollLock,o=e.onClose,i=e.children,d=e.className,u=e.onMouseDown,m=e.vfx,p=g(e,["returnFocusOnEscape","disableScrollLock","onClose","children","className","onMouseDown","vfx"]),y=x(!0);E(!r),h(function(){var l=function(s){var a,f;s.key==="Escape"&&(n||(f=(a=document.activeElement)===null||a===void 0?void 0:a.blur)===null||f===void 0||f.call(a),o==null||o())};return document.addEventListener("keydown",l),function(){return document.removeEventListener("keydown",l)}},[o,n]);var b=j(y,i.props.ref);return O(k,c({vfx:c({axis:"y",align:"center",justify:"center",z:"max"},m)},p,{className:w("aui-layer-backdrop",d),onMouseDown:function(l){u==null||u(l),l.target===l.currentTarget&&(o==null||o())},ref:t,children:v.cloneElement(i,{ref:b,onMouseDown:function(l){var s,a;l.stopPropagation(),(a=(s=i.props)===null||s===void 0?void 0:s.onMouseDown)===null||a===void 0||a.call(s,l)}})}))}),R=L;export{R as default};

package/components/Modal/Modal.js

@@ -1 +1 @@
-import{jsx as a,jsxs as u}from"react/jsx-runtime";import w from"react";import c from"../Box/Box";import P from"../Layer";import m,{IconButton as j}from"../Button";import C from"../Animated";import{x as L}from"../../icons";var i=function(){return i=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++){e=arguments[t];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 t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]]);return t},k=w.forwardRef(function(r,e){var t=r.open,o=r.onClose,n=r.onConfirm,d=r.confirmButtonProps,x=r.cancelButtonProps,l=r.confirmLabel,h=l===void 0?"Ok":l,f=r.cancelLabel,v=f===void 0?"Cancel":f,b=r.returnFocusOnEscape,y=r.wrapperBoxProps,g=p(r,["open","onClose","onConfirm","confirmButtonProps","cancelButtonProps","confirmLabel","cancelLabel","returnFocusOnEscape","wrapperBoxProps"]),s=y||{},O=s.vfx,B=p(s,["vfx"]);return a(C,{vfx:{z:"max"},visible:t,to:{opacity:1},from:{opacity:0},children:a(P,{onClose:o,returnFocusOnEscape:b,children:u(c,i({role:"dialog","aria-modal":"true"},B,{vfx:i({axis:"y",padding:"m",gap:"m",radius:"rounded",maxWidth:"full",shadow:"floating",border:!0,color:"default",backgroundColor:"default"},O),children:[a(c,{vfx:{axis:"x",align:"center",justify:"end",width:"full"},children:a(j,{icon:L,onClick:o})}),a(c,i({},g,{ref:e})),u(c,{vfx:{axis:"x",align:"center",justify:"end",width:"full",gap:"m"},children:[a(m,i({variant:"secondary"},x,{onClick:o,children:v})),a(m,i({},d,{onClick:function(){n(),o()},children:h}))]})]}))})})}),A=k;export{A as default};
+import{jsx as a,jsxs as u}from"react/jsx-runtime";import w from"react";import{x as P}from"../../icons";import j from"../Animated";import c from"../Box/Box";import m,{IconButton as C}from"../Button";import L from"../Layer";var i=function(){return i=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++){e=arguments[t];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 t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]]);return t},k=w.forwardRef(function(r,e){var t=r.open,o=r.onClose,n=r.onConfirm,d=r.confirmButtonProps,x=r.cancelButtonProps,l=r.confirmLabel,h=l===void 0?"Ok":l,f=r.cancelLabel,v=f===void 0?"Cancel":f,b=r.returnFocusOnEscape,y=r.wrapperBoxProps,g=p(r,["open","onClose","onConfirm","confirmButtonProps","cancelButtonProps","confirmLabel","cancelLabel","returnFocusOnEscape","wrapperBoxProps"]),s=y||{},O=s.vfx,B=p(s,["vfx"]);return a(j,{vfx:{pos:"fixed",z:"max"},visible:t,to:{opacity:1},from:{opacity:0},children:a(L,{onClose:o,returnFocusOnEscape:b,children:u(c,i({role:"dialog","aria-modal":"true"},B,{vfx:i({axis:"y",padding:"m",gap:"m",radius:"rounded",maxWidth:"full",shadow:"floating",border:!0,color:"default",backgroundColor:"default"},O),children:[a(c,{vfx:{axis:"x",align:"center",justify:"end",width:"full"},children:a(C,{icon:P,onClick:o})}),a(c,i({},g,{ref:e})),u(c,{vfx:{axis:"x",align:"center",justify:"end",width:"full",gap:"m"},children:[a(m,i({variant:"secondary"},x,{onClick:o,children:v})),a(m,i({},d,{onClick:function(){n(),o()},children:h}))]})]}))})})}),A=k;export{A as default};

package/components/Popover/Popover.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import Floating from "../Floating";
 import type { Children } from "../../types/common";
+import Floating from "../Floating";
 type FloatingProps = React.ComponentProps<typeof Floating>;
-export type PopoverProps = Omit<FloatingProps, "visible" | "floatingContent"> & {
+export type PopoverProps = Omit<FloatingProps, "floating" | "visible"> & {
     /** Whether the popover is open */
     open: boolean;
     /** Fired when the popover should close */

package/components/Popover/Popover.js

@@ -1 +1 @@
-import{jsx as b}from"react/jsx-runtime";import w,{useEffect as x,useRef as f}from"react";import j from"../../hooks/useMergeRefs";import C from"../ClickOutside/useClickOutside";import R from"../Floating";var a=function(){return a=Object.assign||function(r){for(var t,o=1,e=arguments.length;o<e;o++){t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},a.apply(this,arguments)},O=function(r,t){var o={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0&&(o[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(o[e[n]]=r[e[n]]);return o},k=function(r){var t=r.anchor,o=r.open,e=r.onClose,n=r.children,m=r.vfx,i=r.duration,l=r.from,u=r.to,g=O(r,["anchor","open","onClose","children","vfx","duration","from","to"]),c=f(null),s=f(null),d=f(e),p=f(o);d.current=e,p.current=o;var h=j(c,t.props.ref);return C({targets:[s,c],eventType:"mousedown",enabled:o,onClickOutside:e}),x(function(){var v=function(y){y.key==="Escape"&&p.current&&d.current()};return document.addEventListener("keydown",v),function(){return document.removeEventListener("keydown",v)}},[]),b(R,a({},g,{vfx:a({padding:"s",backgroundColor:"default",border:!0,shadow:"floating",radius:"rounded",z:"floating"},m),ref:s,anchor:w.cloneElement(t,{ref:h}),visible:o,floatingContent:n,from:l!=null?l:{opacity:0},to:u!=null?u:{opacity:1},duration:i!=null?i:{forward:0,reverse:.25}}))},A=k;export{A as default};
+import{jsx as b}from"react/jsx-runtime";import w,{useEffect as x,useRef as f}from"react";import R from"../../hooks/useMergeRefs";import{DEFAULT_ANIMATION_DURATION_S as j}from"../Animated/Animated";import C from"../ClickOutside/useClickOutside";import E from"../Floating";var i=function(){return i=Object.assign||function(r){for(var t,o=1,e=arguments.length;o<e;o++){t=arguments[o];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},i.apply(this,arguments)},O=function(r,t){var o={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0&&(o[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)t.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(o[e[n]]=r[e[n]]);return o},k=function(r){var t=r.anchor,o=r.open,e=r.onClose,n=r.children,m=r.vfx,a=r.duration,l=r.from,u=r.to,g=O(r,["anchor","open","onClose","children","vfx","duration","from","to"]),c=f(null),s=f(null),d=f(e),p=f(o);d.current=e,p.current=o;var h=R(c,t.props.ref);return C({targets:[s,c],eventType:"mousedown",enabled:o,onClickOutside:e}),x(function(){var v=function(y){y.key==="Escape"&&p.current&&d.current()};return document.addEventListener("keydown",v),function(){return document.removeEventListener("keydown",v)}},[]),b(E,i({},g,{vfx:i({padding:"s",backgroundColor:"default",border:!0,shadow:"floating",radius:"rounded",z:"floating"},m),ref:s,anchor:w.cloneElement(t,{ref:h}),visible:o,floating:n,from:l!=null?l:{opacity:0},to:u!=null?u:{opacity:1},duration:a!=null?a:{forward:0,reverse:j}}))},L=k;export{L as default};

package/components/Select/Select.d.ts

@@ -1,11 +1,9 @@
 import React from "react";
+import type { ReadonlyableArray } from "../../types/common";
 import { type BoxProps } from "../Box/Box";
 import ui from "../ui";
-import type { ReadonlyableArray } from "../../types/common";
 type SelectProps = React.ComponentProps<typeof ui.select>;
 type Props = Omit<BoxProps, "children" | "onChange"> & {
-    /** Array of options to display in the select */
-    options: ReadonlyableArray<string>;
     /**
      * Mapper function to get the label of the option.
      *
@@ -13,12 +11,14 @@ type Props = Omit<BoxProps, "children" | "onChange"> & {
      * @returns The label of the option.
      */
     getOptionLabel?: (option: string) => string;
-    /** Current value of the select */
-    value?: SelectProps["value"];
     /** Change handler for the select */
     onChange?: SelectProps["onChange"];
+    /** Array of options to display in the select */
+    options: ReadonlyableArray<string>;
     /** Props to pass to the underlying select element */
-    selectProps?: Omit<SelectProps, "value" | "onChange">;
+    selectProps?: Omit<SelectProps, "onChange" | "value">;
+    /** Current value of the select */
+    value?: SelectProps["value"];
 };
 /** A styled `select` component */
 declare const Select: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLSelectElement>>;

package/components/Select/Select.js

@@ -1 +1 @@
-import{jsx as c,jsxs as h}from"react/jsx-runtime";import b from"react";import f from"../../functions/classNames";import x from"../Box/Box";import O from"../Icon";import y from"../ui";import{select as j}from"../../icons";var s=function(){return s=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},s.apply(this,arguments)},g=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.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++)o.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(n[t[r]]=e[t[r]]);return n},N=b.forwardRef(function(e,o){var n=e.className,t=e.options,r=e.vfx,l=e.getOptionLabel,a=e.selectProps,u=e.value,p=e.onChange,m=g(e,["className","options","vfx","getOptionLabel","selectProps","value","onChange"]),d=(a||{}).className;return h(x,s({vfx:s({pos:"relative",width:"fit",axis:"x",align:"center",radius:"rounded",backgroundColor:"default",color:"default",padding:"none"},r),className:f("aui-select-container",a!=null&&a.disabled?"aui-select-disabled":void 0,n)},m,{children:[c(y.select,s({},a,{value:u,onChange:p,className:f("aui-select",d),ref:o,children:t.map(function(i,v){return c("option",{value:i,children:(l==null?void 0:l(i))||i},v)})})),c(O,{icon:j,vfx:{color:"muted",pos:"absolute"},style:{top:"50%",right:10,transform:"translateY(-50%)",pointerEvents:"none"},size:"xs","aria-hidden":!0})]}))}),I=N;export{I as default};
+import{jsx as c,jsxs as h}from"react/jsx-runtime";import b from"react";import f from"../../functions/classNames";import{select as x}from"../../icons";import O from"../Box/Box";import y from"../Icon";import j from"../ui";var s=function(){return s=Object.assign||function(e){for(var o,n=1,t=arguments.length;n<t;n++){o=arguments[n];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},s.apply(this,arguments)},g=function(e,o){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&o.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++)o.indexOf(t[r])<0&&Object.prototype.propertyIsEnumerable.call(e,t[r])&&(n[t[r]]=e[t[r]]);return n},N=b.forwardRef(function(e,o){var n=e.className,t=e.options,r=e.vfx,l=e.getOptionLabel,a=e.selectProps,u=e.value,p=e.onChange,m=g(e,["className","options","vfx","getOptionLabel","selectProps","value","onChange"]),d=(a||{}).className;return h(O,s({vfx:s({pos:"relative",width:"fit",axis:"x",align:"center",radius:"rounded",backgroundColor:"default",color:"default",padding:"none"},r),className:f("aui-select-container",a!=null&&a.disabled?"aui-select-disabled":void 0,n)},m,{children:[c(j.select,s({},a,{value:u,onChange:p,className:f("aui-select",d),ref:o,children:t.map(function(i,v){return c("option",{value:i,children:(l==null?void 0:l(i))||i},v)})})),c(y,{icon:x,vfx:{color:"muted",pos:"absolute"},style:{top:"50%",right:10,transform:"translateY(-50%)",pointerEvents:"none"},size:"xs","aria-hidden":!0})]}))}),I=N;export{I as default};

package/components/Table/Table.d.ts

@@ -1,20 +1,34 @@
-import type * as React from "react";
+import React from "react";
+import { UnstyledLink } from "../../navigation/Link";
 import type { ReadonlyableArray } from "../../types/common";
 import type { BoxProps } from "../Box/Box";
-import { UnstyledLink } from "../../navigation/Link";
 type LinkProps = React.ComponentProps<typeof UnstyledLink>;
-type RouteLinkProps = Pick<LinkProps, "to" | "newTab">;
+type RouteLinkProps = Pick<LinkProps, "newTab" | "to">;
+type BaseRowAction = {
+    /** Content to render in the action node */
+    label: React.ReactNode;
+};
+type RowLinkAction = BaseRowAction & RouteLinkProps;
+type RowButtonAction = BaseRowAction & {
+    /** Callback to fire on action click */
+    onClick: () => void;
+    /** Whether the action is disabled */
+    disabled?: boolean;
+};
+type RowAction = RowButtonAction | RowLinkAction;
 type MinimalItem = {
     id: string;
 };
 type ContainerProps = Omit<BoxProps, "children">;
 /** Options for data sort direction, used by `Table` */
-export type SortDirection = "none" | "asc" | "desc";
+export type SortDirection = "asc" | "desc" | "none";
 type ColumnConfig<Item extends MinimalItem, Key extends keyof Item = keyof Item> = {
-    /** The key in the item struct for this column */
-    key: Key;
+    /** Additional props for the body cell container */
+    cellProps?: ContainerProps;
     /** What to render as the header */
     header: React.ReactNode;
+    /** The key in the item struct for this column */
+    key: Key;
     /** Custom render function for the inner cell content */
     render?: (item: Item) => React.ReactNode;
     /**
@@ -22,19 +36,21 @@ type ColumnConfig<Item extends MinimalItem, Key extends keyof Item = keyof Item>
      * @default false
      */
     sortable?: boolean;
-    /** Additional props for the body cell container */
-    cellProps?: ContainerProps;
 };
 type Props<Item extends MinimalItem> = ContainerProps & {
-    /** Items to render in the rows of the table */
-    items: ReadonlyableArray<Item>;
     /** Columns to render for each data item */
     columns: ReadonlyableArray<ColumnConfig<Item>>;
+    /** Whether to render a small separator between columns */
+    gutters?: boolean;
     /**
      * Additional props for each header cell container.
      * @default {}
      */
     headerCellProps?: ContainerProps;
+    /** Items to render in the rows of the table */
+    items: ReadonlyableArray<Item>;
+    /** A single link, or list of actions or links to store in an overflow menu at the end of the row */
+    rowActions?: (item: Item) => RouteLinkProps | ReadonlyableArray<RowAction>;
     /** Options for controlled sorting of rows */
     sort?: {
         /** The key of the sorted column, or undefined if none */
@@ -44,11 +60,7 @@ type Props<Item extends MinimalItem> = ContainerProps & {
         /** Callback to fire when the sort column/direction change */
         onSort: (key: keyof Item, direction: SortDirection) => void;
     };
-    /** A row can either be a link to somewhere */
-    routeTo?: (item: Item) => RouteLinkProps;
-    /** Whether to render a small separator between columns */
-    gutters?: boolean;
 };
 /** A sortable table to render data */
-declare const Table: <Item extends MinimalItem>({ items, columns, headerCellProps, sort, routeTo, vfx, gutters, ...boxProps }: Props<Item>) => import("react/jsx-runtime").JSX.Element;
+declare const Table: <Item extends MinimalItem>({ items, columns, headerCellProps, sort, rowActions, vfx, gutters, ...boxProps }: Props<Item>) => import("react/jsx-runtime").JSX.Element;
 export default Table;

package/components/Table/Table.js

@@ -1 +1 @@
-import{jsx as a,jsxs as O,Fragment as S}from"react/jsx-runtime";import{createElement as P}from"react";import f from"../Box/Box";import{UnstyledLink as C}from"../../navigation/Link";import B from"../Icon";import{arrowDown as E,arrowUp as I,select as R}from"../../icons";import{UnstyledButton as U}from"../Button";import z from"../../functions/classNames";var l=function(){return l=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},l.apply(this,arguments)},g=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={none:"asc",asc:"desc",desc:"none"},F={asc:I,desc:E,none:R},W=function(r){var n=r.items,o=r.columns,e=r.headerCellProps,t=e===void 0?{}:e,i=r.sort,d=r.routeTo,u=r.vfx,m=r.gutters,v=g(r,["items","columns","headerCellProps","sort","routeTo","vfx","gutters"]);return a(f,l({},v,{vfx:l({axis:"y",backgroundColor:"default",border:!0,radius:"rounded",shadow:"subtle",overflowX:"scroll"},u),children:O(f,{className:"aui-table",role:"table",vfx:{width:"full"},children:[a(f,{className:"aui-table-row",role:"row",children:o.map(function(s,p){var c=s.key,h=s.header,x=s.sortable,b=x===void 0?!1:x,j=b&&i&&i.key===c,y=j?i.direction:"none",w=b?F[y]:null,T=t.vfx,N=g(t,["vfx"]);return P(k,l({},N,{key:String(c),vfx:l({borderRight:m&&p<o.length-1,borderBottom:!0,fontSize:"s",fontWeight:7},T)}),i&&w?O(U,{onClick:function(){return i.onSort(c,D[y])},vfx:{fontWeight:7,axis:"x",align:"center",gap:"s"},children:[h,a(B,{icon:w,vfx:{color:"muted"},size:"xs","aria-hidden":!0})]}):h)})}),n.map(function(s){return a(X,{item:s,columns:o,routeTo:d,gutters:m},s.id)})]})}))},X=function(r){var n=r.item,o=r.columns,e=r.routeTo,t=r.gutters,i=o.map(function(u,m){var v=u.key,s=u.cellProps,p=s===void 0?{}:s,c=u.render,h=p.vfx,x=g(p,["vfx"]);return P(k,l({},x,{key:String(v),vfx:l({borderRight:t&&m<o.length-1},h)}),c?c(n):a(S,{children:n[v]}))}),d={role:"row",children:i};return e?a(C,l({},d,e(n),{className:"aui-table-row-link"})):a(f,l({},d,{className:"aui-table-row"}))},k=function(r){var n=r.vfx,o=r.children,e=r.className,t=g(r,["vfx","children","className"]);return a(f,l({},t,{className:z("aui-table-cell",e),vfx:l({paddingX:"m",paddingY:"s"},n),children:o}))},M=W;export{M as default};
+import{jsx as s,jsxs as O,Fragment as T}from"react/jsx-runtime";import{createElement as y}from"react";import{useState as X}from"react";import z from"../../functions/classNames";import{arrowDown as E,arrowUp as L,overflow as U,select as W}from"../../icons";import{UnstyledLink as S}from"../../navigation/Link";import x from"../Box/Box";import{IconButton as D,UnstyledButton as B}from"../Button";import F from"../Icon";import M from"../Popover";var a=function(){return a=Object.assign||function(r){for(var n,t=1,o=arguments.length;t<o;t++){n=arguments[t];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(r[e]=n[e])}return r},a.apply(this,arguments)},b=function(r,n){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&n.indexOf(o)<0&&(t[o]=r[o]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var e=0,o=Object.getOwnPropertySymbols(r);e<o.length;e++)n.indexOf(o[e])<0&&Object.prototype.propertyIsEnumerable.call(r,o[e])&&(t[o[e]]=r[o[e]]);return t},H={none:"asc",asc:"desc",desc:"none"},V={asc:L,desc:E,none:W},P=function(r){return Array.isArray(r)},Y=function(r){var n=r.items,t=r.columns,o=r.headerCellProps,e=o===void 0?{}:o,i=r.sort,c=r.rowActions,d=r.vfx,u=r.gutters,f=b(r,["items","columns","headerCellProps","sort","rowActions","vfx","gutters"]),m=!!c&&n.some(function(l){return P(c(l))});return s(x,a({},f,{vfx:a({axis:"y",backgroundColor:"default",border:!0,radius:"rounded",shadow:"subtle",overflowX:"auto"},d),children:O(x,{className:"aui-table",role:"table",vfx:{width:"full"},children:[O(x,{className:"aui-table-row",role:"row",children:[t.map(function(l,g){var v=l.key,p=l.header,h=l.sortable,w=h===void 0?!1:h,A=w&&i&&i.key===v,C=A?i.direction:"none",j=w?V[C]:null,R=e.vfx,I=b(e,["vfx"]);return y(k,a({},I,{key:String(v),vfx:a({borderRight:u&&g<t.length-1,borderBottom:!0,fontSize:"s",fontWeight:7},R)}),i&&j?O(B,{onClick:function(){return i.onSort(v,H[C])},vfx:{fontWeight:7,axis:"x",align:"center",gap:"s"},children:[p,s(F,{icon:j,vfx:{color:"muted"},size:"xs","aria-hidden":!0})]}):p)}),m?s(k,{vfx:{borderBottom:!0,paddingX:"s"}}):null]}),n.map(function(l){return s(q,{item:l,columns:t,gutters:u,rowActions:c},l.id)})]})}))},q=function(r){var n=r.item,t=r.columns,o=r.gutters,e=r.rowActions,i=e==null?void 0:e(n),c=P(i)?i:null,d=i&&!P(i)?i:void 0,u=t.map(function(m,l){var g=m.key,v=m.cellProps,p=v===void 0?{}:v,h=m.render,w=p.vfx,A=b(p,["vfx"]);return y(k,a({},A,{key:String(g),vfx:a({borderRight:o&&l<t.length-1},w)}),h?h(n):s(T,{children:n[g]}))});c&&u.push(s(k,{vfx:{paddingX:"s"},children:s(G,{rowActions:c})},"row-actions"));var f={role:"row",children:u};return d?s(S,a({},f,d,{className:"aui-table-row aui-subtle-hover"})):s(x,a({},f,{className:"aui-table-row"}))},k=function(r){var n=r.vfx,t=r.children,o=r.className,e=b(r,["vfx","children","className"]);return s(x,a({},e,{className:z("aui-table-cell",o),vfx:a({paddingX:"m",paddingY:"s"},n),children:t}))},N=4,G=function(r){var n=r.rowActions,t=X(!1),o=t[0],e=t[1];return s(M,{flip:!1,open:o,onClose:function(){return e(!1)},placement:"bottom-end",offset:N,vfx:{axis:"y",padding:"xs"},anchor:s(D,{icon:U,onClick:function(){return e(function(i){return!i})}}),to:{opacity:1,top:0},from:{opacity:0,top:-N},children:n.map(function(i,c){var d=i.label,u=b(i,["label"]),f={children:d,vfx:{axis:"x",align:"center",padding:"s",fontSize:"s",fontWeight:6,radius:"rounded"},className:"aui-subtle-hover"};return"to"in u?y(S,a({},u,f,{onClick:function(){return e(!1)},key:c})):y(B,a({onClick:function(){u.onClick(),e(!1)}},f,{key:c}))})})},nr=Y;export{nr as default};

package/components/Tooltip/Tooltip.d.ts

@@ -2,19 +2,14 @@ import React from "react";
 import type { Children } from "../../types/common";
 import Floating from "../Floating/Floating";
 type FloatingProps = React.ComponentProps<typeof Floating>;
-export type TooltipProps = Omit<FloatingProps, "onPointerEnter" | "onPointerLeave" | "visible" | "floatingContent" | "anchor"> & {
+export type TooltipProps = Omit<FloatingProps, "floating" | "onPointerEnter" | "onPointerLeave" | "visible"> & {
     /** Children to render inside the tooltip container */
-    tooltipContent: Children;
-    /**
-     * The element to attach the tooltip to.
-     * IMPORTANT: This must be able to hold a ref.
-     */
-    children: React.ReactElement<any>;
+    children: Children;
     /**
      * Whether the tooltip is disabled. If true, will not show the tooltip.
      * @default false
      */
     disabled?: boolean;
 };
-declare const Tooltip: ({ tooltipContent, children, disabled, vfx, from, to, ...floatingProps }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tooltip: ({ anchor, children, disabled, vfx, from, to, flip, ...floatingProps }: TooltipProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
 export default Tooltip;

package/components/Tooltip/Tooltip.js

@@ -1 +1 @@
-import{jsx as X}from"react/jsx-runtime";import Y,{useCallback as q,useEffect as D,useRef as P,useState as G}from"react";import H from"../../hooks/useMergeRefs";import J from"../Floating/Floating";var g=function(){return g=Object.assign||function(r){for(var o,t=1,e=arguments.length;t<e;t++){o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])}return r},g.apply(this,arguments)},I=function(r,o){var t={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&o.indexOf(e)<0&&(t[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)o.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(t[e[n]]=r[e[n]]);return t},k=function(r,o){return r.x>=o.left&&r.x<=o.right&&r.y>=o.top&&r.y<=o.bottom},K=function(r,o){for(var t=r.x,e=r.y,n=!1,h=0,v=o.length-1;h<o.length;v=h++){var s=o[h],p=s.x,c=s.y,x=o[v],u=x.x,y=x.y,b=c>e!=y>e&&t<(u-p)*(e-c)/(y-c)+p;b&&(n=!n)}return n},N=function(r,o){return o.top>=r.bottom?"bottom":o.bottom<=r.top?"top":o.left>=r.right?"right":"left"},Q={bottom:function(r,o,t){return[{x:r.left-t,y:r.bottom-t},{x:r.right+t,y:r.bottom-t},{x:o.right+t,y:o.top+t},{x:o.left-t,y:o.top+t}]},top:function(r,o,t){return[{x:r.left-t,y:r.top+t},{x:r.right+t,y:r.top+t},{x:o.right+t,y:o.bottom-t},{x:o.left-t,y:o.bottom-t}]},right:function(r,o,t){return[{x:r.right-t,y:r.top-t},{x:r.right-t,y:r.bottom+t},{x:o.left+t,y:o.bottom+t},{x:o.left+t,y:o.top-t}]},left:function(r,o,t){return[{x:r.left+t,y:r.top-t},{x:r.left+t,y:r.bottom+t},{x:o.right-t,y:o.bottom+t},{x:o.right-t,y:o.top-t}]}},U=function(r,o,t,e){return e===void 0&&(e=4),Q[r](o,t,e)},V=function(r){var o=r.tooltipContent,t=r.children,e=r.disabled,n=e===void 0?!1:e,h=r.vfx,v=r.from,s=r.to,p=I(r,["tooltipContent","children","disabled","vfx","from","to"]),c=G(!1),x=c[0],u=c[1],y=P(null),b=P(null),m=P(null),a=q(function(){var i;(i=m.current)===null||i===void 0||i.call(m),m.current=null},[]);D(function(){return n&&(a(),u(!1)),a},[n,a]);var w=function(){a();var i=y.current,l=b.current;if(!i||!l){u(!1);return}var f=i.getBoundingClientRect(),C=l.getBoundingClientRect(),S=N(f,C),M=U(S,f,C),T=function(O){var Z=O.pointerType;if(Z==="mouse"){var E={x:O.clientX,y:O.clientY},_=y.current,j=b.current;if(!(!_||!j)){var A=_.getBoundingClientRect(),F=j.getBoundingClientRect();k(E,A)||k(E,F)||K(E,M)||(u(!1),a())}}};window.addEventListener("pointermove",T),m.current=function(){window.removeEventListener("pointermove",T)}},L=H(y,t.props.ref);if(n)return t;var B=Y.cloneElement(t,{onPointerEnter:function(i){var l,f;(f=(l=t.props)===null||l===void 0?void 0:l.onPointerEnter)===null||f===void 0||f.call(l,i),i.pointerType==="mouse"&&(a(),u(!0))},onPointerLeave:function(i){var l,f;(f=(l=t.props)===null||l===void 0?void 0:l.onPointerLeave)===null||f===void 0||f.call(l,i),i.pointerType==="mouse"&&w()},ref:L});return X(J,g({},p,{ref:b,role:"tooltip",anchor:B,visible:x,duration:.25,from:v!=null?v:{opacity:0},to:s!=null?s:{opacity:1},onPointerEnter:function(i){i.pointerType==="mouse"&&(a(),u(!0))},onPointerLeave:function(i){i.pointerType==="mouse"&&w()},vfx:g({padding:"s",backgroundColor:"default",border:!0,shadow:"floating",radius:"rounded",z:"floating"},h),floatingContent:o}))},R=V;export{R as default};
+import{jsx as U}from"react/jsx-runtime";import Z,{useCallback as X,useEffect as Y,useRef as _,useState as q}from"react";import G from"../../hooks/useMergeRefs";import{DEFAULT_ANIMATION_DURATION_S as H}from"../Animated/Animated";import J from"../Floating/Floating";var g=function(){return g=Object.assign||function(r){for(var o,t=1,e=arguments.length;t<e;t++){o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(r[n]=o[n])}return r},g.apply(this,arguments)},F=function(r,o){var t={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&o.indexOf(e)<0&&(t[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var n=0,e=Object.getOwnPropertySymbols(r);n<e.length;n++)o.indexOf(e[n])<0&&Object.prototype.propertyIsEnumerable.call(r,e[n])&&(t[e[n]]=r[e[n]]);return t},A=function(r,o){return r.x>=o.left&&r.x<=o.right&&r.y>=o.top&&r.y<=o.bottom},K=function(r,o){for(var t=r.x,e=r.y,n=!1,c=0,v=o.length-1;c<o.length;v=c++){var s=o[c],y=s.x,h=s.y,p=o[v],m=p.x,b=p.y,u=h>e!=b>e&&t<(m-y)*(e-h)/(b-h)+y;u&&(n=!n)}return n},Q=function(r,o){return o.top>=r.bottom?"bottom":o.bottom<=r.top?"top":o.left>=r.right?"right":"left"},V={bottom:function(r,o,t){return[{x:r.left-t,y:r.bottom-t},{x:r.right+t,y:r.bottom-t},{x:o.right+t,y:o.top+t},{x:o.left-t,y:o.top+t}]},top:function(r,o,t){return[{x:r.left-t,y:r.top+t},{x:r.right+t,y:r.top+t},{x:o.right+t,y:o.bottom-t},{x:o.left-t,y:o.bottom-t}]},right:function(r,o,t){return[{x:r.right-t,y:r.top-t},{x:r.right-t,y:r.bottom+t},{x:o.left+t,y:o.bottom+t},{x:o.left+t,y:o.top-t}]},left:function(r,o,t){return[{x:r.left+t,y:r.top-t},{x:r.left+t,y:r.bottom+t},{x:o.right-t,y:o.bottom+t},{x:o.right-t,y:o.top-t}]}},W=function(r,o,t,e){return e===void 0&&(e=4),V[r](o,t,e)},$=function(r){var o=r.anchor,t=r.children,e=r.disabled,n=e===void 0?!1:e,c=r.vfx,v=r.from,s=r.to,y=r.flip,h=y===void 0?!0:y,p=F(r,["anchor","children","disabled","vfx","from","to","flip"]),m=q(!1),b=m[0],u=m[1],O=_(null),E=_(null),x=_(null),a=X(function(){var i;(i=x.current)===null||i===void 0||i.call(x),x.current=null},[]);Y(function(){return n&&(a(),u(!1)),a},[n,a]);var w=function(){a();var i=O.current,l=E.current;if(!i||!l){u(!1);return}var f=i.getBoundingClientRect(),j=l.getBoundingClientRect(),B=Q(f,j),I=W(B,f,j),k=function(T){var M=T.pointerType;if(M==="mouse"){var P={x:T.clientX,y:T.clientY},C=O.current,L=E.current;if(!(!C||!L)){var N=C.getBoundingClientRect(),D=L.getBoundingClientRect();A(P,N)||A(P,D)||K(P,I)||(u(!1),a())}}};window.addEventListener("pointermove",k),x.current=function(){window.removeEventListener("pointermove",k)}},S=G(O,o.props.ref);return n?t:U(J,g({},p,{flip:h,ref:E,role:"tooltip",anchor:Z.cloneElement(o,{onPointerEnter:function(i){var l,f;(f=(l=o.props)===null||l===void 0?void 0:l.onPointerEnter)===null||f===void 0||f.call(l,i),i.pointerType==="mouse"&&(a(),u(!0))},onPointerLeave:function(i){var l,f;(f=(l=o.props)===null||l===void 0?void 0:l.onPointerLeave)===null||f===void 0||f.call(l,i),i.pointerType==="mouse"&&w()},ref:S}),visible:b,duration:H,from:v!=null?v:{opacity:0},to:s!=null?s:{opacity:1},onPointerEnter:function(i){i.pointerType==="mouse"&&(a(),u(!0))},onPointerLeave:function(i){i.pointerType==="mouse"&&w()},vfx:g({padding:"s",backgroundColor:"default",border:!0,shadow:"floating",radius:"rounded",z:"floating"},c),floating:t}))},or=$;export{or as default};

package/components/index.d.ts

@@ -0,0 +1,24 @@
+export { default as Accordion } from "./Accordion";
+export { default as Alert } from "./Alert";
+export { default as Animated } from "./Animated";
+export { default as Autocomplete } from "./Autocomplete";
+export { default as Avatar } from "./Avatar";
+export { default as Badge } from "./Badge";
+export { default as Banner } from "./Banner";
+export { default as Box } from "./Box";
+export { default as Button, IconButton, UnstyledButton } from "./Button";
+export { default as Carousel } from "./Carousel";
+export { default as ClickOutside } from "./ClickOutside";
+export { default as ErrorBoundary } from "./ErrorBoundary";
+export * from "./Hamburger";
+export { default as Hamburger } from "./Hamburger";
+export { default as Icon } from "./Icon";
+export { IconInput, default as Input, TextArea } from "./Input";
+export { default as Layer } from "./Layer";
+export { default as Modal } from "./Modal";
+export { default as Popover } from "./Popover";
+export { default as Select } from "./Select";
+export { default as Spinner } from "./Spinner";
+export { default as Table } from "./Table";
+export { default as Tooltip } from "./Tooltip";
+export { default as ui } from "./ui";

package/components/index.js

@@ -0,0 +1 @@
+import{default as t}from"./Accordion";import{default as a}from"./Alert";import{default as u}from"./Animated";import{default as d}from"./Autocomplete";import{default as m}from"./Avatar";import{default as x}from"./Badge";import{default as c}from"./Banner";import{default as B}from"./Box";import{default as I,IconButton as y,UnstyledButton as T}from"./Button";import{default as g}from"./Carousel";import{default as C}from"./ClickOutside";import{default as k}from"./ErrorBoundary";export*from"./Hamburger";import{default as L}from"./Hamburger";import{default as O}from"./Icon";import{IconInput as U,default as h,TextArea as j}from"./Input";import{default as w}from"./Layer";import{default as D}from"./Modal";import{default as G}from"./Popover";import{default as K}from"./Select";import{default as Q}from"./Spinner";import{default as V}from"./Table";import{default as X}from"./Tooltip";import{default as Z}from"./ui";export{t as Accordion,a as Alert,u as Animated,d as Autocomplete,m as Avatar,x as Badge,c as Banner,B as Box,I as Button,g as Carousel,C as ClickOutside,k as ErrorBoundary,L as Hamburger,O as Icon,y as IconButton,U as IconInput,h as Input,w as Layer,D as Modal,G as Popover,K as Select,Q as Spinner,V as Table,j as TextArea,X as Tooltip,T as UnstyledButton,Z as ui};

package/functions/getDeviceType.d.ts

@@ -1,4 +1,4 @@
-type DeviceType = "mobile" | "desktop";
+type DeviceType = "desktop" | "mobile";
 /**
  * Best effort checks to determine the device being used.
  *

package/functions/index.d.ts

@@ -1,4 +1,4 @@
-export { default as classNames } from "./classNames";
-export { default as scrollToId } from "./scrollToId";
 export { default as assertDefined } from "./assertDefined";
+export { default as classNames } from "./classNames";
 export { default as getDeviceType } from "./getDeviceType";
+export { default as scrollToId } from "./scrollToId";

package/functions/index.js

@@ -1 +1 @@
-import{default as o}from"./classNames";import{default as s}from"./scrollToId";import{default as f}from"./assertDefined";import{default as d}from"./getDeviceType";export{f as assertDefined,o as classNames,d as getDeviceType,s as scrollToId};
+import{default as o}from"./assertDefined";import{default as s}from"./classNames";import{default as f}from"./getDeviceType";import{default as d}from"./scrollToId";export{o as assertDefined,s as classNames,f as getDeviceType,d as scrollToId};

package/hooks/index.d.ts

@@ -1,7 +1,7 @@
-export { default as useScrollLock } from "./useScrollLock";
+export { default as useFocusTrap } from "./useFocusTrap";
 export { default as useMediaQuery } from "./useMediaQuery";
+export { default as useMergeRefs } from "./useMergeRefs";
 export { default as useScroll } from "./useScroll";
-export { default as useFocusTrap } from "./useFocusTrap";
+export { default as useScrollLock } from "./useScrollLock";
 export { default as useScrollToHash } from "./useScrollToHash";
 export { default as useWindowResize } from "./useWindowResize";
-export { default as useMergeRefs } from "./useMergeRefs";

package/hooks/index.js

@@ -1 +1 @@
-import{default as r}from"./useScrollLock";import{default as a}from"./useMediaQuery";import{default as f}from"./useScroll";import{default as l}from"./useFocusTrap";import{default as p}from"./useScrollToHash";import{default as x}from"./useWindowResize";import{default as i}from"./useMergeRefs";export{l as useFocusTrap,a as useMediaQuery,i as useMergeRefs,f as useScroll,r as useScrollLock,p as useScrollToHash,x as useWindowResize};
+import{default as r}from"./useFocusTrap";import{default as a}from"./useMediaQuery";import{default as f}from"./useMergeRefs";import{default as l}from"./useScroll";import{default as p}from"./useScrollLock";import{default as x}from"./useScrollToHash";import{default as i}from"./useWindowResize";export{r as useFocusTrap,a as useMediaQuery,f as useMergeRefs,l as useScroll,p as useScrollLock,x as useScrollToHash,i as useWindowResize};

package/hooks/useFocusTrap.d.ts

@@ -1,8 +1,8 @@
 /**
  * A hook for trapping focus within an element.
  *
- * @param isActive Whether the trap is active, defaults to `true`.
+ * @param active Whether the trap is active, defaults to `true`.
  * @returns Ref object that must be passed to the element that should be trapped.
  */
-declare const useFocusTrap: <T extends HTMLElement>(isActive?: boolean) => import("react").RefObject<T | null>;
+declare const useFocusTrap: <T extends HTMLElement>(active?: boolean) => import("react").RefObject<T | null>;
 export default useFocusTrap;

package/hooks/useFocusTrap.js

@@ -1 +1 @@
-import{useEffect as i,useRef as d}from"react";var s='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]',c=function(r){r===void 0&&(r=!0);var u=d(null);return i(function(){var e=u.current;if(!(!r||!e)){var f=function(t){if(t.key==="Tab"){var n=e.querySelectorAll(s);if(!n.length){t.preventDefault();return}var o=n[0],l=n[n.length-1],a=document.activeElement;t.shiftKey?(a===o||!e.contains(a))&&(l.focus(),t.preventDefault()):(a===l||!e.contains(a))&&(o.focus(),t.preventDefault())}};return e.addEventListener("keydown",f,!0),function(){e.removeEventListener("keydown",f,!0)}}},[r]),u},v=c;export{v as default};
+import{useEffect as s,useRef as d}from"react";var c='a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], [tabindex]:not([tabindex="-1"])',n=[];function p(t){if(!t||n.length===1)return n[n.length-1];var a=n.filter(function(e){return e.contains(t)});return a.length<=0?n[n.length-1]:a.reduce(function(e,u){return e.contains(u)?u:e})}var b=function(t){t===void 0&&(t=!0);var a=d(null);return s(function(){var e=a.current;if(!(!t||!e)){n.push(e);var u=function(r){var i=document.activeElement;if(!(r.key!=="Tab"||p(i)!==e)){var f=e.querySelectorAll(c);if(f.length<=0){r.preventDefault();return}var o=f[0],l=f[f.length-1];r.shiftKey?(i===o||!t||!e.contains(i))&&(l.focus(),r.preventDefault()):(i===l||!t||!e.contains(i))&&(o.focus(),r.preventDefault())}};return e.addEventListener("keydown",u,!0),function(){e.removeEventListener("keydown",u,!0);var r=n.lastIndexOf(e);r>=0&&n.splice(r,1)}}},[t]),a},v=b;export{v as default};

package/hooks/useScrollLock.js

@@ -1 +1 @@
-import{useEffect as c}from"react";var i=0,e=function(){if(i+=1,i>1)return function(){i-=1};var t=window.scrollY,o=document.body.style,r=o.overflow,n=o.position,f=o.top,l=o.width;return o.overflow="hidden",o.position="fixed",o.top="-".concat(t,"px"),o.width="100%",function(){i-=1,!(i>0)&&(o.overflow=r,o.position=n,o.top=f,o.width=l,window.scrollTo({top:t,left:0,behavior:"instant"}))}},u=function(t){t===void 0&&(t=!0),c(function(){if(t)return e()},[t])},s=u;export{s as default};
+import{useEffect as d}from"react";var i=0,t=null;function l(){var o=document.body.style,n=window.innerWidth-document.documentElement.clientWidth;t={scrollY:window.scrollY,overflow:o.overflow,position:o.position,top:o.top,width:o.width,paddingRight:o.paddingRight},n>0&&(o.paddingRight="calc(".concat(getComputedStyle(document.body).paddingRight||"0px"," + ").concat(n,"px)")),o.overflow="hidden",o.position="fixed",o.top="-".concat(t.scrollY,"px"),o.width="100%"}function r(){if(t){var o=document.body.style;o.overflow=t.overflow,o.position=t.position,o.top=t.top,o.width=t.width,o.paddingRight=t.paddingRight,window.scrollTo({top:t.scrollY,left:0,behavior:"instant"}),t=null}}var c=function(){return i+=1,i===1&&l(),function(){i-=1,i===0&&r()}},e=function(o){o===void 0&&(o=!0),d(function(){if(o)return c()},[o])},p=e;export{p as default};

package/index.d.ts

@@ -1,29 +1,4 @@
-export { default as Accordion } from "./components/Accordion";
-export { default as Alert } from "./components/Alert";
-export { default as Animated } from "./components/Animated";
-export { default as Avatar } from "./components/Avatar";
-export { default as Badge } from "./components/Badge";
-export { default as Banner } from "./components/Banner";
-export { default as Box } from "./components/Box";
-export { default as Button } from "./components/Button";
-export * from "./components/Button";
-export { default as Carousel } from "./components/Carousel";
-export { default as ClickOutside } from "./components/ClickOutside";
-export { default as ErrorBoundary } from "./components/ErrorBoundary";
-export { default as Hamburger } from "./components/Hamburger";
-export * from "./components/Hamburger";
-export { default as Icon } from "./components/Icon";
-export { default as Input } from "./components/Input";
-export * from "./components/Input";
-export { default as Layer } from "./components/Layer";
-export { default as Modal } from "./components/Modal";
-export { default as Select } from "./components/Select";
-export { default as Spinner } from "./components/Spinner";
-export { default as Table } from "./components/Table";
-export { default as ui } from "./components/ui";
+export * from "./components";
 export * from "./hooks";
 export * from "./functions";
 export * from "./navigation";
-export { default as Autocomplete } from "./components/Autocomplete";
-export { default as Popover } from "./components/Popover";
-export { default as Tooltip } from "./components/Tooltip";

package/index.js

@@ -1 +1 @@
-import{default as e}from"./components/Accordion";import{default as a}from"./components/Alert";import{default as p}from"./components/Animated";import{default as l}from"./components/Avatar";import{default as x}from"./components/Badge";import{default as s}from"./components/Banner";import{default as i}from"./components/Box";import{default as A}from"./components/Button";export*from"./components/Button";import{default as g}from"./components/Carousel";import{default as y}from"./components/ClickOutside";import{default as I}from"./components/ErrorBoundary";import{default as T}from"./components/Hamburger";export*from"./components/Hamburger";import{default as H}from"./components/Icon";import{default as M}from"./components/Input";export*from"./components/Input";import{default as h}from"./components/Layer";import{default as q}from"./components/Modal";import{default as z}from"./components/Select";import{default as F}from"./components/Spinner";import{default as J}from"./components/Table";import{default as N}from"./components/ui";export*from"./hooks";export*from"./functions";export*from"./navigation";import{default as W}from"./components/Autocomplete";import{default as Y}from"./components/Popover";import{default as _}from"./components/Tooltip";export{e as Accordion,a as Alert,p as Animated,W as Autocomplete,l as Avatar,x as Badge,s as Banner,i as Box,A as Button,g as Carousel,y as ClickOutside,I as ErrorBoundary,T as Hamburger,H as Icon,M as Input,h as Layer,q as Modal,Y as Popover,z as Select,F as Spinner,J as Table,_ as Tooltip,N as ui};
+export*from"./components";export*from"./hooks";export*from"./functions";export*from"./navigation";

package/navigation/Link.d.ts

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

package/navigation/Link.js

@@ -1 +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};
+import{jsx as y}from"react/jsx-runtime";import c from"react";import{getButtonProps as d}from"../components/Button/Button";import h from"../components/ui";import x from"../functions/classNames";import{getHref as N}from"./href";import O from"./RouterContext";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(O),m=i?N(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(h.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=d({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/navigation/Route.d.ts

@@ -1,5 +1,7 @@
 import type * as React from "react";
 export type Props = {
+    /** Element to render when the path matches */
+    element: React.ReactElement;
     /**
      * Path pattern to match against window.location.pathname.
      * Currently, only 2 types are supported.
@@ -9,8 +11,6 @@ export type Props = {
      * @example "/movie/:id"
      */
     path: string;
-    /** Element to render when the path matches */
-    element: React.ReactElement;
 };
 /** A simple wrapper to be used by <Routes> */
 export default function Route({}: Props): null;

package/navigation/Router.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 export type Props = {
-    /** Children to render inside the router provider */
-    children: React.ReactNode;
     /**
      * Optional basename prefix for all internal navigation.
      * @example "/app"
      */
     basename?: string;
+    /** Children to render inside the router provider */
+    children: React.ReactNode;
     /**
      * Whether to reset the page scroll position to the top on navigation.
      * This applies when navigating to a different pathname (query/hash changes do not reset scroll).

package/navigation/Router.js

@@ -1 +1 @@
-import{jsx as w}from"react/jsx-runtime";import r from"react";import g from"./RouterContext";import{createRouterHistory as x,getCurrentLocation as L}from"./history";import{getHref as S,normalizeBasename as C}from"./href";function P(i){var p=i.children,n=i.basename,s=i.resetScroll,f=s===void 0?!0:s;n=C(n!=null?n:"");var l=r.useRef(null);l.current||(l.current=x());var o=l.current,v=r.useState(L),a=v[0],R=v[1],m=r.useRef(a),d=r.useRef(a.pathname),u=r.useRef(null),c=r.useCallback(function(){var e=u.current;e!==null&&(window.history.scrollRestoration=e,u.current=null)},[]);r.useLayoutEffect(function(){var e=o.addListener(function(t){m.current=t,R(t)});return function(){e(),o.cleanup()}},[o]),r.useLayoutEffect(function(){var e=d.current,t=a.pathname;if(d.current=t,!f){c();return}return u.current===null&&(u.current=window.history.scrollRestoration),window.history.scrollRestoration="manual",e!==t&&window.scrollTo({top:0,left:0,behavior:"instant"}),c},[a.pathname,f,c]);var h=r.useCallback(function(e,t){if(typeof e=="number")o.go(e);else{var b=S(e,m.current.pathname,n).url;o.update(b,t==null?void 0:t.historyMode)}},[o,n]),y=r.useMemo(function(){return{location:a,navigate:h,basename:n}},[a,h,n]);return w(g.Provider,{value:y,children:p})}export{P as default};
+import{jsx as w}from"react/jsx-runtime";import r from"react";import{createRouterHistory as g,getCurrentLocation as x}from"./history";import{getHref as L,normalizeBasename as S}from"./href";import C from"./RouterContext";function P(i){var p=i.children,n=i.basename,s=i.resetScroll,f=s===void 0?!0:s;n=S(n!=null?n:"");var l=r.useRef(null);l.current||(l.current=g());var o=l.current,v=r.useState(x),a=v[0],R=v[1],m=r.useRef(a),d=r.useRef(a.pathname),u=r.useRef(null),c=r.useCallback(function(){var e=u.current;e!==null&&(window.history.scrollRestoration=e,u.current=null)},[]);r.useLayoutEffect(function(){var e=o.addListener(function(t){m.current=t,R(t)});return function(){e(),o.cleanup()}},[o]),r.useLayoutEffect(function(){var e=d.current,t=a.pathname;if(d.current=t,!f){c();return}return u.current===null&&(u.current=window.history.scrollRestoration),window.history.scrollRestoration="manual",e!==t&&window.scrollTo({top:0,left:0,behavior:"instant"}),c},[a.pathname,f,c]);var h=r.useCallback(function(e,t){if(typeof e=="number")o.go(e);else{var b=L(e,m.current.pathname,n).url;o.update(b,t==null?void 0:t.historyMode)}},[o,n]),y=r.useMemo(function(){return{location:a,navigate:h,basename:n}},[a,h,n]);return w(C.Provider,{value:y,children:p})}export{P as default};

package/navigation/RouterContext.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
 import type { Location, Navigate } from "../types/navigation";
 type RouterContextValue = {
+    /** Optional basename prefix for all internal navigation */
+    basename: string;
     /** Current location */
     location: Location;
     /** Push-style navigation */
     navigate: Navigate;
-    /** Optional basename prefix for all internal navigation */
-    basename: string;
 };
 declare const RouterContext: React.Context<RouterContextValue | null>;
 export default RouterContext;

package/navigation/Routes.js

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

package/navigation/history.d.ts

@@ -1,4 +1,4 @@
-import type { Location, HistoryMode } from "../types/navigation";
+import type { HistoryMode, Location } from "../types/navigation";
 export declare function getCurrentLocation(): Location;
 type LocationListener = (location: Location) => void;
 export declare function createRouterHistory(): {

package/navigation/href.d.ts

@@ -1,5 +1,5 @@
 export type Href = {
-    type: "internal" | "external" | "octo" | "unknown";
+    type: "external" | "internal" | "octo" | "unknown";
     url: string;
 };
 export declare function getHref(to: string, pathname: string, normalizedBasename: string): Href;

package/navigation/index.d.ts

@@ -2,7 +2,7 @@ export { default as useLocation } from "./useLocation";
 export { default as useNavigate } from "./useNavigate";
 export { default as usePathParams } from "./usePathParams";
 export { default as useSearchParams } from "./useSearchParams";
-export { default as Router } from "./Router";
+export { ButtonLink, default as Link, UnstyledLink } from "./Link";
 export { default as Route } from "./Route";
+export { default as Router } from "./Router";
 export { default as Routes } from "./Routes";
-export { default as Link, UnstyledLink, ButtonLink } from "./Link";

package/navigation/index.js

@@ -1 +1 @@
-import{default as t}from"./useLocation";import{default as r}from"./useNavigate";import{default as s}from"./usePathParams";import{default as m}from"./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};
+import{default as t}from"./useLocation";import{default as r}from"./useNavigate";import{default as s}from"./usePathParams";import{default as m}from"./useSearchParams";import{ButtonLink as l,default as p,UnstyledLink as x}from"./Link";import{default as i}from"./Route";import{default as k}from"./Router";import{default as R}from"./Routes";export{l as ButtonLink,p as Link,i as Route,k as Router,R as Routes,x as UnstyledLink,t as useLocation,r as useNavigate,s as usePathParams,m as useSearchParams};

package/navigation/useRouterContext.d.ts

@@ -1,5 +1,5 @@
 export default function useRouterContext(name: string): {
+    basename: string;
     location: import("../types/navigation").Location;
     navigate: import("../types/navigation").Navigate;
-    basename: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.9.0",
+  "version": "1.9.2",
   "description": "Basic UI components and hooks for React in TypeScript",
   "type": "module",
   "main": "./index.js",
@@ -14,10 +14,10 @@
     "url": "git+https://github.com/adamjanicki2/ui.git"
   },
   "scripts": {
-    "clean": "python clean.py",
-    "lint": "eslint src test --max-warnings=0",
+    "clean": "python3 clean.py",
+    "lint": "eslint src test --fix && prettier --write \"src/**/*.{ts,tsx,json,css,scss,md}\" \"test/**/*.{ts,tsx}\"",
     "test": "jest --silent",
-    "build": "npm test && npm run lint && python build.py",
+    "build": "npm test && eslint src test --max-warnings=0 && python3 build.py",
     "prepare": "npm run build"
   },
   "peerDependencies": {