@lucasbernardosn/react-ui 0.0.0-stage → 0.2.0

package/dist/components/layout/center-absolute/center-absolute-variants.d.ts

@@ -0,0 +1,15 @@
+//#region src/components/layout/center-absolute/center-absolute-variants.d.ts
+export type CenterAbsoluteVariants = {
+  /**
+   * Eixo em que o elemento é centralizado dentro do ancestral posicionado mais próximo.
+   *
+   * @default 'both'
+   */
+  axis?: 'horizontal' | 'vertical' | 'both';
+};
+export declare const centerAbsoluteDefaultVariants: Required<CenterAbsoluteVariants>;
+export declare const centerAbsoluteVariants: (props?: ({
+  axis?: "both" | "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=center-absolute-variants.d.ts.map

package/dist/components/layout/center-absolute/center-absolute-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-absolute-variants.d.ts","names":[],"sources":["../../../../src/components/layout/center-absolute/center-absolute-variants.ts"],"mappings":";YAEY;;;;;;EAMV;;qBAGW,+BAA+B,SAAS;qBAIxC,yBAAsB;;6CAgClC"}

package/dist/components/layout/center-absolute/center-absolute-variants.js

@@ -0,0 +1,30 @@
+import { cva } from "class-variance-authority";
+//#region src/components/layout/center-absolute/center-absolute-variants.ts
+const centerAbsoluteDefaultVariants = { axis: "both" };
+const centerAbsoluteVariants = cva([
+	"absolute",
+	"flex",
+	"items-center",
+	"justify-center"
+], {
+	variants: { axis: {
+		horizontal: [
+			"inset-s-1/2",
+			"-translate-x-1/2",
+			"rtl:translate-x-1/2"
+		],
+		vertical: ["top-1/2", "-translate-y-1/2"],
+		both: [
+			"inset-s-1/2",
+			"top-1/2",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:translate-x-1/2"
+		]
+	} },
+	defaultVariants: { axis: centerAbsoluteDefaultVariants.axis }
+});
+//#endregion
+export { centerAbsoluteDefaultVariants, centerAbsoluteVariants };
+
+//# sourceMappingURL=center-absolute-variants.js.map

package/dist/components/layout/center-absolute/center-absolute-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-absolute-variants.js","names":[],"sources":["../../../../src/components/layout/center-absolute/center-absolute-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport type CenterAbsoluteVariants = {\n  /**\n   * Eixo em que o elemento é centralizado dentro do ancestral posicionado mais próximo.\n   *\n   * @default 'both'\n   */\n  axis?: 'horizontal' | 'vertical' | 'both';\n};\n\nexport const centerAbsoluteDefaultVariants: Required<CenterAbsoluteVariants> = {\n  axis: 'both',\n};\n\nexport const centerAbsoluteVariants = cva(\n  ['absolute', 'flex', 'items-center', 'justify-center'],\n  {\n    variants: {\n      axis: {\n        horizontal: [\n          'inset-s-1/2',\n\n          '-translate-x-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        vertical: [\n          'top-1/2',\n\n          '-translate-y-1/2',\n        ],\n        both: [\n          'inset-s-1/2',\n          'top-1/2',\n\n          '-translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n      },\n    },\n    defaultVariants: {\n      axis: centerAbsoluteDefaultVariants.axis,\n    },\n  },\n);\n"],"mappings":";;AAWA,MAAa,gCAAkE,EAC7E,MAAM,OACR;AAEA,MAAa,yBAAyB,IACpC;CAAC;CAAY;CAAQ;CAAgB;AAAgB,GACrD;CACE,UAAU,EACR,MAAM;EACJ,YAAY;GACV;GAEA;GAEA;EACF;EACA,UAAU,CACR,WAEA,kBACF;EACA,MAAM;GACJ;GACA;GAEA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,MAAM,8BAA8B,KACtC;AACF,CACF"}

package/dist/components/layout/center-absolute/center-absolute.d.ts

@@ -0,0 +1,15 @@
+import { CenterAbsoluteVariants } from "./center-absolute-variants.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/layout/center-absolute/center-absolute.d.ts
+export type CenterAbsoluteProps = MergeOverride<useRender.ComponentProps<'div'>, CenterAbsoluteVariants>;
+/**
+ * Centraliza o elemento com `position: absolute` sobre o ancestral posicionado mais próximo,
+ * que precisa ter `relative` (ou outro `position`) para servir de referência.
+ */
+export declare const CenterAbsolute: {
+  (props: CenterAbsoluteProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=center-absolute.d.ts.map

package/dist/components/layout/center-absolute/center-absolute.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-absolute.d.ts","names":[],"sources":["../../../../src/components/layout/center-absolute/center-absolute.tsx"],"mappings":";;;;YAQY,sBAAsB,cAChC,UAAU,uBACV;;;;;qBASW;GAAyB,OAAA,sCAAmB,+CAAA"}

package/dist/components/layout/center-absolute/center-absolute.js

@@ -0,0 +1,28 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { centerAbsoluteVariants } from "./center-absolute-variants.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/layout/center-absolute/center-absolute.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Centraliza o elemento com `position: absolute` sobre o ancestral posicionado mais próximo,
+* que precisa ter `relative` (ou outro `position`) para servir de referência.
+*/
+const CenterAbsolute = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["axis"]);
+	const { render, className, ...rest } = elementProps;
+	const baseProps = {
+		"data-component": "CenterAbsolute",
+		className: mergeTwClassNames(centerAbsoluteVariants(variantProps), className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+CenterAbsolute.displayName = "CenterAbsolute";
+//#endregion
+export { CenterAbsolute };
+
+//# sourceMappingURL=center-absolute.js.map

package/dist/components/layout/center-absolute/center-absolute.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"center-absolute.js","names":[],"sources":["../../../../src/components/layout/center-absolute/center-absolute.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport {\n  type CenterAbsoluteVariants,\n  centerAbsoluteVariants,\n} from './center-absolute-variants';\n\nexport type CenterAbsoluteProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  CenterAbsoluteVariants\n>;\n\nconst splitVariantProps = createSplitProps<CenterAbsoluteVariants>();\n\n/**\n * Centraliza o elemento com `position: absolute` sobre o ancestral posicionado mais próximo,\n * que precisa ter `relative` (ou outro `position`) para servir de referência.\n */\nexport const CenterAbsolute = (props: CenterAbsoluteProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['axis']);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'CenterAbsolute',\n    className: mergeTwClassNames(\n      centerAbsoluteVariants(variantProps),\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nCenterAbsolute.displayName = 'CenterAbsolute';\n"],"mappings":";;;;;AAaA,MAAM,oBAAoB,iBAAyC;;;;;AAMnE,MAAa,kBAAkB,UAA+B;CAC5D,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,MAAM,CAAC;CAEtE,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT,uBAAuB,YAAY,GACnC,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,eAAe,cAAc"}

package/dist/components/layout/center-absolute/index.d.ts

@@ -0,0 +1,3 @@
+import { CenterAbsoluteVariants } from "./center-absolute-variants.js";
+import { CenterAbsolute, CenterAbsoluteProps } from "./center-absolute.js";
+export { CenterAbsolute, type CenterAbsoluteProps, type CenterAbsoluteVariants };

package/dist/components/layout/center-absolute/index.js

@@ -0,0 +1,2 @@
+import { CenterAbsolute } from "./center-absolute.js";
+export { CenterAbsolute };

package/dist/components/layout/circle/circle.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/layout/circle/circle.d.ts
+export type CircleProps = useRender.ComponentProps<'div'>;
+/**
+ * Contêiner redondo que centraliza o conteúdo. O diâmetro (`size-*`) fica com quem usa.
+ */
+export declare const Circle: {
+  (props: CircleProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=circle.d.ts.map

package/dist/components/layout/circle/circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.d.ts","names":[],"sources":["../../../../src/components/layout/circle/circle.tsx"],"mappings":";;YAGY,cAAc,UAAU;;;;qBAKvB;GAAiB,OAAA,8BAAW,+CAAA"}

package/dist/components/layout/circle/circle.js

@@ -0,0 +1,31 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/layout/circle/circle.tsx
+/**
+* Contêiner redondo que centraliza o conteúdo. O diâmetro (`size-*`) fica com quem usa.
+*/
+const Circle = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Circle",
+		className: mergeTwClassNames([
+			"flex",
+			"items-center",
+			"justify-center",
+			"shrink-0",
+			"grow-0",
+			"size-min",
+			"rounded-full"
+		], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+Circle.displayName = "Circle";
+//#endregion
+export { Circle };
+
+//# sourceMappingURL=circle.js.map

package/dist/components/layout/circle/circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circle.js","names":[],"sources":["../../../../src/components/layout/circle/circle.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type CircleProps = useRender.ComponentProps<'div'>;\n\n/**\n * Contêiner redondo que centraliza o conteúdo. O diâmetro (`size-*`) fica com quem usa.\n */\nexport const Circle = (props: CircleProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Circle',\n    className: mergeTwClassNames(\n      [\n        'flex',\n        'items-center',\n        'justify-center',\n\n        'shrink-0',\n        'grow-0',\n\n        'size-min',\n\n        'rounded-full',\n      ],\n      className,\n    ),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nCircle.displayName = 'Circle';\n"],"mappings":";;;;;;AAQA,MAAa,UAAU,UAAuB;CAC5C,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBACT;GACE;GACA;GACA;GAEA;GACA;GAEA;GAEA;EACF,GACA,SACF;CACF;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,OAAO,cAAc"}

package/dist/components/layout/circle/index.d.ts

@@ -0,0 +1,2 @@
+import { Circle, CircleProps } from "./circle.js";
+export { Circle, type CircleProps };

package/dist/components/layout/circle/index.js

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

package/dist/components/layout/flex/flex.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/layout/flex/flex.d.ts
+export type FlexProps = useRender.ComponentProps<'div'>;
+/**
+ * Contêiner `flex`. Direção, alinhamento e espaçamento ficam com quem usa.
+ */
+export declare const Flex: {
+  (props: FlexProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=flex.d.ts.map

package/dist/components/layout/flex/flex.d.ts.map

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

package/dist/components/layout/flex/flex.js

@@ -0,0 +1,23 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/layout/flex/flex.tsx
+/**
+* Contêiner `flex`. Direção, alinhamento e espaçamento ficam com quem usa.
+*/
+const Flex = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Flex",
+		className: mergeTwClassNames(["flex"], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+Flex.displayName = "Flex";
+//#endregion
+export { Flex };
+
+//# sourceMappingURL=flex.js.map

package/dist/components/layout/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":[],"sources":["../../../../src/components/layout/flex/flex.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type FlexProps = useRender.ComponentProps<'div'>;\n\n/**\n * Contêiner `flex`. Direção, alinhamento e espaçamento ficam com quem usa.\n */\nexport const Flex = (props: FlexProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Flex',\n    className: mergeTwClassNames(['flex'], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nFlex.displayName = 'Flex';\n"],"mappings":";;;;;;AAQA,MAAa,QAAQ,UAAqB;CACxC,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,MAAM,GAAG,SAAS;CAClD;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,KAAK,cAAc"}

package/dist/components/layout/flex/index.d.ts

@@ -0,0 +1,2 @@
+import { Flex, FlexProps } from "./flex.js";
+export { Flex, type FlexProps };

package/dist/components/layout/flex/index.js

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

package/dist/components/layout/float/float-variants.d.ts

@@ -0,0 +1,19 @@
+//#region src/components/layout/float/float-variants.d.ts
+export type FloatVariants = {
+  /**
+   * Canto ou borda do ancestral posicionado onde o elemento fica, centralizado sobre a linha.
+   *
+   * @default 'top-end'
+   */
+  placement?: 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+};
+export declare const floatDefaultVariants: Required<FloatVariants>;
+/**
+ * `inset-s`/`inset-e` seguem a direção do texto, mas o `translate-x` é físico: em RTL ele inverte
+ * de sinal (`rtl:`), para o elemento continuar metade dentro e metade fora do canto.
+ */
+export declare const floatVariants: (props?: ({
+  placement?: "top-start" | "top-center" | "top-end" | "middle-start" | "middle-center" | "middle-end" | "bottom-start" | "bottom-center" | "bottom-end" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//#endregion
+//# sourceMappingURL=float-variants.d.ts.map

package/dist/components/layout/float/float-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-variants.d.ts","names":[],"sources":["../../../../src/components/layout/float/float-variants.ts"],"mappings":";YAEY;;;;;;EAMV;;qBAYW,sBAAsB,SAAS;;;;;qBAQ/B,gBAAa;;6CAyFzB"}

package/dist/components/layout/float/float-variants.js

@@ -0,0 +1,84 @@
+import { cva } from "class-variance-authority";
+//#region src/components/layout/float/float-variants.ts
+const floatDefaultVariants = { placement: "top-end" };
+/**
+* `inset-s`/`inset-e` seguem a direção do texto, mas o `translate-x` é físico: em RTL ele inverte
+* de sinal (`rtl:`), para o elemento continuar metade dentro e metade fora do canto.
+*/
+const floatVariants = cva([
+	"absolute",
+	"inline-flex",
+	"items-center",
+	"justify-center"
+], {
+	variants: { placement: {
+		"top-start": [
+			"top-0",
+			"inset-s-0",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"top-center": [
+			"top-0",
+			"inset-s-1/2",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"top-end": [
+			"top-0",
+			"inset-e-0",
+			"translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:-translate-x-1/2"
+		],
+		"middle-start": [
+			"top-1/2",
+			"inset-s-0",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"middle-center": [
+			"top-1/2",
+			"inset-s-1/2",
+			"-translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"middle-end": [
+			"top-1/2",
+			"inset-e-0",
+			"translate-x-1/2",
+			"-translate-y-1/2",
+			"rtl:-translate-x-1/2"
+		],
+		"bottom-start": [
+			"bottom-0",
+			"inset-s-0",
+			"-translate-x-1/2",
+			"translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"bottom-center": [
+			"bottom-0",
+			"inset-s-1/2",
+			"-translate-x-1/2",
+			"translate-y-1/2",
+			"rtl:translate-x-1/2"
+		],
+		"bottom-end": [
+			"bottom-0",
+			"inset-e-0",
+			"translate-x-1/2",
+			"translate-y-1/2",
+			"rtl:-translate-x-1/2"
+		]
+	} },
+	defaultVariants: { placement: floatDefaultVariants.placement }
+});
+//#endregion
+export { floatDefaultVariants, floatVariants };
+
+//# sourceMappingURL=float-variants.js.map

package/dist/components/layout/float/float-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-variants.js","names":[],"sources":["../../../../src/components/layout/float/float-variants.ts"],"sourcesContent":["import { cva } from 'class-variance-authority';\n\nexport type FloatVariants = {\n  /**\n   * Canto ou borda do ancestral posicionado onde o elemento fica, centralizado sobre a linha.\n   *\n   * @default 'top-end'\n   */\n  placement?:\n    | 'top-start'\n    | 'top-center'\n    | 'top-end'\n    | 'middle-start'\n    | 'middle-center'\n    | 'middle-end'\n    | 'bottom-start'\n    | 'bottom-center'\n    | 'bottom-end';\n};\n\nexport const floatDefaultVariants: Required<FloatVariants> = {\n  placement: 'top-end',\n};\n\n/**\n * `inset-s`/`inset-e` seguem a direção do texto, mas o `translate-x` é físico: em RTL ele inverte\n * de sinal (`rtl:`), para o elemento continuar metade dentro e metade fora do canto.\n */\nexport const floatVariants = cva(\n  [\n    'absolute',\n\n    'inline-flex',\n    'items-center',\n    'justify-center',\n  ],\n  {\n    variants: {\n      placement: {\n        'top-start': [\n          'top-0',\n          'inset-s-0',\n          '-translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'top-center': [\n          'top-0',\n          'inset-s-1/2',\n          '-translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'top-end': [\n          'top-0',\n          'inset-e-0',\n          'translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:-translate-x-1/2',\n        ],\n        'middle-start': [\n          'top-1/2',\n          'inset-s-0',\n          '-translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'middle-center': [\n          'top-1/2',\n          'inset-s-1/2',\n          '-translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'middle-end': [\n          'top-1/2',\n          'inset-e-0',\n          'translate-x-1/2',\n          '-translate-y-1/2',\n\n          'rtl:-translate-x-1/2',\n        ],\n        'bottom-start': [\n          'bottom-0',\n          'inset-s-0',\n          '-translate-x-1/2',\n          'translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'bottom-center': [\n          'bottom-0',\n          'inset-s-1/2',\n          '-translate-x-1/2',\n          'translate-y-1/2',\n\n          'rtl:translate-x-1/2',\n        ],\n        'bottom-end': [\n          'bottom-0',\n          'inset-e-0',\n          'translate-x-1/2',\n          'translate-y-1/2',\n\n          'rtl:-translate-x-1/2',\n        ],\n      },\n    },\n    defaultVariants: {\n      placement: floatDefaultVariants.placement,\n    },\n  },\n);\n"],"mappings":";;AAoBA,MAAa,uBAAgD,EAC3D,WAAW,UACb;;;;;AAMA,MAAa,gBAAgB,IAC3B;CACE;CAEA;CACA;CACA;AACF,GACA;CACE,UAAU,EACR,WAAW;EACT,aAAa;GACX;GACA;GACA;GACA;GAEA;EACF;EACA,cAAc;GACZ;GACA;GACA;GACA;GAEA;EACF;EACA,WAAW;GACT;GACA;GACA;GACA;GAEA;EACF;EACA,gBAAgB;GACd;GACA;GACA;GACA;GAEA;EACF;EACA,iBAAiB;GACf;GACA;GACA;GACA;GAEA;EACF;EACA,cAAc;GACZ;GACA;GACA;GACA;GAEA;EACF;EACA,gBAAgB;GACd;GACA;GACA;GACA;GAEA;EACF;EACA,iBAAiB;GACf;GACA;GACA;GACA;GAEA;EACF;EACA,cAAc;GACZ;GACA;GACA;GACA;GAEA;EACF;CACF,EACF;CACA,iBAAiB,EACf,WAAW,qBAAqB,UAClC;AACF,CACF"}

package/dist/components/layout/float/float.d.ts

@@ -0,0 +1,15 @@
+import { FloatVariants } from "./float-variants.js";
+import { MergeOverride } from "@lucasbernardosn/utils";
+import { useRender } from "@base-ui/react";
+//#region src/components/layout/float/float.d.ts
+export type FloatProps = MergeOverride<useRender.ComponentProps<'div'>, FloatVariants>;
+/**
+ * Prende o elemento num canto ou borda do ancestral posicionado mais próximo (badge sobre um
+ * avatar, por exemplo). O ancestral precisa ter `relative` para servir de referência.
+ */
+export declare const Float: {
+  (props: FloatProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=float.d.ts.map

package/dist/components/layout/float/float.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"float.d.ts","names":[],"sources":["../../../../src/components/layout/float/float.tsx"],"mappings":";;;;YAKY,aAAa,cACvB,UAAU,uBACV;;;;;qBASW;GAAgB,OAAA,6BAAU,+CAAA"}

package/dist/components/layout/float/float.js

@@ -0,0 +1,28 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { floatVariants } from "./float-variants.js";
+import { createSplitProps } from "@lucasbernardosn/utils";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/layout/float/float.tsx
+const splitVariantProps = createSplitProps();
+/**
+* Prende o elemento num canto ou borda do ancestral posicionado mais próximo (badge sobre um
+* avatar, por exemplo). O ancestral precisa ter `relative` para servir de referência.
+*/
+const Float = (props) => {
+	const [variantProps, elementProps] = splitVariantProps(props, ["placement"]);
+	const { render, className, ...rest } = elementProps;
+	const baseProps = {
+		"data-component": "Float",
+		className: mergeTwClassNames(floatVariants(variantProps), className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+Float.displayName = "Float";
+//#endregion
+export { Float };
+
+//# sourceMappingURL=float.js.map

package/dist/components/layout/float/float.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"float.js","names":[],"sources":["../../../../src/components/layout/float/float.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { createSplitProps, type MergeOverride } from '@lucasbernardosn/utils';\nimport { mergeTwClassNames } from '#utils';\nimport { type FloatVariants, floatVariants } from './float-variants';\n\nexport type FloatProps = MergeOverride<\n  useRender.ComponentProps<'div'>,\n  FloatVariants\n>;\n\nconst splitVariantProps = createSplitProps<FloatVariants>();\n\n/**\n * Prende o elemento num canto ou borda do ancestral posicionado mais próximo (badge sobre um\n * avatar, por exemplo). O ancestral precisa ter `relative` para servir de referência.\n */\nexport const Float = (props: FloatProps) => {\n  const [variantProps, elementProps] = splitVariantProps(props, ['placement']);\n\n  const { render, className, ...rest } = elementProps;\n\n  const baseProps = {\n    'data-component': 'Float',\n    className: mergeTwClassNames(floatVariants(variantProps), className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nFloat.displayName = 'Float';\n"],"mappings":";;;;;AAUA,MAAM,oBAAoB,iBAAgC;;;;;AAM1D,MAAa,SAAS,UAAsB;CAC1C,MAAM,CAAC,cAAc,gBAAgB,kBAAkB,OAAO,CAAC,WAAW,CAAC;CAE3E,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,cAAc,YAAY,GAAG,SAAS;CACrE;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,MAAM,cAAc"}

package/dist/components/layout/float/index.d.ts

@@ -0,0 +1,3 @@
+import { FloatVariants } from "./float-variants.js";
+import { Float, FloatProps } from "./float.js";
+export { Float, type FloatProps, type FloatVariants };

package/dist/components/layout/float/index.js

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

package/dist/components/layout/grid/grid.d.ts

@@ -0,0 +1,12 @@
+import { useRender } from "@base-ui/react";
+//#region src/components/layout/grid/grid.d.ts
+export type GridProps = useRender.ComponentProps<'div'>;
+/**
+ * Contêiner `grid`. Colunas, linhas e espaçamento ficam com quem usa.
+ */
+export declare const Grid: {
+  (props: GridProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=grid.d.ts.map

package/dist/components/layout/grid/grid.d.ts.map

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

package/dist/components/layout/grid/grid.js

@@ -0,0 +1,23 @@
+import { mergeTwClassNames } from "../../../utils/merge-class-names.js";
+import { mergeProps, useRender } from "@base-ui/react";
+//#region src/components/layout/grid/grid.tsx
+/**
+* Contêiner `grid`. Colunas, linhas e espaçamento ficam com quem usa.
+*/
+const Grid = (props) => {
+	const { render, className, ...rest } = props;
+	const baseProps = {
+		"data-component": "Grid",
+		className: mergeTwClassNames(["grid"], className)
+	};
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: mergeProps(baseProps, rest)
+	});
+};
+Grid.displayName = "Grid";
+//#endregion
+export { Grid };
+
+//# sourceMappingURL=grid.js.map

package/dist/components/layout/grid/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":[],"sources":["../../../../src/components/layout/grid/grid.tsx"],"sourcesContent":["import { mergeProps, useRender } from '@base-ui/react';\nimport { mergeTwClassNames } from '#utils';\n\nexport type GridProps = useRender.ComponentProps<'div'>;\n\n/**\n * Contêiner `grid`. Colunas, linhas e espaçamento ficam com quem usa.\n */\nexport const Grid = (props: GridProps) => {\n  const { render, className, ...rest } = props;\n\n  const baseProps = {\n    'data-component': 'Grid',\n    className: mergeTwClassNames(['grid'], className),\n  };\n\n  return useRender({\n    render,\n    defaultTagName: 'div',\n    props: mergeProps(baseProps, rest),\n  });\n};\n\nGrid.displayName = 'Grid';\n"],"mappings":";;;;;;AAQA,MAAa,QAAQ,UAAqB;CACxC,MAAM,EAAE,QAAQ,WAAW,GAAG,SAAS;CAEvC,MAAM,YAAY;EAChB,kBAAkB;EAClB,WAAW,kBAAkB,CAAC,MAAM,GAAG,SAAS;CAClD;CAEA,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO,WAAW,WAAW,IAAI;CACnC,CAAC;AACH;AAEA,KAAK,cAAc"}

package/dist/components/layout/grid/index.d.ts

@@ -0,0 +1,2 @@
+import { Grid, GridProps } from "./grid.js";
+export { Grid, type GridProps };

package/dist/components/layout/grid/index.js

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

package/dist/components/layout/scroll-area/index.d.ts

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

package/dist/components/layout/scroll-area/index.js

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

package/dist/components/layout/scroll-area/index.parts.d.ts

@@ -0,0 +1,13 @@
+import { ScrollAreaBars } from "./scroll-area-bars.js";
+import { ScrollAreaContent, ScrollAreaContentProps, ScrollAreaContentState } from "./scroll-area-content.js";
+import { ScrollAreaCorner, ScrollAreaCornerProps, ScrollAreaCornerState } from "./scroll-area-corner.js";
+import { ScrollAreaRoot, ScrollAreaRootProps, ScrollAreaRootState } from "./scroll-area-root.js";
+import { ScrollAreaScrollbar, ScrollAreaScrollbarProps, ScrollAreaScrollbarState } from "./scroll-area-scrollbar.js";
+import { ScrollAreaThumb, ScrollAreaThumbProps, ScrollAreaThumbState } from "./scroll-area-thumb.js";
+import { ScrollAreaViewport, ScrollAreaViewportProps, ScrollAreaViewportState } from "./scroll-area-viewport.js";
+declare namespace index_parts_d_exports {
+  export { ScrollAreaBars as Bars, ScrollAreaContent as Content, ScrollAreaContentProps as ContentProps, ScrollAreaContentState as ContentState, ScrollAreaCorner as Corner, ScrollAreaCornerProps as CornerProps, ScrollAreaCornerState as CornerState, ScrollAreaRoot as Root, ScrollAreaRootProps as RootProps, ScrollAreaRootState as RootState, ScrollAreaScrollbar as Scrollbar, ScrollAreaScrollbarProps as ScrollbarProps, ScrollAreaScrollbarState as ScrollbarState, ScrollAreaThumb as Thumb, ScrollAreaThumbProps as ThumbProps, ScrollAreaThumbState as ThumbState, ScrollAreaViewport as Viewport, ScrollAreaViewportProps as ViewportProps, ScrollAreaViewportState as ViewportState };
+}
+//#endregion
+export { ScrollAreaBars as Bars, ScrollAreaContent as Content, type ScrollAreaContentProps as ContentProps, type ScrollAreaContentState as ContentState, ScrollAreaCorner as Corner, type ScrollAreaCornerProps as CornerProps, type ScrollAreaCornerState as CornerState, ScrollAreaRoot as Root, type ScrollAreaRootProps as RootProps, type ScrollAreaRootState as RootState, ScrollAreaScrollbar as Scrollbar, type ScrollAreaScrollbarProps as ScrollbarProps, type ScrollAreaScrollbarState as ScrollbarState, ScrollAreaThumb as Thumb, type ScrollAreaThumbProps as ThumbProps, type ScrollAreaThumbState as ThumbState, ScrollAreaViewport as Viewport, type ScrollAreaViewportProps as ViewportProps, type ScrollAreaViewportState as ViewportState, index_parts_d_exports };
+//# sourceMappingURL=index.parts.d.ts.map

package/dist/components/layout/scroll-area/index.parts.d.ts.map

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

package/dist/components/layout/scroll-area/index.parts.js

@@ -0,0 +1,22 @@
+import { __exportAll } from "../../../_virtual/_rolldown/runtime.js";
+import { ScrollAreaCorner } from "./scroll-area-corner.js";
+import { ScrollAreaScrollbar } from "./scroll-area-scrollbar.js";
+import { ScrollAreaThumb } from "./scroll-area-thumb.js";
+import { ScrollAreaBars } from "./scroll-area-bars.js";
+import { ScrollAreaContent } from "./scroll-area-content.js";
+import { ScrollAreaRoot } from "./scroll-area-root.js";
+import { ScrollAreaViewport } from "./scroll-area-viewport.js";
+//#region src/components/layout/scroll-area/index.parts.ts
+var index_parts_exports = /* @__PURE__ */ __exportAll({
+	Bars: () => ScrollAreaBars,
+	Content: () => ScrollAreaContent,
+	Corner: () => ScrollAreaCorner,
+	Root: () => ScrollAreaRoot,
+	Scrollbar: () => ScrollAreaScrollbar,
+	Thumb: () => ScrollAreaThumb,
+	Viewport: () => ScrollAreaViewport
+});
+//#endregion
+export { ScrollAreaBars as Bars, ScrollAreaContent as Content, ScrollAreaCorner as Corner, ScrollAreaRoot as Root, ScrollAreaScrollbar as Scrollbar, ScrollAreaThumb as Thumb, ScrollAreaViewport as Viewport, index_parts_exports };
+
+//# sourceMappingURL=index.parts.js.map

package/dist/components/layout/scroll-area/index.parts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.parts.js","names":[],"sources":["../../../../src/components/layout/scroll-area/index.parts.ts"],"sourcesContent":["export { ScrollAreaBars as Bars } from './scroll-area-bars';\nexport { ScrollAreaContent as Content } from './scroll-area-content';\nexport { ScrollAreaCorner as Corner } from './scroll-area-corner';\nexport { ScrollAreaRoot as Root } from './scroll-area-root';\nexport { ScrollAreaScrollbar as Scrollbar } from './scroll-area-scrollbar';\nexport { ScrollAreaThumb as Thumb } from './scroll-area-thumb';\nexport { ScrollAreaViewport as Viewport } from './scroll-area-viewport';\n\n/* types */\n\nexport type {\n  ScrollAreaContentProps as ContentProps,\n  ScrollAreaContentState as ContentState,\n} from './scroll-area-content';\nexport type {\n  ScrollAreaCornerProps as CornerProps,\n  ScrollAreaCornerState as CornerState,\n} from './scroll-area-corner';\nexport type {\n  ScrollAreaRootProps as RootProps,\n  ScrollAreaRootState as RootState,\n} from './scroll-area-root';\nexport type {\n  ScrollAreaScrollbarProps as ScrollbarProps,\n  ScrollAreaScrollbarState as ScrollbarState,\n} from './scroll-area-scrollbar';\nexport type {\n  ScrollAreaThumbProps as ThumbProps,\n  ScrollAreaThumbState as ThumbState,\n} from './scroll-area-thumb';\nexport type {\n  ScrollAreaViewportProps as ViewportProps,\n  ScrollAreaViewportState as ViewportState,\n} from './scroll-area-viewport';\n"],"mappings":""}

package/dist/components/layout/scroll-area/scroll-area-bars.d.ts

@@ -0,0 +1,14 @@
+//#region src/components/layout/scroll-area/scroll-area-bars.d.ts
+/**
+ * As duas barras e o canto, prontos — o uso comum. Montar as duas não custa nada: o Base UI só
+ * monta a barra do eixo que transborda, e o canto só quando as duas aparecem juntas.
+ *
+ * Sem props de propósito: espessura e recuo se ajustam pelas variáveis do `Root`. Para algo além
+ * disso (classe numa barra, uma barra só), componha `Scrollbar`, `Thumb` e `Corner` à mão.
+ */
+export declare const ScrollAreaBars: {
+  (): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=scroll-area-bars.d.ts.map

package/dist/components/layout/scroll-area/scroll-area-bars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-bars.d.ts","names":[],"sources":["../../../../src/components/layout/scroll-area/scroll-area-bars.tsx"],"mappings":";;;;;;;;qBAWa;sBAAA"}

package/dist/components/layout/scroll-area/scroll-area-bars.js

@@ -0,0 +1,30 @@
+import { ScrollAreaCorner } from "./scroll-area-corner.js";
+import { ScrollAreaScrollbar } from "./scroll-area-scrollbar.js";
+import { ScrollAreaThumb } from "./scroll-area-thumb.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/layout/scroll-area/scroll-area-bars.tsx
+/**
+* As duas barras e o canto, prontos — o uso comum. Montar as duas não custa nada: o Base UI só
+* monta a barra do eixo que transborda, e o canto só quando as duas aparecem juntas.
+*
+* Sem props de propósito: espessura e recuo se ajustam pelas variáveis do `Root`. Para algo além
+* disso (classe numa barra, uma barra só), componha `Scrollbar`, `Thumb` e `Corner` à mão.
+*/
+const ScrollAreaBars = () => {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx(ScrollAreaScrollbar, {
+			orientation: "vertical",
+			children: /* @__PURE__ */ jsx(ScrollAreaThumb, {})
+		}),
+		/* @__PURE__ */ jsx(ScrollAreaScrollbar, {
+			orientation: "horizontal",
+			children: /* @__PURE__ */ jsx(ScrollAreaThumb, {})
+		}),
+		/* @__PURE__ */ jsx(ScrollAreaCorner, {})
+	] });
+};
+ScrollAreaBars.displayName = "ScrollArea.Bars";
+//#endregion
+export { ScrollAreaBars };
+
+//# sourceMappingURL=scroll-area-bars.js.map

package/dist/components/layout/scroll-area/scroll-area-bars.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area-bars.js","names":[],"sources":["../../../../src/components/layout/scroll-area/scroll-area-bars.tsx"],"sourcesContent":["import { ScrollAreaCorner } from './scroll-area-corner';\nimport { ScrollAreaScrollbar } from './scroll-area-scrollbar';\nimport { ScrollAreaThumb } from './scroll-area-thumb';\n\n/**\n * As duas barras e o canto, prontos — o uso comum. Montar as duas não custa nada: o Base UI só\n * monta a barra do eixo que transborda, e o canto só quando as duas aparecem juntas.\n *\n * Sem props de propósito: espessura e recuo se ajustam pelas variáveis do `Root`. Para algo além\n * disso (classe numa barra, uma barra só), componha `Scrollbar`, `Thumb` e `Corner` à mão.\n */\nexport const ScrollAreaBars = () => {\n  return (\n    <>\n      <ScrollAreaScrollbar orientation=\"vertical\">\n        <ScrollAreaThumb />\n      </ScrollAreaScrollbar>\n\n      <ScrollAreaScrollbar orientation=\"horizontal\">\n        <ScrollAreaThumb />\n      </ScrollAreaScrollbar>\n\n      <ScrollAreaCorner />\n    </>\n  );\n};\n\nScrollAreaBars.displayName = 'ScrollArea.Bars';\n"],"mappings":";;;;;;;;;;;;AAWA,MAAa,uBAAuB;CAClC,OACE,qBAAA,UAAA,EAAA,UAAA;EACE,oBAAC,qBAAD;GAAqB,aAAY;GAC/B,UAAA,oBAAC,iBAAD,CAAkB,CAAA;EACC,CAAA;EAErB,oBAAC,qBAAD;GAAqB,aAAY;GAC/B,UAAA,oBAAC,iBAAD,CAAkB,CAAA;EACC,CAAA;EAErB,oBAAC,kBAAD,CAAmB,CAAA;CACnB,EAAA,CAAA;AAEN;AAEA,eAAe,cAAc"}

package/dist/components/layout/scroll-area/scroll-area-content.d.ts

@@ -0,0 +1,22 @@
+import { ScrollArea } from "@base-ui/react/scroll-area";
+//#region src/components/layout/scroll-area/scroll-area-content.d.ts
+export type ScrollAreaContentProps = ScrollArea.Content.Props;
+export type ScrollAreaContentState = ScrollArea.Content.State;
+/**
+ * Envolve o conteúdo rolável e é onde mora o padding — a divisão da documentação oficial:
+ * `Root` carrega o tamanho, `Viewport` a altura, `Content` o espaçamento.
+ *
+ * O Base UI aplica `min-width: fit-content` inline, para a largura do conteúdo atravessar o
+ * viewport em vez de ser cortada. Para contê-la, passe `style={{ minWidth: 0 }}`: o `style` de
+ * quem usa é mesclado depois do interno, e uma classe não venceria o inline.
+ *
+ * Com `flex flex-col` aqui, o filho que ocupa o resto e rola usa `grow basis-0`, não `flex-1`:
+ * o `min-h-full` deixa a altura indefinida, a base `0%` do `flex-1` não resolve contra ela, e
+ * o filho cresce até caber todo o conteúdo em vez de rolar.
+ */
+export declare const ScrollAreaContent: {
+  (props: ScrollAreaContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//# sourceMappingURL=scroll-area-content.d.ts.map