@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,27 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/disclosure/collapsible/collapsible-trigger.d.ts
+export type CollapsibleTriggerProps = Collapsible.Trigger.Props;
+export type CollapsibleTriggerState = Collapsible.Trigger.State;
+/**
+ * Botão que abre e fecha o painel. É `group`, então filhos reagem ao estado com
+ * `group-data-panel-open:`.
+ *
+ * Para o visual de um `Button`, o `Button` renderiza o trigger, e não o contrário: assim as
+ * classes do `Button` vencem as do trigger. Com `render={<Button />}` no trigger, as classes
+ * dele (`flex`, `text-sm`, `gap-2`) passam por cima das do `Button`: o botão vira bloco e perde
+ * o texto e o gap do tamanho.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="ghost" render={<Collapsible.Trigger />}>
+ *   <Collapsible.Indicator />
+ *   Mostrar mais
+ * </Button>
+ * ```
+ */
+export declare const CollapsibleTrigger: {
+  (props: CollapsibleTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=collapsible-trigger.d.ts.map

package/dist/components/disclosure/collapsible/collapsible-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger.d.ts","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-trigger.tsx"],"mappings":";;YAGY,0BAA0BA,YAAgB,QAAQ;YAElD,0BAA0BA,YAAgB,QAAQ;;;;;;;;;;;;;;;;;;qBAmBjD;GAA6B,OAAA,0CAAuB,IAAA"}

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

@@ -0,0 +1,48 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/disclosure/collapsible/collapsible-trigger.tsx
+/**
+* Botão que abre e fecha o painel. É `group`, então filhos reagem ao estado com
+* `group-data-panel-open:`.
+*
+* Para o visual de um `Button`, o `Button` renderiza o trigger, e não o contrário: assim as
+* classes do `Button` vencem as do trigger. Com `render={<Button />}` no trigger, as classes
+* dele (`flex`, `text-sm`, `gap-2`) passam por cima das do `Button`: o botão vira bloco e perde
+* o texto e o gap do tamanho.
+*
+* @example
+* ```tsx
+* <Button variant="ghost" render={<Collapsible.Trigger />}>
+*   <Collapsible.Indicator />
+*   Mostrar mais
+* </Button>
+* ```
+*/
+const CollapsibleTrigger = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Collapsible.Trigger, {
+		"data-component": "Collapsible.Trigger",
+		className: mergeStateClassNames([
+			"group",
+			"flex",
+			"items-center",
+			"gap-2",
+			"text-sm",
+			"text-gray-12",
+			"rounded-md",
+			"corner-squircle",
+			"select-none",
+			"cursor-pointer",
+			"focus-ring-outside",
+			"data-disabled:opacity-50",
+			"data-disabled:cursor-not-allowed"
+		], className),
+		...rest
+	});
+};
+CollapsibleTrigger.displayName = "Collapsible.Trigger";
+//#endregion
+export { CollapsibleTrigger };
+
+//# sourceMappingURL=collapsible-trigger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-trigger.js","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-trigger.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport { mergeStateClassNames } from '#utils';\n\nexport type CollapsibleTriggerProps = BaseCollapsible.Trigger.Props;\n\nexport type CollapsibleTriggerState = BaseCollapsible.Trigger.State;\n\n/**\n * Botão que abre e fecha o painel. É `group`, então filhos reagem ao estado com\n * `group-data-panel-open:`.\n *\n * Para o visual de um `Button`, o `Button` renderiza o trigger, e não o contrário: assim as\n * classes do `Button` vencem as do trigger. Com `render={<Button />}` no trigger, as classes\n * dele (`flex`, `text-sm`, `gap-2`) passam por cima das do `Button`: o botão vira bloco e perde\n * o texto e o gap do tamanho.\n *\n * @example\n * ```tsx\n * <Button variant=\"ghost\" render={<Collapsible.Trigger />}>\n *   <Collapsible.Indicator />\n *   Mostrar mais\n * </Button>\n * ```\n */\nexport const CollapsibleTrigger = (props: CollapsibleTriggerProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseCollapsible.Trigger\n      data-component=\"Collapsible.Trigger\"\n      className={mergeStateClassNames(\n        [\n          'group',\n\n          'flex',\n          'items-center',\n\n          'gap-2',\n\n          'text-sm',\n          'text-gray-12',\n\n          'rounded-md',\n          'corner-squircle',\n\n          'select-none',\n          'cursor-pointer',\n\n          'focus-ring-outside',\n\n          'data-disabled:opacity-50',\n          'data-disabled:cursor-not-allowed',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCollapsibleTrigger.displayName = 'Collapsible.Trigger';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,sBAAsB,UAAmC;CACpE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,SAAjB;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GAEA;GACA;GAEA;GAEA;GACA;GAEA;GACA;GAEA;GACA;GAEA;GAEA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,mBAAmB,cAAc"}

package/dist/components/disclosure/collapsible/index.d.ts

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

package/dist/components/disclosure/collapsible/index.js

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

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

@@ -0,0 +1,11 @@
+import { CollapsibleIndicator, CollapsibleIndicatorProps } from "./collapsible-indicator.js";
+import { CollapsiblePanelVariants } from "./collapsible-panel-variants.js";
+import { CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelState } from "./collapsible-panel.js";
+import { CollapsibleRoot, CollapsibleRootChangeEventDetails, CollapsibleRootChangeEventReason, CollapsibleRootProps, CollapsibleRootState } from "./collapsible-root.js";
+import { CollapsibleTrigger, CollapsibleTriggerProps, CollapsibleTriggerState } from "./collapsible-trigger.js";
+declare namespace index_parts_d_exports {
+  export { CollapsibleIndicator as Indicator, CollapsibleIndicatorProps as IndicatorProps, CollapsiblePanel as Panel, CollapsiblePanelProps as PanelProps, CollapsiblePanelState as PanelState, CollapsiblePanelVariants as PanelVariants, CollapsibleRoot as Root, CollapsibleRootChangeEventDetails as RootChangeEventDetails, CollapsibleRootChangeEventReason as RootChangeEventReason, CollapsibleRootProps as RootProps, CollapsibleRootState as RootState, CollapsibleTrigger as Trigger, CollapsibleTriggerProps as TriggerProps, CollapsibleTriggerState as TriggerState };
+}
+//#endregion
+export { CollapsibleIndicator as Indicator, type CollapsibleIndicatorProps as IndicatorProps, CollapsiblePanel as Panel, type CollapsiblePanelProps as PanelProps, type CollapsiblePanelState as PanelState, type CollapsiblePanelVariants as PanelVariants, CollapsibleRoot as Root, type CollapsibleRootChangeEventDetails as RootChangeEventDetails, type CollapsibleRootChangeEventReason as RootChangeEventReason, type CollapsibleRootProps as RootProps, type CollapsibleRootState as RootState, CollapsibleTrigger as Trigger, type CollapsibleTriggerProps as TriggerProps, type CollapsibleTriggerState as TriggerState, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/disclosure/collapsible/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/disclosure/collapsible/index.parts.ts"],"mappings":""}

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

@@ -0,0 +1,16 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { CollapsibleIndicator } from "./collapsible-indicator.js";
+import { CollapsiblePanel } from "./collapsible-panel.js";
+import { CollapsibleRoot } from "./collapsible-root.js";
+import { CollapsibleTrigger } from "./collapsible-trigger.js";
+//#region src/components/disclosure/collapsible/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => CollapsibleIndicator,
+	Panel: () => CollapsiblePanel,
+	Root: () => CollapsibleRoot,
+	Trigger: () => CollapsibleTrigger
+});
+//#endregion
+export { CollapsibleIndicator as Indicator, CollapsiblePanel as Panel, CollapsibleRoot as Root, CollapsibleTrigger as Trigger, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/disclosure/collapsible/index.parts.ts"],"sourcesContent":["export { CollapsibleIndicator as Indicator } from './collapsible-indicator';\nexport { CollapsiblePanel as Panel } from './collapsible-panel';\nexport { CollapsibleRoot as Root } from './collapsible-root';\nexport { CollapsibleTrigger as Trigger } from './collapsible-trigger';\n\n/* types */\n\nexport type { CollapsibleIndicatorProps as IndicatorProps } from './collapsible-indicator';\nexport type {\n  CollapsiblePanelProps as PanelProps,\n  CollapsiblePanelState as PanelState,\n} from './collapsible-panel';\nexport type { CollapsiblePanelVariants as PanelVariants } from './collapsible-panel-variants';\nexport type {\n  CollapsibleRootChangeEventDetails as RootChangeEventDetails,\n  CollapsibleRootChangeEventReason as RootChangeEventReason,\n  CollapsibleRootProps as RootProps,\n  CollapsibleRootState as RootState,\n} from './collapsible-root';\nexport type {\n  CollapsibleTriggerProps as TriggerProps,\n  CollapsibleTriggerState as TriggerState,\n} from './collapsible-trigger';\n"],"mappings":""}

package/dist/components/disclosure/tabs/index.d.ts

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

package/dist/components/disclosure/tabs/index.js

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

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

@@ -0,0 +1,12 @@
+import { TabsIndicator, TabsIndicatorProps, TabsIndicatorState } from "./tabs-indicator.js";
+import { TabsList, TabsListProps, TabsListState } from "./tabs-list.js";
+import { TabsPanel, TabsPanelProps, TabsPanelState } from "./tabs-panel.js";
+import { TabsVariants } from "./use-tabs-context.js";
+import { TabsRoot, TabsRootChangeEventDetails, TabsRootChangeEventReason, TabsRootOrientation, TabsRootProps, TabsRootState } from "./tabs-root.js";
+import { TabsTab, TabsTabProps, TabsTabState } from "./tabs-tab.js";
+declare namespace index_parts_d_exports {
+  export { TabsIndicator as Indicator, TabsIndicatorProps as IndicatorProps, TabsIndicatorState as IndicatorState, TabsList as List, TabsListProps as ListProps, TabsListState as ListState, TabsPanel as Panel, TabsPanelProps as PanelProps, TabsPanelState as PanelState, TabsRoot as Root, TabsRootChangeEventDetails as RootChangeEventDetails, TabsRootChangeEventReason as RootChangeEventReason, TabsRootOrientation as RootOrientation, TabsRootProps as RootProps, TabsRootState as RootState, TabsTab as Tab, TabsTabProps as TabProps, TabsTabState as TabState, TabsVariants as Variants };
+}
+//#endregion
+export { TabsIndicator as Indicator, type TabsIndicatorProps as IndicatorProps, type TabsIndicatorState as IndicatorState, TabsList as List, type TabsListProps as ListProps, type TabsListState as ListState, TabsPanel as Panel, type TabsPanelProps as PanelProps, type TabsPanelState as PanelState, TabsRoot as Root, type TabsRootChangeEventDetails as RootChangeEventDetails, type TabsRootChangeEventReason as RootChangeEventReason, type TabsRootOrientation as RootOrientation, type TabsRootProps as RootProps, type TabsRootState as RootState, TabsTab as Tab, type TabsTabProps as TabProps, type TabsTabState as TabState, type TabsVariants as Variants, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/disclosure/tabs/index.parts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/index.parts.ts"],"mappings":""}

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

@@ -0,0 +1,18 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { TabsIndicator } from "./tabs-indicator.js";
+import { TabsList } from "./tabs-list.js";
+import { TabsPanel } from "./tabs-panel.js";
+import { TabsRoot } from "./tabs-root.js";
+import { TabsTab } from "./tabs-tab.js";
+//#region src/components/disclosure/tabs/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Indicator: () => TabsIndicator,
+	List: () => TabsList,
+	Panel: () => TabsPanel,
+	Root: () => TabsRoot,
+	Tab: () => TabsTab
+});
+//#endregion
+export { TabsIndicator as Indicator, TabsList as List, TabsPanel as Panel, TabsRoot as Root, TabsTab as Tab, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/disclosure/tabs/index.parts.ts"],"sourcesContent":["export { TabsIndicator as Indicator } from './tabs-indicator';\nexport { TabsList as List } from './tabs-list';\nexport { TabsPanel as Panel } from './tabs-panel';\nexport { TabsRoot as Root } from './tabs-root';\nexport { TabsTab as Tab } from './tabs-tab';\n\n/* types */\n\nexport type {\n  TabsIndicatorProps as IndicatorProps,\n  TabsIndicatorState as IndicatorState,\n} from './tabs-indicator';\nexport type {\n  TabsListProps as ListProps,\n  TabsListState as ListState,\n} from './tabs-list';\nexport type {\n  TabsPanelProps as PanelProps,\n  TabsPanelState as PanelState,\n} from './tabs-panel';\nexport type {\n  TabsRootChangeEventDetails as RootChangeEventDetails,\n  TabsRootChangeEventReason as RootChangeEventReason,\n  TabsRootOrientation as RootOrientation,\n  TabsRootProps as RootProps,\n  TabsRootState as RootState,\n} from './tabs-root';\nexport type {\n  TabsTabProps as TabProps,\n  TabsTabState as TabState,\n} from './tabs-tab';\nexport type { TabsVariants as Variants } from './use-tabs-context';\n"],"mappings":""}

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

@@ -0,0 +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;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=tabs-indicator-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-indicator-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-indicator-variants.ts"],"mappings":";qBAGa,wBAAqB;;6CAwEjC"}

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

@@ -0,0 +1,61 @@
+import { tabsDefaultVariants } from "./use-tabs-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/disclosure/tabs/tabs-indicator-variants.ts
+const tabsIndicatorVariants = cva([
+	"absolute",
+	"top-0",
+	"left-0",
+	"-z-1",
+	"h-(--active-tab-height)",
+	"w-(--active-tab-width)",
+	"translate-x-(--active-tab-left)",
+	"translate-y-(--active-tab-top)",
+	"not-motion-reduced:transition-[translate,width,height]",
+	"not-motion-reduced:ease-move",
+	"not-motion-reduced:duration-150"
+], {
+	variants: { variant: {
+		line: [
+			"bg-(--tabs-accent)",
+			"data-[orientation=horizontal]:top-auto",
+			"data-[orientation=horizontal]:-bottom-px",
+			"data-[orientation=horizontal]:h-0.5",
+			"data-[orientation=vertical]:left-auto",
+			"data-[orientation=vertical]:-inset-e-px",
+			"data-[orientation=vertical]:w-0.5"
+		],
+		subtle: [
+			"rounded-(--tabs-trigger-radius)",
+			"corner-squircle",
+			"bg-(--tabs-subtle-bg)"
+		],
+		enclosed: [
+			"rounded-(--tabs-trigger-radius)",
+			"corner-squircle",
+			"bg-(--tabs-surface-bg)",
+			"shadow-xs"
+		],
+		outline: [
+			"corner-squircle",
+			"border-gray-alpha-6",
+			"bg-(--tabs-surface-bg)",
+			"data-[orientation=horizontal]:rounded-t-(--tabs-trigger-radius)",
+			"data-[orientation=horizontal]:border-x",
+			"data-[orientation=horizontal]:border-t",
+			"data-[orientation=vertical]:rounded-s-(--tabs-trigger-radius)",
+			"data-[orientation=vertical]:border-y",
+			"data-[orientation=vertical]:border-s"
+		],
+		plain: [
+			"rounded-(--tabs-trigger-radius)",
+			"corner-squircle",
+			"bg-(--tabs-surface-bg)",
+			"shadow-xs"
+		]
+	} },
+	defaultVariants: { variant: tabsDefaultVariants.variant }
+});
+//#endregion
+export { tabsIndicatorVariants };
+
+//# sourceMappingURL=tabs-indicator-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-indicator-variants.js","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-indicator-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { tabsDefaultVariants } from './use-tabs-context';\n\nexport const tabsIndicatorVariants = cva(\n  [\n    'absolute',\n    'top-0',\n    'left-0',\n    '-z-1',\n\n    'h-(--active-tab-height)',\n    'w-(--active-tab-width)',\n    'translate-x-(--active-tab-left)',\n    'translate-y-(--active-tab-top)',\n\n    'not-motion-reduced:transition-[translate,width,height]',\n    'not-motion-reduced:ease-move',\n    'not-motion-reduced:duration-150',\n  ],\n  {\n    variants: {\n      variant: {\n        // Faixa colada na borda da List, como a da tab.\n        line: [\n          'bg-(--tabs-accent)',\n\n          'data-[orientation=horizontal]:top-auto',\n          'data-[orientation=horizontal]:-bottom-px',\n          'data-[orientation=horizontal]:h-0.5',\n\n          'data-[orientation=vertical]:left-auto',\n          'data-[orientation=vertical]:-inset-e-px',\n          'data-[orientation=vertical]:w-0.5',\n        ],\n        subtle: [\n          'rounded-(--tabs-trigger-radius)',\n          'corner-squircle',\n\n          'bg-(--tabs-subtle-bg)',\n        ],\n        enclosed: [\n          'rounded-(--tabs-trigger-radius)',\n          'corner-squircle',\n\n          'bg-(--tabs-surface-bg)',\n          'shadow-xs',\n        ],\n        // Tem a caixa da tab, que avança 1px sobre a borda da List: o fundo cobre esse trecho.\n        outline: [\n          'corner-squircle',\n\n          'border-gray-alpha-6',\n          'bg-(--tabs-surface-bg)',\n\n          'data-[orientation=horizontal]:rounded-t-(--tabs-trigger-radius)',\n          'data-[orientation=horizontal]:border-x',\n          'data-[orientation=horizontal]:border-t',\n\n          'data-[orientation=vertical]:rounded-s-(--tabs-trigger-radius)',\n          'data-[orientation=vertical]:border-y',\n          'data-[orientation=vertical]:border-s',\n        ],\n        plain: [\n          'rounded-(--tabs-trigger-radius)',\n          'corner-squircle',\n\n          'bg-(--tabs-surface-bg)',\n          'shadow-xs',\n        ],\n      },\n    },\n    defaultVariants: {\n      variant: tabsDefaultVariants.variant,\n    },\n  },\n);\n"],"mappings":";;;AAGA,MAAa,wBAAwB,IACnC;CACE;CACA;CACA;CACA;CAEA;CACA;CACA;CACA;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,SAAS;EAEP,MAAM;GACJ;GAEA;GACA;GACA;GAEA;GACA;GACA;EACF;EACA,QAAQ;GACN;GACA;GAEA;EACF;EACA,UAAU;GACR;GACA;GAEA;GACA;EACF;EAEA,SAAS;GACP;GAEA;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;EACF;EACA,OAAO;GACL;GACA;GAEA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,SAAS,oBAAoB,QAC/B;AACF,CACF"}

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

@@ -0,0 +1,19 @@
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-indicator.d.ts
+export type TabsIndicatorProps = Tabs.Indicator.Props;
+export type TabsIndicatorState = Tabs.Indicator.State;
+/**
+ * Camada opcional que desliza atrás da tab ativa, com o visual da `variant`
+ * do `Root`. Monte dentro de `Tabs.List`; posição e tamanho vêm das variáveis
+ * `--active-tab-*` do Base UI. Com ele montado, a tab ativa deixa de pintar o
+ * próprio estado, e só o Indicator marca a tab ativa.
+ *
+ * O nome vem do Base UI: não é o `Indicator` de ícone das outras partes da
+ * lib.
+ */
+export declare const TabsIndicator: {
+  (props: TabsIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tabs-indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-indicator.d.ts","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-indicator.tsx"],"mappings":";;YAKY,qBAAqBA,KAAS,UAAU;YAExC,qBAAqBA,KAAS,UAAU;;;;;;;;;;qBAWvC;GAAwB,OAAA,qCAAkB,IAAA"}

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

@@ -0,0 +1,29 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useTabsContext } from "./use-tabs-context.js";
+import { tabsIndicatorVariants } from "./tabs-indicator-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-indicator.tsx
+/**
+* Camada opcional que desliza atrás da tab ativa, com o visual da `variant`
+* do `Root`. Monte dentro de `Tabs.List`; posição e tamanho vêm das variáveis
+* `--active-tab-*` do Base UI. Com ele montado, a tab ativa deixa de pintar o
+* próprio estado, e só o Indicator marca a tab ativa.
+*
+* O nome vem do Base UI: não é o `Indicator` de ícone das outras partes da
+* lib.
+*/
+const TabsIndicator = (props) => {
+	const { className, ...rest } = props;
+	const { variant } = useTabsContext();
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		"data-component": "Tabs.Indicator",
+		className: mergeStateClassNames(tabsIndicatorVariants({ variant }), className),
+		...rest
+	});
+};
+TabsIndicator.displayName = "Tabs.Indicator";
+//#endregion
+export { TabsIndicator };
+
+//# sourceMappingURL=tabs-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-indicator.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-indicator.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsIndicatorVariants } from './tabs-indicator-variants';\nimport { useTabsContext } from './use-tabs-context';\n\nexport type TabsIndicatorProps = BaseTabs.Indicator.Props;\n\nexport type TabsIndicatorState = BaseTabs.Indicator.State;\n\n/**\n * Camada opcional que desliza atrás da tab ativa, com o visual da `variant`\n * do `Root`. Monte dentro de `Tabs.List`; posição e tamanho vêm das variáveis\n * `--active-tab-*` do Base UI. Com ele montado, a tab ativa deixa de pintar o\n * próprio estado, e só o Indicator marca a tab ativa.\n *\n * O nome vem do Base UI: não é o `Indicator` de ícone das outras partes da\n * lib.\n */\nexport const TabsIndicator = (props: TabsIndicatorProps) => {\n  const { className, ...rest } = props;\n\n  const { variant } = useTabsContext();\n\n  return (\n    <BaseTabs.Indicator\n      data-component=\"Tabs.Indicator\"\n      className={mergeStateClassNames(\n        tabsIndicatorVariants({ variant }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTabsIndicator.displayName = 'Tabs.Indicator';\n"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAa,iBAAiB,UAA8B;CAC1D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,YAAY,eAAe;CAEnC,OACE,oBAACA,KAAS,WAAV;EACE,kBAAe;EACf,WAAW,qBACT,sBAAsB,EAAE,QAAQ,CAAC,GACjC,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,cAAc,cAAc"}

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

@@ -0,0 +1,8 @@
+//#region src/components/disclosure/tabs/tabs-list-variants.d.ts
+export declare const tabsListVariants: (props?: ({
+  fitted?: boolean | null | undefined;
+  justify?: "center" | "start" | "end" | null | undefined;
+  variant?: "line" | "outline" | "subtle" | "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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-list-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/tabs/tabs-list-variants.ts"],"mappings":";qBAGa,mBAAgB;;;;6CAwD5B"}

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

@@ -0,0 +1,54 @@
+import { tabsDefaultVariants } from "./use-tabs-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/disclosure/tabs/tabs-list-variants.ts
+const tabsListVariants = cva([
+	"group/tabs-list",
+	"relative",
+	"isolate",
+	"inline-flex",
+	"min-h-(--tabs-height)",
+	"data-[orientation=horizontal]:items-center",
+	"data-[orientation=vertical]:flex-col",
+	"data-[orientation=vertical]:items-stretch"
+], {
+	variants: {
+		fitted: {
+			true: ["flex", "data-[orientation=horizontal]:w-full"],
+			false: []
+		},
+		justify: {
+			start: ["justify-start"],
+			center: ["justify-center"],
+			end: ["justify-end"]
+		},
+		variant: {
+			line: [
+				"border-gray-alpha-6",
+				"data-[orientation=horizontal]:border-b",
+				"data-[orientation=vertical]:border-e"
+			],
+			subtle: [],
+			enclosed: [
+				"rounded-lg",
+				"corner-squircle",
+				"bg-gray-3",
+				"p-1"
+			],
+			outline: [
+				"border-gray-alpha-6",
+				"data-[orientation=horizontal]:border-b",
+				"data-[orientation=vertical]:border-e"
+			],
+			plain: []
+		}
+	},
+	defaultVariants: {
+		fitted: tabsDefaultVariants.fitted,
+		justify: tabsDefaultVariants.justify,
+		variant: tabsDefaultVariants.variant
+	}
+});
+//#endregion
+export { tabsListVariants };
+
+//# sourceMappingURL=tabs-list-variants.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,15 @@
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-list.d.ts
+export type TabsListProps = Tabs.List.Props;
+export type TabsListState = Tabs.List.State;
+/**
+ * Agrupa os `Tab`s e aceita um `Tabs.Indicator` opcional. Por padrão só
+ * `Enter` e `Espaço` ativam a tab focada; `activateOnFocus` ativa ao focar
+ * pelas setas.
+ */
+export declare const TabsList: {
+  (props: TabsListProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tabs-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-list.d.ts","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-list.tsx"],"mappings":";;YAKY,gBAAgBA,KAAS,KAAK;YAE9B,gBAAgBA,KAAS,KAAK;;;;;;qBAO7B;GAAmB,OAAA,gCAAa,IAAA"}

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

@@ -0,0 +1,29 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { useTabsContext } from "./use-tabs-context.js";
+import { tabsListVariants } from "./tabs-list-variants.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-list.tsx
+/**
+* Agrupa os `Tab`s e aceita um `Tabs.Indicator` opcional. Por padrão só
+* `Enter` e `Espaço` ativam a tab focada; `activateOnFocus` ativa ao focar
+* pelas setas.
+*/
+const TabsList = (props) => {
+	const { className, ...rest } = props;
+	const { fitted, justify, variant } = useTabsContext();
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-component": "Tabs.List",
+		className: mergeStateClassNames(tabsListVariants({
+			fitted,
+			justify,
+			variant
+		}), className),
+		...rest
+	});
+};
+TabsList.displayName = "Tabs.List";
+//#endregion
+export { TabsList };
+
+//# sourceMappingURL=tabs-list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-list.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-list.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { mergeStateClassNames } from '#utils';\nimport { tabsListVariants } from './tabs-list-variants';\nimport { useTabsContext } from './use-tabs-context';\n\nexport type TabsListProps = BaseTabs.List.Props;\n\nexport type TabsListState = BaseTabs.List.State;\n\n/**\n * Agrupa os `Tab`s e aceita um `Tabs.Indicator` opcional. Por padrão só\n * `Enter` e `Espaço` ativam a tab focada; `activateOnFocus` ativa ao focar\n * pelas setas.\n */\nexport const TabsList = (props: TabsListProps) => {\n  const { className, ...rest } = props;\n\n  const { fitted, justify, variant } = useTabsContext();\n\n  return (\n    <BaseTabs.List\n      data-component=\"Tabs.List\"\n      className={mergeStateClassNames(\n        tabsListVariants({ fitted, justify, variant }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTabsList.displayName = 'Tabs.List';\n"],"mappings":";;;;;;;;;;;AAcA,MAAa,YAAY,UAAyB;CAChD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,MAAM,EAAE,QAAQ,SAAS,YAAY,eAAe;CAEpD,OACE,oBAACA,KAAS,MAAV;EACE,kBAAe;EACf,WAAW,qBACT,iBAAiB;GAAE;GAAQ;GAAS;EAAQ,CAAC,GAC7C,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,cAAc"}

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

@@ -0,0 +1,14 @@
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-panel.d.ts
+export type TabsPanelProps = Tabs.Panel.Props;
+export type TabsPanelState = Tabs.Panel.State;
+/**
+ * O conteúdo da tab de mesmo `value`. Sai do DOM quando inativo;
+ * `keepMounted` o mantém escondido em vez de desmontar.
+ */
+export declare const TabsPanel: {
+  (props: TabsPanelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tabs-panel.d.ts.map

package/dist/components/disclosure/tabs/tabs-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-panel.d.ts","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-panel.tsx"],"mappings":";;YAGY,iBAAiBA,KAAS,MAAM;YAEhC,iBAAiBA,KAAS,MAAM;;;;;qBAM/B;GAAoB,OAAA,iCAAc,IAAA"}

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

@@ -0,0 +1,31 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { jsx } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/disclosure/tabs/tabs-panel.tsx
+/**
+* O conteúdo da tab de mesmo `value`. Sai do DOM quando inativo;
+* `keepMounted` o mantém escondido em vez de desmontar.
+*/
+const TabsPanel = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		"data-component": "Tabs.Panel",
+		className: mergeStateClassNames([
+			"data-[orientation=horizontal]:w-full",
+			"data-[orientation=horizontal]:pt-(--tabs-content-padding)",
+			"data-[orientation=vertical]:min-w-0",
+			"data-[orientation=vertical]:flex-1",
+			"data-[orientation=vertical]:ps-(--tabs-content-padding)",
+			"ring-(--tabs-accent)",
+			"focus-ring-inside",
+			"[--focus-ring-width:2px]",
+			"[--focus-ring-offset:-2px]"
+		], className),
+		...rest
+	});
+};
+TabsPanel.displayName = "Tabs.Panel";
+//#endregion
+export { TabsPanel };
+
+//# sourceMappingURL=tabs-panel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-panel.js","names":["BaseTabs"],"sources":["../../../../src/components/disclosure/tabs/tabs-panel.tsx"],"sourcesContent":["import { Tabs as BaseTabs } from '@base-ui/react/tabs';\nimport { mergeStateClassNames } from '#utils';\n\nexport type TabsPanelProps = BaseTabs.Panel.Props;\n\nexport type TabsPanelState = BaseTabs.Panel.State;\n\n/**\n * O conteúdo da tab de mesmo `value`. Sai do DOM quando inativo;\n * `keepMounted` o mantém escondido em vez de desmontar.\n */\nexport const TabsPanel = (props: TabsPanelProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseTabs.Panel\n      data-component=\"Tabs.Panel\"\n      className={mergeStateClassNames(\n        [\n          'data-[orientation=horizontal]:w-full',\n          'data-[orientation=horizontal]:pt-(--tabs-content-padding)',\n\n          'data-[orientation=vertical]:min-w-0',\n          'data-[orientation=vertical]:flex-1',\n          'data-[orientation=vertical]:ps-(--tabs-content-padding)',\n\n          'ring-(--tabs-accent)',\n          'focus-ring-inside',\n          '[--focus-ring-width:2px]',\n          '[--focus-ring-offset:-2px]',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nTabsPanel.displayName = 'Tabs.Panel';\n"],"mappings":";;;;;;;;AAWA,MAAa,aAAa,UAA0B;CAClD,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,KAAS,OAAV;EACE,kBAAe;EACf,WAAW,qBACT;GACE;GACA;GAEA;GACA;GACA;GAEA;GACA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,UAAU,cAAc"}

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

@@ -0,0 +1,11 @@
+//#region src/components/disclosure/tabs/tabs-root-variants.d.ts
+/**
+ * O Root só declara as variáveis `--tabs-*` (cor, altura, respiro, raio e fundo) que List, Tab,
+ * Indicator e Panel leem, e cada parte decide onde usá-las.
+ */
+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

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

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

@@ -0,0 +1,41 @@
+import { tabsDefaultVariants } from "./use-tabs-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/disclosure/tabs/tabs-root-variants.ts
+/**
+* O Root só declara as variáveis `--tabs-*` (cor, altura, respiro, raio e fundo) que List, Tab,
+* Indicator e Panel leem, e cada parte decide onde usá-las.
+*/
+const tabsRootVariants = cva([
+	"relative",
+	"data-[orientation=vertical]:flex",
+	"[--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
+	}
+});
+//#endregion
+export { tabsRootVariants };
+
+//# sourceMappingURL=tabs-root-variants.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,38 @@
+import { TabsVariants } from "./use-tabs-context.js";
+import { MergeOverride } from "@lucasbernardosn/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>;
+export type TabsRootState = Tabs.Root.State;
+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
+ * `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
+ * `--tabs-surface-bg` (`gray-1`). Sobre outra superfície, troque pela cor dela:
+ * `className="[--tabs-surface-bg:var(--color-gray-2)]"`.
+ *
+ * @example
+ * ```tsx
+ * <Tabs.Root defaultValue="conta">
+ *   <Tabs.List>
+ *     <Tabs.Tab value="conta">Conta</Tabs.Tab>
+ *     <Tabs.Tab value="senha">Senha</Tabs.Tab>
+ *     <Tabs.Indicator />
+ *   </Tabs.List>
+ *   <Tabs.Panel value="conta">…</Tabs.Panel>
+ *   <Tabs.Panel value="senha">…</Tabs.Panel>
+ * </Tabs.Root>
+ * ```
+ */
+export declare const TabsRoot: {
+  (props: TabsRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=tabs-root.d.ts.map