@apollion-dsi/core 4.1.0 → 4.3.0

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

@@ -1,130 +0,0 @@
-import{b}from"./chunk-3V3ZEGHO.esm.js";import{a as D}from"./chunk-BE2JDTVA.esm.js";import{a as N}from"./chunk-J73BJCFK.esm.js";import{c as l}from"./chunk-U4ODIBWG.esm.js";import{c as d}from"./chunk-V5AWVNU6.esm.js";import{b as T,g as s}from"./chunk-APD22JEO.esm.js";import{a as p}from"./chunk-GZONWSRB.esm.js";var ae=T`
-  --railColor: ${({theme:e})=>e.colors.primary.light};
-  --trackColor: ${({theme:e})=>e.colors.primary.base};
-  --thumbColor: ${({theme:e})=>e.colors.primary.action};
-  --markColor: ${({theme:e})=>e.colors.primary.active};
-`,ie=T`
-  pointer-events: none;
-
-  --railColor: ${({theme:e})=>e.colors.neutral[10]};
-  --trackColor: ${({theme:e})=>e.colors.neutral[30]};
-  --thumbColor: ${({theme:e})=>e.colors.neutral[30]};
-  --markColor: transparent;
-`,j=s(l)`
-  --height: 6px;
-
-  ${({disabled:e})=>e?ie:ae};
-
-  cursor: pointer;
-  box-sizing: content-box;
-  height: var(--height);
-  padding: 1.5rem 0 2rem;
-  width: 100%;
-`,A=s(l)`
-  width: 100%;
-  height: var(--height);
-  background: var(--railColor);
-  position: absolute;
-  border-radius: calc(var(--height) / 2);
-  box-shadow: 0px 0px 0px 1px var(--railColor);
-`,H=s(l)`
-  height: var(--height);
-  box-shadow: 0px 0px 0px 1px var(--trackColor);
-
-  background: var(--trackColor);
-  border-radius: calc(var(--height) / 2);
-  position: absolute;
-  left: 0;
-`,I=s(l)`
-  height: var(--height);
-  background-image: linear-gradient(to right, #e12712, #ffbb00, #2cb567);
-  background-repeat: no-repeat;
-  border-radius: calc(var(--height) / 2);
-  position: absolute;
-  width: 100%;
-  left: 0;
-`,W=s(l)`
-  height: var(--height);
-  background-color: var(--railColor);
-  background-repeat: no-repeat;
-  position: absolute;
-  right: 0;
-`,k=s(l).attrs(e=>({bgColor:"baseLight",color:"primary.dark",borderRadius:"xs",borderWidth:"thin",p:"micro",...e}))`
-  --borderColor: ${({theme:e})=>e.colors.neutral[40]};
-
-  opacity: 0;
-  transition: all 200ms linear;
-
-  text-align: center;
-  position: absolute;
-  bottom: ${({theme:e})=>e.spacing("large")};
-  left: 50%;
-  transform: translateX(-50%);
-
-  font-size: 12px;
-  white-space: nowrap;
-
-  border-color: var(--borderColor);
-
-  &:before {
-    content: '';
-    position: absolute;
-    width: 0;
-    height: 0;
-    border-top: 10px solid var(--borderColor);
-    border-left: 5px solid transparent;
-    border-right: 5px solid transparent;
-    top: 100%;
-    left: 50%;
-    margin-left: -5px;
-    margin-top: -1px;
-  }
-`,se=T`
-  box-shadow: 0px 0px 0px 9px #00000033 !important;
-
-  & ${k} {
-    opacity: 1;
-  }
-`,_=s(l)`
-  --size: calc(var(--height) * 2.4);
-
-  display: flex;
-  justify-content: center;
-  width: var(--size);
-  height: var(--size);
-  margin-top: calc((var(--size) * -1 / 2) + var(--height) / 2);
-  margin-left: calc(var(--size) * -1 / 2);
-
-  position: absolute;
-  background: var(--thumbColor);
-
-  transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-
-  &:hover {
-    box-shadow: 0px 0px 0px 6px #00000033;
-
-    ${k} {
-      opacity: 1;
-    }
-  }
-
-  ${({active:e})=>e&&se}
-`,q=s(l).attrs(e=>({borderRadius:"circular",...e}))`
-  --size: calc(var(--height) * 0.8);
-
-  position: absolute;
-  margin: calc(var(--height) * 0.1);
-  width: var(--size);
-  height: var(--size);
-  padding: 2px;
-  margin-left: ${({active:e})=>e?"unset":"calc(var(--size) * -1)"};
-  background: ${({active:e})=>e?"var(--thumbColor)":"var(--markColor)"};
-`,J=s(l)`
-  position: absolute;
-  margin-top: 1rem;
-  transform: translateX(-50%);
-
-  white-space: nowrap;
-  font-size: 0.75rem;
-  color: ${({theme:e})=>e.colors.main.base};
-`;import n,{useCallback as le,useEffect as ce,useMemo as ue,useRef as Q,useState as de}from"react";function M(e,t,o){return(e-t)*100/(o-t)}p(M,"valueToPercent");function K(e,t,o){return(o-t)*e+t}p(K,"percentToValue");function $(e,t,o){let h=Math.round((e-o)/t)*t+o;return Number(h.toFixed(t))}p($,"roundValueToStep");function O(e){return e>=1?1:e<=0?0:e}p(O,"clamp");function z(e,t,o,h){return Number.isFinite(e)&&e>=o&&e<=t?h?$(e,h,o):e:Math.min(Math.max(o,e),t)}p(z,"normalizeValue");function R({gradient:e,disabled:t,getLabelValue:o,markLabel:h,onChange:m,value:y=50,max:c=100,min:a=0,step:u=1,mark:L}){let[v,V]=de(()=>z(y,c,a,u));ce(()=>{V(r=>{let i=z(y,c,a,u);return i!==r?i:r})},[y,c,a,u]);let{active:U,enable:B,disable:Y}=D(),P=Q(null),Z=ue(()=>{if(!(L===!0&&u))return[];let r=Math.floor((c-a)/u)+1;return!Number.isFinite(r)||r<=0||r>1e4?[]:[...Array(r)].map((i,w)=>{let x=a+u*w;return{value:x,...o&&h&&{label:o(x)}}})},[L,o,h,u,a,c]),F=Q(0),E=le(r=>{let i=0;try{if(r.type==="touchmove"){let[C]=r.changedTouches;i=C==null?void 0:C.clientX}else i=r.clientX}catch(C){i=r.clientX}let{width:w,left:x}=P.current.getBoundingClientRect(),ne=O((i-x)/w),S=K(ne,a,c);S=$(S,u,a),V(S),m&&(clearTimeout(F.current),F.current=setTimeout(()=>{m(S)},100))},[a,c,u,m]),f=b(r=>{E(r)}),g=b(()=>{Y(),d.document.removeEventListener("mousemove",f),d.document.removeEventListener("mouseup",g),d.document.removeEventListener("touchmove",f),d.document.removeEventListener("touchend",g)}),ee=b(r=>{r.preventDefault(),E(r),B(),d.document.addEventListener("mousemove",f,{passive:!1}),d.document.addEventListener("mouseup",g,{passive:!1})}),re=b(r=>{r.stopPropagation(),E(r),B(),d.document.addEventListener("touchmove",f,{passive:!1}),d.document.addEventListener("touchend",g,{passive:!1})}),oe=o?o(v):String(v),X=`${M(v,a,c)}%`,te={width:X},G={left:X};return n.createElement(j,{ref:P,onMouseDown:ee,onTouchStart:re,disabled:t},n.createElement(A,null),e?n.createElement(I,null,n.createElement(W,{style:G})):n.createElement(H,{style:te}),Z.map(r=>{let i={left:`${M(r.value,a,c)}%`};return n.createElement(n.Fragment,{key:r.value},n.createElement(q,{active:r.value<=v,style:i}),r.label&&n.createElement(J,{style:i},r.label))}),n.createElement(_,{borderRadius:"circular",deep:1,active:U,style:G,"data-testid":"input-range-thumb"},!t&&n.createElement(k,null,n.createElement(N,null,oe))))}p(R,"Slider");R.displayName="Slider";export{j as a,A as b,H as c,I as d,W as e,k as f,_ as g,q as h,J as i,R as j};

package/lib/entities/debounce.d.ts

@@ -1,18 +0,0 @@
-/**
- * Cria uma versão debounce da função recebida — apenas a última invocação
- * dentro do intervalo `wait` (em ms) é, de fato, executada.
- *
- * Diferenças em relação a um debounce clássico:
- * - Retorna sempre uma `Promise` que resolve com o valor de `callback`.
- *   Isso permite encadear `await` em handlers (`await debouncedFn(...)`).
- * - Se `immediate` for `true`, a primeira invocação roda na hora E a próxima
- *   só sai após o cooldown — útil para abrir um menu imediatamente e
- *   ignorar cliques duplos rápidos.
- *
- * @example
- * ```ts
- * const search = debounce((q: string) => api.search(q), 300);
- * input.addEventListener('input', (e) => search(e.target.value));
- * ```
- */
-export declare function debounce(callback: any, wait: any, immediate?: boolean): (...args: any[]) => Promise<unknown>;

package/lib/entities/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Barrel público das "entities" do `@apollion/core`.
- *
- * Concentra valores e funções que dependem (ou se protegem) do ambiente de
- * execução: `debounce`, `timer` e as referências SSR-safe a `window`/
- * `document.body`. Demais arquivos do projeto devem importar daqui — nunca
- * de paths internos como `./window`.
- */
-export * from './debounce';
-export * from './window';
-export * from './timer';

package/lib/entities/index.esm.js

@@ -1 +0,0 @@
-import{a,b,c,d,e}from"../chunks/chunk-V5AWVNU6.esm.js";import"../chunks/chunk-GZONWSRB.esm.js";export{d as $documentBody,c as $window,b as canuseDom,a as debounce,e as timer};

package/lib/entities/timer.d.ts

@@ -1,34 +0,0 @@
-/**
- * Opções aceitas pela função `timer`.
- *
- * `step` é o intervalo (em ms) entre cada tick do contador — padrão `1000`,
- * o que dá um pulso por segundo (ideal para countdowns de UI).
- */
-type options = {
-    next: (t: number) => void;
-    onComplete?: () => void;
-    step?: number;
-};
-/**
- * Cria um contador progressivo de `0` até `timeout` (inclusive), chamando
- * `next(n)` a cada tick e `onComplete()` ao terminar.
- *
- * É escrito em cima de `setTimeout` agendados sequencialmente (em vez de um
- * único `setInterval`) — evita drift cumulativo em pausas longas e permite
- * cancelar o ciclo de forma limpa.
- *
- * Retorna uma função "cancel" que limpa o `setTimeout` pendente.
- *
- * @example
- * ```ts
- * const cancel = timer(5, {
- *   next: (n) => console.log('faltam', 5 - n),
- *   onComplete: () => console.log('done'),
- * });
- *
- * // ...em algum lugar:
- * cancel();
- * ```
- */
-export declare function timer(timeout: number, { step, ...opt }: options): () => void;
-export {};