@lucasbernardosn/react-ui 0.1.0 → 0.3.0

package/dist/components/disclosure/breadcrumb/breadcrumb-ellipsis.js

@@ -0,0 +1,59 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { mergeProps, useRender } from "@base-ui/react";
+import { jsx } from "react/jsx-runtime";
+import { DotsThreeIcon } from "@phosphor-icons/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-ellipsis.tsx
+/**
+* Reticências no lugar dos níveis do meio de um caminho longo, dentro de um `Breadcrumb.Item`. Os
+* filhos substituem o ícone.
+*
+* Sozinho, é decorativo (`aria-hidden`): os níveis escondidos não chegam ao leitor de tela. Para
+* mostrá-los, faça dele o trigger de um `Menu` com os links escondidos, pelo `render`, com um nome
+* que diga o que abre; aí ele vira botão, com o hover e o anel de foco.
+*
+* @example
+* ```tsx
+* <Breadcrumb.Item>
+*   <Menu.Root>
+*     <Breadcrumb.Ellipsis render={<Menu.Trigger aria-label="Mostrar os níveis ocultos" />} />
+*     …
+*   </Menu.Root>
+* </Breadcrumb.Item>
+* ```
+*/
+const BreadcrumbEllipsis = (props) => {
+	const { render, className, children, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.Ellipsis",
+		"aria-hidden": render === void 0 ? true : void 0,
+		children: children ?? /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(DotsThreeIcon, {}) }),
+		className: mergeTwClassNames([
+			"inline-flex",
+			"items-center",
+			"justify-center",
+			"shrink-0",
+			"size-[1lh]",
+			"rounded-md",
+			"corner-squircle",
+			"text-gray-11",
+			"[button]:cursor-pointer",
+			"[&:is(button):hover]:bg-gray-4",
+			"[&:is(button):hover]:text-gray-12",
+			"[&:is(button)[data-popup-open]]:bg-gray-4",
+			"[&:is(button)[data-popup-open]]:text-gray-12",
+			"focus-ring-outside",
+			"[&_svg]:size-[1em]"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "span",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbEllipsis.displayName = "Breadcrumb.Ellipsis";
+//#endregion
+export { BreadcrumbEllipsis };
+
+//# sourceMappingURL=breadcrumb-ellipsis.js.map

package/dist/components/disclosure/breadcrumb/breadcrumb-ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-ellipsis.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-ellipsis.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { DotsThreeIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbEllipsisProps = useRender.ComponentProps<'span'>;\n\n/**\n * Reticências no lugar dos níveis do meio de um caminho longo, dentro de um `Breadcrumb.Item`. Os\n * filhos substituem o ícone.\n *\n * Sozinho, é decorativo (`aria-hidden`): os níveis escondidos não chegam ao leitor de tela. Para\n * mostrá-los, faça dele o trigger de um `Menu` com os links escondidos, pelo `render`, com um nome\n * que diga o que abre; aí ele vira botão, com o hover e o anel de foco.\n *\n * @example\n * ```tsx\n * <Breadcrumb.Item>\n *   <Menu.Root>\n *     <Breadcrumb.Ellipsis render={<Menu.Trigger aria-label=\"Mostrar os níveis ocultos\" />} />\n *     …\n *   </Menu.Root>\n * </Breadcrumb.Item>\n * ```\n */\nexport const BreadcrumbEllipsis = (props: BreadcrumbEllipsisProps) => {\n  const { render, className, children, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Ellipsis',\n    'aria-hidden': render === undefined ? true : undefined,\n    children: children ?? <Icon render={<DotsThreeIcon />} />,\n    className: mergeTwClassNames(\n      [\n        'inline-flex',\n        'items-center',\n        'justify-center',\n        'shrink-0',\n\n        // Da altura da linha e quadrado, para o hover do botão formar um quadrado em volta do ícone.\n        'size-[1lh]',\n\n        'rounded-md',\n        'corner-squircle',\n\n        'text-gray-11',\n\n        // Só como botão: o `span` decorativo não tem interação.\n        '[button]:cursor-pointer',\n        '[&:is(button):hover]:bg-gray-4',\n        '[&:is(button):hover]:text-gray-12',\n        '[&:is(button)[data-popup-open]]:bg-gray-4',\n        '[&:is(button)[data-popup-open]]:text-gray-12',\n        'focus-ring-outside',\n\n        '[&_svg]:size-[1em]',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'span',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbEllipsis.displayName = 'Breadcrumb.Ellipsis';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEjD,MAAM,YAAY;EAChB,kBAAkB;EAClB,eAAe,WAAW,KAAA,IAAY,OAAO,KAAA;EAC7C,UAAU,YAAY,oBAAC,MAAD,EAAM,QAAQ,oBAAC,eAAD,CAAgB,CAAA,EAAI,CAAA;EACxD,WAAW,kBACT;GACE;GACA;GACA;GACA;GAGA;GAEA;GACA;GAEA;GAGA;GACA;GACA;GACA;GACA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,mBAAmB,cAAc"}

package/dist/components/disclosure/breadcrumb/breadcrumb-link.js

@@ -15,7 +15,8 @@ const BreadcrumbLink = (props) => {
 			"items-center",
 			"gap-1.5",
 			"min-w-0",
-			"rounded-xs",
+			"rounded-md",
+			"corner-squircle",
 			"text-gray-11",
 			"underline-offset-[0.2em]",
 			"focus-ring-outside",

package/dist/components/disclosure/breadcrumb/breadcrumb-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-link.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-link.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbLinkProps = useRender.ComponentProps<'a'>;\n\n/**\n * Link para um nível acima da página atual, em tom mais fraco que ela; no hover, ganha o tom dela\n * e o sublinhado. O link do router entra pelo `render` (`render={<Link to=\"/pedidos\" />}`). Um\n * ícone dentro dele mede `1em` e fica antes do texto.\n */\nexport const BreadcrumbLink = (props: BreadcrumbLinkProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Link',\n    className: mergeTwClassNames(\n      [\n        'inline-flex',\n        'items-center',\n        'gap-1.5',\n        'min-w-0',\n\n        'rounded-xs',\n\n        'text-gray-11',\n        'underline-offset-[0.2em]',\n\n        'focus-ring-outside',\n\n        'hover:text-gray-12',\n        'hover:underline',\n\n        '[&_svg]:size-[1em]',\n        '[&_svg]:shrink-0',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'a',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbLink.displayName = 'Breadcrumb.Link';\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GAEA;GACA;GAEA;GAEA;GACA;GAEA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}
+{"version":3,"file":"breadcrumb-link.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-link.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbLinkProps = useRender.ComponentProps<'a'>;\n\n/**\n * Link para um nível acima da página atual, em tom mais fraco que ela; no hover, ganha o tom dela\n * e o sublinhado. O link do router entra pelo `render` (`render={<Link to=\"/pedidos\" />}`). Um\n * ícone dentro dele mede `1em` e fica antes do texto.\n */\nexport const BreadcrumbLink = (props: BreadcrumbLinkProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Link',\n    className: mergeTwClassNames(\n      [\n        'inline-flex',\n        'items-center',\n        'gap-1.5',\n        'min-w-0',\n\n        'rounded-md',\n        'corner-squircle',\n\n        'text-gray-11',\n        'underline-offset-[0.2em]',\n\n        'focus-ring-outside',\n\n        'hover:text-gray-12',\n        'hover:underline',\n\n        '[&_svg]:size-[1em]',\n        '[&_svg]:shrink-0',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'a',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbLink.displayName = 'Breadcrumb.Link';\n"],"mappings":";;;;;;;;AAUA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GAEA;GACA;GAEA;GACA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/disclosure/breadcrumb/breadcrumb-list.js

@@ -17,7 +17,7 @@ const BreadcrumbList = (props) => {
 			"flex",
 			"flex-wrap",
 			"items-center",
-			"gap-x-1.5",
+			"gap-x-0.5",
 			"gap-y-1",
 			"text-sm",
 			"text-gray-11",

package/dist/components/disclosure/breadcrumb/breadcrumb-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-list.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-list.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbListProps = useRender.ComponentProps<'ol'>;\n\n/**\n * Lista ordenada dos itens e separadores. Quando falta espaço, o item inteiro desce para a linha\n * de baixo (`flex-wrap`): o texto de um item só quebra por dentro quando ele sozinho é mais largo\n * que a linha. Sem o `flex-wrap`, os itens encolheriam e quebrariam o texto antes de descer.\n *\n * O tamanho do texto é fixo em `text-sm`; outro tamanho vem pela `className`, e os ícones medem\n * `1em` e acompanham.\n */\nexport const BreadcrumbList = (props: BreadcrumbListProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.List',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-wrap',\n        'items-center',\n        'gap-x-1.5',\n        'gap-y-1',\n\n        'text-sm',\n        'text-gray-11',\n        // Uma palavra maior que a linha quebra em qualquer ponto em vez de vazar.\n        'wrap-anywhere',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'ol',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbList.displayName = 'Breadcrumb.List';\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}
+{"version":3,"file":"breadcrumb-list.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-list.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbListProps = useRender.ComponentProps<'ol'>;\n\n/**\n * Lista ordenada dos itens e separadores. Quando falta espaço, o item inteiro desce para a linha\n * de baixo (`flex-wrap`): o texto de um item só quebra por dentro quando ele sozinho é mais largo\n * que a linha. Sem o `flex-wrap`, os itens encolheriam e quebrariam o texto antes de descer.\n *\n * O tamanho do texto é fixo em `text-sm`; outro tamanho vem pela `className`, e os ícones medem\n * `1em` e acompanham.\n */\nexport const BreadcrumbList = (props: BreadcrumbListProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.List',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'flex-wrap',\n        'items-center',\n        // O chevron já tem folga nas laterais do desenho: o espaço entre as partes fica mínimo.\n        'gap-x-0.5',\n        'gap-y-1',\n\n        'text-sm',\n        'text-gray-11',\n        // Uma palavra maior que a linha quebra em qualquer ponto em vez de vazar.\n        'wrap-anywhere',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'ol',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbList.displayName = 'Breadcrumb.List';\n"],"mappings":";;;;;;;;;;;AAaA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/disclosure/breadcrumb/breadcrumb-separator.d.ts

@@ -3,8 +3,8 @@ import { useRender } from "@base-ui/react";
 export type BreadcrumbSeparatorProps = useRender.ComponentProps<'li'>;
 /**
  * Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:
- * a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em`, espelhado em RTL; os
- * filhos o substituem (`/`, outro ícone).
+ * a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em` pelo `Icon` da lib, espelhado
+ * em RTL; os filhos o substituem (`/`, outro ícone pelo `Icon`, para ter o mesmo traço).
  */
 export declare const BreadcrumbSeparator: {
   (props: BreadcrumbSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/disclosure/breadcrumb/breadcrumb-separator.js

@@ -1,12 +1,13 @@
 import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
 import { mergeProps, useRender } from "@base-ui/react";
 import { jsx } from "react/jsx-runtime";
 import { CaretRightIcon } from "@phosphor-icons/react";
 //#region src/components/disclosure/breadcrumb/breadcrumb-separator.tsx
 /**
 * Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:
-* a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em`, espelhado em RTL; os
-* filhos o substituem (`/`, outro ícone).
+* a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em` pelo `Icon` da lib, espelhado
+* em RTL; os filhos o substituem (`/`, outro ícone pelo `Icon`, para ter o mesmo traço).
 */
 const BreadcrumbSeparator = (props) => {
 	const { render, className, children, ...rest } = props;
@@ -21,7 +22,7 @@ const BreadcrumbSeparator = (props) => {
 			"[&_svg]:size-[1em]",
 			"rtl:[&_svg]:rotate-180"
 		], className),
-		children: children ?? /* @__PURE__ */ jsx(CaretRightIcon, {})
+		children: children ?? /* @__PURE__ */ jsx(Icon, { render: /* @__PURE__ */ jsx(CaretRightIcon, {}) })
 	};
 	return useRender({
 		render,

package/dist/components/disclosure/breadcrumb/breadcrumb-separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb-separator.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-separator.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { CaretRightIcon } from '@phosphor-icons/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbSeparatorProps = useRender.ComponentProps<'li'>;\n\n/**\n * Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:\n * a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em`, espelhado em RTL; os\n * filhos o substituem (`/`, outro ícone).\n */\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const { render, className, children, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Separator',\n    role: 'presentation',\n    'aria-hidden': true,\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n\n        'text-gray-11',\n\n        '[&_svg]:size-[1em]',\n        'rtl:[&_svg]:rotate-180',\n      ],\n      className,\n    ),\n    children: children ?? <CaretRightIcon />,\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'li',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator';\n"],"mappings":";;;;;;;;;;AAWA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEjD,MAAM,YAAY;EAChB,kBAAkB;EAClB,MAAM;EACN,eAAe;EACf,WAAW,kBACT;GACE;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,UAAU,YAAY,oBAAC,gBAAD,CAAiB,CAAA;CACzC;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,oBAAoB,cAAc"}
+{"version":3,"file":"breadcrumb-separator.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-separator.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { CaretRightIcon } from '@phosphor-icons/react';\nimport { Icon } from '#components/display/icon';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbSeparatorProps = useRender.ComponentProps<'li'>;\n\n/**\n * Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:\n * a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em` pelo `Icon` da lib, espelhado\n * em RTL; os filhos o substituem (`/`, outro ícone pelo `Icon`, para ter o mesmo traço).\n */\nexport const BreadcrumbSeparator = (props: BreadcrumbSeparatorProps) => {\n  const { render, className, children, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Separator',\n    role: 'presentation',\n    'aria-hidden': true,\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n\n        'text-gray-11',\n\n        '[&_svg]:size-[1em]',\n        'rtl:[&_svg]:rotate-180',\n      ],\n      className,\n    ),\n    children: children ?? <Icon render={<CaretRightIcon />} />,\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'li',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbSeparator.displayName = 'Breadcrumb.Separator';\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,uBAAuB,UAAoC;CACtE,MAAM,EAAE,QAAQ,WAAW,UAAU,GAAG,SAAS;CAEjD,MAAM,YAAY;EAChB,kBAAkB;EAClB,MAAM;EACN,eAAe;EACf,WAAW,kBACT;GACE;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,UAAU,YAAY,oBAAC,MAAD,EAAM,QAAQ,oBAAC,gBAAD,CAAiB,CAAA,EAAI,CAAA;CAC3D;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,oBAAoB,cAAc"}

package/dist/components/disclosure/breadcrumb/index.parts.d.ts

@@ -1,12 +1,13 @@
 import { BreadcrumbCurrent, BreadcrumbCurrentProps } from "./breadcrumb-current.js";
+import { BreadcrumbEllipsis, BreadcrumbEllipsisProps } from "./breadcrumb-ellipsis.js";
 import { BreadcrumbItem, BreadcrumbItemProps } from "./breadcrumb-item.js";
 import { BreadcrumbLink, BreadcrumbLinkProps } from "./breadcrumb-link.js";
 import { BreadcrumbList, BreadcrumbListProps } from "./breadcrumb-list.js";
 import { BreadcrumbRoot, BreadcrumbRootProps } from "./breadcrumb-root.js";
 import { BreadcrumbSeparator, BreadcrumbSeparatorProps } from "./breadcrumb-separator.js";
 declare namespace index_parts_d_exports {
-  export { BreadcrumbCurrent as Current, BreadcrumbCurrentProps as CurrentProps, BreadcrumbItem as Item, BreadcrumbItemProps as ItemProps, BreadcrumbLink as Link, BreadcrumbLinkProps as LinkProps, BreadcrumbList as List, BreadcrumbListProps as ListProps, BreadcrumbRoot as Root, BreadcrumbRootProps as RootProps, BreadcrumbSeparator as Separator, BreadcrumbSeparatorProps as SeparatorProps };
+  export { BreadcrumbCurrent as Current, BreadcrumbCurrentProps as CurrentProps, BreadcrumbEllipsis as Ellipsis, BreadcrumbEllipsisProps as EllipsisProps, BreadcrumbItem as Item, BreadcrumbItemProps as ItemProps, BreadcrumbLink as Link, BreadcrumbLinkProps as LinkProps, BreadcrumbList as List, BreadcrumbListProps as ListProps, BreadcrumbRoot as Root, BreadcrumbRootProps as RootProps, BreadcrumbSeparator as Separator, BreadcrumbSeparatorProps as SeparatorProps };
 }
 //#endregion
-export { BreadcrumbCurrent as Current, type BreadcrumbCurrentProps as CurrentProps, BreadcrumbItem as Item, type BreadcrumbItemProps as ItemProps, BreadcrumbLink as Link, type BreadcrumbLinkProps as LinkProps, BreadcrumbList as List, type BreadcrumbListProps as ListProps, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps, BreadcrumbSeparator as Separator, type BreadcrumbSeparatorProps as SeparatorProps, index_parts_d_exports };
+export { BreadcrumbCurrent as Current, type BreadcrumbCurrentProps as CurrentProps, BreadcrumbEllipsis as Ellipsis, type BreadcrumbEllipsisProps as EllipsisProps, BreadcrumbItem as Item, type BreadcrumbItemProps as ItemProps, BreadcrumbLink as Link, type BreadcrumbLinkProps as LinkProps, BreadcrumbList as List, type BreadcrumbListProps as ListProps, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps, BreadcrumbSeparator as Separator, type BreadcrumbSeparatorProps as SeparatorProps, index_parts_d_exports };
 //# sourceMappingURL=index.parts.d.ts.map

package/dist/components/disclosure/breadcrumb/index.parts.js

@@ -1,5 +1,6 @@
 import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
 import { BreadcrumbCurrent } from "./breadcrumb-current.js";
+import { BreadcrumbEllipsis } from "./breadcrumb-ellipsis.js";
 import { BreadcrumbItem } from "./breadcrumb-item.js";
 import { BreadcrumbLink } from "./breadcrumb-link.js";
 import { BreadcrumbList } from "./breadcrumb-list.js";
@@ -8,6 +9,7 @@ import { BreadcrumbSeparator } from "./breadcrumb-separator.js";
 //#region src/components/disclosure/breadcrumb/index.parts.ts
 var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Current: () => BreadcrumbCurrent,
+	Ellipsis: () => BreadcrumbEllipsis,
 	Item: () => BreadcrumbItem,
 	Link: () => BreadcrumbLink,
 	List: () => BreadcrumbList,
@@ -15,6 +17,6 @@ var index_parts_exports = /* @__PURE__ */ __exportAll({
 	Separator: () => BreadcrumbSeparator
 });
 //#endregion
-export { BreadcrumbCurrent as Current, BreadcrumbItem as Item, BreadcrumbLink as Link, BreadcrumbList as List, BreadcrumbRoot as Root, BreadcrumbSeparator as Separator, index_parts_exports };
+export { BreadcrumbCurrent as Current, BreadcrumbEllipsis as Ellipsis, BreadcrumbItem as Item, BreadcrumbLink as Link, BreadcrumbList as List, BreadcrumbRoot as Root, BreadcrumbSeparator as Separator, index_parts_exports };
 
 //# sourceMappingURL=index.parts.js.map

package/dist/components/disclosure/breadcrumb/index.parts.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/index.parts.ts"],"sourcesContent":["export { BreadcrumbCurrent as Current } from './breadcrumb-current';\nexport { BreadcrumbItem as Item } from './breadcrumb-item';\nexport { BreadcrumbLink as Link } from './breadcrumb-link';\nexport { BreadcrumbList as List } from './breadcrumb-list';\nexport { BreadcrumbRoot as Root } from './breadcrumb-root';\nexport { BreadcrumbSeparator as Separator } from './breadcrumb-separator';\n\n/* types */\n\nexport type { BreadcrumbCurrentProps as CurrentProps } from './breadcrumb-current';\nexport type { BreadcrumbItemProps as ItemProps } from './breadcrumb-item';\nexport type { BreadcrumbLinkProps as LinkProps } from './breadcrumb-link';\nexport type { BreadcrumbListProps as ListProps } from './breadcrumb-list';\nexport type { BreadcrumbRootProps as RootProps } from './breadcrumb-root';\nexport type { BreadcrumbSeparatorProps as SeparatorProps } from './breadcrumb-separator';\n"],"mappings":""}
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/index.parts.ts"],"sourcesContent":["export { BreadcrumbCurrent as Current } from './breadcrumb-current';\nexport { BreadcrumbEllipsis as Ellipsis } from './breadcrumb-ellipsis';\nexport { BreadcrumbItem as Item } from './breadcrumb-item';\nexport { BreadcrumbLink as Link } from './breadcrumb-link';\nexport { BreadcrumbList as List } from './breadcrumb-list';\nexport { BreadcrumbRoot as Root } from './breadcrumb-root';\nexport { BreadcrumbSeparator as Separator } from './breadcrumb-separator';\n\n/* types */\n\nexport type { BreadcrumbCurrentProps as CurrentProps } from './breadcrumb-current';\nexport type { BreadcrumbEllipsisProps as EllipsisProps } from './breadcrumb-ellipsis';\nexport type { BreadcrumbItemProps as ItemProps } from './breadcrumb-item';\nexport type { BreadcrumbLinkProps as LinkProps } from './breadcrumb-link';\nexport type { BreadcrumbListProps as ListProps } from './breadcrumb-list';\nexport type { BreadcrumbRootProps as RootProps } from './breadcrumb-root';\nexport type { BreadcrumbSeparatorProps as SeparatorProps } from './breadcrumb-separator';\n"],"mappings":""}

package/dist/components/disclosure/collapsible/collapsible-panel.d.ts

@@ -1,5 +1,5 @@
 import { CollapsiblePanelVariants } from "./collapsible-panel-variants.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { Collapsible } from "@base-ui/react/collapsible";
 //#region src/components/disclosure/collapsible/collapsible-panel.d.ts
 export type CollapsiblePanelProps = MergeOverride<Collapsible.Panel.Props, CollapsiblePanelVariants>;

package/dist/components/disclosure/collapsible/collapsible-panel.js

@@ -1,6 +1,6 @@
 import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
 import { collapsiblePanelVariants } from "./collapsible-panel-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 import { Collapsible } from "@base-ui/react/collapsible";
 //#region src/components/disclosure/collapsible/collapsible-panel.tsx

package/dist/components/disclosure/collapsible/collapsible-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible-panel.js","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-panel.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\nimport {\n  type CollapsiblePanelVariants,\n  collapsiblePanelVariants,\n} from './collapsible-panel-variants';\n\nexport type CollapsiblePanelProps = MergeOverride<\n  BaseCollapsible.Panel.Props,\n  CollapsiblePanelVariants\n>;\n\nexport type CollapsiblePanelState = BaseCollapsible.Panel.State;\n\nconst splitVariantProps = createSplitProps<CollapsiblePanelVariants>();\n\n/**\n * Conteúdo que abre e fecha, com a altura (ou largura) animada. Com `hiddenUntilFound`, o\n * conteúdo fechado continua encontrável pela busca da página.\n *\n * Padding e borda vão num filho, não no painel: a animação leva a altura a 0, mas padding e\n * borda continuam ocupando espaço, e o painel não fecha por inteiro.\n */\nexport const CollapsiblePanel = (props: CollapsiblePanelProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'orientation',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseCollapsible.Panel\n      data-component=\"Collapsible.Panel\"\n      className={mergeStateClassNames(\n        collapsiblePanelVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCollapsiblePanel.displayName = 'Collapsible.Panel';\n"],"mappings":";;;;;;AAeA,MAAM,oBAAoB,iBAA2C;;;;;;;;AASrE,MAAa,oBAAoB,UAAiC;CAChE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,OAAjB;EACE,kBAAe;EACf,WAAW,qBACT,yBAAyB,YAAY,GACrC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}
+{"version":3,"file":"collapsible-panel.js","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-panel.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport {\n  type CollapsiblePanelVariants,\n  collapsiblePanelVariants,\n} from './collapsible-panel-variants';\n\nexport type CollapsiblePanelProps = MergeOverride<\n  BaseCollapsible.Panel.Props,\n  CollapsiblePanelVariants\n>;\n\nexport type CollapsiblePanelState = BaseCollapsible.Panel.State;\n\nconst splitVariantProps = createSplitProps<CollapsiblePanelVariants>();\n\n/**\n * Conteúdo que abre e fecha, com a altura (ou largura) animada. Com `hiddenUntilFound`, o\n * conteúdo fechado continua encontrável pela busca da página.\n *\n * Padding e borda vão num filho, não no painel: a animação leva a altura a 0, mas padding e\n * borda continuam ocupando espaço, e o painel não fecha por inteiro.\n */\nexport const CollapsiblePanel = (props: CollapsiblePanelProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'orientation',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <BaseCollapsible.Panel\n      data-component=\"Collapsible.Panel\"\n      className={mergeStateClassNames(\n        collapsiblePanelVariants(variantProps),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCollapsiblePanel.displayName = 'Collapsible.Panel';\n"],"mappings":";;;;;;AAkBA,MAAM,oBAAoB,iBAA2C;;;;;;;;AASrE,MAAa,oBAAoB,UAAiC;CAChE,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,aACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,OAAjB;EACE,kBAAe;EACf,WAAW,qBACT,yBAAyB,YAAY,GACrC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,iBAAiB,cAAc"}

package/dist/components/disclosure/tabs/tabs-indicator-variants.d.ts

@@ -1,6 +1,6 @@
 //#region src/components/disclosure/tabs/tabs-indicator-variants.d.ts
 export declare const tabsIndicatorVariants: (props?: ({
-  variant?: "line" | "outline" | "subtle" | "plain" | "enclosed" | null | undefined;
+  variant?: "line" | "subtle" | "outline" | "plain" | "enclosed" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=tabs-indicator-variants.d.ts.map

package/dist/components/disclosure/tabs/tabs-list-variants.d.ts

@@ -2,7 +2,7 @@
 export declare const tabsListVariants: (props?: ({
   fitted?: boolean | null | undefined;
   justify?: "center" | "start" | "end" | null | undefined;
-  variant?: "line" | "outline" | "subtle" | "plain" | "enclosed" | null | undefined;
+  variant?: "line" | "subtle" | "outline" | "plain" | "enclosed" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=tabs-list-variants.d.ts.map

package/dist/components/disclosure/tabs/tabs-list-variants.js

@@ -29,7 +29,7 @@ const tabsListVariants = cva([
 			],
 			subtle: [],
 			enclosed: [
-				"rounded-lg",
+				"rounded-md",
 				"corner-squircle",
 				"bg-gray-3",
 				"p-1"

package/dist/components/disclosure/tabs/tabs-list-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-list-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-list-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\nexport const tabsListVariants = cva(\n  [\n    // `group` lido pelo Tab: com um Indicator montado, a tab ativa deixa de pintar o estado.\n    'group/tabs-list',\n\n    'relative',\n    'isolate',\n\n    'inline-flex',\n\n    'min-h-(--tabs-height)',\n\n    'data-[orientation=horizontal]:items-center',\n\n    'data-[orientation=vertical]:flex-col',\n    'data-[orientation=vertical]:items-stretch',\n  ],\n  {\n    variants: {\n      fitted: {\n        true: ['flex', 'data-[orientation=horizontal]:w-full'],\n        false: [],\n      },\n      justify: {\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n      },\n      variant: {\n        line: [\n          'border-gray-alpha-6',\n          'data-[orientation=horizontal]:border-b',\n          'data-[orientation=vertical]:border-e',\n        ],\n        subtle: [],\n        enclosed: [\n          'rounded-lg',\n          'corner-squircle',\n\n          'bg-gray-3',\n          'p-1',\n        ],\n        outline: [\n          'border-gray-alpha-6',\n          'data-[orientation=horizontal]:border-b',\n          'data-[orientation=vertical]:border-e',\n        ],\n        plain: [],\n      },\n    },\n    defaultVariants: {\n      fitted: tabsDefaultVariants.fitted,\n      justify: tabsDefaultVariants.justify,\n      variant: tabsDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,IAC9B;CAEE;CAEA;CACA;CAEA;CAEA;CAEA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,MAAM,CAAC,QAAQ,sCAAsC;GACrD,OAAO,CAAC;EACV;EACA,SAAS;GACP,OAAO,CAAC,eAAe;GACvB,QAAQ,CAAC,gBAAgB;GACzB,KAAK,CAAC,aAAa;EACrB;EACA,SAAS;GACP,MAAM;IACJ;IACA;IACA;GACF;GACA,QAAQ,CAAC;GACT,UAAU;IACR;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,OAAO,CAAC;EACV;CACF;CACA,iBAAiB;EACf,QAAQ,oBAAoB;EAC5B,SAAS,oBAAoB;EAC7B,SAAS,oBAAoB;CAC/B;AACF,CACF"}
+{"version":3,"file":"tabs-list-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-list-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\nexport const tabsListVariants = cva(\n  [\n    // `group` lido pelo Tab: com um Indicator montado, a tab ativa deixa de pintar o estado.\n    'group/tabs-list',\n\n    'relative',\n    'isolate',\n\n    'inline-flex',\n\n    'min-h-(--tabs-height)',\n\n    'data-[orientation=horizontal]:items-center',\n\n    'data-[orientation=vertical]:flex-col',\n    'data-[orientation=vertical]:items-stretch',\n  ],\n  {\n    variants: {\n      fitted: {\n        true: ['flex', 'data-[orientation=horizontal]:w-full'],\n        false: [],\n      },\n      justify: {\n        start: ['justify-start'],\n        center: ['justify-center'],\n        end: ['justify-end'],\n      },\n      variant: {\n        line: [\n          'border-gray-alpha-6',\n          'data-[orientation=horizontal]:border-b',\n          'data-[orientation=vertical]:border-e',\n        ],\n        subtle: [],\n        enclosed: [\n          'rounded-md',\n          'corner-squircle',\n\n          'bg-gray-3',\n          'p-1',\n        ],\n        outline: [\n          'border-gray-alpha-6',\n          'data-[orientation=horizontal]:border-b',\n          'data-[orientation=vertical]:border-e',\n        ],\n        plain: [],\n      },\n    },\n    defaultVariants: {\n      fitted: tabsDefaultVariants.fitted,\n      justify: tabsDefaultVariants.justify,\n      variant: tabsDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,mBAAmB,IAC9B;CAEE;CAEA;CACA;CAEA;CAEA;CAEA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,MAAM,CAAC,QAAQ,sCAAsC;GACrD,OAAO,CAAC;EACV;EACA,SAAS;GACP,OAAO,CAAC,eAAe;GACvB,QAAQ,CAAC,gBAAgB;GACzB,KAAK,CAAC,aAAa;EACrB;EACA,SAAS;GACP,MAAM;IACJ;IACA;IACA;GACF;GACA,QAAQ,CAAC;GACT,UAAU;IACR;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IACA;GACF;GACA,OAAO,CAAC;EACV;CACF;CACA,iBAAiB;EACf,QAAQ,oBAAoB;EAC5B,SAAS,oBAAoB;EAC7B,SAAS,oBAAoB;CAC/B;AACF,CACF"}

package/dist/components/disclosure/tabs/tabs-root-variants.d.ts

@@ -5,7 +5,6 @@
  */
 export declare const tabsRootVariants: (props?: ({
   colorScheme?: "gray" | "brand" | null | undefined;
-  size?: "sm" | "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=tabs-root-variants.d.ts.map

package/dist/components/disclosure/tabs/tabs-root-variants.js

@@ -8,32 +8,24 @@ import { cva } from "class-variance-authority";
 const tabsRootVariants = cva([
 	"relative",
 	"data-[orientation=vertical]:flex",
+	"[--tabs-height:--spacing(10)]",
+	"[--tabs-content-padding:--spacing(4)]",
 	"[--tabs-trigger-radius:var(--radius-md)]",
 	"[--tabs-surface-bg:var(--color-gray-1)]"
 ], {
-	variants: {
-		colorScheme: {
-			gray: [
-				"[--tabs-accent:var(--color-gray-9)]",
-				"[--tabs-accent-fg:var(--color-gray-12)]",
-				"[--tabs-subtle-bg:var(--color-gray-3)]"
-			],
-			brand: [
-				"[--tabs-accent:var(--color-brand-9)]",
-				"[--tabs-accent-fg:var(--color-brand-11)]",
-				"[--tabs-subtle-bg:var(--color-brand-3)]"
-			]
-		},
-		size: {
-			sm: ["[--tabs-height:2.25rem]", "[--tabs-content-padding:0.75rem]"],
-			md: ["[--tabs-height:2.5rem]", "[--tabs-content-padding:1rem]"],
-			lg: ["[--tabs-height:2.75rem]", "[--tabs-content-padding:1.125rem]"]
-		}
-	},
-	defaultVariants: {
-		colorScheme: tabsDefaultVariants.colorScheme,
-		size: tabsDefaultVariants.size
-	}
+	variants: { colorScheme: {
+		gray: [
+			"[--tabs-accent:var(--color-gray-9)]",
+			"[--tabs-accent-fg:var(--color-gray-12)]",
+			"[--tabs-subtle-bg:var(--color-gray-3)]"
+		],
+		brand: [
+			"[--tabs-accent:var(--color-brand-9)]",
+			"[--tabs-accent-fg:var(--color-brand-11)]",
+			"[--tabs-subtle-bg:var(--color-brand-3)]"
+		]
+	} },
+	defaultVariants: { colorScheme: tabsDefaultVariants.colorScheme }
 });
 //#endregion
 export { tabsRootVariants };

package/dist/components/disclosure/tabs/tabs-root-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-root-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\n/**\n * O Root só declara as variáveis `--tabs-*` (cor, altura, respiro, raio e fundo) que List, Tab,\n * Indicator e Panel leem, e cada parte decide onde usá-las.\n */\nexport const tabsRootVariants = cva(\n  [\n    'relative',\n\n    'data-[orientation=vertical]:flex',\n\n    '[--tabs-trigger-radius:var(--radius-md)]',\n    // Fundo da tab ativa no `enclosed` e no `outline`, e do Indicator: a cor da superfície onde\n    // o Tabs está. Dentro de um Card, troque pela cor dele.\n    '[--tabs-surface-bg:var(--color-gray-1)]',\n  ],\n  {\n    variants: {\n      colorScheme: {\n        gray: [\n          '[--tabs-accent:var(--color-gray-9)]',\n          '[--tabs-accent-fg:var(--color-gray-12)]',\n          '[--tabs-subtle-bg:var(--color-gray-3)]',\n        ],\n        brand: [\n          '[--tabs-accent:var(--color-brand-9)]',\n          '[--tabs-accent-fg:var(--color-brand-11)]',\n          '[--tabs-subtle-bg:var(--color-brand-3)]',\n        ],\n      },\n      size: {\n        sm: ['[--tabs-height:2.25rem]', '[--tabs-content-padding:0.75rem]'],\n        md: ['[--tabs-height:2.5rem]', '[--tabs-content-padding:1rem]'],\n        lg: ['[--tabs-height:2.75rem]', '[--tabs-content-padding:1.125rem]'],\n      },\n    },\n    defaultVariants: {\n      colorScheme: tabsDefaultVariants.colorScheme,\n      size: tabsDefaultVariants.size,\n    },\n  },\n);\n"],"mappings":";;;;;;;AAOA,MAAa,mBAAmB,IAC9B;CACE;CAEA;CAEA;CAGA;AACF,GACA;CACE,UAAU;EACR,aAAa;GACX,MAAM;IACJ;IACA;IACA;GACF;GACA,OAAO;IACL;IACA;IACA;GACF;EACF;EACA,MAAM;GACJ,IAAI,CAAC,2BAA2B,kCAAkC;GAClE,IAAI,CAAC,0BAA0B,+BAA+B;GAC9D,IAAI,CAAC,2BAA2B,mCAAmC;EACrE;CACF;CACA,iBAAiB;EACf,aAAa,oBAAoB;EACjC,MAAM,oBAAoB;CAC5B;AACF,CACF"}
+{"version":3,"file":"tabs-root-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\n/**\n * O Root só declara as variáveis `--tabs-*` (cor, altura, respiro, raio e fundo) que List, Tab,\n * Indicator e Panel leem, e cada parte decide onde usá-las.\n */\nexport const tabsRootVariants = cva(\n  [\n    'relative',\n\n    'data-[orientation=vertical]:flex',\n\n    // Altura da lista e das tabs, e respiro fixo do painel, lido por Panel.\n    '[--tabs-height:--spacing(10)]',\n    '[--tabs-content-padding:--spacing(4)]',\n\n    '[--tabs-trigger-radius:var(--radius-md)]',\n    // Fundo da tab ativa no `enclosed` e no `outline`, e do Indicator: a cor da superfície onde\n    // o Tabs está. Dentro de um Card, troque pela cor dele.\n    '[--tabs-surface-bg:var(--color-gray-1)]',\n  ],\n  {\n    variants: {\n      colorScheme: {\n        gray: [\n          '[--tabs-accent:var(--color-gray-9)]',\n          '[--tabs-accent-fg:var(--color-gray-12)]',\n          '[--tabs-subtle-bg:var(--color-gray-3)]',\n        ],\n        brand: [\n          '[--tabs-accent:var(--color-brand-9)]',\n          '[--tabs-accent-fg:var(--color-brand-11)]',\n          '[--tabs-subtle-bg:var(--color-brand-3)]',\n        ],\n      },\n    },\n    defaultVariants: {\n      colorScheme: tabsDefaultVariants.colorScheme,\n    },\n  },\n);\n"],"mappings":";;;;;;;AAOA,MAAa,mBAAmB,IAC9B;CACE;CAEA;CAGA;CACA;CAEA;CAGA;AACF,GACA;CACE,UAAU,EACR,aAAa;EACX,MAAM;GACJ;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,oBAAoB,YACnC;AACF,CACF"}

package/dist/components/disclosure/tabs/tabs-root.d.ts

@@ -1,5 +1,5 @@
 import { TabsVariants } from "./use-tabs-context.js";
-import { MergeOverride } from "@lucasbernardosn/utils";
+import { MergeOverride } from "@lucasbernardosn/ts-utils";
 import { Tabs } from "@base-ui/react/tabs";
 //#region src/components/disclosure/tabs/tabs-root.d.ts
 export type TabsRootProps = MergeOverride<Tabs.Root.Props, TabsVariants>;
@@ -8,9 +8,9 @@ export type TabsRootChangeEventDetails = Tabs.Root.ChangeEventDetails;
 export type TabsRootChangeEventReason = Tabs.Root.ChangeEventReason;
 export type TabsRootOrientation = Tabs.Root.Orientation;
 /**
- * Agrupa a lista de tabs e os painéis. `variant`, `size`, `fitted` e `justify`
- * seguem por contexto para `List`, `Tab` e `Indicator`; `colorScheme` e `size`
- * viram variáveis CSS (`--tabs-*`) lidas por todas as partes. Com
+ * Agrupa a lista de tabs e os painéis. `variant`, `fitted` e `justify` seguem
+ * por contexto para `List`, `Tab` e `Indicator`; `colorScheme` vira variáveis
+ * CSS (`--tabs-*`) lidas por todas as partes. Com
  * `orientation="vertical"`, a lista fica ao lado dos painéis.
  *
  * O fundo da tab ativa no `enclosed` e no `outline`, e o do `Indicator`, vem de

package/dist/components/disclosure/tabs/tabs-root.js

@@ -1,15 +1,15 @@
 import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
 import { TabsContextProvider } from "./use-tabs-context.js";
 import { tabsRootVariants } from "./tabs-root-variants.js";
-import { createSplitProps } from "@lucasbernardosn/utils";
+import { createSplitProps } from "@lucasbernardosn/ts-utils";
 import { jsx } from "react/jsx-runtime";
 import { Tabs } from "@base-ui/react/tabs";
 //#region src/components/disclosure/tabs/tabs-root.tsx
 const splitVariantProps = createSplitProps();
 /**
-* Agrupa a lista de tabs e os painéis. `variant`, `size`, `fitted` e `justify`
-* seguem por contexto para `List`, `Tab` e `Indicator`; `colorScheme` e `size`
-* viram variáveis CSS (`--tabs-*`) lidas por todas as partes. Com
+* Agrupa a lista de tabs e os painéis. `variant`, `fitted` e `justify` seguem
+* por contexto para `List`, `Tab` e `Indicator`; `colorScheme` vira variáveis
+* CSS (`--tabs-*`) lidas por todas as partes. Com
 * `orientation="vertical"`, a lista fica ao lado dos painéis.
 *
 * O fundo da tab ativa no `enclosed` e no `outline`, e o do `Indicator`, vem de
@@ -34,7 +34,6 @@ const TabsRoot = (props) => {
 		"colorScheme",
 		"fitted",
 		"justify",
-		"size",
 		"variant"
 	]);
 	const { className, ...rest } = elementProps;

package/dist/components/disclosure/tabs/tabs-root.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-root.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-root.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsRootVariants } from './tabs-root-variants';\nimport { TabsContextProvider, type TabsVariants } from './use-tabs-context';\n\nexport type TabsRootProps = MergeOverride<BaseTabs.Root.Props, TabsVariants>;\n\nexport type TabsRootState = BaseTabs.Root.State;\n\nexport type TabsRootChangeEventDetails = BaseTabs.Root.ChangeEventDetails;\n\nexport type TabsRootChangeEventReason = BaseTabs.Root.ChangeEventReason;\n\nexport type TabsRootOrientation = BaseTabs.Root.Orientation;\n\nconst splitVariantProps = createSplitProps<TabsVariants>();\n\n/**\n * Agrupa a lista de tabs e os painéis. `variant`, `size`, `fitted` e `justify`\n * seguem por contexto para `List`, `Tab` e `Indicator`; `colorScheme` e `size`\n * viram variáveis CSS (`--tabs-*`) lidas por todas as partes. Com\n * `orientation=\"vertical\"`, a lista fica ao lado dos painéis.\n *\n * O fundo da tab ativa no `enclosed` e no `outline`, e o do `Indicator`, vem de\n * `--tabs-surface-bg` (`gray-1`). Sobre outra superfície, troque pela cor dela:\n * `className=\"[--tabs-surface-bg:var(--color-gray-2)]\"`.\n *\n * @example\n * ```tsx\n * <Tabs.Root defaultValue=\"conta\">\n *   <Tabs.List>\n *     <Tabs.Tab value=\"conta\">Conta</Tabs.Tab>\n *     <Tabs.Tab value=\"senha\">Senha</Tabs.Tab>\n *     <Tabs.Indicator />\n *   </Tabs.List>\n *   <Tabs.Panel value=\"conta\">…</Tabs.Panel>\n *   <Tabs.Panel value=\"senha\">…</Tabs.Panel>\n * </Tabs.Root>\n * ```\n */\nexport const TabsRoot = (props: TabsRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'fitted',\n    'justify',\n    'size',\n    'variant',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <TabsContextProvider value={variantProps}>\n      <BaseTabs.Root\n        data-component=\"Tabs.Root\"\n        className={mergeStateClassNames(\n          tabsRootVariants(variantProps),\n          className,\n        )}\n        {...rest}\n      />\n    </TabsContextProvider>\n  );\n};\n\nTabsRoot.displayName = 'Tabs.Root';\n"],"mappings":";;;;;;;AAgBA,MAAM,oBAAoB,iBAA+B;;;;;;;;;;;;;;;;;;;;;;;;AAyBzD,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO;EAC5D;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAAC,qBAAD;EAAqB,OAAO;EAC1B,UAAA,oBAACA,KAAS,MAAV;GACE,kBAAe;GACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;GACA,GAAI;EACL,CAAA;CACkB,CAAA;AAEzB;AAEA,SAAS,cAAc"}
+{"version":3,"file":"tabs-root.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-root.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport {\n  createSplitProps,\n  type MergeOverride,\n} from '@lucasbernardosn/ts-utils';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsRootVariants } from './tabs-root-variants';\nimport { TabsContextProvider, type TabsVariants } from './use-tabs-context';\n\nexport type TabsRootProps = MergeOverride<BaseTabs.Root.Props, TabsVariants>;\n\nexport type TabsRootState = BaseTabs.Root.State;\n\nexport type TabsRootChangeEventDetails = BaseTabs.Root.ChangeEventDetails;\n\nexport type TabsRootChangeEventReason = BaseTabs.Root.ChangeEventReason;\n\nexport type TabsRootOrientation = BaseTabs.Root.Orientation;\n\nconst splitVariantProps = createSplitProps<TabsVariants>();\n\n/**\n * Agrupa a lista de tabs e os painéis. `variant`, `fitted` e `justify` seguem\n * por contexto para `List`, `Tab` e `Indicator`; `colorScheme` vira variáveis\n * CSS (`--tabs-*`) lidas por todas as partes. Com\n * `orientation=\"vertical\"`, a lista fica ao lado dos painéis.\n *\n * O fundo da tab ativa no `enclosed` e no `outline`, e o do `Indicator`, vem de\n * `--tabs-surface-bg` (`gray-1`). Sobre outra superfície, troque pela cor dela:\n * `className=\"[--tabs-surface-bg:var(--color-gray-2)]\"`.\n *\n * @example\n * ```tsx\n * <Tabs.Root defaultValue=\"conta\">\n *   <Tabs.List>\n *     <Tabs.Tab value=\"conta\">Conta</Tabs.Tab>\n *     <Tabs.Tab value=\"senha\">Senha</Tabs.Tab>\n *     <Tabs.Indicator />\n *   </Tabs.List>\n *   <Tabs.Panel value=\"conta\">…</Tabs.Panel>\n *   <Tabs.Panel value=\"senha\">…</Tabs.Panel>\n * </Tabs.Root>\n * ```\n */\nexport const TabsRoot = (props: TabsRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'colorScheme',\n    'fitted',\n    'justify',\n    'variant',\n  ]);\n\n  const { className, ...rest } = elementProps;\n\n  return (\n    <TabsContextProvider value={variantProps}>\n      <BaseTabs.Root\n        data-component=\"Tabs.Root\"\n        className={mergeStateClassNames(\n          tabsRootVariants(variantProps),\n          className,\n        )}\n        {...rest}\n      />\n    </TabsContextProvider>\n  );\n};\n\nTabsRoot.displayName = 'Tabs.Root';\n"],"mappings":";;;;;;;AAmBA,MAAM,oBAAoB,iBAA+B;;;;;;;;;;;;;;;;;;;;;;;;AAyBzD,MAAa,YAAY,UAAyB;CAChD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO;EAC5D;EACA;EACA;EACA;CACF,CAAC;CAED,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAAC,qBAAD;EAAqB,OAAO;EAC1B,UAAA,oBAACA,KAAS,MAAV;GACE,kBAAe;GACf,WAAW,qBACT,iBAAiB,YAAY,GAC7B,SACF;GACA,GAAI;EACL,CAAA;CACkB,CAAA;AAEzB;AAEA,SAAS,cAAc"}

package/dist/components/disclosure/tabs/tabs-tab-variants.d.ts

@@ -7,8 +7,7 @@
  */
 export declare const tabsTabVariants: (props?: ({
   fitted?: boolean | null | undefined;
-  size?: "sm" | "md" | "lg" | null | undefined;
-  variant?: "line" | "outline" | "subtle" | "plain" | "enclosed" | null | undefined;
+  variant?: "line" | "subtle" | "outline" | "plain" | "enclosed" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=tabs-tab-variants.d.ts.map

package/dist/components/disclosure/tabs/tabs-tab-variants.js

@@ -15,7 +15,9 @@ const tabsTabVariants = cva([
 	"gap-2",
 	"h-(--tabs-height)",
 	"min-w-(--tabs-height)",
+	"px-4",
 	"whitespace-nowrap",
+	"text-sm",
 	"font-medium",
 	"text-gray-11",
 	"data-active:text-(--tabs-accent-fg)",
@@ -37,11 +39,6 @@ const tabsTabVariants = cva([
 			true: ["flex-1", "text-center"],
 			false: []
 		},
-		size: {
-			sm: ["px-3", "text-sm"],
-			md: ["px-4", "text-sm"],
-			lg: ["px-4.5", "text-base"]
-		},
 		variant: {
 			line: [
 				"after:absolute",
@@ -92,7 +89,6 @@ const tabsTabVariants = cva([
 	},
 	defaultVariants: {
 		fitted: tabsDefaultVariants.fitted,
-		size: tabsDefaultVariants.size,
 		variant: tabsDefaultVariants.variant
 	}
 });

package/dist/components/disclosure/tabs/tabs-tab-variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-tab-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\n/**\n * Cada variante pinta a tab ativa, e as classes `group-has-data-[component='Tabs.Indicator']`\n * desligam essa pintura quando há um Indicator na List: ele passa a ser o único a marcar o\n * estado, e o deslize aparece. Até o Base UI medir a tab, o Indicator não existe e a própria tab\n * se pinta.\n */\nexport const tabsTabVariants = cva(\n  [\n    'relative',\n\n    'inline-flex',\n    'items-center',\n    'shrink-0',\n    'gap-2',\n\n    'h-(--tabs-height)',\n    'min-w-(--tabs-height)',\n\n    'whitespace-nowrap',\n    'font-medium',\n    'text-gray-11',\n    'data-active:text-(--tabs-accent-fg)',\n\n    'corner-squircle',\n\n    'select-none',\n    'cursor-pointer',\n    'transition-[color]',\n\n    'ring-(--tabs-accent)',\n    'focus-ring-inside',\n    '[--focus-ring-width:2px]',\n    'focus-visible:z-10',\n\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:opacity-50',\n\n    'data-[orientation=horizontal]:justify-center',\n    'data-[orientation=vertical]:justify-start',\n  ],\n  {\n    variants: {\n      fitted: {\n        true: ['flex-1', 'text-center'],\n        false: [],\n      },\n      size: {\n        sm: ['px-3', 'text-sm'],\n        md: ['px-4', 'text-sm'],\n        lg: ['px-4.5', 'text-base'],\n      },\n      variant: {\n        // Faixa que avança 1px sobre a borda da List.\n        line: [\n          'after:absolute',\n          'after:content-[\"\"]',\n\n          'after:bg-(--tabs-accent)',\n          'after:opacity-0',\n          'after:transition-opacity',\n\n          'data-active:after:opacity-100',\n\n          'data-[orientation=horizontal]:after:inset-x-0',\n          'data-[orientation=horizontal]:after:-bottom-px',\n          'data-[orientation=horizontal]:after:h-0.5',\n\n          'data-[orientation=vertical]:after:inset-y-0',\n          'data-[orientation=vertical]:after:-inset-e-px',\n          'data-[orientation=vertical]:after:w-0.5',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:after:hidden\",\n        ],\n        subtle: [\n          'rounded-(--tabs-trigger-radius)',\n\n          'data-active:bg-(--tabs-subtle-bg)',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n        ],\n        enclosed: [\n          // A lista tem `p-1`: a tab desconta os dois lados para a lista ficar na altura do `size`.\n          'h-[calc(var(--tabs-height)-0.5rem)]',\n\n          'rounded-(--tabs-trigger-radius)',\n\n          'data-active:bg-(--tabs-surface-bg)',\n          'data-active:shadow-xs',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:shadow-none\",\n        ],\n        outline: [\n          'border',\n          'border-transparent',\n\n          'data-active:border-gray-alpha-6',\n          'data-active:bg-(--tabs-surface-bg)',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:border-transparent\",\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n\n          // Sobrepõe 1px da borda da List e da tab vizinha.\n          'data-[orientation=horizontal]:rounded-t-(--tabs-trigger-radius)',\n          'data-[orientation=horizontal]:-mb-px',\n          'data-[orientation=horizontal]:not-last:-me-px',\n          'data-[orientation=horizontal]:data-active:border-b-transparent',\n\n          'data-[orientation=vertical]:rounded-s-(--tabs-trigger-radius)',\n          'data-[orientation=vertical]:-me-px',\n          'data-[orientation=vertical]:not-last:-mb-px',\n          'data-[orientation=vertical]:data-active:border-e-transparent',\n        ],\n        plain: ['rounded-(--tabs-trigger-radius)'],\n      },\n    },\n    defaultVariants: {\n      fitted: tabsDefaultVariants.fitted,\n      size: tabsDefaultVariants.size,\n      variant: tabsDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;AASA,MAAa,kBAAkB,IAC7B;CACE;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;CACA;CACA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,MAAM,CAAC,UAAU,aAAa;GAC9B,OAAO,CAAC;EACV;EACA,MAAM;GACJ,IAAI,CAAC,QAAQ,SAAS;GACtB,IAAI,CAAC,QAAQ,SAAS;GACtB,IAAI,CAAC,UAAU,WAAW;EAC5B;EACA,SAAS;GAEP,MAAM;IACJ;IACA;IAEA;IACA;IACA;IAEA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;GACF;GACA,QAAQ;IACN;IAEA;IAEA;GACF;GACA,UAAU;IAER;IAEA;IAEA;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IAEA;IACA;IAEA;IACA;IAGA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;GACF;GACA,OAAO,CAAC,iCAAiC;EAC3C;CACF;CACA,iBAAiB;EACf,QAAQ,oBAAoB;EAC5B,MAAM,oBAAoB;EAC1B,SAAS,oBAAoB;CAC/B;AACF,CACF"}
+{"version":3,"file":"tabs-tab-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-tab-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\n/**\n * Cada variante pinta a tab ativa, e as classes `group-has-data-[component='Tabs.Indicator']`\n * desligam essa pintura quando há um Indicator na List: ele passa a ser o único a marcar o\n * estado, e o deslize aparece. Até o Base UI medir a tab, o Indicator não existe e a própria tab\n * se pinta.\n */\nexport const tabsTabVariants = cva(\n  [\n    'relative',\n\n    'inline-flex',\n    'items-center',\n    'shrink-0',\n    'gap-2',\n\n    'h-(--tabs-height)',\n    'min-w-(--tabs-height)',\n\n    'px-4',\n\n    'whitespace-nowrap',\n    'text-sm',\n    'font-medium',\n    'text-gray-11',\n    'data-active:text-(--tabs-accent-fg)',\n\n    'corner-squircle',\n\n    'select-none',\n    'cursor-pointer',\n    'transition-[color]',\n\n    'ring-(--tabs-accent)',\n    'focus-ring-inside',\n    '[--focus-ring-width:2px]',\n    'focus-visible:z-10',\n\n    'data-disabled:cursor-not-allowed',\n    'data-disabled:opacity-50',\n\n    'data-[orientation=horizontal]:justify-center',\n    'data-[orientation=vertical]:justify-start',\n  ],\n  {\n    variants: {\n      fitted: {\n        true: ['flex-1', 'text-center'],\n        false: [],\n      },\n      variant: {\n        // Faixa que avança 1px sobre a borda da List.\n        line: [\n          'after:absolute',\n          'after:content-[\"\"]',\n\n          'after:bg-(--tabs-accent)',\n          'after:opacity-0',\n          'after:transition-opacity',\n\n          'data-active:after:opacity-100',\n\n          'data-[orientation=horizontal]:after:inset-x-0',\n          'data-[orientation=horizontal]:after:-bottom-px',\n          'data-[orientation=horizontal]:after:h-0.5',\n\n          'data-[orientation=vertical]:after:inset-y-0',\n          'data-[orientation=vertical]:after:-inset-e-px',\n          'data-[orientation=vertical]:after:w-0.5',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:after:hidden\",\n        ],\n        subtle: [\n          'rounded-(--tabs-trigger-radius)',\n\n          'data-active:bg-(--tabs-subtle-bg)',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n        ],\n        enclosed: [\n          // A lista tem `p-1`: a tab desconta os dois lados para a lista ficar na altura da lista.\n          'h-[calc(var(--tabs-height)-0.5rem)]',\n\n          'rounded-(--tabs-trigger-radius)',\n\n          'data-active:bg-(--tabs-surface-bg)',\n          'data-active:shadow-xs',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:shadow-none\",\n        ],\n        outline: [\n          'border',\n          'border-transparent',\n\n          'data-active:border-gray-alpha-6',\n          'data-active:bg-(--tabs-surface-bg)',\n\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:border-transparent\",\n          \"group-has-data-[component='Tabs.Indicator']/tabs-list:data-active:bg-transparent\",\n\n          // Sobrepõe 1px da borda da List e da tab vizinha.\n          'data-[orientation=horizontal]:rounded-t-(--tabs-trigger-radius)',\n          'data-[orientation=horizontal]:-mb-px',\n          'data-[orientation=horizontal]:not-last:-me-px',\n          'data-[orientation=horizontal]:data-active:border-b-transparent',\n\n          'data-[orientation=vertical]:rounded-s-(--tabs-trigger-radius)',\n          'data-[orientation=vertical]:-me-px',\n          'data-[orientation=vertical]:not-last:-mb-px',\n          'data-[orientation=vertical]:data-active:border-e-transparent',\n        ],\n        plain: ['rounded-(--tabs-trigger-radius)'],\n      },\n    },\n    defaultVariants: {\n      fitted: tabsDefaultVariants.fitted,\n      variant: tabsDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;;;;;;;AASA,MAAa,kBAAkB,IAC7B;CACE;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CAEA;CACA;CACA;CACA;CACA;CAEA;CAEA;CACA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CAEA;CACA;AACF,GACA;CACE,UAAU;EACR,QAAQ;GACN,MAAM,CAAC,UAAU,aAAa;GAC9B,OAAO,CAAC;EACV;EACA,SAAS;GAEP,MAAM;IACJ;IACA;IAEA;IACA;IACA;IAEA;IAEA;IACA;IACA;IAEA;IACA;IACA;IAEA;GACF;GACA,QAAQ;IACN;IAEA;IAEA;GACF;GACA,UAAU;IAER;IAEA;IAEA;IACA;IAEA;IACA;GACF;GACA,SAAS;IACP;IACA;IAEA;IACA;IAEA;IACA;IAGA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;GACF;GACA,OAAO,CAAC,iCAAiC;EAC3C;CACF;CACA,iBAAiB;EACf,QAAQ,oBAAoB;EAC5B,SAAS,oBAAoB;CAC/B;AACF,CACF"}

package/dist/components/disclosure/tabs/tabs-tab.js

@@ -10,12 +10,11 @@ import { Tabs } from "@base-ui/react/tabs";
 */
 const TabsTab = (props) => {
 	const { className, ...rest } = props;
-	const { fitted, size, variant } = useTabsContext();
+	const { fitted, variant } = useTabsContext();
 	return /* @__PURE__ */ jsx(Tabs.Tab, {
 		"data-component": "Tabs.Tab",
 		className: mergeStateClassNames(tabsTabVariants({
 			fitted,
-			size,
 			variant
 		}), className),
 		...rest

package/dist/components/disclosure/tabs/tabs-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs-tab.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsTabVariants } from './tabs-tab-variants';\nimport { useTabsContext } from './use-tabs-context';\n\nexport type TabsTabProps = BaseTabs.Tab.Props;\n\nexport type TabsTabState = BaseTabs.Tab.State;\n\n/**\n * O botão de cada tab. O `value` liga ao `Tabs.Panel` de mesmo valor. Para\n * renderizar um link, use `render` com `nativeButton={false}`.\n */\nexport const TabsTab = (props: TabsTabProps) => {\n  const { className, ...rest } = props;\n\n  const { fitted, size, variant } = useTabsContext();\n\n  return (\n    <BaseTabs.Tab\n      data-component=\"Tabs.Tab\"\n      className={mergeStateClassNames(\n        tabsTabVariants({ fitted, size, variant }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,QAAQ,MAAM,YAAY,eAAe;CAEjD,OACE,oBAACA,KAAS,KAAV;EACE,kBAAe;EACf,WAAW,qBACT,gBAAgB;GAAE;GAAQ;GAAM;EAAQ,CAAC,GACzC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,QAAQ,cAAc"}
+{"version":3,"file":"tabs-tab.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-tab.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsTabVariants } from './tabs-tab-variants';\nimport { useTabsContext } from './use-tabs-context';\n\nexport type TabsTabProps = BaseTabs.Tab.Props;\n\nexport type TabsTabState = BaseTabs.Tab.State;\n\n/**\n * O botão de cada tab. O `value` liga ao `Tabs.Panel` de mesmo valor. Para\n * renderizar um link, use `render` com `nativeButton={false}`.\n */\nexport const TabsTab = (props: TabsTabProps) => {\n  const { className, ...rest } = props;\n\n  const { fitted, variant } = useTabsContext();\n\n  return (\n    <BaseTabs.Tab\n      data-component=\"Tabs.Tab\"\n      className={mergeStateClassNames(\n        tabsTabVariants({ fitted, variant }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTabsTab.displayName = 'Tabs.Tab';\n"],"mappings":";;;;;;;;;;AAaA,MAAa,WAAW,UAAwB;CAC9C,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,QAAQ,YAAY,eAAe;CAE3C,OACE,oBAACA,KAAS,KAAV;EACE,kBAAe;EACf,WAAW,qBACT,gBAAgB;GAAE;GAAQ;EAAQ,CAAC,GACnC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,QAAQ,cAAc"}

package/dist/components/disclosure/tabs/use-tabs-context.d.ts

@@ -11,12 +11,6 @@ export type TabsVariants = {
    * @default 'gray'
    */
   colorScheme?: ColorSchemeCore;
-  /**
-   * Altura das tabs e respiro entre a lista e o painel.
-   *
-   * @default 'md'
-   */
-  size?: 'sm' | 'md' | 'lg';
   /**
    * Desenho da lista e da tab ativa.
    *

package/dist/components/disclosure/tabs/use-tabs-context.js

@@ -2,7 +2,6 @@ import { createContext } from "@lucasbernardosn/react-utils";
 //#region src/components/disclosure/tabs/use-tabs-context.ts
 const tabsDefaultVariants = {
 	colorScheme: "gray",
-	size: "md",
 	variant: "line",
 	fitted: false,
 	justify: "start"

package/dist/components/disclosure/tabs/use-tabs-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tabs-context.js","names":[],"sources":["../../../../src/components/disclosure/tabs/use-tabs-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/**\n * Variantes do Tabs. Informadas no `Tabs.Root` e repassadas a todas as partes\n * por contexto.\n */\nexport type TabsVariants = {\n  /**\n   * Cor da tab ativa, do indicador e do anel de foco.\n   *\n   * @default 'gray'\n   */\n  colorScheme?: ColorSchemeCore;\n  /**\n   * Altura das tabs e respiro entre a lista e o painel.\n   *\n   * @default 'md'\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Desenho da lista e da tab ativa.\n   *\n   * @default 'line'\n   */\n  variant?: 'line' | 'subtle' | 'enclosed' | 'outline' | 'plain';\n  /**\n   * Faz as tabs dividirem o espaço da lista igualmente. Na horizontal, a lista\n   * ocupa a largura toda.\n   *\n   * @default false\n   */\n  fitted?: boolean;\n  /**\n   * Alinhamento das tabs dentro da lista.\n   *\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end';\n};\n\nexport const tabsDefaultVariants: Required<TabsVariants> = {\n  colorScheme: 'gray',\n  size: 'md',\n  variant: 'line',\n  fitted: false,\n  justify: 'start',\n};\n\nexport const [TabsContextProvider, useTabsContext] =\n  createContext<TabsVariants>({\n    name: 'TabsContext',\n    providers: ['Tabs.Root'],\n  });\n"],"mappings":";;AAyCA,MAAa,sBAA8C;CACzD,aAAa;CACb,MAAM;CACN,SAAS;CACT,QAAQ;CACR,SAAS;AACX;AAEA,MAAa,CAAC,qBAAqB,kBACjC,cAA4B;CAC1B,MAAM;CACN,WAAW,CAAC,WAAW;AACzB,CAAC"}
+{"version":3,"file":"use-tabs-context.js","names":[],"sources":["../../../../src/components/disclosure/tabs/use-tabs-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/**\n * Variantes do Tabs. Informadas no `Tabs.Root` e repassadas a todas as partes\n * por contexto.\n */\nexport type TabsVariants = {\n  /**\n   * Cor da tab ativa, do indicador e do anel de foco.\n   *\n   * @default 'gray'\n   */\n  colorScheme?: ColorSchemeCore;\n  /**\n   * Desenho da lista e da tab ativa.\n   *\n   * @default 'line'\n   */\n  variant?: 'line' | 'subtle' | 'enclosed' | 'outline' | 'plain';\n  /**\n   * Faz as tabs dividirem o espaço da lista igualmente. Na horizontal, a lista\n   * ocupa a largura toda.\n   *\n   * @default false\n   */\n  fitted?: boolean;\n  /**\n   * Alinhamento das tabs dentro da lista.\n   *\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end';\n};\n\nexport const tabsDefaultVariants: Required<TabsVariants> = {\n  colorScheme: 'gray',\n  variant: 'line',\n  fitted: false,\n  justify: 'start',\n};\n\nexport const [TabsContextProvider, useTabsContext] =\n  createContext<TabsVariants>({\n    name: 'TabsContext',\n    providers: ['Tabs.Root'],\n  });\n"],"mappings":";;AAmCA,MAAa,sBAA8C;CACzD,aAAa;CACb,SAAS;CACT,QAAQ;CACR,SAAS;AACX;AAEA,MAAa,CAAC,qBAAqB,kBACjC,cAA4B;CAC1B,MAAM;CACN,WAAW,CAAC,WAAW;AACzB,CAAC"}

package/dist/components/display/avatar/avatar-fallback.d.ts

@@ -0,0 +1,17 @@
+import { Avatar } from "@base-ui/react/avatar";
+//#region src/components/display/avatar/avatar-fallback.d.ts
+export type AvatarFallbackProps = Avatar.Fallback.Props;
+export type AvatarFallbackState = Avatar.Fallback.State;
+/**
+ * O que aparece sem a foto: as iniciais do `name` do `Avatar.Root` (primeiro e último nome) ou,
+ * sem `name`, um ícone de pessoa. Com filhos, usa os filhos. A cor vem do `colorScheme` e da `variant` do `Root`.
+ *
+ * Fica com `aria-hidden`: o nome acessível é o `name` inteiro, no `Root`, e as iniciais lidas
+ * sozinhas não dizem nada.
+ */
+export declare const AvatarFallback: {
+  (props: AvatarFallbackProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=avatar-fallback.d.ts.map