@apollion-dsi/core 3.0.0 → 4.1.0

package/README.md

@@ -14,7 +14,7 @@ estrita, theming via `ThemeProvider` e documentação co-residente
 - **styled-components** 6.x
 - **@tanstack/react-table** 8.x (`DataTable`)
 - **framer-motion** (`Modal`, `Notification` animados)
-- **Jest** + **Storybook** 9
+- **Jest** + **Storybook** 8.x
 
 ## Instalação
 
@@ -39,20 +39,20 @@ import { ApollionProvider } from '@apollion-dsi/core';
 import { App } from './app';
 
 createRoot(document.getElementById('root')!).render(
-  <ApollionProvider>
-    <App />
-  </ApollionProvider>,
+	<ApollionProvider>
+		<App />
+	</ApollionProvider>,
 );
 ```
 
 ## Categorias
 
-| Categoria | Componentes |
-|---|---|
-| **Elements** | `Button`, `IconButton`, `Icon`, `Svg`, `Image`, `Text`, `Label`, `Link`, `List`, `Avatar`, `Modal`, `Popover`, `Tooltip`, `Dropdown`, `Spinner`, `ProgressBar` |
-| **Containers** | `Flex`, `Grid`, `Base`, `Content`, `Card`, `Paper`, `Scroll`, `Notification` |
-| **Form** | `Form`, `Field`, `FieldGroup`, `Input`, `InputCurrency`, `InputDate`, `InputMask`, `InputRange`, `InputSelect`, `Radio`, `Checkbox`, `TextArea`, `UploadCard` |
-| **Data Display** | `Table`, `DataTable`, `Tabs` |
+| Categoria        | Componentes                                                                                                                                                    |
+| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Elements**     | `Button`, `IconButton`, `Icon`, `Svg`, `Image`, `Text`, `Label`, `Link`, `List`, `Avatar`, `Modal`, `Popover`, `Tooltip`, `Dropdown`, `Spinner`, `ProgressBar` |
+| **Containers**   | `Flex`, `Grid`, `Base`, `Content`, `Card`, `Paper`, `Scroll`, `Notification`                                                                                   |
+| **Form**         | `Form`, `Field`, `FieldGroup`, `Input`, `InputCurrency`, `InputDate`, `InputMask`, `InputRange`, `InputSelect`, `Radio`, `Checkbox`, `TextArea`, `UploadCard`  |
+| **Data Display** | `Table`, `DataTable`, `Tabs`                                                                                                                                   |
 
 Cada componente vive em `src/<group>/<Component>/` com:
 
@@ -76,8 +76,10 @@ bordas, sombras). Componentes consomem o tema via styled-components:
 import { Flex, Text } from '@apollion-dsi/core';
 
 <Flex bgColor="primary.light" p="large">
-  <Text color="primary.dark" fontWeight="bold">Conteúdo</Text>
-</Flex>
+	<Text color="primary.dark" fontWeight="bold">
+		Conteúdo
+	</Text>
+</Flex>;
 ```
 
 Para tema customizado, passe `theme` ao `ApollionProvider`:
@@ -88,21 +90,23 @@ Para tema customizado, passe `theme` ao `ApollionProvider`:
 
 ## Scripts (workspace)
 
-| Script | O que faz |
-|---|---|
-| `yarn workspace @apollion-dsi/core run start` | TSC em watch. |
-| `yarn workspace @apollion-dsi/core run storybook` | Storybook em `http://localhost:4000`. |
-| `yarn workspace @apollion-dsi/core run build` | Limpa `lib/`, roda esbuild + types + storybook estático. |
-| `yarn workspace @apollion-dsi/core run test` | Equivalente a `validate`. |
-| `yarn workspace @apollion-dsi/core run validate` | Lint + types + prettier + Jest + build. |
-| `yarn workspace @apollion-dsi/core run coverage` | Jest coverage. |
-| `yarn workspace @apollion-dsi/core run audit-dependencies` | Audit-ci. |
+| Script                                                     | O que faz                                                |
+| ---------------------------------------------------------- | -------------------------------------------------------- |
+| `yarn workspace @apollion-dsi/core run start`              | TSC em watch.                                            |
+| `yarn workspace @apollion-dsi/core run storybook`          | Storybook em `http://localhost:4000`.                    |
+| `yarn workspace @apollion-dsi/core run build`              | Limpa `lib/`, roda esbuild + types + storybook estático. |
+| `yarn workspace @apollion-dsi/core run test`               | Equivalente a `validate`.                                |
+| `yarn workspace @apollion-dsi/core run validate`           | Lint + types + prettier + Jest + build.                  |
+| `yarn workspace @apollion-dsi/core run coverage`           | Jest coverage.                                           |
+| `yarn workspace @apollion-dsi/core run audit-dependencies` | Audit-ci.                                                |
 
 ## Documentação
 
 - **Storybook** local: `yarn workspace @apollion-dsi/core run storybook`.
 - **MDX** por componente: `src/<group>/<Component>/README.mdx`.
 - **Website público:** [link via Nextra](../../website/).
+- **Modelo conceitual** (Layer Cake, 3-group model, Learning Spiral, glossário PT/EN, mapa Apollion ⇄ Aplica): [`docs/CONCEPTS.md`](./docs/CONCEPTS.md).
+- **Decisões arquiteturais:** [`docs/adr/`](./docs/adr/).
 
 ## Convenção de docs (gold standard)
 
@@ -114,6 +118,28 @@ Toda mudança em componente exige atualizar:
 
 Referência canônica: [`Button`](./src/elements/Button/).
 
+## Lineage & Acknowledgements
+
+Apollion (2020) e DEX (2018) foram construídos em colaboração entre
+**Fernando Balves** (autor) e **Fernando Poe** (co-autor / Design Manager).
+A intuição de tokens semânticos, paletas generativas e separação de
+intent ⇄ implementação nasceu desse trabalho conjunto.
+
+**[Aplica DS](https://aplica.me/en/)** (Fernando Poe, 2025) é a evolução
+pública e independente desse pensamento, codificada em 6 camadas
+(Brand → Mode → Surface → Dimension → Semantic → Foundation), modelo de
+3 grupos (Abstraction / Intent / Consumer) e Learning Spiral.
+
+Apollion adota o subset desse vocabulário — Semantic, Foundation, Surface
+e Dimension — preservando continuidade do core enquanto reconecta a
+linguagem cross-ecossistema.
+
+Referências:
+
+- [aplica.me](https://aplica.me/en/) · [docs.aplica.me](https://docs.aplica.me/en-US)
+- [Poe — _Design tokens com intenção e contexto_ (Medium)](https://ocoelhobranco.medium.com/design-tokens-com-inten%C3%A7%C3%A3o-e-contexto-5a4f87d996fd)
+- [`docs/CONCEPTS.md`](./docs/CONCEPTS.md) — modelo conceitual completo + glossário
+
 ## Licença
 
 MIT.

package/lib/chunks/chunk-2UQUA5JQ.esm.js

@@ -0,0 +1,14 @@
+import{o as S}from"./chunk-4WWVMB7R.esm.js";import{c as x}from"./chunk-BFZUNHO5.esm.js";import{a as g}from"./chunk-IWMEDT6U.esm.js";import{d as I}from"./chunk-J73BJCFK.esm.js";import{a as m}from"./chunk-THOEVSMN.esm.js";import{b as f}from"./chunk-A6Z2M2XU.esm.js";import{g as p}from"./chunk-APD22JEO.esm.js";import{a as l}from"./chunk-GZONWSRB.esm.js";import o,{forwardRef as F,useState as $}from"react";var h=p(m)`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+`,w=p(m)`
+  padding: 8px 12px;
+  cursor: pointer;
+
+  &:hover {
+    ${f(({isSelected:t})=>!t&&{bgColor:"neutral.10"})}
+  }
+
+  ${f(({isSelected:t})=>t&&{bgColor:"neutral.40"})}
+`;var j=l(({item:t,showCheckIcon:a,action:d})=>{var c;if(!t.title)throw new Error("You need to pass a title to you object inside the list");let r=a&&t.isSelected&&!t.to,i=l(()=>!t.to&&d(),"onClickItem"),s=o.createElement(w,{as:"li",gap:"xs",width:"100%",flexDirection:"row",alignItems:"center",borderRadius:"micro",isSelected:t.isSelected,onClick:i},(c=t.icon)!=null?c:r&&o.createElement(S,{name:"check",color:"main"}),o.createElement(I,{whiteSpace:"nowrap"},t.title));return t.to?o.createElement(x,{href:t.to},s):s},"ListItem"),v=F(({content:t,multiple:a,showCheckIcon:d,onSelectItems:r,onItemClick:i,...s},c)=>{let[L,T]=$(()=>t.map(e=>({id:g(5),isSelected:!1,...e}))),b=l(e=>()=>{var u;let k=e.id,C=!e.isSelected,y=L.map(n=>n.id===k?{...n,isSelected:C}:{...n,isSelected:a?n.isSelected:!1});if(T(y),r==null||r(y),i==null||i(e),e.action){let{action:n,icon:B,...E}=e;(u=e.action)==null||u.call(e,E)}},"toggleItem");return o.createElement(h,{as:"ul",gap:"micro",...s,ref:c},L.map(e=>o.createElement(j,{item:e,key:e.id,showCheckIcon:d,action:b(e)})))});v.displayName="List";export{h as a,w as b,v as c};

package/lib/chunks/chunk-34F43UAI.esm.js

@@ -0,0 +1,4 @@
+import{g as r}from"./chunk-APD22JEO.esm.js";import{a as o}from"./chunk-GZONWSRB.esm.js";var c=r.circle``,t=r(c)`
+  stroke: ${({theme:e})=>e.colors.neutral[20]};
+  fill: ${({theme:e})=>e.colors.neutral[5]};
+`;import i from"react";function l(e){return i.createElement(t,{...e})}o(l,"CircleComponent");l.displayName="Circle";export{c as a,t as b,l as c};

package/lib/chunks/chunk-43YSWDK6.esm.js

@@ -0,0 +1 @@
+import e from"lodash.debounce";var o=e;export{o as a};

package/lib/chunks/chunk-4HE643OX.esm.js

@@ -0,0 +1 @@
+import{a as c}from"./chunk-43YSWDK6.esm.js";import{g as l}from"./chunk-O7P2XALT.esm.js";import{r as p}from"./chunk-44EW3LMK.esm.js";import{a as t}from"./chunk-GZONWSRB.esm.js";import v,{useMemo as f,useState as C}from"react";function i(k){let{mask:a,value:n,onChange:e,...I}=k,o=f(()=>p(a),[a]),[M,s]=C(()=>n?o(n):""),r=f(()=>c(e!=null?e:(()=>{}),250),[e]);return v.createElement(l,{...I,reset:t(()=>{s(""),r("")},"resetValues"),value:M,onChange:t((d,V)=>{var m;let u=o((m=d.target.value)!=null?m:"");s(u),r(u)},"handleChange")})}t(i,"InputMaskComponent");i.displayName="InputMask";export{i as a};

package/lib/chunks/{chunk-BKF5RIHP.esm.js → chunk-4HGSFSHL.esm.js}

@@ -1 +1 @@
-import{c as m}from"./chunk-HK3DHNXU.esm.js";import{d as r}from"./chunk-XNBK5E7D.esm.js";import{a as t}from"./chunk-VTRVGJA6.esm.js";import{a as i}from"./chunk-WTWPQ4EL.esm.js";import{a as n}from"./chunk-GZONWSRB.esm.js";import o from"react";var f=n(({children:p,icon:l,title:a,description:x,...e})=>{let c=e.inverted?"neutral.170":"grayscale.0";return o.createElement(m,{content:o.createElement(i,{p:"xs"},o.createElement(t,{gap:"medium",maxWidth:400,color:c},o.createElement(t,{flexDirection:"row",alignItems:"center",gap:"medium"},l,o.createElement(r,{variant:"h4",text:a,color:null})),o.createElement(r,{variant:"p",text:x,color:null}))),...e},p)},"Popover");f.displayName="Popover";export{f as a};
+import{c as m}from"./chunk-EWU2RG4F.esm.js";import{d as r}from"./chunk-J73BJCFK.esm.js";import{a as t}from"./chunk-THOEVSMN.esm.js";import{c as i}from"./chunk-U4ODIBWG.esm.js";import{a as n}from"./chunk-GZONWSRB.esm.js";import o from"react";var f=n(({children:p,icon:l,title:a,description:x,...e})=>{let c=e.inverted?"neutral.170":"grayscale.0";return o.createElement(m,{content:o.createElement(i,{p:"xs"},o.createElement(t,{gap:"medium",maxWidth:400,color:c},o.createElement(t,{flexDirection:"row",alignItems:"center",gap:"medium"},l,o.createElement(r,{variant:"h4",text:a,color:null})),o.createElement(r,{variant:"p",text:x,color:null}))),...e},p)},"Popover");f.displayName="Popover";export{f as a};

package/lib/chunks/chunk-4RPR6CZT.esm.js

@@ -0,0 +1 @@
+import{a as C,b as f,c as b,d as m,e as x,f as k}from"./chunk-7WVLGVVA.esm.js";import{o as h,p as l}from"./chunk-44EW3LMK.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";var M=C("oklch"),O=C("rgb");function e(t,r,o){var p;let s=m(t),n=m(r);if(!s||!n)return t;let a=b([s,n],"oklch");return(p=f(a(o)))!=null?p:t}i(e,"mixOklch");function F(t){return t?typeof t=="string"?t:t.base:"#000"}i(F,"coerceToHex");var E=l(t=>{var a,p,u;let r=O(m(t));if(!r)return"0,0,0";let o=Math.round(((a=r.r)!=null?a:0)*255),s=Math.round(((p=r.g)!=null?p:0)*255),n=Math.round(((u=r.b)!=null?u:0)*255);return`${o},${s},${n}`});function I(t){var n,a;let r=F(t),o=M(m(r));if(!o)return r;let s={...o,h:(((n=o.h)!=null?n:0)+180)%360};return(a=f(s))!=null?a:r}i(I,"getOppositeColor");function y(t,r){return t?typeof t=="string"?t:t[r||"base"]:"black"}i(y,"getColor");var T=l((t,r)=>{let o=y(t),s=4.5,n=.45,a=o,p=r||"#FFFFFF",u=e(a,"#000",.6),g=m(a),d=m(u);if(!g||!d)return u;let H=k(g),P=x(d,g)>=s;return H<n?P?u:p:u});function c(t,r){let o=F(t),s=r.deepDark,n=r.deepLight;return{base:o,dark:e(o,s,.6),action:e(o,s,.2),active:e(o,n,.6),light:e(o,n,.9)}}i(c,"mountSingleColor");function A(t){let r=t.deepLight,o=t.deepDark;return{0:r,5:e(r,o,.05),10:e(r,o,.1),20:e(r,o,.2),30:e(r,o,.3),40:e(r,o,.4),50:e(r,o,.5),60:e(r,o,.6),70:e(r,o,.7),80:e(r,o,.8),90:e(r,o,.9),100:e(r,o,1)}}i(A,"mountGreyscaleColors");function L(t){let r=t.deepLight,o=t.deepDark,s=t.primary,n=i(p=>1/17*(p-1),"interpolation"),a=e(s,o,.5);return{0:e(a,r,n(18)),5:e(a,r,n(17.5)),10:e(a,r,n(17)),20:e(a,r,n(16)),30:e(a,r,n(15)),40:e(a,r,n(14)),50:e(a,r,n(13)),60:e(a,r,n(12)),70:e(a,r,n(11)),80:e(a,r,n(10)),90:e(a,r,n(9)),100:e(a,r,n(8)),110:e(a,r,n(7)),120:e(a,r,n(6)),130:e(a,r,n(5)),140:e(a,r,n(4)),150:e(a,r,n(3)),160:e(a,r,n(2)),170:a,180:e(a,o,.25)}}i(L,"mountNeutralColors");function D(t){return{main:c(t.main,t),opposite:c(t.opposite,t),complementary:c(t.complementary,t)}}i(D,"mountBaseColors");function B(t){return{danger:c(t.danger,t),information:c(t.information,t),success:c(t.success,t),warning:c(t.warning,t)}}i(B,"mountActionColors");function w(t){return{primary:c(t.primary,t),secondary:c(t.secondary,t),tertiary:c(t.tertiary,t)}}i(w,"mountMainColors");var S={baseDark:"#26292E",baseLight:"#FCFCFC",transparent:"transparent",deepDark:"#000",deepLight:"#FFF",main:"#003750",opposite:I("#003750"),complementary:"#F6BA20",information:"#3399FF",success:"#2CB567",danger:"#E12712",warning:"#FFBB00",primary:"#32AFDC",secondary:"#2D81AA",tertiary:"#2CE571"};function V(t){let r={baseDark:t.baseDark,baseLight:t.baseLight,deepDark:t.deepDark,deepLight:t.deepLight,transparent:t.transparent,neutral:L(t),grayscale:A(t),...D(t),...B(t),...w(t)},o=l(h);return Object.assign(s=>o(s,r,"base"),r,{getColor:y,getContrastColor:T})}i(V,"createColors");export{E as a,I as b,y as c,T as d,c as e,A as f,L as g,D as h,B as i,w as j,S as k,V as l};

package/lib/chunks/chunk-4WWVMB7R.esm.js

@@ -0,0 +1,67 @@
+import{a as yo}from"./chunk-V5ZKDMDH.esm.js";import{a as ho,b as So}from"./chunk-TG5BCBO4.esm.js";import{a as No}from"./chunk-76C7AHBV.esm.js";import{a as so}from"./chunk-3DUB5C4Z.esm.js";import{b as po,c as lo}from"./chunk-KT6QQ3UJ.esm.js";import{a as uo}from"./chunk-A4BXGJYW.esm.js";import{b as go}from"./chunk-IT4J7I6H.esm.js";import{b as Co}from"./chunk-JOKVE3IX.esm.js";import{a as Io}from"./chunk-Z5OQHLDW.esm.js";import{a as xo}from"./chunk-TVJISBND.esm.js";import{a as fo}from"./chunk-NQBO2D7L.esm.js";import{a as mo}from"./chunk-TDVKGVGD.esm.js";import{c as Lo}from"./chunk-BFZUNHO5.esm.js";import{d as vo}from"./chunk-Q44UHGO6.esm.js";import{a as ko,b as bo}from"./chunk-53R7OVXP.esm.js";import{a as co}from"./chunk-KFFUMDHD.esm.js";import{e as $}from"./chunk-H6RGCTRX.esm.js";import{b as Po}from"./chunk-FPQOBUTR.esm.js";import{a as To}from"./chunk-IWMEDT6U.esm.js";import{a as io,d as B}from"./chunk-J73BJCFK.esm.js";import{a as ao}from"./chunk-ZRIEVBTB.esm.js";import{a as k}from"./chunk-THOEVSMN.esm.js";import{a as P,c as S,d as v}from"./chunk-U4ODIBWG.esm.js";import{a as X,b as no}from"./chunk-TOYBV66A.esm.js";import{c as C,k as J,l as K}from"./chunk-4RPR6CZT.esm.js";import{a as U,c as _,k as Q,l as q}from"./chunk-44EW3LMK.esm.js";import{d as g}from"./chunk-V5AWVNU6.esm.js";import{b as Z,c as oo,d as eo,e as to,f as ro,g as p}from"./chunk-APD22JEO.esm.js";import{a as r}from"./chunk-GZONWSRB.esm.js";import h from"react";import wo from"deepmerge";var A=wo;function M(o={}){let{colors:e,breakpoints:t,spacing:n,border:a,font:i,dimension:c}=A({colors:J,spacing:ho,font:Io,border:so,breakpoints:po,dimension:Co},o),f=K(e),s=So(n,c),d=yo({colors:f,spacing:s});return{font:i,border:a,animation:fo,colors:f,breakpoints:lo(t),spacing:s,depth:go(f),deep:uo(f),semantic:d,foundation:xo(d)}}r(M,"createTheme");import m,{useEffect as me,useState as ce}from"react";import{createPortal as fe}from"react-dom";var N=p(S)(({theme:o,size:e})=>({fontSize:e?o.spacing(e):"inherit",display:"inline-block",lineHeight:0,"& svg":{stroke:"currentColor",fill:"currentColor",strokeWidth:0,"& g":{fill:"currentColor"}}}));import y,{forwardRef as z,useEffect as ee,useState as te}from"react";function Eo(o,e){if(typeof window!="undefined")try{window.fetch(o).then(t=>t.text()).then(t=>Q(t,"svg")).then(q).then(e)}catch(t){U.warn(`[ICON] Failed to load icon from: ${o}`)}}r(Eo,"getIconFromUrl");var Ho=r(({cover:o,height:e,width:t})=>o&&{width:t!=null?t:"100%",height:e!=null?e:"100%",objectFit:"cover"},"imageCover"),Fo=r(o=>o?_(o):"fit-content","getSizeValue"),Bo=no("img")`
+  display: block;
+  width: ${({full:o,width:e})=>o?"100%":Fo(e)};
+  height: ${({height:o})=>Fo(o)};
+  ${Ho};
+
+  &[src=''] {
+    visibility: hidden;
+    position: absolute;
+  }
+`;import u,{forwardRef as Ko,useState as Xo}from"react";var $o=p.rect`
+  stroke: ${({theme:o})=>C(o.colors.neutral[20])};
+  fill: ${({theme:o})=>C(o.colors.neutral[5])};
+`;import jo from"react";function I(o){return jo.createElement($o,{...o})}r(I,"RectComponent");I.displayName="Rect";import Uo from"react";import Ao,{BulletList as R,Code as V,Facebook as W,List as D}from"react-content-loader";var Y=Ao;function x({children:o,...e}){let{colors:t}=ro();return Uo.createElement(Y,{...e,viewBox:`0 0 ${e.width} ${e.height}`,backgroundColor:C(e.backgroundColor||t.neutral[10]),foregroundColor:C(e.foregroundColor||t.neutral[30])},o)}r(x,"ComposedSkeletonComponent");x.displayName="Skeleton";var _o=D,Qo=R,qo=V,Jo=W;import Mo from"react";function O({width:o,height:e=13}){return Mo.createElement(x,{width:o,height:e},Mo.createElement(I,{x:0,y:0,width:o,height:e}))}r(O,"TextPresetComponent");O.displayName="TextPreset";var b=Ko(({src:o,...e},t)=>u.createElement(Bo,{src:o,ref:t,...e})),Zo=r(({width:o=60,height:e=60})=>u.createElement(x,{height:e,width:o},u.createElement(I,{width:o,height:e})),"ImageDefaultContentLoader");function oe(o){return new Promise((e,t)=>{let n=new Image;n.onload=e,n.onerror=t,n.src=o})}r(oe,"loadImage");var Ro=r(({src:o,fallback:e,threshold:t,...n})=>{let[a,i]=Xo(),[c]=co({threshold:t},()=>{oe(o).then(()=>i(o)).catch(()=>console.warn(`[Failed]: error on loading image: ${o}`))}),f=typeof a=="undefined";return u.createElement(u.Fragment,null,f?e||u.createElement(Zo,{...n}):null,u.createElement(b,{src:a||"",ref:c,...n}))},"ImageLazy");Ro.displayName="ImageLazy";var L=r((o,e)=>y.cloneElement(o,e),"createIcon"),re=z(({icon:o,name:e,iconProps:t,svgProps:n,children:a,...i},c)=>{let f=r(()=>{let s=null;return a?s=L(a,n):e?s=L(mo[e],n):o?s=L(o,n):t&&(s=vo(n)),s},"getIcon");return y.createElement(N,{...i,ref:c},f())}),ne=z(({title:o,src:e,svgProps:t,...n},a)=>{let[i,c]=te(()=>y.createElement(b,{height:"1em",width:"1em",alt:o}));return ee(()=>{Eo(e,f=>{c(L(f,t))})},[e]),y.createElement(N,{...n,ref:a},i)}),T=z(({title:o,...e},t)=>{let n={...e.iconProps||{},title:o,stroke:"currentColor",fill:"currentColor",strokeWidth:"0",height:"1em",width:"1em"};return e.src?y.createElement(ne,{...e,svgProps:n,ref:t}):y.createElement(re,{...e,svgProps:n,ref:t})});T.displayName="Icon";var ie=oo`
+  0% { width: 0; }
+  100% { width: 100%; }
+`,G=p(k)`
+  --time: 15;
+
+  width: 0;
+  height: 0.25rem;
+  background-color: var(--baseColor);
+  animation: ${ie} calc(var(--time, 15) * 1s) normal forwards;
+`,Vo=p(k)`
+  position: absolute;
+  top: 0.25rem;
+  left: 0.5rem;
+  right: 0.5rem;
+`;function ae({variant:o,theme:e}){let t=e.colors[o];return Z`
+    --baseColor: ${t.base};
+    --lightColor: ${t.light};
+    --darkColor: ${t.dark};
+    --activeColor: ${t.active};
+    --actionColor: ${t.action};
+
+    position: relative;
+    background-color: var(--lightColor);
+    border-color: var(--baseColor);
+
+    ${io} {
+      color: var(--darkColor);
+    }
+
+    & ${ko} {
+      width: intrinsic;
+      color: var(--darkColor);
+
+      &:hover {
+        background: var(--activeColor);
+      }
+
+      &:active ${N} {
+        color: var(--actionColor);
+      }
+    }
+
+    &:hover ${G} {
+      animation-play-state: paused;
+    }
+  `}r(ae,"getWrapperStyle");var H=p(v)(ae);H.displayName="div";var Wo=p(k)`
+  color: var(--darkColor);
+
+  svg {
+    width: 2rem;
+    height: 2rem;
+  }
+`;var Do=r(({type:o="block",variant:e="primary",visible:t=!0,closable:n=!0,autoClose:a=null,message:i=null,action:c=null,icon:f=null,link:s,onDismiss:d,...E})=>{let{isMobile:j}=$(),zo=r(()=>{let F=c;return typeof c=="function"&&(F=c({close:d})),F?m.cloneElement(F,{color:e,alignSelf:"center",justifySelf:"center"}):null},"renderActionButton"),Go=r(()=>typeof i=="function"?i({close:d}):typeof i=="string"?m.createElement(B,{text:i,variant:"p",fontSize:"xs"}):i,"renderMessage");return t?m.createElement(H,{p:"medium",pr:9,round:j?0:"xs",borderWidth:j?"none":"thin",borderStyle:"solid",variant:e,"data-testid":`notification-${o}`,...E},a&&m.createElement(Vo,null,m.createElement(G,{round:"micro",style:{"--time":a},onAnimationEnd:d})),m.createElement(ao,{contentGap:"medium",opener:f&&m.createElement(Wo,{pt:"xs",alignSelf:"start"},f),closer:zo()},E.title&&m.createElement(B,{text:E.title,variant:"h3",fontSize:"small",fontWeight:"stronger",type:"mobile"}),Go(),s&&m.createElement(Lo,{...s,target:"_blank"})),n&&m.createElement(bo,{p:"xs",borderWidth:"none",icon:m.createElement(T,{size:"small",name:"times"}),variant:"linked",onClick:d,alignSelf:"start",position:"absolute",right:"0.5rem",top:"0.5rem"})):null},"BaseNotification"),se=r(o=>{let{isMobile:e}=$(),[t,n]=ce(!1);me(()=>{n(!0)},[]);let a=o.pagePosition==="top"?{top:0}:{bottom:0};if(!t||!g)return null;let i=o.visible!==!1;return fe(m.createElement(P,null,i?m.createElement(Do,{...o,initial:{y:"-100%",opacity:0},animate:{y:0,opacity:1},exit:{y:"-100%",opacity:0},style:{...a,zIndex:1e3,margin:e?0:"1rem",position:"fixed",right:0,left:0}}):null),g)},"PageNotification"),w=r(o=>o.type==="page"?m.createElement(se,{...o}):m.createElement(Do,{...o}),"NotificationComponent");w.displayName="Notification";import l,{createContext as pe,useContext as le,useEffect as de,useReducer as ue,useState as ge}from"react";import{createPortal as Ce}from"react-dom";var Yo=pe({});function Ie(o,{type:e,payload:t}){switch(e){case"ADD":return[t,...o];case"REMOVE":return o.filter(n=>n.id!==t.id);default:return o}}r(Ie,"NotificationReducer");var Oo=r(o=>{let[e,t]=ue(Ie,[]),n=r(i=>{t({type:"REMOVE",payload:{id:i}})},"removeNotification"),a=r(i=>{if(t({type:"ADD",payload:{id:To(),...i}}),e.length>=3){let[c]=e.slice(-1);setTimeout(()=>n(c.id),0)}},"showNotification");return l.createElement(Yo.Provider,{value:{notifications:e,removeNotification:n,showNotification:a}},l.createElement(l.Fragment,null,o.children,l.createElement(ye,null)))},"NotificationsProvider");function xe(){let o=le(Yo);if(o===void 0)throw new Error("cant use useNotification hook outside of <NotificationsProvider />");return o}r(xe,"useNotification");var ye=r(()=>{let{notifications:o,removeNotification:e}=xe(),[t,n]=ge(!1);return de(()=>{n(!0)},[]),!t||!g?null:Ce(l.createElement(S,{style:{position:"fixed",bottom:"1rem",right:"1rem"}},l.createElement(P,null,o.map(({id:a,...i})=>l.createElement(v,{key:a,initial:{x:"100%",opacity:0},animate:{x:0,opacity:1},exit:{scale:0,opacity:0,height:0},style:{minWidth:300,maxWidth:"30vw",zIndex:100}},l.createElement(S,{style:{margin:"0.5rem"}},l.createElement(w,{...i,visible:!0,closable:!0,onDismiss:()=>e(a)})))))),g)},"NotificationGroup");function he(o,e){return typeof e=="string"?X(o):!0}r(he,"shouldForwardProp");var Se=r(({children:o,theme:e,surface:t="positive",dimension:n})=>{let a=h.useMemo(()=>e!=null?e:M(n!==void 0?{dimension:n}:void 0),[e,n]),i=h.useMemo(()=>No(a,t),[a,t]);return h.createElement(eo,{shouldForwardProp:he},h.createElement(to,{theme:i},h.createElement(Po,null,h.createElement(Oo,null,o))))},"ApollionProvider");export{N as a,Bo as b,M as c,Se as d,$o as e,I as f,x as g,_o as h,Qo as i,qo as j,Jo as k,O as l,b as m,Ro as n,T as o,G as p,Vo as q,H as r,Wo as s,w as t,Oo as u,xe as v,ye as w};

package/lib/chunks/chunk-53R7OVXP.esm.js

@@ -0,0 +1 @@
+import{d as u}from"./chunk-BYRL7X5M.esm.js";import{c as m}from"./chunk-5NIX5AK7.esm.js";import{b as o}from"./chunk-752Z7BQF.esm.js";import{b as r}from"./chunk-W663AGNE.esm.js";import{d as t}from"./chunk-U27SLYIV.esm.js";import{g as a}from"./chunk-APD22JEO.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";import s,{forwardRef as x}from"react";function y({size:n}){switch(n){case"extraSmall":return[r({p:"micro"}),t({borderRadius:"micro"}),o({fontSize:"micro"})];case"small":return[r({p:"xs"}),t({borderRadius:"circular"}),o({fontSize:"xs"})];case"large":return[r({p:"medium"}),t({borderRadius:"circular"}),o({fontSize:"medium"})];default:return[r({p:"small"}),t({borderRadius:"circular"}),o({fontSize:"small"})]}}i(y,"iconButtonSize");var f=a(u)(y);var l=x(({color:n="primary",size:p="medium",variant:d="contained",icon:I=null,...c},B)=>{let{isLoading:S,loadingComponent:e}=c;return s.createElement(f,{...c,color:n,size:p,variant:d,as:"button",ref:B},S?e!=null?e:s.createElement(m,{"data-testid":"icon-spinner"}):I)});l.displayName="IconButton";export{f as a,l as b};

package/lib/chunks/chunk-5BR6JTC5.esm.js

@@ -0,0 +1,5 @@
+import{a as u}from"./chunk-CDRLVSLF.esm.js";import{a as T}from"./chunk-MJ7ZMPLR.esm.js";import{c as s}from"./chunk-EWU2RG4F.esm.js";import{d as C}from"./chunk-J73BJCFK.esm.js";import{a as c}from"./chunk-THOEVSMN.esm.js";import{b as a}from"./chunk-752Z7BQF.esm.js";import{b as m}from"./chunk-A6Z2M2XU.esm.js";import{g as f}from"./chunk-APD22JEO.esm.js";import{a as n}from"./chunk-GZONWSRB.esm.js";import l,{useEffect as x}from"react";var d=f.td`
+  ${T};
+  ${m};
+  ${a({fontFamily:"main"})};
+`;var t=n(e=>{let{ellipsis:b}=l.useContext(u),[i,p]=l.useState(null),o=l.createRef();function h(){return o===null||i===null?e.children:b&&i?l.createElement(s,{content:e.children},e.children):e.children==="string"?l.createElement(C,{color:"baseDark"},e.children):e.children}return n(h,"getCustomChild"),x(()=>{let r=o.current;r!==null&&p(r.offsetWidth<r.scrollWidth)},[o.current]),l.createElement(d,{ref:o,...e},l.createElement(c,null,h()))},"TableCellComponent");t.displayName="TableCell";export{d as a,t as b};

package/lib/chunks/chunk-5H2LWL6K.esm.js

@@ -0,0 +1 @@
+import{arrow as e,autoUpdate as a,flip as t,FloatingFocusManager as u,FloatingPortal as i,offset as l,safePolygon as r,shift as n,useClick as f,useDismiss as g,useFloating as F,useFocus as c,useHover as p,useInteractions as m,useRole as P}from"@floating-ui/react";export{e as a,a as b,t as c,u as d,i as e,l as f,r as g,n as h,f as i,g as j,F as k,c as l,p as m,m as n,P as o};

package/lib/chunks/{chunk-3XS7RVYS.esm.js → chunk-5NIX5AK7.esm.js}

@@ -1,4 +1,4 @@
-import{a as o}from"./chunk-QZYXRYI7.esm.js";import{a as r}from"./chunk-WTWPQ4EL.esm.js";import t from"styled-components";var n=t(r)`
+import{a as t}from"./chunk-34F43UAI.esm.js";import{c as o}from"./chunk-U4ODIBWG.esm.js";import{g as e}from"./chunk-APD22JEO.esm.js";var n=e(o)`
   animation: rotate 2s linear infinite;
 
   @keyframes rotate {
@@ -6,7 +6,7 @@ import{a as o}from"./chunk-QZYXRYI7.esm.js";import{a as r}from"./chunk-WTWPQ4EL.
       transform: rotate(360deg);
     }
   }
-`,i=t(o)`
+`,i=e(t)`
   fill: none;
   stroke: currentColor;
   stroke-width: 4;
@@ -27,4 +27,4 @@ import{a as o}from"./chunk-QZYXRYI7.esm.js";import{a as r}from"./chunk-WTWPQ4EL.
       stroke-dashoffset: -124;
     }
   }
-`;import s,{forwardRef as S}from"react";var a=S(({size:p,...f},m)=>{let e=p||"1em";return s.createElement(n,{as:"svg",viewBox:"0 0 50 50",...f,width:e,height:e,ref:m},s.createElement(i,{cx:"25",cy:"25",r:"20"}))});a.displayName="Spinner";export{n as a,i as b,a as c};
+`;import s,{forwardRef as S}from"react";var a=S(({size:p,...f},m)=>{let r=p||"1em";return s.createElement(n,{as:"svg",viewBox:"0 0 50 50",...f,width:r,height:r,ref:m},s.createElement(i,{cx:"25",cy:"25",r:"20"}))});a.displayName="Spinner";export{n as a,i as b,a as c};

package/lib/chunks/chunk-76C7AHBV.esm.js

@@ -0,0 +1 @@
+import{a as ee}from"./chunk-TVJISBND.esm.js";import{e as $}from"./chunk-APD22JEO.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";function i(r,t,o){var c,s,m,f,d,F,b,u,p,h,g,S,v,k,x,L,P,T,y,l,D,O,M,w,R,C,N,j,q,z,A,B,E,G,H,I,J,K,Q,U,V,W,X,Y,Z,_;if(t==="positive")return r;let{colors:e}=r,n={color:{feedback:{success:{bg:(m=(s=(c=e.success)==null?void 0:c.dark)!=null?s:e.baseDark)!=null?m:"#000",txtOn:(f=e.baseLight)!=null?f:"#FFF",border:(b=(F=(d=e.success)==null?void 0:d.base)!=null?F:e.baseLight)!=null?b:"#FFF"},danger:{bg:(h=(p=(u=e.danger)==null?void 0:u.dark)!=null?p:e.baseDark)!=null?h:"#000",txtOn:(g=e.baseLight)!=null?g:"#FFF",border:(k=(v=(S=e.danger)==null?void 0:S.base)!=null?v:e.baseLight)!=null?k:"#FFF"},warning:{bg:(P=(L=(x=e.warning)==null?void 0:x.dark)!=null?L:e.baseDark)!=null?P:"#000",txtOn:(T=e.baseLight)!=null?T:"#FFF",border:(D=(l=(y=e.warning)==null?void 0:y.base)!=null?l:e.baseLight)!=null?D:"#FFF"},information:{bg:(w=(M=(O=e.information)==null?void 0:O.dark)!=null?M:e.baseDark)!=null?w:"#000",txtOn:(R=e.baseLight)!=null?R:"#FFF",border:(j=(N=(C=e.information)==null?void 0:C.base)!=null?N:e.baseLight)!=null?j:"#FFF"}},interface:{function:{primary:{normal:{bg:(q=e.baseDark)!=null?q:"#000",txtOn:(z=e.baseLight)!=null?z:"#FFF"}},secondary:{normal:{bg:(A=e.baseDark)!=null?A:"#000",txtOn:(B=e.baseLight)!=null?B:"#FFF"}},tertiary:{normal:{bg:(E=e.baseDark)!=null?E:"#000",txtOn:(G=e.baseLight)!=null?G:"#FFF"}}}},brand:{first:{default:{surface:(J=(I=(H=e.main)==null?void 0:H.dark)!=null?I:e.baseDark)!=null?J:"#000",txtOn:(K=e.baseLight)!=null?K:"#FFF"}},second:{default:{surface:(V=(U=(Q=e.opposite)==null?void 0:Q.dark)!=null?U:e.baseDark)!=null?V:"#000",txtOn:(W=e.baseLight)!=null?W:"#FFF"}},third:{default:{surface:(Z=(Y=(X=e.complementary)==null?void 0:X.dark)!=null?Y:e.baseDark)!=null?Z:"#000",txtOn:(_=e.baseLight)!=null?_:"#FFF"}}}},dimension:r.semantic.dimension};return{...r,semantic:n,foundation:ee(n)}}a(i,"invertForSurface");import re from"react";var ae=a(({surface:r="positive",children:t})=>{let o=re.useCallback(e=>i(e,r),[r]);return re.createElement($,{theme:o},t)},"SurfaceProvider");export{i as a,ae as b};

package/lib/chunks/chunk-777HH5XE.esm.js

@@ -0,0 +1,9 @@
+import{a as f}from"./chunk-J73BJCFK.esm.js";import{b as n}from"./chunk-752Z7BQF.esm.js";import{b as m}from"./chunk-W663AGNE.esm.js";import{d as l}from"./chunk-U27SLYIV.esm.js";import{g as p}from"./chunk-APD22JEO.esm.js";import{a as t}from"./chunk-GZONWSRB.esm.js";import y from"react";function c(r){return r==="default"?"primary":r==="info"?"information":r}t(c,"getColorVariant");function b(r,o){var a,i;let e=c(o);return{backgroundColor:(a=r.colors[e])==null?void 0:a.light,color:(i=r.colors[e])==null?void 0:i.action}}t(b,"getColor");var s=p(f)`
+  display: inline;
+  align-self: flex-start;
+
+  ${n({fontSize:"micro",lineHeight:"close"})}
+  ${m({px:"small",py:"xs"})}
+  ${l({borderRadius:"micro"})}
+  ${({theme:r,variant:o})=>b(r,o)}
+`;function u(r){let{variant:o="default",text:e,children:a}=r;return y.createElement(s,{variant:o},a||e)}t(u,"Label");u.displayName="Label";export{s as a,u as b};

package/lib/chunks/chunk-7LG563DZ.esm.js

@@ -0,0 +1 @@
+import{d as r}from"./chunk-C2HYRKZ5.esm.js";import{a as c}from"./chunk-5BR6JTC5.esm.js";import{a as b}from"./chunk-CDRLVSLF.esm.js";import{a as n}from"./chunk-ZRIEVBTB.esm.js";import{g as C}from"./chunk-APD22JEO.esm.js";import{a as l}from"./chunk-GZONWSRB.esm.js";import t from"react";var a=C(c)``;var o=l(m=>{let{getSelected:x}=t.useContext(b),p=l(e=>[...e.parentNode.children].indexOf(e),"getNodeIndex"),h=l(e=>{let T=p(e.target.closest("tr"));x(T,e.target.checked)},"handleChecked");return t.createElement(a,null,t.createElement(n,null,t.createElement(r,{label:m.children,onChange:h})))},"TableCheckboxCellComponent");o.displayName="TableCheckboxCell";export{a,o as b};

package/lib/chunks/chunk-7WVLGVVA.esm.js

@@ -0,0 +1 @@
+import{converter as e,formatHex as r,interpolate as t,parse as a,wcagContrast as o,wcagLuminance as n}from"culori";export{e as a,r as b,t as c,a as d,o as e,n as f};

package/lib/chunks/{chunk-G3IXCOJI.esm.js → chunk-A4BXGJYW.esm.js}

@@ -1 +1 @@
-import{a as e}from"./chunk-QUHHEZMP.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";function n(r){return{position:{outter:"",internal:"inset"},distance:{flat:0,micro:4,xs:8,sm:16,md:28,lg:44,xl:72},intensity:{low:.05,medium:.15,high:.3},proximity:{flat:0,close:-2,medium:-4,distant:-8},color:{deep:e(r.baseDark),regular:e(r.grayscale[50]),smooth:e(r.grayscale[30]),light:e(r.baseLight),primary:e(r.primary.base),success:e(r.success.base),warning:e(r.warning.base),danger:e(r.danger.base)}}}a(n,"createDeepTheme");export{n as a};
+import{a as e}from"./chunk-4RPR6CZT.esm.js";import{a}from"./chunk-GZONWSRB.esm.js";function n(r){return{position:{outter:"",internal:"inset"},distance:{flat:0,micro:4,xs:8,sm:16,md:28,lg:44,xl:72},intensity:{low:.05,medium:.15,high:.3},proximity:{flat:0,close:-2,medium:-4,distant:-8},color:{deep:e(r.baseDark),regular:e(r.grayscale[50]),smooth:e(r.grayscale[30]),light:e(r.baseLight),primary:e(r.primary.base),success:e(r.success.base),warning:e(r.warning.base),danger:e(r.danger.base)}}}a(n,"createDeepTheme");export{n as a};

package/lib/chunks/chunk-APD22JEO.esm.js

@@ -0,0 +1 @@
+import e,{createGlobalStyle as r,css as t,keyframes as a,StyleSheetManager as o,ThemeProvider as l,useTheme as m}from"styled-components";var s=e;export{r as a,t as b,a as c,o as d,l as e,m as f,s as g};

package/lib/chunks/chunk-BFZUNHO5.esm.js

@@ -0,0 +1,4 @@
+import{c as u}from"./chunk-BYRL7X5M.esm.js";import{a as x}from"./chunk-J73BJCFK.esm.js";import{b as c}from"./chunk-752Z7BQF.esm.js";import{b as y}from"./chunk-JB7G6UGV.esm.js";import{b as k}from"./chunk-GP7NECT4.esm.js";import{g as l}from"./chunk-APD22JEO.esm.js";import{a as L}from"./chunk-GZONWSRB.esm.js";import m,{forwardRef as S}from"react";var B=l.a(y,k({cursor:"pointer"}),c({textDecoration:"underline",fontFamily:"main"})),A=l.a`
+  ${u};
+  ${c({lineHeight:"tight"})};
+`;var d=L(t=>t?/^(https?:)?\/\//i.test(t)||/^(mailto|tel|sms):/i.test(t):!1,"isExternalHref"),g={target:"_blank",rel:"noopener noreferrer"},C=S(({as:t,text:r,children:i,variant:a="contained",color:e="primary",href:n,...s},o)=>{let f=d(n);return m.createElement(A,{...s,...f?g:{},as:f?"a":t,variant:a,color:e,href:n,ref:o},m.createElement(x,{fontWeight:"bold",lineHeight:"tight"},i||r))}),p=S(({as:t,text:r,children:i,color:a="primary",href:e,...n},s)=>{let o=d(e);return m.createElement(B,{...n,...o?g:{},as:o?"a":t,color:a,href:e,ref:s},i||r)});p.Button=C;p.displayName="Link";export{B as a,A as b,p as c};

package/lib/chunks/{chunk-TAVNLEMI.esm.js → chunk-BJFSNET7.esm.js}

@@ -1,12 +1,12 @@
-import{a as d}from"./chunk-WTWPQ4EL.esm.js";import{c as t}from"./chunk-V5AWVNU6.esm.js";import{a as h}from"./chunk-GZONWSRB.esm.js";import y,{forwardRef as z,useCallback as D,useLayoutEffect as q,useRef as g,useState as N}from"react";var u=(()=>{if(typeof window=="undefined")return 15;let o=t.document.createElement("div"),n=t.document.createElement("div");o.style.overflow="scroll",o.style.width="100%",n.style.width="100%",t.document.body.appendChild(o),o.appendChild(n);let x=o.offsetWidth-n.offsetWidth;return o.removeChild(n),t.document.body.removeChild(o),x})(),A=u?u+1:20;import v from"styled-components";var E=v(d)`
+import{c as u}from"./chunk-U4ODIBWG.esm.js";import{c as t}from"./chunk-V5AWVNU6.esm.js";import{g as d}from"./chunk-APD22JEO.esm.js";import{a as v}from"./chunk-GZONWSRB.esm.js";import y,{forwardRef as z,useCallback as D,useLayoutEffect as q,useRef as g,useState as N}from"react";var f=(()=>{if(typeof window=="undefined")return 15;let o=t.document.createElement("div"),n=t.document.createElement("div");o.style.overflow="scroll",o.style.width="100%",n.style.width="100%",t.document.body.appendChild(o),o.appendChild(n);let x=o.offsetWidth-n.offsetWidth;return o.removeChild(n),t.document.body.removeChild(o),x})(),A=f?f+1:20;var E=d(u)`
   flex: 1;
   height: 100%;
   overflow: hidden;
-`,H=v(d)`
+`,H=d(u)`
   height: 100%;
   box-sizing: border-box;
   overflow-y: scroll;
-`,L=v(d)`
+`,L=d(u)`
   position: absolute;
   top: 0;
   right: 2px;
@@ -19,7 +19,7 @@ import{a as d}from"./chunk-WTWPQ4EL.esm.js";import{c as t}from"./chunk-V5AWVNU6.
   opacity: 0;
   transition: opacity 0.25s ease-in;
   z-index: 1;
-`,R=v(d)`
+`,R=d(u)`
   flex: 1;
   display: flex;
   overscroll-behavior: auto;
@@ -28,4 +28,4 @@ import{a as d}from"./chunk-WTWPQ4EL.esm.js";import{c as t}from"./chunk-V5AWVNU6.
   &:hover ${L} {
     opacity: 0.75;
   }
-`;var U=z(({children:o,onScroll:n,style:x,...k},I)=>{let[a,W]=N(1),s=g(null),p=g(null),S=g(0),C=g({});q(()=>{let m=s.current,e,r=h(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{var i;if(m){let{clientHeight:c,scrollHeight:l}=m;W(c/l),C.current={clientHeight:c,scrollHeight:l,trackHeight:(i=p==null?void 0:p.current)==null?void 0:i.clientHeight}}})},"updateScrollbar");return t.addEventListener("resize",r),r(),()=>{cancelAnimationFrame(e),t.removeEventListener("resize",r)}},[s,o]);let P=D(m=>{if(n&&n(m),a===1)return;let e=s.current,r=p.current;cancelAnimationFrame(S.current),S.current=requestAnimationFrame(()=>{let{clientHeight:i,scrollHeight:c,trackHeight:l}=C.current,f=e.scrollTop/(c-i)*(i-l);r&&(r.style.transform=`translateY(${f}px)`)})},[s,a,n]),F=D(m=>{let e=s.current,r,i=m.pageY,c=(e==null?void 0:e.scrollTop)||0,l=h(({pageY:f})=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{let B=f-i;c+=B/a,i=f,e&&(e.scrollTop=c)})},"drag"),b=h(()=>{t.removeEventListener("mousemove",l)},"stop");t.addEventListener("mousemove",l),t.addEventListener("mouseup",b,{once:!0})},[s,a]),w=!!u,T=w?A:0,M={style:{marginRight:`-${T}px`}},O={...x,paddingRight:T},_={onScroll:P,ref:s,style:{width:`calc(100% + ${u}px)`,overflowX:"hidden"}},$={ref:p,onMouseDown:F,style:{height:`${a*100}%`,display:a===1?"none":void 0}};return y.createElement(R,{...k,style:O,ref:I},y.createElement(E,{...M},y.createElement(H,{..._},o)),w&&y.createElement(L,{round:"micro",...$}))});U.displayName="CustomScroll";export{U as a};
+`;var U=z(({children:o,onScroll:n,style:x,...k},I)=>{let[a,W]=N(1),s=g(null),p=g(null),S=g(0),C=g({});q(()=>{let m=s.current,e,r=v(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(()=>{var i;if(m){let{clientHeight:c,scrollHeight:l}=m;W(c/l),C.current={clientHeight:c,scrollHeight:l,trackHeight:(i=p==null?void 0:p.current)==null?void 0:i.clientHeight}}})},"updateScrollbar");return t.addEventListener("resize",r),r(),()=>{cancelAnimationFrame(e),t.removeEventListener("resize",r)}},[s,o]);let P=D(m=>{if(n&&n(m),a===1)return;let e=s.current,r=p.current;cancelAnimationFrame(S.current),S.current=requestAnimationFrame(()=>{let{clientHeight:i,scrollHeight:c,trackHeight:l}=C.current,h=e.scrollTop/(c-i)*(i-l);r&&(r.style.transform=`translateY(${h}px)`)})},[s,a,n]),F=D(m=>{let e=s.current,r,i=m.pageY,c=(e==null?void 0:e.scrollTop)||0,l=v(({pageY:h})=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{let B=h-i;c+=B/a,i=h,e&&(e.scrollTop=c)})},"drag"),b=v(()=>{t.removeEventListener("mousemove",l)},"stop");t.addEventListener("mousemove",l),t.addEventListener("mouseup",b,{once:!0})},[s,a]),w=!!f,T=w?A:0,M={style:{marginRight:`-${T}px`}},O={...x,paddingRight:T},_={onScroll:P,ref:s,style:{width:`calc(100% + ${f}px)`,overflowX:"hidden"}},$={ref:p,onMouseDown:F,style:{height:`${a*100}%`,display:a===1?"none":void 0}};return y.createElement(R,{...k,style:O,ref:I},y.createElement(E,{...M},y.createElement(H,{..._},o)),w&&y.createElement(L,{round:"micro",...$}))});U.displayName="CustomScroll";export{U as a};

package/lib/chunks/chunk-BXLZT77M.esm.js

@@ -0,0 +1,5 @@
+import{c as n}from"./chunk-U4ODIBWG.esm.js";import{g as a}from"./chunk-APD22JEO.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";var d=i((r,e)=>({gridTemplateColumns:e.columns,gridTemplateRows:e.rows,gridTemplateAreas:e.areas,gap:e.gap?r.spacing(e.gap):void 0,gridColumnGap:e.columnGap?r.spacing(e.columnGap):void 0,gridRowGap:e.rowGap?r.spacing(e.rowGap):void 0}),"getGridProps"),f=i(({medias:r,theme:e})=>r?"xs"in r?Object.keys(r).reduce((o,t)=>({...o,[e.breakpoints.up(t)]:d(e,r[t])}),{}):d(e,r):{},"setGridBreakpoints"),G=a(n)`
+  display: grid;
+
+  ${f}
+`;export{f as a,G as b};

package/lib/chunks/{chunk-5XXISYUW.esm.js → chunk-BYRL7X5M.esm.js}

@@ -1,4 +1,4 @@
-import{a as u}from"./chunk-XNBK5E7D.esm.js";import{a as f}from"./chunk-3HHYBI4E.esm.js";import{a as b}from"./chunk-3XS7RVYS.esm.js";import{a as p}from"./chunk-VTRVGJA6.esm.js";import{b as l}from"./chunk-752Z7BQF.esm.js";import{b as c}from"./chunk-W663AGNE.esm.js";import{d as a}from"./chunk-U27SLYIV.esm.js";import{b as d}from"./chunk-OEH5ARPF.esm.js";import{a as n}from"./chunk-GZONWSRB.esm.js";import i,{forwardRef as C}from"react";import k,{css as s}from"styled-components";var w=n(({size:o})=>{switch(o){case"extraSmall":return[l({textTransform:"uppercase",fontWeight:"bold",fontSize:"micro"}),c({py:"micro",px:"medium"}),a({borderRadius:"micro"})];case"small":return[l({fontWeight:"bold",fontSize:"small"}),c({py:"xs",px:"medium"}),a({borderRadius:"large"})];case"large":return[l({fontWeight:"bold",fontSize:"medium"}),c({py:"medium",px:"xl"}),a({borderRadius:"large"})];default:return[l({fontWeight:"bold",fontSize:"small"}),c({py:"small",px:"large"}),a({borderRadius:"large"})]}},"buttonSize"),P=n((o,t)=>s`
+import{a as p}from"./chunk-J73BJCFK.esm.js";import{a as $}from"./chunk-ZRIEVBTB.esm.js";import{a as f}from"./chunk-5NIX5AK7.esm.js";import{a as b}from"./chunk-THOEVSMN.esm.js";import{b as d}from"./chunk-OEH5ARPF.esm.js";import{b as l}from"./chunk-752Z7BQF.esm.js";import{b as c}from"./chunk-W663AGNE.esm.js";import{d as a}from"./chunk-U27SLYIV.esm.js";import{b as s,g as u}from"./chunk-APD22JEO.esm.js";import{a as n}from"./chunk-GZONWSRB.esm.js";import i,{forwardRef as C}from"react";var w=n(({size:o})=>{switch(o){case"extraSmall":return[l({textTransform:"uppercase",fontWeight:"bold",fontSize:"micro"}),c({py:"micro",px:"medium"}),a({borderRadius:"micro"})];case"small":return[l({fontWeight:"bold",fontSize:"small"}),c({py:"xs",px:"medium"}),a({borderRadius:"large"})];case"large":return[l({fontWeight:"bold",fontSize:"medium"}),c({py:"medium",px:"xl"}),a({borderRadius:"large"})];default:return[l({fontWeight:"bold",fontSize:"small"}),c({py:"small",px:"large"}),a({borderRadius:"large"})]}},"buttonSize"),P=n((o,t)=>s`
   color: ${t.colors.getContrastColor(o.base)};
   background: ${o.base};
   border-color: ${o.base};
@@ -115,12 +115,12 @@ import{a as u}from"./chunk-XNBK5E7D.esm.js";import{a as f}from"./chunk-3HHYBI4E.
   ${W}
   ${w}
   ${T}
-`,$=k(p)`
+`,g=u(b)`
   ${h}
 
   /* Handle Loading Icon */
-  ${b} {
+  ${f} {
     width: 1em;
     height: 1em;
   }
-`;var g=C(({children:o,text:t,isLoading:r,icon:e=null,iconPosition:x="left",color:y="primary",size:B="medium",variant:m="contained",fullWidth:S=!1,...v},I)=>i.createElement($,{...v,color:y,size:B,variant:m,fullWidth:S,as:"button",ref:I},i.createElement(f,{loading:r,...x==="right"?{closer:e}:{opener:e}},i.createElement(u,{fontWeight:"bold",lineHeight:"tight",fontFamily:"main"},o||t))));g.displayName="Button";export{w as a,T as b,h as c,$ as d,g as e};
+`;var x=C(({children:o,text:t,isLoading:r,icon:e=null,iconPosition:y="left",color:B="primary",size:m="medium",variant:S="contained",fullWidth:v=!1,...I},k)=>i.createElement(g,{...I,color:B,size:m,variant:S,fullWidth:v,as:"button",ref:k},i.createElement($,{loading:r,...y==="right"?{closer:e}:{opener:e}},i.createElement(p,{fontWeight:"bold",lineHeight:"tight",fontFamily:"main"},o||t))));x.displayName="Button";export{w as a,T as b,h as c,g as d,x as e};

package/lib/chunks/chunk-C2HYRKZ5.esm.js

@@ -0,0 +1,72 @@
+import{a as c,o as m}from"./chunk-4WWVMB7R.esm.js";import{a as d}from"./chunk-J73BJCFK.esm.js";import{a as b}from"./chunk-THOEVSMN.esm.js";import{b as p}from"./chunk-TOYBV66A.esm.js";import{b as l}from"./chunk-JB7G6UGV.esm.js";import{b as a,g as x}from"./chunk-APD22JEO.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";var n=p("input")`
+  position: absolute;
+  left: 0;
+  top: 0;
+  margin: 0;
+  opacity: 0;
+  cursor: pointer;
+`,t=x(b).attrs(o=>({alignItems:"center",justifyContent:"center",borderRadius:"micro",borderWidth:"thin",boderStyle:"solid",borderColor:"information",deep:-1,mr:"small",...o}))`
+  width: 20px;
+  height: 20px;
+  flex-shrink: 0;
+  transition: ${({theme:o})=>o.animation.transitions.short};
+`;function f({variant:o,theme:r}){let e=r.colors.information;return o==="success"&&(e=r.colors.success),o==="error"&&(e=r.colors.danger),a`
+    color: ${e.dark};
+
+    & > ${t} {
+      border: 1px solid ${e.dark};
+    }
+
+    &:hover > ${t}, &:focus > ${t} {
+      border-color: ${e.action};
+      box-shadow: ${r.depth("level-zero")};
+    }
+
+    & > ${n}:checked ~ ${t} {
+      border-color: ${e.base};
+      background-color: ${e.base};
+      box-shadow: ${r.depth("level-zero")};
+    }
+  `}i(f,"checkboxVariantStyle");function k({theme:o,disabled:r}){return r&&a`
+      color: ${o.colors.neutral[50]};
+
+      & > ${n}:disabled {
+        cursor: default;
+
+        & ~ ${t} {
+          background-color: ${o.colors.neutral[10]};
+          border-color: ${o.colors.neutral[10]};
+          box-shadow: none;
+
+          & > ${c} {
+            ${l({color:"neutral.50"})}
+          }
+        }
+      }
+    `}i(k,"disabledStyle");var h=p("label")`
+  position: relative;
+  display: inline-flex;
+  flex-direction: row;
+  cursor: pointer;
+  align-items: center;
+  gap: ${({theme:o})=>o.spacing("xs")};
+  /* Margin pre-v4 era \`spacing(0, 8, 'medium', 0)\` (32px right + 16px bottom)
+     — excessivo, sobrescrevia layout do consumer. v4 mantém só um respiro
+     pequeno (xs = 8px) horizontal+vertical, suficiente p/ uso inline sem
+     ditar layout. Parent com Flex gap adiciona mais quando necessário. */
+  margin: ${({theme:o})=>o.spacing(0,"xs","xs",0)};
+  transition: ${({theme:o})=>o.animation.transitions.short};
+
+  & > ${n} ~ ${t} > ${c} {
+    ${l({color:"neutral.0"})}
+    opacity: 0;
+  }
+
+  /* Mostra o check quando o input nativo está :checked */
+  & > ${n}:checked ~ ${t} > ${c} {
+    opacity: 1;
+  }
+
+  ${f}
+  ${k}
+`;import s from"react";var u=i(({label:o=null,variant:r="default",...e})=>s.createElement(h,{variant:r,disabled:e.disabled},s.createElement(n,{...e,type:"checkbox",hidden:!0}),s.createElement(t,null,s.createElement(m,{name:"check",size:"small"})),typeof o=="string"?s.createElement(d,{color:null},o):o),"CheckboxComponent");u.displayName="Checkbox";export{n as a,t as b,h as c,u as d};

package/lib/chunks/{chunk-SKV75I6W.esm.js → chunk-C7NZ4MPY.esm.js}

@@ -1 +1 @@
-import{a}from"./chunk-XNBK5E7D.esm.js";import{a as r}from"./chunk-VTRVGJA6.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";import e from"react";var d=i(({media:t,title:o,description:l,actionComponent:n,children:m,...f})=>{let x=typeof o=="string"?e.createElement(a,{as:"h4",fontSize:"small",fontWeight:"bold",lineHeight:"regular",color:"neutral.180"},o):o,s=typeof l=="string"?e.createElement(a,{as:"p",fontSize:"micro",lineHeight:"wild",color:"neutral.180"},l):l;return e.createElement(r,{display:"inline-flex",borderRadius:"md",borderWidth:"thin",borderColor:"neutral.30",overflow:"hidden",...f},t&&e.createElement(r,{area:"media"},t),e.createElement(r,{p:"large",gap:"large"},e.createElement(r,{area:"content",gap:"xs"},e.createElement(r,{area:"title"},x),e.createElement(r,{area:"subtitle"},s,m)),n&&e.createElement(r,{area:"action",flex:"fluid",mt:"large"},n)))},"CardComponent");d.displayName="Card";export{d as a};
+import{a}from"./chunk-J73BJCFK.esm.js";import{a as r}from"./chunk-THOEVSMN.esm.js";import{a as i}from"./chunk-GZONWSRB.esm.js";import e from"react";var d=i(({media:t,title:o,description:l,actionComponent:n,children:m,...f})=>{let x=typeof o=="string"?e.createElement(a,{as:"h4",fontSize:"small",fontWeight:"bold",lineHeight:"regular",color:"neutral.180"},o):o,s=typeof l=="string"?e.createElement(a,{as:"p",fontSize:"micro",lineHeight:"wild",color:"neutral.180"},l):l;return e.createElement(r,{display:"inline-flex",borderRadius:"md",borderWidth:"thin",borderColor:"neutral.30",overflow:"hidden",...f},t&&e.createElement(r,{area:"media"},t),e.createElement(r,{p:"large",gap:"large"},e.createElement(r,{area:"content",gap:"xs"},e.createElement(r,{area:"title"},x),e.createElement(r,{area:"subtitle"},s,m)),n&&e.createElement(r,{area:"action",flex:"fluid",mt:"large"},n)))},"CardComponent");d.displayName="Card";export{d as a};

package/lib/chunks/chunk-CPOKPPFV.esm.js

@@ -0,0 +1,7 @@
+import{b as a}from"./chunk-BXLZT77M.esm.js";import{e as m}from"./chunk-H6RGCTRX.esm.js";import{a as d}from"./chunk-THOEVSMN.esm.js";import{g as i}from"./chunk-APD22JEO.esm.js";import{a as o}from"./chunk-GZONWSRB.esm.js";import e from"react";var n={xs:{columns:"1fr",rows:"100%",areas:`
+      "content"
+    `},md:{columns:"200px 1fr",rows:"100%",areas:`
+      "sidebar content"
+    `}};var s=i(a).attrs({medias:n})`
+  height: 100%;
+`;function f({layoutComponents:r}){let{isMobile:t}=m();return e.createElement(s,null,!t&&r.sidebar&&e.createElement(r.sidebar,null),e.createElement(d,{area:"content",width:"100%",justifyContent:t?"center":void 0},r.content&&e.createElement(r.content,null)))}o(f,"SideBarLayout");f.displayName="SideBarLayout";export{n as a,s as b,f as c};