@fluidattacks/design 3.1.13 → 3.1.14

package/package.json

@@ -55,6 +55,7 @@
     "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
+    "rollup-plugin-visualizer": "5.14.0",
     "storybook": "8.4.7",
     "stylelint": "16.12.0",
     "stylelint-config-standard": "36.0.1",
@@ -117,5 +118,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.1.13"
+  "version": "3.1.14"
 }

package/dist/_commonjsHelpers-C6fGbg64.mjs

@@ -1,6 +0,0 @@
-function e(t) {
-  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
-}
-export {
-  e as g
-};

package/dist/assets/index.css

@@ -1 +0,0 @@
-*,: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/assets/index2.css

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

package/dist/index-BMHVi812.mjs

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

package/dist/index-BzAniA2J.mjs

@@ -1,135 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { styled as r } from "styled-components";
-import "./components/typography/heading/index.js";
-import "./components/typography/span/index.js";
-import { Text as n } from "./components/typography/text/index.js";
-const p = r.button`
-  ${({ theme: o }) => `
-    align-items: center;
-    border-left: 3px solid transparent;
-    display: flex;
-    gap: ${o.spacing[0.625]};
-    height: 42px;
-    min-width: 50px;
-    padding: ${o.spacing[0.625]} ${o.spacing[1]};
-
-    &.dark {
-      background-color: ${o.palette.gray[800]};
-      color: ${o.palette.gray[25]};
-
-      &.disabled {
-        border-color: ${o.palette.gray[500]};
-        color: ${o.palette.gray[500]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not(.disabled) {
-        background-color: ${o.palette.gray[700]};
-        border-color: ${o.palette.primary[400]};
-      }
-    }
-
-    &.light {
-      background-color: ${o.palette.gray[50]};
-      color: ${o.palette.gray[800]};
-
-      &.disabled {
-        background-color: ${o.palette.white};
-        border-color: ${o.palette.gray[300]};
-        color: ${o.palette.gray[300]};
-        cursor: not-allowed;
-      }
-
-      &:hover:not(.disabled) {
-        background-color: ${o.palette.gray[100]};
-        border-color: ${o.palette.primary[400]};
-      }
-    }
-  `}
-`, $ = r.div`
-  ${({ theme: o }) => `
-    align-items: center;
-    background-color: transparent;
-    border-bottom: 2px solid transparent;
-    display: flex;
-    font-family: ${o.typography.type.primary};
-    font-size: ${o.typography.text.sm};
-    font-weight: ${o.typography.weight.regular};
-    gap: ${o.spacing[0.5]};
-    height: 30px;
-    justify-content: center;
-    padding: ${o.spacing[0.25]};
-    margin-bottom: ${o.spacing[0.25]};
-    min-width: 50px;
-    width: max-content;
-    z-index: 11;
-
-    &:hover {
-      border-color: ${o.palette.primary[400]};
-    }
-
-    &.dark {
-      color: ${o.palette.gray[25]};
-    }
-
-    &.light {
-      color: ${o.palette.gray[800]};
-    }
-  `}
-`, y = r.div`
-  ${({ theme: o }) => `
-    background-color: ${o.palette.white};
-    border-radius: 0 0 ${o.spacing[0.25]} ${o.spacing[0.25]};
-    box-shadow: ${o.shadows.lg};
-    display: none;
-    flex-direction: column;
-    position: absolute;
-    top: 100%;
-    z-index: 11;
-
-    > button:last-child {
-      border-radius: 0 0 ${o.spacing[0.25]} ${o.spacing[0.25]};
-    }
-  `}
-`, b = r.div`
-  ${({ theme: o }) => `
-    align-items: flex-start;
-    cursor: pointer;
-    display: flex;
-    flex-direction: column;
-    gap: ${o.spacing[0.25]};
-    height: max-content;
-    position: relative;
-    width: max-content;
-    z-index: 10;
-
-    &:hover {
-      > div:first-child {
-        border-color: ${o.palette.primary[400]};
-      }
-
-      > div:last-child {
-        display: flex;
-      }
-    }
-  `}
-`, x = ({
-  disabled: o = !1,
-  mode: t,
-  onClick: i,
-  text: l
-}) => /* @__PURE__ */ a(
-  p,
-  {
-    className: `${o && "disabled"} ${t}`,
-    disabled: o,
-    onClick: i,
-    children: /* @__PURE__ */ a(n, { color: "inherit", size: "sm", sizeSm: "xs", children: l })
-  }
-);
-export {
-  x as I,
-  b as S,
-  $ as a,
-  y as b
-};

package/dist/index-C6LbClYh.mjs

@@ -1,146 +0,0 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import { styled as o, useTheme as c } from "styled-components";
-import "./components/typography/heading/index.js";
-import "./components/typography/span/index.js";
-import { Text as r } from "./components/typography/text/index.js";
-const g = o.div`
-  ${({ theme: e }) => `
-    align-items: center;
-    background-color: ${e.palette.white};
-    border: 1px solid ${e.palette.gray[200]};
-    border-radius: ${e.spacing[0.25]};
-    display: flex;
-    flex-direction: column;
-    gap: ${e.spacing[0.5]};
-    min-height: 180px;
-    padding: ${e.spacing[1.5]};
-    width: 510px;
-
-    p {
-      font-style: normal;
-      line-height: ${e.spacing[1.25]};
-    }
-
-    &:hover {
-      border: 1px solid ${e.palette.gray[600]};
-    }
-  `}
-`, u = o.div`
-  ${({ theme: e }) => `
-    display: flex;
-    flex-direction: column;
-    gap: ${e.spacing[1.5]};
-    position: relative;
-    max-width: 1268px;
-
-    &::before {
-      background-color: ${e.palette.gray[200]};
-      border-radius: 5px;
-      height: 100%;
-      width: 4px;
-      transform: translate(-50%, 0);
-    }
-
-    > * {
-      &:nth-child(even) {
-        align-self: end;
-      }
-
-      &:nth-child(odd) {
-        align-self: start;
-      }
-
-      &::before {
-        position: absolute;
-        background-color: ${e.palette.primary[500]};
-        border-radius: 50%;
-        height: 14px;
-        width: 14px;
-        z-index: 1;
-      }
-    }
-
-    &::before,
-    > *::before {
-      content: "";
-      left: 50%;
-      position: absolute;
-      transform: translateX(-50%);
-    }
-
-    @media (width <= 1270px) {
-      max-width: 540px;
-
-      p {
-        text-align: center;
-      }
-
-      &::before,
-      > *::before {
-        left: 8px;
-      }
-
-      > * {
-        &:nth-child(odd) {
-          align-self: end;
-        }
-      }
-
-      @media (width <= 630px) {
-        display: block;
-
-        .timeline-card {
-          width: auto;
-          margin-left: 30px;
-        }
-      }
-    }
-  `}
-`, $ = ({
-  date: e,
-  description: a,
-  title: l
-}) => {
-  const t = c();
-  return /* @__PURE__ */ s(g, { className: "timeline-card", children: [
-    /* @__PURE__ */ i(
-      r,
-      {
-        color: t.palette.gray[800],
-        fontWeight: "bold",
-        lineSpacing: 1.75,
-        size: "xl",
-        children: e
-      }
-    ),
-    /* @__PURE__ */ i(
-      r,
-      {
-        color: t.palette.gray[800],
-        fontWeight: "bold",
-        lineSpacing: 1.5,
-        mb: 0.5,
-        size: "md",
-        textAlign: "center",
-        children: l
-      }
-    ),
-    /* @__PURE__ */ i("div", { children: a.map((n, d) => {
-      const p = `${n}#${d}`;
-      return /* @__PURE__ */ i(
-        r,
-        {
-          size: "sm",
-          textAlign: "center",
-          wordBreak: "break-word",
-          children: n
-        },
-        p
-      );
-    }) })
-  ] });
-};
-export {
-  u as T,
-  $ as a
-};

package/dist/index-CAIe8hBv.mjs

@@ -1,130 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import { useCallback as c } from "react";
-import { styled as d, useTheme as m } from "styled-components";
-import { Container as x } from "./components/container/index.js";
-import { Icon as p } from "./components/icon/index.js";
-const g = d.button`
-  display: flex;
-  position: relative;
-  height: 32px;
-  width: 32px;
-
-  svg {
-    position: absolute;
-  }
-
-  .hovered {
-    display: none;
-  }
-
-  &:hover {
-    .hovered {
-      display: flex;
-    }
-
-    .uncover {
-      display: none;
-    }
-  }
-`, w = d.div`
-  ${({ theme: o }) => `
-    display: flex;
-    flex-direction: column;
-    gap: ${o.spacing[2.5]};
-    overflow: hidden;
-    min-height: 589px;
-    max-width: 1316px;
-
-    span {
-      background: ${o.palette.gradients["01"]};
-      background-clip: text;
-      -webkit-background-clip: text;
-      -webkit-text-fill-color: transparent;
-    }
-
-    #mobile {
-      display: none;
-    }
-
-    #carousel {
-      scrollbar-width: none;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    @media screen and (max-width: ${o.breakpoints.mobile}) {
-      align-items: center;
-      height: auto;
-      max-width: 340px;
-
-      #desktop {
-        display: none;
-      }
-      #mobile {
-        display: flex;
-      }
-    }
-  `}
-`, v = ({
-  containerRef: o,
-  id: i
-}) => {
-  const l = m(), t = i === "desktop" ? 380 : 342, n = c(
-    (e) => () => {
-      if (o != null && o.current) {
-        const { current: h } = o;
-        h.scrollBy({
-          left: e === "right" ? t : -t,
-          behavior: "smooth"
-        });
-      }
-    },
-    [o, t]
-  ), r = c(
-    (e) => /* @__PURE__ */ s(g, { onClick: n(e), children: [
-      /* @__PURE__ */ a(
-        p,
-        {
-          clickable: !0,
-          icon: `circle-arrow-${e}`,
-          iconClass: "hovered",
-          iconColor: l.palette.gray[800],
-          iconSize: "md",
-          iconType: "fa-solid"
-        }
-      ),
-      /* @__PURE__ */ a(
-        p,
-        {
-          clickable: !0,
-          icon: `circle-arrow-${e}`,
-          iconClass: "uncover",
-          iconColor: l.palette.gray[800],
-          iconSize: "md",
-          iconType: "fa-light"
-        }
-      )
-    ] }),
-    [n, l]
-  );
-  return /* @__PURE__ */ s(
-    x,
-    {
-      alignItems: "center",
-      display: "flex",
-      gap: 1,
-      id: i,
-      width: "max-content",
-      children: [
-        r("left"),
-        r("right")
-      ]
-    }
-  );
-};
-export {
-  w as O,
-  v as S
-};