@lucasbernardosn/react-ui 0.1.0 → 0.3.0

package/dist/components/feedback/toast/toast-portal.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-portal.tsx
+/**
+* Leva a fila para o fim do `body`, fora do contexto de empilhamento do app.
+*/
+const ToastPortal = (props) => {
+	return /* @__PURE__ */ jsx(Toast.Portal, {
+		"data-component": "Toast.Portal",
+		...props
+	});
+};
+ToastPortal.displayName = "Toast.Portal";
+//#endregion
+export { ToastPortal };
+
+//# sourceMappingURL=toast-portal.js.map

package/dist/components/feedback/toast/toast-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-portal.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-portal.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\n\nexport type ToastPortalProps = BaseToast.Portal.Props;\n\nexport type ToastPortalState = BaseToast.Portal.State;\n\n/**\n * Leva a fila para o fim do `body`, fora do contexto de empilhamento do app.\n */\nexport const ToastPortal = (props: ToastPortalProps) => {\n  return (\n    <BaseToast.Portal\n      data-component=\"Toast.Portal\"\n      {...props}\n    />\n  );\n};\n\nToastPortal.displayName = 'Toast.Portal';\n"],"mappings":";;;;;;AASA,MAAa,eAAe,UAA4B;CACtD,OACE,oBAACA,MAAU,QAAX;EACE,kBAAe;EACf,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

package/dist/components/feedback/toast/toast-provider.d.ts

@@ -0,0 +1,15 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-provider.d.ts
+export type ToastProviderProps = Toast.Provider.Props;
+/**
+ * Guarda a fila de toasts, o `limit` e o `timeout` padrão. Não renderiza elemento.
+ *
+ * Só é preciso para montar uma fila própria com as partes, lida pelo `Toast.useManager`. A fila do
+ * `Toast.add` já vem montada no `Toast.Outlet`.
+ */
+export declare const ToastProvider: {
+  (props: ToastProviderProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-provider.d.ts.map

package/dist/components/feedback/toast/toast-provider.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-provider.tsx
+/**
+* Guarda a fila de toasts, o `limit` e o `timeout` padrão. Não renderiza elemento.
+*
+* Só é preciso para montar uma fila própria com as partes, lida pelo `Toast.useManager`. A fila do
+* `Toast.add` já vem montada no `Toast.Outlet`.
+*/
+const ToastProvider = (props) => {
+	return /* @__PURE__ */ jsx(Toast.Provider, { ...props });
+};
+ToastProvider.displayName = "Toast.Provider";
+//#endregion
+export { ToastProvider };
+
+//# sourceMappingURL=toast-provider.js.map

package/dist/components/feedback/toast/toast-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-provider.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\n\nexport type ToastProviderProps = BaseToast.Provider.Props;\n\n/**\n * Guarda a fila de toasts, o `limit` e o `timeout` padrão. Não renderiza elemento.\n *\n * Só é preciso para montar uma fila própria com as partes, lida pelo `Toast.useManager`. A fila do\n * `Toast.add` já vem montada no `Toast.Outlet`.\n */\nexport const ToastProvider = (props: ToastProviderProps) => {\n  return <BaseToast.Provider {...props} />;\n};\n\nToastProvider.displayName = 'Toast.Provider';\n"],"mappings":";;;;;;;;;AAUA,MAAa,iBAAiB,UAA8B;CAC1D,OAAO,oBAACA,MAAU,UAAX,EAAoB,GAAI,MAAQ,CAAA;AACzC;AAEA,cAAc,cAAc"}

package/dist/components/feedback/toast/toast-root-variants.d.ts

@@ -0,0 +1,47 @@
+//#region src/components/feedback/toast/toast-root-variants.d.ts
+/**
+ * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra
+ * e cor do texto estão explicados (tabela no README de `overlays`). As diferenças:
+ * - posição e animação próprias, da pilha, abaixo;
+ * - `shadow-lg`, como o Dialog, e anel de foco: o toast entra no Tab;
+ * - o `type` colore a superfície, como o `status` do Alert: declara `--toast-bg` (passo 3, opaco,
+ *   para os toasts de trás não aparecerem através dele), `--toast-border` (passo 7) e, nos tipos
+ *   com cor, `--toast-fg` (passo 12), que o `Toast.Title` e o `Toast.Description` leem. O
+ *   `neutral` e o `loading` ficam na superfície neutra, com o texto em gray;
+ * - sem `--popover-padding`: o respiro fica no `Toast.Content`.
+ *
+ * **Pilha.** O Base UI escreve no toast o índice (`--toast-index`, 0 na frente), a soma das alturas
+ * dos que estão à frente (`--toast-offset-y`), a altura dele (`--toast-height`) e o arrasto
+ * (`--toast-swipe-movement-*`); o viewport escreve a altura do da frente
+ * (`--toast-frontmost-height`). Todos positivos, contados a partir da borda: o
+ * `--toast-stack-sign` do `Toast.Viewport` dá o sentido. Recolhida, a pilha deixa cada toast de
+ * trás aparecer 12px além do da frente, encolhido em 5% por nível e com a altura do da frente,
+ * com o conteúdo apagado pelo `Toast.Content`; expandida, cada um fica na própria altura, 12px
+ * depois do anterior. Entre os dois estados só muda `--toast-y` e `--toast-scale`.
+ *
+ * Antes da primeira medição, o toast que entra não tem `--toast-height`, nem o viewport
+ * `--toast-frontmost-height`. Por isso a altura recolhida entra no `--toast-y` com reserva de
+ * `0px`: uma variável inválida invalida o `transform` inteiro, que vira `none`, e a entrada perde o
+ * deslize, ficando só a opacidade.
+ *
+ * **`transform` em vez de `translate-*` e `scale-*`.** Durante o arrasto, o Base UI escreve um
+ * `transform` inline (`translateX() translateY() scale()`) para prender o toast ao dedo. As
+ * propriedades `translate` e `scale`, que as utilities do Tailwind escrevem, se somam ao
+ * `transform` em vez de serem trocadas por ele: o toast andaria o dobro. O `transform` daqui usa
+ * as mesmas funções, na mesma ordem: ao soltar, a transição parte do inline e só interpola função
+ * por função quando as listas batem. Com listas diferentes, o navegador interpola por matriz, e a
+ * saída pelo arrasto volta para o meio ou vai para o lado errado.
+ *
+ * **Entrada e saída.** O toast entra pela borda e sai por ela, ou para o lado do arrasto que o
+ * fechou, por `--toast-hidden-*`. Com movimento reduzido, só esmaece. A curva de entrada também
+ * serve à pilha que expande e recolhe: o elemento tem uma transição só fora da saída.
+ *
+ * O `::after` cobre o espaço até o toast seguinte, do lado da borda, para a pilha expandida não
+ * recolher quando o mouse passa entre dois toasts.
+ */
+export declare const toastRootVariants: (props?: ({
+  type?: "loading" | "neutral" | "info" | "success" | "warning" | "error" | null | undefined;
+  edge?: "bottom" | "top" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=toast-root-variants.d.ts.map

package/dist/components/feedback/toast/toast-root-variants.js

@@ -0,0 +1,142 @@
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/toast/toast-root-variants.ts
+/** O `type` declara estas variáveis, e o `toastRootVariants` as consome (explicado nele). */
+const neutralSurface = [
+	"[--toast-bg:var(--color-white)]",
+	"dark:[--toast-bg:var(--color-gray-2)]",
+	"[--toast-border:var(--color-gray-6)]"
+];
+/**
+* Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra
+* e cor do texto estão explicados (tabela no README de `overlays`). As diferenças:
+* - posição e animação próprias, da pilha, abaixo;
+* - `shadow-lg`, como o Dialog, e anel de foco: o toast entra no Tab;
+* - o `type` colore a superfície, como o `status` do Alert: declara `--toast-bg` (passo 3, opaco,
+*   para os toasts de trás não aparecerem através dele), `--toast-border` (passo 7) e, nos tipos
+*   com cor, `--toast-fg` (passo 12), que o `Toast.Title` e o `Toast.Description` leem. O
+*   `neutral` e o `loading` ficam na superfície neutra, com o texto em gray;
+* - sem `--popover-padding`: o respiro fica no `Toast.Content`.
+*
+* **Pilha.** O Base UI escreve no toast o índice (`--toast-index`, 0 na frente), a soma das alturas
+* dos que estão à frente (`--toast-offset-y`), a altura dele (`--toast-height`) e o arrasto
+* (`--toast-swipe-movement-*`); o viewport escreve a altura do da frente
+* (`--toast-frontmost-height`). Todos positivos, contados a partir da borda: o
+* `--toast-stack-sign` do `Toast.Viewport` dá o sentido. Recolhida, a pilha deixa cada toast de
+* trás aparecer 12px além do da frente, encolhido em 5% por nível e com a altura do da frente,
+* com o conteúdo apagado pelo `Toast.Content`; expandida, cada um fica na própria altura, 12px
+* depois do anterior. Entre os dois estados só muda `--toast-y` e `--toast-scale`.
+*
+* Antes da primeira medição, o toast que entra não tem `--toast-height`, nem o viewport
+* `--toast-frontmost-height`. Por isso a altura recolhida entra no `--toast-y` com reserva de
+* `0px`: uma variável inválida invalida o `transform` inteiro, que vira `none`, e a entrada perde o
+* deslize, ficando só a opacidade.
+*
+* **`transform` em vez de `translate-*` e `scale-*`.** Durante o arrasto, o Base UI escreve um
+* `transform` inline (`translateX() translateY() scale()`) para prender o toast ao dedo. As
+* propriedades `translate` e `scale`, que as utilities do Tailwind escrevem, se somam ao
+* `transform` em vez de serem trocadas por ele: o toast andaria o dobro. O `transform` daqui usa
+* as mesmas funções, na mesma ordem: ao soltar, a transição parte do inline e só interpola função
+* por função quando as listas batem. Com listas diferentes, o navegador interpola por matriz, e a
+* saída pelo arrasto volta para o meio ou vai para o lado errado.
+*
+* **Entrada e saída.** O toast entra pela borda e sai por ela, ou para o lado do arrasto que o
+* fechou, por `--toast-hidden-*`. Com movimento reduzido, só esmaece. A curva de entrada também
+* serve à pilha que expande e recolhe: o elemento tem uma transição só fora da saída.
+*
+* O `::after` cobre o espaço até o toast seguinte, do lado da borda, para a pilha expandida não
+* recolher quando o mouse passa entre dois toasts.
+*/
+const toastRootVariants = cva([
+	"[--toast-gap:--spacing(3)]",
+	"[--toast-peek:--spacing(3)]",
+	"[--toast-scale:max(0,1-var(--toast-index)*0.05)]",
+	"[--toast-collapsed-height:var(--toast-frontmost-height,var(--toast-height))]",
+	"[--toast-y:calc(var(--toast-stack-sign)*(var(--toast-index)*var(--toast-peek)+(1-var(--toast-scale))*var(--toast-collapsed-height,0px)))]",
+	"[--toast-hidden-x:0px]",
+	"[--toast-hidden-y:0px]",
+	"data-expanded:[--toast-scale:1]",
+	"data-expanded:[--toast-y:calc(var(--toast-stack-sign)*(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)))]",
+	"absolute",
+	"inset-x-0",
+	"z-[calc(1000-var(--toast-index))]",
+	"h-(--toast-collapsed-height)",
+	"data-expanded:h-(--toast-height)",
+	"rounded-md",
+	"corner-squircle",
+	"outline-1",
+	"outline-(--toast-border)",
+	"bg-(--toast-bg)",
+	"shadow-lg",
+	"shadow-black/12",
+	"dark:shadow-none",
+	"text-sm",
+	"text-gray-12",
+	"select-none",
+	"ring-gray-9",
+	"focus-ring-outside",
+	"after:content-['']",
+	"after:absolute",
+	"after:inset-x-0",
+	"after:h-[calc(var(--toast-gap)+1px)]",
+	"[transform:translateX(calc(var(--toast-swipe-movement-x)+var(--toast-hidden-x)))_translateY(calc(var(--toast-y)+var(--toast-swipe-movement-y)+var(--toast-hidden-y)))_scale(var(--toast-scale))]",
+	"transition-opacity",
+	"not-motion-reduced:transition-[transform,opacity,height]",
+	"duration-400",
+	"ease-enter-emphasized",
+	"data-ending-style:duration-250",
+	"data-ending-style:ease-exit",
+	"data-ending-style:data-swipe-direction:ease-enter",
+	"not-motion-reduced:data-starting-style:[--toast-hidden-y:calc(var(--toast-stack-sign)*-150%)]",
+	"not-motion-reduced:data-ending-style:[--toast-hidden-y:calc(var(--toast-stack-sign)*-150%)]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=up]:[--toast-hidden-y:-150%]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=down]:[--toast-hidden-y:150%]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=left]:[--toast-hidden-x:-150%]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=left]:[--toast-hidden-y:0px]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=right]:[--toast-hidden-x:150%]",
+	"not-motion-reduced:data-ending-style:data-[swipe-direction=right]:[--toast-hidden-y:0px]",
+	"data-starting-style:opacity-0",
+	"data-ending-style:opacity-0",
+	"data-limited:opacity-0",
+	"data-limited:data-ending-style:[--toast-hidden-y:0px]"
+], { variants: {
+	type: {
+		neutral: neutralSurface,
+		loading: neutralSurface,
+		info: [
+			"[--toast-bg:var(--color-blue-3)]",
+			"[--toast-border:var(--color-blue-7)]",
+			"[--toast-fg:var(--color-blue-12)]"
+		],
+		success: [
+			"[--toast-bg:var(--color-green-3)]",
+			"[--toast-border:var(--color-green-7)]",
+			"[--toast-fg:var(--color-green-12)]"
+		],
+		warning: [
+			"[--toast-bg:var(--color-amber-3)]",
+			"[--toast-border:var(--color-amber-7)]",
+			"[--toast-fg:var(--color-amber-12)]"
+		],
+		error: [
+			"[--toast-bg:var(--color-red-3)]",
+			"[--toast-border:var(--color-red-7)]",
+			"[--toast-fg:var(--color-red-12)]"
+		]
+	},
+	edge: {
+		top: [
+			"top-0",
+			"origin-top",
+			"after:bottom-full"
+		],
+		bottom: [
+			"bottom-0",
+			"origin-bottom",
+			"after:top-full"
+		]
+	}
+} });
+//#endregion
+export { toastRootVariants };
+
+//# sourceMappingURL=toast-root-variants.js.map

package/dist/components/feedback/toast/toast-root-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-root-variants.js","names":[],"sources":["../../../../src/components/feedback/toast/toast-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/** O `type` declara estas variáveis, e o `toastRootVariants` as consome (explicado nele). */\nconst neutralSurface = [\n  '[--toast-bg:var(--color-white)]',\n  'dark:[--toast-bg:var(--color-gray-2)]',\n  '[--toast-border:var(--color-gray-6)]',\n];\n\nconst infoSurface = [\n  '[--toast-bg:var(--color-blue-3)]',\n  '[--toast-border:var(--color-blue-7)]',\n  '[--toast-fg:var(--color-blue-12)]',\n];\n\nconst successSurface = [\n  '[--toast-bg:var(--color-green-3)]',\n  '[--toast-border:var(--color-green-7)]',\n  '[--toast-fg:var(--color-green-12)]',\n];\n\nconst warningSurface = [\n  '[--toast-bg:var(--color-amber-3)]',\n  '[--toast-border:var(--color-amber-7)]',\n  '[--toast-fg:var(--color-amber-12)]',\n];\n\nconst errorSurface = [\n  '[--toast-bg:var(--color-red-3)]',\n  '[--toast-border:var(--color-red-7)]',\n  '[--toast-fg:var(--color-red-12)]',\n];\n\n/**\n * Cópia de `popoverPopupVariants`, a origem da superfície dos popups, onde fundo, contorno, sombra\n * e cor do texto estão explicados (tabela no README de `overlays`). As diferenças:\n * - posição e animação próprias, da pilha, abaixo;\n * - `shadow-lg`, como o Dialog, e anel de foco: o toast entra no Tab;\n * - o `type` colore a superfície, como o `status` do Alert: declara `--toast-bg` (passo 3, opaco,\n *   para os toasts de trás não aparecerem através dele), `--toast-border` (passo 7) e, nos tipos\n *   com cor, `--toast-fg` (passo 12), que o `Toast.Title` e o `Toast.Description` leem. O\n *   `neutral` e o `loading` ficam na superfície neutra, com o texto em gray;\n * - sem `--popover-padding`: o respiro fica no `Toast.Content`.\n *\n * **Pilha.** O Base UI escreve no toast o índice (`--toast-index`, 0 na frente), a soma das alturas\n * dos que estão à frente (`--toast-offset-y`), a altura dele (`--toast-height`) e o arrasto\n * (`--toast-swipe-movement-*`); o viewport escreve a altura do da frente\n * (`--toast-frontmost-height`). Todos positivos, contados a partir da borda: o\n * `--toast-stack-sign` do `Toast.Viewport` dá o sentido. Recolhida, a pilha deixa cada toast de\n * trás aparecer 12px além do da frente, encolhido em 5% por nível e com a altura do da frente,\n * com o conteúdo apagado pelo `Toast.Content`; expandida, cada um fica na própria altura, 12px\n * depois do anterior. Entre os dois estados só muda `--toast-y` e `--toast-scale`.\n *\n * Antes da primeira medição, o toast que entra não tem `--toast-height`, nem o viewport\n * `--toast-frontmost-height`. Por isso a altura recolhida entra no `--toast-y` com reserva de\n * `0px`: uma variável inválida invalida o `transform` inteiro, que vira `none`, e a entrada perde o\n * deslize, ficando só a opacidade.\n *\n * **`transform` em vez de `translate-*` e `scale-*`.** Durante o arrasto, o Base UI escreve um\n * `transform` inline (`translateX() translateY() scale()`) para prender o toast ao dedo. As\n * propriedades `translate` e `scale`, que as utilities do Tailwind escrevem, se somam ao\n * `transform` em vez de serem trocadas por ele: o toast andaria o dobro. O `transform` daqui usa\n * as mesmas funções, na mesma ordem: ao soltar, a transição parte do inline e só interpola função\n * por função quando as listas batem. Com listas diferentes, o navegador interpola por matriz, e a\n * saída pelo arrasto volta para o meio ou vai para o lado errado.\n *\n * **Entrada e saída.** O toast entra pela borda e sai por ela, ou para o lado do arrasto que o\n * fechou, por `--toast-hidden-*`. Com movimento reduzido, só esmaece. A curva de entrada também\n * serve à pilha que expande e recolhe: o elemento tem uma transição só fora da saída.\n *\n * O `::after` cobre o espaço até o toast seguinte, do lado da borda, para a pilha expandida não\n * recolher quando o mouse passa entre dois toasts.\n */\nexport const toastRootVariants = cva(\n  [\n    '[--toast-gap:--spacing(3)]',\n    '[--toast-peek:--spacing(3)]',\n    '[--toast-scale:max(0,1-var(--toast-index)*0.05)]',\n    '[--toast-collapsed-height:var(--toast-frontmost-height,var(--toast-height))]',\n    '[--toast-y:calc(var(--toast-stack-sign)*(var(--toast-index)*var(--toast-peek)+(1-var(--toast-scale))*var(--toast-collapsed-height,0px)))]',\n    '[--toast-hidden-x:0px]',\n    '[--toast-hidden-y:0px]',\n\n    'data-expanded:[--toast-scale:1]',\n    'data-expanded:[--toast-y:calc(var(--toast-stack-sign)*(var(--toast-offset-y)+var(--toast-index)*var(--toast-gap)))]',\n\n    'absolute',\n    'inset-x-0',\n    // Ordena só os toasts da fila entre si: o da frente por cima.\n    'z-[calc(1000-var(--toast-index))]',\n\n    'h-(--toast-collapsed-height)',\n    'data-expanded:h-(--toast-height)',\n\n    'rounded-md',\n    'corner-squircle',\n    'outline-1',\n    'outline-(--toast-border)',\n\n    'bg-(--toast-bg)',\n\n    'shadow-lg',\n    'shadow-black/12',\n    'dark:shadow-none',\n\n    // A fila vai para o `body` pelo portal: sem cor própria, o texto herdaria a do navegador.\n    'text-sm',\n    'text-gray-12',\n\n    // Arrastar com o mouse selecionaria o texto junto.\n    'select-none',\n    'ring-gray-9',\n    'focus-ring-outside',\n\n    \"after:content-['']\",\n    'after:absolute',\n    'after:inset-x-0',\n    'after:h-[calc(var(--toast-gap)+1px)]',\n\n    '[transform:translateX(calc(var(--toast-swipe-movement-x)+var(--toast-hidden-x)))_translateY(calc(var(--toast-y)+var(--toast-swipe-movement-y)+var(--toast-hidden-y)))_scale(var(--toast-scale))]',\n\n    'transition-opacity',\n    'not-motion-reduced:transition-[transform,opacity,height]',\n    'duration-400',\n    'ease-enter-emphasized',\n    'data-ending-style:duration-250',\n    'data-ending-style:ease-exit',\n    // A saída pelo arrasto continua um movimento que já tem velocidade: acelerar a partir do\n    // repouso pareceria um tranco ao soltar.\n    'data-ending-style:data-swipe-direction:ease-enter',\n\n    'not-motion-reduced:data-starting-style:[--toast-hidden-y:calc(var(--toast-stack-sign)*-150%)]',\n    'not-motion-reduced:data-ending-style:[--toast-hidden-y:calc(var(--toast-stack-sign)*-150%)]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=up]:[--toast-hidden-y:-150%]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=down]:[--toast-hidden-y:150%]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=left]:[--toast-hidden-x:-150%]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=left]:[--toast-hidden-y:0px]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=right]:[--toast-hidden-x:150%]',\n    'not-motion-reduced:data-ending-style:data-[swipe-direction=right]:[--toast-hidden-y:0px]',\n    'data-starting-style:opacity-0',\n    'data-ending-style:opacity-0',\n\n    // Acima do `limit`, o toast fica montado (e `inert`) até sair: some sem se mover.\n    'data-limited:opacity-0',\n    'data-limited:data-ending-style:[--toast-hidden-y:0px]',\n  ],\n  {\n    variants: {\n      type: {\n        neutral: neutralSurface,\n        loading: neutralSurface,\n        info: infoSurface,\n        success: successSurface,\n        warning: warningSurface,\n        error: errorSurface,\n      },\n      edge: {\n        top: ['top-0', 'origin-top', 'after:bottom-full'],\n        bottom: ['bottom-0', 'origin-bottom', 'after:top-full'],\n      },\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAM,iBAAiB;CACrB;CACA;CACA;AACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,oBAAoB,IAC/B;CACE;CACA;CACA;CACA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CAEA;CAEA;CACA;CAEA;CACA;CACA;CACA;CAEA;CAEA;CACA;CACA;CAGA;CACA;CAGA;CACA;CACA;CAEA;CACA;CACA;CACA;CAEA;CAEA;CACA;CACA;CACA;CACA;CACA;CAGA;CAEA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CAGA;CACA;AACF,GACA,EACE,UAAU;CACR,MAAM;EACJ,SAAS;EACT,SAAS;EACT,MAAM;GA7IZ;GACA;GACA;EA2IY;EACN,SAAS;GAxIf;GACA;GACA;EAsIe;EACT,SAAS;GAnIf;GACA;GACA;EAiIe;EACT,OAAO;GA9Hb;GACA;GACA;EA4Ha;CACT;CACA,MAAM;EACJ,KAAK;GAAC;GAAS;GAAc;EAAmB;EAChD,QAAQ;GAAC;GAAY;GAAiB;EAAgB;CACxD;AACF,EACF,CACF"}

package/dist/components/feedback/toast/toast-root.d.ts

@@ -0,0 +1,34 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-root.d.ts
+export type ToastRootProps = Toast.Root.Props;
+export type ToastRootState = Toast.Root.State;
+export type ToastRootToastObject = Toast.Root.ToastObject;
+/**
+ * Um toast da fila, desenhado como superfície. Vai dentro do `Toast.Viewport`, de onde lê a
+ * `position`: ela decide de onde o toast entra e o gesto que o fecha (de volta para a borda e para
+ * o lado da fila, ou os dois lados no centro). O `swipeDirection` passado vence.
+ *
+ * O Base UI dá ao toast `role="dialog"`, ligado ao `Toast.Title` e ao `Toast.Description`, e o põe
+ * no Tab, com `Esc` para fechar.
+ *
+ * @example
+ * ```tsx
+ * const { toasts } = Toast.useManager();
+ *
+ * return toasts.map((toast) => (
+ *   <Toast.Root key={toast.id} toast={toast}>
+ *     <Toast.Content>
+ *       <Toast.Indicator />
+ *       <Toast.Title />
+ *       <Toast.Close render={<CloseButton size="2xs" />} />
+ *     </Toast.Content>
+ *   </Toast.Root>
+ * ));
+ * ```
+ */
+export declare const ToastRoot: {
+  (props: ToastRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-root.d.ts.map

package/dist/components/feedback/toast/toast-root.js

@@ -0,0 +1,67 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { ToastRootContextProvider } from "./use-toast-root-context.js";
+import { toastPlacements } from "./toast-placement.js";
+import { toastRootVariants } from "./toast-root-variants.js";
+import { toastDefaultVariants, useToastContext } from "./use-toast-context.js";
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-root.tsx
+/**
+* Um toast da fila, desenhado como superfície. Vai dentro do `Toast.Viewport`, de onde lê a
+* `position`: ela decide de onde o toast entra e o gesto que o fecha (de volta para a borda e para
+* o lado da fila, ou os dois lados no centro). O `swipeDirection` passado vence.
+*
+* O Base UI dá ao toast `role="dialog"`, ligado ao `Toast.Title` e ao `Toast.Description`, e o põe
+* no Tab, com `Esc` para fechar.
+*
+* @example
+* ```tsx
+* const { toasts } = Toast.useManager();
+*
+* return toasts.map((toast) => (
+*   <Toast.Root key={toast.id} toast={toast}>
+*     <Toast.Content>
+*       <Toast.Indicator />
+*       <Toast.Title />
+*       <Toast.Close render={<CloseButton size="2xs" />} />
+*     </Toast.Content>
+*   </Toast.Root>
+* ));
+* ```
+*/
+const ToastRoot = (props) => {
+	const { toast, className, ...rest } = props;
+	const { position = toastDefaultVariants.position } = useToastContext();
+	const { edge, swipeDirection } = toastPlacements[position];
+	const type = isToastType(toast.type) ? toast.type : "neutral";
+	return /* @__PURE__ */ jsx(ToastRootContextProvider, {
+		value: { type },
+		children: /* @__PURE__ */ jsx(Toast.Root, {
+			"data-component": "Toast.Root",
+			toast,
+			swipeDirection,
+			className: mergeStateClassNames(toastRootVariants({
+				edge,
+				type
+			}), className),
+			...rest
+		})
+	});
+};
+ToastRoot.displayName = "Toast.Root";
+const toastTypes = /* @__PURE__ */ new Set([
+	"neutral",
+	"info",
+	"success",
+	"warning",
+	"error",
+	"loading"
+]);
+/**
+* O tipo chega do Base UI como `string`: quem monta a fila com as partes pode passar qualquer um.
+*/
+const isToastType = (value) => value !== void 0 && toastTypes.has(value);
+//#endregion
+export { ToastRoot };
+
+//# sourceMappingURL=toast-root.js.map

package/dist/components/feedback/toast/toast-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-root.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-root.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport { mergeStateClassNames } from '#utils';\nimport type { ToastType } from './toast-manager';\nimport { toastPlacements } from './toast-placement';\nimport { toastRootVariants } from './toast-root-variants';\nimport { toastDefaultVariants, useToastContext } from './use-toast-context';\nimport { ToastRootContextProvider } from './use-toast-root-context';\n\nexport type ToastRootProps = BaseToast.Root.Props;\n\nexport type ToastRootState = BaseToast.Root.State;\n\nexport type ToastRootToastObject = BaseToast.Root.ToastObject;\n\n/**\n * Um toast da fila, desenhado como superfície. Vai dentro do `Toast.Viewport`, de onde lê a\n * `position`: ela decide de onde o toast entra e o gesto que o fecha (de volta para a borda e para\n * o lado da fila, ou os dois lados no centro). O `swipeDirection` passado vence.\n *\n * O Base UI dá ao toast `role=\"dialog\"`, ligado ao `Toast.Title` e ao `Toast.Description`, e o põe\n * no Tab, com `Esc` para fechar.\n *\n * @example\n * ```tsx\n * const { toasts } = Toast.useManager();\n *\n * return toasts.map((toast) => (\n *   <Toast.Root key={toast.id} toast={toast}>\n *     <Toast.Content>\n *       <Toast.Indicator />\n *       <Toast.Title />\n *       <Toast.Close render={<CloseButton size=\"2xs\" />} />\n *     </Toast.Content>\n *   </Toast.Root>\n * ));\n * ```\n */\nexport const ToastRoot = (props: ToastRootProps) => {\n  const { toast, className, ...rest } = props;\n\n  const { position = toastDefaultVariants.position } = useToastContext();\n\n  const { edge, swipeDirection } = toastPlacements[position];\n\n  const type = isToastType(toast.type) ? toast.type : 'neutral';\n\n  return (\n    <ToastRootContextProvider value={{ type }}>\n      <BaseToast.Root\n        data-component=\"Toast.Root\"\n        toast={toast}\n        swipeDirection={swipeDirection}\n        className={mergeStateClassNames(\n          toastRootVariants({ edge, type }),\n          className,\n        )}\n        {...rest}\n      />\n    </ToastRootContextProvider>\n  );\n};\n\nToastRoot.displayName = 'Toast.Root';\n\nconst toastTypes: ReadonlySet<string> = new Set<ToastType>([\n  'neutral',\n  'info',\n  'success',\n  'warning',\n  'error',\n  'loading',\n]);\n\n/**\n * O tipo chega do Base UI como `string`: quem monta a fila com as partes pode passar qualquer um.\n */\nconst isToastType = (value: string | undefined): value is ToastType =>\n  value !== undefined && toastTypes.has(value);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,OAAO,WAAW,GAAG,SAAS;CAEtC,MAAM,EAAE,WAAW,qBAAqB,aAAa,gBAAgB;CAErE,MAAM,EAAE,MAAM,mBAAmB,gBAAgB;CAEjD,MAAM,OAAO,YAAY,MAAM,IAAI,IAAI,MAAM,OAAO;CAEpD,OACE,oBAAC,0BAAD;EAA0B,OAAO,EAAE,KAAK;EACtC,UAAA,oBAACA,MAAU,MAAX;GACE,kBAAe;GACR;GACS;GAChB,WAAW,qBACT,kBAAkB;IAAE;IAAM;GAAK,CAAC,GAChC,SACF;GACA,GAAI;EACL,CAAA;CACuB,CAAA;AAE9B;AAEA,UAAU,cAAc;AAExB,MAAM,6BAAkC,IAAI,IAAe;CACzD;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;;;AAKD,MAAM,eAAe,UACnB,UAAU,KAAA,KAAa,WAAW,IAAI,KAAK"}

package/dist/components/feedback/toast/toast-title.d.ts

@@ -0,0 +1,18 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-title.d.ts
+export type ToastTitleProps = Toast.Title.Props;
+export type ToastTitleState = Toast.Title.State;
+/**
+ * Título do toast: sem filhos, mostra o `title` do toast, e some quando ele não tem um. Dá o nome
+ * do toast para o leitor de tela.
+ *
+ * Cópia do `Alert.Title`, a origem (tabela no README de `feedback`): foge da tabela de tipografia,
+ * no tamanho da descrição (`text-sm/5`), diferenciado pelo peso, para o toast ficar compacto. A
+ * diferença: é o `h2` do Base UI, e a cor vem de `--toast-fg`, que o `type` declara.
+ */
+export declare const ToastTitle: {
+  (props: ToastTitleProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-title.d.ts.map

package/dist/components/feedback/toast/toast-title.js

@@ -0,0 +1,31 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-title.tsx
+/**
+* Título do toast: sem filhos, mostra o `title` do toast, e some quando ele não tem um. Dá o nome
+* do toast para o leitor de tela.
+*
+* Cópia do `Alert.Title`, a origem (tabela no README de `feedback`): foge da tabela de tipografia,
+* no tamanho da descrição (`text-sm/5`), diferenciado pelo peso, para o toast ficar compacto. A
+* diferença: é o `h2` do Base UI, e a cor vem de `--toast-fg`, que o `type` declara.
+*/
+const ToastTitle = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Toast.Title, {
+		"data-component": "Toast.Title",
+		className: mergeStateClassNames([
+			"text-sm",
+			"leading-5",
+			"font-medium",
+			"text-(--toast-fg,var(--color-gray-12))",
+			"text-pretty"
+		], className),
+		...rest
+	});
+};
+ToastTitle.displayName = "Toast.Title";
+//#endregion
+export { ToastTitle };
+
+//# sourceMappingURL=toast-title.js.map

package/dist/components/feedback/toast/toast-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-title.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-title.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ToastTitleProps = BaseToast.Title.Props;\n\nexport type ToastTitleState = BaseToast.Title.State;\n\n/**\n * Título do toast: sem filhos, mostra o `title` do toast, e some quando ele não tem um. Dá o nome\n * do toast para o leitor de tela.\n *\n * Cópia do `Alert.Title`, a origem (tabela no README de `feedback`): foge da tabela de tipografia,\n * no tamanho da descrição (`text-sm/5`), diferenciado pelo peso, para o toast ficar compacto. A\n * diferença: é o `h2` do Base UI, e a cor vem de `--toast-fg`, que o `type` declara.\n */\nexport const ToastTitle = (props: ToastTitleProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseToast.Title\n      data-component=\"Toast.Title\"\n      className={mergeStateClassNames(\n        [\n          'text-sm',\n          'leading-5',\n          'font-medium',\n          'text-(--toast-fg,var(--color-gray-12))',\n          'text-pretty',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nToastTitle.displayName = 'Toast.Title';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,MAAU,OAAX;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

package/dist/components/feedback/toast/toast-viewport-variants.d.ts

@@ -0,0 +1,17 @@
+//#region src/components/feedback/toast/toast-viewport-variants.d.ts
+/**
+ * A fila fica presa à tela por `fixed`, numa camada própria (`--z-toast`, do tema): ela monta uma
+ * vez e fica no DOM, então não segue a ordem de abertura dos popups, que não têm `z-index`, e
+ * ficaria atrás de todo popup aberto depois dela.
+ *
+ * A `edge` declara `--toast-stack-sign`, o sentido em que a pilha cresce a partir da borda: `-1`
+ * embaixo (para cima) e `1` em cima (para baixo). O `Toast.Root` multiplica por ele todos os
+ * deslocamentos, e as fórmulas são as mesmas nas duas bordas. Abaixo de `sm`, a fila ocupa a
+ * largura da tela, e o `align` só vale a partir daí.
+ */
+export declare const toastViewportVariants: (props?: ({
+  edge?: "bottom" | "top" | null | undefined;
+  align?: "center" | "right" | "left" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=toast-viewport-variants.d.ts.map

package/dist/components/feedback/toast/toast-viewport-variants.js

@@ -0,0 +1,33 @@
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/toast/toast-viewport-variants.ts
+/**
+* A fila fica presa à tela por `fixed`, numa camada própria (`--z-toast`, do tema): ela monta uma
+* vez e fica no DOM, então não segue a ordem de abertura dos popups, que não têm `z-index`, e
+* ficaria atrás de todo popup aberto depois dela.
+*
+* A `edge` declara `--toast-stack-sign`, o sentido em que a pilha cresce a partir da borda: `-1`
+* embaixo (para cima) e `1` em cima (para baixo). O `Toast.Root` multiplica por ele todos os
+* deslocamentos, e as fórmulas são as mesmas nas duas bordas. Abaixo de `sm`, a fila ocupa a
+* largura da tela, e o `align` só vale a partir daí.
+*/
+const toastViewportVariants = cva([
+	"fixed",
+	"z-(--z-toast)",
+	"inset-x-4",
+	"sm:w-90",
+	"outline-none"
+], { variants: {
+	edge: {
+		top: ["[--toast-stack-sign:1]", "top-[max(--spacing(4),env(safe-area-inset-top))]"],
+		bottom: ["[--toast-stack-sign:-1]", "bottom-[max(--spacing(4),env(safe-area-inset-bottom))]"]
+	},
+	align: {
+		left: ["sm:right-auto"],
+		center: ["sm:mx-auto"],
+		right: ["sm:left-auto"]
+	}
+} });
+//#endregion
+export { toastViewportVariants };
+
+//# sourceMappingURL=toast-viewport-variants.js.map

package/dist/components/feedback/toast/toast-viewport-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-viewport-variants.js","names":[],"sources":["../../../../src/components/feedback/toast/toast-viewport-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\n/**\n * A fila fica presa à tela por `fixed`, numa camada própria (`--z-toast`, do tema): ela monta uma\n * vez e fica no DOM, então não segue a ordem de abertura dos popups, que não têm `z-index`, e\n * ficaria atrás de todo popup aberto depois dela.\n *\n * A `edge` declara `--toast-stack-sign`, o sentido em que a pilha cresce a partir da borda: `-1`\n * embaixo (para cima) e `1` em cima (para baixo). O `Toast.Root` multiplica por ele todos os\n * deslocamentos, e as fórmulas são as mesmas nas duas bordas. Abaixo de `sm`, a fila ocupa a\n * largura da tela, e o `align` só vale a partir daí.\n */\nexport const toastViewportVariants = cva(\n  [\n    'fixed',\n    'z-(--z-toast)',\n    'inset-x-4',\n\n    'sm:w-90',\n\n    'outline-none',\n  ],\n  {\n    variants: {\n      edge: {\n        top: [\n          '[--toast-stack-sign:1]',\n          'top-[max(--spacing(4),env(safe-area-inset-top))]',\n        ],\n        bottom: [\n          '[--toast-stack-sign:-1]',\n          'bottom-[max(--spacing(4),env(safe-area-inset-bottom))]',\n        ],\n      },\n      align: {\n        left: ['sm:right-auto'],\n        // Com as duas laterais e a largura fixas, a margem automática centraliza.\n        center: ['sm:mx-auto'],\n        right: ['sm:left-auto'],\n      },\n    },\n  },\n);\n"],"mappings":";;;;;;;;;;;;AAYA,MAAa,wBAAwB,IACnC;CACE;CACA;CACA;CAEA;CAEA;AACF,GACA,EACE,UAAU;CACR,MAAM;EACJ,KAAK,CACH,0BACA,kDACF;EACA,QAAQ,CACN,2BACA,wDACF;CACF;CACA,OAAO;EACL,MAAM,CAAC,eAAe;EAEtB,QAAQ,CAAC,YAAY;EACrB,OAAO,CAAC,cAAc;CACxB;AACF,EACF,CACF"}

package/dist/components/feedback/toast/toast-viewport.d.ts

@@ -0,0 +1,19 @@
+import { ToastVariants } from "./use-toast-context.js";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-viewport.d.ts
+export type ToastViewportProps = MergeOverride<Toast.Viewport.Props, ToastVariants>;
+export type ToastViewportState = Toast.Viewport.State;
+/**
+ * A fila na tela, presa ao canto ou ao centro do `position`. Expande a pilha enquanto o mouse está
+ * sobre ela ou o foco está dentro, e pausa o timeout dos toasts nesse tempo.
+ *
+ * É uma região `aria-live` com o nome "Notificações": o leitor de tela anuncia o toast que entra
+ * sem tirar o foco de onde está, e o `F6` leva o foco para a fila.
+ */
+export declare const ToastViewport: {
+  (props: ToastViewportProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-viewport.d.ts.map

package/dist/components/feedback/toast/toast-viewport.js

@@ -0,0 +1,39 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { toastPlacements } from "./toast-placement.js";
+import { ToastContextProvider, toastDefaultVariants } from "./use-toast-context.js";
+import { toastViewportVariants } from "./toast-viewport-variants.js";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
+import { jsx } from "react/jsx-runtime";
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-viewport.tsx
+const splitVariantProps = createSplitProps();
+/**
+* A fila na tela, presa ao canto ou ao centro do `position`. Expande a pilha enquanto o mouse está
+* sobre ela ou o foco está dentro, e pausa o timeout dos toasts nesse tempo.
+*
+* É uma região `aria-live` com o nome "Notificações": o leitor de tela anuncia o toast que entra
+* sem tirar o foco de onde está, e o `F6` leva o foco para a fila.
+*/
+const ToastViewport = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["position"]);
+	const { className, ...rest } = elementProps;
+	const position = variantProps.position ?? toastDefaultVariants.position;
+	const { edge, align } = toastPlacements[position];
+	return /* @__PURE__ */ jsx(ToastContextProvider, {
+		value: variantProps,
+		children: /* @__PURE__ */ jsx(Toast.Viewport, {
+			"data-component": "Toast.Viewport",
+			"aria-label": "Notificações",
+			className: mergeStateClassNames(toastViewportVariants({
+				edge,
+				align
+			}), className),
+			...rest
+		})
+	});
+};
+ToastViewport.displayName = "Toast.Viewport";
+//#endregion
+export { ToastViewport };
+
+//# sourceMappingURL=toast-viewport.js.map

package/dist/components/feedback/toast/toast-viewport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-viewport.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-viewport.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { toastPlacements } from './toast-placement';\nimport { toastViewportVariants } from './toast-viewport-variants';\nimport {\n  ToastContextProvider,\n  type ToastVariants,\n  toastDefaultVariants,\n} from './use-toast-context';\n\nexport type ToastViewportProps = MergeOverride<\n  BaseToast.Viewport.Props,\n  ToastVariants\n>;\n\nexport type ToastViewportState = BaseToast.Viewport.State;\n\nconst splitVariantProps = createSplitProps<ToastVariants>();\n\n/**\n * A fila na tela, presa ao canto ou ao centro do `position`. Expande a pilha enquanto o mouse está\n * sobre ela ou o foco está dentro, e pausa o timeout dos toasts nesse tempo.\n *\n * É uma região `aria-live` com o nome \"Notificações\": o leitor de tela anuncia o toast que entra\n * sem tirar o foco de onde está, e o `F6` leva o foco para a fila.\n */\nexport const ToastViewport = (props: ToastViewportProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['position']);\n\n  const { className, ...rest } = elementProps;\n\n  const position = variantProps.position ?? toastDefaultVariants.position;\n\n  const { edge, align } = toastPlacements[position];\n\n  return (\n    <ToastContextProvider value={variantProps}>\n      <BaseToast.Viewport\n        data-component=\"Toast.Viewport\"\n        aria-label=\"Notificações\"\n        className={mergeStateClassNames(\n          toastViewportVariants({ edge, align }),\n          className,\n        )}\n        {...rest}\n      />\n    </ToastContextProvider>\n  );\n};\n\nToastViewport.displayName = 'Toast.Viewport';\n"],"mappings":";;;;;;;;AAqBA,MAAM,oBAAoB,iBAAgC;;;;;;;;AAS1D,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,UAAU,CAAC;CAE1E,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,WAAW,aAAa,YAAY,qBAAqB;CAE/D,MAAM,EAAE,MAAM,UAAU,gBAAgB;CAExC,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAC3B,UAAA,oBAACA,MAAU,UAAX;GACE,kBAAe;GACf,cAAW;GACX,WAAW,qBACT,sBAAsB;IAAE;IAAM;GAAM,CAAC,GACrC,SACF;GACA,GAAI;EACL,CAAA;CACmB,CAAA;AAE1B;AAEA,cAAc,cAAc"}

package/dist/components/feedback/toast/use-toast-context.d.ts

@@ -0,0 +1,18 @@
+//#region src/components/feedback/toast/use-toast-context.d.ts
+/**
+ * Variantes do Toast. Informadas no `Toast.Viewport` e repassadas aos `Toast.Root` por contexto.
+ */
+export type ToastVariants = {
+  /**
+   * Canto ou centro da tela onde a fila aparece. A borda (`top`, `bottom`) decide para que lado a
+   * pilha cresce e de onde o toast entra; o lado decide o gesto horizontal de fechar. Abaixo de
+   * `sm`, a fila ocupa a largura da tela e só a borda vale.
+   *
+   * @default 'bottom-right'
+   */
+  position?: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+};
+export declare const toastDefaultVariants: Required<ToastVariants>;
+export declare const ToastContextProvider: import("react").Provider<ToastVariants>, useToastContext: () => ToastVariants;
+//#endregion
+//# sourceMappingURL=use-toast-context.d.ts.map

package/dist/components/feedback/toast/use-toast-context.js

@@ -0,0 +1,11 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/feedback/toast/use-toast-context.ts
+const toastDefaultVariants = { position: "bottom-right" };
+const [ToastContextProvider, useToastContext] = createContext({
+	name: "ToastContext",
+	providers: ["Toast.Viewport"]
+});
+//#endregion
+export { ToastContextProvider, toastDefaultVariants, useToastContext };
+
+//# sourceMappingURL=use-toast-context.js.map

package/dist/components/feedback/toast/use-toast-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-toast-context.js","names":[],"sources":["../../../../src/components/feedback/toast/use-toast-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Toast. Informadas no `Toast.Viewport` e repassadas aos `Toast.Root` por contexto.\n */\nexport type ToastVariants = {\n  /**\n   * Canto ou centro da tela onde a fila aparece. A borda (`top`, `bottom`) decide para que lado a\n   * pilha cresce e de onde o toast entra; o lado decide o gesto horizontal de fechar. Abaixo de\n   * `sm`, a fila ocupa a largura da tela e só a borda vale.\n   *\n   * @default 'bottom-right'\n   */\n  position?:\n    | 'top-left'\n    | 'top-center'\n    | 'top-right'\n    | 'bottom-left'\n    | 'bottom-center'\n    | 'bottom-right';\n};\n\nexport const toastDefaultVariants: Required<ToastVariants> = {\n  position: 'bottom-right',\n};\n\nexport const [ToastContextProvider, useToastContext] =\n  createContext<ToastVariants>({\n    name: 'ToastContext',\n    providers: ['Toast.Viewport'],\n  });\n"],"mappings":";;AAsBA,MAAa,uBAAgD,EAC3D,UAAU,eACZ;AAEA,MAAa,CAAC,sBAAsB,mBAClC,cAA6B;CAC3B,MAAM;CACN,WAAW,CAAC,gBAAgB;AAC9B,CAAC"}

package/dist/components/feedback/toast/use-toast-manager.d.ts

@@ -0,0 +1,10 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/use-toast-manager.d.ts
+/**
+ * A fila do `Toast.Provider` mais próximo: os toasts abertos, para renderizar, e os métodos para
+ * abrir e fechar. Serve a uma fila montada com as partes; a do `Toast.Outlet` se usa pelo
+ * `Toast.add` e afins.
+ */
+export declare const useToastManager: typeof Toast.useToastManager;
+//#endregion
+//# sourceMappingURL=use-toast-manager.d.ts.map

package/dist/components/feedback/toast/use-toast-manager.js

@@ -0,0 +1,12 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/use-toast-manager.ts
+/**
+* A fila do `Toast.Provider` mais próximo: os toasts abertos, para renderizar, e os métodos para
+* abrir e fechar. Serve a uma fila montada com as partes; a do `Toast.Outlet` se usa pelo
+* `Toast.add` e afins.
+*/
+const useToastManager = Toast.useToastManager;
+//#endregion
+export { useToastManager };
+
+//# sourceMappingURL=use-toast-manager.js.map