@fluidattacks/design 3.1.6 → 3.1.8

package/dist/_commonjsHelpers-C37NGDzP.js

@@ -0,0 +1 @@
+"use strict";exports.getDefaultExportFromCjs=function(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t};

package/dist/_commonjsHelpers-D6CrkqQz.mjs

@@ -0,0 +1,6 @@
+function e(e2) {
+  return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
+}
+export {
+  e as g
+};

package/dist/assets/design.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.mb-1\.5{margin-bottom:.375rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-\[500px\]{height:500px}.h-\[600px\]{height:600px}.h-\[900px\]{height:900px}.w-\[400px\]{width:400px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-72{max-width:18rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-shrink{flex-shrink:1}.flex-grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-12{padding-left:3rem;padding-right:3rem}.px-8{padding-left:2rem;padding-right:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-\[90px\]{padding-top:90px;padding-bottom:90px}.align-middle{vertical-align:middle}.text-sm{font-size:.875rem;line-height:1.25rem}.capitalize{text-transform:capitalize}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@property --btn-padding-x{syntax: "<length>"; initial-value: 16px; inherits: false;}@property --btn-padding-y{syntax: "<length>"; initial-value: 10px; inherits: false;}@property --btn-spacing{syntax: "<length>"; initial-value: 8px; inherits: false;}@property --grid-columns{syntax: "<number>"; initial-value: 12; inherits: false;}@property --grid-width{syntax: "<length>"; initial-value: 1440px; inherits: false;}@property --angle-grad{syntax: "<angle>"; initial-value: 45deg; inherits: false;}@property --opacity-grad{syntax: "<number>"; initial-value: 0; inherits: false;}@property --tag-padding-x{syntax: "<length>"; initial-value: 4px; inherits: false;}@property --tag-padding-y{syntax: "<length>"; initial-value: 0; inherits: false;}@keyframes spinAnimation{to{--border-angle: 360deg}}@keyframes gradientAnimation{0%{--animate-position: 45deg}33%{--animate-position: -50deg}66%{--animate-position: -100deg}to{--animate-position: 45deg}}pre[data-line]{position:relative;padding:1em 0 1em 3em}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#997a6614;background:linear-gradient(to right,#997a661a 70%,#997a6600);pointer-events:none;line-height:inherit;white-space:pre}@media print{.line-highlight{-webkit-print-color-adjust:exact;color-adjust:exact}}.line-highlight:before,.line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:#997a6666;color:#f5f2f0;font:700 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}.line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}.line-numbers .line-highlight:before,.line-numbers .line-highlight:after{content:none}pre[id].linkable-line-numbers span.line-numbers-rows{pointer-events:all}pre[id].linkable-line-numbers span.line-numbers-rows>span:before{cursor:pointer}pre[id].linkable-line-numbers span.line-numbers-rows>span:hover:before{background-color:#80808033}

package/dist/components/@core/index.d.ts

@@ -0,0 +1,5 @@
+export * from './variants/utils';
+export * from './constants';
+export * from './styles';
+export * from './types';
+export * from './utils';

package/dist/components/@core/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../utils-C2whpEd3.js"),t=require("../../styles-C2CoGJl7.js");exports.variantBuilder=e.variantBuilder,exports.BaseButtonComponent=t.BaseButtonComponent,exports.BaseComponent=t.BaseComponent,exports.BaseSpanComponent=t.BaseSpanComponent,exports.BaseTextComponent=t.BaseTextComponent,exports.getStyledConfig=t.getStyledConfig,exports.hiddenProps=t.hiddenProps,exports.setBorder=t.setBorder,exports.setDisplay=t.setDisplay,exports.setInteraction=t.setInteraction,exports.setMargin=t.setMargin,exports.setPadding=t.setPadding,exports.setPosition=t.setPosition,exports.setText=t.setText;

package/dist/components/@core/styles.d.ts

@@ -0,0 +1,6 @@
+import { TModifiable } from './types';
+declare const BaseComponent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TModifiable>> & string;
+declare const BaseButtonComponent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, TModifiable>> & string;
+declare const BaseTextComponent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, TModifiable>> & string;
+declare const BaseSpanComponent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TModifiable>> & string;
+export { BaseComponent, BaseButtonComponent, BaseTextComponent, BaseSpanComponent, };

package/{types → dist}/components/@core/types.d.ts

@@ -1,5 +1,5 @@
-import type { IconName } from "@fortawesome/free-solid-svg-icons";
-import type { Property } from "csstype";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { Property } from 'csstype';
 type ColorGradient = "01" | "02";
 type ColorPalette = "25" | "50" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900";
 /**

package/{types → dist}/components/@core/utils.d.ts

@@ -1,5 +1,5 @@
-import type { StyledOptions } from "styled-components";
-import type { IBorderModifiable, IDisplayModifiable, IInteractionModifiable, IMarginModifiable, IPaddingModifiable, IPositionModifiable, ITextModifiable } from "./types";
+import { StyledOptions } from 'styled-components';
+import { IBorderModifiable, IDisplayModifiable, IInteractionModifiable, IMarginModifiable, IPaddingModifiable, IPositionModifiable, ITextModifiable } from './types';
 declare const setPadding: (props: Readonly<IPaddingModifiable>) => string;
 declare const setMargin: (props: Readonly<IMarginModifiable>) => string;
 declare const setPosition: (props: Readonly<IPositionModifiable>) => string;

package/{types → dist}/components/@core/variants/utils.d.ts

@@ -1,5 +1,5 @@
-import type { IconPrefix } from "@fortawesome/free-solid-svg-icons";
-import type { DefaultTheme } from "styled-components";
+import { IconPrefix } from '@fortawesome/free-solid-svg-icons';
+import { DefaultTheme } from 'styled-components';
 /**
  * Object with the icons to be printed on Iconography section.
  * The key is the name of the icon and the value is an array of icon prefixes.

package/{types → dist}/components/accordion/accordion-content/index.d.ts

@@ -1,3 +1,3 @@
-import { IAccordionContentProps } from "../types";
+import { IAccordionContentProps } from '../types';
 declare const AccordionContent: ({ item, }: Readonly<IAccordionContentProps>) => JSX.Element;
 export { AccordionContent };

package/dist/components/accordion/accordion-content/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../container/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const t=require("../../typography/text/index.js");exports.AccordionContent=({item:r})=>e.jsxs(i.Container,{display:"block",id:`panel-${r.title}`,padding:[.75,.75,.75,.75],children:[r.description?e.jsx(t.Text,{mb:r.extraElement?.5:void 0,size:"sm",children:r.description}):void 0,r.extraElement?e.jsx(i.Container,{children:r.extraElement}):void 0]});

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

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

package/dist/components/accordion/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("styled-components"),o=require("./accordion-content/index.js"),i=require("../container/index.js"),n=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const a=require("../typography/text/index.js"),s=r.forwardRef((function({aligned:s="end",items:l,bgColor:c},d){const p=t.useTheme(),[x,u]=r.useState(!1),[g,h]=r.useState(-1),y=r.useCallback((e=>()=>{h(e),u(e!==g||(e=>!e))}),[g]);return e.jsx(i.Container,{ref:d,children:l.map(((r,t)=>{const d=t===g&&x;return e.jsxs(i.Container,{bgColor:c??p.palette.white,children:[e.jsx(i.Container,{"aria-controls":`panel-${r.title}`,"aria-expanded":x,"aria-label":r.title,as:"button",bgColor:c??p.palette.white,bgColorHover:p.palette.gray[100],borderBottom:d||t===l.length-1?"1px solid":void 0,borderColor:p.palette.gray[200],borderTop:"1px solid",cursor:"pointer",display:"flex",onClick:y(t),padding:[.75,.75,.75,.75],width:"100%",children:e.jsxs(i.Container,{as:"summary",display:"flex",flexDirection:"end"===s?"row":"row-reverse",gap:.75,justify:"space-between",width:"100%",children:[e.jsx(a.Text,{color:p.palette.gray[800],fontWeight:"bold",size:"sm",sizeSm:"sm",textAlign:"start",children:r.title}),e.jsx(n.Icon,{icon:d?"chevron-up":"chevron-down",iconColor:p.palette.gray[400],iconSize:"xs",iconType:"fa-light"})]})}),d&&e.jsx(o.AccordionContent,{item:r})]},r.title)}))})}));exports.Accordion=s;

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

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

package/dist/components/alert/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),r=require("../../utils-C2whpEd3.js"),o=require("../container/index.js"),i=require("../icon/index.js"),a=require("../icon-button/index.js"),c=n=>{switch(n){case"warning":return"triangle-exclamation";case"info":return"circle-info";case"success":return"circle-check";default:return"circle-exclamation"}},{getVariant:l}=r.variantBuilder((n=>({error:`\n      background: ${n.palette.error[50]};\n      border: 1px solid ${n.palette.error[500]};\n      color: ${n.palette.error[700]};\n\n      button {\n        color: ${n.palette.error[700]};\n\n        &:hover:not([disabled]) {\n          background-color: ${n.palette.error[200]};\n          color: ${n.palette.error[700]};\n        }\n      }\n    `,info:`\n      background: ${n.palette.info[50]};\n      border: 1px solid ${n.palette.info[500]};\n      color: ${n.palette.info[700]};\n\n      button {\n        color: ${n.palette.info[700]};\n\n        &:hover:not([disabled]) {\n          background-color: ${n.palette.info[200]};\n          color: ${n.palette.info[700]};\n        }\n      }\n    `,success:`\n      background: ${n.palette.success[50]};\n      border: 1px solid ${n.palette.success[500]};\n      color: ${n.palette.success[700]};\n\n      button {\n        color: ${n.palette.success[700]};\n\n        &:hover:not([disabled]) {\n          background-color: ${n.palette.success[200]};\n          color: ${n.palette.success[700]};\n        }\n      }\n    `,warning:`\n      background: ${n.palette.warning[50]};\n      border: 1px solid ${n.palette.warning[500]};\n      color: ${n.palette.warning[700]};\n\n      button {\n        color: ${n.palette.warning[700]};\n\n        &:hover:not([disabled]) {\n          background-color: ${n.palette.warning[200]};\n          color: ${n.palette.warning[700]};\n        }\n      }\n    `}))),s=t.styled.div`
+  ${({theme:n,$variant:e})=>`\n    background: transparent;\n    align-items: center;\n    border-radius: ${n.spacing[.25]};\n    display: inline-flex;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.bold};\n    line-height: ${n.spacing[1.25]};\n    min-width: 250px;\n    width: 100%;\n    padding: ${n.spacing[.75]};\n    position: relative;\n    gap: ${n.spacing[.75]};\n\n    button {\n      background-color: transparent;\n    }\n\n    ${l(n,e??"error")}\n  `}
+`,d=t.styled.div`
+  padding-right: 4px;
+  width: 100%;
+`,p=e.forwardRef((function({autoHide:t=!1,children:r,closable:l=!1,onTimeOut:p,show:u=!0,time:g=8,variant:$="error",id:b,...h},f){const[x,y]=e.useState(u),w=e.useCallback((()=>{y(!1)}),[]);return e.useEffect((()=>{const n=setTimeout((()=>{null==p||p(!0),t&&w()}),1e3*g);return()=>{clearTimeout(n)}}),[t,w,g,p]),e.useEffect((()=>{y(u)}),[u,y]),n.jsx(o.Container,{display:x?"block":"none",ref:f,role:"alert",...h,children:n.jsxs(s,{$variant:$,id:b,children:[n.jsx(i.Icon,{clickable:!1,icon:c($),iconSize:"xs",iconType:"fa-light"}),n.jsx(d,{children:r}),l?n.jsx(a.IconButton,{height:"fit-content",icon:"close",iconSize:"xs",iconType:"fa-light",onClick:w,px:.125,py:.125,variant:"ghost"}):void 0]})})}));exports.Alert=p;

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

@@ -0,0 +1,9 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { TAlertAndNotifyVariant } from './types';
+interface IStyledAlertAndNotifyProps {
+    $variant?: TAlertAndNotifyVariant;
+}
+declare const getIcon: (variant: TAlertAndNotifyVariant) => IconName;
+declare const AlertContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStyledAlertAndNotifyProps>> & string;
+declare const MessageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { getIcon, AlertContainer, MessageContainer };

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

@@ -1,5 +1,5 @@
-import type { Dispatch, HTMLAttributes, SetStateAction } from "react";
-import type { IMarginModifiable } from "components/@core/types";
+import { Dispatch, HTMLAttributes, SetStateAction } from 'react';
+import { IMarginModifiable } from '../@core/types';
 type TAlertAndNotifyVariant = "error" | "info" | "success" | "warning";
 /**
  * Alert component props.

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

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

package/dist/components/button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("../../styles--Elze-LV.js"),r=require("../icon/index.js"),n=require("../../index-CmylnDrF.js"),t=require("lodash"),l=i.forwardRef((function({children:l,disabled:a=!1,external:s=!1,href:d,id:c,icon:u,name:p,onClick:x,showArrow:b=!1,type:f="button",tooltip:j,tooltipPlace:h="bottom",underline:v=!1,value:y,variant:m="primary",...q},w){const g=void 0!==j,k=`${c}-tooltip`,S=i.useCallback((()=>{d&&((e,i=!0)=>{const o=window.open(e,i?void 0:"_self","noopener,noreferrer,");t.isObject(o)&&(o.opener=null)})(d,s)}),[s,d]);return e.jsx(n.Tooltip,{disabled:!g,id:k,place:h,tip:j,children:e.jsxs(o.StyledButton,{$variant:m,"aria-disabled":a,className:v?"underline":void 0,disabled:a,id:c,name:p,onClick:"link"===m?S:x,ref:w,type:f,value:y,...g?{"data-tooltip-id":k}:{},...q,children:[void 0!==u&&e.jsx(r.Icon,{icon:u,iconSize:"xs",iconType:"fa-light"}),l,(b||"link"===m)&&e.jsx(r.Icon,{icon:"arrow-right",iconSize:"xs",iconType:"fa-light"})]})})}));exports.Button=l;

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

@@ -0,0 +1,9 @@
+import { TVariant } from './types';
+interface IStyledButtonProps {
+    $variant?: TVariant;
+}
+declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<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;
+}, IStyledButtonProps>> & string;
+export type { IStyledButtonProps, TVariant };
+export { StyledButton };

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

@@ -1,6 +1,6 @@
-import type { ButtonHTMLAttributes } from "react";
-import type { IBorderModifiable, IDisplayModifiable, IIconModifiable, IMarginModifiable, IPaddingModifiable, TMode } from "components/@core";
-import type { TPlace } from "components/tooltip/types";
+import { ButtonHTMLAttributes } from 'react';
+import { IBorderModifiable, IDisplayModifiable, IIconModifiable, IMarginModifiable, IPaddingModifiable, TMode } from '../@core';
+import { TPlace } from '../tooltip/types';
 type TVariant = "primary" | "secondary" | "tertiary" | "ghost" | "link";
 /**
  * Button component props.

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

@@ -1,3 +1,3 @@
-import type { ICardHeader } from "../types";
+import { ICardHeader } from '../types';
 declare const CardHeader: ({ authorEmail, date, description, descriptionColor, id, title, titleColor, textAlign, textSpacing, tooltip, }: Readonly<ICardHeader>) => JSX.Element;
 export { CardHeader };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../container/index.js"),i=require("../../../index-CmylnDrF.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const o=require("../../typography/text/index.js");exports.CardHeader=({authorEmail:n,date:l,description:s,descriptionColor:a,id:d,title:x,titleColor:c,textAlign:p,textSpacing:g=0,tooltip:h})=>{const u=t.useTheme();return e.jsxs(r.Container,{width:"100%",children:["string"==typeof x?e.jsx(o.Text,{color:c??u.palette.gray[800],fontWeight:"bold",mb:g,size:"sm",textAlign:p,wordBreak:"break-word",children:x}):x,e.jsxs(r.Container,{alignItems:"start",display:"flex",flexDirection:"column",gap:.25,children:[s&&e.jsx(o.Text,{color:a??u.palette.gray[800],fontWeight:void 0===s?"bold":"regular",size:"sm",textAlign:p,wordBreak:"break-word",children:s}),l&&e.jsx(o.Text,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:p,wordBreak:"break-word",children:`Date: ${l.split(" ")[0]}`}),n&&e.jsx(o.Text,{color:u.palette.gray[800],fontWeight:"bold",size:"sm",textAlign:p,wordBreak:"break-word",children:`$Author: ${n}`}),h&&e.jsx(i.Tooltip,{icon:"circle-info",id:d,tip:h})]})]})};

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { ICardWithImageProps } from "../types";
+import { PropsWithChildren } from 'react';
+import { ICardWithImageProps } from '../types';
 declare const CardWithImage: ({ alt, authorEmail, date, description, src, children, isEditing, onClick, title, hideDescription, headerType, showMaximize, }: Readonly<PropsWithChildren<ICardWithImageProps>>) => JSX.Element;
 export { CardWithImage };

package/dist/components/card/card-with-image/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("styled-components"),t=require("../card-header/index.js"),o=require("../../container/index.js"),n=require("../../file-preview/index.js"),a=require("../../icon-button/index.js");exports.CardWithImage=({alt:s,authorEmail:d,date:l,description:c,src:p,children:u,isEditing:x,onClick:h,title:g,hideDescription:j=!1,headerType:m="image",showMaximize:b=!0})=>{const y=r.useTheme(),[C,v]=i.useState(!1),f=i.useCallback((()=>{v(!0)}),[]),w=i.useCallback((()=>{v(!1)}),[]);return e.jsxs(o.Container,{bgColor:"transparent",border:"1px solid transparent",borderColorHover:"black",borderRadius:y.spacing[.25],display:"flex",flexDirection:"column",gap:1,onHover:f,onLeave:w,padding:[.5,.5,.5,.5],width:"100%",children:[e.jsx(o.Container,{cursor:x?"unset":"pointer",display:"inline-flex",justify:"center",onClick:h,position:"relative",width:"100%",children:void 0===u?e.jsxs(i.Fragment,{children:[e.jsx(n.FilePreview,{alt:s,fileType:m,height:"147px",opacity:C?.3:0,src:p,width:"100%"}),b?e.jsx(o.Container,{bottom:"10px",position:"absolute",right:"10px",children:e.jsx(a.IconButton,{color:"white",icon:"arrows-maximize",iconSize:"xxs",iconType:"fa-light",variant:"secondary"})}):void 0]}):u}),j?null:e.jsx(t.CardHeader,{authorEmail:d,date:l,description:c,descriptionColor:y.palette.gray[600],id:`${s}-card-header`,title:g})]})};

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

@@ -1,3 +1,3 @@
-import type { ICardWithInputProps } from "../types";
+import { ICardWithInputProps } from '../types';
 declare const CardWithInput: ({ description, disabled, id, align, inputType, inputNumberProps, minHeight, minWidth, name, placeholder, tooltip, title, }: Readonly<ICardWithInputProps>) => JSX.Element;
 export { CardWithInput };

package/dist/components/card/card-with-input/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"),t=require("../card-header/index.js");require("../../inputs/fields/combobox/index.js");const r=require("../../inputs/fields/date/index.js");require("../../inputs/fields/date-range/index.js"),require("../../inputs/fields/date-time/index.js"),require("lodash"),require("../../icon/index.js"),require("../../../index-CmylnDrF.js"),require("../../container/index.js"),require("../../link/index.js"),require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js");const s=require("../../inputs/fields/input/index.js");require("../../inputs/fields/input-file/index.js"),require("../../inputs/fields/input-tags/index.js");const d=require("../../inputs/fields/number/index.js");require("../../inputs/fields/number-range/index.js"),require("../../inputs/fields/phone/index.js"),require("../../inputs/fields/text-area/index.js"),require("../../../styles-Bl-CstrT.js"),require("../../tag/index.js"),require("../../icon-button/index.js");const u=n.styled.div`
+  ${({theme:e,$align:i="center",$minWidth:n="auto",$minHeight:t="auto"})=>`\n    display: flex;\n    background-color: ${e.palette.white};\n    border-radius: ${e.spacing[.25]};\n    border: 1px solid ${e.palette.gray[200]};\n    flex-direction: column;\n    justify-content: center;\n    gap: ${e.spacing[.5]};\n    min-width: ${n};\n    min-height: ${t};\n    padding: ${e.spacing[1]};\n\n    input {\n      color: ${e.palette.gray[800]};\n      line-height: ${e.spacing[1.5]};\n      text-align: ${i};\n    }\n  `}
+`;exports.CardWithInput=({description:n,disabled:a,id:l,align:p,inputType:o="text",inputNumberProps:x,minHeight:c,minWidth:j,name:m,placeholder:g,tooltip:q,title:h})=>{const f=i.useMemo((()=>{if("text"===o)return e.jsx(s.Input,{disabled:a,name:m,placeholder:g});if("date"===o)return e.jsx(r.InputDate,{disabled:a,name:m});const{decimalPlaces:i,max:n,min:t}=x??{};return e.jsx(d.InputNumber,{decimalPlaces:i,disabled:a,max:n,min:t,name:m,placeholder:g})}),[a,x,o,m,g]);return e.jsxs(u,{$align:p,$minHeight:c,$minWidth:j,children:[e.jsx(t.CardHeader,{description:n,id:l,title:h,tooltip:q}),f]})};

package/dist/components/card/card-with-input/styles.d.ts

@@ -0,0 +1,8 @@
+import { Property } from 'csstype';
+interface ICardInputContainerProps {
+    $align?: Property.TextAlign;
+    $minHeight?: string;
+    $minWidth?: string;
+}
+declare const CardInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICardInputContainerProps>> & string;
+export { CardInputContainer };

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

@@ -1,3 +1,3 @@
-import type { ICardWithSelectorProps } from "../types";
+import { ICardWithSelectorProps } from '../types';
 declare const CardWithSelector: ({ alt, imageId, icon, selectorProps, onClick, title, width, }: Readonly<ICardWithSelectorProps>) => JSX.Element;
 export { CardWithSelector };

package/dist/components/card/card-with-selector/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../../../index-TKLFHcRp.js"),r=require("../../container/index.js"),n=require("../../icon/index.js"),o=require("../../radio-button/index.js"),a=require("../../typography/heading/index.js");require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.CardWithSelector=({alt:d,imageId:s,icon:l,selectorProps:c,onClick:p,title:x,width:g="fit-content"})=>{const u=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",border:`1px solid ${u.palette.gray[200]}`,borderColorHover:u.palette.gray[600],borderRadius:u.spacing[.25],display:"inline-flex",padding:[1,1,1,1],shadowHover:"md",width:g,children:[e.jsx(r.Container,{alignSelf:"start",display:"flex",width:"fit-content",children:e.jsx(o.RadioButton,{name:c.name,onClick:p,value:c.value})}),e.jsxs(r.Container,{alignItems:"center",display:"flex",gap:.5,justify:"space-between",ml:1,mr:1,width:"100%",children:[void 0===s?void 0:e.jsx(t.MemoizedImage,{alt:d??"card image",height:"32px",publicId:s,width:"32px"}),void 0===l?void 0:e.jsx(n.Icon,{icon:l,iconSize:"sm",iconType:"fa-light"}),e.jsx(a.Heading,{fontWeight:"bold",lineSpacing:1.75,size:"xs",children:x})]})]})};

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

@@ -1,3 +1,3 @@
-import type { ICardWithSwitchProps } from "../types";
+import { ICardWithSwitchProps } from '../types';
 declare const CardWithSwitch: ({ id, title, toggles, minWidth, height, }: Readonly<ICardWithSwitchProps>) => JSX.Element;
 export { CardWithSwitch };

package/dist/components/card/card-with-switch/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("styled-components"),t=require("../card-header/index.js"),r=require("../../container/index.js"),n=require("../../toggle/index.js");exports.CardWithSwitch=({id:o,title:a,toggles:d,minWidth:s="auto",height:l="auto"})=>{const g=i.useTheme();return e.jsxs(r.Container,{alignItems:"center",bgColor:g.palette.white,border:`1px solid ${g.palette.gray[200]}`,borderRadius:g.spacing[.25],display:"flex",flexDirection:"column",gap:.5,height:l,justify:"center",minHeight:"100px",minWidth:s,padding:[1.25,1.25,1.25,1.25],children:[e.jsx(t.CardHeader,{id:o,title:a}),e.jsx(r.Container,{display:"flex",flexDirection:"column",gap:.5,minHeight:"40px",width:"100%",children:d.map((i=>e.jsx(n.Toggle,{...i},`$card-toggle-${i.name}`)))})]})};

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

@@ -0,0 +1,6 @@
+import { CardHeader } from './card-header';
+import { CardWithImage } from './card-with-image';
+import { CardWithInput } from './card-with-input';
+import { CardWithSelector } from './card-with-selector';
+import { CardWithSwitch } from './card-with-switch';
+export { CardHeader, CardWithInput, CardWithImage, CardWithSelector, CardWithSwitch, };

package/dist/components/card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./card-header/index.js"),r=require("./card-with-image/index.js"),t=require("./card-with-input/index.js"),i=require("./card-with-selector/index.js"),d=require("./card-with-switch/index.js");exports.CardHeader=e.CardHeader,exports.CardWithImage=r.CardWithImage,exports.CardWithInput=t.CardWithInput,exports.CardWithSelector=i.CardWithSelector,exports.CardWithSwitch=d.CardWithSwitch;

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

@@ -1,10 +1,10 @@
-import { IconName } from "@fortawesome/free-solid-svg-icons";
-import type { Property } from "csstype";
-import type { MouseEventHandler } from "react";
-import type { TSpacing } from "components/@core/types";
-import type { TFileType } from "components/file-preview/types";
-import { IRadioButtonProps } from "components/radio-button/types";
-import { IToggleProps } from "components/toggle/types";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { Property } from 'csstype';
+import { MouseEventHandler } from 'react';
+import { TSpacing } from '../@core/types';
+import { TFileType } from '../file-preview/types';
+import { IRadioButtonProps } from '../radio-button/types';
+import { IToggleProps } from '../toggle/types';
 type TInputType = "date" | "number" | "text";
 /**
  * Card component shared props.

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ICarouselProps } from './types';
+declare const Carousel: FC<ICarouselProps>;
+export { Carousel };

package/dist/components/carousel/index.js

@@ -0,0 +1,24 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),i=require("../../use-carousel-64dKFW4E.js");require("lodash");const n=r.styled.div`
+  position: relative;
+  margin: auto;
+  overflow: hidden;
+`,s=r.styled.div`
+  display: flex;
+  transition: transform 0.5s ease-in-out;
+  transform: translateX(
+    ${({$currentIndex:e})=>100*-e}%
+  );
+`,a=r.styled.div`
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  min-width: 100%;
+`,l=r.styled.button`
+  ${({theme:e,$isActive:t})=>`\n    background-color: ${t?e.palette.primary[400]:e.palette.white};\n    border: none;\n    border-radius: 50%;\n    cursor: pointer;\n    height: ${e.spacing[.75]};\n    width: ${e.spacing[.75]};\n  `}
+`,o=r.styled.div`
+  align-items: center;
+  display: flex;
+  gap: ${({theme:e})=>e.spacing[.5]};
+  justify-content: center;
+  margin-top: ${({theme:e})=>e.spacing[2]};
+`;exports.Carousel=({slides:r,interval:c=300})=>{const{cycle:d,setCycle:u,setProgress:p}=i.useCarousel(c,r.length),m=t.useCallback((e=>()=>{u(e),p(0)}),[u,p]);return e.jsxs(n,{"aria-roledescription":"carousel",children:[e.jsx(s,{$currentIndex:d,children:r.map(((t,r)=>{const i=`slide-${r}`;return e.jsx(a,{"aria-label":i,"aria-roledescription":"slide",children:t.content},i)}))}),e.jsx(o,{children:r.map(((t,r)=>{const i=`nav-button-${r}`;return e.jsx(l,{$isActive:r===d,"aria-label":`Go to slide ${r+1}`,"data-testid":r===d?"active":"inactive",onClick:m(r)},i)}))})]})};

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

@@ -0,0 +1,10 @@
+declare const CarouselContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const CarouselWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $currentIndex: number;
+}>> & string;
+declare const CarouselSlide: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isActive: boolean;
+}>> & string;
+declare const NavContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { CarouselContainer, CarouselWrapper, CarouselSlide, NavContainer, NavButton, };

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

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

package/dist/components/checkbox/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),t=require("styled-components"),a=require("../icon/index.js"),i=t.styled.label`
+  ${({theme:n})=>`\n    align-items: start;\n    color: ${n.palette.gray[600]};\n    display: flex;\n    cursor: pointer;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.regular};\n    line-height: ${n.spacing[1]};\n    letter-spacing: 0;\n    position: relative;\n    text-align: left;\n\n    &[aria-disabled="true"] {\n      color: ${n.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      height: 0;\n      width: 0;\n    }\n\n    svg {\n      background-color: ${n.palette.white};\n      border-radius: ${n.spacing[.25]};\n      border: 1px solid ${n.palette.gray[600]};\n      top: 0;\n      left: 0;\n      height: ${n.spacing[.5]};\n      margin-right: ${n.spacing[.5]};\n      width: ${n.spacing[.5]};\n      padding: ${n.spacing[.25]};\n    }\n\n    svg > path {\n      fill: ${n.palette.white};\n    }\n\n    input:checked ~ span > svg {\n      background-color: ${n.palette.primary[500]};\n      border: 1px solid ${n.palette.primary[500]};\n    }\n\n    input:disabled ~ span > svg {\n      border: 1px solid ${n.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    input:not(:disabled):hover ~ span > svg {\n      box-shadow: 0 0 0 4px ${n.palette.gray[100]};\n    }\n\n    input:checked:disabled ~ span > svg {\n      background-color: ${n.palette.gray[300]};\n      border: 1px solid ${n.palette.gray[300]};\n    }\n\n    input:not(:disabled):hover:checked ~ span > svg {\n      box-shadow: 0 0 0 4px ${n.palette.primary[50]};\n    }\n\n    input:checked ~ span > svg > path {\n      fill: ${n.palette.white};\n    }\n\n    input:checked:disabled ~ span > svg > path {\n      fill: ${n.palette.white};\n    }\n  `}
+`,r=e.forwardRef((function({defaultChecked:e=!1,disabled:t=!1,label:r,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,value:c,...g},h){return n.jsxs(i,{"aria-disabled":t,htmlFor:o,children:[n.jsx("input",{"aria-checked":e,"aria-disabled":t,"aria-label":o,defaultChecked:e,disabled:t,id:o,name:o,onChange:l,onClick:p,onFocus:s,onKeyDown:d,ref:h,type:"checkbox",value:c,...g}),n.jsx(a.Icon,{disabled:t,icon:"check",iconSize:"sm"}),r??c]})}));exports.Checkbox=r;

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

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

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

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from "react";
+import { HTMLAttributes } from 'react';
 /**
  * Checkbox props.
  * @interface ICheckboxProps

package/{types → dist}/components/cloud-image/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ICloudImageProps } from "./types";
+import { default as React } from 'react';
+import { ICloudImageProps } from './types';
 declare const MemoizedImage: React.MemoExoticComponent<({ alt, height, width, plugins, publicId, }: Readonly<ICloudImageProps>) => JSX.Element>;
 export type { ICloudImageProps };
 export { MemoizedImage as CloudImage };

package/dist/components/cloud-image/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../index-TKLFHcRp.js");require("react"),require("../../use-cloudinary-image-YMMafagv.js"),require("lodash"),exports.CloudImage=e.MemoizedImage;

package/{types → dist}/components/cloud-image/types.d.ts

@@ -1,4 +1,4 @@
-import type { Plugins } from "@cloudinary/html";
+import { Plugins } from '@cloudinary/html';
 /**
  * Cloud image component props.
  * @interface ICloudImageProps

package/{types → dist}/components/code-snippet/index.d.ts

@@ -1,3 +1,3 @@
-import type { ICodeSnippetProps } from "./types";
+import { ICodeSnippetProps } from './types';
 declare const CodeSnippet: ({ noCodeMessage, snippet, }: Readonly<ICodeSnippetProps>) => JSX.Element;
 export { CodeSnippet };

package/dist/components/code-snippet/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),n=require("react"),t=require("styled-components"),o=require("../../styles-CNzziAXG.js"),r=require("../button/index.js"),s=require("../container/index.js"),a=require("../icon/index.js"),l=require("../icon-button/index.js");exports.CodeSnippet=({noCodeMessage:c="Code snippet not available",snippet:u})=>{const p=t.useTheme(),[d,h]=n.useState(!1),[x,g]=n.useState(!0),j=n.useCallback((()=>{h((e=>!e))}),[h]),C=n.useCallback((()=>{if(i.isNil(u)||i.isEmpty(u)||!i.isString(u))return g(!1),c;const e=u.split("\n");return e.length>8&&!d?`${[...e].splice(0,7).join("\n")}\n${e[8]}...`:(e.length<8&&g(!1),u)}),[d,u,c]),y=n.useMemo(C,[C]),b=n.useCallback((async()=>{await navigator.clipboard.writeText(y)}),[y]);return e.jsxs(s.Container,{bgColor:p.palette.gray[100],borderRadius:"4px",display:"inline-flex",minWidth:"565px",position:"relative",children:[e.jsx(o.CodeContainer,{"data-private":!0,children:e.jsx("pre",{children:e.jsx("code",{className:"language-none",children:y})})}),e.jsxs(o.ButtonsContainer,{children:[e.jsx(l.IconButton,{height:p.spacing[2.5],icon:"copy",iconColor:p.palette.gray[700],iconSize:"xs",iconType:"fa-light",onClick:b,variant:"ghost",width:p.spacing[2.5]}),!!x&&e.jsxs(r.Button,{onClick:j,variant:"ghost",children:[d?"Show Less":"Show more",e.jsx(a.Icon,{icon:d?"chevron-up":"chevron-down",iconColor:p.palette.gray[700],iconSize:"xxs",iconType:"fa-light",ml:.25,onClick:b})]})]})]})};

package/dist/components/code-snippet/location-code/index.d.ts

@@ -0,0 +1,3 @@
+import { ICodeSnippetProps } from '../types';
+declare const Code: ({ noCodeMessage, snippet, specific, }: Readonly<ICodeSnippetProps>) => JSX.Element;
+export { Code };

package/dist/components/code-snippet/location-code/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),i=require("prismjs"),n=require("react"),r=require("../../../styles-CNzziAXG.js");!function(){if("undefined"!=typeof Prism&&"undefined"!=typeof document&&document.querySelector){var e,t="line-numbers",i="linkable-line-numbers",n=/\n(?!$)/g,r=!0;Prism.plugins.lineHighlight={highlightLines:function(s,u,c){var d=(u="string"==typeof u?u:s.getAttribute("data-line")||"").replace(/\s+/g,"").split(",").filter(Boolean),h=+s.getAttribute("data-line-offset")||0,p=(function(){if(void 0===e){var t=document.createElement("div");t.style.fontSize="13px",t.style.lineHeight="1.5",t.style.padding="0",t.style.border="0",t.innerHTML="&nbsp;<br />&nbsp;",document.body.appendChild(t),e=38===t.offsetHeight,document.body.removeChild(t)}return e}()?parseInt:parseFloat)(getComputedStyle(s).lineHeight),g=Prism.util.isActive(s,t),f=s.querySelector("code"),m=g?s:f||s,v=[],y=f.textContent.match(n),b=y?y.length+1:1,x=f&&m!=f?function(e,t){var i=getComputedStyle(e),n=getComputedStyle(t);function r(e){return+e.substr(0,e.length-2)}return t.offsetTop+r(n.borderTopWidth)+r(n.paddingTop)-r(i.paddingTop)}(s,f):0;d.forEach((function(e){var t=e.split("-"),i=+t[0],n=+t[1]||i;if(!((n=Math.min(b+h,n))<i)){var r=s.querySelector('.line-highlight[data-range="'+e+'"]')||document.createElement("div");if(v.push((function(){r.setAttribute("aria-hidden","true"),r.setAttribute("data-range",e),r.className=(c||"")+" line-highlight"})),g&&Prism.plugins.lineNumbers){var o=Prism.plugins.lineNumbers.getLine(s,i),l=Prism.plugins.lineNumbers.getLine(s,n);if(o){var a=o.offsetTop+x+"px";v.push((function(){r.style.top=a}))}if(l){var u=l.offsetTop-o.offsetTop+l.offsetHeight+"px";v.push((function(){r.style.height=u}))}}else v.push((function(){r.setAttribute("data-start",String(i)),n>i&&r.setAttribute("data-end",String(n)),r.style.top=(i-h-1)*p+x+"px",r.textContent=new Array(n-i+2).join(" \n")}));v.push((function(){r.style.width=s.scrollWidth+"px"})),v.push((function(){m.appendChild(r)}))}}));var A=s.id;if(g&&Prism.util.isActive(s,i)&&A){l(s,i)||v.push((function(){s.classList.add(i)}));var C=parseInt(s.getAttribute("data-start")||"1");o(".line-numbers-rows > span",s).forEach((function(e,t){var i=t+C;e.onclick=function(){var e=A+"."+i;r=!1,location.hash=e,setTimeout((function(){r=!0}),1)}}))}return function(){v.forEach(a)}}};var s=0;Prism.hooks.add("before-sanity-check",(function(e){var t=e.element.parentElement;if(u(t)){var i=0;o(".line-highlight",t).forEach((function(e){i+=e.textContent.length,e.parentNode.removeChild(e)})),i&&/^(?: \n)+$/.test(e.code.slice(-i))&&(e.code=e.code.slice(0,-i))}})),Prism.hooks.add("complete",(function e(i){var n=i.element.parentElement;if(u(n)){clearTimeout(s);var r=Prism.plugins.lineNumbers,o=i.plugins&&i.plugins.lineNumbers;l(n,t)&&r&&!o?Prism.hooks.add("line-numbers",e):(Prism.plugins.lineHighlight.highlightLines(n)(),s=setTimeout(c,1))}})),window.addEventListener("hashchange",c),window.addEventListener("resize",(function(){o("pre").filter(u).map((function(e){return Prism.plugins.lineHighlight.highlightLines(e)})).forEach(a)}))}function o(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function l(e,t){return e.classList.contains(t)}function a(e){e()}function u(e){return!!(e&&/pre/i.test(e.nodeName)&&(e.hasAttribute("data-line")||e.id&&Prism.util.isActive(e,i)))}function c(){var e=location.hash.slice(1);o(".temporary.line-highlight").forEach((function(e){e.parentNode.removeChild(e)}));var t=(e.match(/\.([\d,-]+)$/)||[,""])[1];if(t&&!document.getElementById(e)){var i=e.slice(0,e.lastIndexOf(".")),n=document.getElementById(i);n&&(n.hasAttribute("data-line")||n.setAttribute("data-line",""),Prism.plugins.lineHighlight.highlightLines(n,t,"temporary ")(),r&&document.querySelector(".temporary.line-highlight").scrollIntoView())}}}(),exports.Code=({noCodeMessage:s="Code snippet not available",snippet:o,specific:l})=>(n.useEffect((()=>{i.highlightAll()}),[]),e.jsx(r.CodeContainer,{"data-private":!0,children:e.jsx("pre",{className:"line-highlight","data-line-offset":t.isNil(o)||t.isString(o)?0:o.offset+.7,...void 0!==l?{"data-line":String(Number(l))}:{},children:t.isNil(o)||t.isString(o)||t.isEmpty(o.content)?e.jsx("div",{className:"no-data",children:e.jsx("p",{children:s})}):e.jsx("code",{className:"language-none",children:o.content})})}));

package/dist/components/code-snippet/styles.d.ts

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

package/{types → dist}/components/colors/index.d.ts

@@ -1,6 +1,6 @@
-import type { IconName, IconPrefix } from "@fortawesome/free-solid-svg-icons";
-import React from "react";
-import { type DefaultTheme } from "styled-components";
+import { IconName, IconPrefix } from '@fortawesome/free-solid-svg-icons';
+import { default as React } from 'react';
+import { DefaultTheme } from 'styled-components';
 declare const icons: IconName[];
 declare const uniqueIcons: [IconPrefix, IconName][];
 declare const theme: DefaultTheme;

package/dist/components/colors/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("styled-components"),a={typography:{type:{primary:"Roboto, sans-serif",poppins:"'Poppins', sans-serif",mono:"'Space Mono', monospace"},heading:{xxl:"64px",xl:"48px",lg:"32px",md:"24px",sm:"20px",xs:"16px"},text:{xl:"20px",lg:"18px",md:"16px",sm:"14px",xs:"12px"},weight:{bold:"700",semibold:"600",regular:"400"}},shadows:{none:"none",sm:"0px 1px 2px 0px rgba(16, 24, 40, 0.15)",md:"0px 4px 6px 0px rgba(16, 24, 40, 0.15)",lg:"0px 8px 24px 0px rgba(16, 24, 40, 0.15)"},breakpoints:{mobile:"480px",tablet:"960px",sm:"1024px",md:"1440px",lg:"1920px"},spacing:{0:"0rem",.125:"0.125rem",.188:"0.188rem",.25:"0.25rem",.5:"0.5rem",.625:"0.625rem",.75:"0.75rem",1:"1rem",1.25:"1.25rem",1.5:"1.5rem",1.75:"1.75rem",2:"2rem",2.25:"2.25rem",2.5:"2.5rem",3:"3rem",3.5:"3.5rem",4:"4rem",4.5:"4.5rem",5:"5rem",6:"6rem"},palette:{primary:{25:"#fef2f3",50:"#fddfe2",100:"#fbbac0",200:"#f9959e",300:"#f65e6a",400:"#f32637",500:"#bf0b1a",600:"#ac0a17",700:"#9a0915",800:"#870812",900:"#750710"},complementary:{25:"",50:"",100:"#ffe6ff",200:"",300:"#b8075d",400:"",500:"#7f0540",600:"",700:"#59042d",800:"",900:"#460323"},error:{25:"",50:"#fef3f2",100:"",200:"#fecdca",300:"",400:"",500:"#f04438",600:"",700:"#b42318",800:"",900:""},info:{25:"",50:"#eff8ff",100:"",200:"#b2ddff",300:"",400:"",500:"#2e90fa",600:"",700:"#175cd3",800:"",900:""},warning:{25:"",50:"#fffaeb",100:"",200:"#fef0c7",300:"",400:"#ffd562",500:"#fdb022",600:"#dc6803",700:"#b54708",800:"",900:""},success:{25:"",50:"#f6fef9",100:"",200:"#a6f4c5",300:"",400:"",500:"#12b76a",600:"",700:"#027a48",800:"",900:""},black:"#0c111d",white:"#ffffff",gray:{25:"#fcfcfd",50:"#f9fafb",100:"#f2f4f7",200:"#eaecf0",300:"#d0d5dd",400:"#98a2b3",500:"#667085",600:"#475467",700:"#2f394b",800:"#212a36",900:"#161b25"},gradients:{"01":"linear-gradient(45deg, #f32637 0%, #b8075d 100%)","02":"linear-gradient(45deg, #fcfcfd 0%, #667085 100%)"}}};exports.CustomThemeProvider=({children:f})=>e.jsx(r.ThemeProvider,{theme:a,children:f}),exports.icons=["lock-keyhole","bars-sort","bolt","books","brain-circuit","briefcase","bug","buildings","bullseye-pointer","calendar-clock","calendar-xmark","chart-network","clipboard-check","comment","envelope","eye","file","flag","globe","hand-holding-dollar","hands-clapping","headset","hexagon-exclamation","light-emergency-on","magnifying-glass","pen-line","plane-departure","screwdriver-wrench","sensor-triangle-exclamation","shield-check","sidebar","skull","sliders","star-christmas","telescope","trash","unlock","user-group","user-hoodie","xmark"],exports.theme=a,exports.uniqueIcons=[["fal","arrow-down"],["fal","arrow-left"],["fal","arrow-right"],["fal","arrow-up"],["fal","plus"],["fal","minus"],["fas","check"],["fas","circle-question"]];

package/{types → dist}/components/confirm-dialog/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { IConfirmDialogProps } from "./types";
+import { default as React } from 'react';
+import { IConfirmDialogProps } from './types';
 declare const useConfirmDialog: () => {
     confirm: (props: Readonly<IConfirmDialogProps>) => Promise<boolean>;
     ConfirmDialog: React.FC<Readonly<{

package/dist/components/confirm-dialog/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),r=require("../modal/index.js");require("lodash");const o=require("../../use-modal-_bYY6M_n.js"),i=require("../modal/modal-confirm/index.js");exports.useConfirmDialog=()=>{const[a,n]=l.useState(!1),[s,u]=l.useState(),d=l.useRef(null),t=o.useModal("confirm-dialog-modal"),c=l.useCallback((async e=>(u(e),n(!0),new Promise((e=>{d.current=e})))),[]),m=l.useCallback((()=>{var e;n(!1),u(void 0),null==(e=d.current)||e.call(d,!0)}),[]),f=l.useCallback((()=>{var e;n(!1),u(void 0),null==(e=d.current)||e.call(d,!1)}),[]);return l.useEffect((()=>{t.setIsOpen(a)}),[a,t]),{ConfirmDialog:({id:l="confirm-dialog-modal",children:o})=>e.jsxs(r.Modal,{id:l,modalRef:{...t,close:f},size:"sm",title:null==s?void 0:s.title,children:[o,null==s?void 0:s.message,e.jsx(i.ModalConfirm,{id:null==s?void 0:s.id,onCancel:f,onConfirm:m})]}),confirm:c}};

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

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

package/dist/components/container/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"),r=require("../../styles-C2CoGJl7.js"),s=t.styled(r.BaseComponent)`
+  ${({theme:e,$center:n=!1,$styleMd:t,$styleSm:r})=>`\n    ${n?"margin: auto;":""}\n    scrollbar-color: ${e.palette.gray[600]} ${e.palette.gray[100]};\n    scroll-padding: ${e.spacing[.5]};\n\n    @media screen\n      and (min-width: ${e.breakpoints.mobile})\n      and (max-width: ${e.breakpoints.tablet})\n    {\n      ${t};\n    }\n\n    @media screen and (max-width: ${e.breakpoints.mobile}) {\n      ${r};\n    }\n  `}
+`,a=n.forwardRef((function({as:n="div",center:t,children:r,id:a,onHover:o,onLeave:i,styleMd:l,styleSm:d,...c},m){return e.jsx(s,{$center:t,$styleMd:l,$styleSm:d,as:n,id:a,onMouseLeave:i,onMouseOver:o,ref:m,...c,children:r})}));exports.Container=a;

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

@@ -0,0 +1,9 @@
+interface IStyledContainerProps {
+    $center?: boolean;
+    $styleMd?: string;
+    $styleSm?: string;
+}
+declare const StyledContainer: 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;
+}, IStyledContainerProps>> & string;
+export { StyledContainer };

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

@@ -1,5 +1,5 @@
-import type { HTMLAttributes, ReactHTML } from "react";
-import type { TModifiable } from "components/@core";
+import { HTMLAttributes, ReactHTML } from 'react';
+import { TModifiable } from '../@core';
 type THtmlTag = keyof ReactHTML;
 /**
  * Container component props.

package/dist/components/content-card/category-tag/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("../../container/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const r=require("../../typography/text/index.js");exports.CategoryTag=({tag:n,tagPosition:o})=>{const s=t.useTheme();return n?e.jsx(i.Container,{alignItems:"center",bgColor:s.palette.white,borderRadius:"8px",display:"flex",justify:"center",margin:"top"===o?[.75,.75,.75,.75]:void 0,padding:[.25,.5,.25,.5],position:"top"===o?"absolute":"relative",top:"0",width:"max-content",children:e.jsx(r.Text,{color:s.palette.gray[900],lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:n})}):null};

package/dist/components/content-card/event-date/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),i=require("styled-components"),n=require("../../container/index.js"),r=require("../../typography/heading/index.js");require("../../typography/span/index.js");const s=require("../../typography/text/index.js");exports.EventDate=({eventDate:o})=>{const l=i.useTheme(),a=t.isEmpty(o)?null:null==o?void 0:o.split("-");if(a){const[t,i]=a;return e.jsxs(n.Container,{alignItems:"center",bgColor:l.palette.white,borderRadius:"8px",display:"flex",flexDirection:"column",margin:[.75,.75,.75,.75],padding:[.75,1.5,.75,1.5],position:"absolute",right:"0",shadow:"md",top:"0",children:[e.jsx(r.Heading,{fontWeight:"semibold",lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:t}),e.jsx(s.Text,{color:l.palette.gray[800],fontWeight:"semibold",lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",textAlign:"center",children:i.toUpperCase()})]})}return null};

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

@@ -1,3 +1,3 @@
-import { IContentCardProps } from "./types";
+import { IContentCardProps } from './types';
 declare const ContentCard: ({ author, buttonText, description, eventDate, href, imageId, mode, publishDate, readingTime, tag, tagPosition, title, }: Readonly<IContentCardProps>) => JSX.Element;
 export { ContentCard };

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

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),n=require("./category-tag/index.js"),i=require("./event-date/index.js"),r=require("../button/index.js"),a=require("../../index-TKLFHcRp.js"),s=require("../container/index.js"),o=require("../icon/index.js"),l=require("../typography/heading/index.js");require("../typography/span/index.js");const d=require("../typography/text/index.js"),c=t.div`
+  ${({theme:e})=>`\n    align-items: flex-start;\n    display: flex;\n    flex-direction: column;\n    gap: ${e.spacing[1.5]};\n    width: 384px;\n\n    img {\n      height: 100%;\n      width: 100%;\n    }\n\n    #card-image {\n      border-radius: ${e.spacing[1]};\n      height: 240px;\n      overflow: hidden;\n    }\n\n    &:hover {\n      img {\n        transform: scale(1.2);\n      }\n\n      > #card-content {\n        > .title-dark {\n          color: ${e.palette.gray[400]};\n        }\n        > .title-light {\n          background: ${e.palette.gradients["01"]};\n          background-clip: text;\n          -webkit-background-clip: text;\n          -webkit-text-fill-color: transparent;\n        }\n      }\n    }\n\n    @media screen and (max-width: ${e.breakpoints.mobile}) {\n      width: 320px;\n\n      #card-image {\n        height: 200px;\n      }\n    }\n  `}
+`;exports.ContentCard=({author:g,buttonText:x,description:p,eventDate:h,href:m,imageId:u,mode:j="light",publishDate:y,readingTime:f,tag:b,tagPosition:v="top",title:q})=>{const w=t.useTheme(),$=null==y?void 0:y.split("-"),z="dark"===j,T=e.jsxs(c,{"data-testid":`content-card-${q}`,children:[u||h||b&&"top"===v?e.jsxs(s.Container,{id:"card-image",position:"relative",children:[u&&e.jsx(a.MemoizedImage,{publicId:u}),"top"===v&&e.jsx(n.CategoryTag,{tag:b,tagPosition:v}),e.jsx(i.EventDate,{eventDate:h})]}):void 0,e.jsxs(s.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:.5,id:"card-content",children:["bottom"===v&&e.jsx(n.CategoryTag,{tag:b,tagPosition:v}),g||$||f?e.jsxs(s.Container,{display:"flex",justify:"space-between",width:"100%",children:[g&&$&&e.jsx(d.Text,{color:w.palette.gray[z?300:400],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:g+` • ${$[0]} ${$[1]}, ${$[2]}`}),f&&e.jsxs(s.Container,{alignItems:"center",display:"flex",gap:.25,justify:"center",minWidth:"60px",children:[e.jsx(o.Icon,{icon:"eye",iconColor:w.palette.gray[z?300:400],iconSize:"xs",iconType:"fa-light"}),e.jsx(d.Text,{color:w.palette.gray[z?300:400],size:"sm",sizeSm:"xs",textAlign:"right",children:f})]})]}):void 0,e.jsx(l.Heading,{className:`title-${j}`,color:z?w.palette.white:w.palette.gray[800],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:q}),p&&e.jsx(d.Text,{color:w.palette.gray[z?100:600],size:"md",sizeSm:"sm",children:p}),x&&m&&e.jsx(r.Button,{href:m,variant:"link",children:x})]})]});return m?e.jsx("a",{className:"flex w-fit",href:m,rel:"noopener noreferrer",target:"_self",children:T}):T};

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

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

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

@@ -1,4 +1,4 @@
-import { TMode } from "components/@core";
+import { TMode } from '../@core';
 /**
  * Properties for the Content Card component.
  * ** Note: All dates need to be provided in dayjs format.

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

@@ -1,3 +1,3 @@
-import { IContentCardCarouselProps } from "./types";
+import { IContentCardCarouselProps } from './types';
 declare const ContentCardCarousel: ({ description, items, title, titleHighlighted, }: Readonly<IContentCardCarouselProps>) => JSX.Element;
 export { ContentCardCarousel };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("../../index-DUMgwAbO.js"),t=require("../container/index.js"),r=require("../content-card/index.js"),s=require("../typography/heading/index.js");require("../typography/span/index.js");const l=require("../typography/text/index.js");exports.ContentCardCarousel=({description:a,items:d,title:o,titleHighlighted:c})=>{const x=i.useRef(null);return e.jsxs(n.OutlineContainer,{"data-testid":"content-card-carousel",children:[e.jsxs(t.Container,{alignItems:"flex-start",display:"flex",justify:"space-between",children:[e.jsxs(t.Container,{alignItems:"flex-start",display:"flex",flexDirection:"column",gap:.625,maxWidth:"800px",children:[e.jsxs(s.Heading,{display:"inline",fontWeight:"semibold",lineSpacing:2.25,lineSpacingSm:1.75,size:"lg",sizeSm:"md",children:[o+" "," ",e.jsx("span",{className:"inline",children:c})]}),e.jsx(l.Text,{lineSpacing:1.5,lineSpacingSm:1.25,size:"md",sizeSm:"sm",children:a})]}),e.jsx(n.ScrollButtons,{containerRef:x,id:"desktop"})]}),e.jsx(t.Container,{alignSelf:"stretch",display:"flex",id:"carousel",pb:1,pr:2.25,ref:x,scroll:"x",children:e.jsx(t.Container,{alignItems:"flex-start",display:"flex",gap:1.5,width:"max-content",children:d.map(((i,n)=>e.jsx(r.ContentCard,{...i},`${n}-${i.title}`)))})}),e.jsx(n.ScrollButtons,{containerRef:x,id:"mobile"})]})};

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

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { RefObject } from 'react';
 declare const ScrollButtons: ({ containerRef, id, }: Readonly<{
     containerRef?: RefObject<HTMLDivElement>;
     id: string;