@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"mappings":";;;;;;;;KAUY,gBAAA,GAAmB,IAAA,CAAK,cAAA,QAAsB,MAAA;EACxD,IAAA,GAAO,MAAA;AAAA;AAAA,cAGH,WAAA;EAAe,IAAA;EAAA,GAAA;AAAA,GAAoB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCNnD,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,cAAA,UAC9B,wBAAA;AAAA,cAEI,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC1BhE,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,4BAAA,GAA+B,IAAA,CAClC,YAAA,QAAoB,wBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,qBAAA,GAAwB,cAAA,QAClC,4BAAA;AAAA,cAEI,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9BlB,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,uBAAA,GAA0B,IAAA,CAC7B,YAAA,QAAoB,mBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,gBAAA,GAAmB,cAAA,UAAwB,uBAAA;AAAA,cAEjD,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCzB9D,kBAAA,EA8CJ,kBAAA,CA9CsB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cA8CtB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAKjB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9DZ,kBAAA,EAcJ,kBAAA,CAdsB,YAAA;;;;;;;;;;;;;;;;cActB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,sBAAA,GAAyB,IAAA,CAC5B,YAAA,QAAoB,kBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,eAAA,GAAkB,cAAA,UAAwB,sBAAA;AAAA,cAEhD,UAAA;EAAc,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cClB5D,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,iBAAA,GAAoB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAChD,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,UAAA,GAAa,cAAA,UAAwB,iBAAA;AAAA,cAE3C,KAAA;EAAA;;;;KAAsD,UAAA,GAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/empty.js

@@ -0,0 +1,211 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { Button } from "./button.js";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+
+//#region src/ui/empty/empty-size-context.ts
+const { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } = createSizeContext();
+
+//#endregion
+//#region src/ui/empty/empty-button.tsx
+const EmptyButton = ({ size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx(Button, {
+		"data-size": resolvedSize,
+		"data-slot": "empty-button",
+		size: resolvedSize,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-content.tsx
+const emptyContentVariants = tv({
+	base: "flex w-full min-w-0 flex-col items-center text-balance",
+	variants: { size: {
+		xs: "max-w-xs gap-1.5 text-xs",
+		sm: "max-w-sm gap-2 text-sm",
+		md: "max-w-sm gap-2.5 text-sm",
+		lg: "max-w-md gap-3 text-sm",
+		xl: "max-w-md gap-3.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyContent = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyContentVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-content",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-description.tsx
+const emptyDescriptionVariants = tv({
+	base: "text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground",
+	variants: { size: {
+		xs: "text-xs/relaxed",
+		sm: "text-sm/relaxed",
+		md: "text-sm/relaxed",
+		lg: "text-base/relaxed",
+		xl: "text-base/relaxed"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyDescription = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyDescriptionVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-description",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-header.tsx
+const emptyHeaderVariants = tv({
+	base: "flex flex-col items-center",
+	variants: { size: {
+		xs: "max-w-xs gap-1.5",
+		sm: "max-w-sm gap-2",
+		md: "max-w-sm gap-2.5",
+		lg: "max-w-md gap-3",
+		xl: "max-w-md gap-3.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyHeader = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyHeaderVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-header",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-media.tsx
+const emptyMediaVariants = tv({
+	base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	compoundVariants: [
+		{
+			class: "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+			size: "xs",
+			variant: "icon"
+		},
+		{
+			class: "size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5",
+			size: "sm",
+			variant: "icon"
+		},
+		{
+			class: "size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4",
+			size: "md",
+			variant: "icon"
+		},
+		{
+			class: "size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4",
+			size: "lg",
+			variant: "icon"
+		},
+		{
+			class: "size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5",
+			size: "xl",
+			variant: "icon"
+		}
+	],
+	variants: {
+		size: {
+			xs: "mb-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "mb-2 [&_svg:not([class*='size-'])]:size-3.5",
+			md: "mb-2 [&_svg:not([class*='size-'])]:size-4",
+			lg: "mb-2.5 [&_svg:not([class*='size-'])]:size-4",
+			xl: "mb-3 [&_svg:not([class*='size-'])]:size-5"
+		},
+		variant: {
+			default: "bg-transparent",
+			icon: "shrink-0 bg-muted text-foreground"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	}
+});
+const EmptyMedia = ({ className, size, variant = "default", ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyMediaVariants({
+			size: resolvedSize,
+			variant
+		}), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-icon",
+		"data-variant": variant,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty-title.tsx
+const emptyTitleVariants = tv({
+	base: "font-medium tracking-tight text-foreground",
+	variants: { size: {
+		xs: "text-xs",
+		sm: "text-sm",
+		md: "text-sm",
+		lg: "text-base",
+		xl: "text-lg"
+	} },
+	defaultVariants: { size: "md" }
+});
+const EmptyTitle = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedEmptySize(size);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(emptyTitleVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "empty-title",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/empty/empty.tsx
+const emptyVariants = tv({
+	base: "flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance",
+	variants: { size: {
+		xs: "gap-2 p-4",
+		sm: "gap-3 p-6",
+		md: "gap-4 p-8",
+		lg: "gap-5 p-10",
+		xl: "gap-6 p-12"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Empty = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(EmptySizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(emptyVariants({ size }), className),
+			"data-size": size,
+			"data-slot": "empty",
+			...props
+		})
+	});
+};
+Empty.Button = EmptyButton;
+Empty.Content = EmptyContent;
+Empty.Description = EmptyDescription;
+Empty.Header = EmptyHeader;
+Empty.Media = EmptyMedia;
+Empty.Title = EmptyTitle;
+
+//#endregion
+export { Empty, EmptyButton, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };
+//# sourceMappingURL=empty.js.map

package/dist/ui/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../src/ui/empty/empty-size-context.ts","../../src/ui/empty/empty-button.tsx","../../src/ui/empty/empty-content.tsx","../../src/ui/empty/empty-description.tsx","../../src/ui/empty/empty-header.tsx","../../src/ui/empty/empty-media.tsx","../../src/ui/empty/empty-title.tsx","../../src/ui/empty/empty.tsx"],"sourcesContent":["import { createSizeContext } from \"../shared/size/size-context\";\n\nconst { SizeContext: EmptySizeContext, useResolvedSize: useResolvedEmptySize } =\n  createSizeContext();\n\nexport { EmptySizeContext, useResolvedEmptySize };\n","import type { ComponentProps } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { Button } from \"../button/button\";\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\n// oxlint-disable-next-line no-warning-comments\n// TODO: handle icon size in the future\n\nexport type EmptyButtonProps = Omit<ComponentProps<typeof Button>, \"size\"> & {\n  size?: UISize;\n};\n\nconst EmptyButton = ({ size, ...props }: EmptyButtonProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <Button\n      data-size={resolvedSize}\n      data-slot=\"empty-button\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { EmptyButton };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyContentVariants = tv({\n  base: \"flex w-full min-w-0 flex-col items-center text-balance\",\n  variants: {\n    size: {\n      xs: \"max-w-xs gap-1.5 text-xs\",\n      sm: \"max-w-sm gap-2 text-sm\",\n      md: \"max-w-sm gap-2.5 text-sm\",\n      lg: \"max-w-md gap-3 text-sm\",\n      xl: \"max-w-md gap-3.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyContentVariantProps = Omit<\n  VariantProps<typeof emptyContentVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyContentProps = ComponentProps<\"div\"> &\n  EmptyContentVariantProps;\n\nconst EmptyContent = ({ className, size, ...props }: EmptyContentProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyContentVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-content\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyDescriptionVariants = tv({\n  base: \"text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs/relaxed\",\n      sm: \"text-sm/relaxed\",\n      md: \"text-sm/relaxed\",\n      lg: \"text-base/relaxed\",\n      xl: \"text-base/relaxed\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyDescriptionVariantProps = Omit<\n  VariantProps<typeof emptyDescriptionVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyDescriptionProps = ComponentProps<\"p\"> &\n  EmptyDescriptionVariantProps;\n\nconst EmptyDescription = ({\n  className,\n  size,\n  ...props\n}: EmptyDescriptionProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(\n        emptyDescriptionVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"empty-description\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyDescription };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyHeaderVariants = tv({\n  base: \"flex flex-col items-center\",\n  variants: {\n    size: {\n      xs: \"max-w-xs gap-1.5\",\n      sm: \"max-w-sm gap-2\",\n      md: \"max-w-sm gap-2.5\",\n      lg: \"max-w-md gap-3\",\n      xl: \"max-w-md gap-3.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyHeaderVariantProps = Omit<\n  VariantProps<typeof emptyHeaderVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyHeaderProps = ComponentProps<\"div\"> & EmptyHeaderVariantProps;\n\nconst EmptyHeader = ({ className, size, ...props }: EmptyHeaderProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyHeaderVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-header\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyHeader };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyMediaVariants = tv({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  compoundVariants: [\n    {\n      class: \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n      size: \"xs\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-7 rounded-md [&_svg:not([class*='size-'])]:size-3.5\",\n      size: \"sm\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-8 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      size: \"md\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-9 rounded-lg [&_svg:not([class*='size-'])]:size-4\",\n      size: \"lg\",\n      variant: \"icon\",\n    },\n    {\n      class: \"size-10 rounded-xl [&_svg:not([class*='size-'])]:size-5\",\n      size: \"xl\",\n      variant: \"icon\",\n    },\n  ],\n  variants: {\n    size: {\n      xs: \"mb-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"mb-2 [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"mb-2 [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"mb-2.5 [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"mb-3 [&_svg:not([class*='size-'])]:size-5\",\n    },\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"shrink-0 bg-muted text-foreground\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n});\n\ntype EmptyMediaVariantProps = Omit<\n  VariantProps<typeof emptyMediaVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyMediaProps = ComponentProps<\"div\"> & EmptyMediaVariantProps;\n\nconst EmptyMedia = ({\n  className,\n  size,\n  variant = \"default\",\n  ...props\n}: EmptyMediaProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(\n        emptyMediaVariants({ size: resolvedSize, variant }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"empty-icon\"\n      data-variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport { EmptyMedia };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useResolvedEmptySize } from \"./empty-size-context\";\n\nconst emptyTitleVariants = tv({\n  base: \"font-medium tracking-tight text-foreground\",\n  variants: {\n    size: {\n      xs: \"text-xs\",\n      sm: \"text-sm\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n      xl: \"text-lg\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyTitleVariantProps = Omit<\n  VariantProps<typeof emptyTitleVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type EmptyTitleProps = ComponentProps<\"div\"> & EmptyTitleVariantProps;\n\nconst EmptyTitle = ({ className, size, ...props }: EmptyTitleProps) => {\n  const resolvedSize = useResolvedEmptySize(size);\n\n  return (\n    <div\n      className={cn(emptyTitleVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"empty-title\"\n      {...props}\n    />\n  );\n};\n\nexport { EmptyTitle };\n","import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { EmptyButton } from \"./empty-button\";\nimport { EmptyContent } from \"./empty-content\";\nimport { EmptyDescription } from \"./empty-description\";\nimport { EmptyHeader } from \"./empty-header\";\nimport { EmptyMedia } from \"./empty-media\";\nimport { EmptySizeContext } from \"./empty-size-context\";\nimport { EmptyTitle } from \"./empty-title\";\n\nconst emptyVariants = tv({\n  base: \"flex w-full min-w-0 flex-1 flex-col items-center justify-center rounded-lg border-dashed text-center text-balance\",\n  variants: {\n    size: {\n      xs: \"gap-2 p-4\",\n      sm: \"gap-3 p-6\",\n      md: \"gap-4 p-8\",\n      lg: \"gap-5 p-10\",\n      xl: \"gap-6 p-12\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype EmptyVariantProps = Omit<VariantProps<typeof emptyVariants>, \"size\"> & {\n  size?: UISize;\n};\n\nexport type EmptyProps = ComponentProps<\"div\"> & EmptyVariantProps;\n\nconst Empty = ({ className, size: providedSize, ...props }: EmptyProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <EmptySizeContext.Provider value={{ size }}>\n      <div\n        className={cn(emptyVariants({ size }), className)}\n        data-size={size}\n        data-slot=\"empty\"\n        {...props}\n      />\n    </EmptySizeContext.Provider>\n  );\n};\n\nEmpty.Button = EmptyButton;\nEmpty.Content = EmptyContent;\nEmpty.Description = EmptyDescription;\nEmpty.Header = EmptyHeader;\nEmpty.Media = EmptyMedia;\nEmpty.Title = EmptyTitle;\n\nexport {\n  Empty,\n  EmptyButton,\n  EmptyContent,\n  EmptyDescription,\n  EmptyHeader,\n  EmptyMedia,\n  EmptyTitle,\n};\n\nexport type { EmptyButtonProps } from \"./empty-button\";\nexport type { EmptyContentProps } from \"./empty-content\";\nexport type { EmptyDescriptionProps } from \"./empty-description\";\nexport type { EmptyHeaderProps } from \"./empty-header\";\nexport type { EmptyMediaProps } from \"./empty-media\";\nexport type { EmptyTitleProps } from \"./empty-title\";\n"],"mappings":"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"}

package/dist/ui/field.d.ts

@@ -0,0 +1,120 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Field as Field$1 } from "@base-ui/react/field";
+
+//#region src/ui/field/field-label.d.ts
+type FieldLabelProps = ComponentProps<typeof Field$1.Label>;
+declare const FieldLabel: ({
+  className,
+  ...props
+}: FieldLabelProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-control.d.ts
+type NativeFieldControlProps = ComponentProps<typeof Field$1.Control>;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+declare const fieldControlVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", unknown, unknown, undefined>>;
+type FieldControlVariantProps = Omit<VariantProps<typeof fieldControlVariants>, "size"> & {
+  size?: UISize;
+};
+type FieldControlProps = DistributiveOmit<NativeFieldControlProps, "size"> & FieldControlVariantProps;
+declare const FieldControl: ({
+  className,
+  size: providedSize,
+  ...props
+}: FieldControlProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-description.d.ts
+type FieldDescriptionProps = ComponentProps<typeof Field$1.Description>;
+declare const FieldDescription: ({
+  className,
+  ...props
+}: FieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-item.d.ts
+type FieldItemProps = ComponentProps<typeof Field$1.Item>;
+declare const FieldItem: ({
+  className,
+  ...props
+}: FieldItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-error.d.ts
+type FieldErrorProps = ComponentProps<typeof Field$1.Error>;
+declare const FieldError: ({
+  className,
+  ...props
+}: FieldErrorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-validity.d.ts
+type FieldValidityProps = ComponentProps<typeof Field$1.Validity>;
+declare const FieldValidity: (props: FieldValidityProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field-root.d.ts
+type FieldRootProps = ComponentProps<typeof Field$1.Root>;
+declare const FieldRoot: ({
+  className,
+  ...props
+}: FieldRootProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/field/field.d.ts
+type FieldProps = FieldRootProps;
+declare const Field: {
+  ({
+    ...props
+  }: FieldRootProps): react_jsx_runtime0.JSX.Element;
+  Root: ({
+    className,
+    ...props
+  }: FieldRootProps) => react_jsx_runtime0.JSX.Element;
+  Label: ({
+    className,
+    ...props
+  }: FieldLabelProps) => react_jsx_runtime0.JSX.Element;
+  Control: ({
+    className,
+    size: providedSize,
+    ...props
+  }: FieldControlProps) => react_jsx_runtime0.JSX.Element;
+  Description: ({
+    className,
+    ...props
+  }: FieldDescriptionProps) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    ...props
+  }: FieldItemProps) => react_jsx_runtime0.JSX.Element;
+  Error: ({
+    className,
+    ...props
+  }: FieldErrorProps) => react_jsx_runtime0.JSX.Element;
+  Validity: (props: FieldValidityProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Field, FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, FieldProps, FieldRoot, type FieldRootProps, FieldValidity, type FieldValidityProps };
+//# sourceMappingURL=field.d.ts.map

package/dist/ui/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","names":[],"sources":["../../src/ui/field/field-label.tsx","../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field.tsx"],"mappings":";;;;;;;;KAMY,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCE9D,uBAAA,GAA0B,cAAA,QAAsB,OAAA,CAAU,OAAA;AAAA,KAE1D,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,cAGN,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,wBAAA,GAA2B,IAAA,CAC9B,YAAA,QAAoB,oBAAA;EAGpB,IAAA,GAAO,MAAA;AAAA;AAAA,KAGG,iBAAA,GAAoB,gBAAA,CAC9B,uBAAA,YAGA,wBAAA;AAAA,cAEW,YAAA;EAAgB,SAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAI1B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3CR,qBAAA,GAAwB,cAAA,QAC3B,OAAA,CAAU,WAAA;AAAA,cAGN,gBAAA;EAAoB,SAAA;EAAA,GAAA;AAAA,GAG9B,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCPZ,cAAA,GAAiB,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEhD,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFrD,eAAA,GAAkB,cAAA,QAAsB,OAAA,CAAU,KAAA;AAAA,cAEjD,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCJvD,kBAAA,GAAqB,cAAA,QAAsB,OAAA,CAAU,QAAA;AAAA,cAEpD,aAAA,GAAiB,KAAA,EAAO,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCA3C,cAAA,GAAiB,cAAA,QAAsB,OAAA,CAAU,IAAA;AAAA,cAEhD,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCArD,UAAA,GAAa,cAAA;AAAA,cAEnB,KAAA;EAAA;IAAA;KAAuB,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/field.js

@@ -0,0 +1,86 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Field as Field$1 } from "@base-ui/react/field";
+
+//#region src/ui/field/field-control.tsx
+const fieldControlVariants = tv({
+	base: "w-full min-w-0 border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm",
+		md: "h-9 rounded-md px-2.5 py-1 text-base md:text-sm",
+		lg: "h-10 rounded-md px-3 py-1.5 text-base md:text-sm",
+		xl: "h-11 rounded-md px-4 py-1.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const FieldControl = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Field$1.Control, {
+		className: mergeBaseUIClassName(fieldControlVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "field-control",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/field/field-description.tsx
+const FieldDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Field$1.Description, {
+	className: mergeBaseUIClassName("text-left text-sm leading-normal font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground", className),
+	"data-slot": "field-description",
+	...props
+});
+
+//#endregion
+//#region src/ui/field/field-error.tsx
+const FieldError = ({ className, ...props }) => /* @__PURE__ */ jsx(Field$1.Error, {
+	className: mergeBaseUIClassName("text-sm font-normal text-danger-foreground", className),
+	"data-slot": "field-error",
+	...props
+});
+
+//#endregion
+//#region src/ui/field/field-item.tsx
+const FieldItem = ({ className, ...props }) => /* @__PURE__ */ jsx(Field$1.Item, {
+	className: mergeBaseUIClassName("group/field-item flex w-full flex-col gap-0.5 leading-snug", className),
+	"data-slot": "field-item",
+	...props
+});
+
+//#endregion
+//#region src/ui/field/field-label.tsx
+const FieldLabel = ({ className, ...props }) => /* @__PURE__ */ jsx(Field$1.Label, {
+	className: mergeBaseUIClassName("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", className),
+	"data-slot": "field-label",
+	...props
+});
+
+//#endregion
+//#region src/ui/field/field-root.tsx
+const FieldRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Field$1.Root, {
+	className: mergeBaseUIClassName("group/field flex w-full flex-col gap-1", className),
+	"data-slot": "field",
+	...props
+});
+
+//#endregion
+//#region src/ui/field/field-validity.tsx
+const FieldValidity = (props) => /* @__PURE__ */ jsx(Field$1.Validity, { ...props });
+
+//#endregion
+//#region src/ui/field/field.tsx
+const Field = ({ ...props }) => /* @__PURE__ */ jsx(FieldRoot, { ...props });
+Field.Root = FieldRoot;
+Field.Label = FieldLabel;
+Field.Control = FieldControl;
+Field.Description = FieldDescription;
+Field.Item = FieldItem;
+Field.Error = FieldError;
+Field.Validity = FieldValidity;
+
+//#endregion
+export { Field, FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldRoot, FieldValidity };
+//# sourceMappingURL=field.js.map

package/dist/ui/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["BaseField","BaseField","BaseField","BaseField","BaseField","BaseField","BaseField"],"sources":["../../src/ui/field/field-control.tsx","../../src/ui/field/field-description.tsx","../../src/ui/field/field-error.tsx","../../src/ui/field/field-item.tsx","../../src/ui/field/field-label.tsx","../../src/ui/field/field-root.tsx","../../src/ui/field/field-validity.tsx","../../src/ui/field/field.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\ntype NativeFieldControlProps = ComponentProps<typeof BaseField.Control>;\n\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nconst fieldControlVariants = tv({\n  base: \"w-full min-w-0 border border-input bg-transparent transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm\",\n      md: \"h-9 rounded-md px-2.5 py-1 text-base md:text-sm\",\n      lg: \"h-10 rounded-md px-3 py-1.5 text-base md:text-sm\",\n      xl: \"h-11 rounded-md px-4 py-1.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype FieldControlVariantProps = Omit<\n  VariantProps<typeof fieldControlVariants>,\n  \"size\"\n> & {\n  size?: UISize;\n};\n\nexport type FieldControlProps = DistributiveOmit<\n  NativeFieldControlProps,\n  \"size\"\n> &\n  FieldControlVariantProps;\n\nexport const FieldControl = ({\n  className,\n  size: providedSize,\n  ...props\n}: FieldControlProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <BaseField.Control\n      className={mergeBaseUIClassName(\n        fieldControlVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"field-control\"\n      {...props}\n    />\n  );\n};\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldDescriptionProps = ComponentProps<\n  typeof BaseField.Description\n>;\n\nexport const FieldDescription = ({\n  className,\n  ...props\n}: FieldDescriptionProps) => (\n  <BaseField.Description\n    className={mergeBaseUIClassName(\n      \"text-left text-sm leading-normal font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary-foreground\",\n      className\n    )}\n    data-slot=\"field-description\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldErrorProps = ComponentProps<typeof BaseField.Error>;\n\nexport const FieldError = ({ className, ...props }: FieldErrorProps) => (\n  <BaseField.Error\n    className={mergeBaseUIClassName(\n      \"text-sm font-normal text-danger-foreground\",\n      className\n    )}\n    data-slot=\"field-error\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldItemProps = ComponentProps<typeof BaseField.Item>;\n\nexport const FieldItem = ({ className, ...props }: FieldItemProps) => (\n  <BaseField.Item\n    className={mergeBaseUIClassName(\n      \"group/field-item flex w-full flex-col gap-0.5 leading-snug\",\n      className\n    )}\n    data-slot=\"field-item\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldLabelProps = ComponentProps<typeof BaseField.Label>;\n\nexport const FieldLabel = ({ className, ...props }: FieldLabelProps) => (\n  <BaseField.Label\n    className={mergeBaseUIClassName(\n      \"group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50\",\n      className\n    )}\n    data-slot=\"field-label\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldRootProps = ComponentProps<typeof BaseField.Root>;\n\nexport const FieldRoot = ({ className, ...props }: FieldRootProps) => (\n  <BaseField.Root\n    className={mergeBaseUIClassName(\n      \"group/field flex w-full flex-col gap-1\",\n      className\n    )}\n    data-slot=\"field\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Field as BaseField } from \"@base-ui/react/field\";\n\nexport type FieldValidityProps = ComponentProps<typeof BaseField.Validity>;\n\nexport const FieldValidity = (props: FieldValidityProps) => (\n  <BaseField.Validity {...props} />\n);\n","import { FieldControl } from \"./field-control\";\nimport { FieldDescription } from \"./field-description\";\nimport { FieldError } from \"./field-error\";\nimport { FieldItem } from \"./field-item\";\nimport { FieldLabel } from \"./field-label\";\nimport { FieldRoot, type FieldRootProps } from \"./field-root\";\nimport { FieldValidity } from \"./field-validity\";\n\nexport type FieldProps = FieldRootProps;\n\nconst Field = ({ ...props }: FieldRootProps) => <FieldRoot {...props} />;\n\nField.Root = FieldRoot;\nField.Label = FieldLabel;\nField.Control = FieldControl;\nField.Description = FieldDescription;\nField.Item = FieldItem;\nField.Error = FieldError;\nField.Validity = FieldValidity;\n\nexport type { FieldControlProps } from \"./field-control\";\nexport type { FieldDescriptionProps } from \"./field-description\";\nexport type { FieldErrorProps } from \"./field-error\";\nexport type { FieldItemProps } from \"./field-item\";\nexport type { FieldLabelProps } from \"./field-label\";\nexport type { FieldRootProps } from \"./field-root\";\nexport type { FieldValidityProps } from \"./field-validity\";\n\nexport {\n  Field,\n  FieldRoot,\n  FieldLabel,\n  FieldControl,\n  FieldDescription,\n  FieldItem,\n  FieldError,\n  FieldValidity,\n};\n"],"mappings":";;;;;;;AAgBA,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAeF,MAAa,gBAAgB,EAC3B,WACA,MAAM,cACN,GAAG,YACoB;CACvB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACA,QAAU;EACT,WAAW,qBACT,qBAAqB,EAAE,MAAM,CAAC,EAC9B,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACnDN,MAAa,oBAAoB,EAC/B,WACA,GAAG,YAEH,oBAACC,QAAU;CACT,WAAW,qBACT,mJACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACbJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU;CACT,WAAW,qBACT,8CACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAACC,QAAU;CACT,WAAW,qBACT,8DACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,cAAc,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAU;CACT,WAAW,qBACT,gHACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,aAAa,EAAE,WAAW,GAAG,YACxC,oBAACC,QAAU;CACT,WAAW,qBACT,0CACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACVJ,MAAa,iBAAiB,UAC5B,oBAACC,QAAU,YAAS,GAAI,QAAS;;;;ACGnC,MAAM,SAAS,EAAE,GAAG,YAA4B,oBAAC,aAAU,GAAI,QAAS;AAExE,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,cAAc;AACpB,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,WAAW"}

package/dist/ui/fieldset.d.ts

@@ -0,0 +1,36 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
+
+//#region src/ui/fieldset/fieldset-legend.d.ts
+type FieldsetLegendProps = ComponentProps<typeof Fieldset$1.Legend>;
+declare const FieldsetLegend: ({
+  className,
+  ...props
+}: FieldsetLegendProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/fieldset/fieldset-root.d.ts
+type FieldsetRootProps = ComponentProps<typeof Fieldset$1.Root>;
+declare const FieldsetRoot: ({
+  className,
+  ...props
+}: FieldsetRootProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/fieldset/fieldset.d.ts
+type FieldsetProps = FieldsetRootProps;
+declare const Fieldset: {
+  ({
+    ...props
+  }: FieldsetRootProps): react_jsx_runtime0.JSX.Element;
+  Root: ({
+    className,
+    ...props
+  }: FieldsetRootProps) => react_jsx_runtime0.JSX.Element;
+  Legend: ({
+    className,
+    ...props
+  }: FieldsetLegendProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Fieldset, FieldsetLegend, type FieldsetLegendProps, FieldsetProps, FieldsetRoot, type FieldsetRootProps };
+//# sourceMappingURL=fieldset.d.ts.map

package/dist/ui/fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.d.ts","names":[],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"mappings":";;;;;KAMY,mBAAA,GAAsB,cAAA,QAAsB,UAAA,CAAa,MAAA;AAAA,cAExD,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAG5B,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCLV,iBAAA,GAAoB,cAAA,QAAsB,UAAA,CAAa,IAAA;AAAA,cAEtD,YAAA;EAAgB,SAAA;EAAA,GAAA;AAAA,GAAyB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCL3D,aAAA,GAAgB,iBAAA;AAAA,cAEtB,QAAA;EAAA;IAAA;KAA0B,iBAAA,GAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/fieldset.js

@@ -0,0 +1,28 @@
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset as Fieldset$1 } from "@base-ui/react/fieldset";
+
+//#region src/ui/fieldset/fieldset-legend.tsx
+const FieldsetLegend = ({ className, ...props }) => /* @__PURE__ */ jsx(Fieldset$1.Legend, {
+	className: mergeBaseUIClassName("mb-1.5 text-base font-medium", className),
+	"data-slot": "fieldset-legend",
+	...props
+});
+
+//#endregion
+//#region src/ui/fieldset/fieldset-root.tsx
+const FieldsetRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Fieldset$1.Root, {
+	className: mergeBaseUIClassName("group/fieldset flex w-full flex-col gap-4", className),
+	"data-slot": "fieldset",
+	...props
+});
+
+//#endregion
+//#region src/ui/fieldset/fieldset.tsx
+const Fieldset = ({ ...props }) => /* @__PURE__ */ jsx(FieldsetRoot, { ...props });
+Fieldset.Root = FieldsetRoot;
+Fieldset.Legend = FieldsetLegend;
+
+//#endregion
+export { Fieldset, FieldsetLegend, FieldsetRoot };
+//# sourceMappingURL=fieldset.js.map

package/dist/ui/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","names":["BaseFieldset","BaseFieldset"],"sources":["../../src/ui/fieldset/fieldset-legend.tsx","../../src/ui/fieldset/fieldset-root.tsx","../../src/ui/fieldset/fieldset.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldsetLegendProps = ComponentProps<typeof BaseFieldset.Legend>;\n\nexport const FieldsetLegend = ({\n  className,\n  ...props\n}: FieldsetLegendProps) => (\n  <BaseFieldset.Legend\n    className={mergeBaseUIClassName(\"mb-1.5 text-base font-medium\", className)}\n    data-slot=\"fieldset-legend\"\n    {...props}\n  />\n);\n","import type { ComponentProps } from \"react\";\n\nimport { Fieldset as BaseFieldset } from \"@base-ui/react/fieldset\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FieldsetRootProps = ComponentProps<typeof BaseFieldset.Root>;\n\nexport const FieldsetRoot = ({ className, ...props }: FieldsetRootProps) => (\n  <BaseFieldset.Root\n    className={mergeBaseUIClassName(\n      \"group/fieldset flex w-full flex-col gap-4\",\n      className\n    )}\n    data-slot=\"fieldset\"\n    {...props}\n  />\n);\n","import { FieldsetLegend } from \"./fieldset-legend\";\nimport { FieldsetRoot, type FieldsetRootProps } from \"./fieldset-root\";\n\nexport type FieldsetProps = FieldsetRootProps;\n\nconst Fieldset = ({ ...props }: FieldsetRootProps) => (\n  <FieldsetRoot {...props} />\n);\n\nFieldset.Root = FieldsetRoot;\nFieldset.Legend = FieldsetLegend;\n\nexport type { FieldsetLegendProps } from \"./fieldset-legend\";\nexport type { FieldsetRootProps } from \"./fieldset-root\";\n\nexport { Fieldset, FieldsetRoot, FieldsetLegend };\n"],"mappings":";;;;;AAQA,MAAa,kBAAkB,EAC7B,WACA,GAAG,YAEH,oBAACA,WAAa;CACZ,WAAW,qBAAqB,gCAAgC,UAAU;CAC1E,aAAU;CACV,GAAI;EACJ;;;;ACRJ,MAAa,gBAAgB,EAAE,WAAW,GAAG,YAC3C,oBAACC,WAAa;CACZ,WAAW,qBACT,6CACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACXJ,MAAM,YAAY,EAAE,GAAG,YACrB,oBAAC,gBAAa,GAAI,QAAS;AAG7B,SAAS,OAAO;AAChB,SAAS,SAAS"}

package/dist/ui/form.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Form as Form$1 } from "@base-ui/react/form";
+
+//#region src/ui/form/form.d.ts
+type FormRootProps<FormValues extends Record<string, unknown> = Record<string, unknown>> = Form$1.Props<FormValues>;
+type FormProps<FormValues extends Record<string, unknown> = Record<string, unknown>> = FormRootProps<FormValues>;
+declare const FormRoot: <FormValues extends Record<string, unknown> = Record<string, unknown>>({
+  className,
+  ...props
+}: FormRootProps<FormValues>) => react_jsx_runtime0.JSX.Element;
+declare const Form: (<FormValues extends Record<string, unknown> = Record<string, unknown>>({
+  className,
+  ...props
+}: FormRootProps<FormValues>) => react_jsx_runtime0.JSX.Element) & {
+  Root: <FormValues extends Record<string, unknown> = Record<string, unknown>>({
+    className,
+    ...props
+  }: FormRootProps<FormValues>) => react_jsx_runtime0.JSX.Element;
+};
+type FormActions = Form$1.Actions;
+type FormState = Form$1.State;
+type FormSubmitEventDetails = Form$1.SubmitEventDetails;
+type FormSubmitEventReason = Form$1.SubmitEventReason;
+type FormValidationMode = Form$1.ValidationMode;
+type FormValues<Values extends Record<string, unknown> = Record<string, unknown>> = Form$1.Values<Values>;
+//#endregion
+export { Form, FormActions, FormProps, FormRoot, FormRootProps, FormState, FormSubmitEventDetails, FormSubmitEventReason, FormValidationMode, FormValues };
+//# sourceMappingURL=form.d.ts.map

package/dist/ui/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","names":[],"sources":["../../src/ui/form/form.tsx"],"mappings":";;;;KAIY,aAAA,oBACS,MAAA,oBAA0B,MAAA,qBAC3C,MAAA,CAAS,KAAA,CAAM,UAAA;AAAA,KAEP,SAAA,oBACS,MAAA,oBAA0B,MAAA,qBAC3C,aAAA,CAAc,UAAA;AAAA,cAEZ,QAAA,sBACe,MAAA,oBAA0B,MAAA;EAC7C,SAAA;EAAA,GAAA;AAAA,GAGC,aAAA,CAAc,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWtB,IAAA,uBAfe,MAAA,oBAAuB,MAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAIzC,aAAA,CAAc,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;4BAJP,MAAA,oBAAuB,MAAA;IAAA,SAAA;IAAA,GAAA;EAAA,GAIzC,aAAA,CAAc,UAAA,MAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,KAehB,WAAA,GAAc,MAAA,CAAS,OAAA;AAAA,KACvB,SAAA,GAAY,MAAA,CAAS,KAAA;AAAA,KACrB,sBAAA,GAAyB,MAAA,CAAS,kBAAA;AAAA,KAClC,qBAAA,GAAwB,MAAA,CAAS,iBAAA;AAAA,KACjC,kBAAA,GAAqB,MAAA,CAAS,cAAA;AAAA,KAC9B,UAAA,gBACK,MAAA,oBAA0B,MAAA,qBACvC,MAAA,CAAS,MAAA,CAAO,MAAA"}

package/dist/ui/form.js

@@ -0,0 +1,15 @@
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { Form as Form$1 } from "@base-ui/react/form";
+
+//#region src/ui/form/form.tsx
+const FormRoot = ({ className, ...props }) => /* @__PURE__ */ jsx(Form$1, {
+	className: mergeBaseUIClassName("flex w-full flex-col gap-6", className),
+	"data-slot": "form",
+	...props
+});
+const Form = Object.assign(FormRoot, { Root: FormRoot });
+
+//#endregion
+export { Form, FormRoot };
+//# sourceMappingURL=form.js.map

package/dist/ui/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["BaseForm"],"sources":["../../src/ui/form/form.tsx"],"sourcesContent":["import { Form as BaseForm } from \"@base-ui/react/form\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\n\nexport type FormRootProps<\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n> = BaseForm.Props<FormValues>;\n\nexport type FormProps<\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n> = FormRootProps<FormValues>;\n\nconst FormRoot = <\n  FormValues extends Record<string, unknown> = Record<string, unknown>,\n>({\n  className,\n  ...props\n}: FormRootProps<FormValues>) => (\n  <BaseForm\n    className={mergeBaseUIClassName<BaseForm.State>(\n      \"flex w-full flex-col gap-6\",\n      className\n    )}\n    data-slot=\"form\"\n    {...props}\n  />\n);\n\nconst Form = Object.assign(FormRoot, {\n  Root: FormRoot,\n});\n\nexport type FormActions = BaseForm.Actions;\nexport type FormState = BaseForm.State;\nexport type FormSubmitEventDetails = BaseForm.SubmitEventDetails;\nexport type FormSubmitEventReason = BaseForm.SubmitEventReason;\nexport type FormValidationMode = BaseForm.ValidationMode;\nexport type FormValues<\n  Values extends Record<string, unknown> = Record<string, unknown>,\n> = BaseForm.Values<Values>;\n\nexport { Form, FormRoot };\n"],"mappings":";;;;;AAYA,MAAM,YAEJ,EACA,WACA,GAAG,YAEH,oBAACA;CACC,WAAW,qBACT,8BACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,MAAM,OAAO,OAAO,OAAO,UAAU,EACnC,MAAM,UACP,CAAC"}