@fluidattacks/design 3.1.6 → 3.1.8

package/dist/index-qe0nJwzl.js

@@ -0,0 +1,15 @@
+"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/index.d.ts

@@ -0,0 +1,66 @@
+export * from './components/@core';
+export * from './components/accordion';
+export * from './components/alert';
+export * from './components/button';
+export * from './components/card';
+export * from './components/carousel';
+export * from './components/checkbox';
+export * from './components/cloud-image';
+export * from './components/code-snippet';
+export * from './components/colors';
+export * from './components/confirm-dialog';
+export * from './components/container';
+export * from './components/content-card';
+export * from './components/content-card-carousel';
+export * from './components/divider';
+export * from './components/empty-state';
+export * from './components/file-preview';
+export * from './components/form';
+export * from './components/grid-container';
+export * from './components/group-selector';
+export * from './components/icon';
+export * from './components/icon-button';
+export * from './components/indicator-card';
+export * from './components/info-sidebar';
+export * from './components/inputs';
+export * from './components/interactive-card';
+export * from './components/language-selector';
+export * from './components/link';
+export * from './components/list-item';
+export * from './components/little-flag';
+export * from './components/loading';
+export * from './components/logo';
+export * from './components/logo-carousel';
+export * from './components/lottie';
+export * from './components/menu';
+export * from './components/message-banner';
+export * from './components/modal';
+export * from './components/notification';
+export * from './components/notification-sign';
+export * from './components/number-input';
+export * from './components/oauth-selector';
+export * from './components/premium-feature';
+export * from './components/priority-score';
+export * from './components/progress';
+export * from './components/pop-up';
+export * from './components/radio-button';
+export * from './components/scroll-button';
+export * from './components/search';
+export * from './components/search-bar';
+export * from './components/severity-badge';
+export * from './components/severity-overview';
+export * from './components/show-on-hover';
+export * from './components/slide-out-menu';
+export * from './components/slider';
+export * from './components/step-lapse';
+export * from './components/table-button';
+export * from './components/tabs';
+export * from './components/tag';
+export * from './components/timeline';
+export * from './components/toggle';
+export * from './components/toggle-buttons';
+export * from './components/tooltip';
+export * from './components/tour';
+export * from './components/typography';
+export * from './components/web-form';
+export * from './hooks';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./utils-C2whpEd3.js"),o=require("./styles-C2CoGJl7.js"),r=require("./components/accordion/index.js"),t=require("./components/alert/index.js"),n=require("./components/button/index.js"),s=require("./components/card/card-header/index.js"),i=require("./components/card/card-with-image/index.js"),p=require("./components/card/card-with-input/index.js"),u=require("./components/card/card-with-selector/index.js"),a=require("./components/card/card-with-switch/index.js"),d=require("./components/carousel/index.js"),x=require("./components/checkbox/index.js"),c=require("./index-TKLFHcRp.js"),m=require("./components/code-snippet/index.js"),l=require("./components/colors/index.js"),q=require("./components/confirm-dialog/index.js"),j=require("./components/container/index.js"),g=require("./components/content-card/index.js"),C=require("./components/content-card-carousel/index.js"),b=require("./components/divider/index.js"),S=require("./components/empty-state/index.js"),h=require("./components/file-preview/index.js"),I=require("./components/form/index.js"),f=require("./components/grid-container/index.js"),T=require("./components/group-selector/index.js"),B=require("./components/icon/index.js"),v=require("./components/icon-button/index.js"),y=require("./components/indicator-card/index.js"),L=require("./components/info-sidebar/index.js"),P=require("./components/inputs/fields/combobox/index.js"),w=require("./components/inputs/fields/date/index.js"),F=require("./components/inputs/fields/date-range/index.js"),M=require("./components/inputs/fields/date-time/index.js"),O=require("./components/inputs/fields/editable/index.js"),D=require("./components/inputs/fields/input/index.js"),W=require("./components/inputs/fields/input-file/index.js"),k=require("./components/inputs/fields/input-tags/index.js"),N=require("./components/inputs/fields/number/index.js"),A=require("./components/inputs/fields/number-range/index.js"),H=require("./components/inputs/fields/phone/index.js"),R=require("./components/inputs/fields/text-area/index.js"),E=require("./components/inputs/outline-container/index.js"),G=require("./components/interactive-card/index.js"),U=require("./components/language-selector/index.js"),z=require("./components/link/index.js"),J=require("./components/list-item/index.js"),K=require("./components/little-flag/index.js"),Q=require("./components/loading/index.js"),V=require("./components/logo/index.js"),X=require("./components/logo-carousel/index.js"),Y=require("./components/lottie/index.js"),Z=require("./components/menu/index.js"),$=require("./components/message-banner/index.js"),_=require("./components/modal/index.js"),ee=require("./components/notification/index.js"),oe=require("./components/notification-sign/index.js"),re=require("./components/number-input/index.js"),te=require("./components/oauth-selector/index.js"),ne=require("./components/premium-feature/index.js"),se=require("./components/priority-score/index.js"),ie=require("./components/progress/index.js"),pe=require("./components/pop-up/index.js"),ue=require("./components/radio-button/index.js"),ae=require("./components/scroll-button/index.js"),de=require("./components/search/index.js"),xe=require("./components/search-bar/index.js"),ce=require("./components/severity-badge/index.js"),me=require("./components/severity-overview/index.js"),le=require("./components/show-on-hover/index.js"),qe=require("./components/slide-out-menu/index.js"),je=require("./components/slider/index.js"),ge=require("./components/step-lapse/index.js"),Ce=require("./components/table-button/index.js"),be=require("./components/tabs/index.js"),Se=require("./components/tag/index.js"),he=require("./components/timeline/index.js"),Ie=require("./components/toggle/index.js"),fe=require("./components/toggle-buttons/index.js"),Te=require("./index-CmylnDrF.js"),Be=require("./components/tour/index.js"),ve=require("./components/typography/heading/index.js"),ye=require("./components/typography/span/index.js"),Le=require("./components/typography/text/index.js"),Pe=require("./components/web-form/index.js"),we=require("./use-carousel-64dKFW4E.js"),Fe=require("./use-click-outside-BqkLISED.js"),Me=require("./use-cloudinary-image-YMMafagv.js"),Oe=require("./use-search-DeL4UDMh.js"),De=require("./use-modal-_bYY6M_n.js"),We=require("./styles-BWVdbvFu.js"),ke=require("./components/modal/modal-confirm/index.js"),Ne=require("./components/oauth-selector/option-container/index.js"),Ae=require("./components/tabs/fixed-tabs/index.js"),He=require("./components/tabs/tab/index.js"),Re=require("./index-CA_9DXWd.js");exports.variantBuilder=e.variantBuilder,exports.BaseButtonComponent=o.BaseButtonComponent,exports.BaseComponent=o.BaseComponent,exports.BaseSpanComponent=o.BaseSpanComponent,exports.BaseTextComponent=o.BaseTextComponent,exports.getStyledConfig=o.getStyledConfig,exports.hiddenProps=o.hiddenProps,exports.setBorder=o.setBorder,exports.setDisplay=o.setDisplay,exports.setInteraction=o.setInteraction,exports.setMargin=o.setMargin,exports.setPadding=o.setPadding,exports.setPosition=o.setPosition,exports.setText=o.setText,exports.Accordion=r.Accordion,exports.Alert=t.Alert,exports.Button=n.Button,exports.CardHeader=s.CardHeader,exports.CardWithImage=i.CardWithImage,exports.CardWithInput=p.CardWithInput,exports.CardWithSelector=u.CardWithSelector,exports.CardWithSwitch=a.CardWithSwitch,exports.Carousel=d.Carousel,exports.Checkbox=x.Checkbox,exports.CloudImage=c.MemoizedImage,exports.CodeSnippet=m.CodeSnippet,exports.CustomThemeProvider=l.CustomThemeProvider,exports.icons=l.icons,exports.theme=l.theme,exports.uniqueIcons=l.uniqueIcons,exports.useConfirmDialog=q.useConfirmDialog,exports.Container=j.Container,exports.ContentCard=g.ContentCard,exports.ContentCardCarousel=C.ContentCardCarousel,exports.Divider=b.Divider,exports.EmptyState=S.EmptyState,exports.FilePreview=h.FilePreview,exports.Form=I.Form,exports.GridContainer=f.GridContainer,exports.GroupSelector=T.GroupSelector,exports.Icon=B.Icon,exports.IconButton=v.IconButton,exports.IndicatorCard=y.IndicatorCard,exports.InfoSidebar=L.InfoSidebar,exports.ComboBox=P.ComboBox,exports.InputDate=w.InputDate,exports.InputDateRange=F.InputDateRange,exports.InputDateTime=M.InputDateTime,exports.Editable=O.Editable,exports.Input=D.Input,exports.InputFile=W.InputFile,exports.InputTags=k.InputTags,exports.InputNumber=N.InputNumber,exports.InputNumberRange=A.InputNumberRange,exports.PhoneInput=H.PhoneInput,exports.TextArea=R.TextArea,exports.OutlineContainer=E.OutlineContainer,exports.InteractiveCard=G.InteractiveCard,exports.LanguageSelector=U.LanguageSelector,exports.Link=z.Link,exports.ListItem=J.ListItem,exports.LittleFlag=K.LittleFlag,exports.Loading=Q.Loading,exports.Logo=V.Logo,exports.LogoCarousel=X.LogoCarousel,exports.Lottie=Y.Lottie,exports.Menu=Z.Menu,exports.MessageBanner=$.MessageBanner,exports.Modal=_.Modal,exports.Notification=ee.Notification,exports.NotificationSign=oe.NotificationSign,exports.NumberInput=re.NumberInput,exports.OAuthSelector=te.OAuthSelector,exports.PremiumFeature=ne.PremiumFeature,exports.PriorityScore=se.PriorityScore,exports.Progress=ie.Progress,exports.PopUp=pe.PopUp,exports.RadioButton=ue.RadioButton,exports.ScrollUpButton=ae.ScrollUpButton,exports.Search=de.Search,exports.SearchBar=xe.SearchBar,exports.SeverityBadge=ce.SeverityBadge,exports.SeverityOverview=me.SeverityOverview,exports.ShowOnHover=le.ShowOnHover,exports.SlideOutMenu=qe.SlideOutMenu,exports.Slider=je.Slider,exports.StepLapse=ge.StepLapse,exports.TableButton=Ce.TableButton,exports.Tabs=be.Tabs,exports.Tag=Se.Tag,exports.TimeLine=he.TimeLine,exports.Toggle=Ie.Toggle,exports.ToggleButton=fe.ToggleButton,exports.Tooltip=Te.Tooltip,exports.Tour=Be.Tour,exports.baseStep=Be.baseStep,exports.Heading=ve.Heading,exports.Span=ye.Span,exports.Text=Le.Text,exports.FormItem=Pe.FormItem,exports.WebForm=Pe.WebForm,exports.useCarousel=we.useCarousel,exports.useClickOutside=Fe.useClickOutside,exports.useCloudinaryImage=Me.useCloudinaryImage,exports.useDebouncedCallback=Oe.useDebouncedCallback,exports.useSearch=Oe.useSearch,exports.useModal=De.useModal,exports.ListItemsWrapper=We.ListItemsWrapper,exports.ModalConfirm=ke.ModalConfirm,exports.OptionContainer=Ne.OptionContainer,exports.FixedTabs=Ae.FixedTabs,exports.Tab=He.Tab,exports.TimeLineCard=Re.TimeLineCard;

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

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

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

@@ -0,0 +1,65 @@
+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-BAhpqi6C.mjs

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

package/dist/styles-BCwLWpC3.mjs

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

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

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

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

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

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