@fluidattacks/design 3.1.12 → 3.1.14

package/package.json

@@ -25,7 +25,6 @@
   },
   "description": "Fluidattacks core components library",
   "devDependencies": {
-    "@rollup/plugin-terser": "0.4.4",
     "@storybook/addon-a11y": "8.4.7",
     "@storybook/addon-essentials": "8.4.7",
     "@storybook/addon-interactions": "8.4.7",
@@ -56,7 +55,7 @@
     "postcss": "8.4.49",
     "postcss-styled-syntax": "0.7.0",
     "remark-gfm": "4.0.0",
-    "rollup-plugin-visualizer": "5.12.0",
+    "rollup-plugin-visualizer": "5.14.0",
     "storybook": "8.4.7",
     "stylelint": "16.12.0",
     "stylelint-config-standard": "36.0.1",
@@ -119,5 +118,5 @@
     "test-storybook": "test-storybook"
   },
   "typings": "./dist/index.d.ts",
-  "version": "3.1.12"
+  "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-38JqtnAI.mjs

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

package/dist/index-B5yoGFs6.mjs

@@ -1,54 +0,0 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { useCallback as s } from "react";
-import { styled as a, useTheme as l } from "styled-components";
-import { Icon as p } from "./components/icon/index.js";
-import "./components/typography/heading/index.js";
-import "./components/typography/span/index.js";
-import { Text as c } from "./components/typography/text/index.js";
-const f = a.div`
-  ${({ theme: e, $itemsLength: n }) => `
-    display: flex;
-    background-color: ${e.palette.white};
-    border: 1px solid ${e.palette.gray[200]};
-    border-radius: ${e.spacing[0.25]};
-    box-shadow: ${e.shadows.lg};
-    flex-direction: column;
-    min-width: 507px;
-    max-width: ${n <= 4 ? "507px" : "980px"};
-    padding: ${e.spacing[1.5]};
-
-    @media screen and (max-width: 980px) and (min-width: 742px) {
-      width: 742px;
-    }
-    @media screen and (max-width: 742px) {
-      width: 507px;
-    }
-  `}
-`, m = a.div`
-  ${({ theme: e, $isSelected: n }) => `
-    align-items: center;
-    background-color: ${n ? e.palette.gray[100] : e.palette.white};
-    border: 1px solid ${e.palette.gray[200]};
-    border-radius: ${e.spacing[0.25]};
-    cursor: pointer;
-    display: flex;
-    flex-direction: ${n ? "row-reverse" : "row"};
-    min-height: 50px;
-    padding: ${e.spacing[1]} ${e.spacing[0.625]};
-    width: 215px;
-
-    &:hover {
-      background-color: ${e.palette.gray[100]};
-    }
-  `}
-`, y = ({ isSelected: e = !1, label: n, onSelect: i }) => {
-  const t = l(), o = s(() => {
-    i && i(n);
-  }, [i, n]);
-  return d(m, { $isSelected: e, onClick: o, children: [e ? r(p, { icon: "check", iconColor: t.palette.gray[800], iconSize: "md" }) : null, r(c, { color: t.palette.gray[800], fontWeight: "bold", size: "sm", children: n })] });
-};
-export {
-  m as O,
-  f as S,
-  y as a
-};

package/dist/index-BLbKylyw.mjs

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

package/dist/index-Bu448Tz2.mjs

@@ -1,106 +0,0 @@
-import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { styled as a, useTheme as p } from "styled-components";
-import "./components/typography/heading/index.js";
-import "./components/typography/span/index.js";
-import { Text as t } from "./components/typography/text/index.js";
-const c = a.div`
-  ${({ theme: n }) => `
-    align-items: center;
-    background-color: ${n.palette.white};
-    border: 1px solid ${n.palette.gray[200]};
-    border-radius: ${n.spacing[0.25]};
-    display: flex;
-    flex-direction: column;
-    gap: ${n.spacing[0.5]};
-    min-height: 180px;
-    padding: ${n.spacing[1.5]};
-    width: 510px;
-
-    p {
-      font-style: normal;
-      line-height: ${n.spacing[1.25]};
-    }
-
-    &:hover {
-      border: 1px solid ${n.palette.gray[600]};
-    }
-  `}
-`, b = a.div`
-  ${({ theme: n }) => `
-    display: flex;
-    flex-direction: column;
-    gap: ${n.spacing[1.5]};
-    position: relative;
-    max-width: 1268px;
-
-    &::before {
-      background-color: ${n.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: ${n.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: n, description: o, title: l }) => {
-  const i = p();
-  return s(c, { className: "timeline-card", children: [e(t, { color: i.palette.gray[800], fontWeight: "bold", lineSpacing: 1.75, size: "xl", children: n }), e(t, { color: i.palette.gray[800], fontWeight: "bold", lineSpacing: 1.5, mb: 0.5, size: "md", textAlign: "center", children: l }), e("div", { children: o.map((r, d) => e(t, { size: "sm", textAlign: "center", wordBreak: "break-word", children: r }, `${r}#${d}`)) })] });
-};
-export {
-  b as T,
-  $ as a
-};