@fluidattacks/design 3.1.7 → 3.1.8

package/dist/styles-be8gOdgy.mjs

@@ -0,0 +1,106 @@
+import { styled as n } from "styled-components";
+import { v as a } from "./utils-Da0qL35u.mjs";
+import { a as t } from "./styles-DV8yOaqV.mjs";
+import "react/jsx-runtime";
+const { getVariant: r } = a((n2) => ({ ghost: `
+      background: transparent;
+      border: none;
+      color: ${n2.palette.gray[800]};
+      --btn-padding-x: ${n2.spacing[0.5]};
+      --btn-padding-y: ${n2.spacing[0.625]};
+      --btn-spacing: ${n2.spacing[0.25]};
+
+      &:disabled {
+        color: ${n2.palette.gray[400]};
+        cursor: not-allowed;
+      }
+
+      &:hover:not([disabled]) {
+        background-color: ${n2.palette.gray[100]};
+        color: ${n2.palette.gray[800]};
+      }
+    `, link: `
+      --btn-padding-x: 0;
+      --btn-padding-y: 0;
+      color: ${n2.palette.gray[800]};
+
+      &:hover {
+        color: ${n2.palette.gray[500]};
+      }
+    `, primary: `
+      background: ${n2.palette.primary[500]};
+      border: none;
+      color: ${n2.palette.white};
+      --btn-spacing: ${n2.spacing[0.25]};
+
+      &:disabled {
+        background: ${n2.palette.gray[200]};
+        color: ${n2.palette.gray[400]};
+        cursor: not-allowed;
+      }
+
+      &:hover:not([disabled]) {
+        background-color: ${n2.palette.primary[700]};
+        color: ${n2.palette.white};
+      }
+    `, secondary: `
+      background: ${n2.palette.gray[800]};
+      border: none;
+      color: ${n2.palette.white};
+      --btn-spacing: ${n2.spacing[0.25]};
+
+      &:disabled {
+        background: ${n2.palette.gray[200]};
+        color: ${n2.palette.gray[400]};
+        cursor: not-allowed;
+      }
+
+      &:hover:not([disabled]) {
+        background-color: ${n2.palette.gray[600]};
+        color: ${n2.palette.white};
+      }
+    `, tertiary: `
+      background: transparent;
+      border: 1px solid ${n2.palette.primary[500]};
+      color: ${n2.palette.primary[500]};
+      --btn-spacing: ${n2.spacing[0.25]};
+
+      &:disabled {
+        background: transparent;
+        border: 1px solid ${n2.palette.gray[200]};
+        color: ${n2.palette.gray[300]};
+        cursor: not-allowed;
+      }
+
+      &:hover:not([disabled]) {
+        background-color: ${n2.palette.primary[500]};
+        color: ${n2.palette.white};
+      }
+    ` })), e = n(t)`
+  ${({ theme: n2, $variant: a2 }) => `
+    align-items: center;
+    border-radius: var(--btn-spacing);
+    cursor: pointer;
+    display: inline-flex;
+    font-family: ${n2.typography.type.primary};
+    font-size: ${n2.typography.text.sm};
+    font-weight: ${n2.typography.weight.regular};
+    gap: var(--btn-spacing);
+    justify-content: center;
+    line-height: ${n2.spacing[1.25]};
+    padding: var(--btn-padding-y) var(--btn-padding-x);
+    position: relative;
+    text-align: start;
+    transition: all 0.5s ease;
+    white-space: nowrap;
+
+    @media screen and (max-width: ${n2.breakpoints.mobile}) {
+      ${"link" !== a2 ? `--btn-padding-y: ${n2.spacing[1]}` : ""};
+    }
+
+    ${r(n2, a2 ?? "primary")}
+  `}
+`;
+export {
+  e as S
+};

package/dist/use-carousel-64dKFW4E.js

@@ -0,0 +1 @@
+"use strict";const e=require("react");exports.useCarousel=(t,s)=>{const[r,c]=e.useState(0),[u,a]=e.useState(0);return e.useEffect((()=>{100===u&&c((e=>e===s-1?0:e+1))}),[u,s]),e.useEffect((()=>{const e=setInterval((()=>{a((e=>100===e?0:e+1))}),t);return()=>{clearInterval(e)}}),[t]),{cycle:r,progress:u,setCycle:c,setProgress:a}};

package/dist/use-carousel-D7xeL3YZ.mjs

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

package/dist/use-click-outside-BqkLISED.js

@@ -0,0 +1 @@
+"use strict";const e=require("react");exports.useClickOutside=(t,n,c=!1)=>{e.useEffect((()=>{var e;const r=e=>{t&&!t.contains(e.target)&&n()};return c?(document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}):(null==(e=document.getElementById("root"))||e.addEventListener("click",r,!0),()=>{var e;null==(e=document.getElementById("root"))||e.removeEventListener("click",r,!0)})}),[c,t,n])};

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

@@ -0,0 +1,18 @@
+import { useEffect as e } from "react";
+const t = (t2, n, c = false) => {
+  e(() => {
+    var _a;
+    const e2 = (e3) => {
+      t2 && !t2.contains(e3.target) && n();
+    };
+    return c ? (document.addEventListener("click", e2, true), () => {
+      document.removeEventListener("click", e2, true);
+    }) : ((_a = document.getElementById("root")) == null ? void 0 : _a.addEventListener("click", e2, true), () => {
+      var _a2;
+      (_a2 = document.getElementById("root")) == null ? void 0 : _a2.removeEventListener("click", e2, true);
+    });
+  }, [c, t2, n]);
+};
+export {
+  t as u
+};