@fluidattacks/design 3.1.10 → 3.1.12

package/dist/index-qe0nJwzl.js

@@ -1,15 +0,0 @@
-"use strict";const n=require("react/jsx-runtime"),e=require("styled-components"),t=require("./components/colors/index.js"),a=require("./components/icon/index.js");require("./components/typography/heading/index.js"),require("./components/typography/span/index.js");const i=require("./components/typography/text/index.js"),r=e.styled.a`
-  ${({theme:n})=>`\n    align-items: center;\n    display: flex;\n    background: ${n.palette.white};\n    border-radius: ${n.spacing[.5]};\n    cursor: pointer;\n    gap: ${n.spacing[1]};\n    padding:\n      ${n.spacing[.5]}\n      ${n.spacing[1]}\n      ${n.spacing[.5]}\n      ${n.spacing[.5]};\n    width: 1143px;\n\n    &:hover {\n      background: ${n.palette.gray[100]};\n\n      > div.icon-wrap {\n        background: ${n.palette.gradients["01"]};\n\n        path {\n          fill: ${n.palette.white};\n        }\n      }\n    }\n\n    @media screen\n      and (min-width: ${n.breakpoints.sm})\n      and (max-width: ${n.breakpoints.md})\n    {\n      width: 905px;\n    }\n\n    @media screen\n      and (min-width: 40em)\n      and (max-width: ${n.breakpoints.sm})\n    {\n      width: 475px;\n    }\n\n    @media screen and (max-width: 40em) {\n      width: 270px;\n    }\n  `}
-`,s=e.styled.div.attrs({className:"icon-wrap"})`
-  ${({theme:n})=>`\n    align-items: center;\n    background: ${n.palette.primary[25]};\n    border-radius: ${n.spacing[.25]};\n    display: flex;\n    justify-content: center;\n    min-width: ${n.spacing[2.5]};\n    height: ${n.spacing[2.5]};\n    padding: ${n.spacing[.5]};\n\n    span {\n      font-size: 20px;\n    }\n  `}
-`,o=e.styled.div`
-  ${({theme:n})=>`\n    align-items: flex-start;\n    display: flex;\n    flex-direction: column;\n    gap: ${n.spacing[1.5]};\n    width: 1193px;\n\n    > :is(form, .dropdown) {\n      border-radius: ${n.spacing[.5]};\n      border: 1px solid ${n.palette.gray[200]};\n      background-color:  ${n.palette.white};\n    }\n\n    @media screen\n      and (min-width: ${n.breakpoints.sm})\n      and (max-width: ${n.breakpoints.md})\n    {\n      width: 954px;\n    }\n\n    @media screen\n      and (min-width: 40em)\n      and (max-width: ${n.breakpoints.sm})\n    {\n      width: 526px;\n    }\n\n    @media screen and (max-width: 40em) {\n      width: 320px;\n    }\n  `}
-`,p=e.styled.form`
-  ${({theme:n})=>`\n    align-items: center;\n    display: flex;\n    gap: ${n.spacing[.5]};\n    justify-content: space-between;\n    padding: ${n.spacing[1]} ${n.spacing[1.5]};\n    width: 100%;\n  `}
-`,d=e.styled.input`
-  ${({theme:n})=>`\n    flex: 1 0 0;\n    border: none;\n    color: ${n.palette.gray[600]};\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.md};\n    font-weight: ${n.typography.weight.regular};\n    line-height: ${n.spacing[1.5]};\n    outline: none;\n\n    &::placeholder {\n      color: ${n.palette.gray[400]};\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      -webkit-appearance:none;\n    }\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      font-size: ${n.typography.text.sm};\n    }\n  `}
-`,c=e.styled.button`
-  ${({theme:n})=>`\n    align-items: center;\n    border-radius: ${n.spacing[.5]};\n    display: flex;\n    width: ${n.spacing[2.5]};\n    height: ${n.spacing[2.5]};\n    padding: ${n.spacing[.625]} ${n.spacing[1]};\n    justify-content: center;\n    gap: ${n.spacing[.5]};\n    flex-shrink: 0;\n\n    span {\n      color: ${n.palette.gray[400]};\n    }\n\n    &:hover {\n      background-color: ${n.palette.gray[100]};\n    }\n  `}
-`,l=e.styled.div.attrs({className:"dropdown"})`
-  ${({theme:n,$empty:e=!1,$showHits:t=!1})=>`\n    align-items: flex-start;\n    align-self: stretch;\n    background-repeat: no-repeat;\n    background-size: 100% 100%;\n    display: flex;\n    flex-direction: column;\n    gap: ${n.spacing[.5]};\n    max-height: ${t?"270px":"500px"};\n    overflow: hidden auto;\n    padding: ${n.spacing[1.5]};\n    scrollbar-color: ${n.palette.gray[600]} ${n.palette.gray[100]};\n    scroll-padding: ${n.spacing[.5]};\n    scrollbar-width: thin;\n\n    @media screen and (max-width: ${n.breakpoints.sm}) and (${!e}) {\n      max-height: 410px;\n    }\n    ${e&&`\n    @media screen and (min-width: ${n.breakpoints.mobile}) {\n      border: none !important;\n      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729784164/airs/search-bar/empty_state_bg.webp);\n    }\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      border: none !important;\n      background-image: url(https://res.cloudinary.com/fluid-attacks/image/upload/v1729783908/airs/search-bar/empty_state_bg_mobile.webp);\n    }\n      `}\n\n    &::-webkit-scrollbar {\n      height: ${n.spacing[.5]};\n      width: ${n.spacing[.5]};\n    }\n    &::-webkit-scrollbar-track {\n      background: ${n.palette.gray[100]};\n    }\n    &::-webkit-scrollbar-thumb {\n      background-color: ${n.palette.gray[600]};\n      border-radius: ${n.spacing[5]};\n      height: ${n.spacing[.5]};\n    }\n  `}
-`;exports.ItemSearching=({hit:e,icon:o="infinity",showIcon:p=!1})=>{const{slug:d,title:c}=e,l=String(d).startsWith("/pages/")?String(d).replace("/pages/","/"):String(d);return n.jsxs(r,{href:l,rel:"nofollow noopener noreferrer",children:[p&&n.jsx(s,{children:n.jsx(a.Icon,{icon:o,iconClass:"fill-gradient-01",iconSize:"sm",iconType:"fa-light"})}),n.jsx(i.Text,{color:t.theme.palette.gray[800],lineSpacing:1.5,size:"md",sizeSm:"sm",whiteSpace:"wrap",children:String(c)})]})},exports.StyledDropdownItems=l,exports.StyledSearchBar=p,exports.StyledSearchBox=o,exports.StyledSearchInput=d,exports.StyledSearchReset=c;

package/dist/styles--Elze-LV.js

@@ -1,3 +0,0 @@
-"use strict";const n=require("styled-components"),e=require("./utils-C2whpEd3.js"),t=require("./styles-C2CoGJl7.js");require("react/jsx-runtime");const{getVariant:a}=e.variantBuilder((n=>({ghost:`\n      background: transparent;\n      border: none;\n      color: ${n.palette.gray[800]};\n      --btn-padding-x: ${n.spacing[.5]};\n      --btn-padding-y: ${n.spacing[.625]};\n      --btn-spacing: ${n.spacing[.25]};\n\n      &:disabled {\n        color: ${n.palette.gray[400]};\n        cursor: not-allowed;\n      }\n\n      &:hover:not([disabled]) {\n        background-color: ${n.palette.gray[100]};\n        color: ${n.palette.gray[800]};\n      }\n    `,link:`\n      --btn-padding-x: 0;\n      --btn-padding-y: 0;\n      color: ${n.palette.gray[800]};\n\n      &:hover {\n        color: ${n.palette.gray[500]};\n      }\n    `,primary:`\n      background: ${n.palette.primary[500]};\n      border: none;\n      color: ${n.palette.white};\n      --btn-spacing: ${n.spacing[.25]};\n\n      &:disabled {\n        background: ${n.palette.gray[200]};\n        color: ${n.palette.gray[400]};\n        cursor: not-allowed;\n      }\n\n      &:hover:not([disabled]) {\n        background-color: ${n.palette.primary[700]};\n        color: ${n.palette.white};\n      }\n    `,secondary:`\n      background: ${n.palette.gray[800]};\n      border: none;\n      color: ${n.palette.white};\n      --btn-spacing: ${n.spacing[.25]};\n\n      &:disabled {\n        background: ${n.palette.gray[200]};\n        color: ${n.palette.gray[400]};\n        cursor: not-allowed;\n      }\n\n      &:hover:not([disabled]) {\n        background-color: ${n.palette.gray[600]};\n        color: ${n.palette.white};\n      }\n    `,tertiary:`\n      background: transparent;\n      border: 1px solid ${n.palette.primary[500]};\n      color: ${n.palette.primary[500]};\n      --btn-spacing: ${n.spacing[.25]};\n\n      &:disabled {\n        background: transparent;\n        border: 1px solid ${n.palette.gray[200]};\n        color: ${n.palette.gray[300]};\n        cursor: not-allowed;\n      }\n\n      &:hover:not([disabled]) {\n        background-color: ${n.palette.primary[500]};\n        color: ${n.palette.white};\n      }\n    `}))),r=n.styled(t.BaseButtonComponent)`
-  ${({theme:n,$variant:e})=>`\n    align-items: center;\n    border-radius: var(--btn-spacing);\n    cursor: pointer;\n    display: inline-flex;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    font-weight: ${n.typography.weight.regular};\n    gap: var(--btn-spacing);\n    justify-content: center;\n    line-height: ${n.spacing[1.25]};\n    padding: var(--btn-padding-y) var(--btn-padding-x);\n    position: relative;\n    text-align: start;\n    transition: all 0.5s ease;\n    white-space: nowrap;\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      ${"link"!==e?`--btn-padding-y: ${n.spacing[1]}`:""};\n    }\n\n    ${a(n,e??"primary")}\n  `}
-`;exports.StyledButton=r;

package/dist/styles-3pR4Xdvy.js

@@ -1,33 +0,0 @@
-"use strict";const n=require("styled-components"),e=require("./styles-C2CoGJl7.js");require("react/jsx-runtime");const t=n.styled(e.BaseButtonComponent)`
-  align-items: center;
-  background-color: inherit;
-  border-color: inherit;
-  display: flex;
-  height: 38px;
-  justify-content: center;
-  width: 40px;
-  margin: ${({$margin:e="0"})=>n.css`
-    ${e}
-  `};
-
-  &:hover:not(:disabled) {
-    background-color: ${({theme:n})=>n.palette.gray[100]};
-    cursor: pointer;
-  }
-`,i=n.styled.div`
-  ${({theme:n})=>`\n    align-items: flex-start;\n    background: ${n.palette.white};\n    border: 1px solid ${n.palette.gray[200]};\n    border-radius: ${n.spacing[.5]};\n    box-shadow: ${n.shadows.md};\n    display: inline-flex;\n    flex-direction: column;\n    gap: ${n.spacing[.25]};\n    height: auto;\n    padding: ${n.spacing[.25]};\n    width: 292px;\n  `}
-`,r=n.styled.button`
-  ${({theme:n,$disabled:e,$focus:t,$header:i})=>{const r=t?"34px":"40px";return`\n      align-items: center;\n      border-radius: ${i?`0 ${n.spacing[.5]} ${n.spacing[.5]} 0`:"4px"};\n      border-left: inherit;\n      display: flex;\n      height: ${i?"38px":r};\n      justify-content: center;\n      outline: none;\n      width: ${i?"38px":"40px"};\n\n      &:hover {\n        background-color: ${n.palette.gray[e?500:100]};\n      }\n    `}}
-`,o=n.styled.div`
-  ${({theme:n})=>`\n    align-items: center;\n    background: transparent;\n    border-radius: ${n.spacing[.5]} 0 0 ${n.spacing[.5]};\n    border-color: inherit;\n    display: flex;\n    height: 100%;\n    justify-content: space-between;\n    width: calc(100% - 40px);\n  `}
-`,a=n.styled.div`
-  align-items: center;
-  display: flex;
-  justify-content: flex-end;
-  gap: ${({theme:n})=>n.spacing[.5]};
-  flex: 1 0 0;
-`,s=n.styled.div`
-  ${({theme:n})=>`\n    align-items: center;\n    align-self: stretch;\n    background-color: ${n.palette.gray[200]};\n    border-radius: ${n.spacing[.25]};\n    display: flex;\n    font-family: ${n.typography.type.primary};\n    gap: ${n.spacing[.25]};\n    line-height: ${n.spacing[1.5]};\n    padding: 2px ${n.spacing[.25]};\n  `}
-`,p=n.styled.button`
-  ${({theme:n})=>`\n    align-items: center;\n    background-color: inherit;\n    border: 0.5px solid ${n.palette.gray[200]};\n    border-radius: 7px;\n    color: ${n.palette.gray[800]};\n    cursor: pointer;\n    display: flex;\n    font-weight: ${n.typography.weight.regular};\n    justify-content: center;\n    gap: 10px;\n    padding: 2px 10px;\n\n    &#active {\n      background-color: ${n.palette.white};\n      box-shadow: ${n.shadows.md};\n      font-weight: ${n.typography.weight.bold};\n    }\n  `}
-`;exports.CalendarButtonAction=r,exports.DayPeriodButton=p,exports.DialogContainer=i,exports.InputDateBox=o,exports.StyledButtonAction=t,exports.TimeOutlineContainer=a,exports.TimePickerContainer=s;

package/dist/styles-59h91S9m.mjs

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

package/dist/styles-BCwLWpC3.mjs

@@ -1,126 +0,0 @@
-import { styled as n } from "styled-components";
-import { v as i } from "./utils-Da0qL35u.mjs";
-import "./styles-DV8yOaqV.mjs";
-import "react/jsx-runtime";
-const { getVariant: e } = i((n2) => ({ lg: `
-      @media screen and (min-width: ${n2.breakpoints.sm}) {
-        width: 72%;
-      }
-      @media screen and (max-width: ${n2.breakpoints.sm}) {
-        width: 80%;
-      }
-    `, md: `
-      @media screen and (min-width: ${n2.breakpoints.sm}) {
-        width: 48%;
-      }
-      @media screen and (max-width: ${n2.breakpoints.sm}) {
-        width: 60%;
-      }
-    `, sm: `
-      @media screen and (min-width: ${n2.breakpoints.sm}) {
-        width: 32%;
-      }
-      @media screen and (max-width: ${n2.breakpoints.sm}) {
-        width: 40%;
-      }
-    ` })), t = n.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;
-`, a = n.div`
-  ${({ theme: n2, $size: i2 }) => `
-    background-color: ${n2.palette.white};
-    border: 1px solid ${n2.palette.gray[200]};
-    border-radius: ${n2.spacing[0.25]};
-    color: ${n2.palette.gray[800]};
-    display: flex;
-    flex-direction: column;
-    font-family: ${n2.typography.type.primary};
-    font-size: ${n2.typography.text.sm};
-    max-height: 80%;
-    min-height: minmax(max-content, 32%);
-    overflow: hidden auto;
-    padding: ${n2.spacing[1.5]};
-    box-shadow: ${n2.shadows.lg};
-    margin: auto;
-    white-space: pre-line;
-
-    > *:not(img) {
-      margin-bottom: ${n2.spacing[1.5]};
-    }
-
-    > *:last-child {
-      margin-bottom: 0;
-    }
-
-    &#table-column-toggle {
-      @media screen and (min-width: ${n2.breakpoints.sm}) {
-        width: 24%;
-      }
-      @media screen and (max-width: ${n2.breakpoints.sm}) {
-        width: 32%;
-      }
-    }
-
-    ${e(n2, i2)}
-  `}
-`, s = n.div`
-  display: block;
-  overflow: unset;
-  height: max-content;
-  max-height: 100%;
-  max-width: 100%;
-  position: static;
-`, m = n.div.attrs({ className: "flex items-center justify-between mb-1.5" })``, r = n.div`
-  ${({ theme: n2 }) => `
-    display: flex;
-    flex-direction: row;
-    gap: ${n2.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: ${n2.spacing[0.75]};
-      margin-right: ${n2.spacing[0.75]};
-
-      > button {
-        justify-content: center;
-        max-width: 190px;
-      }
-    }
-
-    > div:last-child {
-      margin-right: 0;
-    }
-  `}
-`, d = n.div`
-  img {
-    margin: 0 calc(-${({ theme: n2 }) => n2.spacing[1.5]} - 1px)
-      ${({ theme: n2 }) => n2.spacing[1.5]};
-
-    min-width: calc(100% + 2px + ${({ theme: n2 }) => n2.spacing[3]});
-    height: 185px;
-    object-fit: cover;
-
-    ${({ $framed: n2 = false }) => n2 ? "\n            border-radius: 8px;\n            min-width: 100%;\n            margin-left: 0;\n            margin-right: 0;\n          " : ""}
-  }
-`;
-export {
-  r as F,
-  s as H,
-  d as I,
-  t as M,
-  m as T,
-  a
-};

package/dist/styles-BJ7-0I5X.mjs

@@ -1,74 +0,0 @@
-import { NavLink as n } from "react-router-dom";
-import { styled as t } from "styled-components";
-const e = t.button`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    color: ${n2.palette.gray[500]};
-    display: flex;
-    gap: ${n2.spacing[0.625]};
-    justify-content: center;
-    padding: ${n2.spacing[0.75]};
-    text-align: center;
-    width: 151px;
-
-    &.active {
-      color: ${n2.palette.gray[800]};
-      border-bottom: 3px solid ${n2.palette.primary[400]};
-    }
-
-    &:hover {
-      color: ${n2.palette.gray[800]};
-    }
-  `}
-`, a = t.div`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    border-bottom: 2px solid ${n2.palette.gray[200]};
-    display: flex;
-    gap: ${n2.spacing[3]};
-    height: ${n2.spacing[3]};
-    width: max-content;
-  `}
-`, o = t(n)`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    background: transparent;
-    cursor: pointer;
-    color: ${n2.palette.gray[800]};
-    font-family: ${n2.typography.type.primary};
-    font-size: ${n2.typography.text.sm};
-    display: flex;
-    font-weight: ${n2.typography.weight.regular};
-    padding: ${n2.spacing[0.625]} ${n2.spacing[0.5]};
-    position: relative;
-    text-align: center;
-    text-decoration: unset;
-
-    &:disabled {
-      cursor: not-allowed;
-      background-color: ${n2.palette.gray[300]};
-      color: ${n2.palette.gray[300]};
-    }
-
-    &:hover:not([disabled]) {
-      background-color: ${n2.palette.gray[100]};
-      color: ${n2.palette.gray[800]};
-    }
-
-    &.active {
-      background-color: transparent;
-      border-bottom: solid 4px ${n2.palette.primary[500]};
-      padding-bottom: calc(${n2.spacing[0.625]} - 4px);
-
-      &:hover {
-        background-color: transparent;
-        border-bottom: solid 4px ${n2.palette.primary[500]};
-      }
-    }
-  `}
-`;
-export {
-  a as S,
-  o as T,
-  e as a
-};

package/dist/styles-BKObp9bh.mjs

@@ -1,76 +0,0 @@
-import { styled as n } from "styled-components";
-const t = n.div`
-  ${({ theme: n2 }) => `
-    background-color: ${n2.palette.gray[100]};
-    border-radius: ${n2.spacing[0.25]};
-    display: inline-flex;
-    padding: ${n2.spacing[1]};
-    position: relative;
-    width: fit-content;
-
-    .line-highlight.language-none {
-      background: ${n2.palette.gray[100]};
-    }
-
-    .line-highlight {
-      background: hsl(354deg 88% 93% / 50%);
-      font-family: ${n2.typography.type.mono};
-      font-size: ${n2.typography.text.xs};
-      line-height: ${n2.spacing[1]};
-    }
-
-    .line-highlight::before,
-    .line-highlight[data-end]::after {
-      background: ${n2.palette.primary[300]};
-      background-color: hsl(355deg 89% 36%);
-      color: ${n2.palette.white};
-    }
-
-    pre code {
-      color: #161616;
-      font-family: ${n2.typography.type.mono};
-      font-size: ${n2.typography.text.xs};
-      line-height: ${n2.spacing[1]};
-    }
-
-    pre:not(.line-highlight) {
-      margin-top: unset;
-      margin-bottom: unset;
-      padding: unset;
-      width: 100%;
-    }
-
-    span:hover {
-      background-color: ${n2.palette.gray[200]};
-    }
-
-    .no-data,
-    pre.line-highlight {
-      background-color: ${n2.palette.gray[100]};
-      padding-top: unset;
-      padding-bottom: unset;
-    }
-  `}
-`, e = n.div`
-  ${({ theme: n2 }) => `
-    align-items: end;
-    background-color: ${n2.palette.gray[100]};
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    min-width: 103px;
-    margin-right: ${n2.spacing[1]};
-    padding-top: ${n2.spacing[1]};
-    padding-bottom: ${n2.spacing[1]};
-    position: relative;
-    padding-left: unset;
-
-    button:hover:not([disabled]) {
-      background-color: ${n2.palette.gray[200]};
-    }
-  `}
-`;
-export {
-  e as B,
-  t as C
-};

package/dist/styles-BWVdbvFu.js

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

package/dist/styles-Bl-CstrT.js

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

package/dist/styles-Bn42XCW5.js

@@ -1,7 +0,0 @@
-"use strict";const n=require("react-router-dom"),t=require("styled-components"),e=t.styled.button`
-  ${({theme:n})=>`\n    align-items: center;\n    color: ${n.palette.gray[500]};\n    display: flex;\n    gap: ${n.spacing[.625]};\n    justify-content: center;\n    padding: ${n.spacing[.75]};\n    text-align: center;\n    width: 151px;\n\n    &.active {\n      color: ${n.palette.gray[800]};\n      border-bottom: 3px solid ${n.palette.primary[400]};\n    }\n\n    &:hover {\n      color: ${n.palette.gray[800]};\n    }\n  `}
-`,r=t.styled.div`
-  ${({theme:n})=>`\n    align-items: center;\n    border-bottom: 2px solid ${n.palette.gray[200]};\n    display: flex;\n    gap: ${n.spacing[3]};\n    height: ${n.spacing[3]};\n    width: max-content;\n  `}
-`,a=t.styled(n.NavLink)`
-  ${({theme:n})=>`\n    align-items: center;\n    background: transparent;\n    cursor: pointer;\n    color: ${n.palette.gray[800]};\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    display: flex;\n    font-weight: ${n.typography.weight.regular};\n    padding: ${n.spacing[.625]} ${n.spacing[.5]};\n    position: relative;\n    text-align: center;\n    text-decoration: unset;\n\n    &:disabled {\n      cursor: not-allowed;\n      background-color: ${n.palette.gray[300]};\n      color: ${n.palette.gray[300]};\n    }\n\n    &:hover:not([disabled]) {\n      background-color: ${n.palette.gray[100]};\n      color: ${n.palette.gray[800]};\n    }\n\n    &.active {\n      background-color: transparent;\n      border-bottom: solid 4px ${n.palette.primary[500]};\n      padding-bottom: calc(${n.spacing[.625]} - 4px);\n\n      &:hover {\n        background-color: transparent;\n        border-bottom: solid 4px ${n.palette.primary[500]};\n      }\n    }\n  `}
-`;exports.StyledFixedTab=e,exports.StyledFixedTabs=r,exports.TabLink=a;

package/dist/styles-C2CoGJl7.js

@@ -1,33 +0,0 @@
-"use strict";const e=require("styled-components"),o=require("./components/colors/index.js"),t=["padding","px","py","pl","pr","pt","pb","margin","mx","my","ml","mr","mt","mb","zIndex","position","top","right","bottom","left","border","borderTop","borderRight","borderBottom","borderLeft","borderColor","borderRadius","scroll","visibility","display","height","width","maxHeight","maxWidth","minHeight","minWidth","shadow","bgColor","bgGradient","gap","flexDirection","flexGrow","justify","justifySelf","alignItems","alignSelf","wrap","color","fontFamily","fontSize","fontWeight","textAlign","whiteSpace","letterSpacing","lineSpacing","textDecoration","textOverflow","whiteSpace","wordBreak","wordWrap","cursor","transition","borderColorHover","bgColorHover","shadowHover"],n=(e,o)=>void 0===o?"":`${e}: ${o};`,r=e=>{const t=e.py??e.pt??0,n=e.px??e.pr??0,r=e.py??e.pb??0,i=e.px??e.pl??0;if(e.padding){const[t,n,r,i]=e.padding;return`padding: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`}return`padding: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`},i=e=>{const t=e.my??e.mt??0,n=e.mx??e.mr??0,r=e.my??e.mb??0,i=e.mx??e.ml??0;if(e.margin){const[t,n,r,i]=e.margin;return`margin: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`}return`margin: ${o.theme.spacing[t]} ${o.theme.spacing[n]} ${o.theme.spacing[r]} ${o.theme.spacing[i]};`},s=e=>`\n    ${n("position",e.position)}\n    ${n("top",e.top)}\n    ${n("right",e.right)}\n    ${n("bottom",e.bottom)}\n    ${n("left",e.left)}\n    ${n("z-index",e.zIndex)}\n  `,a=e=>`\n    ${n("border",e.border)}\n    ${n("border-top",e.borderTop)}\n    ${n("border-right",e.borderRight)}\n    ${n("border-bottom",e.borderBottom)}\n    ${n("border-left",e.borderLeft)}\n    ${n("border-color",e.borderColor)}\n    ${n("border-radius",e.borderRadius)}\n  `,d=e=>{const t=e.scroll?`\n      ${m=e.scroll,m.includes("x")?"overflow-x: auto;":""}\n      ${(e=>e.includes("y")?"overflow-y: auto;":"")(e.scroll)}\n    `:"",r=n("visibility",e.visibility),i=n("display",e.display),s=n("height",e.height),a=n("width",e.width),d=n("max-height",e.maxHeight),$=n("max-width",e.maxWidth),p=n("min-height",e.minHeight),l=n("min-width",e.minWidth),g=n("box-shadow",e.shadow?o.theme.shadows[e.shadow]:void 0),h=n("gap",void 0===e.gap?void 0:o.theme.spacing[e.gap]);var m;return`\n    ${t}\n    ${r}\n    ${i}\n    ${s}\n    ${a}\n    ${d}\n    ${$}\n    ${p}\n    ${l}\n    ${g}\n    ${n("background-color",e.bgColor)}\n    ${n("background",e.bgGradient)}\n    ${h}\n    ${n("flex-direction",e.flexDirection)}\n    ${n("flex-grow",e.flexGrow)}\n    ${n("justify-content",e.justify)}\n    ${n("justify-self",e.justifySelf)}\n    ${n("align-items",e.alignItems)}\n    ${n("align-self",e.alignSelf)}\n    ${n("flex-wrap",e.wrap)}\n  `},$=e=>`\n    ${n("color",e.color)}\n    ${n("font-family",e.fontFamily)}\n    ${n("font-size",e.fontSize)}\n    ${n("font-weight",e.fontWeight)}\n    ${n("line-spacing",e.letterSpacing)}\n    ${n("line-height",e.lineSpacing)}\n    ${n("text-align",e.textAlign)}\n    ${n("text-decoration",e.textDecoration)}\n    ${n("text-overflow",e.textOverflow)}\n    ${n("white-space",e.whiteSpace)}\n    ${n("word-break",e.wordBreak)}\n    ${n("word-wrap",e.wordWrap)}\n  `,p=e=>{const t=n("cursor",e.cursor),r=n("border-color",e.borderColorHover),i=n("background-color",e.bgColorHover),s=n("box-shadow",void 0===e.shadowHover?void 0:o.theme.shadows[e.shadowHover]);return`\n    ${t}\n\n    &:hover {\n      ${n("transition",e.transition)||"transition: all 0.2s;"}\n      ${r}\n      ${i}\n      ${s}\n    }\n  `},l=()=>({shouldForwardProp:e=>!t.includes(e)}),g=e.styled.div.withConfig(l())`
-  ${r}
-  ${i}
-  ${s}
-  ${d}
-  ${$}
-  ${a}
-  ${p}
-`,h=e.styled.button.withConfig(l())`
-  ${r}
-  ${i}
-  ${s}
-  ${d}
-  ${$}
-  ${a}
-  ${p}
-`,m=e.styled.p.withConfig(l())`
-  ${r}
-  ${i}
-  ${s}
-  ${d}
-  ${$}
-  ${a}
-  ${p}
-`,c=e.styled.span.withConfig(l())`
-  ${r}
-  ${i}
-  ${s}
-  ${d}
-  ${$}
-  ${a}
-  ${p}
-`;exports.BaseButtonComponent=h,exports.BaseComponent=g,exports.BaseSpanComponent=c,exports.BaseTextComponent=m,exports.getStyledConfig=l,exports.hiddenProps=t,exports.setBorder=a,exports.setDisplay=d,exports.setInteraction=p,exports.setMargin=i,exports.setPadding=r,exports.setPosition=s,exports.setText=$;

package/dist/styles-CNzziAXG.js

@@ -1,5 +0,0 @@
-"use strict";const n=require("styled-components"),t=n.styled.div`
-  ${({theme:n})=>`\n    background-color: ${n.palette.gray[100]};\n    border-radius: ${n.spacing[.25]};\n    display: inline-flex;\n    padding: ${n.spacing[1]};\n    position: relative;\n    width: fit-content;\n\n    .line-highlight.language-none {\n      background: ${n.palette.gray[100]};\n    }\n\n    .line-highlight {\n      background: hsl(354deg 88% 93% / 50%);\n      font-family: ${n.typography.type.mono};\n      font-size: ${n.typography.text.xs};\n      line-height: ${n.spacing[1]};\n    }\n\n    .line-highlight::before,\n    .line-highlight[data-end]::after {\n      background: ${n.palette.primary[300]};\n      background-color: hsl(355deg 89% 36%);\n      color: ${n.palette.white};\n    }\n\n    pre code {\n      color: #161616;\n      font-family: ${n.typography.type.mono};\n      font-size: ${n.typography.text.xs};\n      line-height: ${n.spacing[1]};\n    }\n\n    pre:not(.line-highlight) {\n      margin-top: unset;\n      margin-bottom: unset;\n      padding: unset;\n      width: 100%;\n    }\n\n    span:hover {\n      background-color: ${n.palette.gray[200]};\n    }\n\n    .no-data,\n    pre.line-highlight {\n      background-color: ${n.palette.gray[100]};\n      padding-top: unset;\n      padding-bottom: unset;\n    }\n  `}
-`,e=n.styled.div`
-  ${({theme:n})=>`\n    align-items: end;\n    background-color: ${n.palette.gray[100]};\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    min-width: 103px;\n    margin-right: ${n.spacing[1]};\n    padding-top: ${n.spacing[1]};\n    padding-bottom: ${n.spacing[1]};\n    position: relative;\n    padding-left: unset;\n\n    button:hover:not([disabled]) {\n      background-color: ${n.palette.gray[200]};\n    }\n  `}
-`;exports.ButtonsContainer=e,exports.CodeContainer=t;

package/dist/styles-CdD9waPD.js

@@ -1,29 +0,0 @@
-"use strict";const n=require("styled-components"),e=require("./utils-C2whpEd3.js");require("./styles-C2CoGJl7.js"),require("react/jsx-runtime");const{getVariant:t}=e.variantBuilder((n=>({lg:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 72%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 80%;\n      }\n    `,md:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 48%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 60%;\n      }\n    `,sm:`\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 32%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 40%;\n      }\n    `}))),i=n.styled.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;
-`,a=n.styled.div`
-  ${({theme:n,$size:e})=>`\n    background-color: ${n.palette.white};\n    border: 1px solid ${n.palette.gray[200]};\n    border-radius: ${n.spacing[.25]};\n    color: ${n.palette.gray[800]};\n    display: flex;\n    flex-direction: column;\n    font-family: ${n.typography.type.primary};\n    font-size: ${n.typography.text.sm};\n    max-height: 80%;\n    min-height: minmax(max-content, 32%);\n    overflow: hidden auto;\n    padding: ${n.spacing[1.5]};\n    box-shadow: ${n.shadows.lg};\n    margin: auto;\n    white-space: pre-line;\n\n    > *:not(img) {\n      margin-bottom: ${n.spacing[1.5]};\n    }\n\n    > *:last-child {\n      margin-bottom: 0;\n    }\n\n    &#table-column-toggle {\n      @media screen and (min-width: ${n.breakpoints.sm}) {\n        width: 24%;\n      }\n      @media screen and (max-width: ${n.breakpoints.sm}) {\n        width: 32%;\n      }\n    }\n\n    ${t(n,e)}\n  `}
-`,r=n.styled.div`
-  display: block;
-  overflow: unset;
-  height: max-content;
-  max-height: 100%;
-  max-width: 100%;
-  position: static;
-`,s=n.styled.div.attrs({className:"flex items-center justify-between mb-1.5"})``,d=n.styled.div`
-  ${({theme:n})=>`\n    display: flex;\n    flex-direction: row;\n    gap: ${n.spacing[.75]};\n    justify-content: space-between;\n    margin: 0;\n    max-width: 392px;\n\n    > label {\n      margin: 0;\n      flex: 1 1 auto;\n    }\n\n    > div {\n      display: flex;\n      flex-direction: row;\n      flex: 1 1 auto;\n      gap: ${n.spacing[.75]};\n      margin-right: ${n.spacing[.75]};\n\n      > button {\n        justify-content: center;\n        max-width: 190px;\n      }\n    }\n\n    > div:last-child {\n      margin-right: 0;\n    }\n  `}
-`,o=n.styled.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?"\n            border-radius: 8px;\n            min-width: 100%;\n            margin-left: 0;\n            margin-right: 0;\n          ":""}
-  }
-`;exports.Footer=d,exports.Header=r,exports.ImageContainer=o,exports.ModalContainer=a,exports.ModalWrapper=i,exports.Title=s;

package/dist/styles-CnKTwnFk.mjs

@@ -1,110 +0,0 @@
-import { styled as n, css as e } from "styled-components";
-import { a as t } from "./styles-DV8yOaqV.mjs";
-import "react/jsx-runtime";
-const i = n(t)`
-  align-items: center;
-  background-color: inherit;
-  border-color: inherit;
-  display: flex;
-  height: 38px;
-  justify-content: center;
-  width: 40px;
-  margin: ${({ $margin: n2 = "0" }) => e`
-    ${n2}
-  `};
-
-  &:hover:not(:disabled) {
-    background-color: ${({ theme: n2 }) => n2.palette.gray[100]};
-    cursor: pointer;
-  }
-`, r = n.div`
-  ${({ theme: n2 }) => `
-    align-items: flex-start;
-    background: ${n2.palette.white};
-    border: 1px solid ${n2.palette.gray[200]};
-    border-radius: ${n2.spacing[0.5]};
-    box-shadow: ${n2.shadows.md};
-    display: inline-flex;
-    flex-direction: column;
-    gap: ${n2.spacing[0.25]};
-    height: auto;
-    padding: ${n2.spacing[0.25]};
-    width: 292px;
-  `}
-`, a = n.button`
-  ${({ theme: n2, $disabled: e2, $focus: t2, $header: i2 }) => {
-  const r2 = t2 ? "34px" : "40px";
-  return `
-      align-items: center;
-      border-radius: ${i2 ? `0 ${n2.spacing[0.5]} ${n2.spacing[0.5]} 0` : "4px"};
-      border-left: inherit;
-      display: flex;
-      height: ${i2 ? "38px" : r2};
-      justify-content: center;
-      outline: none;
-      width: ${i2 ? "38px" : "40px"};
-
-      &:hover {
-        background-color: ${n2.palette.gray[e2 ? 500 : 100]};
-      }
-    `;
-}}
-`, o = n.div`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    background: transparent;
-    border-radius: ${n2.spacing[0.5]} 0 0 ${n2.spacing[0.5]};
-    border-color: inherit;
-    display: flex;
-    height: 100%;
-    justify-content: space-between;
-    width: calc(100% - 40px);
-  `}
-`, s = n.div`
-  align-items: center;
-  display: flex;
-  justify-content: flex-end;
-  gap: ${({ theme: n2 }) => n2.spacing[0.5]};
-  flex: 1 0 0;
-`, p = n.div`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    align-self: stretch;
-    background-color: ${n2.palette.gray[200]};
-    border-radius: ${n2.spacing[0.25]};
-    display: flex;
-    font-family: ${n2.typography.type.primary};
-    gap: ${n2.spacing[0.25]};
-    line-height: ${n2.spacing[1.5]};
-    padding: 2px ${n2.spacing[0.25]};
-  `}
-`, d = n.button`
-  ${({ theme: n2 }) => `
-    align-items: center;
-    background-color: inherit;
-    border: 0.5px solid ${n2.palette.gray[200]};
-    border-radius: 7px;
-    color: ${n2.palette.gray[800]};
-    cursor: pointer;
-    display: flex;
-    font-weight: ${n2.typography.weight.regular};
-    justify-content: center;
-    gap: 10px;
-    padding: 2px 10px;
-
-    &#active {
-      background-color: ${n2.palette.white};
-      box-shadow: ${n2.shadows.md};
-      font-weight: ${n2.typography.weight.bold};
-    }
-  `}
-`;
-export {
-  a as C,
-  r as D,
-  o as I,
-  i as S,
-  s as T,
-  p as a,
-  d as b
-};