@fluidattacks/design 3.1.7 → 3.1.9

package/dist/components/content-card-carousel/scroll-buttons/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("react"),require("styled-components");const e=require("../../../index-DUMgwAbO.js");require("../../container/index.js"),require("../../icon/index.js"),exports.ScrollButtons=e.ScrollButtons;

package/dist/components/content-card-carousel/styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledIconBtn: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const OutlineContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { OutlineContainer, StyledIconBtn };

package/{types → dist}/components/content-card-carousel/types.d.ts

@@ -1,4 +1,4 @@
-import { IContentCardProps } from "components/content-card/types";
+import { IContentCardProps } from '../content-card/types';
 /**
  * Content card carousel properties.
  * @interface IContentCardCarouselProps

package/dist/components/divider/index.d.ts

@@ -0,0 +1,3 @@
+import { IDividerProps } from './types';
+declare const Divider: import('react').ForwardRefExoticComponent<Readonly<IDividerProps> & import('react').RefAttributes<HTMLHRElement>>;
+export { Divider };

package/dist/components/divider/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("../colors/index.js"),o=require("../container/index.js"),i=r.forwardRef((function({color:r=t.theme.palette.gray[100],mt:i=.5,mb:n=.5,...s},a){return e.jsx(o.Container,{as:"hr",border:`1px solid ${r}`,mb:n,mt:i,ref:a,...s})}));exports.Divider=i;

package/{types → dist}/components/divider/types.d.ts

@@ -1,4 +1,4 @@
-import type { IDisplayModifiable, IMarginModifiable } from "components/@core/types";
+import { IDisplayModifiable, IMarginModifiable } from '../@core/types';
 /**
  * Divider component props.
  * @interface IDividerProps

package/{types → dist}/components/empty-state/empty-button/index.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import type { IButtonProps } from "../types";
-import type { TVariant } from "components/button/types";
+import { default as React } from 'react';
+import { IButtonProps } from '../types';
+import { TVariant } from '../../button/types';
 declare const EmptyButton: React.FC<Readonly<{
     buttonProps: IButtonProps;
     variant: TVariant;

package/dist/components/empty-state/empty-button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../../button/index.js");exports.EmptyButton=({buttonProps:r,variant:n})=>t.jsx(e.Button,{onClick:r.onClick,variant:n,children:r.text});

package/{types → dist}/components/empty-state/index.d.ts

@@ -1,3 +1,3 @@
-import type { IEmptyProps } from "./types";
+import { IEmptyProps } from './types';
 declare const EmptyState: ({ cancelButton, confirmButton, description, imageSrc, padding, title, size, }: Readonly<IEmptyProps>) => JSX.Element;
 export { EmptyState };

package/dist/components/empty-state/index.js

@@ -0,0 +1,35 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./empty-button/index.js"),i=require("styled-components"),n=require("../../index-TKLFHcRp.js"),r=require("../typography/heading/index.js");require("../typography/span/index.js");const d=require("../typography/text/index.js"),s=i.styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: ${({theme:e,$padding:t})=>e.spacing[t]};
+  max-width: 900px;
+  white-space: pre-line;
+  margin: 0 auto;
+`,o=i.styled.div`
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+  background-color: transparent;
+  width: 96px;
+  height: 96px;
+  margin-bottom: ${({theme:e})=>e.spacing[2]};
+
+  > img {
+    width: 100%;
+  }
+`,a=i.styled.div`
+  display: flex;
+  flex-direction: row;
+  margin: 0;
+  margin-bottom: ${({theme:e})=>e.spacing[2]};
+
+  > * {
+    margin-right: ${({theme:e})=>e.spacing[.75]};
+  }
+
+  > *:last-child {
+    margin-right: 0;
+  }
+`,p={md:{description:"md",title:"lg"},sm:{description:"sm",title:"xs"}};exports.EmptyState=({cancelButton:i,confirmButton:c,description:l,imageSrc:m="integrates/empty/addRoot",padding:g=1.25,title:x,size:u="md"})=>{const y=void 0!==(c??i);return e.jsxs(s,{$padding:g,children:[e.jsx(o,{children:e.jsx(n.MemoizedImage,{alt:"empty-icon",publicId:m})}),e.jsx(r.Heading,{fontWeight:"bold",lineSpacing:1.75,mb:.25,size:p[u].title,textAlign:"center",children:x}),e.jsx(d.Text,{mb:y?2:void 0,size:p[u].description,textAlign:"center",children:l}),y?e.jsxs(a,{children:[i&&e.jsx(t.EmptyButton,{buttonProps:i,variant:"tertiary"}),c&&e.jsx(t.EmptyButton,{buttonProps:c,variant:"primary"})]}):void 0]})};

package/dist/components/empty-state/styles.d.ts

@@ -0,0 +1,8 @@
+import { DefaultTheme } from 'styled-components';
+interface IEmptyContainerProps {
+    $padding: keyof DefaultTheme["spacing"];
+}
+declare const EmptyContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IEmptyContainerProps>> & string;
+declare const EmptyImageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const EmptyButtonContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { EmptyContainer, EmptyImageContainer, EmptyButtonContainer };

package/{types → dist}/components/empty-state/types.d.ts

@@ -1,4 +1,4 @@
-import type { DefaultTheme } from "styled-components";
+import { DefaultTheme } from 'styled-components';
 type TSize = "md" | "sm";
 /**
  * Button empty state props.

package/{types → dist}/components/file-preview/index.d.ts

@@ -1,3 +1,3 @@
-import type { IFilePreviewProps } from "./types";
+import { IFilePreviewProps } from './types';
 declare const FilePreview: ({ alt, fileType, width, opacity, src, height, }: Readonly<IFilePreviewProps>) => JSX.Element;
 export { FilePreview };

package/dist/components/file-preview/index.js

@@ -0,0 +1,16 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../container/index.js"),o=require("lodash"),r=require("../link/index.js"),n=i.styled(t.Container).attrs((({...e})=>({display:"inline-block",position:"relative",...e})))`
+  & img {
+    display: block;
+  }
+
+  &::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
+    ${({$opacity:e=0})=>`background-color: rgba(0, 0, 0, ${e});`}
+  }
+`;exports.FilePreview=({alt:i,fileType:t,width:s="100%",opacity:l=0,src:c,height:d="auto"})=>"video"===t||((e,i)=>!o.isUndefined(i)&&o.includes(e,(e=>{if(o.isNil(e))return"";const i=e.split(".");return(i.length>1?o.last(i):"").toLowerCase()})(i)))(["webm"],c)?e.jsx(n,{$opacity:l,children:e.jsxs("video",{controls:!0,height:d,muted:!0,width:s,children:[e.jsx("source",{src:c,type:"video/webm"}),e.jsx(r.Link,{href:c,iconPosition:"hidden",children:c})]})}):e.jsx(n,{$opacity:l,children:e.jsx("img",{alt:i,height:d,src:c,width:s})});

package/dist/components/file-preview/styles.d.ts

@@ -0,0 +1,6 @@
+import { IContainerProps } from '../container/types';
+interface IPreviewContainer extends IContainerProps {
+    $opacity: number;
+}
+declare const PreviewContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('styled-components/dist/types').Substitute<Readonly<import('react').PropsWithChildren<IContainerProps>> & import('react').RefAttributes<HTMLDivElement>, Readonly<import('react').PropsWithChildren<IContainerProps>> & import('react').RefAttributes<HTMLDivElement>>, IPreviewContainer>, never>> & string & Omit<import('react').ForwardRefExoticComponent<Readonly<import('react').PropsWithChildren<IContainerProps>> & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+export { PreviewContainer };

package/{types → dist}/components/file-preview/utils.d.ts

@@ -1,4 +1,4 @@
-import type { IFilePreviewProps } from "./types";
+import { IFilePreviewProps } from './types';
 declare const getFileExtension: (filename: string | undefined) => string;
 declare const hasExtension: (allowedExtensions: Readonly<string[] | string>, filename?: string) => boolean;
 declare const filesTypeMapper: Record<string, IFilePreviewProps["fileType"]>;

package/dist/components/form/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { IFormProps } from './types';
+declare const Form: import('react').ForwardRefExoticComponent<Readonly<PropsWithChildren<Partial<IFormProps>>> & import('react').RefAttributes<HTMLFormElement>>;
+export { Form };

package/dist/components/form/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),i=require("../button/index.js"),r=require("../container/index.js"),s=t.styled.form`
+  ${({theme:e})=>`\n    align-items: flex-start;\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    gap: ${e.spacing[.5]};\n\n    &:has(button[type="reset"]) {\n      &:last-child {\n        margin-top: ${e.spacing[1]};\n      }\n    }\n  `}
+`,o=n.forwardRef((function({cancelLabel:n,children:t,id:o="modal-confirm",onCancel:l,onConfirm:a="submit",submitLabel:c,submitDisabled:d=!1,...u},m){const x="submit"===a,f=[l,a].some(Boolean);return e.jsx(s,{ref:m,...u,children:e.jsxs(r.Container,{children:[e.jsx(r.Container,{display:"flex",flexDirection:"column",gap:.5,mb:1.5,children:t}),f&&e.jsxs(r.Container,{display:"flex",gap:.75,maxWidth:"392px",children:[l?e.jsx(i.Button,{id:`${o}-cancel`,justify:"center",onClick:l,type:"reset",variant:"tertiary",width:"100%",children:n??"Cancel"}):void 0,e.jsx(i.Button,{disabled:d,id:o,justify:"center",onClick:x?void 0:a,type:x?"submit":"button",width:"100%",children:c??"Confirm"})]})]})})}));exports.Form=o;

package/dist/components/form/styles.d.ts

@@ -0,0 +1,2 @@
+declare const StyledForm: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+export { StyledForm };

package/{types → dist}/components/form/types.d.ts

@@ -1,4 +1,4 @@
-import { FormHTMLAttributes } from "react";
+import { FormHTMLAttributes } from 'react';
 /**
  * Form component props.
  * @interface IFormProps

package/dist/components/grid-container/index.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+import { IGridContainerProps } from './types';
+declare const GridContainer: import('react').ForwardRefExoticComponent<Readonly<PropsWithChildren<IGridContainerProps>> & import('react').RefAttributes<HTMLDivElement>>;
+export { GridContainer };

package/dist/components/grid-container/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),n=require("../../styles-C2CoGJl7.js"),i=t.styled(n.BaseComponent)`
+  display: grid;
+  gap: ${({$gap:e=1.25})=>`${e}rem`};
+  grid-template-columns: ${({$sm:e})=>`repeat(${e}, 1fr)`};
+
+  ${({theme:e,$xl:r,$lg:t,$md:n})=>`\n    @media (width >= ${e.breakpoints.sm}) {\n      grid-template-columns: repeat(${n}, 1fr);\n    }\n\n    @media (width >= ${e.breakpoints.md}) {\n      grid-template-columns: repeat(${t}, 1fr);\n    }\n\n    @media (width >= ${e.breakpoints.lg}) {\n      grid-template-columns: repeat(${r}, 1fr);\n    }\n  `}
+`,a=r.forwardRef((function({children:r,md:t,sm:n,lg:a,xl:s,gap:m,...d},l){return e.jsx(i,{$gap:m,$lg:a,$md:t,$sm:n,$xl:s,ref:l,...d,children:r})}));exports.GridContainer=a;

package/dist/components/grid-container/styles.d.ts

@@ -0,0 +1,12 @@
+import { IGridContainerProps } from './types';
+interface IStyledGridProps {
+    $xl?: IGridContainerProps["xl"];
+    $lg?: IGridContainerProps["lg"];
+    $md?: IGridContainerProps["md"];
+    $sm?: IGridContainerProps["sm"];
+    $gap?: IGridContainerProps["gap"];
+}
+declare const GridContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, IStyledGridProps>> & string;
+export { GridContainer };

package/{types → dist}/components/grid-container/types.d.ts

@@ -1,4 +1,4 @@
-import type { TModifiable } from "components/@core";
+import { TModifiable } from '../@core';
 /**
  * Grid container component props.
  * @interface IGridContainerProps

package/dist/components/grid-layout/styles.d.ts

@@ -0,0 +1,12 @@
+import { IPaddingModifiable } from '../@core';
+interface IStyledGridProps {
+    $columns?: number;
+    $px?: IPaddingModifiable["px"];
+    $py?: IPaddingModifiable["py"];
+}
+declare const Grid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const GridSidebar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const GridContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DebugContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledGridProps>> & string;
+export { Grid, GridSidebar, GridContent, DebugContainer, StyledGrid };

package/{types → dist}/components/group-selector/index.d.ts

@@ -1,3 +1,3 @@
-import type { IGroupSelectorProps } from "./types";
+import { IGroupSelectorProps } from './types';
 declare const GroupSelector: ({ isOpen, items, handleNewOrganization, onSelect, onClose, selectedItem, title, variant, }: Readonly<IGroupSelectorProps>) => JSX.Element;
 export { GroupSelector };

package/dist/components/group-selector/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-dom"),n=require("styled-components"),i=require("../../index-Dy8ZUIYs.js"),a=require("../container/index.js"),o=require("../divider/index.js"),s=require("../icon/index.js"),l=require("../icon-button/index.js"),c=require("../search/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const d=require("../typography/text/index.js");exports.GroupSelector=({isOpen:x=!0,items:u,handleNewOrganization:p,onSelect:g,onClose:h,selectedItem:j,title:m,variant:y})=>{const C=n.useTheme(),[f,q]=r.useState(u),[S,b]=r.useState(""),v=r.useCallback((e=>{q((r=>r.filter((r=>String(r.name).toLowerCase().includes(e.toLocaleLowerCase())))))}),[q]),w=r.useCallback((e=>{e.currentTarget&&(b(e.currentTarget.value),v(e.currentTarget.value))}),[b,v]);return r.useEffect((()=>{q(u),v(S)}),[u,v,S]),x?t.createPortal(e.jsx(a.Container,{"aria-modal":"true",className:"comp-modal fixed inset-0 overflow-auto",zIndex:99999,children:e.jsx(a.Container,{alignItems:"center",bgColor:"rgb(52 64 84 / 70%)",display:"flex",height:"100vh",justify:"center",left:"0",top:"0",width:"100%",children:e.jsxs(i.StyledGroupContainer,{$itemsLength:f.length,children:[e.jsxs(a.Container,{alignItems:"center",display:"flex",justify:"space-between",children:[e.jsx(d.Text,{color:C.palette.gray[800],fontWeight:"bold",size:"lg",children:m}),e.jsx(l.IconButton,{icon:"xmark",iconColor:C.palette.gray[400],iconSize:"xs",iconType:"fa-light",onClick:h,variant:"ghost"})]}),e.jsx(a.Container,{mt:1,children:e.jsx(c.Search,{onInput:w,placeholder:"Search"})}),e.jsx(o.Divider,{mb:1,mt:1}),e.jsxs(a.Container,{display:"inline-flex",gap:1,maxHeight:"332px",scroll:"y",wrap:"wrap",children:["organization-selector"===y?e.jsx(i.OptionBoxContainer,{onClick:p,children:e.jsxs(a.Container,{alignItems:"center",display:"flex",children:[e.jsx(s.Icon,{icon:"square-plus",iconColor:C.palette.gray[400],iconSize:"xs",iconType:"fa-light",mr:.5}),e.jsx(d.Text,{color:C.palette.gray[400],size:"sm",children:"New organization"})]})}):void 0,f.map((r=>e.jsx(i.OptionContainer,{isSelected:j.toLowerCase()===r.name,label:r.name.charAt(0).toUpperCase()+r.name.slice(1),onSelect:g},r.name)))]})]})})}),document.body):e.jsx("div",{})};

package/{types → dist}/components/group-selector/option-container/index.d.ts

@@ -1,4 +1,4 @@
-import { OptionBoxContainer } from "../styles";
-import type { IOptionProps } from "../types";
+import { OptionBoxContainer } from '../styles';
+import { IOptionProps } from '../types';
 declare const OptionContainer: ({ isSelected, label, onSelect, }: Readonly<IOptionProps>) => JSX.Element;
 export { OptionContainer, OptionBoxContainer };

package/dist/components/group-selector/option-container/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("react"),require("styled-components");const e=require("../../../index-Dy8ZUIYs.js");require("../../icon/index.js"),require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.OptionBoxContainer=e.OptionBoxContainer,exports.OptionContainer=e.OptionContainer;

package/dist/components/group-selector/styles.d.ts

@@ -0,0 +1,7 @@
+declare const StyledGroupContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $itemsLength: number;
+}>> & string;
+declare const OptionBoxContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isSelected?: boolean;
+}>> & string;
+export { StyledGroupContainer, OptionBoxContainer };

package/dist/components/icon/index.d.ts

@@ -0,0 +1,3 @@
+import { IIconProps } from './types';
+declare const Icon: import('react').ForwardRefExoticComponent<Readonly<IIconProps> & import('react').RefAttributes<HTMLSpanElement>>;
+export { Icon };

package/dist/components/icon/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),e=require("styled-components"),r=require("../../styles-C2CoGJl7.js"),i={xl:"96px",lg:"64px",md:"32px",sm:"24px",xs:"16px",xxs:"12px",xxss:"10px"},s=e.styled(r.BaseSpanComponent)`
+  ${({$clickable:n,$color:o="inherit",$disabled:e=!1,$hoverColor:r,$rotation:s,$size:t,$secondaryColor:a})=>`\n      color: ${o};\n      cursor: ${n?"pointer":"inherit"};\n      font-size: ${i[t]};\n      line-height: 0;\n      vertical-align: middle;\n      pointer-events: inherit;\n      opacity: ${e?"0.5":"1"};\n\n      > svg {\n        --fa-secondary-color: ${a};\n        transform: ${void 0===s?"":`rotate(${s}deg)`};\n      }\n\n      .fill-gradient-01 path {\n        fill: url(/gradients.svg#gradient-01);\n        fill: url(#gradient-01);\n      }\n      .fill-gradient-02 path {\n        fill: url(/gradients.svg#gradient-02);\n        fill: url(#gradient-02);\n      }\n\n      ${n?`&:hover {\n              filter: ${r?"":"brightness(50%)"};\n              color: ${r??""};\n            }`:""}\n    `}
+`;e.styled.div`
+  cursor: pointer;
+  transition: all 0.2s ease-in-out;
+
+  &:hover:not([disabled]) {
+    transform: scale(1.2);
+  }
+`;const t=o.forwardRef((function({clickable:o,disabled:e,hoverColor:r,icon:i,iconClass:t="",iconColor:a,iconMask:l,iconSize:c,iconTransform:d,iconType:$="fa-solid",onClick:f,rotation:p,spanClass:g,secondaryColor:x,...u},v){return n.jsx(s,{$clickable:o,$color:a,$disabled:e,$hoverColor:r,$rotation:p,$secondaryColor:x,$size:c,className:g,"data-testid":`${i}-icon`,onClick:f,ref:v,...u,children:n.jsx("i",{className:`${$} fa-${i} ${t}`,...void 0!==l?{"data-fa-mask":l}:{},...void 0!==d?{"data-fa-transform":d}:{}})},`${$}-${i}`)}));exports.Icon=t;

package/dist/components/icon/styles.d.ts

@@ -0,0 +1,15 @@
+import { IIconWrapProps } from './types';
+interface IStyledIconWrapProps {
+    $clickable?: IIconWrapProps["clickable"];
+    $color?: IIconWrapProps["iconColor"];
+    $hoverColor?: IIconWrapProps["hoverColor"];
+    $disabled?: IIconWrapProps["disabled"];
+    $rotation?: IIconWrapProps["rotation"];
+    $size: IIconWrapProps["iconSize"];
+    $secondaryColor: IIconWrapProps["secondaryColor"];
+}
+declare const IconWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}, IStyledIconWrapProps>> & string;
+declare const IconInGalleryWrap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { IconWrap, IconInGalleryWrap };

package/{types → dist}/components/icon/types.d.ts

@@ -1,5 +1,5 @@
-import type { MouseEventHandler } from "react";
-import { IIconModifiable, IMarginModifiable } from "components/@core";
+import { MouseEventHandler } from 'react';
+import { IIconModifiable, IMarginModifiable } from '../@core';
 /**
  * Icon Wrapper component props.
  * @interface IIconWrapProps

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,3 @@
+import { IIconButtonProps } from './types';
+declare const IconButton: import('react').ForwardRefExoticComponent<Readonly<IIconButtonProps> & import('react').RefAttributes<HTMLButtonElement>>;
+export { IconButton };

package/dist/components/icon-button/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("styled-components"),r=require("../../styles--Elze-LV.js"),t=require("../icon/index.js"),o=require("../../index-CmylnDrF.js"),a=n.styled(r.StyledButton)`
+  ${({theme:e,$borderRadius:i="4px",$px:n=.5,$py:r=.5})=>`\n    --btn-spacing: ${i};\n    --btn-padding-x: ${e.spacing[n]};\n    --btn-padding-y: ${e.spacing[r]};\n\n    align-items: center;\n    line-height: 0;\n    text-align: center;\n\n    > span {\n      margin: 0 !important;\n    }\n  `}
+`,c=i.forwardRef((function({borderRadius:i,disabled:n,icon:r,iconColor:c,iconSize:s="xxs",iconTransform:d,iconType:l,id:p,justify:u="center",onClick:y,px:b,py:x,type:$="button",tooltip:g,tooltipPlace:j,value:m,variant:f="primary",...q},v){const T=e.jsx(a,{$borderRadius:i,$px:b,$py:x,$variant:f,"aria-disabled":n,"aria-label":p,borderRadius:i,disabled:n,id:p,justify:u,onClick:y,ref:v,type:$,value:m,...q,children:e.jsx(t.Icon,{clickable:!1,icon:r,iconColor:c,iconSize:s,iconTransform:d,iconType:l})}),h=($+(f??"")+(p??r)).replace(/ /u,"_");return void 0===g?T:e.jsx(o.Tooltip,{id:`${h}-tooltip`,place:j,tip:g,children:T})}));exports.IconButton=c;

package/dist/components/icon-button/styles.d.ts

@@ -0,0 +1,9 @@
+import { TSpacing } from '../@core';
+declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, "$variant"> & import('../button/styles').IStyledButtonProps, {
+    $borderRadius?: string;
+    $px?: TSpacing;
+    $py?: TSpacing;
+}>> & string;
+export { StyledIconButton };

package/{types → dist}/components/icon-button/types.d.ts

@@ -1,7 +1,7 @@
-import type { ButtonHTMLAttributes } from "react";
-import type { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from "components/@core/types";
-import type { TVariant } from "components/button/styles";
-import type { TPlace } from "components/tooltip/types";
+import { ButtonHTMLAttributes } from 'react';
+import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IPaddingModifiable } from '../@core/types';
+import { TVariant } from '../button/styles';
+import { TPlace } from '../tooltip/types';
 /**
  * IconButton component props.
  * @interface IIconButtonProps

package/{types → dist}/components/indicator-card/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import type { IIndicatorCardProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { IIndicatorCardProps } from './types';
 declare const IndicatorCard: ({ description, height, leftIconName, children, rightIconName, title, tooltipId, tooltipTip, tooltipPlace, variant, width, }: Readonly<PropsWithChildren<IIndicatorCardProps>>) => JSX.Element;
 export type { IIndicatorCardProps };
 export { IndicatorCard };

package/dist/components/indicator-card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),t=require("styled-components"),r=require("../container/index.js"),n=require("../../index-CmylnDrF.js"),d=require("../typography/heading/index.js");require("../typography/span/index.js");const o=require("../typography/text/index.js");exports.IndicatorCard=({description:s,height:a="auto",leftIconName:l,children:p,rightIconName:c,title:x,tooltipId:g,tooltipTip:h,tooltipPlace:y="bottom",variant:u="centered",width:f="318px"})=>{const j=t.useTheme(),m="centered"===u,v=e.jsx(n.Tooltip,{icon:c??l,iconColor:j.palette.gray[800],id:g,place:y,tip:h});return e.jsxs(r.Container,{alignItems:m?"center":"flex-start",bgColor:j.palette.gray[50],border:`1px solid ${j.palette.gray[200]}`,borderRadius:"4px",display:"inline-flex",flexDirection:m?"column":"column-reverse",gap:.5,height:a,justify:"center",padding:[1.25,1.25,1.25,1.25],width:f,children:[e.jsxs(r.Container,{alignItems:"center",display:"flex",gap:.5,children:[m||i.isUndefined(l)?void 0:v,e.jsx(o.Text,{color:m?j.palette.gray[800]:j.palette.gray[400],size:"md",textAlign:m?"center":"start",children:s}),m||i.isUndefined(c)?void 0:v]}),e.jsxs(r.Container,{alignItems:"center",display:"flex",gap:.5,my:.5,children:[m&&!i.isUndefined(l)?v:void 0,e.jsxs("div",{style:{display:"flex",gap:"12px"},children:[i.isUndefined(x)?void 0:e.jsx(d.Heading,{fontWeight:"bold",size:"md",children:x}),p]}),m&&!i.isUndefined(c)?v:void 0]})]})};

package/{types → dist}/components/indicator-card/types.d.ts

@@ -1,5 +1,5 @@
-import type { IconName } from "@fortawesome/free-solid-svg-icons";
-import type { TPlace } from "components/tooltip/types";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { TPlace } from '../tooltip/types';
 type TVariant = "centered" | "left-aligned";
 /**
  * Indicator card component props.

package/{types → dist}/components/info-sidebar/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import { IInfoSidebarProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { IInfoSidebarProps } from './types';
 declare const InfoSidebar: ({ actions, children, header, title, tabs, footer, }: Readonly<PropsWithChildren<IInfoSidebarProps>>) => JSX.Element;
 export { InfoSidebar };

package/dist/components/info-sidebar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../button/index.js"),n=require("../container/index.js"),r=require("../icon-button/index.js"),l=require("../tabs/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const o=require("../typography/text/index.js");exports.InfoSidebar=({actions:a,children:s,header:p,title:x,tabs:c,footer:d})=>{const y=t.useTheme();return e.jsxs(n.Container,{alignItems:"flex-start",bgColor:y.palette.white,borderLeft:`1px solid ${y.palette.gray[300]}`,display:"flex",flexDirection:"column",maxHeight:"750px",width:"480px",children:[e.jsxs(n.Container,{alignItems:"flex-start",alignSelf:"stretch",borderBottom:`1px solid ${y.palette.gray[300]}`,display:"flex",gap:.25,justify:"space-between",px:1.25,py:1,children:[e.jsxs(n.Container,{display:"flex",flexDirection:"column",gap:.25,children:[e.jsx(o.Text,{color:y.palette.gray[800],fontWeight:"bold",lineSpacing:1.75,size:"xl",children:x}),p]}),a&&e.jsx(n.Container,{display:"flex",gap:.25,children:a.map((({icon:t,onClick:i},n)=>e.jsx(r.IconButton,{icon:t??"paper-plane",iconColor:y.palette.gray[400],iconSize:"xxs",iconType:"fa-light",onClick:i,variant:"ghost"},`${n}-${t}`)))})]}),e.jsx(n.Container,{display:"flex",pt:.25,width:"100%",children:e.jsx(l.Tabs,{items:c})}),e.jsx(n.Container,{alignSelf:"stretch",display:"flex",flexDirection:"column",px:1.25,py:1,scroll:"y",children:s}),d&&e.jsx(n.Container,{alignSelf:"stretch",borderTop:`1px solid ${y.palette.gray[300]}`,display:"flex",gap:.5,justify:"end",px:1.25,py:1,children:d.map((({icon:t,text:n,onClick:r},l)=>e.jsx(i.Button,{icon:t,onClick:r,variant:0===l?"primary":"tertiary",width:"100%",children:n},`${l}-${n}`)))})]})};

package/{types → dist}/components/info-sidebar/types.d.ts

@@ -1,5 +1,5 @@
-import { IIconModifiable } from "components/@core";
-import { ITabProps } from "components/tabs/types";
+import { IIconModifiable } from '../@core';
+import { ITabProps } from '../tabs/types';
 /**
  * Button empty state props.
  * @interface IButtonProps

package/dist/components/inputs/fields/combobox/index.d.ts

@@ -0,0 +1,4 @@
+import { IComboBoxProps } from './types';
+declare const ComboBox: import('react').ForwardRefExoticComponent<Readonly<IComboBoxProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { ComboBox };
+export type { IComboBoxProps };

package/dist/components/inputs/fields/combobox/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("react-aria"),n=require("react-stately"),r=require("styled-components"),i=require("../../../../index-DpQYiwGu.js"),l=require("../../outline-container/index.js"),s=require("../../../../styles-Bl-CstrT.js"),a=require("../../utils/popover/index.js"),u=require("../../../icon/index.js"),c=require("../../../icon-button/index.js"),p=t.forwardRef((function({disabled:p=!1,error:d,helpLink:x,helpLinkText:m,helpText:f,label:h,name:b,items:j,onChange:v,required:C,tooltip:g,value:q,weight:y,...S},R){const B=r.useTheme(),[T,w]=t.useState(q??""),[P,k]=t.useState(q),[O,I]=t.useState(j),{contains:L}=o.useFilter({sensitivity:"base"}),z=t.useRef(null),N=t.useRef(null),F=t.useRef(null),M=t.useRef(null),V=t.useMemo((()=>j.map((t=>L(t.name,T)?e.jsx(n.Item,{children:t.name},t.value):null))),[L,T,j]),$=t.useCallback((e=>{w(e),k((t=>{const o=""===e?"":t;return null==v||v(o),o})),I(j.filter((t=>L(t.name,e))))}),[L,j,v]),D=t.useCallback((e=>{var t;e&&(w((null==(t=j.find((t=>t.value===e)))?void 0:t.name)??""),k(String(e)),null==v||v(e),I(j))}),[v,j]),E=n.useComboBoxState({allowsEmptyCollection:!0,inputValue:T,items:O,shouldCloseOnBlur:!0,selectedKey:P,onInputChange:$,onSelectionChange:D,children:V}),{buttonProps:K,inputProps:A,listBoxProps:G}=o.useComboBox({inputValue:T,items:O,buttonRef:z,id:b,inputRef:R,label:h,listBoxRef:N,name:b,popoverRef:M},E),{listBoxProps:H}=o.useListBox(G,E,N),{buttonProps:J}=o.useButton(K,z);return e.jsxs(l.OutlineContainer,{error:d,helpLink:x,helpLinkText:m,helpText:f,htmlFor:b,label:h,required:C,tooltip:g,weight:y,children:[e.jsxs(s.StyledTextInputContainer,{className:`${p?"disabled":""} ${d?"error":""}`,ref:F,children:[e.jsx("input",{...A,...S,"aria-invalid":d?"true":"false",ref:R}),d?e.jsx(u.Icon,{icon:"exclamation-circle",iconClass:"error-icon",iconColor:B.palette.error[500],iconSize:"xs"}):void 0,e.jsx(c.IconButton,{...J,className:"action",icon:E.isOpen?"chevron-up":"chevron-down",iconColor:B.palette.gray[400],iconSize:"xxs",iconType:"fa-light",px:.125,py:.125,ref:z,variant:"ghost"})]}),E.isOpen&&E.collection.size>0&&!p?e.jsx(a.Popover,{className:"dropdown",offset:4,placement:"bottom start",popoverRef:M,state:E,triggerRef:F,children:e.jsx(i.StyledDropdown,{...H,ref:N,children:O.map((t=>e.jsx(i.Option,{item:t,state:E},t.value)))})}):null]})}));exports.ComboBox=p;

package/{types → dist}/components/inputs/fields/combobox/option/index.d.ts

@@ -1,3 +1,3 @@
-import { IOptionProps } from "../types";
+import { IOptionProps } from '../types';
 declare const Option: <T extends object>({ item, state, }: Readonly<IOptionProps<T>>) => JSX.Element;
 export { Option };

package/dist/components/inputs/fields/combobox/option/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime"),require("react"),require("react-aria");const e=require("../../../../../index-DpQYiwGu.js");require("../../../../icon/index.js"),exports.Option=e.Option;

package/dist/components/inputs/fields/combobox/styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+declare const StyledOption: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export { StyledDropdown, StyledOption };

package/{types → dist}/components/inputs/fields/combobox/types.d.ts

@@ -1,6 +1,6 @@
-import type { Key } from "react-aria";
-import type { ComboBoxState } from "react-stately";
-import type { IOutlineContainerProps } from "../../types";
+import { Key } from 'react-aria';
+import { ComboBoxState } from 'react-stately';
+import { IOutlineContainerProps } from '../../types';
 /**
  * Props for the item component.
  * @interface IItem

package/{types → dist}/components/inputs/fields/date/calendar/cell/index.d.ts

@@ -1,3 +1,3 @@
-import type { TCellProps } from "../../types";
+import { TCellProps } from '../../types';
 declare const CalendarCell: ({ state, date }: Readonly<TCellProps>) => JSX.Element;
 export { CalendarCell };

package/dist/components/inputs/fields/date/calendar/cell/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("@internationalized/date"),t=require("lodash"),a=require("react"),r=require("react-aria"),l=require("../../../../../../styles-DYoftbd3.js"),s=require("../../../../../icon/index.js");exports.CalendarCell=({state:n,date:d})=>{const o=a.useRef(null),c=i.isToday(d,i.getLocalTimeZone()),{cellProps:g,buttonProps:h,isSelected:u,isDisabled:x,formattedDate:j}=r.useCalendarCell({date:d},n,o),m="highlightedRange"in n&&!t.isNull(n.highlightedRange)?i.isSameDay(d,n.highlightedRange.start):u,y="highlightedRange"in n&&!t.isNull(n.highlightedRange)?i.isSameDay(d,n.highlightedRange.end):u,q=!u||x||m||y?"":"range";return e.jsx(l.DayItemTd,{id:q,...g,children:e.jsxs("div",{...h,className:`cell ${m||y?"selected":""}\n          ${x?"disabled":""} ${c?"today":""}\n          ${n.isFocused||c?"":"focused"} ${q}`,ref:o,children:[j,c?e.jsx(l.DotIconContainer,{children:e.jsx(s.Icon,{clickable:!1,icon:"circle",iconSize:"xxs"})}):void 0]})})};

package/{types → dist}/components/inputs/fields/date/calendar/grid/index.d.ts

@@ -1,3 +1,3 @@
-import type { TGridProps } from "../../types";
+import { TGridProps } from '../../types';
 declare const CalendarGrid: ({ state, ...props }: Readonly<TGridProps>) => JSX.Element;
 export { CalendarGrid };

package/dist/components/inputs/fields/date/calendar/grid/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@internationalized/date"),t=require("react-aria"),a=require("../cell/index.js"),s=require("../../../../../../styles-DYoftbd3.js");exports.CalendarGrid=({state:n,...i})=>{const{locale:l}=t.useLocale(),{weekDays:d}=t.useCalendarGrid(i,n),c=r.getWeeksInMonth(n.visibleRange.start,l);return e.jsxs("table",{children:[e.jsx("thead",{children:e.jsx(s.WeekDaysTr,{children:d.map(((r,t)=>{const a=`key_${t}`;return e.jsx(s.DayHeaderTh,{children:r},a)}))})}),e.jsx("tbody",{children:[...new Array(c).keys()].map((r=>e.jsx(s.WeekDaysTr,{children:n.getDatesInWeek(r).map(((r,t)=>{const s=`key_${t}`;return r?e.jsx(a.CalendarCell,{date:r,state:n},s):e.jsx("td",{},s)}))},r)))})]})};

package/{types → dist}/components/inputs/fields/date/calendar/header/index.d.ts

@@ -1,3 +1,3 @@
-import type { THeaderProps } from "../../types";
+import { THeaderProps } from '../../types';
 declare const Header: ({ state, prevButtonProps, nextButtonProps, title, }: Readonly<THeaderProps>) => JSX.Element;
 export { Header };

package/dist/components/inputs/fields/date/calendar/header/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("../../../../../../styles-DYoftbd3.js"),r=require("../../../../../icon/index.js"),o=require("../../../../utils/calendar-button/index.js");exports.Header=({state:a,prevButtonProps:n,nextButtonProps:i,title:c})=>{const l=a.focusedDate,u=t.useCallback((()=>{a.setFocusedDate(l.add({years:1}))}),[l,a]),x=t.useCallback((()=>{a.setFocusedDate(l.subtract({years:1}))}),[l,a]);return e.jsxs("div",{className:"header flex items-start",children:[e.jsx(o.Button,{icon:"chevron-left",props:n}),e.jsxs(s.TitleContainer,{children:[c,e.jsxs(s.YearSwitch,{children:[e.jsx(s.CaretButton,{"aria-label":"top",onClick:u,children:e.jsx(r.Icon,{icon:"caret-up",iconClass:"fa-sharp",iconSize:"xxss"})}),e.jsx(s.CaretButton,{"aria-label":"bottom",onClick:x,children:e.jsx(r.Icon,{icon:"caret-down",iconClass:"fa-sharp",iconSize:"xxss"})})]})]}),e.jsx(o.Button,{icon:"chevron-right",props:i})]})};

package/{types → dist}/components/inputs/fields/date/calendar/index.d.ts

@@ -1,4 +1,4 @@
-import type { CalendarStateOptions } from "react-stately";
+import { CalendarStateOptions } from 'react-stately';
 declare const Calendar: ({ onClose, props, }: Readonly<{
     onClose: () => void;
     props: Omit<CalendarStateOptions, "createCalendar" | "locale">;

package/dist/components/inputs/fields/date/calendar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@internationalized/date"),t=require("react-aria"),a=require("react-stately"),n=require("./grid/index.js"),s=require("./header/index.js"),i=require("../../../../../styles-DYoftbd3.js"),o=require("../../../../button/index.js");exports.Calendar=({onClose:l,props:d})=>{const{locale:u}=t.useLocale(),c=a.useCalendarState({...d,createCalendar:r.createCalendar,locale:u}),{prevButtonProps:x,nextButtonProps:j,title:p}=t.useCalendar(d,c);return e.jsxs("div",{className:"calendar",children:[e.jsx(s.Header,{nextButtonProps:j,prevButtonProps:x,state:c,title:p}),e.jsx(n.CalendarGrid,{state:c}),e.jsx(i.FooterContainer,{children:e.jsx(o.Button,{onClick:l,variant:"ghost",children:"Cancel"})})]})};

package/dist/components/inputs/fields/date/calendar/styles.d.ts

@@ -0,0 +1,13 @@
+declare const TitleContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const YearSwitch: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const WeekDaysTr: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+declare const DayHeaderTh: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+declare const DayItemTd: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, never>> & string;
+declare const DotIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const CaretButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const FooterContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { CaretButton, DayItemTd, DayHeaderTh, DotIconContainer, FooterContainer, TitleContainer, WeekDaysTr, YearSwitch, };

package/dist/components/inputs/fields/date/index.d.ts

@@ -0,0 +1,3 @@
+import { TInputDateProps } from './types';
+declare const InputDate: import('react').ForwardRefExoticComponent<Readonly<TInputDateProps> & import('react').RefAttributes<HTMLInputElement>>;
+export { InputDate };

package/dist/components/inputs/fields/date/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@internationalized/date"),t=require("lodash"),i=require("react"),o=require("react-aria"),a=require("react-stately"),s=require("./calendar/index.js"),l=require("../../outline-container/index.js"),n=require("../../utils/date-selector/index.js"),u=require("../../utils/dialog/index.js"),d=require("../../utils/popover/index.js"),p=i.forwardRef((function({disabled:p=!1,error:c,required:q,label:x,name:P,tooltip:f,value:j,...b},g){const m=i.useRef(null),D=a.useDatePickerState(b),{close:h}=D,{groupProps:v,fieldProps:R,buttonProps:y,dialogProps:S,calendarProps:k}=o.useDatePicker({...b,"aria-label":x??P},D,m);return e.jsxs(l.OutlineContainer,{error:c,htmlFor:P,label:x,required:q,tooltip:f,children:[e.jsx(n.DateSelector,{buttonProps:y,datePickerRef:m,disabled:p,error:c,fieldProps:t.isNil(j)||t.isEmpty(j)||"-"===j?R:{...R,value:r.parseDate(j.replace(/\//gu,"-"))},groupProps:v,inputRef:g,name:P}),D.isOpen&&!p?e.jsx(d.Popover,{offset:8,placement:"bottom start",state:D,triggerRef:m,children:e.jsx(u.Dialog,{...S,children:e.jsx(s.Calendar,{onClose:h,props:{...k}})})}):null]})}));exports.InputDate=p;

package/{types → dist}/components/inputs/fields/date/types.d.ts

@@ -1,6 +1,6 @@
-import { InputHTMLAttributes } from "react";
-import type { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria, DateValue } from "react-aria";
-import type { CalendarState, DatePickerStateOptions, DateRangePickerStateOptions, RangeCalendarState } from "react-stately";
+import { InputHTMLAttributes } from 'react';
+import { AriaCalendarCellProps, AriaCalendarGridProps, CalendarAria, DateValue } from 'react-aria';
+import { CalendarState, DatePickerStateOptions, DateRangePickerStateOptions, RangeCalendarState } from 'react-stately';
 /**
  * Calendar state props.
  * @interface ICalendarState

package/{types → dist}/components/inputs/fields/date-range/calendar/index.d.ts

@@ -1,4 +1,4 @@
-import type { RangeCalendarStateOptions } from "react-stately";
+import { RangeCalendarStateOptions } from 'react-stately';
 declare const Calendar: ({ onClose, props, }: Readonly<{
     onClose: () => void;
     props: Omit<RangeCalendarStateOptions, "createCalendar" | "locale">;

package/dist/components/inputs/fields/date-range/calendar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@internationalized/date"),t=require("react"),a=require("react-aria"),n=require("react-stately"),s=require("../../date/calendar/grid/index.js"),i=require("../../date/calendar/header/index.js"),l=require("../../../../../styles-DYoftbd3.js"),o=require("../../../../button/index.js");exports.Calendar=({onClose:d,props:u})=>{const{locale:c}=a.useLocale(),x=t.useRef(null),j=n.useRangeCalendarState({...u,createCalendar:r.createCalendar,locale:c}),{prevButtonProps:p,nextButtonProps:C,title:q}=a.useRangeCalendar(u,j,x);return e.jsxs("div",{className:"calendar-range",ref:x,children:[e.jsx(i.Header,{nextButtonProps:C,prevButtonProps:p,state:j,title:q}),e.jsx(s.CalendarGrid,{state:j}),e.jsx(l.FooterContainer,{children:e.jsx(o.Button,{onClick:d,variant:"ghost",children:"Cancel"})})]})};

package/dist/components/inputs/fields/date-range/index.d.ts

@@ -0,0 +1,4 @@
+import { TInputDateRangeProps } from '../date/types';
+declare const InputDateRange: import('react').ForwardRefExoticComponent<Readonly<TInputDateRangeProps> & import('react').RefAttributes<HTMLInputElement>>;
+export type { TInputDateRangeProps };
+export { InputDateRange };

package/dist/components/inputs/fields/date-range/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("react-aria"),a=require("react-stately"),l=require("./calendar/index.js"),o=require("styled-components"),i=require("../../outline-container/index.js"),s=require("../../utils/date-selector/index.js"),n=require("../../utils/dialog/index.js"),d=require("../../utils/popover/index.js"),u=o.styled.div`
+  ${({theme:e,$disabled:r,$show:t})=>`\n    border-color: ${t?e.palette.error[500]:e.palette.gray[300]};\n    display: flex;\n    gap: ${e.spacing[.25]};\n    width: 100%;\n\n    ~ div {\n      background: ${r?e.palette.gray[200]:e.palette.white};\n    }\n  `}
+`,p=r.forwardRef((function({disabled:o=!1,error:p,label:c,name:b,required:g,tooltip:P,...x},f){const j=r.useRef(null),m=a.useDateRangePickerState(x),{close:q}=m,$=`min${b}`,h=`max${b}`,{groupProps:v,startFieldProps:R,endFieldProps:y,buttonProps:D,dialogProps:S,calendarProps:k}=t.useDateRangePicker(x,m,j);return e.jsxs(i.OutlineContainer,{error:p,htmlFor:b,label:c,required:g,tooltip:P,children:[e.jsxs(u,{$disabled:o,$show:void 0!==p,ref:j,children:[e.jsx(s.DateSelector,{buttonProps:D,datePickerRef:j,disabled:o,error:p,fieldProps:{...R,"aria-label":`${R["aria-label"]} ${b}`,validate:e=>y.value&&e>y.value?"Start date must be less than or equal to end date":null},groupProps:v,inputRef:f,name:$}),e.jsx(s.DateSelector,{buttonProps:D,datePickerRef:j,disabled:o,error:p,fieldProps:{...y,"aria-label":`${y["aria-label"]} ${b}`,validate:e=>R.value&&e<R.value?"End date must be greater than or equal to start date":null},groupProps:v,inputRef:f,name:h})]}),m.isOpen&&!o?e.jsx(d.Popover,{offset:8,placement:"bottom start",state:m,triggerRef:j,children:e.jsx(n.Dialog,{...S,children:e.jsx(l.Calendar,{onClose:q,props:{...k}})})}):null]})}));exports.InputDateRange=p;

package/dist/components/inputs/fields/date-range/styles.d.ts

@@ -0,0 +1,5 @@
+declare const DateSelectorOutline: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled?: boolean;
+    $show?: boolean;
+}>> & string;
+export { DateSelectorOutline };