@lucasbernardosn/react-ui 0.0.0-stage → 0.1.0

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

@@ -0,0 +1,27 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-item.tsx
+/**
+* Um nível da trilha, com um `Breadcrumb.Link` ou o `Breadcrumb.Current` dentro.
+*/
+const BreadcrumbItem = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.Item",
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"min-w-0"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "li",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbItem.displayName = "Breadcrumb.Item";
+//#endregion
+export { BreadcrumbItem };
+
+//# sourceMappingURL=breadcrumb-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-item.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbItemProps = useRender.ComponentProps<'li'>;\n\n/**\n * Um nível da trilha, com um `Breadcrumb.Link` ou o `Breadcrumb.Current` dentro.\n */\nexport const BreadcrumbItem = (props: BreadcrumbItemProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Item',\n    className: mergeTwClassNames(\n      // `min-w-0`: sem ele, um item mais largo que a linha vazaria em vez de quebrar o texto.\n      ['flex', 'items-center', 'min-w-0'],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'li',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbItem.displayName = 'Breadcrumb.Item';\n"],"mappings":";;;;;;AAQA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAET;GAAC;GAAQ;GAAgB;EAAS,GAClC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

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

@@ -0,0 +1,14 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-link.d.ts
+export type BreadcrumbLinkProps = useRender.ComponentProps<'a'>;
+/**
+ * Link para um nível acima da página atual, em tom mais fraco que ela; no hover, ganha o tom dela
+ * e o sublinhado. O link do router entra pelo `render` (`render={<Link to="/pedidos" />}`). Um
+ * ícone dentro dele mede `1em` e fica antes do texto.
+ */
+export declare const BreadcrumbLink: {
+  (props: BreadcrumbLinkProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=breadcrumb-link.d.ts.map

package/dist/components/disclosure/breadcrumb/breadcrumb-link.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-link.d.ts","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-link.tsx"],"mappings":";;YAGY,sBAAsB,UAAU;;;;;;qBAO/B;GAAyB,OAAA,sCAAmB,+CAAA"}

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

@@ -0,0 +1,38 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-link.tsx
+/**
+* Link para um nível acima da página atual, em tom mais fraco que ela; no hover, ganha o tom dela
+* e o sublinhado. O link do router entra pelo `render` (`render={<Link to="/pedidos" />}`). Um
+* ícone dentro dele mede `1em` e fica antes do texto.
+*/
+const BreadcrumbLink = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.Link",
+		className: mergeTwClassNames([
+			"inline-flex",
+			"items-center",
+			"gap-1.5",
+			"min-w-0",
+			"rounded-xs",
+			"text-gray-11",
+			"underline-offset-[0.2em]",
+			"focus-ring-outside",
+			"hover:text-gray-12",
+			"hover:underline",
+			"[&_svg]:size-[1em]",
+			"[&_svg]:shrink-0"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "a",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbLink.displayName = "Breadcrumb.Link";
+//#endregion
+export { BreadcrumbLink };
+
+//# sourceMappingURL=breadcrumb-link.js.map

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

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

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

@@ -0,0 +1,17 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-list.d.ts
+export type BreadcrumbListProps = useRender.ComponentProps<'ol'>;
+/**
+ * Lista ordenada dos itens e separadores. Quando falta espaço, o item inteiro desce para a linha
+ * de baixo (`flex-wrap`): o texto de um item só quebra por dentro quando ele sozinho é mais largo
+ * que a linha. Sem o `flex-wrap`, os itens encolheriam e quebrariam o texto antes de descer.
+ *
+ * O tamanho do texto é fixo em `text-sm`; outro tamanho vem pela `className`, e os ícones medem
+ * `1em` e acompanham.
+ */
+export declare const BreadcrumbList: {
+  (props: BreadcrumbListProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=breadcrumb-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-list.d.ts","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-list.tsx"],"mappings":";;YAGY,sBAAsB,UAAU;;;;;;;;;qBAU/B;GAAyB,OAAA,sCAAmB,+CAAA"}

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

@@ -0,0 +1,37 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-list.tsx
+/**
+* Lista ordenada dos itens e separadores. Quando falta espaço, o item inteiro desce para a linha
+* de baixo (`flex-wrap`): o texto de um item só quebra por dentro quando ele sozinho é mais largo
+* que a linha. Sem o `flex-wrap`, os itens encolheriam e quebrariam o texto antes de descer.
+*
+* O tamanho do texto é fixo em `text-sm`; outro tamanho vem pela `className`, e os ícones medem
+* `1em` e acompanham.
+*/
+const BreadcrumbList = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.List",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-wrap",
+			"items-center",
+			"gap-x-1.5",
+			"gap-y-1",
+			"text-sm",
+			"text-gray-11",
+			"wrap-anywhere"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "ol",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbList.displayName = "Breadcrumb.List";
+//#endregion
+export { BreadcrumbList };
+
+//# sourceMappingURL=breadcrumb-list.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-root.d.ts
+export type BreadcrumbRootProps = useRender.ComponentProps<'nav'>;
+/**
+ * Trilha de navegação: o caminho da página atual dentro da hierarquia do app. Renderiza um `<nav>`
+ * com `aria-label="Trilha de navegação"`, que um `aria-label` próprio substitui.
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumb.Root>
+ *   <Breadcrumb.List>
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Link href="/pedidos">Pedidos</Breadcrumb.Link>
+ *     </Breadcrumb.Item>
+ *     <Breadcrumb.Separator />
+ *     <Breadcrumb.Item>
+ *       <Breadcrumb.Current>Pedido 4821</Breadcrumb.Current>
+ *     </Breadcrumb.Item>
+ *   </Breadcrumb.List>
+ * </Breadcrumb.Root>
+ * ```
+ */
+export declare const BreadcrumbRoot: {
+  (props: BreadcrumbRootProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=breadcrumb-root.d.ts.map

package/dist/components/disclosure/breadcrumb/breadcrumb-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-root.d.ts","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-root.tsx"],"mappings":";;YAGY,sBAAsB,UAAU;;;;;;;;;;;;;;;;;;;;qBAqB/B;GAAyB,OAAA,sCAAmB,+CAAA"}

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

@@ -0,0 +1,40 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-root.tsx
+/**
+* Trilha de navegação: o caminho da página atual dentro da hierarquia do app. Renderiza um `<nav>`
+* com `aria-label="Trilha de navegação"`, que um `aria-label` próprio substitui.
+*
+* @example
+* ```tsx
+* <Breadcrumb.Root>
+*   <Breadcrumb.List>
+*     <Breadcrumb.Item>
+*       <Breadcrumb.Link href="/pedidos">Pedidos</Breadcrumb.Link>
+*     </Breadcrumb.Item>
+*     <Breadcrumb.Separator />
+*     <Breadcrumb.Item>
+*       <Breadcrumb.Current>Pedido 4821</Breadcrumb.Current>
+*     </Breadcrumb.Item>
+*   </Breadcrumb.List>
+* </Breadcrumb.Root>
+* ```
+*/
+const BreadcrumbRoot = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.Root",
+		"aria-label": "Trilha de navegação",
+		className: mergeTwClassNames(["min-w-0"], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "nav",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbRoot.displayName = "Breadcrumb.Root";
+//#endregion
+export { BreadcrumbRoot };
+
+//# sourceMappingURL=breadcrumb-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-root.js","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type BreadcrumbRootProps = useRender.ComponentProps<'nav'>;\n\n/**\n * Trilha de navegação: o caminho da página atual dentro da hierarquia do app. Renderiza um `<nav>`\n * com `aria-label=\"Trilha de navegação\"`, que um `aria-label` próprio substitui.\n *\n * @example\n * ```tsx\n * <Breadcrumb.Root>\n *   <Breadcrumb.List>\n *     <Breadcrumb.Item>\n *       <Breadcrumb.Link href=\"/pedidos\">Pedidos</Breadcrumb.Link>\n *     </Breadcrumb.Item>\n *     <Breadcrumb.Separator />\n *     <Breadcrumb.Item>\n *       <Breadcrumb.Current>Pedido 4821</Breadcrumb.Current>\n *     </Breadcrumb.Item>\n *   </Breadcrumb.List>\n * </Breadcrumb.Root>\n * ```\n */\nexport const BreadcrumbRoot = (props: BreadcrumbRootProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Breadcrumb.Root',\n    'aria-label': 'Trilha de navegação',\n    className: mergeTwClassNames(['min-w-0'], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'nav',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nBreadcrumbRoot.displayName = 'Breadcrumb.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAwBA,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,cAAc;EACd,WAAW,kBAAkB,CAAC,SAAS,GAAG,SAAS;CACrD;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

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

@@ -0,0 +1,14 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-separator.d.ts
+export type BreadcrumbSeparatorProps = useRender.ComponentProps<'li'>;
+/**
+ * Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:
+ * a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em`, espelhado em RTL; os
+ * filhos o substituem (`/`, outro ícone).
+ */
+export declare const BreadcrumbSeparator: {
+  (props: BreadcrumbSeparatorProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=breadcrumb-separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator.d.ts","names":[],"sources":["../../../../src/components/disclosure/breadcrumb/breadcrumb-separator.tsx"],"mappings":";;YAIY,2BAA2B,UAAU;;;;;;qBAOpC;GAA8B,OAAA,2CAAwB,+CAAA"}

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

@@ -0,0 +1,36 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+import { jsx } from "react/jsx-runtime";
+import { CaretRightIcon } from "@phosphor-icons/react";
+//#region src/components/disclosure/breadcrumb/breadcrumb-separator.tsx
+/**
+* Separador entre dois itens, colocado à mão entre eles. Fica fora da árvore de acessibilidade:
+* a ordem da lista já diz a hierarquia. O padrão é um chevron de `1em`, espelhado em RTL; os
+* filhos o substituem (`/`, outro ícone).
+*/
+const BreadcrumbSeparator = (props) => {
+	const { render, className, children, ...rest } = props;
+	const baseProps = {
+		"data-component": "Breadcrumb.Separator",
+		role: "presentation",
+		"aria-hidden": true,
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"text-gray-11",
+			"[&_svg]:size-[1em]",
+			"rtl:[&_svg]:rotate-180"
+		], className),
+		children: children ?? /* @__PURE__ */ jsx(CaretRightIcon, {})
+	};
+	return useRender({
+		render,
+		defaultTagName: "li",
+		props: mergeProps(baseProps, rest)
+	});
+};
+BreadcrumbSeparator.displayName = "Breadcrumb.Separator";
+//#endregion
+export { BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb-separator.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+import { IconProps } from "../../display/icon/icon.js";
+import "../../display/icon/index.js";
+//#region src/components/disclosure/collapsible/collapsible-indicator.d.ts
+export type CollapsibleIndicatorProps = IconProps;
+/**
+ * Seta que gira quando o painel abre. Precisa estar dentro do `Collapsible.Trigger`, que é o
+ * `group` que ela observa.
+ *
+ * Outro ícone vem por `render`, com a rotação ajustada na `className`.
+ *
+ * @example
+ * ```tsx
+ * <Collapsible.Indicator
+ *   render={<CaretDownIcon />}
+ *   className="group-data-panel-open:rotate-180"
+ * />
+ * ```
+ */
+export declare const CollapsibleIndicator: {
+  (props: CollapsibleIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=collapsible-indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-indicator.d.ts","names":[],"sources":["../../../../src/components/disclosure/collapsible/collapsible-indicator.tsx"],"mappings":";;;YAIY,4BAA4B;;;;;;;;;;;;;;;qBAgB3B;GAA+B,OAAA,4CAAyB,IAAA"}

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

@@ -0,0 +1,38 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { Icon } from "../../display/icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+import { CaretRightIcon } from "@phosphor-icons/react";
+//#region src/components/disclosure/collapsible/collapsible-indicator.tsx
+/**
+* Seta que gira quando o painel abre. Precisa estar dentro do `Collapsible.Trigger`, que é o
+* `group` que ela observa.
+*
+* Outro ícone vem por `render`, com a rotação ajustada na `className`.
+*
+* @example
+* ```tsx
+* <Collapsible.Indicator
+*   render={<CaretDownIcon />}
+*   className="group-data-panel-open:rotate-180"
+* />
+* ```
+*/
+const CollapsibleIndicator = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Icon, {
+		render: /* @__PURE__ */ jsx(CaretRightIcon, {}),
+		"data-component": "Collapsible.Indicator",
+		className: mergeTwClassNames([
+			"group-data-panel-open:rotate-90",
+			"not-motion-reduced:transition-transform",
+			"not-motion-reduced:ease-move",
+			"not-motion-reduced:duration-150"
+		], className),
+		...rest
+	});
+};
+CollapsibleIndicator.displayName = "Collapsible.Indicator";
+//#endregion
+export { CollapsibleIndicator };
+
+//# sourceMappingURL=collapsible-indicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-indicator.js","names":[],"sources":["../../../../src/components/disclosure/collapsible/collapsible-indicator.tsx"],"sourcesContent":["import { CaretRightIcon } from '@phosphor-icons/react';\nimport { Icon, type IconProps } from '#components/display/icon';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CollapsibleIndicatorProps = IconProps;\n\n/**\n * Seta que gira quando o painel abre. Precisa estar dentro do `Collapsible.Trigger`, que é o\n * `group` que ela observa.\n *\n * Outro ícone vem por `render`, com a rotação ajustada na `className`.\n *\n * @example\n * ```tsx\n * <Collapsible.Indicator\n *   render={<CaretDownIcon />}\n *   className=\"group-data-panel-open:rotate-180\"\n * />\n * ```\n */\nexport const CollapsibleIndicator = (props: CollapsibleIndicatorProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <Icon\n      render={<CaretRightIcon />}\n      data-component=\"Collapsible.Indicator\"\n      className={mergeTwClassNames(\n        [\n          'group-data-panel-open:rotate-90',\n\n          'not-motion-reduced:transition-transform',\n          'not-motion-reduced:ease-move',\n          'not-motion-reduced:duration-150',\n        ],\n        className,\n      )}\n      {...rest}\n    />\n  );\n};\n\nCollapsibleIndicator.displayName = 'Collapsible.Indicator';\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA,MAAa,wBAAwB,UAAqC;CACxE,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAAC,MAAD;EACE,QAAQ,oBAAC,gBAAD,CAAiB,CAAA;EACzB,kBAAe;EACf,WAAW,kBACT;GACE;GAEA;GACA;GACA;EACF,GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,qBAAqB,cAAc"}

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

@@ -0,0 +1,16 @@
+//#region src/components/disclosure/collapsible/collapsible-panel-variants.d.ts
+export type CollapsiblePanelVariants = {
+  /**
+   * Eixo em que o painel abre e fecha. A animação lê a medida que o Base UI escreve em
+   * `--collapsible-panel-height` ou `--collapsible-panel-width`.
+   *
+   * @default 'vertical'
+   */
+  orientation?: 'vertical' | 'horizontal';
+};
+export declare const collapsiblePanelDefaultVariants: Required<CollapsiblePanelVariants>;
+export declare const collapsiblePanelVariants: (props?: ({
+  orientation?: "vertical" | "horizontal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=collapsible-panel-variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel-variants.d.ts","names":[],"sources":["../../../../src/components/disclosure/collapsible/collapsible-panel-variants.ts"],"mappings":";YAEY;;;;;;;EAOV;;qBAGW,iCAAiC,SAAS;qBAK1C,2BAAwB;;6CAqCpC"}

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

@@ -0,0 +1,30 @@
+import { cva } from "class-variance-authority";
+//#region src/components/disclosure/collapsible/collapsible-panel-variants.ts
+const collapsiblePanelDefaultVariants = { orientation: "vertical" };
+const collapsiblePanelVariants = cva([
+	"overflow-hidden",
+	"not-motion-reduced:ease-move",
+	"not-motion-reduced:duration-150",
+	"data-ending-style:opacity-0",
+	"data-starting-style:opacity-0"
+], {
+	variants: { orientation: {
+		vertical: [
+			"h-(--collapsible-panel-height)",
+			"not-motion-reduced:transition-[height,opacity]",
+			"data-ending-style:h-0",
+			"data-starting-style:h-0"
+		],
+		horizontal: [
+			"w-(--collapsible-panel-width)",
+			"not-motion-reduced:transition-[width,opacity]",
+			"data-ending-style:w-0",
+			"data-starting-style:w-0"
+		]
+	} },
+	defaultVariants: { orientation: collapsiblePanelDefaultVariants.orientation }
+});
+//#endregion
+export { collapsiblePanelDefaultVariants, collapsiblePanelVariants };
+
+//# sourceMappingURL=collapsible-panel-variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel-variants.js","names":[],"sources":["../../../../src/components/disclosure/collapsible/collapsible-panel-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport type CollapsiblePanelVariants = {\n  /**\n   * Eixo em que o painel abre e fecha. A animação lê a medida que o Base UI escreve em\n   * `--collapsible-panel-height` ou `--collapsible-panel-width`.\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'vertical' | 'horizontal';\n};\n\nexport const collapsiblePanelDefaultVariants: Required<CollapsiblePanelVariants> =\n  {\n    orientation: 'vertical',\n  };\n\nexport const collapsiblePanelVariants = cva(\n  [\n    'overflow-hidden',\n\n    'not-motion-reduced:ease-move',\n    'not-motion-reduced:duration-150',\n\n    // O conteúdo aparece e some junto com o tamanho, em vez de só ser revelado\n    // pelo corte do `overflow-hidden`.\n    'data-ending-style:opacity-0',\n    'data-starting-style:opacity-0',\n  ],\n  {\n    variants: {\n      orientation: {\n        vertical: [\n          'h-(--collapsible-panel-height)',\n\n          'not-motion-reduced:transition-[height,opacity]',\n\n          'data-ending-style:h-0',\n          'data-starting-style:h-0',\n        ],\n        horizontal: [\n          'w-(--collapsible-panel-width)',\n\n          'not-motion-reduced:transition-[width,opacity]',\n\n          'data-ending-style:w-0',\n          'data-starting-style:w-0',\n        ],\n      },\n    },\n    defaultVariants: {\n      orientation: collapsiblePanelDefaultVariants.orientation,\n    },\n  },\n);\n"],"mappings":";;AAYA,MAAa,kCACX,EACE,aAAa,WACf;AAEF,MAAa,2BAA2B,IACtC;CACE;CAEA;CACA;CAIA;CACA;AACF,GACA;CACE,UAAU,EACR,aAAa;EACX,UAAU;GACR;GAEA;GAEA;GACA;EACF;EACA,YAAY;GACV;GAEA;GAEA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,gCAAgC,YAC/C;AACF,CACF"}

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

@@ -0,0 +1,19 @@
+import { CollapsiblePanelVariants } from "./collapsible-panel-variants.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/disclosure/collapsible/collapsible-panel.d.ts
+export type CollapsiblePanelProps = MergeOverride<Collapsible.Panel.Props, CollapsiblePanelVariants>;
+export type CollapsiblePanelState = Collapsible.Panel.State;
+/**
+ * Conteúdo que abre e fecha, com a altura (ou largura) animada. Com `hiddenUntilFound`, o
+ * conteúdo fechado continua encontrável pela busca da página.
+ *
+ * Padding e borda vão num filho, não no painel: a animação leva a altura a 0, mas padding e
+ * borda continuam ocupando espaço, e o painel não fecha por inteiro.
+ */
+export declare const CollapsiblePanel: {
+  (props: CollapsiblePanelProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=collapsible-panel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-panel.d.ts","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-panel.tsx"],"mappings":";;;;YAQY,wBAAwB,cAClCA,YAAgB,MAAM,OACtB;YAGU,wBAAwBA,YAAgB,MAAM;;;;;;;;qBAW7C;GAA2B,OAAA,wCAAqB,IAAA"}

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

@@ -0,0 +1,28 @@
+import { mergeStateClassNames } from "../../../utils/merge-state-class-names.js";
+import { collapsiblePanelVariants } from "./collapsible-panel-variants.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { jsx } from "react/jsx-runtime";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/disclosure/collapsible/collapsible-panel.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Conteúdo que abre e fecha, com a altura (ou largura) animada. Com `hiddenUntilFound`, o
+* conteúdo fechado continua encontrável pela busca da página.
+*
+* Padding e borda vão num filho, não no painel: a animação leva a altura a 0, mas padding e
+* borda continuam ocupando espaço, e o painel não fecha por inteiro.
+*/
+const CollapsiblePanel = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["orientation"]);
+	const { className, ...rest } = elementProps;
+	return /* @__PURE__ */ jsx(Collapsible.Panel, {
+		"data-component": "Collapsible.Panel",
+		className: mergeStateClassNames(collapsiblePanelVariants(variantProps), className),
+		...rest
+	});
+};
+CollapsiblePanel.displayName = "Collapsible.Panel";
+//#endregion
+export { CollapsiblePanel };
+
+//# sourceMappingURL=collapsible-panel.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/components/disclosure/collapsible/collapsible-root.d.ts
+export type CollapsibleRootProps = Collapsible.Root.Props;
+export type CollapsibleRootState = Collapsible.Root.State;
+export type CollapsibleRootChangeEventDetails = Collapsible.Root.ChangeEventDetails;
+export type CollapsibleRootChangeEventReason = Collapsible.Root.ChangeEventReason;
+/**
+ * Agrupa o trigger e o painel e guarda o estado aberto ou fechado.
+ *
+ * @example
+ * ```tsx
+ * <Collapsible.Root>
+ *   <Collapsible.Trigger>
+ *     <Collapsible.Indicator />
+ *     Detalhes
+ *   </Collapsible.Trigger>
+ *   <Collapsible.Panel>…</Collapsible.Panel>
+ * </Collapsible.Root>
+ * ```
+ */
+export declare const CollapsibleRoot: {
+  (props: CollapsibleRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=collapsible-root.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-root.d.ts","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-root.tsx"],"mappings":";;YAGY,uBAAuBA,YAAgB,KAAK;YAE5C,uBAAuBA,YAAgB,KAAK;YAE5C,oCACVA,YAAgB,KAAK;YAEX,mCACVA,YAAgB,KAAK;;;;;;;;;;;;;;;qBAgBV;GAA0B,OAAA,uCAAoB,IAAA"}

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

@@ -0,0 +1,31 @@
+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-root.tsx
+/**
+* Agrupa o trigger e o painel e guarda o estado aberto ou fechado.
+*
+* @example
+* ```tsx
+* <Collapsible.Root>
+*   <Collapsible.Trigger>
+*     <Collapsible.Indicator />
+*     Detalhes
+*   </Collapsible.Trigger>
+*   <Collapsible.Panel>…</Collapsible.Panel>
+* </Collapsible.Root>
+* ```
+*/
+const CollapsibleRoot = (props) => {
+	const { className, ...rest } = props;
+	return /* @__PURE__ */ jsx(Collapsible.Root, {
+		"data-component": "Collapsible.Root",
+		className: mergeStateClassNames([], className),
+		...rest
+	});
+};
+CollapsibleRoot.displayName = "Collapsible.Root";
+//#endregion
+export { CollapsibleRoot };
+
+//# sourceMappingURL=collapsible-root.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible-root.js","names":["BaseCollapsible"],"sources":["../../../../src/components/disclosure/collapsible/collapsible-root.tsx"],"sourcesContent":["import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';\nimport { mergeStateClassNames } from '#utils';\n\nexport type CollapsibleRootProps = BaseCollapsible.Root.Props;\n\nexport type CollapsibleRootState = BaseCollapsible.Root.State;\n\nexport type CollapsibleRootChangeEventDetails =\n  BaseCollapsible.Root.ChangeEventDetails;\n\nexport type CollapsibleRootChangeEventReason =\n  BaseCollapsible.Root.ChangeEventReason;\n\n/**\n * Agrupa o trigger e o painel e guarda o estado aberto ou fechado.\n *\n * @example\n * ```tsx\n * <Collapsible.Root>\n *   <Collapsible.Trigger>\n *     <Collapsible.Indicator />\n *     Detalhes\n *   </Collapsible.Trigger>\n *   <Collapsible.Panel>…</Collapsible.Panel>\n * </Collapsible.Root>\n * ```\n */\nexport const CollapsibleRoot = (props: CollapsibleRootProps) => {\n  const { className, ...rest } = props;\n\n  return (\n    <BaseCollapsible.Root\n      data-component=\"Collapsible.Root\"\n      className={mergeStateClassNames([], className)}\n      {...rest}\n    />\n  );\n};\n\nCollapsibleRoot.displayName = 'Collapsible.Root';\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAa,mBAAmB,UAAgC;CAC9D,MAAM,EAAE,WAAW,GAAG,SAAS;CAE/B,OACE,oBAACA,YAAgB,MAAjB;EACE,kBAAe;EACf,WAAW,qBAAqB,CAAC,GAAG,SAAS;EAC7C,GAAI;CACL,CAAA;AAEL;AAEA,gBAAgB,cAAc"}