twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/data-display/index.d.ts

@@ -1,36 +0,0 @@
-export type { AnimatedCheckmarkProps } from './AnimatedCheckmark/AnimatedCheckmark';
-export { AnimatedCheckmark } from './AnimatedCheckmark/AnimatedCheckmark';
-export type { AvatarProps } from './Avatar/Avatar';
-export { Avatar } from './Avatar/Avatar';
-export { AVATAR_PROPERTIES_BY_SIZE } from './Avatar/constants/AvatarPropertiesBySize';
-export type { AvatarSize } from './Avatar/types/AvatarSize';
-export type { AvatarType } from './Avatar/types/AvatarType';
-export type { AvatarGroupProps } from './AvatarGroup/AvatarGroup';
-export { AvatarGroup } from './AvatarGroup/AvatarGroup';
-export type { AvatarOrIconProps } from './AvatarOrIcon/AvatarOrIcon';
-export { AvatarOrIcon } from './AvatarOrIcon/AvatarOrIcon';
-export type { CheckmarkProps } from './Checkmark/Checkmark';
-export { Checkmark } from './Checkmark/Checkmark';
-export type { ChipProps } from './Chip/Chip';
-export { ChipSize, ChipAccent, ChipVariant, Chip } from './Chip/Chip';
-export { LINK_CHIP_CLICK_OUTSIDE_ID } from './Chip/constants/LinkChipClickOutsideId';
-export type { ColorSampleVariant, ColorSampleProps, } from './ColorSample/ColorSample';
-export { ColorSample } from './ColorSample/ColorSample';
-export { CommandBlock } from './CommandBlock/CommandBlock';
-export { EllipsisDisplay } from './EllipsisDisplay/EllipsisDisplay';
-export { JsonDisplay } from './JsonDisplay/JsonDisplay';
-export type { LinkChipProps } from './LinkChip/LinkChip';
-export { LinkChip } from './LinkChip/LinkChip';
-export { NotificationCounter } from './NotificationCounter/NotificationCounter';
-export { NumberDisplay } from './NumberDisplay/NumberDisplay';
-export { Pill } from './Pill/Pill';
-export { SelectDisplay } from './SelectDisplay/SelectDisplay';
-export { Status } from './Status/Status';
-export { StyledTintedIconTileContainer } from './StyledTintedIconTileContainer/StyledTintedIconTileContainer';
-export type { TagColor } from './Tag/Tag';
-export { Tag } from './Tag/Tag';
-export { TextDisplay } from './TextDisplay/TextDisplay';
-export type { TintedIconTileProps } from './TintedIconTile/TintedIconTile';
-export { TintedIconTile } from './TintedIconTile/TintedIconTile';
-export type { IconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';
-export { getIconTileColorShades } from './TintedIconTile/utils/getIconTileColorShades';

package/dist/data-display-BuIrNSR6.cjs

@@ -1 +0,0 @@
-const ce=require("./chunk-u_mIcLyS.cjs"),M=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),i=require("./theme-constants-27fpVK7_.cjs"),N=require("./utilities-CXHvN7E8.cjs"),ue=require("./theme-DLgF1kVO.cjs"),A=require("./OverflowingTextWithTooltip-DUtQD8sI.cjs");let r=require("react/jsx-runtime"),v=require("clsx"),O=require("react");O=ce.__toESM(O,1);let k=require("@sniptt/guards"),de=require("react-router-dom"),_e=require("@tabler/icons-react");var me="_animatedPath_wtd8u_1",ve="_draw-checkmark_wtd8u_1",ge={animatedPath:me,drawCheckmark:ve},pe=({isAnimating:e=!1,color:t,duration:a=.5,size:n=28})=>{const o=i.useTheme();return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52",width:n,height:n,children:(0,r.jsx)("path",{className:e?ge.animatedPath:void 0,fill:"none",stroke:t??o.grayScale.gray1,strokeWidth:4,d:"M14 27l7.8 7.8L38 14",pathLength:"1",strokeDasharray:"1",strokeDashoffset:e?0:1,style:{"--animated-checkmark-duration":`${a}s`}})})},he=({avatarImageURI:e,onImageLoadError:t})=>((0,O.useEffect)(()=>{const a=new Image;return a.onerror=()=>{t(e)},a.src=e,()=>{a.onerror=null,a.src=""}},[e,t]),(0,r.jsx)(r.Fragment,{})),xe="_root_gvbuq_1",fe="_xl_gvbuq_30",be="_lg_gvbuq_36",ke="_md_gvbuq_42",Ce="_sm_gvbuq_48",ye="_xs_gvbuq_54",je="_pulsing_gvbuq_60",Se="_avatarPulsing_gvbuq_1",Te="_image_gvbuq_78",Ne="_placeholderChar_gvbuq_86",D={root:xe,xl:fe,lg:be,md:ke,sm:Ce,xs:ye,pulsing:je,avatarPulsing:Se,image:Te,placeholderChar:Ne},W=({avatarUrl:e,className:t,size:a="md",placeholder:n,placeholderColorSeed:o=n,Icon:s,iconColor:u,onClick:l,type:d="squared",color:c,backgroundColor:f,borderColor:g,pulsing:C=!1})=>{const m=i.useTheme(),[b,p]=(0,O.useState)(null),h=(0,k.isNonEmptyString)(e)?e:null,S=(0,k.isNonEmptyString)(h)&&b===h,y=n?.trim()?.charAt(0),j=!y||y==="",E=y?.toUpperCase()||"-",T=(0,k.isNull)(h)||S,te=j?m.font.color.tertiary:c??N.stringToThemeColorP3String({string:o??"",variant:12,theme:m}),ae=j?m.background.transparent.light:f??N.stringToThemeColorP3String({string:o??"",variant:d==="app"?5:4,theme:m}),ne=d==="app"?g??(j?void 0:N.stringToThemeColorP3String({string:o??"",variant:6,theme:m})):void 0,ie=T,H=T?ne:void 0,oe={"--avatar-color":te,"--avatar-background":s?"inherit":ie?ae:"none",...d==="app"&&H?{"--avatar-border":`1px solid ${H}`}:{}},se=(0,v.clsx)(D.root,D[a],C&&D.pulsing,t),P=i.isDefined(l),le=(0,k.isNonEmptyString)(n)?n:"Avatar";return(0,r.jsxs)("div",{className:se,"data-type":d??void 0,"data-clickable":P||void 0,role:P?"button":void 0,tabIndex:P?0:void 0,"aria-label":P?le:void 0,onClick:l,onKeyDown:P?M.handleClickableElementKeyDown:void 0,style:oe,children:[(0,k.isNonEmptyString)(h)&&(0,r.jsx)(he,{avatarImageURI:h,onImageLoadError:p}),s?(0,r.jsx)(s,{color:u||"currentColor",size:m.icon.size.xl}):T?(0,r.jsx)("span",{className:D.placeholderChar,children:E}):(0,r.jsx)("div",{className:D.image,style:{backgroundImage:`url("${CSS.escape(h)}")`}})]})},Pe={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},De="_container_2aram_1",we="_itemContainer_2aram_6",q={container:De,itemContainer:we},Oe=4,Ae=({avatars:e,className:t,maxVisible:a=Oe,overflowAvatar:n,overlap:o="right",overlapOffset:s="3px"})=>{const u=e.slice(0,a);if(!u.length&&!n)return null;const l={"--avatar-group-overlap-offset":s};return(0,r.jsxs)("div",{className:(0,v.clsx)(q.container,t),children:[u.map((d,c)=>(0,r.jsx)("div",{className:q.itemContainer,"data-overlap":o,style:l,children:d},c)),n&&(0,r.jsx)("div",{className:q.itemContainer,"data-overlap":o,style:l,children:n})]})},Ee="_iconWithBackgroundContainer_13kjb_1",qe="_wrapper_13kjb_11",I={iconWithBackgroundContainer:Ee,wrapper:qe},Ie=({Icon:e,placeholderColorSeed:t,avatarType:a,avatarUrl:n,placeholder:o,isIconInverted:s=!1,IconColor:u,IconBackgroundColor:l,onClick:d})=>{const c=i.useTheme();if(!i.isDefined(e))return(0,r.jsx)(W,{avatarUrl:n,placeholderColorSeed:t,placeholder:o,size:"sm",type:a,onClick:d});const f=(0,k.isNonEmptyString)(o)?o:"Avatar",g=s||i.isDefined(l)?(0,r.jsx)("div",{className:I.iconWithBackgroundContainer,style:i.isDefined(l)?{"--avatar-or-icon-background":l}:void 0,children:(0,r.jsx)(e,{color:c.font.color.inverted,size:c.icon.size.sm,stroke:c.icon.stroke.sm,"aria-hidden":!0})}):(0,r.jsx)(e,{size:c.icon.size.sm,stroke:c.icon.stroke.sm,color:u||"currentColor","aria-hidden":!0});return i.isDefined(d)?(0,r.jsx)("div",{className:I.wrapper,"data-clickable":!0,role:"button",tabIndex:0,"aria-label":f,onClick:d,onKeyDown:M.handleClickableElementKeyDown,children:g}):(0,r.jsx)("div",{className:I.wrapper,children:g})},Le="_root_16neu_1",ze={root:Le},Be=({className:e})=>{const t=i.useTheme();return(0,r.jsx)("div",{className:(0,v.clsx)(ze.root,e),children:(0,r.jsx)(_e.IconCheck,{color:t.grayScale.gray1,size:14})})},$e="_chip_rk7a7_1",Me="_sizeLarge_rk7a7_25",Re="_sizeSmall_rk7a7_29",He="_accentTextPrimary_rk7a7_33",Ke="_accentTextSecondary_rk7a7_37",Ve="_disabled_rk7a7_41",Fe="_fontMedium_rk7a7_45",We="_cursorPointer_rk7a7_49",Ue="_cursorNotAllowed_rk7a7_53",Ge="_backgroundHighlighted_rk7a7_57",Je="_backgroundStatic_rk7a7_69",Ye="_interactiveRegular_rk7a7_80",Ze="_hasMaxWidth_rk7a7_88",Xe="_paddingLeftNone_rk7a7_92",Qe="_emptyLabel_rk7a7_96",er="_rightComponentDivider_rk7a7_100",_={chip:$e,sizeLarge:Me,sizeSmall:Re,accentTextPrimary:He,accentTextSecondary:Ke,disabled:Ve,fontMedium:Fe,cursorPointer:We,cursorNotAllowed:Ue,backgroundHighlighted:Ge,backgroundStatic:Je,interactiveRegular:Ye,hasMaxWidth:Ze,paddingLeftNone:Xe,emptyLabel:Qe,rightComponentDivider:er},U=(function(e){return e.Large="large",e.Small="small",e})({}),G=(function(e){return e.TextPrimary="text-primary",e.TextSecondary="text-secondary",e})({}),J=(function(e){return e.Highlighted="highlighted",e.Regular="regular",e.Transparent="transparent",e.Rounded="rounded",e.Static="static",e})({}),rr=(e,t)=>{if(!e)return null;const a=typeof e=="function"?e():e;return t===!0?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:_.rightComponentDivider}),a]}):a},Y=({size:e="small",label:t,tooltipLabel:a,tooltipPlace:n,alwaysShowTooltip:o=!1,isLabelHidden:s=!1,isBold:u=!1,disabled:l=!1,clickable:d=!0,variant:c="regular",leftComponent:f=null,rightComponent:g=null,rightComponentDivider:C=!1,accent:m="text-primary",className:b,maxWidth:p,forceEmptyText:h=!1,emptyLabel:S="Untitled"})=>{const y=c==="transparent"?void 0:d?_.cursorPointer:l?_.cursorNotAllowed:void 0,j=c==="highlighted"?_.backgroundHighlighted:c==="static"?_.backgroundStatic:c==="regular"&&!l&&d?_.interactiveRegular:void 0;return(0,r.jsxs)("div",{"data-testid":"chip",className:(0,v.clsx)(_.chip,e==="large"?_.sizeLarge:_.sizeSmall,m==="text-primary"?_.accentTextPrimary:_.accentTextSecondary,l&&_.disabled,(u||m==="text-secondary")&&_.fontMedium,y,j,p?_.hasMaxWidth:void 0,c==="transparent"&&_.paddingLeftNone,b),style:p?{"--chip-max-width":`${p}px`}:void 0,children:[f,!s&&i.isDefined(t)&&(0,k.isNonEmptyString)(t)?(0,r.jsx)(A.OverflowingTextWithTooltip,{size:e,text:t,tooltipContent:a,tooltipPlace:n,alwaysShowTooltip:o}):!h&&!s?(0,r.jsx)("div",{className:_.emptyLabel,children:S}):"",rr(g,C)]})},Z="link-chip-click-outside-id",tr="_root_1wwsw_1",ar="_circle_1wwsw_13",nr="_pipeline_1wwsw_19",L={root:tr,circle:ar,pipeline:nr},ir=(e,t)=>i.isDefined(t)?t:i.themeCssVariables.tag.background[e],or=e=>i.themeCssVariables.tag.text[e],sr=({colorName:e,color:t,variant:a,className:n})=>(0,r.jsx)("div",{className:(0,v.clsx)(L.root,a==="circle"&&L.circle,a==="pipeline"&&L.pipeline,n),style:{"--color-sample-color":ir(e,t),"--color-sample-border-color":or(e)}}),lr="_container_stu26_1",cr="_commandContain_stu26_12",ur="_buttonContainer_stu26_16",dr="_lineStartSpan_stu26_20",_r="_lineSpan_stu26_24",w={container:lr,commandContain:cr,buttonContainer:ur,lineStartSpan:dr,lineSpan:_r},mr=({commands:e,button:t})=>(0,r.jsxs)("div",{className:w.container,children:[(0,r.jsx)("div",{className:w.commandContain,children:(0,r.jsx)(r.Fragment,{children:e.map((a,n)=>(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:w.lineStartSpan,children:"> "}),(0,r.jsx)("span",{className:w.lineSpan,children:a})]},n))})}),t&&(0,r.jsx)("div",{className:w.buttonContainer,children:t})]}),vr="_ellipsis_13o5q_1",gr={ellipsis:vr},R=({children:e,maxWidth:t,className:a})=>(0,r.jsx)(A.Text,{truncate:!0,className:(0,v.clsx)(gr.ellipsis,a),style:i.isDefined(t)?{maxWidth:`${t}px`}:void 0,children:e}),pr=({text:e,maxWidth:t})=>(0,r.jsx)(R,{maxWidth:t,children:e}),hr="_linkContainer_4rvdq_1",xr={linkContainer:hr},fr=({to:e,size:t=U.Small,label:a,tooltipLabel:n,tooltipPlace:o,alwaysShowTooltip:s,isLabelHidden:u=!1,isBold:l=!1,variant:d=J.Regular,leftComponent:c=null,rightComponent:f=null,rightComponentDivider:g=!1,accent:C=G.TextPrimary,className:m,maxWidth:b,onClick:p,triggerEvent:h,target:S,emptyLabel:y})=>{const{onClick:j,onMouseDown:E}=N.useMouseDownNavigation({to:e,onClick:p,triggerEvent:h});return(0,r.jsx)("span",{className:xr.linkContainer,children:(0,r.jsx)(de.Link,{to:e,onClick:T=>{T.stopPropagation(),j(T)},onMouseDown:E,"data-click-outside-id":Z,target:S,rel:S==="_blank"?"noopener noreferrer":void 0,children:(0,r.jsx)(Y,{size:t,label:a,tooltipLabel:n,tooltipPlace:o,alwaysShowTooltip:s,isLabelHidden:u,isBold:l,clickable:!0,variant:d,leftComponent:c,rightComponent:f,rightComponentDivider:g,accent:C,className:m,maxWidth:b,emptyLabel:y})})})},br="_notificationCounter_1lalu_1",kr="_primary_1lalu_13",Cr="_secondary_1lalu_18",K={notificationCounter:br,primary:kr,secondary:Cr},yr=({count:e,variant:t="primary",className:a})=>(0,r.jsx)("div",{className:(0,v.clsx)(K.notificationCounter,K[t],a),children:e}),jr=({value:e})=>(0,r.jsx)(R,{children:e}),Sr="_pill_2y5ao_1",Tr={pill:Sr},Nr=({className:e,label:t,Icon:a})=>(0,r.jsxs)("span",{className:(0,v.clsx)(Tr.pill,e),children:[a&&(0,r.jsx)(a,{size:12}),t]}),Pr="_tag_13x93_1",Dr="_interactive_13x93_21",wr="_weightMedium_13x93_28",Or="_variantOutline_13x93_32",Ar="_variantBorder_13x93_36",Er="_preventShrink_13x93_40",qr="_preventPadding_13x93_44",Ir="_content_13x93_48",Lr="_nonShrinkableText_13x93_54",zr="_iconContainer_13x93_59",x={tag:Pr,interactive:Dr,weightMedium:wr,variantOutline:Or,variantBorder:Ar,preventShrink:Er,preventPadding:qr,content:Ir,nonShrinkableText:Lr,iconContainer:zr},X=({className:e,color:t,text:a,Icon:n,onClick:o,weight:s="regular",variant:u="solid",preventShrink:l,preventPadding:d})=>{const c=i.useTheme(),f=t==="transparent"?"transparent":i.themeCssVariables.tag.background[t]??i.themeCssVariables.tag.background.gray,g=t==="transparent"?i.themeCssVariables.font.color.secondary:i.themeCssVariables.tag.text[t]??i.themeCssVariables.font.color.secondary,C=i.isDefined(o),m=(0,r.jsxs)(r.Fragment,{children:[i.isDefined(n)?(0,r.jsx)("div",{className:x.iconContainer,children:(0,r.jsx)(n,{size:c.icon.size.sm,stroke:c.icon.stroke.sm,"aria-hidden":!0})}):(0,r.jsx)(r.Fragment,{}),l?(0,r.jsx)("span",{className:x.nonShrinkableText,children:a}):(0,r.jsx)("span",{className:x.content,children:(0,r.jsx)(A.OverflowingTextWithTooltip,{text:a})})]}),b={"--tag-background":f,"--tag-text":g},p=(0,v.clsx)(x.tag,s==="medium"&&x.weightMedium,u==="outline"&&x.variantOutline,u==="border"&&x.variantBorder,l&&x.preventShrink,d&&x.preventPadding,e);return C?(0,r.jsx)("button",{type:"button",className:(0,v.clsx)(p,x.interactive),onClick:o,style:b,children:m}):(0,r.jsx)("span",{className:p,style:b,children:m})},Br=({color:e,label:t,Icon:a,preventPadding:n})=>(0,r.jsx)(X,{preventShrink:!0,color:e,text:t,Icon:a,preventPadding:n}),$r="_container_1i6sz_1",Mr="_dot_1i6sz_15",Rr="_loaderDot_1i6sz_1",V={container:$r,dot:Mr,loaderDot:Rr},Q=({color:e})=>(0,r.jsx)("div",{className:V.container,style:e?{"--loader-color":i.themeCssVariables.tag.text[e]}:void 0,children:(0,r.jsx)("div",{className:V.dot})}),Hr="_status_1vjxx_1",Kr="_regular_1vjxx_30",Vr="_medium_1vjxx_34",Fr="_content_1vjxx_38",z={status:Hr,regular:Kr,medium:Vr,content:Fr},Wr=({className:e,color:t,isLoaderVisible:a=!1,text:n,onClick:o,weight:s="regular"})=>{const u=N.parseThemeColor(t);return(0,r.jsxs)("h3",{className:(0,v.clsx)(z.status,z[s],e),onClick:o,tabIndex:i.isDefined(o)?0:void 0,onKeyDown:M.handleClickableElementKeyDown,"data-loader-visible":a||void 0,style:{"--status-background":i.themeCssVariables.tag.background[u],"--status-text-color":i.themeCssVariables.tag.text[u]},children:[(0,r.jsx)("span",{className:z.content,children:n}),a?(0,r.jsx)(Q,{color:t}):null]})},Ur="_root_j2xk4_1",Gr={root:Ur},ee=({$backgroundColor:e,$borderColor:t,$dimension:a,className:n,style:o,...s})=>(0,r.jsx)("div",{...s,className:(0,v.clsx)(Gr.root,n),style:{"--tinted-icon-tile-background-color":e,"--tinted-icon-tile-border":t?`1px solid ${t}`:void 0,"--tinted-icon-tile-dimension":a,...o}}),Jr="_container_1xmrr_1",Yr="_fixHeight_1xmrr_7",F={container:Jr,fixHeight:Yr},Zr=({text:e,displayedMaxRows:t})=>{const a=(0,k.isUndefined)(t)||t===1;return(0,r.jsx)("div",{className:(0,v.clsx)(F.container,a&&F.fixHeight),children:(0,r.jsx)(A.OverflowingTextWithTooltip,{text:e,displayedMaxRows:t,isTooltipMultiline:!0})})},B={background:5,border:6,icon:11},$=(e,t)=>{const a=i.themeCssVariables.color,n=i.themeCssVariables.tag.text;return a[`${e}${t}`]??n[e]},re=e=>{const t=N.parseThemeColor(e);return{backgroundColor:$(t,B.background),iconColor:$(t,B.icon),borderColor:$(t,B.border)}},Xr=({Icon:e,color:t=ue.DEFAULT_THEME_COLOR_FALLBACK,size:a,stroke:n})=>{const o=i.useTheme(),s=re(t),u=a??o.icon.size.md,l=n??o.icon.stroke.md,d=i.isDefined(a)?`${a}px`:void 0;return(0,r.jsx)(ee,{$backgroundColor:s.backgroundColor,$borderColor:s.borderColor,$dimension:d,children:(0,r.jsx)(e,{size:u,stroke:l,color:s.iconColor})})};Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return Pe}});Object.defineProperty(exports,"AnimatedCheckmark",{enumerable:!0,get:function(){return pe}});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return Ae}});Object.defineProperty(exports,"AvatarOrIcon",{enumerable:!0,get:function(){return Ie}});Object.defineProperty(exports,"Checkmark",{enumerable:!0,get:function(){return Be}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"ChipAccent",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"ChipSize",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"ChipVariant",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return sr}});Object.defineProperty(exports,"CommandBlock",{enumerable:!0,get:function(){return mr}});Object.defineProperty(exports,"EllipsisDisplay",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"JsonDisplay",{enumerable:!0,get:function(){return pr}});Object.defineProperty(exports,"LINK_CHIP_CLICK_OUTSIDE_ID",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"LinkChip",{enumerable:!0,get:function(){return fr}});Object.defineProperty(exports,"Loader",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"NotificationCounter",{enumerable:!0,get:function(){return yr}});Object.defineProperty(exports,"NumberDisplay",{enumerable:!0,get:function(){return jr}});Object.defineProperty(exports,"Pill",{enumerable:!0,get:function(){return Nr}});Object.defineProperty(exports,"SelectDisplay",{enumerable:!0,get:function(){return Br}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return Wr}});Object.defineProperty(exports,"StyledTintedIconTileContainer",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"TextDisplay",{enumerable:!0,get:function(){return Zr}});Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return Xr}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return re}});

package/dist/data-display-CID60EMx.js

@@ -1,473 +0,0 @@
-import { t as j } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as m, r as L, s as g } from "./theme-constants-Bpkh40Q_.js";
-import { c as ta, h as J, m as $ } from "./utilities-Ba96imFW.js";
-import { c as na } from "./theme-DWGWo1te.js";
-import { wt as oa } from "./TablerIcons-CSp0ySKT.js";
-import { a as ia, t as K } from "./OverflowingTextWithTooltip-D2ri4HNc.js";
-import { Fragment as E, jsx as e, jsxs as C } from "react/jsx-runtime";
-import { clsx as u } from "clsx";
-import { useEffect as sa, useState as la } from "react";
-import { isNonEmptyString as D, isNull as ca, isUndefined as da } from "@sniptt/guards";
-import { Link as _a } from "react-router-dom";
-var va = "_animatedPath_wtd8u_1", ua = "_draw-checkmark_wtd8u_1", ma = {
-  animatedPath: va,
-  drawCheckmark: ua
-}, ne = ({ isAnimating: a = !1, color: r, duration: t = 0.5, size: n = 28 }) => {
-  const o = L();
-  return /* @__PURE__ */ e("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 52 52",
-    width: n,
-    height: n,
-    children: /* @__PURE__ */ e("path", {
-      className: a ? ma.animatedPath : void 0,
-      fill: "none",
-      stroke: r ?? o.grayScale.gray1,
-      strokeWidth: 4,
-      d: "M14 27l7.8 7.8L38 14",
-      pathLength: "1",
-      strokeDasharray: "1",
-      strokeDashoffset: a ? 0 : 1,
-      style: { "--animated-checkmark-duration": `${t}s` }
-    })
-  });
-}, ga = ({ avatarImageURI: a, onImageLoadError: r }) => (sa(() => {
-  const t = new Image();
-  return t.onerror = () => {
-    r(a);
-  }, t.src = a, () => {
-    t.onerror = null, t.src = "";
-  };
-}, [a, r]), /* @__PURE__ */ e(E, {})), pa = "_root_gvbuq_1", ha = "_xl_gvbuq_30", ka = "_lg_gvbuq_36", fa = "_md_gvbuq_42", xa = "_sm_gvbuq_48", Ca = "_xs_gvbuq_54", ba = "_pulsing_gvbuq_60", ya = "_avatarPulsing_gvbuq_1", Sa = "_image_gvbuq_78", Na = "_placeholderChar_gvbuq_86", z = {
-  root: pa,
-  xl: ha,
-  lg: ka,
-  md: fa,
-  sm: xa,
-  xs: Ca,
-  pulsing: ba,
-  avatarPulsing: ya,
-  image: Sa,
-  placeholderChar: Na
-}, Ta = ({ avatarUrl: a, className: r, size: t = "md", placeholder: n, placeholderColorSeed: o = n, Icon: i, iconColor: c, onClick: s, type: d = "squared", color: l, backgroundColor: x, borderColor: p, pulsing: y = !1 }) => {
-  const v = L(), [b, h] = la(null), k = D(a) ? a : null, T = D(k) && b === k, S = n?.trim()?.charAt(0), N = !S || S === "", I = S?.toUpperCase() || "-", w = ca(k) || T, Y = N ? v.font.color.tertiary : l ?? $({
-    string: o ?? "",
-    variant: 12,
-    theme: v
-  }), Z = N ? v.background.transparent.light : x ?? $({
-    string: o ?? "",
-    variant: d === "app" ? 5 : 4,
-    theme: v
-  }), Q = d === "app" ? p ?? (N ? void 0 : $({
-    string: o ?? "",
-    variant: 6,
-    theme: v
-  })) : void 0, V = w, W = w ? Q : void 0, aa = {
-    "--avatar-color": Y,
-    "--avatar-background": i ? "inherit" : V ? Z : "none",
-    ...d === "app" && W ? { "--avatar-border": `1px solid ${W}` } : {}
-  }, ra = u(z.root, z[t], y && z.pulsing, r), A = g(s), ea = D(n) ? n : "Avatar";
-  return /* @__PURE__ */ C("div", {
-    className: ra,
-    "data-type": d ?? void 0,
-    "data-clickable": A || void 0,
-    role: A ? "button" : void 0,
-    tabIndex: A ? 0 : void 0,
-    "aria-label": A ? ea : void 0,
-    onClick: s,
-    onKeyDown: A ? j : void 0,
-    style: aa,
-    children: [D(k) && /* @__PURE__ */ e(ga, {
-      avatarImageURI: k,
-      onImageLoadError: h
-    }), i ? /* @__PURE__ */ e(i, {
-      color: c || "currentColor",
-      size: v.icon.size.xl
-    }) : w ? /* @__PURE__ */ e("span", {
-      className: z.placeholderChar,
-      children: I
-    }) : /* @__PURE__ */ e("div", {
-      className: z.image,
-      style: { backgroundImage: `url("${CSS.escape(k)}")` }
-    })]
-  });
-}, oe = {
-  xl: {
-    fontSize: "16px",
-    width: "40px"
-  },
-  lg: {
-    fontSize: "13px",
-    width: "24px"
-  },
-  md: {
-    fontSize: "12px",
-    width: "16px"
-  },
-  sm: {
-    fontSize: "10px",
-    width: "14px"
-  },
-  xs: {
-    fontSize: "8px",
-    width: "12px"
-  }
-}, wa = "_container_2aram_1", Da = "_itemContainer_2aram_6", B = {
-  container: wa,
-  itemContainer: Da
-}, La = 4, ie = ({ avatars: a, className: r, maxVisible: t = La, overflowAvatar: n, overlap: o = "right", overlapOffset: i = "3px" }) => {
-  const c = a.slice(0, t);
-  if (!c.length && !n) return null;
-  const s = { "--avatar-group-overlap-offset": i };
-  return /* @__PURE__ */ C("div", {
-    className: u(B.container, r),
-    children: [c.map((d, l) => /* @__PURE__ */ e("div", {
-      className: B.itemContainer,
-      "data-overlap": o,
-      style: s,
-      children: d
-    }, l)), n && /* @__PURE__ */ e("div", {
-      className: B.itemContainer,
-      "data-overlap": o,
-      style: s,
-      children: n
-    })]
-  });
-}, Aa = "_iconWithBackgroundContainer_13kjb_1", za = "_wrapper_13kjb_11", M = {
-  iconWithBackgroundContainer: Aa,
-  wrapper: za
-}, se = ({ Icon: a, placeholderColorSeed: r, avatarType: t, avatarUrl: n, placeholder: o, isIconInverted: i = !1, IconColor: c, IconBackgroundColor: s, onClick: d }) => {
-  const l = L();
-  if (!g(a)) return /* @__PURE__ */ e(Ta, {
-    avatarUrl: n,
-    placeholderColorSeed: r,
-    placeholder: o,
-    size: "sm",
-    type: t,
-    onClick: d
-  });
-  const x = D(o) ? o : "Avatar", p = i || g(s) ? /* @__PURE__ */ e("div", {
-    className: M.iconWithBackgroundContainer,
-    style: g(s) ? { "--avatar-or-icon-background": s } : void 0,
-    children: /* @__PURE__ */ e(a, {
-      color: l.font.color.inverted,
-      size: l.icon.size.sm,
-      stroke: l.icon.stroke.sm,
-      "aria-hidden": !0
-    })
-  }) : /* @__PURE__ */ e(a, {
-    size: l.icon.size.sm,
-    stroke: l.icon.stroke.sm,
-    color: c || "currentColor",
-    "aria-hidden": !0
-  });
-  return g(d) ? /* @__PURE__ */ e("div", {
-    className: M.wrapper,
-    "data-clickable": !0,
-    role: "button",
-    tabIndex: 0,
-    "aria-label": x,
-    onClick: d,
-    onKeyDown: j,
-    children: p
-  }) : /* @__PURE__ */ e("div", {
-    className: M.wrapper,
-    children: p
-  });
-}, Pa = "_root_16neu_1", Ea = { root: Pa }, le = ({ className: a }) => {
-  const r = L();
-  return /* @__PURE__ */ e("div", {
-    className: u(Ea.root, a),
-    children: /* @__PURE__ */ e(oa, {
-      color: r.grayScale.gray1,
-      size: 14
-    })
-  });
-}, Ia = "_chip_rk7a7_1", $a = "_sizeLarge_rk7a7_25", Ba = "_sizeSmall_rk7a7_29", Ma = "_accentTextPrimary_rk7a7_33", qa = "_accentTextSecondary_rk7a7_37", Oa = "_disabled_rk7a7_41", Ra = "_fontMedium_rk7a7_45", Ha = "_cursorPointer_rk7a7_49", ja = "_cursorNotAllowed_rk7a7_53", Ka = "_backgroundHighlighted_rk7a7_57", Wa = "_backgroundStatic_rk7a7_69", Fa = "_interactiveRegular_rk7a7_80", Ua = "_hasMaxWidth_rk7a7_88", Ga = "_paddingLeftNone_rk7a7_92", Ja = "_emptyLabel_rk7a7_96", Xa = "_rightComponentDivider_rk7a7_100", _ = {
-  chip: Ia,
-  sizeLarge: $a,
-  sizeSmall: Ba,
-  accentTextPrimary: Ma,
-  accentTextSecondary: qa,
-  disabled: Oa,
-  fontMedium: Ra,
-  cursorPointer: Ha,
-  cursorNotAllowed: ja,
-  backgroundHighlighted: Ka,
-  backgroundStatic: Wa,
-  interactiveRegular: Fa,
-  hasMaxWidth: Ua,
-  paddingLeftNone: Ga,
-  emptyLabel: Ja,
-  rightComponentDivider: Xa
-}, Ya = /* @__PURE__ */ (function(a) {
-  return a.Large = "large", a.Small = "small", a;
-})({}), Za = /* @__PURE__ */ (function(a) {
-  return a.TextPrimary = "text-primary", a.TextSecondary = "text-secondary", a;
-})({}), Qa = /* @__PURE__ */ (function(a) {
-  return a.Highlighted = "highlighted", a.Regular = "regular", a.Transparent = "transparent", a.Rounded = "rounded", a.Static = "static", a;
-})({}), Va = (a, r) => {
-  if (!a) return null;
-  const t = typeof a == "function" ? a() : a;
-  return r === !0 ? /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ e("div", { className: _.rightComponentDivider }), t] }) : t;
-}, ar = ({ size: a = "small", label: r, tooltipLabel: t, tooltipPlace: n, alwaysShowTooltip: o = !1, isLabelHidden: i = !1, isBold: c = !1, disabled: s = !1, clickable: d = !0, variant: l = "regular", leftComponent: x = null, rightComponent: p = null, rightComponentDivider: y = !1, accent: v = "text-primary", className: b, maxWidth: h, forceEmptyText: k = !1, emptyLabel: T = "Untitled" }) => {
-  const S = l === "transparent" ? void 0 : d ? _.cursorPointer : s ? _.cursorNotAllowed : void 0, N = l === "highlighted" ? _.backgroundHighlighted : l === "static" ? _.backgroundStatic : l === "regular" && !s && d ? _.interactiveRegular : void 0;
-  return /* @__PURE__ */ C("div", {
-    "data-testid": "chip",
-    className: u(_.chip, a === "large" ? _.sizeLarge : _.sizeSmall, v === "text-primary" ? _.accentTextPrimary : _.accentTextSecondary, s && _.disabled, (c || v === "text-secondary") && _.fontMedium, S, N, h ? _.hasMaxWidth : void 0, l === "transparent" && _.paddingLeftNone, b),
-    style: h ? { "--chip-max-width": `${h}px` } : void 0,
-    children: [
-      x,
-      !i && g(r) && D(r) ? /* @__PURE__ */ e(K, {
-        size: a,
-        text: r,
-        tooltipContent: t,
-        tooltipPlace: n,
-        alwaysShowTooltip: o
-      }) : !k && !i ? /* @__PURE__ */ e("div", {
-        className: _.emptyLabel,
-        children: T
-      }) : "",
-      Va(p, y)
-    ]
-  });
-}, rr = "link-chip-click-outside-id", er = "_root_1wwsw_1", tr = "_circle_1wwsw_13", nr = "_pipeline_1wwsw_19", q = {
-  root: er,
-  circle: tr,
-  pipeline: nr
-}, or = (a, r) => g(r) ? r : m.tag.background[a], ir = (a) => m.tag.text[a], ce = ({ colorName: a, color: r, variant: t, className: n }) => /* @__PURE__ */ e("div", {
-  className: u(q.root, t === "circle" && q.circle, t === "pipeline" && q.pipeline, n),
-  style: {
-    "--color-sample-color": or(a, r),
-    "--color-sample-border-color": ir(a)
-  }
-}), sr = "_container_stu26_1", lr = "_commandContain_stu26_12", cr = "_buttonContainer_stu26_16", dr = "_lineStartSpan_stu26_20", _r = "_lineSpan_stu26_24", P = {
-  container: sr,
-  commandContain: lr,
-  buttonContainer: cr,
-  lineStartSpan: dr,
-  lineSpan: _r
-}, de = ({ commands: a, button: r }) => /* @__PURE__ */ C("div", {
-  className: P.container,
-  children: [/* @__PURE__ */ e("div", {
-    className: P.commandContain,
-    children: /* @__PURE__ */ e(E, { children: a.map((t, n) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ e("span", {
-      className: P.lineStartSpan,
-      children: "> "
-    }), /* @__PURE__ */ e("span", {
-      className: P.lineSpan,
-      children: t
-    })] }, n)) })
-  }), r && /* @__PURE__ */ e("div", {
-    className: P.buttonContainer,
-    children: r
-  })]
-}), vr = "_ellipsis_13o5q_1", ur = { ellipsis: vr }, X = ({ children: a, maxWidth: r, className: t }) => /* @__PURE__ */ e(ia, {
-  truncate: !0,
-  className: u(ur.ellipsis, t),
-  style: g(r) ? { maxWidth: `${r}px` } : void 0,
-  children: a
-}), _e = ({ text: a, maxWidth: r }) => /* @__PURE__ */ e(X, {
-  maxWidth: r,
-  children: a
-}), mr = "_linkContainer_4rvdq_1", gr = { linkContainer: mr }, ve = ({ to: a, size: r = Ya.Small, label: t, tooltipLabel: n, tooltipPlace: o, alwaysShowTooltip: i, isLabelHidden: c = !1, isBold: s = !1, variant: d = Qa.Regular, leftComponent: l = null, rightComponent: x = null, rightComponentDivider: p = !1, accent: y = Za.TextPrimary, className: v, maxWidth: b, onClick: h, triggerEvent: k, target: T, emptyLabel: S }) => {
-  const { onClick: N, onMouseDown: I } = ta({
-    to: a,
-    onClick: h,
-    triggerEvent: k
-  });
-  return /* @__PURE__ */ e("span", {
-    className: gr.linkContainer,
-    children: /* @__PURE__ */ e(_a, {
-      to: a,
-      onClick: (w) => {
-        w.stopPropagation(), N(w);
-      },
-      onMouseDown: I,
-      "data-click-outside-id": rr,
-      target: T,
-      rel: T === "_blank" ? "noopener noreferrer" : void 0,
-      children: /* @__PURE__ */ e(ar, {
-        size: r,
-        label: t,
-        tooltipLabel: n,
-        tooltipPlace: o,
-        alwaysShowTooltip: i,
-        isLabelHidden: c,
-        isBold: s,
-        clickable: !0,
-        variant: d,
-        leftComponent: l,
-        rightComponent: x,
-        rightComponentDivider: p,
-        accent: y,
-        className: v,
-        maxWidth: b,
-        emptyLabel: S
-      })
-    })
-  });
-}, pr = "_notificationCounter_1lalu_1", hr = "_primary_1lalu_13", kr = "_secondary_1lalu_18", F = {
-  notificationCounter: pr,
-  primary: hr,
-  secondary: kr
-}, ue = ({ count: a, variant: r = "primary", className: t }) => /* @__PURE__ */ e("div", {
-  className: u(F.notificationCounter, F[r], t),
-  children: a
-}), me = ({ value: a }) => /* @__PURE__ */ e(X, { children: a }), fr = "_pill_2y5ao_1", xr = { pill: fr }, ge = ({ className: a, label: r, Icon: t }) => /* @__PURE__ */ C("span", {
-  className: u(xr.pill, a),
-  children: [t && /* @__PURE__ */ e(t, { size: 12 }), r]
-}), Cr = "_tag_13x93_1", br = "_interactive_13x93_21", yr = "_weightMedium_13x93_28", Sr = "_variantOutline_13x93_32", Nr = "_variantBorder_13x93_36", Tr = "_preventShrink_13x93_40", wr = "_preventPadding_13x93_44", Dr = "_content_13x93_48", Lr = "_nonShrinkableText_13x93_54", Ar = "_iconContainer_13x93_59", f = {
-  tag: Cr,
-  interactive: br,
-  weightMedium: yr,
-  variantOutline: Sr,
-  variantBorder: Nr,
-  preventShrink: Tr,
-  preventPadding: wr,
-  content: Dr,
-  nonShrinkableText: Lr,
-  iconContainer: Ar
-}, zr = ({ className: a, color: r, text: t, Icon: n, onClick: o, weight: i = "regular", variant: c = "solid", preventShrink: s, preventPadding: d }) => {
-  const l = L(), x = r === "transparent" ? "transparent" : m.tag.background[r] ?? m.tag.background.gray, p = r === "transparent" ? m.font.color.secondary : m.tag.text[r] ?? m.font.color.secondary, y = g(o), v = /* @__PURE__ */ C(E, { children: [g(n) ? /* @__PURE__ */ e("div", {
-    className: f.iconContainer,
-    children: /* @__PURE__ */ e(n, {
-      size: l.icon.size.sm,
-      stroke: l.icon.stroke.sm,
-      "aria-hidden": !0
-    })
-  }) : /* @__PURE__ */ e(E, {}), s ? /* @__PURE__ */ e("span", {
-    className: f.nonShrinkableText,
-    children: t
-  }) : /* @__PURE__ */ e("span", {
-    className: f.content,
-    children: /* @__PURE__ */ e(K, { text: t })
-  })] }), b = {
-    "--tag-background": x,
-    "--tag-text": p
-  }, h = u(f.tag, i === "medium" && f.weightMedium, c === "outline" && f.variantOutline, c === "border" && f.variantBorder, s && f.preventShrink, d && f.preventPadding, a);
-  return y ? /* @__PURE__ */ e("button", {
-    type: "button",
-    className: u(h, f.interactive),
-    onClick: o,
-    style: b,
-    children: v
-  }) : /* @__PURE__ */ e("span", {
-    className: h,
-    style: b,
-    children: v
-  });
-}, pe = ({ color: a, label: r, Icon: t, preventPadding: n }) => /* @__PURE__ */ e(zr, {
-  preventShrink: !0,
-  color: a,
-  text: r,
-  Icon: t,
-  preventPadding: n
-}), Pr = "_container_1i6sz_1", Er = "_dot_1i6sz_15", Ir = "_loaderDot_1i6sz_1", U = {
-  container: Pr,
-  dot: Er,
-  loaderDot: Ir
-}, $r = ({ color: a }) => /* @__PURE__ */ e("div", {
-  className: U.container,
-  style: a ? { "--loader-color": m.tag.text[a] } : void 0,
-  children: /* @__PURE__ */ e("div", { className: U.dot })
-}), Br = "_status_1vjxx_1", Mr = "_regular_1vjxx_30", qr = "_medium_1vjxx_34", Or = "_content_1vjxx_38", O = {
-  status: Br,
-  regular: Mr,
-  medium: qr,
-  content: Or
-}, he = ({ className: a, color: r, isLoaderVisible: t = !1, text: n, onClick: o, weight: i = "regular" }) => {
-  const c = J(r);
-  return /* @__PURE__ */ C("h3", {
-    className: u(O.status, O[i], a),
-    onClick: o,
-    tabIndex: g(o) ? 0 : void 0,
-    onKeyDown: j,
-    "data-loader-visible": t || void 0,
-    style: {
-      "--status-background": m.tag.background[c],
-      "--status-text-color": m.tag.text[c]
-    },
-    children: [/* @__PURE__ */ e("span", {
-      className: O.content,
-      children: n
-    }), t ? /* @__PURE__ */ e($r, { color: r }) : null]
-  });
-}, Rr = "_root_j2xk4_1", Hr = { root: Rr }, jr = ({ $backgroundColor: a, $borderColor: r, $dimension: t, className: n, style: o, ...i }) => /* @__PURE__ */ e("div", {
-  ...i,
-  className: u(Hr.root, n),
-  style: {
-    "--tinted-icon-tile-background-color": a,
-    "--tinted-icon-tile-border": r ? `1px solid ${r}` : void 0,
-    "--tinted-icon-tile-dimension": t,
-    ...o
-  }
-}), Kr = "_container_1xmrr_1", Wr = "_fixHeight_1xmrr_7", G = {
-  container: Kr,
-  fixHeight: Wr
-}, ke = ({ text: a, displayedMaxRows: r }) => {
-  const t = da(r) || r === 1;
-  return /* @__PURE__ */ e("div", {
-    className: u(G.container, t && G.fixHeight),
-    children: /* @__PURE__ */ e(K, {
-      text: a,
-      displayedMaxRows: r,
-      isTooltipMultiline: !0
-    })
-  });
-}, R = {
-  background: 5,
-  border: 6,
-  icon: 11
-}, H = (a, r) => {
-  const t = m.color, n = m.tag.text;
-  return t[`${a}${r}`] ?? n[a];
-}, Fr = (a) => {
-  const r = J(a);
-  return {
-    backgroundColor: H(r, R.background),
-    iconColor: H(r, R.icon),
-    borderColor: H(r, R.border)
-  };
-}, fe = ({ Icon: a, color: r = na, size: t, stroke: n }) => {
-  const o = L(), i = Fr(r), c = t ?? o.icon.size.md, s = n ?? o.icon.stroke.md, d = g(t) ? `${t}px` : void 0;
-  return /* @__PURE__ */ e(jr, {
-    $backgroundColor: i.backgroundColor,
-    $borderColor: i.borderColor,
-    $dimension: d,
-    children: /* @__PURE__ */ e(a, {
-      size: c,
-      stroke: s,
-      color: i.iconColor
-    })
-  });
-};
-export {
-  se as C,
-  ne as D,
-  Ta as E,
-  le as S,
-  oe as T,
-  rr as _,
-  he as a,
-  Ya as b,
-  zr as c,
-  ue as d,
-  ve as f,
-  ce as g,
-  de as h,
-  jr as i,
-  ge as l,
-  X as m,
-  Fr as n,
-  $r as o,
-  _e as p,
-  ke as r,
-  pe as s,
-  fe as t,
-  me as u,
-  ar as v,
-  ie as w,
-  Qa as x,
-  Za as y
-};

package/dist/data-display.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./data-display-BuIrNSR6.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=i.AVATAR_PROPERTIES_BY_SIZE;exports.AnimatedCheckmark=i.AnimatedCheckmark;exports.Avatar=i.Avatar;exports.AvatarGroup=i.AvatarGroup;exports.AvatarOrIcon=i.AvatarOrIcon;exports.Checkmark=i.Checkmark;exports.Chip=i.Chip;exports.ChipAccent=i.ChipAccent;exports.ChipSize=i.ChipSize;exports.ChipVariant=i.ChipVariant;exports.ColorSample=i.ColorSample;exports.CommandBlock=i.CommandBlock;exports.EllipsisDisplay=i.EllipsisDisplay;exports.JsonDisplay=i.JsonDisplay;exports.LINK_CHIP_CLICK_OUTSIDE_ID=i.LINK_CHIP_CLICK_OUTSIDE_ID;exports.LinkChip=i.LinkChip;exports.NotificationCounter=i.NotificationCounter;exports.NumberDisplay=i.NumberDisplay;exports.Pill=i.Pill;exports.SelectDisplay=i.SelectDisplay;exports.Status=i.Status;exports.StyledTintedIconTileContainer=i.StyledTintedIconTileContainer;exports.Tag=i.Tag;exports.TextDisplay=i.TextDisplay;exports.TintedIconTile=i.TintedIconTile;exports.getIconTileColorShades=i.getIconTileColorShades;

package/dist/data-display.mjs

@@ -1,29 +0,0 @@
-import { C as s, D as i, E as e, S as t, T as l, _ as o, a as n, b as r, c as p, d as C, f as c, g as I, h as T, i as m, l as S, m as h, n as A, p as D, r as _, s as d, t as y, u as k, v as E, w as u, x as v, y as P } from "./data-display-CID60EMx.js";
-export {
-  l as AVATAR_PROPERTIES_BY_SIZE,
-  i as AnimatedCheckmark,
-  e as Avatar,
-  u as AvatarGroup,
-  s as AvatarOrIcon,
-  t as Checkmark,
-  E as Chip,
-  P as ChipAccent,
-  r as ChipSize,
-  v as ChipVariant,
-  I as ColorSample,
-  T as CommandBlock,
-  h as EllipsisDisplay,
-  D as JsonDisplay,
-  o as LINK_CHIP_CLICK_OUTSIDE_ID,
-  c as LinkChip,
-  C as NotificationCounter,
-  k as NumberDisplay,
-  S as Pill,
-  d as SelectDisplay,
-  n as Status,
-  m as StyledTintedIconTileContainer,
-  p as Tag,
-  _ as TextDisplay,
-  y as TintedIconTile,
-  A as getIconTileColorShades
-};

package/dist/feedback/AnimatedPlaceholder/AnimatedPlaceholder.d.ts

@@ -1,8 +0,0 @@
-import { BACKGROUND } from './constants/Background';
-import { MOVING_IMAGE } from './constants/MovingImage';
-export type AnimatedPlaceholderType = keyof typeof BACKGROUND | keyof typeof MOVING_IMAGE;
-type AnimatedPlaceholderProps = {
-    type: AnimatedPlaceholderType;
-};
-export declare const AnimatedPlaceholder: ({ type }: AnimatedPlaceholderProps) => import("react").JSX.Element;
-export {};

package/dist/feedback/AnimatedPlaceholder/constants/Background.d.ts

@@ -1,19 +0,0 @@
-export declare const BACKGROUND: {
-    noFile: string;
-    noNote: string;
-    noRecord: string;
-    noMatchRecord: string;
-    noTask: string;
-    errorIndex: string;
-    emptyTimeline: string;
-    loadingMessages: string;
-    loadingAccounts: string;
-    emptyFunctions: string;
-    emptyInbox: string;
-    error404: string;
-    error500: string;
-    noDeletedRecord: string;
-    noWidgets: string;
-    notShared: string;
-    noCallRecording: string;
-};

package/dist/feedback/AnimatedPlaceholder/constants/DarkBackground.d.ts

@@ -1,19 +0,0 @@
-export declare const DARK_BACKGROUND: {
-    noFile: string;
-    noNote: string;
-    noRecord: string;
-    noMatchRecord: string;
-    noTask: string;
-    errorIndex: string;
-    emptyTimeline: string;
-    emptyInbox: string;
-    error404: string;
-    error500: string;
-    loadingMessages: string;
-    loadingAccounts: string;
-    emptyFunctions: string;
-    noDeletedRecord: string;
-    noWidgets: string;
-    notShared: string;
-    noCallRecording: string;
-};

package/dist/feedback/AnimatedPlaceholder/constants/DarkMovingImage.d.ts

@@ -1,19 +0,0 @@
-export declare const DARK_MOVING_IMAGE: {
-    noFile: string;
-    noNote: string;
-    noRecord: string;
-    noMatchRecord: string;
-    noTask: string;
-    errorIndex: string;
-    emptyTimeline: string;
-    emptyInbox: string;
-    error404: string;
-    error500: string;
-    loadingMessages: string;
-    loadingAccounts: string;
-    emptyFunctions: string;
-    noDeletedRecord: string;
-    noWidgets: string;
-    notShared: string;
-    noCallRecording: string;
-};