@maxio-com/react-ui-components 1.1.1 → 1.2.0

package/dist/index.esm.js

@@ -1 +1 @@
-import e,{useRef as t,useEffect as o,useState as a,useCallback as i,useMemo as r,useId as n}from"react";import l from"classnames";import{AnimatePresence as s,motion as c}from"framer-motion";import{useClick as m,useHover as d,useFocus as g,useDismiss as p,useFloating as f,offset as h,useInteractions as u,useRole as v,FloatingPortal as x}from"@floating-ui/react-dom-interactions";const E=({children:t,arrowPosition:o,size:a="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:l("maxio-tooltip",`maxio-tooltip--${a}`,{[`maxio-tooltip--arrow-${o}`]:o})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),b={click:m,hover:d,focus:g,dismiss:p},y=(e,t)=>t.map((t=>b[t](e))),_=({children:a,usePortal:i=!1,isActive:r=!1,placement:n="top",interactions:m=["hover"],role:d="tooltip",renderOverlay:g,floatingElementOffset:p,motionSettings:E={},autoHideMs:b,onOverlayUpdate:_,className:N})=>{const{getReferenceProps:P,getFloatingProps:k,refs:{floating:O,reference:w},floatingElementCSSPosition:C}=(({placement:e="top",isActive:a=!1,interactions:i=["hover"],floatingElementOffset:r=0,onOverlayUpdate:n,autoHideMs:l})=>{const s=t(null),{strategy:c,x:m,y:d,context:g,floating:p,reference:x}=f({placement:e,open:a,onOpenChange:e=>n(e),middleware:[h(r)]}),{getReferenceProps:E,getFloatingProps:b}=u([...y(g,i),v(g,{role:"tooltip"})]);return o((()=>{s.current&&clearTimeout(s.current),a&&l&&(s.current=setTimeout((()=>n(!1)),l))}),[a,l]),{isActive:a,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:E,getFloatingProps:b}})({role:d,isActive:r,onOverlayUpdate:_,autoHideMs:b,floatingElementOffset:p,interactions:m,placement:n}),W=e.createElement(s,null,r&&e.createElement(c.div,{ref:O,style:C,...E,...k()},g()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:w,className:l("maxio-inline-flex",N),...P(),"data-testid":"overlay-trigger"},a),i?e.createElement(x,{id:"maxio-ui-portal"},W):W)},N={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},P=({children:t,interactions:o=["hover"],placement:n="right",maxWidth:l=160,size:s="regular",renderContent:c,autoHideMs:m,isVisible:d,usePortal:g,className:p,onVisibilityUpdate:f})=>{const[h,u]=a(!1),v=void 0!==d,x=i((e=>{v||u(e),f&&f(e)}),[d]),b=r((()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",o=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:o},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:o},transition:{ease:[.4,0,.5,1],duration:.2}}})(n)),[n]);return e.createElement(_,{role:"tooltip",className:p,floatingElementOffset:5,motionSettings:b,isActive:v?d:h,onOverlayUpdate:x,autoHideMs:m,usePortal:g,placement:n,interactions:o,renderOverlay:()=>e.createElement(E,{size:s,arrowPosition:N[n],maxWidth:l},c())},t)},k=({defaultChecked:t,checked:o,onChange:a,disabled:r,valueDescription:s,valueDescriptionPosition:c,className:m,name:d,id:g})=>{const p=n(),f="boolean"==typeof t,h=g||p,u="left"===c?"row":"row-reverse",v=s&&c,x=i((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const t=e.currentTarget.checked;f&&(e.currentTarget.checked=!t),a&&a(!t,e)}}),[f,a]);return e.createElement("div",{className:l("maxio-toggle",m,{"maxio-toggle--disabled":r}),style:{display:"inline-flex",flexDirection:u},"data-testid":"toggle-container"},v?e.createElement("label",{className:"maxio-toggle__label",htmlFor:h},s):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:o,onChange:e=>{a&&a(e.target.checked,e)},onKeyDown:x,disabled:r,"aria-label":v?void 0:s,className:"maxio-toggle__checkbox",id:h,name:d}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":o},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))};export{k as Toggle,P as TooltipTrigger};
+import e,{useRef as t,useEffect as a,useState as o,useCallback as i,useMemo as r,useId as l}from"react";import n from"classnames";import{AnimatePresence as s,motion as c}from"framer-motion";import{useClick as m,useHover as d,useFocus as g,useDismiss as p,useFloating as f,offset as h,useInteractions as u,useRole as v,FloatingPortal as x}from"@floating-ui/react-dom-interactions";const E=({children:t,arrowPosition:a,size:o="regular",maxWidth:i=160})=>e.createElement("div",{"data-testid":"tooltip",className:n("maxio-tooltip",`maxio-tooltip--${o}`,{[`maxio-tooltip--arrow-${a}`]:a})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:i}},t)),b={click:m,hover:d,focus:g,dismiss:p},y=(e,t)=>t.map((t=>b[t](e))),N=({children:o,usePortal:i=!1,isActive:r=!1,placement:l="top",interactions:m=["hover"],role:d="tooltip",renderOverlay:g,floatingElementOffset:p,motionSettings:E={},autoHideMs:b,onOverlayUpdate:N,className:_})=>{const{getReferenceProps:P,getFloatingProps:k,refs:{floating:O,reference:w},floatingElementCSSPosition:C}=(({placement:e="top",isActive:o=!1,interactions:i=["hover"],floatingElementOffset:r=0,onOverlayUpdate:l,autoHideMs:n})=>{const s=t(null),{strategy:c,x:m,y:d,context:g,floating:p,reference:x}=f({placement:e,open:o,onOpenChange:e=>l(e),middleware:[h(r)]}),{getReferenceProps:E,getFloatingProps:b}=u([...y(g,i),v(g,{role:"tooltip"})]);return a((()=>{s.current&&clearTimeout(s.current),o&&n&&(s.current=setTimeout((()=>l(!1)),n))}),[o,n]),{isActive:o,refs:{floating:p,reference:x},floatingElementCSSPosition:{position:c,top:null!=d?d:0,left:null!=m?m:0},getReferenceProps:E,getFloatingProps:b}})({role:d,isActive:r,onOverlayUpdate:N,autoHideMs:b,floatingElementOffset:p,interactions:m,placement:l}),W=e.createElement(s,null,r&&e.createElement(c.div,{ref:O,style:C,...E,...k()},g()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:w,className:n("maxio-inline-flex",_),...P(),"data-testid":"overlay-trigger"},o),i?e.createElement(x,{id:"maxio-ui-portal"},W):W)},_={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"},P=({children:t,interactions:a=["hover"],placement:l="right",maxWidth:n=160,size:s="regular",renderContent:c,autoHideMs:m,isVisible:d,usePortal:g,className:p,onVisibilityUpdate:f})=>{const[h,u]=o(!1),v=void 0!==d,x=i((e=>{v||u(e),f&&f(e)}),[d]),b=r((()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",a=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:a},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:a},transition:{ease:[.4,0,.5,1],duration:.2}}})(l)),[l]);return e.createElement(N,{role:"tooltip",className:p,floatingElementOffset:5,motionSettings:b,isActive:v?d:h,onOverlayUpdate:x,autoHideMs:m,usePortal:g,placement:l,interactions:a,renderOverlay:()=>e.createElement(E,{size:s,arrowPosition:_[l],maxWidth:n},c())},t)},k=({defaultChecked:t,checked:a,onChange:o,disabled:r,valueDescription:s,valueDescriptionPosition:c,className:m,name:d,id:g})=>{const p=l(),f="boolean"==typeof t,h=g||p,u="left"===c?"row":"row-reverse",v=s&&c,x=i((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const t=e.currentTarget.checked;f&&(e.currentTarget.checked=!t),o&&o(!t,e)}}),[f,o]);return e.createElement("div",{className:n("maxio-toggle",m,{"maxio-toggle--disabled":r}),style:{display:"inline-flex",flexDirection:u},"data-testid":"toggle-container"},v?e.createElement("label",{className:"maxio-toggle__label",htmlFor:h},s):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:t,checked:a,onChange:e=>{o&&o(e.target.checked,e)},onKeyDown:x,disabled:r,"aria-label":v?void 0:s,className:"maxio-toggle__checkbox",id:h,name:d}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":a},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},O=({className:t,src:a,alt:o="avatar"})=>e.createElement("img",{className:n("maxio-avatar",t),alt:o,src:a}),w=({variant:t,white:a,className:o})=>e.createElement("i",{className:n("maxio-icon",`maxio-icon-${t}`,a&&"maxio-icon--white",o)});export{O as Avatar,w as Icon,k as Toggle,P as TooltipTrigger};

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("classnames"),o=require("framer-motion"),a=require("@floating-ui/react-dom-interactions");const i=({children:o,arrowPosition:a,size:i="regular",maxWidth:r=160})=>e.createElement("div",{"data-testid":"tooltip",className:t("maxio-tooltip",`maxio-tooltip--${i}`,{[`maxio-tooltip--arrow-${a}`]:a})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:r}},o)),r={click:a.useClick,hover:a.useHover,focus:a.useFocus,dismiss:a.useDismiss},l=(e,t)=>t.map((t=>r[t](e))),n=({children:i,usePortal:r=!1,isActive:n=!1,placement:s="top",interactions:c=["hover"],role:m="tooltip",renderOverlay:d,floatingElementOffset:g,motionSettings:p={},autoHideMs:f,onOverlayUpdate:u,className:h})=>{const{getReferenceProps:v,getFloatingProps:x,refs:{floating:b,reference:E},floatingElementCSSPosition:y}=(({placement:t="top",isActive:o=!1,interactions:i=["hover"],floatingElementOffset:r=0,onOverlayUpdate:n,autoHideMs:s})=>{const c=e.useRef(null),{strategy:m,x:d,y:g,context:p,floating:f,reference:u}=a.useFloating({placement:t,open:o,onOpenChange:e=>n(e),middleware:[a.offset(r)]}),{getReferenceProps:h,getFloatingProps:v}=a.useInteractions([...l(p,i),a.useRole(p,{role:"tooltip"})]);return e.useEffect((()=>{c.current&&clearTimeout(c.current),o&&s&&(c.current=setTimeout((()=>n(!1)),s))}),[o,s]),{isActive:o,refs:{floating:f,reference:u},floatingElementCSSPosition:{position:m,top:null!=g?g:0,left:null!=d?d:0},getReferenceProps:h,getFloatingProps:v}})({role:m,isActive:n,onOverlayUpdate:u,autoHideMs:f,floatingElementOffset:g,interactions:c,placement:s}),_=e.createElement(o.AnimatePresence,null,n&&e.createElement(o.motion.div,{ref:b,style:y,...p,...x()},d()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:E,className:t("maxio-inline-flex",h),...v(),"data-testid":"overlay-trigger"},i),r?e.createElement(a.FloatingPortal,{id:"maxio-ui-portal"},_):_)},s={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"};exports.Toggle=({defaultChecked:o,checked:a,onChange:i,disabled:r,valueDescription:l,valueDescriptionPosition:n,className:s,name:c,id:m})=>{const d=e.useId(),g="boolean"==typeof o,p=m||d,f="left"===n?"row":"row-reverse",u=l&&n,h=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const t=e.currentTarget.checked;g&&(e.currentTarget.checked=!t),i&&i(!t,e)}}),[g,i]);return e.createElement("div",{className:t("maxio-toggle",s,{"maxio-toggle--disabled":r}),style:{display:"inline-flex",flexDirection:f},"data-testid":"toggle-container"},u?e.createElement("label",{className:"maxio-toggle__label",htmlFor:p},l):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:o,checked:a,onChange:e=>{i&&i(e.target.checked,e)},onKeyDown:h,disabled:r,"aria-label":u?void 0:l,className:"maxio-toggle__checkbox",id:p,name:c}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":a},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},exports.TooltipTrigger=({children:t,interactions:o=["hover"],placement:a="right",maxWidth:r=160,size:l="regular",renderContent:c,autoHideMs:m,isVisible:d,usePortal:g,className:p,onVisibilityUpdate:f})=>{const[u,h]=e.useState(!1),v=void 0!==d,x=e.useCallback((e=>{v||h(e),f&&f(e)}),[d]),b=e.useMemo((()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",o=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:o},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:o},transition:{ease:[.4,0,.5,1],duration:.2}}})(a)),[a]);return e.createElement(n,{role:"tooltip",className:p,floatingElementOffset:5,motionSettings:b,isActive:v?d:u,onOverlayUpdate:x,autoHideMs:m,usePortal:g,placement:a,interactions:o,renderOverlay:()=>e.createElement(i,{size:l,arrowPosition:s[a],maxWidth:r},c())},t)};
+"use strict";var e=require("react"),t=require("classnames"),a=require("framer-motion"),o=require("@floating-ui/react-dom-interactions");const i=({children:a,arrowPosition:o,size:i="regular",maxWidth:r=160})=>e.createElement("div",{"data-testid":"tooltip",className:t("maxio-tooltip",`maxio-tooltip--${i}`,{[`maxio-tooltip--arrow-${o}`]:o})},e.createElement("div",{className:"maxio-tooltip__content",style:{maxWidth:r}},a)),r={click:o.useClick,hover:o.useHover,focus:o.useFocus,dismiss:o.useDismiss},l=(e,t)=>t.map((t=>r[t](e))),n=({children:i,usePortal:r=!1,isActive:n=!1,placement:s="top",interactions:c=["hover"],role:m="tooltip",renderOverlay:g,floatingElementOffset:d,motionSettings:p={},autoHideMs:f,onOverlayUpdate:u,className:h})=>{const{getReferenceProps:v,getFloatingProps:x,refs:{floating:E,reference:b},floatingElementCSSPosition:y}=(({placement:t="top",isActive:a=!1,interactions:i=["hover"],floatingElementOffset:r=0,onOverlayUpdate:n,autoHideMs:s})=>{const c=e.useRef(null),{strategy:m,x:g,y:d,context:p,floating:f,reference:u}=o.useFloating({placement:t,open:a,onOpenChange:e=>n(e),middleware:[o.offset(r)]}),{getReferenceProps:h,getFloatingProps:v}=o.useInteractions([...l(p,i),o.useRole(p,{role:"tooltip"})]);return e.useEffect((()=>{c.current&&clearTimeout(c.current),a&&s&&(c.current=setTimeout((()=>n(!1)),s))}),[a,s]),{isActive:a,refs:{floating:f,reference:u},floatingElementCSSPosition:{position:m,top:null!=d?d:0,left:null!=g?g:0},getReferenceProps:h,getFloatingProps:v}})({role:m,isActive:n,onOverlayUpdate:u,autoHideMs:f,floatingElementOffset:d,interactions:c,placement:s}),N=e.createElement(a.AnimatePresence,null,n&&e.createElement(a.motion.div,{ref:E,style:y,...p,...x()},g()));return e.createElement(e.Fragment,null,e.createElement("div",{ref:b,className:t("maxio-inline-flex",h),...v(),"data-testid":"overlay-trigger"},i),r?e.createElement(o.FloatingPortal,{id:"maxio-ui-portal"},N):N)},s={top:"bottom",right:"left",bottom:"top",left:"right","top-start":"bottom-left","top-end":"bottom-right","right-start":"left-top","right-end":"left-bottom","bottom-start":"top-left","bottom-end":"top-right","left-start":"right-top","left-end":"right-bottom"};exports.Avatar=({className:a,src:o,alt:i="avatar"})=>e.createElement("img",{className:t("maxio-avatar",a),alt:i,src:o}),exports.Icon=({variant:a,white:o,className:i})=>e.createElement("i",{className:t("maxio-icon",`maxio-icon-${a}`,o&&"maxio-icon--white",i)}),exports.Toggle=({defaultChecked:a,checked:o,onChange:i,disabled:r,valueDescription:l,valueDescriptionPosition:n,className:s,name:c,id:m})=>{const g=e.useId(),d="boolean"==typeof a,p=m||g,f="left"===n?"row":"row-reverse",u=l&&n,h=e.useCallback((e=>{if("Enter"===e.code||"Space"===e.code){e.preventDefault();const t=e.currentTarget.checked;d&&(e.currentTarget.checked=!t),i&&i(!t,e)}}),[d,i]);return e.createElement("div",{className:t("maxio-toggle",s,{"maxio-toggle--disabled":r}),style:{display:"inline-flex",flexDirection:f},"data-testid":"toggle-container"},u?e.createElement("label",{className:"maxio-toggle__label",htmlFor:p},l):null,e.createElement("div",{className:"maxio-toggle__container"},e.createElement("input",{type:"checkbox",defaultChecked:a,checked:o,onChange:e=>{i&&i(e.target.checked,e)},onKeyDown:h,disabled:r,"aria-label":u?void 0:l,className:"maxio-toggle__checkbox",id:p,name:c}),e.createElement("div",{className:"maxio-toggle__track",role:"switch","aria-checked":o},e.createElement("div",{className:"maxio-toggle__handle"}),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-on"})),e.createElement("span",{className:"maxio-toggle__icon"},e.createElement("i",{className:"maxio-toggle__icon-off"})))))},exports.TooltipTrigger=({children:t,interactions:a=["hover"],placement:o="right",maxWidth:r=160,size:l="regular",renderContent:c,autoHideMs:m,isVisible:g,usePortal:d,className:p,onVisibilityUpdate:f})=>{const[u,h]=e.useState(!1),v=void 0!==g,x=e.useCallback((e=>{v||h(e),f&&f(e)}),[g]),E=e.useMemo((()=>(e=>{const t=e.startsWith("top")||e.startsWith("bottom")?"Y":"X",a=`translate${t}(${e.startsWith("bottom")||e.startsWith("right")?"-":""}10px)`;return{initial:{opacity:0,visibility:"hidden",transform:a},animate:{opacity:1,visibility:"visible",transform:`translate${t}(0px)`},exit:{opacity:0,visibility:"hidden",transform:a},transition:{ease:[.4,0,.5,1],duration:.2}}})(o)),[o]);return e.createElement(n,{role:"tooltip",className:p,floatingElementOffset:5,motionSettings:E,isActive:v?g:u,onOverlayUpdate:x,autoHideMs:m,usePortal:d,placement:o,interactions:a,renderOverlay:()=>e.createElement(i,{size:l,arrowPosition:s[o],maxWidth:r},c())},t)};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "1.1.1",
+  "version": "1.2.0",
   "description": "React UI components",
   "license": "MIT",
   "main": "dist/index.js",
@@ -47,5 +47,5 @@
     "classnames": "^2.3.2",
     "framer-motion": "^7.6.4"
   },
-  "gitHead": "688cc56590f25f09adec7bbac5c3e49e1e81019a"
+  "gitHead": "ae9a29cb263857e277c75fad97543d528ea9d4b8"
 }

package/typings/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import React, { FC } from 'react';
 import { AnimationProps } from 'framer-motion';
 
@@ -54,4 +55,25 @@ declare type ToggleProps = {
 };
 declare const Toggle: ({ defaultChecked, checked, onChange, disabled, valueDescription, valueDescriptionPosition, className, name, id, }: ToggleProps) => JSX.Element;
 
-export { Toggle, TooltipTrigger };
+declare type AvatarProps = {
+    className?: string;
+    src: string;
+    alt?: string;
+};
+
+declare const Avatar: ({ className, src, alt }: AvatarProps) => JSX.Element;
+//# sourceMappingURL=Avatar.d.ts.map
+
+declare const ICONS: readonly ["address-card", "arrow-down", "arrow-down-left", "arrow-down-right", "arrow-left", "arrow-left-right", "arrow-right", "arrow-up", "arrow-up-left", "arrow-up-right", "bank", "bar-chart", "briefcase", "building", "business-intelligence", "chat", "check", "check-circle", "chevron-down", "circle-dash", "circle-fill", "circle-stroke", "clipboard", "cloud", "cog", "copy-file", "credit-card", "cross", "cross-circle", "dashboard", "document", "document-blank", "dollar", "edit", "error", "globe", "graph", "home", "info-circle", "life-buoy", "list", "login", "logout", "megaphone", "menu", "menu-chevron-left", "menu-chevron-right", "notification", "notification-unread", "plus", "plus-circle", "profile", "question-circle", "recently-viewed", "search", "trash", "warning-circle"];
+
+declare type IconVariant = typeof ICONS[number];
+declare type IconProps = {
+    className?: string;
+    variant: IconVariant;
+    white?: boolean;
+};
+
+declare const Icon: ({ variant, white, className }: IconProps) => JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map
+
+export { Avatar, Icon, Toggle, TooltipTrigger };