@lucasbernardosn/react-ui 0.1.0 → 0.3.0

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

@@ -1,88 +1,32 @@
 import { cva } from "class-variance-authority";
 //#region src/components/feedback/empty-state/empty-state-root-variants.ts
-const emptyStateDefaultVariants = {
-	size: "sm",
-	variant: "outline"
-};
+const emptyStateDefaultVariants = { variant: "outline" };
 /**
-* O `size` aplica o respiro e o espaço entre as partes no próprio `Root` e declara CSS variables
-* para as partes lerem:
-* - `--empty-state-indicator-size`: o tamanho do ícone no Indicator;
-* - `--empty-state-title-size` e `--empty-state-title-leading`: o Title;
-* - `--empty-state-description-size` e `--empty-state-description-leading`: a Description;
-* - `--empty-state-header-gap`: o espaço entre título e descrição no Content.
-*
-* Assim as partes não precisam de contexto e, fora de um `Root`, ficam no tamanho do `sm`.
+* O respiro, o espaço entre as partes e o tamanho do indicador são fixos e ficam no `Root`. O
+* Indicator lê o tamanho pela CSS variable, e fora de um `Root` cai no mesmo valor.
 */
 const emptyStateRootVariants = cva([
+	"[--empty-state-indicator-size:--spacing(6)]",
 	"flex",
 	"flex-col",
 	"items-center",
 	"justify-center",
+	"gap-4",
+	"px-6",
+	"py-8",
 	"rounded-md",
 	"corner-squircle",
 	"text-center"
 ], {
-	variants: {
-		size: {
-			xs: [
-				"gap-3",
-				"px-4",
-				"py-6",
-				"[--empty-state-indicator-size:--spacing(6)]",
-				"[--empty-state-title-size:var(--text-base)]",
-				"[--empty-state-title-leading:--spacing(5)]",
-				"[--empty-state-description-size:var(--text-xs)]",
-				"[--empty-state-description-leading:--spacing(4)]",
-				"[--empty-state-header-gap:--spacing(0.5)]"
-			],
-			sm: [
-				"gap-4",
-				"px-6",
-				"py-8",
-				"[--empty-state-indicator-size:--spacing(9)]",
-				"[--empty-state-title-size:var(--text-lg)]",
-				"[--empty-state-title-leading:--spacing(6)]",
-				"[--empty-state-description-size:var(--text-sm)]",
-				"[--empty-state-description-leading:--spacing(5)]",
-				"[--empty-state-header-gap:--spacing(0.5)]"
-			],
-			md: [
-				"gap-5",
-				"px-8",
-				"py-12",
-				"[--empty-state-indicator-size:--spacing(12)]",
-				"[--empty-state-title-size:var(--text-xl)]",
-				"[--empty-state-title-leading:--spacing(7)]",
-				"[--empty-state-description-size:var(--text-base)]",
-				"[--empty-state-description-leading:--spacing(6)]",
-				"[--empty-state-header-gap:--spacing(1)]"
-			],
-			lg: [
-				"gap-6",
-				"px-10",
-				"py-16",
-				"[--empty-state-indicator-size:--spacing(15)]",
-				"[--empty-state-title-size:var(--text-2xl)]",
-				"[--empty-state-title-leading:--spacing(8)]",
-				"[--empty-state-description-size:var(--text-lg)]",
-				"[--empty-state-description-leading:--spacing(7)]",
-				"[--empty-state-header-gap:--spacing(1)]"
-			]
-		},
-		variant: {
-			outline: [
-				"border",
-				"border-dashed",
-				"border-gray-6"
-			],
-			plain: []
-		}
-	},
-	defaultVariants: {
-		size: emptyStateDefaultVariants.size,
-		variant: emptyStateDefaultVariants.variant
-	}
+	variants: { variant: {
+		outline: [
+			"border",
+			"border-dashed",
+			"border-gray-6"
+		],
+		plain: []
+	} },
+	defaultVariants: { variant: emptyStateDefaultVariants.variant }
 });
 //#endregion
 export { emptyStateDefaultVariants, emptyStateRootVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"empty-state-root-variants.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport type EmptyStateVariants = {\n  /**\n   * Respiro interno, espaço entre as partes, tamanho do indicador e tipografia do título e da\n   * descrição, na escala de título e descrição da lib.\n   *\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  /**\n   * Moldura do `Root`: `outline` com borda tracejada e `plain` sem moldura, para quando o estado\n   * vazio já está dentro de algo emoldurado (tabela, cartão, dropdown).\n   *\n   * @default 'outline'\n   */\n  variant?: 'outline' | 'plain';\n};\n\nexport const emptyStateDefaultVariants: Required<EmptyStateVariants> = {\n  size: 'sm',\n  variant: 'outline',\n};\n\n/**\n * O `size` aplica o respiro e o espaço entre as partes no próprio `Root` e declara CSS variables\n * para as partes lerem:\n * - `--empty-state-indicator-size`: o tamanho do ícone no Indicator;\n * - `--empty-state-title-size` e `--empty-state-title-leading`: o Title;\n * - `--empty-state-description-size` e `--empty-state-description-leading`: a Description;\n * - `--empty-state-header-gap`: o espaço entre título e descrição no Content.\n *\n * Assim as partes não precisam de contexto e, fora de um `Root`, ficam no tamanho do `sm`.\n */\nexport const emptyStateRootVariants = cva(\n  [\n    'flex',\n    'flex-col',\n    'items-center',\n    'justify-center',\n\n    'rounded-md',\n    'corner-squircle',\n\n    'text-center',\n  ],\n  {\n    variants: {\n      size: {\n        xs: [\n          'gap-3',\n          'px-4',\n          'py-6',\n          '[--empty-state-indicator-size:--spacing(6)]',\n          '[--empty-state-title-size:var(--text-base)]',\n          '[--empty-state-title-leading:--spacing(5)]',\n          '[--empty-state-description-size:var(--text-xs)]',\n          '[--empty-state-description-leading:--spacing(4)]',\n          '[--empty-state-header-gap:--spacing(0.5)]',\n        ],\n        sm: [\n          'gap-4',\n          'px-6',\n          'py-8',\n          '[--empty-state-indicator-size:--spacing(9)]',\n          '[--empty-state-title-size:var(--text-lg)]',\n          '[--empty-state-title-leading:--spacing(6)]',\n          '[--empty-state-description-size:var(--text-sm)]',\n          '[--empty-state-description-leading:--spacing(5)]',\n          '[--empty-state-header-gap:--spacing(0.5)]',\n        ],\n        md: [\n          'gap-5',\n          'px-8',\n          'py-12',\n          '[--empty-state-indicator-size:--spacing(12)]',\n          '[--empty-state-title-size:var(--text-xl)]',\n          '[--empty-state-title-leading:--spacing(7)]',\n          '[--empty-state-description-size:var(--text-base)]',\n          '[--empty-state-description-leading:--spacing(6)]',\n          '[--empty-state-header-gap:--spacing(1)]',\n        ],\n        lg: [\n          'gap-6',\n          'px-10',\n          'py-16',\n          '[--empty-state-indicator-size:--spacing(15)]',\n          '[--empty-state-title-size:var(--text-2xl)]',\n          '[--empty-state-title-leading:--spacing(8)]',\n          '[--empty-state-description-size:var(--text-lg)]',\n          '[--empty-state-description-leading:--spacing(7)]',\n          '[--empty-state-header-gap:--spacing(1)]',\n        ],\n      },\n      variant: {\n        outline: ['border', 'border-dashed', 'border-gray-6'],\n        plain: [],\n      },\n    },\n    defaultVariants: {\n      size: emptyStateDefaultVariants.size,\n      variant: emptyStateDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;AAmBA,MAAa,4BAA0D;CACrE,MAAM;CACN,SAAS;AACX;;;;;;;;;;;AAYA,MAAa,yBAAyB,IACpC;CACE;CACA;CACA;CACA;CAEA;CACA;CAEA;AACF,GACA;CACE,UAAU;EACR,MAAM;GACJ,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;GACA,IAAI;IACF;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EACA,SAAS;GACP,SAAS;IAAC;IAAU;IAAiB;GAAe;GACpD,OAAO,CAAC;EACV;CACF;CACA,iBAAiB;EACf,MAAM,0BAA0B;EAChC,SAAS,0BAA0B;CACrC;AACF,CACF"}
+{"version":3,"file":"empty-state-root-variants.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport type EmptyStateVariants = {\n  /**\n   * Moldura do `Root`: `outline` com borda tracejada e `plain` sem moldura, para quando o estado\n   * vazio já está dentro de algo emoldurado (tabela, cartão, dropdown).\n   *\n   * @default 'outline'\n   */\n  variant?: 'outline' | 'plain';\n};\n\nexport const emptyStateDefaultVariants: Required<EmptyStateVariants> = {\n  variant: 'outline',\n};\n\n/**\n * O respiro, o espaço entre as partes e o tamanho do indicador são fixos e ficam no `Root`. O\n * Indicator lê o tamanho pela CSS variable, e fora de um `Root` cai no mesmo valor.\n */\nexport const emptyStateRootVariants = cva(\n  [\n    '[--empty-state-indicator-size:--spacing(6)]',\n\n    'flex',\n    'flex-col',\n    'items-center',\n    'justify-center',\n\n    'gap-4',\n    'px-6',\n    'py-8',\n\n    'rounded-md',\n    'corner-squircle',\n\n    'text-center',\n  ],\n  {\n    variants: {\n      variant: {\n        outline: ['border', 'border-dashed', 'border-gray-6'],\n        plain: [],\n      },\n    },\n    defaultVariants: {\n      variant: emptyStateDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;AAYA,MAAa,4BAA0D,EACrE,SAAS,UACX;;;;;AAMA,MAAa,yBAAyB,IACpC;CACE;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;CAEA;CACA;CAEA;AACF,GACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;GAAC;GAAU;GAAiB;EAAe;EACpD,OAAO,CAAC;CACV,EACF;CACA,iBAAiB,EACf,SAAS,0BAA0B,QACrC;AACF,CACF"}

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

@@ -1,12 +1,11 @@
 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>;
 /**
- * Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações. O `size`
- * vale para todas as partes, pelas CSS variables que o `Root` declara; a `variant` decide se há
- * moldura.
+ * Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações, com
+ * tamanho e respiro fixos; a `variant` decide se há moldura.
  *
  * @example
  * ```tsx

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

@@ -1,13 +1,12 @@
 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();
 /**
-* Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações. O `size`
-* vale para todas as partes, pelas CSS variables que o `Root` declara; a `variant` decide se há
-* moldura.
+* Estado vazio: coluna centralizada que empilha indicador, título, descrição e ações, com
+* tamanho e respiro fixos; a `variant` decide se há moldura.
 *
 * @example
 * ```tsx
@@ -24,7 +23,7 @@ const splitVariantProps = createSplitProps();
 * ```
 */
 const EmptyStateRoot = (props) => {
-	const [variantProps, elementProps] = splitVariantProps(props, ["size", "variant"]);
+	const [variantProps, elementProps] = splitVariantProps(props, ["variant"]);
 	const { render, className, ...rest } = elementProps;
 	const baseProps = {
 		"data-component": "EmptyState.Root",

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. O `size`\n * vale para todas as partes, pelas CSS variables que o `Root` declara; a `variant` decide se há\n * 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, [\n    'size',\n    'variant',\n  ]);\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;;;;;;;;;;;;;;;;;;;;AAqB/D,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,QACA,SACF,CAAC;CAED,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,17 +1,17 @@
-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'>, {
   /**
-   * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência: o tamanho vem do
-   * `size` do `EmptyState.Root`. Com `render`, a tag do `render` prevalece.
+   * Nível do título, que define a tag (`h1` a `h6`). Não muda a aparência, que é fixa. Com
+   * `render`, a tag do `render` prevalece.
    *
    * @default 3
    */
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 }>;
 /**
- * Título do estado vazio, no tamanho e na entrelinha do `size` do `EmptyState.Root`. Escolha o
+ * Título do estado vazio, com a tipografia fixa dos títulos. Escolha o
  * `level` pela hierarquia da página: `2` para um estado vazio que ocupa a página, `3` ou `4` para o
  * de uma seção.
  */

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

@@ -2,7 +2,7 @@ import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/feedback/empty-state/empty-state-title.tsx
 /**
-* Título do estado vazio, no tamanho e na entrelinha do `size` do `EmptyState.Root`. Escolha o
+* Título do estado vazio, com a tipografia fixa dos títulos. Escolha o
 * `level` pela hierarquia da página: `2` para um estado vazio que ocupa a página, `3` ou `4` para o
 * de uma seção.
 */
@@ -11,9 +11,9 @@ const EmptyStateTitle = (props) => {
 	const baseProps = {
 		"data-component": "EmptyState.Title",
 		className: mergeTwClassNames([
-			"text-(length:--empty-state-title-size,var(--text-lg))",
-			"leading-(--empty-state-title-leading,--spacing(6))",
-			"font-semibold",
+			"text-base",
+			"leading-6",
+			"font-medium",
 			"text-gray-12",
 			"text-balance"
 		], className)

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: o tamanho vem do\n     * `size` do `EmptyState.Root`. Com `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, no tamanho e na entrelinha do `size` do `EmptyState.Root`. 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      [\n        'text-(length:--empty-state-title-size,var(--text-lg))',\n        'leading-(--empty-state-title-leading,--spacing(6))',\n        'font-semibold',\n        'text-gray-12',\n        'text-balance',\n      ],\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;GACE;GACA;GACA;GACA;GACA;EACF,GACA,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":""}

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

@@ -0,0 +1,14 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-action.d.ts
+export type ToastActionProps = Toast.Action.Props;
+export type ToastActionState = Toast.Action.State;
+/**
+ * Botão de ação do toast ("Desfazer"), com as `actionProps` do toast por cima das recebidas. Some
+ * quando não tem rótulo. Sem estilo próprio; passe um botão da lib em `render`.
+ */
+export declare const ToastAction: {
+  (props: ToastActionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-action.d.ts.map

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

@@ -0,0 +1,21 @@
+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-action.tsx
+/**
+* Botão de ação do toast ("Desfazer"), com as `actionProps` do toast por cima das recebidas. Some
+* quando não tem rótulo. Sem estilo próprio; passe um botão da lib em `render`.
+*/
+const ToastAction = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Toast.Action, {
+		"data-component": "Toast.Action",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+ToastAction.displayName = "Toast.Action";
+//#endregion
+export { ToastAction };
+
+//# sourceMappingURL=toast-action.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast-action.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-action.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ToastActionProps = BaseToast.Action.Props;\n\nexport type ToastActionState = BaseToast.Action.State;\n\n/**\n * Botão de ação do toast (\"Desfazer\"), com as `actionProps` do toast por cima das recebidas. Some\n * quando não tem rótulo. Sem estilo próprio; passe um botão da lib em `render`.\n */\nexport const ToastAction = (props: ToastActionProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseToast.Action\n      data-component=\"Toast.Action\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nToastAction.displayName = 'Toast.Action';\n"],"mappings":";;;;;;;;AAWA,MAAa,eAAe,UAA4B;CACtD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,MAAU,QAAX;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,YAAY,cAAc"}

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

@@ -0,0 +1,13 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-close.d.ts
+export type ToastCloseProps = Toast.Close.Props;
+export type ToastCloseState = Toast.Close.State;
+/**
+ * Botão que fecha o toast. Sem estilo próprio; passe o `CloseButton` em `render`.
+ */
+export declare const ToastClose: {
+  (props: ToastCloseProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-close.d.ts.map

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

@@ -0,0 +1,20 @@
+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-close.tsx
+/**
+* Botão que fecha o toast. Sem estilo próprio; passe o `CloseButton` em `render`.
+*/
+const ToastClose = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Toast.Close, {
+		"data-component": "Toast.Close",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+ToastClose.displayName = "Toast.Close";
+//#endregion
+export { ToastClose };
+
+//# sourceMappingURL=toast-close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast-close.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-close.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ToastCloseProps = BaseToast.Close.Props;\n\nexport type ToastCloseState = BaseToast.Close.State;\n\n/**\n * Botão que fecha o toast. Sem estilo próprio; passe o `CloseButton` em `render`.\n */\nexport const ToastClose = (props: ToastCloseProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseToast.Close\n      data-component=\"Toast.Close\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nToastClose.displayName = 'Toast.Close';\n"],"mappings":";;;;;;;AAUA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,MAAU,OAAX;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,WAAW,cAAc"}

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

@@ -0,0 +1,18 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-content.d.ts
+export type ToastContentProps = Toast.Content.Props;
+export type ToastContentState = Toast.Content.State;
+/**
+ * O miolo do toast, com o respiro: indicador, textos, ação e botão de fechar, em linha. Não é o
+ * `Content` dos outros componentes (o grupo de título e descrição): o nome vem do Base UI.
+ *
+ * Na pilha recolhida, o toast de trás fica com a altura do da frente, e o conteúdo dele some
+ * (`data-behind`) até a pilha expandir. A altura não deve seguir a do `Toast.Root` (`h-full`):
+ * mudar as duas juntas cancela a transição de altura do toast.
+ */
+export declare const ToastContent: {
+  (props: ToastContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-content.d.ts.map

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

@@ -0,0 +1,35 @@
+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-content.tsx
+/**
+* O miolo do toast, com o respiro: indicador, textos, ação e botão de fechar, em linha. Não é o
+* `Content` dos outros componentes (o grupo de título e descrição): o nome vem do Base UI.
+*
+* Na pilha recolhida, o toast de trás fica com a altura do da frente, e o conteúdo dele some
+* (`data-behind`) até a pilha expandir. A altura não deve seguir a do `Toast.Root` (`h-full`):
+* mudar as duas juntas cancela a transição de altura do toast.
+*/
+const ToastContent = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Toast.Content, {
+		"data-component": "Toast.Content",
+		className: mergeStateClassNames([
+			"flex",
+			"items-start",
+			"gap-2",
+			"p-4",
+			"overflow-hidden",
+			"transition-opacity",
+			"duration-250",
+			"ease-in-out",
+			"data-behind:not-data-expanded:opacity-0"
+		], className),
+		...rest
+	});
+};
+ToastContent.displayName = "Toast.Content";
+//#endregion
+export { ToastContent };
+
+//# sourceMappingURL=toast-content.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toast-content.js","names":["BaseToast"],"sources":["../../../../src/components/feedback/toast/toast-content.tsx"],"sourcesContent":["import { Toast as BaseToast } from '@base-ui/react/toast';\nimport { mergeStateClassNames } from '#utils';\n\nexport type ToastContentProps = BaseToast.Content.Props;\n\nexport type ToastContentState = BaseToast.Content.State;\n\n/**\n * O miolo do toast, com o respiro: indicador, textos, ação e botão de fechar, em linha. Não é o\n * `Content` dos outros componentes (o grupo de título e descrição): o nome vem do Base UI.\n *\n * Na pilha recolhida, o toast de trás fica com a altura do da frente, e o conteúdo dele some\n * (`data-behind`) até a pilha expandir. A altura não deve seguir a do `Toast.Root` (`h-full`):\n * mudar as duas juntas cancela a transição de altura do toast.\n */\nexport const ToastContent = (props: ToastContentProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseToast.Content\n      data-component=\"Toast.Content\"\n      className={mergeStateClassNames(\n        [\n          'flex',\n          'items-start',\n          'gap-2',\n\n          'p-4',\n\n          'overflow-hidden',\n\n          'transition-opacity',\n          'duration-250',\n          'ease-in-out',\n\n          'data-behind:not-data-expanded:opacity-0',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nToastContent.displayName = 'Toast.Content';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,MAAU,SAAX;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GACA;GAEA;GAEA;GAEA;GACA;GACA;GAEA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,aAAa,cAAc"}

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

@@ -0,0 +1,17 @@
+import { Toast } from "@base-ui/react/toast";
+//#region src/components/feedback/toast/toast-description.d.ts
+export type ToastDescriptionProps = Toast.Description.Props;
+export type ToastDescriptionState = Toast.Description.State;
+/**
+ * Texto de apoio do toast: sem filhos, mostra a `description` do toast, e some quando ele não tem
+ * uma. Sem título, ela é a mensagem do toast.
+ *
+ * Cópia do `Alert.Description`, a origem (tabela no README de `feedback`). A diferença: é o `p` do
+ * Base UI, e a cor vem de `--toast-fg`, que o `type` declara.
+ */
+export declare const ToastDescription: {
+  (props: ToastDescriptionProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=toast-description.d.ts.map