npm - @lucasbernardosn/react-ui - Versions diffs - 0.1.0 → 0.2.0 - Mend

@lucasbernardosn/react-ui 0.1.0 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (192) hide show

package/dist/components/collections/tree-view/use-tree-view-variants-context.d.ts CHANGED Viewed

@@ -11,13 +11,6 @@ export type TreeViewVariants = {
    * @default 'gray'
    */
   colorScheme?: ColorSchemeCore;
-  /**
-   * Recuo, tamanho de ícone, espaçamento e texto. Aplicado no `TreeView.Tree`, que declara as
-   * variáveis lidas por todas as partes.
-   *
-   * @default 'md'
-   */
-  size?: 'xs' | 'sm' | 'md' | 'lg';
   /**
    * Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto
    * invertido.

package/dist/components/collections/tree-view/use-tree-view-variants-context.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tree-view-variants-context.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"mappings":";;;;;;YAOY;;;;;;EAMV,cAAc;;;;;;;EAOd~~;;;;;;;EAOA~~;;qBAGW,yBAAyB,SAAS;~~qBAMjC~~,iDAA+B,SAAA,mBAAE,kCAA0B"}
1	+ {"version":3,"file":"use-tree-view-variants-context.d.ts","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"mappings":";;;;;;YAOY;;;;;;EAMV,cAAc;;;;;;;EAOd;;qBAGW,yBAAyB,SAAS;qBAKjC,iDAA+B,SAAA,mBAAE,kCAA0B"}

package/dist/components/collections/tree-view/use-tree-view-variants-context.js CHANGED Viewed

@@ -2,7 +2,6 @@ import { createContext } from "@lucasbernardosn/react-utils";
 //#region src/components/collections/tree-view/use-tree-view-variants-context.ts
 const treeViewDefaultVariants = {
 	colorScheme: "gray",
-	size: "md",
 	variant: "solid"
 };
 const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] = createContext({

package/dist/components/collections/tree-view/use-tree-view-variants-context.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tree-view-variants-context.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/*\n Variantes do Tree View. Informadas no `TreeView.Root` (ou no `TreeView.RootProvider`) e\n * repassadas às partes por contexto.\n /\nexport type TreeViewVariants = {\n /\n Cor da linha selecionada. As demais linhas usam a escala neutra.\n \n @default 'gray'\n /\n colorScheme?: ColorSchemeCore;\n /\n Recuo, tamanho de ícone, espaçamento e texto. Aplicado no `TreeView.Tree`, que declara as\n * variáveis lidas por todas as partes.\n \n @default 'md'\n /\n size?: 'xs' \| 'sm' \| 'md' \| 'lg';\n /\n Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto\n * invertido.\n \n @default 'solid'\n */\n variant?: 'subtle' \| 'solid';\n};\n\nexport const treeViewDefaultVariants: Required<TreeViewVariants> = {\n colorScheme: 'gray',\n ~~size: 'md',\n~~ variant: 'solid',\n};\n\nexport const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] =\n createContext<TreeViewVariants>({\n name: 'TreeViewVariantsContext',\n providers: ['TreeView.Root', 'TreeView.RootProvider'],\n });\n"],"mappings":";;~~AA8BA~~,MAAa,0BAAsD;CACjE,aAAa;CACb,~~MAAM;CACN,~~SAAS;AACX;AAEA,MAAa,CAAC,iCAAiC,8BAC7C,cAAgC;CAC9B,MAAM;CACN,WAAW,CAAC,iBAAiB,uBAAuB;AACtD,CAAC"}
1	+ {"version":3,"file":"use-tree-view-variants-context.js","names":[],"sources":["../../../../src/components/collections/tree-view/use-tree-view-variants-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\nimport type { ColorSchemeCore } from '#types';\n\n/*\n Variantes do Tree View. Informadas no `TreeView.Root` (ou no `TreeView.RootProvider`) e\n * repassadas às partes por contexto.\n /\nexport type TreeViewVariants = {\n /\n Cor da linha selecionada. As demais linhas usam a escala neutra.\n \n @default 'gray'\n /\n colorScheme?: ColorSchemeCore;\n /\n Desenho da linha selecionada: `subtle` com fundo suave, `solid` com fundo saturado e texto\n * invertido.\n \n @default 'solid'\n */\n variant?: 'subtle' \| 'solid';\n};\n\nexport const treeViewDefaultVariants: Required<TreeViewVariants> = {\n colorScheme: 'gray',\n variant: 'solid',\n};\n\nexport const [TreeViewVariantsContextProvider, useTreeViewVariantsContext] =\n createContext<TreeViewVariants>({\n name: 'TreeViewVariantsContext',\n providers: ['TreeView.Root', 'TreeView.RootProvider'],\n });\n"],"mappings":";;AAuBA,MAAa,0BAAsD;CACjE,aAAa;CACb,SAAS;AACX;AAEA,MAAa,CAAC,iCAAiC,8BAC7C,cAAgC;CAC9B,MAAM;CACN,WAAW,CAAC,iBAAiB,uBAAuB;AACtD,CAAC"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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-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/collapsible/collapsible-panel-variants.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export type CollapsiblePanelVariants = {
 };
 export declare const collapsiblePanelDefaultVariants: Required<CollapsiblePanelVariants>;
 export declare const collapsiblePanelVariants: (props?: ({
-  orientation?: "vertical" | "horizontal" | null | undefined;
+  orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=collapsible-panel-variants.d.ts.map

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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-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 CHANGED Viewed

@@ -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.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-root-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-root-variants.ts"],"mappings":";;;;;qBAOa,mBAAgB~~;;;6CAoC5B~~"}
1	+ {"version":3,"file":"tabs-root-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-root-variants.ts"],"mappings":";;;;;qBAOa,mBAAgB;;6CAkC5B"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 // 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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -7,9 +7,9 @@ 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 CHANGED Viewed

	@@ -1 +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"}
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`, `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":";;;;;;;AAgBA,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 CHANGED Viewed

@@ -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.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tabs-tab-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-tab-variants.ts"],"mappings":";;;;;;;qBASa,kBAAe~~;;;;6CAoH3B~~"}
1	+ {"version":3,"file":"tabs-tab-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-tab-variants.ts"],"mappings":";;;;;;;qBASa,kBAAe;;;6CAiH3B"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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, 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 CHANGED Viewed

@@ -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.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-tabs-context.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/use-tabs-context.ts"],"mappings":";;;;;;YAOY;;;;;;EAMV,cAAc;;;;;;EAMd~~;;;;;;EAMA~~;;;;;;;EAOA;;;;;;EAMA;;qBAGW,qBAAqB,SAAS;~~qBAQ7B~~,qCAAmB,SAAA,eAAE,sBAAc"}
1	+ {"version":3,"file":"use-tabs-context.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/use-tabs-context.ts"],"mappings":";;;;;;YAOY;;;;;;EAMV,cAAc;;;;;;EAMd;;;;;;;EAOA;;;;;;EAMA;;qBAGW,qBAAqB,SAAS;qBAO7B,qCAAmB,SAAA,eAAE,sBAAc"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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/card/card-description.d.ts CHANGED Viewed

@@ -2,11 +2,10 @@ import { useRender } from "@base-ui/react";
 //#region src/components/display/card/card-description.d.ts
 export type CardDescriptionProps = useRender.ComponentProps<'p'>;
 /**
- * Texto de apoio do card, abaixo do título, no tamanho e na entrelinha do `size` do `Card.Root`
- * mais próximo; fora de um card, fica no tamanho do `sm`.
+ * Texto de apoio do card, abaixo do título, em tamanho fixo.
  *
- * Origem da descrição na escala: o `Dialog.Description` copia estas classes (tabela no README de `display`). Uma
- * mudança aqui vale para a cópia na mesma rodada.
+ * O `Dialog.Description` copia estas classes (tabela no README de `display`). Uma mudança aqui vale
+ * para a cópia na mesma rodada.
  */
 export declare const CardDescription: {
   (props: CardDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/display/card/card-description.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-description.d.ts","names":[],"sources":["../../../../src/components/display/card/card-description.tsx"],"mappings":";;YAGY,uBAAuB,UAAU~~;;;;;;;;qBAShC~~;GAA0B,OAAA,uCAAoB,+CAAA"}
1	+ {"version":3,"file":"card-description.d.ts","names":[],"sources":["../../../../src/components/display/card/card-description.tsx"],"mappings":";;YAGY,uBAAuB,UAAU;;;;;;;qBAQhC;GAA0B,OAAA,uCAAoB,+CAAA"}

package/dist/components/display/card/card-description.js CHANGED Viewed

@@ -2,19 +2,18 @@ import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
 import { mergeProps, useRender } from "@base-ui/react";
 //#region src/components/display/card/card-description.tsx
 /**
-* Texto de apoio do card, abaixo do título, no tamanho e na entrelinha do `size` do `Card.Root`
-* mais próximo; fora de um card, fica no tamanho do `sm`.
+* Texto de apoio do card, abaixo do título, em tamanho fixo.
 *
-* Origem da descrição na escala: o `Dialog.Description` copia estas classes (tabela no README de `display`). Uma
-* mudança aqui vale para a cópia na mesma rodada.
+* O `Dialog.Description` copia estas classes (tabela no README de `display`). Uma mudança aqui vale
+* para a cópia na mesma rodada.
 */
 const CardDescription = (props) => {
 	const { render, className, ...rest } = props;
 	const baseProps = {
 		"data-component": "Card.Description",
 		className: mergeTwClassNames([
-			"text-(length:--card-description-size,var(--text-sm))",
-			"leading-(--card-description-leading,--spacing(5))",
+			"text-sm",
+			"leading-5",
 			"text-gray-11",
 			"text-pretty"
 		], className)

package/dist/components/display/card/card-description.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-description.js","names":[],"sources":["../../../../src/components/display/card/card-description.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CardDescriptionProps = useRender.ComponentProps<'p'>;\n\n/*\n Texto de apoio do card, abaixo do título, no tamanho ~~e na entrelinha do `size` do `Card.Root`\~~n * mais próximo; fora de um card, fica no tamanho do `sm`.\n \n ~~Origem~~ ~~da descrição na escala: o~~ `Dialog.Description` copia estas classes (tabela no README de `display`). Uma\n * mudança aqui vale para a cópia na mesma rodada.\n */\nexport const CardDescription = (props: CardDescriptionProps) => {\n const { render, className, ...rest } = props;\n\n const baseProps = {\n 'data-component': 'Card.Description',\n className: mergeTwClassNames(\n [\n 'text-~~(length:--card-description-size,var(--text-~~sm))'~~,\n~~ 'leading-~~(--card-description-leading,--spacing(~~5))'~~,\n~~ 'text-gray-11'~~,\n~~ 'text-pretty'~~,\n~~ ],\n className,\n ),\n };\n\n return useRender({\n render,\n defaultTagName: 'p',\n props: mergeProps(baseProps, rest),\n });\n};\n\nCardDescription.displayName = 'Card.Description';\n"],"mappings":"~~;;;;;;;;;;AAYA~~,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;~~GACE~~;~~GACA~~;~~GACA~~;~~GACA~~;~~EACF~~,~~GACA~~,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,gBAAgB,cAAc"}
1	+ {"version":3,"file":"card-description.js","names":[],"sources":["../../../../src/components/display/card/card-description.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CardDescriptionProps = useRender.ComponentProps<'p'>;\n\n/*\n Texto de apoio do card, abaixo do título, em tamanho fixo.\n \n O `Dialog.Description` copia estas classes (tabela no README de `display`). Uma mudança aqui vale\n * para a cópia na mesma rodada.\n */\nexport const CardDescription = (props: CardDescriptionProps) => {\n const { render, className, ...rest } = props;\n\n const baseProps = {\n 'data-component': 'Card.Description',\n className: mergeTwClassNames(\n ['text-sm', 'leading-5', 'text-gray-11', 'text-pretty'],\n className,\n ),\n };\n\n return useRender({\n render,\n defaultTagName: 'p',\n props: mergeProps(baseProps, rest),\n });\n};\n\nCardDescription.displayName = 'Card.Description';\n"],"mappings":";;;;;;;;;AAWA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GAAC;GAAW;GAAa;GAAgB;EAAa,GACtD,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,gBAAgB,cAAc"}

package/dist/components/display/card/card-header.d.ts CHANGED Viewed

@@ -4,8 +4,8 @@ export type CardHeaderProps = useRender.ComponentProps<'div'>;
 /**
  * Topo do card, onde ficam título e descrição.
  *
- * Origem do cabeçalho com a escala de título e descrição: o `Dialog.Header` copia estas classes (tabela no README de `display`). Uma
- * mudança aqui vale para a cópia na mesma rodada.
+ * O `Dialog.Header` copia estas classes (tabela no README de `display`). Uma mudança aqui vale para a
+ * cópia na mesma rodada.
  */
 export declare const CardHeader: {
   (props: CardHeaderProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;

package/dist/components/display/card/card-header.js CHANGED Viewed

@@ -4,8 +4,8 @@ import { mergeProps, useRender } from "@base-ui/react";
 /**
 * Topo do card, onde ficam título e descrição.
 *
-* Origem do cabeçalho com a escala de título e descrição: o `Dialog.Header` copia estas classes (tabela no README de `display`). Uma
-* mudança aqui vale para a cópia na mesma rodada.
+* O `Dialog.Header` copia estas classes (tabela no README de `display`). Uma mudança aqui vale para a
+* cópia na mesma rodada.
 */
 const CardHeader = (props) => {
 	const { render, className, ...rest } = props;
@@ -14,7 +14,7 @@ const CardHeader = (props) => {
 		className: mergeTwClassNames([
 			"flex",
 			"flex-col",
-			"gap-(--card-header-gap,--spacing(0.5))",
+			"gap-0.5",
 			"px-(--card-padding)",
 			"pt-(--card-padding)",
 			"last:pb-(--card-padding)"

package/dist/components/display/card/card-header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-header.js","names":[],"sources":["../../../../src/components/display/card/card-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CardHeaderProps = useRender.ComponentProps<'div'>;\n\n/*\n Topo do card, onde ficam título e descrição.\n \n ~~Origem~~ ~~do cabeçalho com a escala de título e descrição: o~~ `Dialog.Header` copia estas classes (tabela no README de `display`). Uma\n * mudança aqui vale para a cópia na mesma rodada.\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n const { render, className, ...rest } = props;\n\n const baseProps = {\n 'data-component': 'Card.Header',\n className: mergeTwClassNames(\n [\n 'flex',\n 'flex-col',\n 'gap-~~(--card-header-gap,--spacing(~~0.5))',\n\n 'px-(--card-padding)',\n 'pt-(--card-padding)',\n // Sem `Body` nem `Footer` depois, fecha o respiro do card embaixo.\n 'last:pb-(--card-padding)',\n ],\n className,\n ),\n };\n\n return useRender({\n render,\n defaultTagName: 'div',\n props: mergeProps(baseProps, rest),\n });\n};\n\nCardHeader.displayName = 'Card.Header';\n"],"mappings":";;;;;;;;;AAWA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}
1	+ {"version":3,"file":"card-header.js","names":[],"sources":["../../../../src/components/display/card/card-header.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CardHeaderProps = useRender.ComponentProps<'div'>;\n\n/*\n Topo do card, onde ficam título e descrição.\n \n O `Dialog.Header` copia estas classes (tabela no README de `display`). Uma mudança aqui vale para a\n * cópia na mesma rodada.\n */\nexport const CardHeader = (props: CardHeaderProps) => {\n const { render, className, ...rest } = props;\n\n const baseProps = {\n 'data-component': 'Card.Header',\n className: mergeTwClassNames(\n [\n 'flex',\n 'flex-col',\n 'gap-0.5',\n\n 'px-(--card-padding)',\n 'pt-(--card-padding)',\n // Sem `Body` nem `Footer` depois, fecha o respiro do card embaixo.\n 'last:pb-(--card-padding)',\n ],\n className,\n ),\n };\n\n return useRender({\n render,\n defaultTagName: 'div',\n props: mergeProps(baseProps, rest),\n });\n};\n\nCardHeader.displayName = 'Card.Header';\n"],"mappings":";;;;;;;;;AAWA,MAAa,cAAc,UAA2B;CACpD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,WAAW,cAAc"}

package/dist/components/display/card/card-root-variants.d.ts CHANGED Viewed

@@ -1,12 +1,5 @@
 //#region src/components/display/card/card-root-variants.d.ts
 export type CardVariants = {
-  /**
-   * Respiro interno das partes e tipografia do cabeçalho: tamanho e entrelinha do título e da
-   * descrição, e o espaço entre os dois.
-   *
-   * @default 'sm'
-   */
-  size?: 'xs' | 'sm' | 'md' | 'lg';
   /**
    * Fundo, borda e sombra do card.
    *
@@ -16,18 +9,11 @@ export type CardVariants = {
 };
 export declare const cardDefaultVariants: Required<CardVariants>;
 /**
- * O `size` só declara CSS variables, e as partes as leem:
- * - `--card-padding`: o respiro de Header, Body e Footer;
- * - `--card-title-size` e `--card-title-leading`: o Title;
- * - `--card-description-size` e `--card-description-leading`: a Description;
- * - `--card-header-gap`: o espaço entre título e descrição no Header.
- *
- * Assim as partes não precisam de contexto, e um card aninhado redeclara as variáveis para o que
- * está dentro dele.
+ * O respiro de Header, Body e Footer fica em `--card-padding`, fixo em 16px: as partes leem a
+ * variável, e um card aninhado a redeclara para o que está dentro dele.
  */
 export declare const cardRootVariants: (props?: ({
-  size?: "xs" | "sm" | "md" | "lg" | null | undefined;
-  variant?: "outline" | "subtle" | "elevated" | null | undefined;
+  variant?: "subtle" | "outline" | "elevated" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //#endregion
 //# sourceMappingURL=card-root-variants.d.ts.map

package/dist/components/display/card/card-root-variants.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"card-root-variants.d.ts","names":[],"sources":["../../../../src/components/display/card/card-root-variants.ts"],"mappings":";YAEY~~;;;;;;;EAOV~~;;;;;;~~EAMA~~;;qBAGW,qBAAqB,SAAS~~;;;;;;;;;;;qBAe9B~~,mBAAgB~~;;;6CAmF5B~~"}
1	+ {"version":3,"file":"card-root-variants.d.ts","names":[],"sources":["../../../../src/components/display/card/card-root-variants.ts"],"mappings":";YAEY;;;;;;EAMV;;qBAGW,qBAAqB,SAAS;;;;;qBAQ9B,mBAAgB;;6CAkD5B"}