@lucasbernardosn/react-ui 0.2.0 → 0.4.0

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

@@ -0,0 +1,13 @@
+//#region src/components/feedback/alert/alert-root-variants.d.ts
+/**
+ * O `status` só declara as variáveis `--alert-*`, e a `variant` decide onde cada uma entra. Assim
+ * não há um bloco por combinação de `status` e `variant`. O fundo e a borda usam a escala alpha,
+ * para o alerta funcionar sobre qualquer fundo. O `Alert.Indicator`, o `Alert.Title` e o
+ * `Alert.Description` leem a mesma cor, no passo 12, em `--alert-fg`.
+ */
+export declare const alertRootVariants: (props?: ({
+  status?: "neutral" | "info" | "success" | "warning" | "error" | null | undefined;
+  variant?: "subtle" | "surface" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=alert-root-variants.d.ts.map

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

@@ -0,0 +1,75 @@
+import { alertDefaultVariants } from "./use-alert-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/feedback/alert/alert-root-variants.ts
+/**
+* O `status` só declara as variáveis `--alert-*`, e a `variant` decide onde cada uma entra. Assim
+* não há um bloco por combinação de `status` e `variant`. O fundo e a borda usam a escala alpha,
+* para o alerta funcionar sobre qualquer fundo. O `Alert.Indicator`, o `Alert.Title` e o
+* `Alert.Description` leem a mesma cor, no passo 12, em `--alert-fg`.
+*/
+const alertRootVariants = cva([
+	"flex",
+	"items-start",
+	"gap-2",
+	"w-full",
+	"min-w-0",
+	"p-4",
+	"border",
+	"rounded-md",
+	"corner-squircle",
+	"text-start",
+	"wrap-break-word"
+], {
+	variants: {
+		status: {
+			neutral: [
+				"[--alert-subtle-bg:var(--color-gray-alpha-3)]",
+				"[--alert-surface-bg:var(--color-gray-alpha-2)]",
+				"[--alert-surface-border:var(--color-gray-alpha-6)]",
+				"[--alert-outline-border:var(--color-gray-alpha-7)]",
+				"[--alert-fg:var(--color-gray-12)]"
+			],
+			info: [
+				"[--alert-subtle-bg:var(--color-blue-alpha-3)]",
+				"[--alert-surface-bg:var(--color-blue-alpha-2)]",
+				"[--alert-surface-border:var(--color-blue-alpha-6)]",
+				"[--alert-outline-border:var(--color-blue-alpha-7)]",
+				"[--alert-fg:var(--color-blue-12)]"
+			],
+			success: [
+				"[--alert-subtle-bg:var(--color-green-alpha-3)]",
+				"[--alert-surface-bg:var(--color-green-alpha-2)]",
+				"[--alert-surface-border:var(--color-green-alpha-6)]",
+				"[--alert-outline-border:var(--color-green-alpha-7)]",
+				"[--alert-fg:var(--color-green-12)]"
+			],
+			warning: [
+				"[--alert-subtle-bg:var(--color-amber-alpha-3)]",
+				"[--alert-surface-bg:var(--color-amber-alpha-2)]",
+				"[--alert-surface-border:var(--color-amber-alpha-6)]",
+				"[--alert-outline-border:var(--color-amber-alpha-7)]",
+				"[--alert-fg:var(--color-amber-12)]"
+			],
+			error: [
+				"[--alert-subtle-bg:var(--color-red-alpha-3)]",
+				"[--alert-surface-bg:var(--color-red-alpha-2)]",
+				"[--alert-surface-border:var(--color-red-alpha-6)]",
+				"[--alert-outline-border:var(--color-red-alpha-7)]",
+				"[--alert-fg:var(--color-red-12)]"
+			]
+		},
+		variant: {
+			surface: ["border-(--alert-surface-border)", "bg-(--alert-surface-bg)"],
+			subtle: ["border-transparent", "bg-(--alert-subtle-bg)"],
+			outline: ["border-(--alert-outline-border)"]
+		}
+	},
+	defaultVariants: {
+		status: alertDefaultVariants.status,
+		variant: alertDefaultVariants.variant
+	}
+});
+//#endregion
+export { alertRootVariants };
+
+//# sourceMappingURL=alert-root-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-root-variants.js","names":[],"sources":["../../../../src/components/feedback/alert/alert-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { alertDefaultVariants } from './use-alert-context';\n\n/**\n * O `status` só declara as variáveis `--alert-*`, e a `variant` decide onde cada uma entra. Assim\n * não há um bloco por combinação de `status` e `variant`. O fundo e a borda usam a escala alpha,\n * para o alerta funcionar sobre qualquer fundo. O `Alert.Indicator`, o `Alert.Title` e o\n * `Alert.Description` leem a mesma cor, no passo 12, em `--alert-fg`.\n */\nexport const alertRootVariants = cva(\n  [\n    'flex',\n    'items-start',\n    'gap-2',\n\n    'w-full',\n    'min-w-0',\n\n    'p-4',\n\n    'border',\n    'rounded-md',\n    'corner-squircle',\n\n    'text-start',\n    'wrap-break-word',\n  ],\n  {\n    variants: {\n      status: {\n        neutral: [\n          '[--alert-subtle-bg:var(--color-gray-alpha-3)]',\n          '[--alert-surface-bg:var(--color-gray-alpha-2)]',\n          '[--alert-surface-border:var(--color-gray-alpha-6)]',\n          '[--alert-outline-border:var(--color-gray-alpha-7)]',\n          '[--alert-fg:var(--color-gray-12)]',\n        ],\n        info: [\n          '[--alert-subtle-bg:var(--color-blue-alpha-3)]',\n          '[--alert-surface-bg:var(--color-blue-alpha-2)]',\n          '[--alert-surface-border:var(--color-blue-alpha-6)]',\n          '[--alert-outline-border:var(--color-blue-alpha-7)]',\n          '[--alert-fg:var(--color-blue-12)]',\n        ],\n        success: [\n          '[--alert-subtle-bg:var(--color-green-alpha-3)]',\n          '[--alert-surface-bg:var(--color-green-alpha-2)]',\n          '[--alert-surface-border:var(--color-green-alpha-6)]',\n          '[--alert-outline-border:var(--color-green-alpha-7)]',\n          '[--alert-fg:var(--color-green-12)]',\n        ],\n        warning: [\n          '[--alert-subtle-bg:var(--color-amber-alpha-3)]',\n          '[--alert-surface-bg:var(--color-amber-alpha-2)]',\n          '[--alert-surface-border:var(--color-amber-alpha-6)]',\n          '[--alert-outline-border:var(--color-amber-alpha-7)]',\n          '[--alert-fg:var(--color-amber-12)]',\n        ],\n        error: [\n          '[--alert-subtle-bg:var(--color-red-alpha-3)]',\n          '[--alert-surface-bg:var(--color-red-alpha-2)]',\n          '[--alert-surface-border:var(--color-red-alpha-6)]',\n          '[--alert-outline-border:var(--color-red-alpha-7)]',\n          '[--alert-fg:var(--color-red-12)]',\n        ],\n      },\n      variant: {\n        surface: ['border-(--alert-surface-border)', 'bg-(--alert-surface-bg)'],\n        // A borda transparente fica para as três variantes terem a mesma medida.\n        subtle: ['border-transparent', 'bg-(--alert-subtle-bg)'],\n        outline: ['border-(--alert-outline-border)'],\n      },\n    },\n    defaultVariants: {\n      status: alertDefaultVariants.status,\n      variant: alertDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;AASA,MAAa,oBAAoB,IAC/B;CACE;CACA;CACA;CAEA;CACA;CAEA;CAEA;CACA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,SAAS;IACP;IACA;IACA;IACA;IACA;GACF;GACA,MAAM;IACJ;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;IACA;IACA;GACF;EACF;EACA,SAAS;GACP,SAAS,CAAC,mCAAmC,yBAAyB;GAEtE,QAAQ,CAAC,sBAAsB,wBAAwB;GACvD,SAAS,CAAC,iCAAiC;EAC7C;CACF;CACA,iBAAiB;EACf,QAAQ,qBAAqB;EAC7B,SAAS,qBAAqB;CAChC;AACF,CACF"}

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

@@ -0,0 +1,33 @@
+import { AlertVariants } from "./use-alert-context.js";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/feedback/alert/alert-root.d.ts
+export type AlertRootProps = MergeOverride<useRender.ComponentProps<'div'>, AlertVariants>;
+/**
+ * Mensagem fixa na página, fora de um popup: indicador à esquerda e o conteúdo ao lado, com
+ * respiro fixo. O `status` decide a cor (do texto, do ícone, do fundo e da borda) e o ícone padrão.
+ *
+ * Não tem papel ARIA por padrão: um aviso que já está na página é lido na ordem normal. Para o
+ * que surge depois do carregamento, passe `role="alert"` (erro que precisa interromper, anunciado na
+ * hora) ou `role="status"` (o resto, anunciado numa pausa do leitor de tela).
+ *
+ * Fechar é composição: o app controla se o alerta aparece e põe um `CloseButton` no fim do `Root`.
+ *
+ * @example
+ * ```tsx
+ * <Alert.Root status="error">
+ *   <Alert.Indicator />
+ *
+ *   <Alert.Content>
+ *     <Alert.Title>Nota rejeitada pela SEFAZ</Alert.Title>
+ *     <Alert.Description>Rejeição 539: duplicidade de NF-e.</Alert.Description>
+ *   </Alert.Content>
+ * </Alert.Root>
+ * ```
+ */
+export declare const AlertRoot: {
+  (props: AlertRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-root.d.ts.map

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

@@ -0,0 +1,52 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { AlertContextProvider } from "./use-alert-context.js";
+import { alertRootVariants } from "./alert-root-variants.js";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
+import { mergeProps, useRender } from "@base-ui/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/feedback/alert/alert-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Mensagem fixa na página, fora de um popup: indicador à esquerda e o conteúdo ao lado, com
+* respiro fixo. O `status` decide a cor (do texto, do ícone, do fundo e da borda) e o ícone padrão.
+*
+* Não tem papel ARIA por padrão: um aviso que já está na página é lido na ordem normal. Para o
+* que surge depois do carregamento, passe `role="alert"` (erro que precisa interromper, anunciado na
+* hora) ou `role="status"` (o resto, anunciado numa pausa do leitor de tela).
+*
+* Fechar é composição: o app controla se o alerta aparece e põe um `CloseButton` no fim do `Root`.
+*
+* @example
+* ```tsx
+* <Alert.Root status="error">
+*   <Alert.Indicator />
+*
+*   <Alert.Content>
+*     <Alert.Title>Nota rejeitada pela SEFAZ</Alert.Title>
+*     <Alert.Description>Rejeição 539: duplicidade de NF-e.</Alert.Description>
+*   </Alert.Content>
+* </Alert.Root>
+* ```
+*/
+const AlertRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["status", "variant"]);
+	const { render, className, ...rest } = elementProps;
+	const baseProps = {
+		"data-component": "Alert.Root",
+		className: mergeTwClassNames(alertRootVariants(variantProps), className)
+	};
+	const element = useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+	return /* @__PURE__ */ jsx(AlertContextProvider, {
+		value: variantProps,
+		children: element
+	});
+};
+AlertRoot.displayName = "Alert.Root";
+//#endregion
+export { AlertRoot };
+
+//# sourceMappingURL=alert-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-root.js","names":[],"sources":["../../../../src/components/feedback/alert/alert-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { alertRootVariants } from './alert-root-variants';\nimport { AlertContextProvider, type AlertVariants } from './use-alert-context';\n\nexport type AlertRootProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  AlertVariants\n>;\n\nconst splitVariantProps = createSplitProps<AlertVariants>();\n\n/**\n * Mensagem fixa na página, fora de um popup: indicador à esquerda e o conteúdo ao lado, com\n * respiro fixo. O `status` decide a cor (do texto, do ícone, do fundo e da borda) e o ícone padrão.\n *\n * Não tem papel ARIA por padrão: um aviso que já está na página é lido na ordem normal. Para o\n * que surge depois do carregamento, passe `role=\"alert\"` (erro que precisa interromper, anunciado na\n * hora) ou `role=\"status\"` (o resto, anunciado numa pausa do leitor de tela).\n *\n * Fechar é composição: o app controla se o alerta aparece e põe um `CloseButton` no fim do `Root`.\n *\n * @example\n * ```tsx\n * <Alert.Root status=\"error\">\n *   <Alert.Indicator />\n *\n *   <Alert.Content>\n *     <Alert.Title>Nota rejeitada pela SEFAZ</Alert.Title>\n *     <Alert.Description>Rejeição 539: duplicidade de NF-e.</Alert.Description>\n *   </Alert.Content>\n * </Alert.Root>\n * ```\n */\nexport const AlertRoot = (props: AlertRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'status',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Alert.Root',\n    className: mergeTwClassNames(alertRootVariants(variantProps), className),\n  };\n\n  const element = useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n\n  return (\n    <AlertContextProvider value={variantProps}>{element}</AlertContextProvider>\n  );\n};\n\nAlertRoot.displayName = 'Alert.Root';\n"],"mappings":";;;;;;;AAcA,MAAM,oBAAoB,iBAAgC;;;;;;;;;;;;;;;;;;;;;;;AAwB1D,MAAa,aAAa,UAA0B;CAClD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,UACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,kBAAkB,YAAY,GAAG,SAAS;CACzE;CAEA,MAAM,UAAU,UAAU;EACxB;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;CAED,OACE,oBAAC,sBAAD;EAAsB,OAAO;EAAe,UAAA;CAA8B,CAAA;AAE9E;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,22 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/feedback/alert/alert-title.d.ts
+export type AlertTitleProps = useRender.ComponentProps<'div'>;
+/**
+ * Título do alerta, no passo 12 da cor do `status`. Foge da tabela de tipografia: fica no tamanho
+ * da descrição (`text-sm/5`), diferenciado só pelo peso, para o alerta ficar compacto e não
+ * competir com os títulos da página. Quebra como a descrição (`text-pretty`): o `text-balance` dos
+ * títulos quebrava cedo num alerta estreito.
+ *
+ * É um `div`, não um `h*`: o alerta não abre uma seção, e um título de alerta na lista de títulos
+ * da página atrapalharia a navegação por títulos. Para um alerta que é uma seção, troque pelo
+ * `render`.
+ *
+ * Origem do `Toast.Title`, que o copia (tabela no README de `feedback`). Uma mudança aqui vale para
+ * a cópia na mesma rodada.
+ */
+export declare const AlertTitle: {
+  (props: AlertTitleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=alert-title.d.ts.map

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

@@ -0,0 +1,39 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/feedback/alert/alert-title.tsx
+/**
+* Título do alerta, no passo 12 da cor do `status`. Foge da tabela de tipografia: fica no tamanho
+* da descrição (`text-sm/5`), diferenciado só pelo peso, para o alerta ficar compacto e não
+* competir com os títulos da página. Quebra como a descrição (`text-pretty`): o `text-balance` dos
+* títulos quebrava cedo num alerta estreito.
+*
+* É um `div`, não um `h*`: o alerta não abre uma seção, e um título de alerta na lista de títulos
+* da página atrapalharia a navegação por títulos. Para um alerta que é uma seção, troque pelo
+* `render`.
+*
+* Origem do `Toast.Title`, que o copia (tabela no README de `feedback`). Uma mudança aqui vale para
+* a cópia na mesma rodada.
+*/
+const AlertTitle = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Alert.Title",
+		className: mergeTwClassNames([
+			"text-sm",
+			"leading-5",
+			"font-medium",
+			"text-(--alert-fg,var(--color-gray-12))",
+			"text-pretty"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+AlertTitle.displayName = "Alert.Title";
+//#endregion
+export { AlertTitle };
+
+//# sourceMappingURL=alert-title.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-title.js","names":[],"sources":["../../../../src/components/feedback/alert/alert-title.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type AlertTitleProps = useRender.ComponentProps<'div'>;\n\n/**\n * Título do alerta, no passo 12 da cor do `status`. Foge da tabela de tipografia: fica no tamanho\n * da descrição (`text-sm/5`), diferenciado só pelo peso, para o alerta ficar compacto e não\n * competir com os títulos da página. Quebra como a descrição (`text-pretty`): o `text-balance` dos\n * títulos quebrava cedo num alerta estreito.\n *\n * É um `div`, não um `h*`: o alerta não abre uma seção, e um título de alerta na lista de títulos\n * da página atrapalharia a navegação por títulos. Para um alerta que é uma seção, troque pelo\n * `render`.\n *\n * Origem do `Toast.Title`, que o copia (tabela no README de `feedback`). Uma mudança aqui vale para\n * a cópia na mesma rodada.\n */\nexport const AlertTitle = (props: AlertTitleProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Alert.Title',\n    className: mergeTwClassNames(\n      [\n        'text-sm',\n        'leading-5',\n        'font-medium',\n        'text-(--alert-fg,var(--color-gray-12))',\n        'text-pretty',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nAlertTitle.displayName = 'Alert.Title';\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}

package/dist/components/feedback/alert/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Alert };

package/dist/components/feedback/alert/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Alert };

package/dist/components/feedback/alert/index.parts.d.ts

@@ -0,0 +1,12 @@
+import { AlertContent, AlertContentProps } from "./alert-content.js";
+import { AlertDescription, AlertDescriptionProps } from "./alert-description.js";
+import { AlertIndicator, AlertIndicatorProps } from "./alert-indicator.js";
+import { AlertVariants } from "./use-alert-context.js";
+import { AlertRoot, AlertRootProps } from "./alert-root.js";
+import { AlertTitle, AlertTitleProps } from "./alert-title.js";
+declare namespace index_parts_d_exports {
+  export { AlertContent as Content, AlertContentProps as ContentProps, AlertDescription as Description, AlertDescriptionProps as DescriptionProps, AlertIndicator as Indicator, AlertIndicatorProps as IndicatorProps, AlertRoot as Root, AlertRootProps as RootProps, AlertTitle as Title, AlertTitleProps as TitleProps, AlertVariants as Variants };
+}
+//#endregion
+export { AlertContent as Content, type AlertContentProps as ContentProps, AlertDescription as Description, type AlertDescriptionProps as DescriptionProps, AlertIndicator as Indicator, type AlertIndicatorProps as IndicatorProps, AlertRoot as Root, type AlertRootProps as RootProps, AlertTitle as Title, type AlertTitleProps as TitleProps, type AlertVariants as Variants, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/feedback/alert/index.parts.js

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { AlertContent } from "./alert-content.js";
+import { AlertDescription } from "./alert-description.js";
+import { AlertIndicator } from "./alert-indicator.js";
+import { AlertRoot } from "./alert-root.js";
+import { AlertTitle } from "./alert-title.js";
+//#region src/components/feedback/alert/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Content: () => AlertContent,
+	Description: () => AlertDescription,
+	Indicator: () => AlertIndicator,
+	Root: () => AlertRoot,
+	Title: () => AlertTitle
+});
+//#endregion
+export { AlertContent as Content, AlertDescription as Description, AlertIndicator as Indicator, AlertRoot as Root, AlertTitle as Title, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/feedback/alert/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/feedback/alert/index.parts.ts"],"sourcesContent":["export { AlertContent as Content } from './alert-content';\nexport { AlertDescription as Description } from './alert-description';\nexport { AlertIndicator as Indicator } from './alert-indicator';\nexport { AlertRoot as Root } from './alert-root';\nexport { AlertTitle as Title } from './alert-title';\n\n/* types */\n\nexport type { AlertContentProps as ContentProps } from './alert-content';\nexport type { AlertDescriptionProps as DescriptionProps } from './alert-description';\nexport type { AlertIndicatorProps as IndicatorProps } from './alert-indicator';\nexport type { AlertRootProps as RootProps } from './alert-root';\nexport type { AlertTitleProps as TitleProps } from './alert-title';\nexport type { AlertVariants as Variants } from './use-alert-context';\n"],"mappings":""}

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

@@ -0,0 +1,23 @@
+//#region src/components/feedback/alert/use-alert-context.d.ts
+/**
+ * Variantes do Alert. Informadas no `Alert.Root` e repassadas às partes por contexto.
+ */
+export type AlertVariants = {
+  /**
+   * O que o alerta comunica. Decide a cor (`neutral` gray, `info` blue, `success` green, `warning`
+   * amber, `error` red) e o ícone padrão do `Alert.Indicator`.
+   *
+   * @default 'neutral'
+   */
+  status?: 'neutral' | 'info' | 'success' | 'warning' | 'error';
+  /**
+   * Fundo e borda: `surface` com fundo e borda, `subtle` só com fundo e `outline` só com borda.
+   *
+   * @default 'surface'
+   */
+  variant?: 'surface' | 'subtle' | 'outline';
+};
+export declare const alertDefaultVariants: Required<AlertVariants>;
+export declare const AlertContextProvider: import("react").Provider<AlertVariants>, useAlertContext: () => AlertVariants;
+//#endregion
+//# sourceMappingURL=use-alert-context.d.ts.map

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

@@ -0,0 +1,14 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/feedback/alert/use-alert-context.ts
+const alertDefaultVariants = {
+	status: "neutral",
+	variant: "surface"
+};
+const [AlertContextProvider, useAlertContext] = createContext({
+	name: "AlertContext",
+	providers: ["Alert.Root"]
+});
+//#endregion
+export { AlertContextProvider, alertDefaultVariants, useAlertContext };
+
+//# sourceMappingURL=use-alert-context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-alert-context.js","names":[],"sources":["../../../../src/components/feedback/alert/use-alert-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do Alert. Informadas no `Alert.Root` e repassadas às partes por contexto.\n */\nexport type AlertVariants = {\n  /**\n   * O que o alerta comunica. Decide a cor (`neutral` gray, `info` blue, `success` green, `warning`\n   * amber, `error` red) e o ícone padrão do `Alert.Indicator`.\n   *\n   * @default 'neutral'\n   */\n  status?: 'neutral' | 'info' | 'success' | 'warning' | 'error';\n  /**\n   * Fundo e borda: `surface` com fundo e borda, `subtle` só com fundo e `outline` só com borda.\n   *\n   * @default 'surface'\n   */\n  variant?: 'surface' | 'subtle' | 'outline';\n};\n\nexport const alertDefaultVariants: Required<AlertVariants> = {\n  status: 'neutral',\n  variant: 'surface',\n};\n\nexport const [AlertContextProvider, useAlertContext] =\n  createContext<AlertVariants>({\n    name: 'AlertContext',\n    providers: ['Alert.Root'],\n  });\n"],"mappings":";;AAqBA,MAAa,uBAAgD;CAC3D,QAAQ;CACR,SAAS;AACX;AAEA,MAAa,CAAC,sBAAsB,mBAClC,cAA6B;CAC3B,MAAM;CACN,WAAW,CAAC,YAAY;AAC1B,CAAC"}

package/dist/components/feedback/empty-state/empty-state-root.d.ts

@@ -1,5 +1,5 @@
 import { EmptyStateVariants } from "./empty-state-root-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/feedback/empty-state/empty-state-root.d.ts
 export type EmptyStateRootProps = MergeOverride<useRender.ComponentProps<'div'>, EmptyStateVariants>;

package/dist/components/feedback/empty-state/empty-state-root.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { emptyStateRootVariants } from "./empty-state-root-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/feedback/empty-state/empty-state-root.tsx
 const splitVariantProps = createSplitProps();

package/dist/components/feedback/empty-state/empty-state-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-root.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport {\n  type EmptyStateVariants,\n  emptyStateRootVariants,\n} from './empty-state-root-variants';\n\nexport type EmptyStateRootProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  EmptyStateVariants\n>;\n\nconst splitVariantProps = createSplitProps<EmptyStateVariants>();\n\n/**\n * Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações, com\n * tamanho e respiro fixos; a `variant` decide se há moldura.\n *\n * @example\n * ```tsx\n * <EmptyState.Root>\n *   <EmptyState.Indicator>\n *     <InboxIcon />\n *   </EmptyState.Indicator>\n *\n *   <EmptyState.Content>\n *     <EmptyState.Title>Nenhuma mensagem</EmptyState.Title>\n *     <EmptyState.Description>As mensagens recebidas aparecem aqui.</EmptyState.Description>\n *   </EmptyState.Content>\n * </EmptyState.Root>\n * ```\n */\nexport const EmptyStateRoot = (props: EmptyStateRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['variant']);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'EmptyState.Root',\n    className: mergeTwClassNames(\n      emptyStateRootVariants(variantProps),\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nEmptyStateRoot.displayName = 'EmptyState.Root';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAAqC;;;;;;;;;;;;;;;;;;;AAoB/D,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,SAAS,CAAC;CAEzE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,uBAAuB,YAAY,GACnC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}
+{"version":3,"file":"empty-state-root.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport {\n  type EmptyStateVariants,\n  emptyStateRootVariants,\n} from './empty-state-root-variants';\n\nexport type EmptyStateRootProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  EmptyStateVariants\n>;\n\nconst splitVariantProps = createSplitProps<EmptyStateVariants>();\n\n/**\n * Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações, com\n * tamanho e respiro fixos; a `variant` decide se há moldura.\n *\n * @example\n * ```tsx\n * <EmptyState.Root>\n *   <EmptyState.Indicator>\n *     <InboxIcon />\n *   </EmptyState.Indicator>\n *\n *   <EmptyState.Content>\n *     <EmptyState.Title>Nenhuma mensagem</EmptyState.Title>\n *     <EmptyState.Description>As mensagens recebidas aparecem aqui.</EmptyState.Description>\n *   </EmptyState.Content>\n * </EmptyState.Root>\n * ```\n */\nexport const EmptyStateRoot = (props: EmptyStateRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['variant']);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'EmptyState.Root',\n    className: mergeTwClassNames(\n      emptyStateRootVariants(variantProps),\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nEmptyStateRoot.displayName = 'EmptyState.Root';\n"],"mappings":";;;;;AAgBA,MAAM,oBAAoB,iBAAqC;;;;;;;;;;;;;;;;;;;AAoB/D,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,SAAS,CAAC;CAEzE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,uBAAuB,YAAY,GACnC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/feedback/empty-state/empty-state-title.d.ts

@@ -1,4 +1,4 @@
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/feedback/empty-state/empty-state-title.d.ts
 export type EmptyStateTitleProps = MergeOverride<useRender.ComponentProps<'h3'>, {

package/dist/components/feedback/empty-state/empty-state-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state-title.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-title.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\n\nexport type EmptyStateTitleProps = MergeOverride<\n  useRender.ComponentProps<'h3'>,\n  {\n    /**\n     * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência, que é fixa. Com\n     * `render`, a tag do `render` prevalece.\n     *\n     * @default 3\n     */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n  }\n>;\n\n/**\n * Título do estado vazio, com a tipografia fixa dos títulos. Escolha o\n * `level` pela hierarquia da página: `2` para um estado vazio que ocupa a página, `3` ou `4` para o\n * de uma seção.\n */\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { level = 3, render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'EmptyState.Title',\n    className: mergeTwClassNames(\n      ['text-base', 'leading-6', 'font-medium', 'text-gray-12', 'text-balance'],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: `h${level}`,\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nEmptyStateTitle.displayName = 'EmptyState.Title';\n"],"mappings":";;;;;;;;AAsBA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAa;GAAa;GAAe;GAAgB;EAAc,GACxE,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB,IAAI;EACpB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,gBAAgB,cAAc"}
+{"version":3,"file":"empty-state-title.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-title.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport type { MergeOverride } from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\n\nexport type EmptyStateTitleProps = MergeOverride<\n  useRender.ComponentProps<'h3'>,\n  {\n    /**\n     * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência, que é fixa. Com\n     * `render`, a tag do `render` prevalece.\n     *\n     * @default 3\n     */\n    level?: 1 | 2 | 3 | 4 | 5 | 6;\n  }\n>;\n\n/**\n * Título do estado vazio, com a tipografia fixa dos títulos. Escolha o\n * `level` pela hierarquia da página: `2` para um estado vazio que ocupa a página, `3` ou `4` para o\n * de uma seção.\n */\nexport const EmptyStateTitle = (props: EmptyStateTitleProps) => {\n  const { level = 3, render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'EmptyState.Title',\n    className: mergeTwClassNames(\n      ['text-base', 'leading-6', 'font-medium', 'text-gray-12', 'text-balance'],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: `h${level}`,\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nEmptyStateTitle.displayName = 'EmptyState.Title';\n"],"mappings":";;;;;;;;AAsBA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAa;GAAa;GAAe;GAAgB;EAAc,GACxE,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB,IAAI;EACpB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,gBAAgB,cAAc"}

package/dist/components/feedback/skeleton/skeleton-text.d.ts

@@ -1,5 +1,5 @@
 import { SkeletonVariants } from "./skeleton-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/feedback/skeleton/skeleton-text.d.ts
 export type SkeletonTextProps = MergeOverride<Omit<useRender.ComponentProps<'div'>, 'children'>, Pick<SkeletonVariants, 'variant'> & {

package/dist/components/feedback/skeleton/skeleton-text.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { Skeleton } from "./skeleton.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/feedback/skeleton/skeleton-text.tsx

package/dist/components/feedback/skeleton/skeleton-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton-text.js","names":[],"sources":["../../../../src/components/feedback/skeleton/skeleton-text.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { Skeleton } from './skeleton';\nimport type { SkeletonVariants } from './skeleton-variants';\n\nexport type SkeletonTextProps = MergeOverride<\n  Omit<useRender.ComponentProps<'div'>, 'children'>,\n  Pick<SkeletonVariants, 'variant'> & {\n    /**\n     * Quantidade de linhas. Com mais de uma, a última fica mais curta, como o fim de um\n     * parágrafo.\n     *\n     * @default 3\n     */\n    lines?: number;\n  }\n>;\n\nconst splitVariantProps = createSplitProps<Pick<SkeletonVariants, 'variant'>>();\n\n/**\n * Placeholder de um parágrafo: uma barra por linha.\n *\n * Cada linha mede `1lh`, a entrelinha do texto, com a barra mais fina centralizada pela margem.\n * Assim o bloco tem a altura que o texto terá, e a troca não move o layout. Para acertar a\n * medida, passe na `className` o tamanho e a entrelinha do texto que vai entrar (`text-sm/5`).\n *\n * Só ocupa o lugar do texto: a troca pelo conteúdo fica com quem usa (`Show`, ternário).\n *\n * Fica fora de um namespace: o uso principal do `Skeleton` é avulso.\n *\n * @example\n * ```tsx\n * <SkeletonText lines={2} className=\"text-sm/5\" />\n * ```\n */\nexport const SkeletonText = (props: SkeletonTextProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['variant']);\n\n  const { lines = 3, render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'SkeletonText',\n    className: mergeTwClassNames(['flex', 'flex-col', 'w-full'], className),\n    children: Array.from({ length: lines }, (_, index) => (\n      <Skeleton\n        // As linhas são iguais e só mudam pela quantidade: o índice é a identidade.\n        key={index}\n        variant={variantProps.variant}\n        className={mergeTwClassNames([\n          'h-[0.75lh]',\n          'my-[0.125lh]',\n\n          'last:not-only:w-4/5',\n        ])}\n      />\n    )),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSkeletonText.displayName = 'SkeletonText';\n"],"mappings":";;;;;;AAmBA,MAAM,oBAAoB,iBAAoD;;;;;;;;;;;;;;;;;AAkB9E,MAAa,gBAAgB,UAA6B;CACxD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,SAAS,CAAC;CAEzE,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB;GAAC;GAAQ;GAAY;EAAQ,GAAG,SAAS;EACtE,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UAC1C,oBAAC,UAAD;GAGE,SAAS,aAAa;GACtB,WAAW,kBAAkB;IAC3B;IACA;IAEA;GACF,CAAC;EACF,GARM,KAQN,CACF;CACH;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}
+{"version":3,"file":"skeleton-text.js","names":[],"sources":["../../../../src/components/feedback/skeleton/skeleton-text.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { Skeleton } from './skeleton';\nimport type { SkeletonVariants } from './skeleton-variants';\n\nexport type SkeletonTextProps = MergeOverride<\n  Omit<useRender.ComponentProps<'div'>, 'children'>,\n  Pick<SkeletonVariants, 'variant'> & {\n    /**\n     * Quantidade de linhas. Com mais de uma, a última fica mais curta, como o fim de um\n     * parágrafo.\n     *\n     * @default 3\n     */\n    lines?: number;\n  }\n>;\n\nconst splitVariantProps = createSplitProps<Pick<SkeletonVariants, 'variant'>>();\n\n/**\n * Placeholder de um parágrafo: uma barra por linha.\n *\n * Cada linha mede `1lh`, a entrelinha do texto, com a barra mais fina centralizada pela margem.\n * Assim o bloco tem a altura que o texto terá, e a troca não move o layout. Para acertar a\n * medida, passe na `className` o tamanho e a entrelinha do texto que vai entrar (`text-sm/5`).\n *\n * Só ocupa o lugar do texto: a troca pelo conteúdo fica com quem usa (`Show`, ternário).\n *\n * Fica fora de um namespace: o uso principal do `Skeleton` é avulso.\n *\n * @example\n * ```tsx\n * <SkeletonText lines={2} className=\"text-sm/5\" />\n * ```\n */\nexport const SkeletonText = (props: SkeletonTextProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['variant']);\n\n  const { lines = 3, render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'SkeletonText',\n    className: mergeTwClassNames(['flex', 'flex-col', 'w-full'], className),\n    children: Array.from({ length: lines }, (_, index) => (\n      <Skeleton\n        // As linhas são iguais e só mudam pela quantidade: o índice é a identidade.\n        key={index}\n        variant={variantProps.variant}\n        className={mergeTwClassNames([\n          'h-[0.75lh]',\n          'my-[0.125lh]',\n\n          'last:not-only:w-4/5',\n        ])}\n      />\n    )),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSkeletonText.displayName = 'SkeletonText';\n"],"mappings":";;;;;;AAsBA,MAAM,oBAAoB,iBAAoD;;;;;;;;;;;;;;;;;AAkB9E,MAAa,gBAAgB,UAA6B;CACxD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,SAAS,CAAC;CAEzE,MAAM,EAAE,QAAQ,GAAG,QAAQ,WAAW,GAAG,SAAS;CAElD,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB;GAAC;GAAQ;GAAY;EAAQ,GAAG,SAAS;EACtE,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UAC1C,oBAAC,UAAD;GAGE,SAAS,aAAa;GACtB,WAAW,kBAAkB;IAC3B;IACA;IAEA;GACF,CAAC;EACF,GARM,KAQN,CACF;CACH;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/feedback/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
 import { SkeletonVariants } from "./skeleton-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/feedback/skeleton/skeleton.d.ts
 export type SkeletonProps = MergeOverride<useRender.ComponentProps<'div'>, SkeletonVariants>;

package/dist/components/feedback/skeleton/skeleton.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { skeletonDefaultVariants, skeletonVariants } from "./skeleton-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/feedback/skeleton/skeleton.tsx
 const splitVariantProps = createSplitProps();

package/dist/components/feedback/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../src/components/feedback/skeleton/skeleton.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport {\n  type SkeletonVariants,\n  skeletonDefaultVariants,\n  skeletonVariants,\n} from './skeleton-variants';\n\nexport type SkeletonProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  SkeletonVariants\n>;\n\nconst splitVariantProps = createSplitProps<SkeletonVariants>();\n\n/**\n * Bloco que ocupa o lugar do conteúdo enquanto ele carrega. Altura, largura e forma vêm pela\n * `className` (`h-5 w-4/5`). O canto sai em `corner-squircle`, que deforma o `rounded-full`: o\n * círculo leva `corner-round` junto (`size-10 rounded-full corner-round`).\n *\n * Com filhos, o bloco toma o tamanho deles e os esconde até `loading` virar `false`. Passe o\n * componente como filho, não pelo `render`: pelo `render`, as classes dele concorrem com as do\n * bloco, e o fundo ou o texto dele podem aparecer.\n *\n * Enquanto carrega, recebe `inert`: o texto direto, que só fica transparente, sai da árvore de\n * acessibilidade, e o elemento sai do foco. O anúncio da espera fica com o contêiner que está\n * carregando, por `aria-busy`.\n *\n * @example\n * ```tsx\n * <Skeleton className=\"h-5 w-4/5\" />\n *\n * <Skeleton loading={isLoading} className=\"w-fit\">\n *   <Badge>Pago</Badge>\n * </Skeleton>\n * ```\n */\nexport const Skeleton = (props: SkeletonProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'loading',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const { loading = skeletonDefaultVariants.loading } = variantProps;\n\n  const baseProps = {\n    'data-component': 'Skeleton',\n    'data-loading': loading ? '' : undefined,\n    inert: loading || undefined,\n    className: mergeTwClassNames(skeletonVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSkeleton.displayName = 'Skeleton';\n"],"mappings":";;;;;AAcA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;AAwB7D,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,WACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,EAAE,UAAU,wBAAwB,YAAY;CAEtD,MAAM,YAAY;EAChB,kBAAkB;EAClB,gBAAgB,UAAU,KAAK,KAAA;EAC/B,OAAO,WAAW,KAAA;EAClB,WAAW,kBAAkB,iBAAiB,YAAY,GAAG,SAAS;CACxE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,SAAS,cAAc"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../../src/components/feedback/skeleton/skeleton.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport {\n  type SkeletonVariants,\n  skeletonDefaultVariants,\n  skeletonVariants,\n} from './skeleton-variants';\n\nexport type SkeletonProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  SkeletonVariants\n>;\n\nconst splitVariantProps = createSplitProps<SkeletonVariants>();\n\n/**\n * Bloco que ocupa o lugar do conteúdo enquanto ele carrega. Altura, largura e forma vêm pela\n * `className` (`h-5 w-4/5`). O canto sai em `corner-squircle`, que deforma o `rounded-full`: o\n * círculo leva `corner-round` junto (`size-10 rounded-full corner-round`).\n *\n * Com filhos, o bloco toma o tamanho deles e os esconde até `loading` virar `false`. Passe o\n * componente como filho, não pelo `render`: pelo `render`, as classes dele concorrem com as do\n * bloco, e o fundo ou o texto dele podem aparecer.\n *\n * Enquanto carrega, recebe `inert`: o texto direto, que só fica transparente, sai da árvore de\n * acessibilidade, e o elemento sai do foco. O anúncio da espera fica com o contêiner que está\n * carregando, por `aria-busy`.\n *\n * @example\n * ```tsx\n * <Skeleton className=\"h-5 w-4/5\" />\n *\n * <Skeleton loading={isLoading} className=\"w-fit\">\n *   <Badge>Pago</Badge>\n * </Skeleton>\n * ```\n */\nexport const Skeleton = (props: SkeletonProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'loading',\n    'variant',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const { loading = skeletonDefaultVariants.loading } = variantProps;\n\n  const baseProps = {\n    'data-component': 'Skeleton',\n    'data-loading': loading ? '' : undefined,\n    inert: loading || undefined,\n    className: mergeTwClassNames(skeletonVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSkeleton.displayName = 'Skeleton';\n"],"mappings":";;;;;AAiBA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;;;;;;;;;;AAwB7D,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,WACA,SACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,EAAE,UAAU,wBAAwB,YAAY;CAEtD,MAAM,YAAY;EAChB,kBAAkB;EAClB,gBAAgB,UAAU,KAAK,KAAA;EAC/B,OAAO,WAAW,KAAA;EAClB,WAAW,kBAAkB,iBAAiB,YAAY,GAAG,SAAS;CACxE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,SAAS,cAAc"}

package/dist/components/feedback/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
 import { SpinnerVariants } from "./spinner-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { useRender } from "@base-ui/react";
 //#region src/components/feedback/spinner/spinner.d.ts
 export type SpinnerProps = MergeOverride<useRender.ComponentProps<'span'>, SpinnerVariants & {

package/dist/components/feedback/spinner/spinner.js

@@ -1,6 +1,6 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { spinnerVariants } from "./spinner-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { mergeProps, useRender } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/feedback/spinner/spinner.tsx

package/dist/components/feedback/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../../../src/components/feedback/spinner/spinner.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type SpinnerVariants, spinnerVariants } from './spinner-variants';\n\nexport type SpinnerProps = MergeOverride<\n  useRender.ComponentProps<'span'>,\n  SpinnerVariants & {\n    /**\n     * Texto lido pelo leitor de tela, escondido da tela. Diga o que está carregando.\n     *\n     * @default 'Carregando'\n     */\n    label?: string;\n  }\n>;\n\nconst splitVariantProps = createSplitProps<SpinnerVariants>();\n\n/**\n * Indicador circular de carregamento.\n *\n * Mede `1em`, então acompanha o tamanho do texto ao redor; para um tamanho fixo, passe `size-*`\n * na `className`, e para outra espessura, `border-*`.\n *\n * Vem com `role=\"status\"` e o `label` como texto `sr-only`, para o leitor de tela anunciar a\n * espera. O anúncio mais confiável é o do contêiner que está carregando, com `aria-busy`. Dentro\n * de um controle que já comunica o próprio estado (um botão com `loading`), passe `aria-hidden`\n * para não anunciar duas vezes.\n *\n * @example\n * ```tsx\n * <Spinner />\n *\n * <Spinner\n *   colorScheme=\"brand\"\n *   label=\"Emitindo a nota fiscal\"\n *   className=\"size-8\"\n * />\n * ```\n */\nexport const Spinner = (props: SpinnerProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { label = 'Carregando', render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Spinner',\n    role: 'status',\n    className: mergeTwClassNames(spinnerVariants(variantProps), className),\n    children: <span className={mergeTwClassNames(['sr-only'])}>{label}</span>,\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'span',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;;;;AAiBA,MAAM,oBAAoB,iBAAkC;;;;;;;;;;;;;;;;;;;;;;;AAwB5D,MAAa,WAAW,UAAwB;CAC9C,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,QAAQ,cAAc,QAAQ,WAAW,GAAG,SAAS;CAE7D,MAAM,YAAY;EAChB,kBAAkB;EAClB,MAAM;EACN,WAAW,kBAAkB,gBAAgB,YAAY,GAAG,SAAS;EACrE,UAAU,oBAAC,QAAD;GAAM,WAAW,kBAAkB,CAAC,SAAS,CAAC;GAAI,UAAA;EAAY,CAAA;CAC1E;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,QAAQ,cAAc"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../../src/components/feedback/spinner/spinner.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type SpinnerVariants, spinnerVariants } from './spinner-variants';\n\nexport type SpinnerProps = MergeOverride<\n  useRender.ComponentProps<'span'>,\n  SpinnerVariants & {\n    /**\n     * Texto lido pelo leitor de tela, escondido da tela. Diga o que está carregando.\n     *\n     * @default 'Carregando'\n     */\n    label?: string;\n  }\n>;\n\nconst splitVariantProps = createSplitProps<SpinnerVariants>();\n\n/**\n * Indicador circular de carregamento.\n *\n * Mede `1em`, então acompanha o tamanho do texto ao redor; para um tamanho fixo, passe `size-*`\n * na `className`, e para outra espessura, `border-*`.\n *\n * Vem com `role=\"status\"` e o `label` como texto `sr-only`, para o leitor de tela anunciar a\n * espera. O anúncio mais confiável é o do contêiner que está carregando, com `aria-busy`. Dentro\n * de um controle que já comunica o próprio estado (um botão com `loading`), passe `aria-hidden`\n * para não anunciar duas vezes.\n *\n * @example\n * ```tsx\n * <Spinner />\n *\n * <Spinner\n *   colorScheme=\"brand\"\n *   label=\"Emitindo a nota fiscal\"\n *   className=\"size-8\"\n * />\n * ```\n */\nexport const Spinner = (props: SpinnerProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n  ]);\n\n  const { label = 'Carregando', render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Spinner',\n    role: 'status',\n    className: mergeTwClassNames(spinnerVariants(variantProps), className),\n    children: <span className={mergeTwClassNames(['sr-only'])}>{label}</span>,\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'span',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nSpinner.displayName = 'Spinner';\n"],"mappings":";;;;;;AAoBA,MAAM,oBAAoB,iBAAkC;;;;;;;;;;;;;;;;;;;;;;;AAwB5D,MAAa,WAAW,UAAwB;CAC9C,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,QAAQ,cAAc,QAAQ,WAAW,GAAG,SAAS;CAE7D,MAAM,YAAY;EAChB,kBAAkB;EAClB,MAAM;EACN,WAAW,kBAAkB,gBAAgB,YAAY,GAAG,SAAS;EACrE,UAAU,oBAAC,QAAD;GAAM,WAAW,kBAAkB,CAAC,SAAS,CAAC;GAAI,UAAA;EAAY,CAAA;CAC1E;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,QAAQ,cAAc"}

package/dist/components/feedback/toast/index.d.ts

@@ -0,0 +1,2 @@
+import { index_parts_d_exports } from "./index.parts.js";
+export { index_parts_d_exports as Toast };

package/dist/components/feedback/toast/index.js

@@ -0,0 +1,2 @@
+import { index_parts_exports } from "./index.parts.js";
+export { index_parts_exports as Toast };

package/dist/components/feedback/toast/index.parts.d.ts

@@ -0,0 +1,20 @@
+import { ToastAction, ToastActionProps, ToastActionState } from "./toast-action.js";
+import { ToastClose, ToastCloseProps, ToastCloseState } from "./toast-close.js";
+import { ToastContent, ToastContentProps, ToastContentState } from "./toast-content.js";
+import { ToastDescription, ToastDescriptionProps, ToastDescriptionState } from "./toast-description.js";
+import { ToastIndicator, ToastIndicatorProps } from "./toast-indicator.js";
+import { ToastAddOptions, ToastPromiseOptions, ToastPromiseStateOptions, ToastType, ToastUpdateOptions, toastAdd, toastClose, toastPromise, toastUpdate } from "./toast-manager.js";
+import { ToastProvider, ToastProviderProps } from "./toast-provider.js";
+import { ToastVariants } from "./use-toast-context.js";
+import { ToastOutlet, ToastOutletProps } from "./toast-outlet.js";
+import { ToastPortal, ToastPortalProps, ToastPortalState } from "./toast-portal.js";
+import { ToastRoot, ToastRootProps, ToastRootState, ToastRootToastObject } from "./toast-root.js";
+import { ToastTitle, ToastTitleProps, ToastTitleState } from "./toast-title.js";
+import { ToastViewport, ToastViewportProps, ToastViewportState } from "./toast-viewport.js";
+import { useToastManager } from "./use-toast-manager.js";
+declare namespace index_parts_d_exports {
+  export { ToastAction as Action, ToastActionProps as ActionProps, ToastActionState as ActionState, ToastAddOptions as AddOptions, ToastClose as Close, ToastCloseProps as CloseProps, ToastCloseState as CloseState, ToastContent as Content, ToastContentProps as ContentProps, ToastContentState as ContentState, ToastDescription as Description, ToastDescriptionProps as DescriptionProps, ToastDescriptionState as DescriptionState, ToastIndicator as Indicator, ToastIndicatorProps as IndicatorProps, ToastOutlet as Outlet, ToastOutletProps as OutletProps, ToastPortal as Portal, ToastPortalProps as PortalProps, ToastPortalState as PortalState, ToastPromiseOptions as PromiseOptions, ToastPromiseStateOptions as PromiseStateOptions, ToastProvider as Provider, ToastProviderProps as ProviderProps, ToastRoot as Root, ToastRootProps as RootProps, ToastRootState as RootState, ToastRootToastObject as RootToastObject, ToastTitle as Title, ToastTitleProps as TitleProps, ToastTitleState as TitleState, ToastType as Type, ToastUpdateOptions as UpdateOptions, ToastVariants as Variants, ToastViewport as Viewport, ToastViewportProps as ViewportProps, ToastViewportState as ViewportState, toastAdd as add, toastClose as close, toastPromise as promise, toastUpdate as update, useToastManager as useManager };
+}
+//#endregion
+export { ToastAction as Action, type ToastActionProps as ActionProps, type ToastActionState as ActionState, type ToastAddOptions as AddOptions, ToastClose as Close, type ToastCloseProps as CloseProps, type ToastCloseState as CloseState, ToastContent as Content, type ToastContentProps as ContentProps, type ToastContentState as ContentState, ToastDescription as Description, type ToastDescriptionProps as DescriptionProps, type ToastDescriptionState as DescriptionState, ToastIndicator as Indicator, type ToastIndicatorProps as IndicatorProps, ToastOutlet as Outlet, type ToastOutletProps as OutletProps, ToastPortal as Portal, type ToastPortalProps as PortalProps, type ToastPortalState as PortalState, type ToastPromiseOptions as PromiseOptions, type ToastPromiseStateOptions as PromiseStateOptions, ToastProvider as Provider, type ToastProviderProps as ProviderProps, ToastRoot as Root, type ToastRootProps as RootProps, type ToastRootState as RootState, type ToastRootToastObject as RootToastObject, ToastTitle as Title, type ToastTitleProps as TitleProps, type ToastTitleState as TitleState, type ToastType as Type, type ToastUpdateOptions as UpdateOptions, type ToastVariants as Variants, ToastViewport as Viewport, type ToastViewportProps as ViewportProps, type ToastViewportState as ViewportState, toastAdd as add, toastClose as close, index_parts_d_exports, toastPromise as promise, toastUpdate as update, useToastManager as useManager };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/feedback/toast/index.parts.js

@@ -0,0 +1,37 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { ToastAction } from "./toast-action.js";
+import { ToastClose } from "./toast-close.js";
+import { ToastContent } from "./toast-content.js";
+import { ToastDescription } from "./toast-description.js";
+import { ToastIndicator } from "./toast-indicator.js";
+import { toastAdd, toastClose, toastPromise, toastUpdate } from "./toast-manager.js";
+import { ToastPortal } from "./toast-portal.js";
+import { ToastProvider } from "./toast-provider.js";
+import { ToastRoot } from "./toast-root.js";
+import { ToastTitle } from "./toast-title.js";
+import { ToastViewport } from "./toast-viewport.js";
+import { ToastOutlet } from "./toast-outlet.js";
+import { useToastManager } from "./use-toast-manager.js";
+//#region src/components/feedback/toast/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Action: () => ToastAction,
+	Close: () => ToastClose,
+	Content: () => ToastContent,
+	Description: () => ToastDescription,
+	Indicator: () => ToastIndicator,
+	Outlet: () => ToastOutlet,
+	Portal: () => ToastPortal,
+	Provider: () => ToastProvider,
+	Root: () => ToastRoot,
+	Title: () => ToastTitle,
+	Viewport: () => ToastViewport,
+	add: () => toastAdd,
+	close: () => toastClose,
+	promise: () => toastPromise,
+	update: () => toastUpdate,
+	useManager: () => useToastManager
+});
+//#endregion
+export { ToastAction as Action, ToastClose as Close, ToastContent as Content, ToastDescription as Description, ToastIndicator as Indicator, ToastOutlet as Outlet, ToastPortal as Portal, ToastProvider as Provider, ToastRoot as Root, ToastTitle as Title, ToastViewport as Viewport, toastAdd as add, toastClose as close, index_parts_exports, toastPromise as promise, toastUpdate as update, useToastManager as useManager };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/feedback/toast/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/feedback/toast/index.parts.ts"],"sourcesContent":["export { ToastAction as Action } from './toast-action';\nexport { ToastClose as Close } from './toast-close';\nexport { ToastContent as Content } from './toast-content';\nexport { ToastDescription as Description } from './toast-description';\nexport { ToastIndicator as Indicator } from './toast-indicator';\nexport {\n  toastAdd as add,\n  toastClose as close,\n  toastPromise as promise,\n  toastUpdate as update,\n} from './toast-manager';\nexport { ToastOutlet as Outlet } from './toast-outlet';\nexport { ToastPortal as Portal } from './toast-portal';\nexport { ToastProvider as Provider } from './toast-provider';\nexport { ToastRoot as Root } from './toast-root';\nexport { ToastTitle as Title } from './toast-title';\nexport { ToastViewport as Viewport } from './toast-viewport';\nexport { useToastManager as useManager } from './use-toast-manager';\n\n/* types */\n\nexport type {\n  ToastActionProps as ActionProps,\n  ToastActionState as ActionState,\n} from './toast-action';\nexport type {\n  ToastCloseProps as CloseProps,\n  ToastCloseState as CloseState,\n} from './toast-close';\nexport type {\n  ToastContentProps as ContentProps,\n  ToastContentState as ContentState,\n} from './toast-content';\nexport type {\n  ToastDescriptionProps as DescriptionProps,\n  ToastDescriptionState as DescriptionState,\n} from './toast-description';\nexport type { ToastIndicatorProps as IndicatorProps } from './toast-indicator';\nexport type {\n  ToastAddOptions as AddOptions,\n  ToastPromiseOptions as PromiseOptions,\n  ToastPromiseStateOptions as PromiseStateOptions,\n  ToastType as Type,\n  ToastUpdateOptions as UpdateOptions,\n} from './toast-manager';\nexport type { ToastOutletProps as OutletProps } from './toast-outlet';\nexport type {\n  ToastPortalProps as PortalProps,\n  ToastPortalState as PortalState,\n} from './toast-portal';\nexport type { ToastProviderProps as ProviderProps } from './toast-provider';\nexport type {\n  ToastRootProps as RootProps,\n  ToastRootState as RootState,\n  ToastRootToastObject as RootToastObject,\n} from './toast-root';\nexport type {\n  ToastTitleProps as TitleProps,\n  ToastTitleState as TitleState,\n} from './toast-title';\nexport type {\n  ToastViewportProps as ViewportProps,\n  ToastViewportState as ViewportState,\n} from './toast-viewport';\nexport type { ToastVariants as Variants } from './use-toast-context';\n"],"mappings":""}