freemium-ui 2.0.90 → 2.1.0-alpha.0

package/lib/Accordion-Ccv-p2G6.js

@@ -0,0 +1,134 @@
+import{u as n,_ as e,a as t,b as o}from"./styled-components.browser.esm-Bq2p-e5F.js"
+
+;import r,{forwardRef as a,createElement as i,useCallback as l,useState as c,useRef as s,useEffect as d}from"react"
+;import{a as p,_ as u,$ as m}from"./index-ByHJlnsx.js"
+;import{$ as f,c as h}from"./index-BdTXfGkV.js"
+;import{$ as g}from"./index-Cjkk7z9c.js"
+;import{a as b,$ as v}from"./index-CeIB4COQ.js"
+;import{$ as x}from"./index-Dy5ztCxm.js";import{$ as y}from"./index-BxNZ3C71.js"
+;import{$ as w}from"./index-BY9lf-do.js"
+;import{w as A,x as C}from"./keyframes-PnzFl0I5.js"
+;import{C as E}from"./ChevronUp-BWiG3XYd.js"
+;const _="Collapsible",[I,k]=f(_),[N,R]=I(_),j=a(((n,e)=>{
+const{__scopeCollapsible:t,open:o,defaultOpen:r,disabled:a,onOpenChange:c,...s}=n,[d=!1,m]=b({
+prop:o,defaultProp:r,onChange:c});return i(N,{scope:t,disabled:a,contentId:y(),
+open:d,onOpenToggle:l((()=>m((n=>!n))),[m])},i(p.div,u({"data-state":T(d),
+"data-disabled":a?"":void 0},s,{ref:e})))})),V=a(((n,e)=>{
+const{__scopeCollapsible:t,...o}=n,r=R("CollapsibleTrigger",t)
+;return i(p.button,u({type:"button","aria-controls":r.contentId,
+"aria-expanded":r.open||!1,"data-state":T(r.open),
+"data-disabled":r.disabled?"":void 0,disabled:r.disabled},o,{ref:e,
+onClick:v(n.onClick,r.onOpenToggle)}))})),D="CollapsibleContent",$=a(((n,e)=>{
+const{forceMount:t,...o}=n,r=R(D,n.__scopeCollapsible);return i(x,{
+present:t||r.open},(({present:n})=>i(O,u({},o,{ref:e,present:n}))))
+})),O=a(((n,e)=>{
+const{__scopeCollapsible:t,present:o,children:r,...a}=n,l=R(D,t),[f,g]=c(o),b=s(null),v=m(e,b),x=s(0),y=x.current,w=s(0),A=w.current,C=l.open||f,E=s(C),_=s()
+;return d((()=>{const n=requestAnimationFrame((()=>E.current=!1))
+;return()=>cancelAnimationFrame(n)}),[]),h((()=>{const n=b.current;if(n){
+_.current=_.current||{transitionDuration:n.style.transitionDuration,
+animationName:n.style.animationName
+},n.style.transitionDuration="0s",n.style.animationName="none"
+;const e=n.getBoundingClientRect()
+;x.current=e.height,w.current=e.width,E.current||(n.style.transitionDuration=_.current.transitionDuration,
+n.style.animationName=_.current.animationName),g(o)}}),[l.open,o]),i(p.div,u({
+"data-state":T(l.open),"data-disabled":l.disabled?"":void 0,id:l.contentId,
+hidden:!C},a,{ref:v,style:{
+"--radix-collapsible-content-height":y?`${y}px`:void 0,
+"--radix-collapsible-content-width":A?`${A}px`:void 0,...n.style}}),C&&r)}))
+;function T(n){return n?"open":"closed"}
+const z=j,H=V,P=$,F="Accordion",S=["Home","End","ArrowDown","ArrowUp","ArrowLeft","ArrowRight"],[U,K,L]=g(F),[q,B]=f(F,[L,k]),M=k(),W=r.forwardRef(((n,e)=>{
+const{type:t,...o}=n,a=o,i=o;return r.createElement(U.Provider,{
+scope:n.__scopeAccordion},"multiple"===t?r.createElement(Z,u({},i,{ref:e
+})):r.createElement(Y,u({},a,{ref:e})))}));W.propTypes={type(n){
+const e=n.value||n.defaultValue
+;return n.type&&!["single","multiple"].includes(n.type)?new Error("Invalid prop `type` supplied to `Accordion`. Expected one of `single | multiple`."):"multiple"===n.type&&"string"==typeof e?new Error("Invalid prop `type` supplied to `Accordion`. Expected `single` when `defaultValue` or `value` is type `string`."):"single"===n.type&&Array.isArray(e)?new Error("Invalid prop `type` supplied to `Accordion`. Expected `multiple` when `defaultValue` or `value` is type `string[]`."):null
+}};const[G,J]=q(F),[Q,X]=q(F,{collapsible:!1}),Y=r.forwardRef(((n,e)=>{
+const{value:t,defaultValue:o,onValueChange:a=(()=>{}),collapsible:i=!1,...l}=n,[c,s]=b({
+prop:t,defaultProp:o,onChange:a});return r.createElement(G,{
+scope:n.__scopeAccordion,value:c?[c]:[],onItemOpen:s,
+onItemClose:r.useCallback((()=>i&&s("")),[i,s])},r.createElement(Q,{
+scope:n.__scopeAccordion,collapsible:i},r.createElement(tn,u({},l,{ref:e}))))
+})),Z=r.forwardRef(((n,e)=>{
+const{value:t,defaultValue:o,onValueChange:a=(()=>{}),...i}=n,[l=[],c]=b({
+prop:t,defaultProp:o,onChange:a
+}),s=r.useCallback((n=>c(((e=[])=>[...e,n]))),[c]),d=r.useCallback((n=>c(((e=[])=>e.filter((e=>e!==n))))),[c])
+;return r.createElement(G,{scope:n.__scopeAccordion,value:l,onItemOpen:s,
+onItemClose:d},r.createElement(Q,{scope:n.__scopeAccordion,collapsible:!0
+},r.createElement(tn,u({},i,{ref:e}))))
+})),[nn,en]=q(F),tn=r.forwardRef(((n,e)=>{
+const{__scopeAccordion:t,disabled:o,dir:a,orientation:i="vertical",...l}=n,c=r.useRef(null),s=m(c,e),d=K(t),f="ltr"===w(a),h=v(n.onKeyDown,(n=>{
+var e;if(!S.includes(n.key))return;const t=n.target,o=d().filter((n=>{var e
+;return!(null!==(e=n.ref.current)&&void 0!==e&&e.disabled)
+})),r=o.findIndex((n=>n.ref.current===t)),a=o.length;if(-1===r)return
+;n.preventDefault();let l=r;const c=a-1,s=()=>{l=r+1,l>c&&(l=0)},p=()=>{
+l=r-1,l<0&&(l=c)};switch(n.key){case"Home":l=0;break;case"End":l=c;break
+;case"ArrowRight":"horizontal"===i&&(f?s():p());break;case"ArrowDown":
+"vertical"===i&&s();break;case"ArrowLeft":"horizontal"===i&&(f?p():s());break
+;case"ArrowUp":"vertical"===i&&p()}
+null===(e=o[l%a].ref.current)||void 0===e||e.focus()}))
+;return r.createElement(nn,{scope:t,disabled:o,direction:a,orientation:i
+},r.createElement(U.Slot,{scope:t},r.createElement(p.div,u({},l,{
+"data-orientation":i,ref:s,onKeyDown:o?void 0:h}))))
+})),on="AccordionItem",[rn,an]=q(on),ln="AccordionTrigger";function cn(n){
+return n?"open":"closed"}const sn=r.forwardRef(((n,e)=>{
+const{__scopeAccordion:t,value:o,...a}=n,i=en(on,t),l=J(on,t),c=M(t),s=y(),d=o&&l.value.includes(o)||!1,p=i.disabled||n.disabled
+;return r.createElement(rn,{scope:t,open:d,disabled:p,triggerId:s
+},r.createElement(z,u({"data-orientation":i.orientation,"data-state":cn(d)
+},c,a,{ref:e,disabled:p,open:d,onOpenChange:n=>{
+n?l.onItemOpen(o):l.onItemClose(o)}})))})),dn=r.forwardRef(((n,e)=>{
+const{__scopeAccordion:t,...o}=n,a=en(F,t),i=an("AccordionHeader",t)
+;return r.createElement(p.h3,u({"data-orientation":a.orientation,
+"data-state":cn(i.open),"data-disabled":i.disabled?"":void 0},o,{ref:e}))
+})),pn=r.forwardRef(((n,e)=>{
+const{__scopeAccordion:t,...o}=n,a=en(F,t),i=an(ln,t),l=X(ln,t),c=M(t)
+;return r.createElement(U.ItemSlot,{scope:t},r.createElement(H,u({
+"aria-disabled":i.open&&!l.collapsible||void 0,"data-orientation":a.orientation,
+id:i.triggerId},c,o,{ref:e})))})),un=r.forwardRef(((n,e)=>{
+const{__scopeAccordion:t,...o}=n,a=en(F,t),i=an("AccordionContent",t),l=M(t)
+;return r.createElement(P,u({role:"region","aria-labelledby":i.triggerId,
+"data-orientation":a.orientation},l,o,{ref:e,style:{
+"--radix-accordion-content-height":"var(--radix-collapsible-content-height)",
+"--radix-accordion-content-width":"var(--radix-collapsible-content-width)",
+...n.style}}))}))
+;var mn,fn,hn,gn,bn,vn,xn=n(W)(mn||(mn=e(["\n  border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 2px 9px ",";\n"],["\n  border-radius: 6px;\n  background-color: ",";\n  box-shadow: 0px 2px 9px ",";\n"])),(function(n){
+return n.theme.colors.fill.surface}),(function(n){
+return n.theme.colors.border.normal
+})),yn=n(sn)(fn||(fn=e(["\n  overflow: hidden;\n  margin-top: 1px;\n  direction: ",";\n  &:first-child {\n    margin-top: 0;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n  &:last-child {\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n  &:focus-within {\n    position: relative;\n    z-index: 1;\n    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);\n  }\n"],["\n  overflow: hidden;\n  margin-top: 1px;\n  direction: ",";\n  &:first-child {\n    margin-top: 0;\n    border-top-left-radius: 4px;\n    border-top-right-radius: 4px;\n  }\n  &:last-child {\n    border-bottom-left-radius: 4px;\n    border-bottom-right-radius: 4px;\n  }\n  &:focus-within {\n    position: relative;\n    z-index: 1;\n    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.1);\n  }\n"])),(function(n){
+return n.theme.direction
+})),wn=n(dn)(hn||(hn=e(["\n  display: flex;\n  margin: 0;\n"],["\n  display: flex;\n  margin: 0;\n"]))),An=n(pn)(gn||(gn=e(["\n  font-family: ",";\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n  font-weight: ",";\n  padding: 0 20px;\n  height: 45px;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ",";\n  border: unset;\n  .AccordionChevron {\n    fill: ",";\n    transform: rotate(0deg);\n    transition: transform;\n    transition-duration: ",";\n    transition-timing-function: ",";\n  }\n  &:hover {\n    background-color: ",";\n  }\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n    .AccordionChevron {\n      fill: ",";\n    }\n  }\n  &[data-state='open'] > .AccordionChevron {\n    transform: rotate(180deg);\n  }\n"],["\n  font-family: ",";\n  color: ",";\n  line-height: ",";\n  font-size: ",";\n  font-weight: ",";\n  padding: 0 20px;\n  height: 45px;\n  flex: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  background-color: ",";\n  border: unset;\n  .AccordionChevron {\n    fill: ",";\n    transform: rotate(0deg);\n    transition: transform;\n    transition-duration: ",";\n    transition-timing-function: ",";\n  }\n  &:hover {\n    background-color: ",";\n  }\n  &[data-disabled] {\n    color: ",";\n    cursor: not-allowed;\n    pointer-events: none;\n    .AccordionChevron {\n      fill: ",";\n    }\n  }\n  &[data-state='open'] > .AccordionChevron {\n    transform: rotate(180deg);\n  }\n"])),(function(n){
+return n.theme.typography.fontFamily}),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.typography.primary.fontSize}),(function(n){
+return n.theme.typography.fontWeight.bold}),(function(n){
+return n.theme.colors.fill.surface}),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.transitions.duration.standard}),(function(n){
+return n.theme.transitions.easing.easeIn}),(function(n){
+return n.theme.colors.fill.hover}),(function(n){
+return n.theme.colors.text.disabled}),(function(n){
+return n.theme.colors.text.disabled
+})),Cn=n(un)(bn||(bn=e(["\n  overflow: hidden;\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"],["\n  overflow: hidden;\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  &[data-state='open'] {\n    animation-name: ",";\n  }\n  &[data-state='closed'] {\n    animation-name: ",";\n  }\n"])),(function(n){
+return n.theme.colors.fill.surface}),(function(n){
+return n.theme.transitions.duration.standard}),(function(n){
+return n.theme.transitions.easing.easeIn}),A,C)
+;n(E)(vn||(vn=e(["\n  color: var(--violet-10);\n  transition-property: transform;\n  transition-duration: ",";\n  transition-timing-function: ",";\n"],["\n  color: var(--violet-10);\n  transition-property: transform;\n  transition-duration: ",";\n  transition-timing-function: ",";\n"])),(function(n){
+return n.theme.transitions.duration.standard}),(function(n){
+return n.theme.transitions.easing.easeIn}));var En=function(n){
+var e=n.idAccessor,a=void 0===e?"id":e,i=n.nameAccessor,l=void 0===i?"name":i,c=n.renderContent,s=n.hideIcon,d=void 0!==s&&s,p=n.renderTitle,u=n.options,m=void 0===u?[]:u,f=n.value,h=n.onChange,g=n.defaultValue,b=t(n,["idAccessor","nameAccessor","renderContent","hideIcon","renderTitle","options","value","onChange","defaultValue"])
+;return r.createElement(xn,o({className:"AccordionRoot",type:"single",
+collapsible:!0,value:f,defaultValue:g,onValueChange:h},b),m.map((function(n){
+return r.createElement(yn,{key:null==n?void 0:n[a],className:"AccordionItem",
+value:null==n?void 0:n[a],disabled:null==n?void 0:n.disabled
+},r.createElement(_n,{hideIcon:d
+},p?p(n):null==n?void 0:n[l]),r.createElement(In,null,c?c(n):null))})))
+},_n=r.forwardRef((function(n,e){
+var a=n.children,i=n.className,l=n.hideIcon,c=t(n,["children","className","hideIcon"])
+;return r.createElement(wn,{className:"AccordionHeader"},r.createElement(An,o({
+className:"AccordionTrigger ".concat(null!=i?i:"").trim()},c,{ref:e
+}),a,!l&&r.createElement(E,{className:"AccordionChevron"})))
+})),In=r.forwardRef((function(n,e){
+var a=n.children,i=n.className,l=t(n,["children","className"])
+;return r.createElement(Cn,o({
+className:"AccordionContent ".concat(null!=i?i:"").trim()},l,{ref:e}),a)}))
+;export{En as A};

package/lib/Accordion.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import React$1 from 'react';
+import { AccordionSingleProps } from '@radix-ui/react-accordion';
+
+interface AccordionItemProps {
+    id: string;
+    name: string;
+    hide?: boolean;
+    disabled?: boolean;
+    [key: string]: any;
+}
+interface AccordionProps<T extends AccordionItemProps = AccordionItemProps> extends Omit<React.HtmlHTMLAttributes<HTMLElement>, 'onChange' | 'dir'> {
+    /**
+     * options for Tabs
+     */
+    options?: Array<T>;
+    /**
+     * options for Tabs
+     */
+    renderContent?: (accordianOption: T) => React.ReactNode;
+    /**
+     * options for Tabs
+     */
+    renderTitle?: (accordianOption: T) => React.ReactNode;
+    /**
+     * Id accessor of tabes
+     */
+    idAccessor?: string;
+    /**
+     * Id accessor of tabes
+     */
+    hideIcon?: boolean;
+    /**
+     * Name accessor of tabes
+     */
+    nameAccessor?: string;
+    /**
+     * value for tabs
+     */
+    value?: AccordionSingleProps['value'];
+    /**
+     * default value of tabes
+     */
+    defaultValue?: AccordionSingleProps['defaultValue'];
+    /**
+     * Function to be called when the selected item changes
+     */
+    onChange?: AccordionSingleProps['onValueChange'];
+}
+
+/**
+ * Accordion component from the design system.
+ */
+declare const Accordion: <T extends AccordionItemProps>({ idAccessor, nameAccessor, renderContent, hideIcon, renderTitle, options, value, onChange, defaultValue, ...props }: AccordionProps<T>) => React$1.JSX.Element;
+
+export { Accordion, type AccordionItemProps, type AccordionProps };

package/lib/Accordion.js

@@ -0,0 +1,7 @@
+export{A as Accordion}from"./Accordion-Ccv-p2G6.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react"
+;import"./index-ByHJlnsx.js";import"react-dom";import"./index-BdTXfGkV.js"
+;import"./index-Cjkk7z9c.js";import"./index-CeIB4COQ.js"
+;import"./index-Dy5ztCxm.js";import"./index-BxNZ3C71.js"
+;import"./index-BY9lf-do.js";import"./keyframes-PnzFl0I5.js"
+;import"./ChevronUp-BWiG3XYd.js";

package/lib/Alert-BtEbkVK1.js

@@ -0,0 +1,52 @@
+import{u as n,_ as e,f as t,b as i,a as r,e as o}from"./styled-components.browser.esm-Bq2p-e5F.js"
+;import l from"react";import{a,F as s}from"./index-D8E8s0tV.js"
+;import{b as c}from"./keyframes-PnzFl0I5.js"
+;import{C as m}from"./Cross-CIeKwtq6.js";import{I as f}from"./Info-BsILbpCG.js"
+;import{T as d}from"./Typography-BcAppjDF.js"
+;var p,u,g,C=n.div(u||(u=e(["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 12px;\n  width: 100%;\n  min-width: 320px;\n  font-size: 14px;\n  box-shadow: 0px -1px 0px 0px "," inset;\n  color: ",";\n  line-height: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-name: ",";\n  ","\n  direction: ",";\n"],["\n  display: flex;\n  align-items: center;\n  padding: 8px 12px;\n  gap: 12px;\n  width: 100%;\n  min-width: 320px;\n  font-size: 14px;\n  box-shadow: 0px -1px 0px 0px "," inset;\n  color: ",";\n  line-height: ",";\n  font-weight: ",";\n  font-family: ",";\n  border-bottom: 1px solid\n    ",";\n  background-color: ",";\n  animation-duration: ",";\n  animation-timing-function: ",";\n  animation-name: ",";\n  ","\n  direction: ",";\n"])),(function(n){
+var e=n.level;return n.theme.colors.semantic[e].border}),(function(n){
+return n.theme.colors.text.primary}),(function(n){
+return n.theme.typography.primary.lineHeight}),(function(n){
+return n.theme.typography.primary.fontWeight}),(function(n){
+return n.theme.typography.fontFamily}),(function(n){var e=n.level
+;return n.theme.colors.semantic[e].border}),(function(n){var e=n.level
+;return n.theme.colors.semantic[e].bg}),(function(n){
+return n.theme.transitions.duration.standard}),(function(n){
+return n.theme.transitions.easing.easeIn}),c,(function(n){var i=n.iconAlignment
+;return t(p||(p=e(["\n    .alert-icon {\n      align-self: ",";\n      margin-top: 2px;\n    }\n\n    "," {\n      align-self: ",";\n    }\n  "],["\n    .alert-icon {\n      align-self: ",";\n      margin-top: 2px;\n    }\n\n    "," {\n      align-self: ",";\n    }\n  "])),i,a,i)
+}),(function(n){return n.theme.direction
+})),h=n.div(g||(g=e(["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  direction: ",";\n  justify-content: ",";\n  & .alert-icon {\n    margin: 0 4px;\n    min-width: 18px;\n  }\n"],["\n  flex: 1;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  direction: ",";\n  justify-content: ",";\n  & .alert-icon {\n    margin: 0 4px;\n    min-width: 18px;\n  }\n"])),(function(n){
+return n.theme.direction}),(function(n){return n.align
+})),x=l.forwardRef((function(n,e){return l.createElement("svg",i({width:"16",
+height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"
+},n,{ref:e}),l.createElement("rect",{width:"16",height:"16",fill:"white",
+"fill-opacity":"0.01"}),l.createElement("path",{fill:n.fill,
+"fill-rule":"evenodd","clip-rule":"evenodd",
+d:"M1 8C1 11.86 4.14 15 8 15H8.01C11.87 15 15.01 11.86 15.01 8C15.01 7.69 14.98 7.38 14.93 7C14.88 6.67 14.57 6.45 14.25 6.49C13.92 6.54 13.69 6.84 13.74 7.17C13.79 7.49 13.81 7.75 13.81 8C13.81 11.2 11.21 13.8 8.01 13.8C4.81 13.8 2.21 11.2 2.21 8C2.21 4.8 4.81 2.2 8.01 2.2C8.73 2.2 9.46 2.35 10.17 2.64C10.47 2.77 10.83 2.62 10.95 2.31C11.07 2.01 10.93 1.66 10.62 1.53C9.76 1.18 8.88 1 8 1C4.14 1 1 4.14 1 8ZM6.65003 10.35C6.76003 10.47 6.91003 10.53 7.07003 10.53L7.08003 10.54C7.23003 10.54 7.39003 10.47 7.50003 10.36L13.43 4.42997C13.66 4.18997 13.66 3.80997 13.43 3.57997C13.19 3.34997 12.81 3.34997 12.58 3.57997L7.08003 9.07997L5.49003 7.48997C5.25003 7.25997 4.88003 7.25997 4.64003 7.48997C4.41003 7.72997 4.41003 8.10997 4.64003 8.33997L6.65003 10.35Z"
+}))})),v=l.forwardRef((function(n,e){return l.createElement("svg",i({width:"18",
+height:"18",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"
+},n,{ref:e}),l.createElement("path",{fill:n.fill,"fill-rule":"evenodd",
+"clip-rule":"evenodd",
+d:"M2 10C2 5.58172 5.58172 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10C18 14.4183 14.4183 18 10 18C5.58172 18 2 14.4183 2 10ZM3.4 10C3.4 13.6451 6.35492 16.6 10 16.6C13.6428 16.5945 16.5945 13.6428 16.6 10C16.6 6.35492 13.6451 3.4 10 3.4C6.35492 3.4 3.4 6.35492 3.4 10ZM9.34998 10.31V6.7C9.34998 6.44991 9.48339 6.21883 9.69998 6.09378C9.91656 5.96874 10.1834 5.96874 10.4 6.09378C10.6166 6.21883 10.75 6.44991 10.75 6.7V10.31C10.75 10.6966 10.4366 11.01 10.05 11.01C9.66338 11.01 9.34998 10.6966 9.34998 10.31ZM9 13.1099C9 12.53 9.4701 12.0599 10.05 12.0599C10.3327 12.0454 10.6083 12.1513 10.8084 12.3515C11.0086 12.5516 11.1145 12.8272 11.1 13.1099C11.1 13.6898 10.6299 14.1599 10.05 14.1599C9.4701 14.1599 9 13.6898 9 13.1099Z"
+}))})),w={error:l.forwardRef((function(n,e){return l.createElement("svg",i({
+width:"20",height:"20",viewBox:"0 0 21 20",fill:"none",
+xmlns:"http://www.w3.org/2000/svg"},n,{ref:e}),l.createElement("path",{
+fillRule:"evenodd",clipRule:"evenodd",
+d:"M13.4512 4.21282L18.2812 12.6328C18.8466 13.608 18.8478 14.8111 18.2843 15.7874C17.7208 16.7638 16.6785 17.3646 15.5512 17.3628H5.87116C4.74387 17.3646 3.70157 16.7638 3.13805 15.7874C2.57454 14.8111 2.57572 13.608 3.14116 12.6328L7.97116 4.21282C8.5388 3.23717 9.58241 2.63696 10.7112 2.63696C11.8399 2.63696 12.8835 3.23717 13.4512 4.21282ZM15.5512 15.9628C16.1775 15.9675 16.758 15.6353 17.0712 15.0928V15.0528C17.3796 14.5027 17.3643 13.8283 17.0312 13.2928L12.1912 4.91282C11.8748 4.38629 11.3054 4.06421 10.6912 4.06421C10.0769 4.06421 9.50757 4.38629 9.19116 4.91282L4.35116 13.3328C4.03558 13.8753 4.03462 14.5452 4.34865 15.0885C4.66267 15.6319 5.2436 15.9655 5.87116 15.9628H15.5512ZM10.0112 10.6328V7.02282C10.0112 6.77273 10.1446 6.54164 10.3612 6.4166C10.5777 6.29156 10.8446 6.29156 11.0612 6.4166C11.2777 6.54164 11.4112 6.77273 11.4112 7.02282V10.6328C11.4112 11.0194 11.0978 11.3328 10.7112 11.3328C10.3246 11.3328 10.0112 11.0194 10.0112 10.6328ZM9.66116 13.4328C9.66116 12.8529 10.1313 12.3828 10.7112 12.3828C10.9938 12.3683 11.2694 12.4742 11.4696 12.6744C11.6697 12.8745 11.7757 13.1501 11.7612 13.4328C11.7612 14.0127 11.2911 14.4828 10.7112 14.4828C10.1313 14.4828 9.66116 14.0127 9.66116 13.4328Z",
+fill:n.fill}))})),success:x,info:f,warning:v},y=function(n){
+var e,t=n.onClose,c=n.children,f=n.level,p=n.onDisappear,u=n.data,g=n.icon
+;n.overideClassName
+;var x=n.timeout,v=void 0===x?0:x,y=n.canDismiss,b=void 0===y||y,E=n.alignContent,M=void 0===E?"center":E,Z=n.iconAlignment,L=void 0===Z?"center":Z,j=r(n,["onClose","children","level","onDisappear","data","icon","overideClassName","timeout","canDismiss","alignContent","iconAlignment"]),k=o(),A=w[f],T=l.useState(!0),R=T[0],V=T[1]
+;l.useEffect((function(){v>0&&(R||V(!0),setTimeout((function(){
+V(!1),null==p||p()}),v))}),[v]),l.useEffect((function(){
+"string"==typeof c||"string"==typeof(null==u?void 0:u.message)||j["aria-describedby"]||console.warn("The `aria-describedby` prop is required when the children of the Alert are not a string. This is to ensure that assistive technologies can announce the content of the alert. Please provide a valid `aria-describedby` prop to the Alert component.")
+}),[]);var D=(null==u?void 0:u.linkText)?l.createElement(s,{target:"_blank",
+rel:"noreferrer",href:null!==(e=null==u?void 0:u.href)&&void 0!==e?e:"#"
+},u.linkText):l.createElement(l.Fragment,null);return R?l.createElement(C,i({
+level:f,iconAlignment:L,role:"alert",
+"aria-describedby":"string"==typeof(null==u?void 0:u.message)?u.message:void 0
+},j),l.createElement(h,{align:M},null!=g?g:l.createElement(A,{
+className:"alert-icon",fill:k.colors.text.semantic[f]
+}),(null==u?void 0:u.message)?l.createElement(d,null,u.message," ",D):c,!(null==u?void 0:u.message)&&D),b&&l.createElement(a,{
+onClick:function(){V(!1),null==t||t()}},l.createElement(m,{
+fill:k.colors.text.primary}))):null};export{y as A};

package/lib/Alert.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import React$1 from 'react';
+
+type LevelType = 'warning' | 'success' | 'error' | 'info';
+type AlertData = {
+    message: string;
+    linkText?: string;
+    href?: string;
+};
+interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * data to be displayed in the alert
+     */
+    data?: AlertData;
+    /**
+     * Level of the alert
+     */
+    level: LevelType;
+    /**
+     * Whether the alert can be dismissed
+     */
+    canDismiss?: boolean;
+    /**
+     * Timeout for the alert to disappear
+     */
+    timeout?: number;
+    /**
+     * @deprecated
+     * Class name to be overriden
+     */
+    overideClassName?: string;
+    /**
+     * Children to be displayed in the alert
+     */
+    children?: React.ReactNode | string;
+    /**
+     * Function to be called when the alert is closed
+     */
+    onClose?: () => any;
+    /**
+     * Function to be called when the alert is dismissed
+     *
+     */
+    onDisappear?: () => any;
+    /**
+     * Icon to be displayed in the alert
+     * @default getAlertIcon(level)
+     **/
+    icon?: React.ReactNode;
+    /**
+     * Alignment of the content in the alert
+     */
+    alignContent?: 'flex-start' | 'center' | 'flex-end';
+    /**
+     * Icon alignment in the alert
+     * @default 'center'
+     * */
+    iconAlignment?: 'flex-start' | 'center' | 'flex-end';
+}
+
+/**
+ * Alert displays an alert on the user interface and enables displaying additional information to the context of the page.
+ */
+declare const Alert: ({ onClose, children, level, onDisappear, data, icon, overideClassName, timeout, canDismiss, alignContent, iconAlignment, ...props }: AlertProps) => React$1.JSX.Element | null;
+
+export { Alert, type AlertProps, type LevelType };

package/lib/Alert.js

@@ -0,0 +1,6 @@
+export{A as Alert}from"./Alert-BtEbkVK1.js"
+;import"./styled-components.browser.esm-Bq2p-e5F.js";import"react"
+;import"./index-D8E8s0tV.js";import"./index-ByHJlnsx.js";import"react-dom"
+;import"./index-BnDw8kbT.js";import"./keyframes-PnzFl0I5.js"
+;import"./Cross-CIeKwtq6.js";import"./Info-BsILbpCG.js"
+;import"./Typography-BcAppjDF.js";