@fluidattacks/design 3.1.10 → 3.1.12

package/dist/{styles-BAhpqi6C.mjs → styles-lSVV9kjn.mjs}

@@ -1,15 +1,15 @@
-import { styled as n } from "styled-components";
-const e = n.div`
-  ${({ theme: n2 }) => `
+import { styled as e } from "styled-components";
+const i = e.div`
+  ${({ theme: n }) => `
     align-items: flex-start;
     display: inline-flex;
     flex-direction: column;
-    gap: ${n2.spacing[0.25]};
+    gap: ${n.spacing[0.25]};
     position: relative;
     width: 100%;
 
     label {
-      color: ${n2.palette.gray[800]};
+      color: ${n.palette.gray[800]};
     }
 
     &:has(input.date-input) {
@@ -30,38 +30,38 @@ const e = n.div`
     }
 
     > *:not(.error-msg) {
-      font-family: ${n2.typography.type.primary};
-      font-size: ${n2.typography.text.sm};
+      font-family: ${n.typography.type.primary};
+      font-size: ${n.typography.text.sm};
       font-style: normal;
-      font-weight: ${n2.typography.weight.regular};
-      line-height: ${n2.spacing[1.25]};
+      font-weight: ${n.typography.weight.regular};
+      line-height: ${n.spacing[1.25]};
     }
   `}
-`, t = n.div`
-  ${({ theme: n2 }) => `
+`, a = e.div`
+  ${({ theme: n }) => `
     align-items: center;
     display: flex;
-    border-radius: ${n2.spacing[0.5]};
+    border-radius: ${n.spacing[0.5]};
     border: 1px solid;
-    border-color: ${n2.palette.gray[300]};
-    color: ${n2.palette.gray[600]};
-    gap: ${n2.spacing[0.625]};
+    border-color: ${n.palette.gray[300]};
+    color: ${n.palette.gray[600]};
+    gap: ${n.spacing[0.625]};
     justify-content: space-between;
     height: 40px;
-    padding: ${n2.spacing[0.625]} ${n2.spacing[0.75]};
+    padding: ${n.spacing[0.625]} ${n.spacing[0.75]};
     width: 100%;
     white-space: nowrap;
 
     input, textarea {
       background: inherit;
-      color: ${n2.palette.gray[800]};
+      color: ${n.palette.gray[800]};
       cursor: inherit;
       outline: none;
       resize: none;
       width: 100%;
 
       &::placeholder {
-        color: ${n2.palette.gray[400]};
+        color: ${n.palette.gray[400]};
       }
 
       &:focus-visible {
@@ -94,7 +94,7 @@ const e = n.div`
     }
 
     textarea {
-      min-height: ${n2.spacing[6]};
+      min-height: ${n.spacing[6]};
     }
 
     span:not(.action) {
@@ -102,18 +102,18 @@ const e = n.div`
     }
 
     &.disabled {
-      background: ${n2.palette.gray[100]};
-      color: ${n2.palette.gray[400]};
+      background: ${n.palette.gray[100]};
+      color: ${n.palette.gray[400]};
       cursor: not-allowed;
     }
 
     &.error:not(.disabled) {
-      border: 1px solid ${n2.palette.error[500]};
+      border: 1px solid ${n.palette.error[500]};
     }
 
     &:focus-within:not(.disabled, .error) {
-      background: ${n2.palette.white};
-      border: 2px solid ${n2.palette.black};
+      background: ${n.palette.white};
+      border: 2px solid ${n.palette.black};
 
       button.action-btn {
         height: 36px;
@@ -122,12 +122,12 @@ const e = n.div`
     }
 
     &:hover:not(:focus-within, .disabled, .error) {
-      background: ${n2.palette.white};
-      border: 1px solid ${n2.palette.gray[600]};
+      background: ${n.palette.white};
+      border: 1px solid ${n.palette.gray[600]};
     }
   `}
 `;
 export {
-  t as S,
-  e as a
+  a as S,
+  i as a
 };

package/dist/use-carousel-CvRxi2FI.mjs

@@ -0,0 +1,17 @@
+import { useState as n, useEffect as l } from "react";
+const p = (r, s) => {
+  const [u, c] = n(0), [t, o] = n(0);
+  return l(() => {
+    t === 100 && c((e) => e === s - 1 ? 0 : e + 1);
+  }, [t, s]), l(() => {
+    const e = setInterval(() => {
+      o((a) => a === 100 ? 0 : a + 1);
+    }, r);
+    return () => {
+      clearInterval(e);
+    };
+  }, [r]), { cycle: u, progress: t, setCycle: c, setProgress: o };
+};
+export {
+  p as u
+};

package/dist/use-click-outside-BtZLIoU1.mjs

@@ -0,0 +1,18 @@
+import { useEffect as d } from "react";
+const m = (n, o, c = !1) => {
+  d(() => {
+    var r;
+    const e = (t) => {
+      n && !n.contains(t.target) && o();
+    };
+    return c ? (document.addEventListener("click", e, !0), () => {
+      document.removeEventListener("click", e, !0);
+    }) : ((r = document.getElementById("root")) == null || r.addEventListener("click", e, !0), () => {
+      var t;
+      (t = document.getElementById("root")) == null || t.removeEventListener("click", e, !0);
+    });
+  }, [c, n, o]);
+};
+export {
+  m as u
+};