@fluidattacks/design 3.1.12 → 3.1.14

package/dist/assets/design.css

@@ -0,0 +1 @@
+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}*,: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}}

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

@@ -1,18 +1,17 @@
-import { v as e } from "../../utils-CQvBF-wY.mjs";
-import { a as o, B as n, c as i, b as r, k as p, h as d, j as B, i as m, f as g, e as C, s as f, g as x, d as l } from "../../styles-C3cZmKVJ.mjs";
+import { a as e, B as t, c as n, b as o, k as i, h as r, j as d, i as p, f as B, e as g, s as m, g as C, d as f, v as l } from "../../components-C2JBXbtI.mjs";
 export {
-  o as BaseButtonComponent,
-  n as BaseComponent,
-  i as BaseSpanComponent,
-  r as BaseTextComponent,
-  p as getStyledConfig,
-  d as hiddenProps,
-  B as setBorder,
-  m as setDisplay,
-  g as setInteraction,
-  C as setMargin,
-  f as setPadding,
-  x as setPosition,
-  l as setText,
-  e as variantBuilder
+  e as BaseButtonComponent,
+  t as BaseComponent,
+  n as BaseSpanComponent,
+  o as BaseTextComponent,
+  i as getStyledConfig,
+  r as hiddenProps,
+  d as setBorder,
+  p as setDisplay,
+  B as setInteraction,
+  g as setMargin,
+  m as setPadding,
+  C as setPosition,
+  f as setText,
+  l as variantBuilder
 };

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

@@ -1,9 +1,5 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { Container as t } from "../../container/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as r } from "../../typography/text/index.js";
-const p = ({ item: i }) => o(t, { display: "block", id: `panel-${i.title}`, padding: [0.75, 0.75, 0.75, 0.75], children: [i.description ? e(r, { mb: i.extraElement ? 0.5 : void 0, size: "sm", children: i.description }) : void 0, i.extraElement ? e(t, { children: i.extraElement }) : void 0] });
+import "react/jsx-runtime";
+import { aV as n } from "../../../components-C2JBXbtI.mjs";
 export {
-  p as AccordionContent
+  n as AccordionContent
 };

package/dist/components/accordion/index.js

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

package/dist/components/alert/index.js

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

package/dist/components/button/index.js

@@ -1,18 +1,6 @@
-import { jsx as e, jsxs as z } from "react/jsx-runtime";
-import { forwardRef as C, useCallback as $ } from "react";
-import { S as j } from "../../styles-EIbGRPlk.mjs";
-import { Icon as p } from "../icon/index.js";
-import { T as A } from "../../index-D-lcuEHY.mjs";
-import { isObject as B } from "lodash";
-const q = C(function({ children: m, disabled: r = !1, external: n = !1, href: o, id: a, icon: t, name: f, onClick: u, showArrow: b = !1, type: h = "button", tooltip: l, tooltipPlace: v = "bottom", underline: w = !1, value: k, variant: i = "primary", ...x }, y) {
-  const s = l !== void 0, d = `${a}-tooltip`, S = $(() => {
-    o && ((T, g = !0) => {
-      const c = window.open(T, g ? void 0 : "_self", "noopener,noreferrer,");
-      B(c) && (c.opener = null);
-    })(o, n);
-  }, [n, o]);
-  return e(A, { disabled: !s, id: d, place: v, tip: l, children: z(j, { $variant: i, "aria-disabled": r, className: w ? "underline" : void 0, disabled: r, id: a, name: f, onClick: i === "link" ? S : u, ref: y, type: h, value: k, ...s ? { "data-tooltip-id": d } : {}, ...x, children: [t !== void 0 && e(p, { icon: t, iconSize: "xs", iconType: "fa-light" }), m, (b || i === "link") && e(p, { icon: "arrow-right", iconSize: "xs", iconType: "fa-light" })] }) });
-});
+import "react/jsx-runtime";
+import "react";
+import { m as p } from "../../components-C2JBXbtI.mjs";
 export {
-  q as Button
+  p as Button
 };

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

@@ -1,14 +1,6 @@
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { useTheme as h } from "styled-components";
-import { Container as m } from "../../container/index.js";
-import { T as x } from "../../../index-D-lcuEHY.mjs";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as o } from "../../typography/text/index.js";
-const B = ({ authorEmail: a, date: n, description: i, descriptionColor: p, id: c, title: l, titleColor: g, textAlign: r, textSpacing: f = 0, tooltip: s }) => {
-  const e = h();
-  return d(m, { width: "100%", children: [typeof l == "string" ? t(o, { color: g ?? e.palette.gray[800], fontWeight: "bold", mb: f, size: "sm", textAlign: r, wordBreak: "break-word", children: l }) : l, d(m, { alignItems: "start", display: "flex", flexDirection: "column", gap: 0.25, children: [i && t(o, { color: p ?? e.palette.gray[800], fontWeight: i === void 0 ? "bold" : "regular", size: "sm", textAlign: r, wordBreak: "break-word", children: i }), n && t(o, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", textAlign: r, wordBreak: "break-word", children: `Date: ${n.split(" ")[0]}` }), a && t(o, { color: e.palette.gray[800], fontWeight: "bold", size: "sm", textAlign: r, wordBreak: "break-word", children: `$Author: ${a}` }), s && t(x, { icon: "circle-info", id: c, tip: s })] })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { C as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  B as CardHeader
+  m as CardHeader
 };

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

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

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

@@ -1,57 +1,8 @@
-import { jsx as r, jsxs as b } from "react/jsx-runtime";
-import { useMemo as x } from "react";
-import { styled as f } from "styled-components";
-import { CardHeader as y } from "../card-header/index.js";
-import "../../inputs/fields/combobox/index.js";
-import { InputDate as H } from "../../inputs/fields/date/index.js";
-import "../../inputs/fields/date-range/index.js";
-import "../../inputs/fields/date-time/index.js";
+import "react/jsx-runtime";
+import "react";
+import { n as a } from "../../../components-C2JBXbtI.mjs";
 import "lodash";
-import "../../icon/index.js";
-import "../../../index-D-lcuEHY.mjs";
-import "../../container/index.js";
-import "../../link/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
-import { Input as I } from "../../inputs/fields/input/index.js";
-import "../../inputs/fields/input-file/index.js";
-import "../../inputs/fields/input-tags/index.js";
-import { InputNumber as W } from "../../inputs/fields/number/index.js";
-import "../../inputs/fields/number-range/index.js";
-import "../../inputs/fields/phone/index.js";
-import "../../inputs/fields/text-area/index.js";
-import "../../../styles-lSVV9kjn.mjs";
-import "../../tag/index.js";
-import "../../icon-button/index.js";
-const j = f.div`
-  ${({ theme: t, $align: i = "center", $minWidth: n = "auto", $minHeight: o = "auto" }) => `
-    display: flex;
-    background-color: ${t.palette.white};
-    border-radius: ${t.spacing[0.25]};
-    border: 1px solid ${t.palette.gray[200]};
-    flex-direction: column;
-    justify-content: center;
-    gap: ${t.spacing[0.5]};
-    min-width: ${n};
-    min-height: ${o};
-    padding: ${t.spacing[1]};
-
-    input {
-      color: ${t.palette.gray[800]};
-      line-height: ${t.spacing[1.5]};
-      text-align: ${i};
-    }
-  `}
-`, Y = ({ description: t, disabled: i, id: n, align: o, inputType: p = "text", inputNumberProps: a, minHeight: d, minWidth: l, name: e, placeholder: m, tooltip: s, title: c }) => {
-  const u = x(() => {
-    if (p === "text") return r(I, { disabled: i, name: e, placeholder: m });
-    if (p === "date") return r(H, { disabled: i, name: e });
-    const { decimalPlaces: g, max: $, min: h } = a ?? {};
-    return r(W, { decimalPlaces: g, disabled: i, max: $, min: h, name: e, placeholder: m });
-  }, [i, a, p, e, m]);
-  return b(j, { $align: o, $minHeight: d, $minWidth: l, children: [r(y, { description: t, id: n, title: c, tooltip: s }), u] });
-};
+import "styled-components";
 export {
-  Y as CardWithInput
+  a as CardWithInput
 };

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

@@ -1,16 +1,6 @@
-import { jsxs as n, jsx as i } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import { M as c } from "../../../index-BwFnfaRh.mjs";
-import { Container as t } from "../../container/index.js";
-import { Icon as f } from "../../icon/index.js";
-import { RadioButton as h } from "../../radio-button/index.js";
-import { Heading as g } from "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import "../../typography/text/index.js";
-const j = ({ alt: d, imageId: o, icon: r, selectorProps: a, onClick: l, title: s, width: p = "fit-content" }) => {
-  const e = m();
-  return n(t, { alignItems: "center", border: `1px solid ${e.palette.gray[200]}`, borderColorHover: e.palette.gray[600], borderRadius: e.spacing[0.25], display: "inline-flex", padding: [1, 1, 1, 1], shadowHover: "md", width: p, children: [i(t, { alignSelf: "start", display: "flex", width: "fit-content", children: i(h, { name: a.name, onClick: l, value: a.value }) }), n(t, { alignItems: "center", display: "flex", gap: 0.5, justify: "space-between", ml: 1, mr: 1, width: "100%", children: [o === void 0 ? void 0 : i(c, { alt: d ?? "card image", height: "32px", publicId: o, width: "32px" }), r === void 0 ? void 0 : i(f, { icon: r, iconSize: "sm", iconType: "fa-light" }), i(g, { fontWeight: "bold", lineSpacing: 1.75, size: "xs", children: s })] })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { p as e } from "../../../components-C2JBXbtI.mjs";
 export {
-  j as CardWithSelector
+  e as CardWithSelector
 };

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

@@ -1,12 +1,6 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useTheme as m } from "styled-components";
-import { CardHeader as g } from "../card-header/index.js";
-import { Container as r } from "../../container/index.js";
-import { Toggle as p } from "../../toggle/index.js";
-const y = ({ id: o, title: a, toggles: n, minWidth: s = "auto", height: d = "auto" }) => {
-  const i = m();
-  return l(r, { alignItems: "center", bgColor: i.palette.white, border: `1px solid ${i.palette.gray[200]}`, borderRadius: i.spacing[0.25], display: "flex", flexDirection: "column", gap: 0.5, height: d, justify: "center", minHeight: "100px", minWidth: s, padding: [1.25, 1.25, 1.25, 1.25], children: [t(g, { id: o, title: a }), t(r, { display: "flex", flexDirection: "column", gap: 0.5, minHeight: "40px", width: "100%", children: n.map((e) => t(p, { ...e }, `$card-toggle-${e.name}`)) })] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { q as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  y as CardWithSwitch
+  m as CardWithSwitch
 };

package/dist/components/card/index.js

@@ -1,12 +1,8 @@
-import { CardHeader as o } from "./card-header/index.js";
-import { CardWithImage as a } from "./card-with-image/index.js";
-import { CardWithInput as m } from "./card-with-input/index.js";
-import { CardWithSelector as f } from "./card-with-selector/index.js";
-import { CardWithSwitch as i } from "./card-with-switch/index.js";
+import { C as t, o as d, n as e, p as C, q as h } from "../../components-C2JBXbtI.mjs";
 export {
-  o as CardHeader,
-  a as CardWithImage,
-  m as CardWithInput,
-  f as CardWithSelector,
-  i as CardWithSwitch
+  t as CardHeader,
+  d as CardWithImage,
+  e as CardWithInput,
+  C as CardWithSelector,
+  h as CardWithSwitch
 };

package/dist/components/carousel/index.js

@@ -1,50 +1,7 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import { useCallback as m } from "react";
-import { styled as r } from "styled-components";
-import { u } from "../../use-carousel-CvRxi2FI.mjs";
+import "react/jsx-runtime";
+import "react";
+import { r as i } from "../../components-C2JBXbtI.mjs";
 import "lodash";
-const h = r.div`
-  position: relative;
-  margin: auto;
-  overflow: hidden;
-`, $ = r.div`
-  display: flex;
-  transition: transform 0.5s ease-in-out;
-  transform: translateX(
-    ${({ $currentIndex: e }) => 100 * -e}%
-  );
-`, g = r.div`
-  align-items: center;
-  display: flex;
-  justify-content: center;
-  min-width: 100%;
-`, f = r.button`
-  ${({ theme: e, $isActive: s }) => `
-    background-color: ${s ? e.palette.primary[400] : e.palette.white};
-    border: none;
-    border-radius: 50%;
-    cursor: pointer;
-    height: ${e.spacing[0.75]};
-    width: ${e.spacing[0.75]};
-  `}
-`, v = r.div`
-  align-items: center;
-  display: flex;
-  gap: ${({ theme: e }) => e.spacing[0.5]};
-  justify-content: center;
-  margin-top: ${({ theme: e }) => e.spacing[2]};
-`, C = ({ slides: e, interval: s = 300 }) => {
-  const { cycle: o, setCycle: l, setProgress: c } = u(s, e.length), d = m((n) => () => {
-    l(n), c(0);
-  }, [l, c]);
-  return p(h, { "aria-roledescription": "carousel", children: [a($, { $currentIndex: o, children: e.map((n, t) => {
-    const i = `slide-${t}`;
-    return a(g, { "aria-label": i, "aria-roledescription": "slide", children: n.content }, i);
-  }) }), a(v, { children: e.map((n, t) => {
-    const i = `nav-button-${t}`;
-    return a(f, { $isActive: t === o, "aria-label": `Go to slide ${t + 1}`, "data-testid": t === o ? "active" : "inactive", onClick: d(t) }, i);
-  }) })] });
-};
 export {
-  C as Carousel
+  i as Carousel
 };

package/dist/components/checkbox/index.js

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

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

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
-import { M as a } from "../../index-BwFnfaRh.mjs";
+import "../../vendor-CVMqCpkZ.mjs";
 import "react";
-import "../../use-cloudinary-image-fG7ODNgr.mjs";
+import { M as a } from "../../components-C2JBXbtI.mjs";
 import "lodash";
 export {
   a as CloudImage

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

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