@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

package/dist/components/display/data-list/data-list-item-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-label.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-label.tsx"],"mappings":";;YAGY,yBAAyB,UAAU;;;;qBAKlC;GAA4B,OAAA,yCAAsB,+CAAA"}

package/dist/components/display/data-list/data-list-item-label.js

@@ -0,0 +1,23 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-item-label.tsx
+/**
+* Rótulo do item, renderizado como `dt`.
+*/
+const DataListItemLabel = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "DataList.ItemLabel",
+		className: mergeTwClassNames(["text-gray-11"], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "dt",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DataListItemLabel.displayName = "DataList.ItemLabel";
+//#endregion
+export { DataListItemLabel };
+
+//# sourceMappingURL=data-list-item-label.js.map

package/dist/components/display/data-list/data-list-item-label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-label.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-label.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type DataListItemLabelProps = useRender.ComponentProps<'dt'>;\n\n/**\n * Rótulo do item, renderizado como `dt`.\n */\nexport const DataListItemLabel = (props: DataListItemLabelProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'DataList.ItemLabel',\n    className: mergeTwClassNames(['text-gray-11'], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'dt',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDataListItemLabel.displayName = 'DataList.ItemLabel';\n"],"mappings":";;;;;;AAQA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,cAAc,GAAG,SAAS;CAC1D;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,kBAAkB,cAAc"}

package/dist/components/display/data-list/data-list-item-value-variants.d.ts

@@ -0,0 +1,6 @@
+//#region src/components/display/data-list/data-list-item-value-variants.d.ts
+export declare const dataListItemValueVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=data-list-item-value-variants.d.ts.map

package/dist/components/display/data-list/data-list-item-value-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-value-variants.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-value-variants.ts"],"mappings":";qBAGa,4BAAyB;;6CAUpC"}

package/dist/components/display/data-list/data-list-item-value-variants.js

@@ -0,0 +1,14 @@
+import { dataListDefaultVariants } from "./use-data-list-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/display/data-list/data-list-item-value-variants.ts
+const dataListItemValueVariants = cva(["text-gray-12"], {
+	variants: { orientation: {
+		horizontal: ["text-start"],
+		vertical: ["text-end"]
+	} },
+	defaultVariants: { orientation: dataListDefaultVariants.orientation }
+});
+//#endregion
+export { dataListItemValueVariants };
+
+//# sourceMappingURL=data-list-item-value-variants.js.map

package/dist/components/display/data-list/data-list-item-value-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-value-variants.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-value-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dataListDefaultVariants } from './use-data-list-context';\n\nexport const dataListItemValueVariants = cva(['text-gray-12'], {\n  variants: {\n    orientation: {\n      horizontal: ['text-start'],\n      vertical: ['text-end'],\n    },\n  },\n  defaultVariants: {\n    orientation: dataListDefaultVariants.orientation,\n  },\n});\n"],"mappings":";;;AAGA,MAAa,4BAA4B,IAAI,CAAC,cAAc,GAAG;CAC7D,UAAU,EACR,aAAa;EACX,YAAY,CAAC,YAAY;EACzB,UAAU,CAAC,UAAU;CACvB,EACF;CACA,iBAAiB,EACf,aAAa,wBAAwB,YACvC;AACF,CAAC"}

package/dist/components/display/data-list/data-list-item-value.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-item-value.d.ts
+export type DataListItemValueProps = useRender.ComponentProps<'dd'>;
+/**
+ * Valor do item, renderizado como `dd`. Na orientação `vertical`, alinha à direita.
+ */
+export declare const DataListItemValue: {
+  (props: DataListItemValueProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=data-list-item-value.d.ts.map

package/dist/components/display/data-list/data-list-item-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-value.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-value.tsx"],"mappings":";;YAKY,yBAAyB,UAAU;;;;qBAKlC;GAA4B,OAAA,yCAAsB,+CAAA"}

package/dist/components/display/data-list/data-list-item-value.js

@@ -0,0 +1,26 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useDataListContext } from "./use-data-list-context.js";
+import { dataListItemValueVariants } from "./data-list-item-value-variants.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-item-value.tsx
+/**
+* Valor do item, renderizado como `dd`. Na orientação `vertical`, alinha à direita.
+*/
+const DataListItemValue = (props) => {
+	const { render, className, ...rest } = props;
+	const { orientation } = useDataListContext();
+	const baseProps = {
+		"data-component": "DataList.ItemValue",
+		className: mergeTwClassNames(dataListItemValueVariants({ orientation }), className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "dd",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DataListItemValue.displayName = "DataList.ItemValue";
+//#endregion
+export { DataListItemValue };
+
+//# sourceMappingURL=data-list-item-value.js.map

package/dist/components/display/data-list/data-list-item-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-value.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-value.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { dataListItemValueVariants } from './data-list-item-value-variants';\nimport { useDataListContext } from './use-data-list-context';\n\nexport type DataListItemValueProps = useRender.ComponentProps<'dd'>;\n\n/**\n * Valor do item, renderizado como `dd`. Na orientação `vertical`, alinha à direita.\n */\nexport const DataListItemValue = (props: DataListItemValueProps) => {\n  const { render, className, ...rest } = props;\n\n  const { orientation } = useDataListContext();\n\n  const baseProps = {\n    'data-component': 'DataList.ItemValue',\n    className: mergeTwClassNames(\n      dataListItemValueVariants({ orientation }),\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'dd',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDataListItemValue.displayName = 'DataList.ItemValue';\n"],"mappings":";;;;;;;;AAUA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,EAAE,gBAAgB,mBAAmB;CAE3C,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,0BAA0B,EAAE,YAAY,CAAC,GACzC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,kBAAkB,cAAc"}

package/dist/components/display/data-list/data-list-item-variants.d.ts

@@ -0,0 +1,11 @@
+//#region src/components/display/data-list/data-list-item-variants.d.ts
+/**
+ * O espaçamento depende da orientação: em `horizontal` os itens ficam lado a lado e o respiro é
+ * lateral, com o valor abaixo do rótulo; em `vertical` eles empilham e o respiro é vertical, com
+ * rótulo e valor lado a lado.
+ */
+export declare const dataListItemVariants: (props?: ({
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=data-list-item-variants.d.ts.map

package/dist/components/display/data-list/data-list-item-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-variants.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-variants.ts"],"mappings":";;;;;;qBAQa,uBAAoB;;6CA6B/B"}

package/dist/components/display/data-list/data-list-item-variants.js

@@ -0,0 +1,34 @@
+import { dataListDefaultVariants } from "./use-data-list-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/display/data-list/data-list-item-variants.ts
+/**
+* O espaçamento depende da orientação: em `horizontal` os itens ficam lado a lado e o respiro é
+* lateral, com o valor abaixo do rótulo; em `vertical` eles empilham e o respiro é vertical, com
+* rótulo e valor lado a lado.
+*/
+const dataListItemVariants = cva(["flex"], {
+	variants: { orientation: {
+		horizontal: [
+			"flex-col",
+			"items-start",
+			"gap-1",
+			"px-2",
+			"first:pl-0",
+			"last:pr-0"
+		],
+		vertical: [
+			"flex-row",
+			"items-center",
+			"justify-between",
+			"gap-4",
+			"py-2",
+			"first:pt-0",
+			"last:pb-0"
+		]
+	} },
+	defaultVariants: { orientation: dataListDefaultVariants.orientation }
+});
+//#endregion
+export { dataListItemVariants };
+
+//# sourceMappingURL=data-list-item-variants.js.map

package/dist/components/display/data-list/data-list-item-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item-variants.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-item-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dataListDefaultVariants } from './use-data-list-context';\n\n/**\n * O espaçamento depende da orientação: em `horizontal` os itens ficam lado a lado e o respiro é\n * lateral, com o valor abaixo do rótulo; em `vertical` eles empilham e o respiro é vertical, com\n * rótulo e valor lado a lado.\n */\nexport const dataListItemVariants = cva(['flex'], {\n  variants: {\n    orientation: {\n      horizontal: [\n        'flex-col',\n        'items-start',\n\n        'gap-1',\n        'px-2',\n\n        'first:pl-0',\n        'last:pr-0',\n      ],\n      vertical: [\n        'flex-row',\n        'items-center',\n        'justify-between',\n\n        'gap-4',\n        'py-2',\n\n        'first:pt-0',\n        'last:pb-0',\n      ],\n    },\n  },\n  defaultVariants: {\n    orientation: dataListDefaultVariants.orientation,\n  },\n});\n"],"mappings":";;;;;;;;AAQA,MAAa,uBAAuB,IAAI,CAAC,MAAM,GAAG;CAChD,UAAU,EACR,aAAa;EACX,YAAY;GACV;GACA;GAEA;GACA;GAEA;GACA;EACF;EACA,UAAU;GACR;GACA;GACA;GAEA;GACA;GAEA;GACA;EACF;CACF,EACF;CACA,iBAAiB,EACf,aAAa,wBAAwB,YACvC;AACF,CAAC"}

package/dist/components/display/data-list/data-list-item.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-item.d.ts
+export type DataListItemProps = useRender.ComponentProps<'div'>;
+/**
+ * Um par rótulo e valor. O `div` em volta de `dt` e `dd` é válido dentro de `dl`.
+ */
+export declare const DataListItem: {
+  (props: DataListItemProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=data-list-item.d.ts.map

package/dist/components/display/data-list/data-list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-item.tsx"],"mappings":";;YAKY,oBAAoB,UAAU;;;;qBAK7B;GAAuB,OAAA,oCAAiB,+CAAA"}

package/dist/components/display/data-list/data-list-item.js

@@ -0,0 +1,26 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { useDataListContext } from "./use-data-list-context.js";
+import { dataListItemVariants } from "./data-list-item-variants.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-item.tsx
+/**
+* Um par rótulo e valor. O `div` em volta de `dt` e `dd` é válido dentro de `dl`.
+*/
+const DataListItem = (props) => {
+	const { render, className, ...rest } = props;
+	const { orientation } = useDataListContext();
+	const baseProps = {
+		"data-component": "DataList.Item",
+		className: mergeTwClassNames(dataListItemVariants({ orientation }), className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+DataListItem.displayName = "DataList.Item";
+//#endregion
+export { DataListItem };
+
+//# sourceMappingURL=data-list-item.js.map

package/dist/components/display/data-list/data-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-item.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-item.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\nimport { dataListItemVariants } from './data-list-item-variants';\nimport { useDataListContext } from './use-data-list-context';\n\nexport type DataListItemProps = useRender.ComponentProps<'div'>;\n\n/**\n * Um par rótulo e valor. O `div` em volta de `dt` e `dd` é válido dentro de `dl`.\n */\nexport const DataListItem = (props: DataListItemProps) => {\n  const { render, className, ...rest } = props;\n\n  const { orientation } = useDataListContext();\n\n  const baseProps = {\n    'data-component': 'DataList.Item',\n    className: mergeTwClassNames(\n      dataListItemVariants({ orientation }),\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nDataListItem.displayName = 'DataList.Item';\n"],"mappings":";;;;;;;;AAUA,MAAa,gBAAgB,UAA6B;CACxD,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,EAAE,gBAAgB,mBAAmB;CAE3C,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,qBAAqB,EAAE,YAAY,CAAC,GACpC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,aAAa,cAAc"}

package/dist/components/display/data-list/data-list-root-variants.d.ts

@@ -0,0 +1,7 @@
+//#region src/components/display/data-list/data-list-root-variants.d.ts
+export declare const dataListRootVariants: (props?: ({
+  divided?: boolean | null | undefined;
+  orientation?: "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=data-list-root-variants.d.ts.map

package/dist/components/display/data-list/data-list-root-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-root-variants.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-root-variants.ts"],"mappings":";qBAGa,uBAAoB;;;6CA2B/B"}

package/dist/components/display/data-list/data-list-root-variants.js

@@ -0,0 +1,32 @@
+import { dataListDefaultVariants } from "./use-data-list-context.js";
+import { cva } from "class-variance-authority";
+//#region src/components/display/data-list/data-list-root-variants.ts
+const dataListRootVariants = cva(["flex", "text-sm"], {
+	variants: {
+		divided: {
+			true: [],
+			false: []
+		},
+		orientation: {
+			horizontal: ["flex-row"],
+			vertical: ["flex-col"]
+		}
+	},
+	compoundVariants: [{
+		divided: true,
+		orientation: "horizontal",
+		className: ["divide-x", "divide-gray-6"]
+	}, {
+		divided: true,
+		orientation: "vertical",
+		className: ["divide-y", "divide-gray-6"]
+	}],
+	defaultVariants: {
+		divided: dataListDefaultVariants.divided,
+		orientation: dataListDefaultVariants.orientation
+	}
+});
+//#endregion
+export { dataListRootVariants };
+
+//# sourceMappingURL=data-list-root-variants.js.map

package/dist/components/display/data-list/data-list-root-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-root-variants.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-root-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\nimport { dataListDefaultVariants } from './use-data-list-context';\n\nexport const dataListRootVariants = cva(['flex', 'text-sm'], {\n  variants: {\n    divided: {\n      true: [],\n      false: [],\n    },\n    orientation: {\n      horizontal: ['flex-row'],\n      vertical: ['flex-col'],\n    },\n  },\n  compoundVariants: [\n    {\n      divided: true,\n      orientation: 'horizontal',\n      className: ['divide-x', 'divide-gray-6'],\n    },\n    {\n      divided: true,\n      orientation: 'vertical',\n      className: ['divide-y', 'divide-gray-6'],\n    },\n  ],\n  defaultVariants: {\n    divided: dataListDefaultVariants.divided,\n    orientation: dataListDefaultVariants.orientation,\n  },\n});\n"],"mappings":";;;AAGA,MAAa,uBAAuB,IAAI,CAAC,QAAQ,SAAS,GAAG;CAC3D,UAAU;EACR,SAAS;GACP,MAAM,CAAC;GACP,OAAO,CAAC;EACV;EACA,aAAa;GACX,YAAY,CAAC,UAAU;GACvB,UAAU,CAAC,UAAU;EACvB;CACF;CACA,kBAAkB,CAChB;EACE,SAAS;EACT,aAAa;EACb,WAAW,CAAC,YAAY,eAAe;CACzC,GACA;EACE,SAAS;EACT,aAAa;EACb,WAAW,CAAC,YAAY,eAAe;CACzC,CACF;CACA,iBAAiB;EACf,SAAS,wBAAwB;EACjC,aAAa,wBAAwB;CACvC;AACF,CAAC"}

package/dist/components/display/data-list/data-list-root.d.ts

@@ -0,0 +1,24 @@
+import { DataListVariants } from "./use-data-list-context.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/display/data-list/data-list-root.d.ts
+export type DataListRootProps = MergeOverride<useRender.ComponentProps<'dl'>, DataListVariants>;
+/**
+ * Lista de pares rótulo e valor, renderizada como `dl`.
+ *
+ * @example
+ * ```tsx
+ * <DataList.Root>
+ *   <DataList.Item>
+ *     <DataList.ItemLabel>Status</DataList.ItemLabel>
+ *     <DataList.ItemValue>Ativo</DataList.ItemValue>
+ *   </DataList.Item>
+ * </DataList.Root>
+ * ```
+ */
+export declare const DataListRoot: {
+  (props: DataListRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=data-list-root.d.ts.map

package/dist/components/display/data-list/data-list-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-root.d.ts","names":[],"sources":["../../../../src/components/display/data-list/data-list-root.tsx"],"mappings":";;;;YASY,oBAAoB,cAC9B,UAAU,sBACV;;;;;;;;;;;;;;qBAkBW;GAAuB,OAAA,oCAAiB,IAAA"}

package/dist/components/display/data-list/data-list-root.js

@@ -0,0 +1,42 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { DataListContextProvider } from "./use-data-list-context.js";
+import { dataListRootVariants } from "./data-list-root-variants.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { mergeProps, useRender } from "@base-ui/react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/display/data-list/data-list-root.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Lista de pares rótulo e valor, renderizada como `dl`.
+*
+* @example
+* ```tsx
+* <DataList.Root>
+*   <DataList.Item>
+*     <DataList.ItemLabel>Status</DataList.ItemLabel>
+*     <DataList.ItemValue>Ativo</DataList.ItemValue>
+*   </DataList.Item>
+* </DataList.Root>
+* ```
+*/
+const DataListRoot = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["divided", "orientation"]);
+	const { render, className, ...rest } = elementProps;
+	const baseProps = {
+		"data-component": "DataList.Root",
+		className: mergeTwClassNames(dataListRootVariants(variantProps), className)
+	};
+	return /* @__PURE__ */ jsx(DataListContextProvider, {
+		value: variantProps,
+		children: useRender({
+			render,
+			defaultTagName: "dl",
+			props: mergeProps(baseProps, rest)
+		})
+	});
+};
+DataListRoot.displayName = "DataList.Root";
+//#endregion
+export { DataListRoot };
+
+//# sourceMappingURL=data-list-root.js.map

package/dist/components/display/data-list/data-list-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-list-root.js","names":[],"sources":["../../../../src/components/display/data-list/data-list-root.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { dataListRootVariants } from './data-list-root-variants';\nimport {\n  DataListContextProvider,\n  type DataListVariants,\n} from './use-data-list-context';\n\nexport type DataListRootProps = MergeOverride<\n  useRender.ComponentProps<'dl'>,\n  DataListVariants\n>;\n\nconst splitVariantProps = createSplitProps<DataListVariants>();\n\n/**\n * Lista de pares rótulo e valor, renderizada como `dl`.\n *\n * @example\n * ```tsx\n * <DataList.Root>\n *   <DataList.Item>\n *     <DataList.ItemLabel>Status</DataList.ItemLabel>\n *     <DataList.ItemValue>Ativo</DataList.ItemValue>\n *   </DataList.Item>\n * </DataList.Root>\n * ```\n */\nexport const DataListRoot = (props: DataListRootProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, [\n    'divided',\n    'orientation',\n  ]);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'DataList.Root',\n    className: mergeTwClassNames(dataListRootVariants(variantProps), className),\n  };\n\n  return (\n    <DataListContextProvider value={variantProps}>\n      {useRender({\n        render,\n        defaultTagName: 'dl',\n        props: mergeProps(baseProps, rest),\n      })}\n    </DataListContextProvider>\n  );\n};\n\nDataListRoot.displayName = 'DataList.Root';\n"],"mappings":";;;;;;;AAcA,MAAM,oBAAoB,iBAAmC;;;;;;;;;;;;;;AAe7D,MAAa,gBAAgB,UAA6B;CACxD,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAC5D,WACA,aACF,CAAC;CAED,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,qBAAqB,YAAY,GAAG,SAAS;CAC5E;CAEA,OACE,oBAAC,yBAAD;EAAyB,OAAO;EAC7B,UAAA,UAAU;GACT;GACA,gBAAgB;GAChB,OAAO,WAAW,WAAW,IAAI;EACnC,CAAC;CACsB,CAAA;AAE7B;AAEA,aAAa,cAAc"}

package/dist/components/display/data-list/index.d.ts

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

package/dist/components/display/data-list/index.js

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

package/dist/components/display/data-list/index.parts.d.ts

@@ -0,0 +1,11 @@
+import { DataListItemLabel, DataListItemLabelProps } from "./data-list-item-label.js";
+import { DataListItemValue, DataListItemValueProps } from "./data-list-item-value.js";
+import { DataListItem, DataListItemProps } from "./data-list-item.js";
+import { DataListVariants } from "./use-data-list-context.js";
+import { DataListRoot, DataListRootProps } from "./data-list-root.js";
+declare namespace index_parts_d_exports {
+  export { DataListItem as Item, DataListItemLabel as ItemLabel, DataListItemLabelProps as ItemLabelProps, DataListItemProps as ItemProps, DataListItemValue as ItemValue, DataListItemValueProps as ItemValueProps, DataListRoot as Root, DataListRootProps as RootProps, DataListVariants as Variants };
+}
+//#endregion
+export { DataListItem as Item, DataListItemLabel as ItemLabel, type DataListItemLabelProps as ItemLabelProps, type DataListItemProps as ItemProps, DataListItemValue as ItemValue, type DataListItemValueProps as ItemValueProps, DataListRoot as Root, type DataListRootProps as RootProps, type DataListVariants as Variants, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/display/data-list/index.parts.d.ts.map

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

package/dist/components/display/data-list/index.parts.js

@@ -0,0 +1,16 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { DataListItemLabel } from "./data-list-item-label.js";
+import { DataListItemValue } from "./data-list-item-value.js";
+import { DataListItem } from "./data-list-item.js";
+import { DataListRoot } from "./data-list-root.js";
+//#region src/components/display/data-list/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Item: () => DataListItem,
+	ItemLabel: () => DataListItemLabel,
+	ItemValue: () => DataListItemValue,
+	Root: () => DataListRoot
+});
+//#endregion
+export { DataListItem as Item, DataListItemLabel as ItemLabel, DataListItemValue as ItemValue, DataListRoot as Root, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/display/data-list/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/display/data-list/index.parts.ts"],"sourcesContent":["export { DataListItem as Item } from './data-list-item';\nexport { DataListItemLabel as ItemLabel } from './data-list-item-label';\nexport { DataListItemValue as ItemValue } from './data-list-item-value';\nexport { DataListRoot as Root } from './data-list-root';\n\n/* types */\n\nexport type { DataListItemProps as ItemProps } from './data-list-item';\nexport type { DataListItemLabelProps as ItemLabelProps } from './data-list-item-label';\nexport type { DataListItemValueProps as ItemValueProps } from './data-list-item-value';\nexport type { DataListRootProps as RootProps } from './data-list-root';\nexport type { DataListVariants as Variants } from './use-data-list-context';\n"],"mappings":""}

package/dist/components/display/data-list/use-data-list-context.d.ts

@@ -0,0 +1,23 @@
+//#region src/components/display/data-list/use-data-list-context.d.ts
+/**
+ * Variantes do DataList. Informadas no `DataList.Root` e repassadas às partes por contexto.
+ */
+export type DataListVariants = {
+  /**
+   * Linha entre os itens.
+   *
+   * @default false
+   */
+  divided?: boolean;
+  /**
+   * Orientação da lista, não do par rótulo/valor: `vertical` empilha os itens, com rótulo e valor
+   * lado a lado; `horizontal` põe os itens em linha, com o valor abaixo do rótulo.
+   *
+   * @default 'vertical'
+   */
+  orientation?: 'horizontal' | 'vertical';
+};
+export declare const dataListDefaultVariants: Required<DataListVariants>;
+export declare const DataListContextProvider: import("react").Provider<DataListVariants>, useDataListContext: () => DataListVariants;
+//#endregion
+//# sourceMappingURL=use-data-list-context.d.ts.map

package/dist/components/display/data-list/use-data-list-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-list-context.d.ts","names":[],"sources":["../../../../src/components/display/data-list/use-data-list-context.ts"],"mappings":";;;;YAKY;;;;;;EAMV;;;;;;;EAOA;;qBAGW,yBAAyB,SAAS;qBAKjC,yCAAuB,SAAA,mBAAE,0BAAkB"}

package/dist/components/display/data-list/use-data-list-context.js

@@ -0,0 +1,14 @@
+import { createContext } from "@lucasbernardosn/react-utils";
+//#region src/components/display/data-list/use-data-list-context.ts
+const dataListDefaultVariants = {
+	divided: false,
+	orientation: "vertical"
+};
+const [DataListContextProvider, useDataListContext] = createContext({
+	name: "DataListContext",
+	providers: ["DataList.Root"]
+});
+//#endregion
+export { DataListContextProvider, dataListDefaultVariants, useDataListContext };
+
+//# sourceMappingURL=use-data-list-context.js.map

package/dist/components/display/data-list/use-data-list-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-data-list-context.js","names":[],"sources":["../../../../src/components/display/data-list/use-data-list-context.ts"],"sourcesContent":["import { createContext } from '@lucasbernardosn/react-utils';\n\n/**\n * Variantes do DataList. Informadas no `DataList.Root` e repassadas às partes por contexto.\n */\nexport type DataListVariants = {\n  /**\n   * Linha entre os itens.\n   *\n   * @default false\n   */\n  divided?: boolean;\n  /**\n   * Orientação da lista, não do par rótulo/valor: `vertical` empilha os itens, com rótulo e valor\n   * lado a lado; `horizontal` põe os itens em linha, com o valor abaixo do rótulo.\n   *\n   * @default 'vertical'\n   */\n  orientation?: 'horizontal' | 'vertical';\n};\n\nexport const dataListDefaultVariants: Required<DataListVariants> = {\n  divided: false,\n  orientation: 'vertical',\n};\n\nexport const [DataListContextProvider, useDataListContext] =\n  createContext<DataListVariants>({\n    name: 'DataListContext',\n    providers: ['DataList.Root'],\n  });\n"],"mappings":";;AAqBA,MAAa,0BAAsD;CACjE,SAAS;CACT,aAAa;AACf;AAEA,MAAa,CAAC,yBAAyB,sBACrC,cAAgC;CAC9B,MAAM;CACN,WAAW,CAAC,eAAe;AAC7B,CAAC"}

package/dist/components/display/icon/icon.d.ts

@@ -0,0 +1,30 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/display/icon/icon.d.ts
+export type IconProps = useRender.ComponentProps<'svg'>;
+/**
+ * Padroniza um ícone passado em `render`: não encolhe em flex, mede `1em` (acompanha o texto ao
+ * redor) e recebe o traço da lib (`weight="bold"` para Phosphor, `strokeWidth={2.5}` para ícones
+ * de traço). O tamanho fixo vem por `className` (`size-5`), não pela prop `size` da lib de ícone,
+ * que o CSS sobrescreve; dentro de um componente, vale o `[&_svg]:size-*` dele.
+ *
+ * É decorativo por padrão (`aria-hidden`). Para um ícone com significado próprio, sem texto ao
+ * lado, passe `aria-hidden={false}`, `role="img"` e `aria-label`.
+ *
+ * @example
+ * ```tsx
+ * <Icon render={<PlusIcon />} />
+ *
+ * <Icon
+ *   render={<WarningIcon />}
+ *   aria-hidden={false}
+ *   role="img"
+ *   aria-label="Boleto vencido"
+ * />
+ * ```
+ */
+export declare const Icon: {
+  (props: IconProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=icon.d.ts.map

package/dist/components/display/icon/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","names":[],"sources":["../../../../src/components/display/icon/icon.tsx"],"mappings":";;YAGY,YAAY,UAAU;;;;;;;;;;;;;;;;;;;;;;qBAuBrB;GAAe,OAAA,4BAAS,+CAAA"}

package/dist/components/display/icon/icon.js

@@ -0,0 +1,44 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/display/icon/icon.tsx
+/**
+* Padroniza um ícone passado em `render`: não encolhe em flex, mede `1em` (acompanha o texto ao
+* redor) e recebe o traço da lib (`weight="bold"` para Phosphor, `strokeWidth={2.5}` para ícones
+* de traço). O tamanho fixo vem por `className` (`size-5`), não pela prop `size` da lib de ícone,
+* que o CSS sobrescreve; dentro de um componente, vale o `[&_svg]:size-*` dele.
+*
+* É decorativo por padrão (`aria-hidden`). Para um ícone com significado próprio, sem texto ao
+* lado, passe `aria-hidden={false}`, `role="img"` e `aria-label`.
+*
+* @example
+* ```tsx
+* <Icon render={<PlusIcon />} />
+*
+* <Icon
+*   render={<WarningIcon />}
+*   aria-hidden={false}
+*   role="img"
+*   aria-label="Boleto vencido"
+* />
+* ```
+*/
+const Icon = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Icon",
+		"aria-hidden": true,
+		className: mergeTwClassNames(["shrink-0", "size-[1em]"], className),
+		weight: "bold",
+		strokeWidth: 2.5
+	};
+	return useRender({
+		defaultTagName: "svg",
+		render,
+		props: mergeProps(baseProps, rest)
+	});
+};
+Icon.displayName = "Icon";
+//#endregion
+export { Icon };
+
+//# sourceMappingURL=icon.js.map

package/dist/components/display/icon/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","names":[],"sources":["../../../../src/components/display/icon/icon.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type IconProps = useRender.ComponentProps<'svg'>;\n\n/**\n * Padroniza um ícone passado em `render`: não encolhe em flex, mede `1em` (acompanha o texto ao\n * redor) e recebe o traço da lib (`weight=\"bold\"` para Phosphor, `strokeWidth={2.5}` para ícones\n * de traço). O tamanho fixo vem por `className` (`size-5`), não pela prop `size` da lib de ícone,\n * que o CSS sobrescreve; dentro de um componente, vale o `[&_svg]:size-*` dele.\n *\n * É decorativo por padrão (`aria-hidden`). Para um ícone com significado próprio, sem texto ao\n * lado, passe `aria-hidden={false}`, `role=\"img\"` e `aria-label`.\n *\n * @example\n * ```tsx\n * <Icon render={<PlusIcon />} />\n *\n * <Icon\n *   render={<WarningIcon />}\n *   aria-hidden={false}\n *   role=\"img\"\n *   aria-label=\"Boleto vencido\"\n * />\n * ```\n */\nexport const Icon = (props: IconProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Icon',\n    'aria-hidden': true,\n    className: mergeTwClassNames(['shrink-0', 'size-[1em]'], className),\n    weight: 'bold',\n    strokeWidth: 2.5,\n  };\n\n  return useRender({\n    defaultTagName: 'svg',\n    render,\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nIcon.displayName = 'Icon';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA0BA,MAAa,QAAQ,UAAqB;CACxC,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,eAAe;EACf,WAAW,kBAAkB,CAAC,YAAY,YAAY,GAAG,SAAS;EAClE,QAAQ;EACR,aAAa;CACf;CAEA,OAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,KAAK,cAAc"}

package/dist/components/display/icon/index.d.ts

@@ -0,0 +1,2 @@
+import { Icon, IconProps } from "./icon.js";
+export { Icon, type IconProps };

package/dist/components/display/icon/index.js

@@ -0,0 +1,2 @@
+import { Icon } from "./icon.js";
+export { Icon };

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

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/feedback/empty-state/empty-state-content.d.ts
+export type EmptyStateContentProps = useRender.ComponentProps<'div'>;
+/**
+ * Agrupa título e descrição, mais próximos entre si do que das outras partes.
+ */
+export declare const EmptyStateContent: {
+  (props: EmptyStateContentProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=empty-state-content.d.ts.map

package/dist/components/feedback/empty-state/empty-state-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-content.d.ts","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-content.tsx"],"mappings":";;YAGY,yBAAyB,UAAU;;;;qBAKlC;GAA4B,OAAA,yCAAsB,+CAAA"}

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

@@ -0,0 +1,27 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/feedback/empty-state/empty-state-content.tsx
+/**
+* Agrupa título e descrição, mais próximos entre si do que das outras partes.
+*/
+const EmptyStateContent = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "EmptyState.Content",
+		className: mergeTwClassNames([
+			"flex",
+			"flex-col",
+			"gap-0.5"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+EmptyStateContent.displayName = "EmptyState.Content";
+//#endregion
+export { EmptyStateContent };
+
+//# sourceMappingURL=empty-state-content.js.map

package/dist/components/feedback/empty-state/empty-state-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-content.js","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-content.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type EmptyStateContentProps = useRender.ComponentProps<'div'>;\n\n/**\n * Agrupa título e descrição, mais próximos entre si do que das outras partes.\n */\nexport const EmptyStateContent = (props: EmptyStateContentProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'EmptyState.Content',\n    className: mergeTwClassNames(['flex', 'flex-col', 'gap-0.5'], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nEmptyStateContent.displayName = 'EmptyState.Content';\n"],"mappings":";;;;;;AAQA,MAAa,qBAAqB,UAAkC;CAClE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB;GAAC;GAAQ;GAAY;EAAS,GAAG,SAAS;CACzE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,kBAAkB,cAAc"}

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

@@ -0,0 +1,13 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/feedback/empty-state/empty-state-description.d.ts
+export type EmptyStateDescriptionProps = useRender.ComponentProps<'p'>;
+/**
+ * Texto de apoio do estado vazio, em tom mais fraco que o título, com a tipografia fixa das
+ * descrições.
+ */
+export declare const EmptyStateDescription: {
+  (props: EmptyStateDescriptionProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=empty-state-description.d.ts.map

package/dist/components/feedback/empty-state/empty-state-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state-description.d.ts","names":[],"sources":["../../../../src/components/feedback/empty-state/empty-state-description.tsx"],"mappings":";;YAGY,6BAA6B,UAAU;;;;;qBAMtC;GAAgC,OAAA,6CAA0B,+CAAA"}