@fluidattacks/design 3.1.13 → 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-V0EumEPM.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-CplEd2kw.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,22 +1,5 @@
-import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import { Container as r } from "../../container/index.js";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as o } from "../../typography/text/index.js";
-const s = ({
-  item: e
-}) => /* @__PURE__ */ i(
-  r,
-  {
-    display: "block",
-    id: `panel-${e.title}`,
-    padding: [0.75, 0.75, 0.75, 0.75],
-    children: [
-      e.description ? /* @__PURE__ */ n(o, { mb: e.extraElement ? 0.5 : void 0, size: "sm", children: e.description }) : void 0,
-      e.extraElement ? /* @__PURE__ */ n(r, { children: e.extraElement }) : void 0
-    ]
-  }
-);
+import "react/jsx-runtime";
+import { aV as n } from "../../../components-C2JBXbtI.mjs";
 export {
-  s as AccordionContent
+  n as AccordionContent
 };

package/dist/components/accordion/index.js

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

package/dist/components/alert/index.js

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

package/dist/components/button/index.js

@@ -1,69 +1,6 @@
-import { jsx as t, jsxs as g } from "react/jsx-runtime";
-import { forwardRef as j, useCallback as B } from "react";
-import { S as C } from "../../styles-B2N0JLw1.mjs";
-import { Icon as p } from "../icon/index.js";
-import { T as z } from "../../index-DwznImvK.mjs";
-import { isObject as I } from "lodash";
-const $ = (r, n = !0) => {
-  const o = window.open(
-    r,
-    n ? void 0 : "_self",
-    "noopener,noreferrer,"
-  );
-  I(o) && (o.opener = null);
-}, q = j(function({
-  children: n,
-  disabled: o = !1,
-  external: l = !1,
-  href: i,
-  id: s,
-  icon: a,
-  name: m,
-  onClick: u,
-  showArrow: b = !1,
-  type: k = "button",
-  tooltip: f,
-  tooltipPlace: T = "bottom",
-  underline: h = !1,
-  value: w,
-  variant: e = "primary",
-  ...x
-}, y) {
-  const c = f !== void 0, d = `${s}-tooltip`, S = B(() => {
-    i && $(i, l);
-  }, [l, i]);
-  return /* @__PURE__ */ t(
-    z,
-    {
-      disabled: !c,
-      id: d,
-      place: T,
-      tip: f,
-      children: /* @__PURE__ */ g(
-        C,
-        {
-          $variant: e,
-          "aria-disabled": o,
-          className: h ? "underline" : void 0,
-          disabled: o,
-          id: s,
-          name: m,
-          onClick: e === "link" ? S : u,
-          ref: y,
-          type: k,
-          value: w,
-          ...c ? { "data-tooltip-id": d } : {},
-          ...x,
-          children: [
-            a !== void 0 && /* @__PURE__ */ t(p, { icon: a, iconSize: "xs", iconType: "fa-light" }),
-            n,
-            (b || e === "link") && /* @__PURE__ */ t(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,83 +1,6 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useTheme as b } from "styled-components";
-import { Container as s } from "../../container/index.js";
-import { T as g } from "../../../index-DwznImvK.mjs";
-import "../../typography/heading/index.js";
-import "../../typography/span/index.js";
-import { Text as t } from "../../typography/text/index.js";
-const W = ({
-  authorEmail: d,
-  date: l,
-  description: i,
-  descriptionColor: c,
-  id: p,
-  title: a,
-  titleColor: f,
-  textAlign: e,
-  textSpacing: h = 0,
-  tooltip: m
-}) => {
-  const o = b();
-  return /* @__PURE__ */ n(s, { width: "100%", children: [
-    typeof a == "string" ? /* @__PURE__ */ r(
-      t,
-      {
-        color: f ?? o.palette.gray[800],
-        fontWeight: "bold",
-        mb: h,
-        size: "sm",
-        textAlign: e,
-        wordBreak: "break-word",
-        children: a
-      }
-    ) : a,
-    /* @__PURE__ */ n(
-      s,
-      {
-        alignItems: "start",
-        display: "flex",
-        flexDirection: "column",
-        gap: 0.25,
-        children: [
-          i && /* @__PURE__ */ r(
-            t,
-            {
-              color: c ?? o.palette.gray[800],
-              fontWeight: i === void 0 ? "bold" : "regular",
-              size: "sm",
-              textAlign: e,
-              wordBreak: "break-word",
-              children: i
-            }
-          ),
-          l && /* @__PURE__ */ r(
-            t,
-            {
-              color: o.palette.gray[800],
-              fontWeight: "bold",
-              size: "sm",
-              textAlign: e,
-              wordBreak: "break-word",
-              children: `Date: ${l.split(" ")[0]}`
-            }
-          ),
-          d && /* @__PURE__ */ r(
-            t,
-            {
-              color: o.palette.gray[800],
-              fontWeight: "bold",
-              size: "sm",
-              textAlign: e,
-              wordBreak: "break-word",
-              children: `$Author: ${d}`
-            }
-          ),
-          m && /* @__PURE__ */ r(g, { icon: "circle-info", id: p, tip: m })
-        ]
-      }
-    )
-  ] });
-};
+import "react/jsx-runtime";
+import "styled-components";
+import { C as m } from "../../../components-C2JBXbtI.mjs";
 export {
-  W as CardHeader
+  m as CardHeader
 };

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

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