@fluidattacks/design 3.1.12 → 3.1.14

package/dist/styles-D85YYIjM.mjs

@@ -1,131 +0,0 @@
-import { styled as i } from "styled-components";
-import { v as t } from "./utils-CQvBF-wY.mjs";
-import "./styles-C3cZmKVJ.mjs";
-import "react/jsx-runtime";
-const { getVariant: a } = t((n) => ({ lg: `
-      @media screen and (min-width: ${n.breakpoints.sm}) {
-        width: 72%;
-      }
-      @media screen and (max-width: ${n.breakpoints.sm}) {
-        width: 80%;
-      }
-    `, md: `
-      @media screen and (min-width: ${n.breakpoints.sm}) {
-        width: 48%;
-      }
-      @media screen and (max-width: ${n.breakpoints.sm}) {
-        width: 60%;
-      }
-    `, sm: `
-      @media screen and (min-width: ${n.breakpoints.sm}) {
-        width: 32%;
-      }
-      @media screen and (max-width: ${n.breakpoints.sm}) {
-        width: 40%;
-      }
-    ` })), o = i.div.attrs({ className: "comp-modal fixed inset-0 overflow-auto" })`
-  align-items: center;
-  background-color: rgb(52 64 84 / 70%);
-  display: flex;
-  justify-content: center;
-  z-index: 99999;
-`, c = i.div`
-  ${({ theme: n, $size: e }) => `
-    background-color: ${n.palette.white};
-    border: 1px solid ${n.palette.gray[200]};
-    border-radius: ${n.spacing[0.25]};
-    color: ${n.palette.gray[800]};
-    display: flex;
-    flex-direction: column;
-    font-family: ${n.typography.type.primary};
-    font-size: ${n.typography.text.sm};
-    max-height: 80%;
-    min-height: minmax(max-content, 32%);
-    overflow: hidden auto;
-    padding: ${n.spacing[1.5]};
-    box-shadow: ${n.shadows.lg};
-    margin: auto;
-    white-space: pre-line;
-
-    > *:not(img) {
-      margin-bottom: ${n.spacing[1.5]};
-    }
-
-    > *:last-child {
-      margin-bottom: 0;
-    }
-
-    &#table-column-toggle {
-      @media screen and (min-width: ${n.breakpoints.sm}) {
-        width: 24%;
-      }
-      @media screen and (max-width: ${n.breakpoints.sm}) {
-        width: 32%;
-      }
-    }
-
-    ${a(n, e)}
-  `}
-`, p = i.div`
-  display: block;
-  overflow: unset;
-  height: max-content;
-  max-height: 100%;
-  max-width: 100%;
-  position: static;
-`, h = i.div.attrs({ className: "flex items-center justify-between mb-1.5" })``, l = i.div`
-  ${({ theme: n }) => `
-    display: flex;
-    flex-direction: row;
-    gap: ${n.spacing[0.75]};
-    justify-content: space-between;
-    margin: 0;
-    max-width: 392px;
-
-    > label {
-      margin: 0;
-      flex: 1 1 auto;
-    }
-
-    > div {
-      display: flex;
-      flex-direction: row;
-      flex: 1 1 auto;
-      gap: ${n.spacing[0.75]};
-      margin-right: ${n.spacing[0.75]};
-
-      > button {
-        justify-content: center;
-        max-width: 190px;
-      }
-    }
-
-    > div:last-child {
-      margin-right: 0;
-    }
-  `}
-`, g = i.div`
-  img {
-    margin: 0 calc(-${({ theme: n }) => n.spacing[1.5]} - 1px)
-      ${({ theme: n }) => n.spacing[1.5]};
-
-    min-width: calc(100% + 2px + ${({ theme: n }) => n.spacing[3]});
-    height: 185px;
-    object-fit: cover;
-
-    ${({ $framed: n = !1 }) => n ? `
-            border-radius: 8px;
-            min-width: 100%;
-            margin-left: 0;
-            margin-right: 0;
-          ` : ""}
-  }
-`;
-export {
-  l as F,
-  p as H,
-  g as I,
-  o as M,
-  h as T,
-  c as a
-};

package/dist/styles-EIbGRPlk.mjs

@@ -1,106 +0,0 @@
-import { styled as r } from "styled-components";
-import { v as t } from "./utils-CQvBF-wY.mjs";
-import { a as e } from "./styles-C3cZmKVJ.mjs";
-import "react/jsx-runtime";
-const { getVariant: o } = t((n) => ({ ghost: `
-      background: transparent;
-      border: none;
-      color: ${n.palette.gray[800]};
-      --btn-padding-x: ${n.spacing[0.5]};
-      --btn-padding-y: ${n.spacing[0.625]};
-      --btn-spacing: ${n.spacing[0.25]};
-
-      &:disabled {
-        color: ${n.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n.palette.gray[100]};
-        color: ${n.palette.gray[800]};
-      }
-    `, link: `
-      --btn-padding-x: 0;
-      --btn-padding-y: 0;
-      color: ${n.palette.gray[800]};
-
-      &:hover {
-        color: ${n.palette.gray[500]};
-      }
-    `, primary: `
-      background: ${n.palette.primary[500]};
-      border: none;
-      color: ${n.palette.white};
-      --btn-spacing: ${n.spacing[0.25]};
-
-      &:disabled {
-        background: ${n.palette.gray[200]};
-        color: ${n.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n.palette.primary[700]};
-        color: ${n.palette.white};
-      }
-    `, secondary: `
-      background: ${n.palette.gray[800]};
-      border: none;
-      color: ${n.palette.white};
-      --btn-spacing: ${n.spacing[0.25]};
-
-      &:disabled {
-        background: ${n.palette.gray[200]};
-        color: ${n.palette.gray[400]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n.palette.gray[600]};
-        color: ${n.palette.white};
-      }
-    `, tertiary: `
-      background: transparent;
-      border: 1px solid ${n.palette.primary[500]};
-      color: ${n.palette.primary[500]};
-      --btn-spacing: ${n.spacing[0.25]};
-
-      &:disabled {
-        background: transparent;
-        border: 1px solid ${n.palette.gray[200]};
-        color: ${n.palette.gray[300]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not([disabled]) {
-        background-color: ${n.palette.primary[500]};
-        color: ${n.palette.white};
-      }
-    ` })), g = r(e)`
-  ${({ theme: n, $variant: a }) => `
-    align-items: center;
-    border-radius: var(--btn-spacing);
-    cursor: pointer;
-    display: inline-flex;
-    font-family: ${n.typography.type.primary};
-    font-size: ${n.typography.text.sm};
-    font-weight: ${n.typography.weight.regular};
-    gap: var(--btn-spacing);
-    justify-content: center;
-    line-height: ${n.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: ${n.breakpoints.mobile}) {
-      ${a !== "link" ? `--btn-padding-y: ${n.spacing[1]}` : ""};
-    }
-
-    ${o(n, a ?? "primary")}
-  `}
-`;
-export {
-  g as S
-};

package/dist/styles-Q1VXuWI7.mjs

@@ -1,65 +0,0 @@
-import { styled as e } from "styled-components";
-const a = e.li`
-  ${({ theme: n }) => `
-    align-items: center;
-    background-color: ${n.palette.white};
-    color: ${n.palette.gray[800]};
-    cursor: pointer;
-    display: flex;
-    font-size: ${n.typography.text.sm};
-    font-weight: ${n.typography.weight.regular};
-    justify-content: space-between;
-    gap: ${n.spacing[0.625]};
-    line-height: ${n.spacing[1.25]};
-    list-style-type: none;
-    min-height: 40px;
-    min-width: 240px;
-    padding: ${n.spacing[0.625]} ${n.spacing[1]};
-    pointer-events: auto;
-
-    p,
-    a {
-      word-break: break-word;
-    }
-
-    & > label {
-      margin: unset;
-    }
-
-    a {
-      color: ${n.palette.gray[500]};
-    }
-
-    &[aria-disabled="true"] {
-      color: ${n.palette.gray[300]};
-      pointer-events: none;
-
-      a {
-        color: ${n.palette.gray[300]};
-      }
-    }
-
-    &[aria-selected="true"] {
-      background-color: ${n.palette.gray[200]};
-    }
-
-    &:hover:not([aria-selected="true"]) {
-      background-color: ${n.palette.gray[100]};
-    }
-  `}
-`, r = e.ul`
-  ${({ theme: n }) => `
-    background-color: ${n.palette.white};
-    border: 1px solid ${n.palette.gray[200]};
-    border-radius: ${n.spacing[0.25]};
-    box-shadow: ${n.shadows.md};
-    display: inline-block;
-    margin: unset;
-    min-width: 240px;
-    padding: ${n.spacing[0.25]} 0 ${n.spacing[0.25]} 0;
-  `}
-`;
-export {
-  a as L,
-  r as a
-};

package/dist/styles-fH2c4cfc.mjs

@@ -1,77 +0,0 @@
-import { styled as d } from "styled-components";
-import { b as c } from "./styles-C3cZmKVJ.mjs";
-import "react/jsx-runtime";
-const k = d(c)`
-  ${({ theme: t, $bgGradient: a = "unset", $color: i = t.palette.gray[800], $display: n = "block", $fontFamily: o = t.typography.type.primary, $fontWeight: $ = "bold", $letterSpacing: r = 0, $lineSpacing: p = 1.5, $lineSpacingSm: l, $size: e, $sizeMd: g, $sizeSm: s, $textFill: h = "unset", $wordBreak: y = "normal" }) => `
-    background: ${a};
-    color: ${i};
-    display: ${n};
-    font-family: ${o};
-    font-size: ${t.typography.heading[e]};
-    font-weight: ${t.typography.weight[$]};
-    letter-spacing: ${r};
-    line-height: ${t.spacing[p]};
-    width: ${n === "block" ? "100%" : "auto"};
-    word-break: ${y};
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: ${h};
-
-    @media screen
-      and (min-width: ${t.breakpoints.mobile})
-      and (max-width: ${t.breakpoints.tablet})
-    {
-      font-size: ${t.typography.heading[g ?? e]};
-    }
-
-    @media screen and (max-width: ${t.breakpoints.mobile}) {
-      font-size: ${t.typography.heading[s ?? e]};
-      line-height: ${t.spacing[l ?? p]};
-    }
-  `}
-`, w = d(c)`
-  ${({ theme: t, $bgGradient: a = "unset", $color: i = t.palette.gray[600], $display: n = "block", $fontFamily: o = t.typography.type.primary, $fontWeight: $ = "regular", $letterSpacing: r = 0, $lineSpacing: p = 1.25, $lineSpacingSm: l, $size: e, $sizeMd: g, $sizeSm: s, $textFill: h = "unset", $wordBreak: y = "normal" }) => `
-    background: ${a};
-    color: ${i};
-    display: ${n};
-    font-family: ${o};
-    font-size: ${t.typography.text[e]};
-    font-weight: ${t.typography.weight[$]};
-    letter-spacing: ${r};
-    line-height: ${t.spacing[p]};
-    width: ${n === "block" ? "100%" : "auto"};
-    word-break: ${y};
-    background-clip: text;
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: ${h};
-
-    @media screen
-      and (min-width: ${t.breakpoints.mobile})
-      and (max-width: ${t.breakpoints.tablet})
-    {
-      font-size: ${t.typography.text[g ?? e]};
-    }
-
-    @media screen and (max-width: ${t.breakpoints.mobile}) {
-      font-size: ${t.typography.text[s ?? e]};
-      line-height: ${t.spacing[l ?? p]};
-    }
-  `}
-`, x = d.span`
-  ${({ theme: t, $color: a = t.palette.gray[600], $content: i, $display: n = "inline", $fontWeight: o = "regular", $size: $, $lineSpacing: r = 1.25 }) => `
-    color: ${a};
-    display: ${n};
-    font-family: ${t.typography.type.primary};
-    font-size: ${t.typography.text[$]};
-    font-weight: ${t.typography.weight[o]};
-    line-height: ${t.spacing[r]};
-    width: ${n === "block" ? "100%" : "auto"};
-
-    ${i === void 0 ? "" : `&::after { content: "${i}"; }`}
-  `}
-`;
-export {
-  k as S,
-  x as a,
-  w as b
-};

package/dist/styles-lSVV9kjn.mjs

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

package/dist/use-carousel-CvRxi2FI.mjs

@@ -1,17 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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
-};