@lglab/compose-ui 0.28.0 → 0.29.0

package/dist/drawer.js

@@ -1,112 +1,121 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Dialog as s } from "@base-ui/react/dialog";
-import { cva as i } from "class-variance-authority";
-import { b as n } from "./button-variants-CbFMPwc8.js";
-import { c as t } from "./utils-B6yFEsav.js";
-const d = (a) => /* @__PURE__ */ e(s.Root, { ...a });
-d.displayName = "DrawerRoot";
-const c = ({ className: a, variant: r, size: o, ...l }) => /* @__PURE__ */ e(
-  s.Trigger,
-  {
-    className: t(n({ variant: r, size: o }), a),
-    ...l
-  }
-);
-c.displayName = "DrawerTrigger";
-const p = (a) => /* @__PURE__ */ e(s.Portal, { ...a });
-p.displayName = "DrawerPortal";
-const m = ({ className: a, ...r }) => /* @__PURE__ */ e(
-  s.Backdrop,
-  {
-    className: t(
-      "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
-      "transition-opacity duration-300",
-      "data-starting-style:opacity-0 data-ending-style:opacity-0",
-      a
-    ),
-    ...r
-  }
-);
-m.displayName = "DrawerBackdrop";
-const u = i(
-  [
-    "fixed z-50 flex flex-col bg-background p-6 shadow-lg",
-    "transition-transform duration-300 ease-out",
-    "scale-[calc(1-0.1*var(--nested-dialogs))]",
-    "data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
-  ],
-  {
-    variants: {
-      side: {
-        top: [
-          "inset-x-0 top-0 border-b border-border",
-          "data-starting-style:-translate-y-full",
-          "data-ending-style:-translate-y-full"
-        ],
-        right: [
-          "inset-y-0 right-0 h-full w-sm max-w-full border-l border-border",
-          "data-starting-style:translate-x-full",
-          "data-ending-style:translate-x-full"
-        ],
-        bottom: [
-          "inset-x-0 bottom-0 border-t border-border",
-          "data-starting-style:translate-y-full",
-          "data-ending-style:translate-y-full"
-        ],
-        left: [
-          "inset-y-0 left-0 h-full w-sm max-w-full border-r border-border",
-          "data-starting-style:-translate-x-full",
-          "data-ending-style:-translate-x-full"
-        ]
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-), g = ({ className: a, side: r, ...o }) => /* @__PURE__ */ e(
-  s.Popup,
-  {
-    className: t(u({ side: r }), a),
-    ...o
-  }
-);
-g.displayName = "DrawerPopup";
-const f = ({ className: a, ...r }) => /* @__PURE__ */ e(
-  s.Title,
-  {
-    className: t("text-lg font-semibold leading-none tracking-tight", a),
-    ...r
-  }
-);
-f.displayName = "DrawerTitle";
-const y = ({ className: a, ...r }) => /* @__PURE__ */ e(s.Description, { className: t("", a), ...r });
-y.displayName = "DrawerDescription";
-const w = ({ className: a, variant: r, size: o, ...l }) => /* @__PURE__ */ e(
-  s.Close,
-  {
-    className: t(n({ variant: r ?? "outline", size: o }), a),
-    ...l
-  }
-);
-w.displayName = "DrawerClose";
-const b = ({ className: a, ...r }) => /* @__PURE__ */ e("div", { className: t("flex flex-col space-y-1.5", a), ...r });
-b.displayName = "DrawerHeader";
-const D = ({ className: a, ...r }) => /* @__PURE__ */ e("div", { className: t("py-5", a), ...r });
-D.displayName = "DrawerContent";
-const N = ({ className: a, ...r }) => /* @__PURE__ */ e("div", { className: t("", a), ...r });
-N.displayName = "DrawerFooter";
-export {
-  m as DrawerBackdrop,
-  w as DrawerClose,
-  D as DrawerContent,
-  y as DrawerDescription,
-  N as DrawerFooter,
-  b as DrawerHeader,
-  g as DrawerPopup,
-  p as DrawerPortal,
-  d as DrawerRoot,
-  f as DrawerTitle,
-  c as DrawerTrigger
+'use client';
+
+import { buttonVariants } from "./lib/button-variants.js";
+import { cn } from "./lib/utils.js";
+import "react";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/components/drawer.tsx
+const DrawerRoot = (props) => {
+	return /* @__PURE__ */ jsx(Dialog.Root, { ...props });
 };
+DrawerRoot.displayName = "DrawerRoot";
+const DrawerTrigger = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Trigger, {
+		className: cn(buttonVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+DrawerTrigger.displayName = "DrawerTrigger";
+const DrawerPortal = (props) => {
+	return /* @__PURE__ */ jsx(Dialog.Portal, { ...props });
+};
+DrawerPortal.displayName = "DrawerPortal";
+const DrawerBackdrop = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Backdrop, {
+		className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-300", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
+		...props
+	});
+};
+DrawerBackdrop.displayName = "DrawerBackdrop";
+const drawerPopupVariants = cva([
+	"fixed z-50 flex flex-col bg-background p-6 shadow-lg",
+	"transition-transform duration-300 ease-out",
+	"scale-[calc(1-0.1*var(--nested-dialogs))]",
+	"data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5"
+], {
+	variants: { side: {
+		top: [
+			"inset-x-0 top-0 border-b border-border",
+			"data-starting-style:-translate-y-full",
+			"data-ending-style:-translate-y-full"
+		],
+		right: [
+			"inset-y-0 right-0 h-full w-sm max-w-full border-l border-border",
+			"data-starting-style:translate-x-full",
+			"data-ending-style:translate-x-full"
+		],
+		bottom: [
+			"inset-x-0 bottom-0 border-t border-border",
+			"data-starting-style:translate-y-full",
+			"data-ending-style:translate-y-full"
+		],
+		left: [
+			"inset-y-0 left-0 h-full w-sm max-w-full border-r border-border",
+			"data-starting-style:-translate-x-full",
+			"data-ending-style:-translate-x-full"
+		]
+	} },
+	defaultVariants: { side: "right" }
+});
+const DrawerPopup = ({ className, side, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Popup, {
+		className: cn(drawerPopupVariants({ side }), className),
+		...props
+	});
+};
+DrawerPopup.displayName = "DrawerPopup";
+const DrawerTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Title, {
+		className: cn("text-lg font-semibold leading-none tracking-tight", className),
+		...props
+	});
+};
+DrawerTitle.displayName = "DrawerTitle";
+const DrawerDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Description, {
+		className: cn("", className),
+		...props
+	});
+};
+DrawerDescription.displayName = "DrawerDescription";
+const DrawerClose = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Dialog.Close, {
+		className: cn(buttonVariants({
+			variant: variant ?? "outline",
+			size
+		}), className),
+		...props
+	});
+};
+DrawerClose.displayName = "DrawerClose";
+const DrawerHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-col space-y-1.5", className),
+		...props
+	});
+};
+DrawerHeader.displayName = "DrawerHeader";
+const DrawerContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("py-5", className),
+		...props
+	});
+};
+DrawerContent.displayName = "DrawerContent";
+const DrawerFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("", className),
+		...props
+	});
+};
+DrawerFooter.displayName = "DrawerFooter";
+
+//#endregion
+export { DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPopup, DrawerPortal, DrawerRoot, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.js.map

package/dist/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["BaseDialog"],"sources":["../src/components/drawer.tsx"],"sourcesContent":["'use client'\n\nimport { Dialog as BaseDialog } from '@base-ui/react/dialog'\nimport { cva } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport {\n  type ButtonSize,\n  type ButtonVariant,\n  buttonVariants,\n} from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// DrawerRoot\n// ============================================================================\n\ntype DrawerRootProps = React.ComponentProps<typeof BaseDialog.Root>\n\nconst DrawerRoot = (props: DrawerRootProps) => {\n  return <BaseDialog.Root {...props} />\n}\n\nDrawerRoot.displayName = 'DrawerRoot'\n\n// ============================================================================\n// DrawerTrigger\n// ============================================================================\n\ntype DrawerTriggerProps = React.ComponentProps<typeof BaseDialog.Trigger> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the trigger button */\n  size?: ButtonSize\n}\n\nconst DrawerTrigger = ({ className, variant, size, ...props }: DrawerTriggerProps) => {\n  return (\n    <BaseDialog.Trigger\n      className={cn(buttonVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nDrawerTrigger.displayName = 'DrawerTrigger'\n\n// ============================================================================\n// DrawerPortal\n// ============================================================================\n\ntype DrawerPortalProps = React.ComponentProps<typeof BaseDialog.Portal>\n\nconst DrawerPortal = (props: DrawerPortalProps) => {\n  return <BaseDialog.Portal {...props} />\n}\n\nDrawerPortal.displayName = 'DrawerPortal'\n\n// ============================================================================\n// DrawerBackdrop\n// ============================================================================\n\ntype DrawerBackdropProps = React.ComponentProps<typeof BaseDialog.Backdrop>\n\nconst DrawerBackdrop = ({ className, ...props }: DrawerBackdropProps) => {\n  return (\n    <BaseDialog.Backdrop\n      className={cn(\n        'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n        'transition-opacity duration-300',\n        'data-starting-style:opacity-0 data-ending-style:opacity-0',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nDrawerBackdrop.displayName = 'DrawerBackdrop'\n\n// ============================================================================\n// DrawerPopup\n// ============================================================================\n\nconst drawerPopupVariants = cva(\n  [\n    'fixed z-50 flex flex-col bg-background p-6 shadow-lg',\n    'transition-transform duration-300 ease-out',\n    'scale-[calc(1-0.1*var(--nested-dialogs))]',\n    'data-[nested-dialog-open]:after:absolute data-[nested-dialog-open]:after:inset-0 data-[nested-dialog-open]:after:rounded-[inherit] data-[nested-dialog-open]:after:bg-black/5',\n  ],\n  {\n    variants: {\n      side: {\n        top: [\n          'inset-x-0 top-0 border-b border-border',\n          'data-starting-style:-translate-y-full',\n          'data-ending-style:-translate-y-full',\n        ],\n        right: [\n          'inset-y-0 right-0 h-full w-sm max-w-full border-l border-border',\n          'data-starting-style:translate-x-full',\n          'data-ending-style:translate-x-full',\n        ],\n        bottom: [\n          'inset-x-0 bottom-0 border-t border-border',\n          'data-starting-style:translate-y-full',\n          'data-ending-style:translate-y-full',\n        ],\n        left: [\n          'inset-y-0 left-0 h-full w-sm max-w-full border-r border-border',\n          'data-starting-style:-translate-x-full',\n          'data-ending-style:-translate-x-full',\n        ],\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  },\n)\n\ntype DrawerPopupProps = React.ComponentProps<typeof BaseDialog.Popup> & {\n  /** Side from which the drawer slides in */\n  side?: 'top' | 'right' | 'bottom' | 'left'\n}\n\nconst DrawerPopup = ({ className, side, ...props }: DrawerPopupProps) => {\n  return (\n    <BaseDialog.Popup\n      className={cn(drawerPopupVariants({ side }), className)}\n      {...props}\n    />\n  )\n}\n\nDrawerPopup.displayName = 'DrawerPopup'\n\n// ============================================================================\n// DrawerTitle\n// ============================================================================\n\ntype DrawerTitleProps = React.ComponentProps<typeof BaseDialog.Title>\n\nconst DrawerTitle = ({ className, ...props }: DrawerTitleProps) => {\n  return (\n    <BaseDialog.Title\n      className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n      {...props}\n    />\n  )\n}\n\nDrawerTitle.displayName = 'DrawerTitle'\n\n// ============================================================================\n// DrawerDescription\n// ============================================================================\n\ntype DrawerDescriptionProps = React.ComponentProps<typeof BaseDialog.Description>\n\nconst DrawerDescription = ({ className, ...props }: DrawerDescriptionProps) => {\n  return <BaseDialog.Description className={cn('', className)} {...props} />\n}\n\nDrawerDescription.displayName = 'DrawerDescription'\n\n// ============================================================================\n// DrawerClose\n// ============================================================================\n\ntype DrawerCloseProps = React.ComponentProps<typeof BaseDialog.Close> & {\n  /** Visual style variant */\n  variant?: ButtonVariant\n  /** Size of the close button */\n  size?: ButtonSize\n}\n\nconst DrawerClose = ({ className, variant, size, ...props }: DrawerCloseProps) => {\n  return (\n    <BaseDialog.Close\n      className={cn(buttonVariants({ variant: variant ?? 'outline', size }), className)}\n      {...props}\n    />\n  )\n}\n\nDrawerClose.displayName = 'DrawerClose'\n\n// ============================================================================\n// DrawerHeader (Utility Component)\n// ============================================================================\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>\n\nconst DrawerHeader = ({ className, ...props }: DrawerHeaderProps) => {\n  return <div className={cn('flex flex-col space-y-1.5', className)} {...props} />\n}\n\nDrawerHeader.displayName = 'DrawerHeader'\n\n// ============================================================================\n// DrawerContent (Utility Component)\n// ============================================================================\n\ntype DrawerContentProps = React.HTMLAttributes<HTMLDivElement>\n\nconst DrawerContent = ({ className, ...props }: DrawerContentProps) => {\n  return <div className={cn('py-5', className)} {...props} />\n}\n\nDrawerContent.displayName = 'DrawerContent'\n\n// ============================================================================\n// DrawerFooter (Utility Component)\n// ============================================================================\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>\n\nconst DrawerFooter = ({ className, ...props }: DrawerFooterProps) => {\n  return <div className={cn('', className)} {...props} />\n}\n\nDrawerFooter.displayName = 'DrawerFooter'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  DrawerRoot,\n  DrawerTrigger,\n  DrawerPortal,\n  DrawerBackdrop,\n  DrawerPopup,\n  DrawerTitle,\n  DrawerDescription,\n  DrawerClose,\n  DrawerHeader,\n  DrawerContent,\n  DrawerFooter,\n}\n\nexport type {\n  DrawerRootProps,\n  DrawerTriggerProps,\n  DrawerPortalProps,\n  DrawerBackdropProps,\n  DrawerPopupProps,\n  DrawerTitleProps,\n  DrawerDescriptionProps,\n  DrawerCloseProps,\n  DrawerHeaderProps,\n  DrawerContentProps,\n  DrawerFooterProps,\n}\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,cAAc,UAA2B;AAC7C,QAAO,oBAACA,OAAW,QAAK,GAAI,QAAS;;AAGvC,WAAW,cAAc;AAazB,MAAM,iBAAiB,EAAE,WAAW,SAAS,MAAM,GAAG,YAAgC;AACpF,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC3D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,gBAAgB,UAA6B;AACjD,QAAO,oBAACA,OAAW,UAAO,GAAI,QAAS;;AAGzC,aAAa,cAAc;AAQ3B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA,OAAW;EACV,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,eAAe,cAAc;AAM7B,MAAM,sBAAsB,IAC1B;CACE;CACA;CACA;CACA;CACD,EACD;CACE,UAAU,EACR,MAAM;EACJ,KAAK;GACH;GACA;GACA;GACD;EACD,OAAO;GACL;GACA;GACA;GACD;EACD,QAAQ;GACN;GACA;GACA;GACD;EACD,MAAM;GACJ;GACA;GACA;GACD;EACF,EACF;CACD,iBAAiB,EACf,MAAM,SACP;CACF,CACF;AAOD,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;AACvE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,oBAAoB,EAAE,MAAM,CAAC,EAAE,UAAU;EACvD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,qDAAqD,UAAU;EAC7E,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAACA,OAAW;EAAY,WAAW,GAAG,IAAI,UAAU;EAAE,GAAI;GAAS;;AAG5E,kBAAkB,cAAc;AAahC,MAAM,eAAe,EAAE,WAAW,SAAS,MAAM,GAAG,YAA8B;AAChF,QACE,oBAACA,OAAW;EACV,WAAW,GAAG,eAAe;GAAE,SAAS,WAAW;GAAW;GAAM,CAAC,EAAE,UAAU;EACjF,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAAC;EAAI,WAAW,GAAG,6BAA6B,UAAU;EAAE,GAAI;GAAS;;AAGlF,aAAa,cAAc;AAQ3B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QAAO,oBAAC;EAAI,WAAW,GAAG,QAAQ,UAAU;EAAE,GAAI;GAAS;;AAG7D,cAAc,cAAc;AAQ5B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAAC;EAAI,WAAW,GAAG,IAAI,UAAU;EAAE,GAAI;GAAS;;AAGzD,aAAa,cAAc"}

package/dist/field.d.ts

@@ -1,54 +1,61 @@
-import { Field } from '@base-ui/react/field';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const FieldControl: {
-    ({ className, ...props }: FieldControlProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldControlProps = React_2.ComponentProps<typeof Field.Control>;
-
-export declare const FieldDescription: {
-    ({ className, ...props }: FieldDescriptionProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldDescriptionProps = React_2.ComponentProps<typeof Field.Description>;
-
-export declare const FieldError: {
-    ({ className, ...props }: FieldErrorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldErrorProps = React_2.ComponentProps<typeof Field.Error>;
-
-export declare const FieldItem: {
-    ({ className, ...props }: FieldItemProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldItemProps = React_2.ComponentProps<typeof Field.Item>;
-
-export declare const FieldLabel: {
-    ({ className, ...props }: FieldLabelProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldLabelProps = React_2.ComponentProps<typeof Field.Label>;
-
-export declare const FieldRoot: {
-    ({ className, ...props }: FieldRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldRootProps = React_2.ComponentProps<typeof Field.Root>;
-
-export declare const FieldValidity: {
-    (props: FieldValidityProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldValidityProps = React_2.ComponentProps<typeof Field.Validity>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime253 from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+
+//#region src/components/field.d.ts
+type FieldRootProps = React.ComponentProps<typeof Field.Root>;
+declare const FieldRoot: {
+  ({
+    className,
+    ...props
+  }: FieldRootProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldLabelProps = React.ComponentProps<typeof Field.Label>;
+declare const FieldLabel: {
+  ({
+    className,
+    ...props
+  }: FieldLabelProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldControlProps = React.ComponentProps<typeof Field.Control>;
+declare const FieldControl: {
+  ({
+    className,
+    ...props
+  }: FieldControlProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldDescriptionProps = React.ComponentProps<typeof Field.Description>;
+declare const FieldDescription: {
+  ({
+    className,
+    ...props
+  }: FieldDescriptionProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldErrorProps = React.ComponentProps<typeof Field.Error>;
+declare const FieldError: {
+  ({
+    className,
+    ...props
+  }: FieldErrorProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldItemProps = React.ComponentProps<typeof Field.Item>;
+declare const FieldItem: {
+  ({
+    className,
+    ...props
+  }: FieldItemProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+type FieldValidityProps = React.ComponentProps<typeof Field.Validity>;
+declare const FieldValidity: {
+  (props: FieldValidityProps): react_jsx_runtime253.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FieldControl, type FieldControlProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldItem, type FieldItemProps, FieldLabel, type FieldLabelProps, FieldRoot, type FieldRootProps, FieldValidity, type FieldValidityProps };
+//# sourceMappingURL=field.d.ts.map

package/dist/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","names":[],"sources":["../src/components/field.tsx"],"sourcesContent":[],"mappings":";;;;;KAmBK,cAAA,GAAiB,KAAA,CAAM,sBAAsB,KAAA,CAAU;cAEtD;;;;KAAsC,iBAAc,oBAAA,CAAA,GAAA,CAAA;EAFrD,WAAA,EAAA,MAAc;CAAA;KAYd,eAAA,GAAkB,KAAA,CAAM,cAZ+B,CAAA,OAYT,KAAA,CAAU,KAZD,CAAA;cActD,UAdsB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,eAdH,CAAA,EAckB,oBAAA,CAAA,GAAA,CAAA,OAdlB;EAEpC,WAAA,EAEL,MAAA;CAAA;KAoBI,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,KAAA,CAAU;cAEzD,YAxBsC,EAAA;;IAAc,SAAA;IAAA,GAAA;EAAA,CAAA,EAwBX,iBAxBW,CAAA,EAwBM,oBAAA,CAAA,GAAA,CAAA,OAxBN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkCrD,qBAAA,GAAwB,KAAA,CAAM,cAxBf,CAAA,OAwBqC,KAAA,CAAU,WAxB/C,CAAA;cA0Bd,gBA1BuD,EAAA;;IAAtC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0BsB,qBA1BtB,CAAA,EA0B2C,oBAAA,CAAA,GAAA,CAAA,OA1B3C;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAoCtC,eAAA,GAAkB,KAAA,CAAM,cAhC5B,CAAA,OAgCkD,KAAA,CAAU,KAhC5D,CAAA;cAkCK;;IApCuC,SAAA;IAAA,GAAA;EAAA,CAAA,EAoCA,eApCA,CAAA,EAoCe,oBAAA,CAAA,GAAA,CAAA,OApCf;aAAe,EAAA,MAAA;CAAA;AAAA,KA8CvD,cAAA,GAAiB,KAAA,CAAM,cApCN,CAAA,OAoC4B,KAAA,CAAU,IApCtC,CAAA;cAsChB,SAtCgB,EAAA;;IAA+B,SAAU;IAAA,GAAA;EAAA,CAAA,EAsCnB,cAtCmB,CAAA,EAsCL,oBAAA,CAAA,GAAA,CAAA,OAtCK;aAAhC,EAAA,MAAA;CAAc;AAAA,KAgDxC,kBAAA,GAAqB,KAAA,CAAM,cA5C/B,CAAA,OA4CqD,KAAA,CAAU,QA5C/D,CAAA;cA8CK,aA9CL,EAAA;UA8C6B,qBAAkB,oBAAA,CAAA,GAAA,CAAA;aAhDD,EAAA,MAAA"}

package/dist/field.js

@@ -1,28 +1,59 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import { Field as i } from "@base-ui/react/field";
-import { i as a, d as r, e as o, f as d, l as m, a as n } from "./form-variants-LJ8gIbk0.js";
-import { c as t } from "./utils-B6yFEsav.js";
-const c = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Root, { className: t(n, e), ...l });
-c.displayName = "FieldRoot";
-const p = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Label, { className: t(m, e), ...l });
-p.displayName = "FieldLabel";
-const y = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Control, { className: t(a, e), ...l });
-y.displayName = "FieldControl";
-const F = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Description, { className: t(r, e), ...l });
-F.displayName = "FieldDescription";
-const N = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Error, { className: t(o, e), ...l });
-N.displayName = "FieldError";
-const u = ({ className: e, ...l }) => /* @__PURE__ */ s(i.Item, { className: t(d, e), ...l });
-u.displayName = "FieldItem";
-const f = (e) => /* @__PURE__ */ s(i.Validity, { ...e });
-f.displayName = "FieldValidity";
-export {
-  y as FieldControl,
-  F as FieldDescription,
-  N as FieldError,
-  u as FieldItem,
-  p as FieldLabel,
-  c as FieldRoot,
-  f as FieldValidity
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { descriptionStyles, errorStyles, fieldItemStyles, fieldRootStyles, inputBaseStyles, labelStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Field } from "@base-ui/react/field";
+
+//#region src/components/field.tsx
+const FieldRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Root, {
+		className: cn(fieldRootStyles, className),
+		...props
+	});
 };
+FieldRoot.displayName = "FieldRoot";
+const FieldLabel = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Label, {
+		className: cn(labelStyles, className),
+		...props
+	});
+};
+FieldLabel.displayName = "FieldLabel";
+const FieldControl = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Control, {
+		className: cn(inputBaseStyles, className),
+		...props
+	});
+};
+FieldControl.displayName = "FieldControl";
+const FieldDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Description, {
+		className: cn(descriptionStyles, className),
+		...props
+	});
+};
+FieldDescription.displayName = "FieldDescription";
+const FieldError = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Error, {
+		className: cn(errorStyles, className),
+		...props
+	});
+};
+FieldError.displayName = "FieldError";
+const FieldItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Field.Item, {
+		className: cn(fieldItemStyles, className),
+		...props
+	});
+};
+FieldItem.displayName = "FieldItem";
+const FieldValidity = (props) => {
+	return /* @__PURE__ */ jsx(Field.Validity, { ...props });
+};
+FieldValidity.displayName = "FieldValidity";
+
+//#endregion
+export { FieldControl, FieldDescription, FieldError, FieldItem, FieldLabel, FieldRoot, FieldValidity };
+//# sourceMappingURL=field.js.map

package/dist/field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.js","names":["BaseField"],"sources":["../src/components/field.tsx"],"sourcesContent":["'use client'\n\nimport { Field as BaseField } from '@base-ui/react/field'\nimport * as React from 'react'\n\nimport {\n  descriptionStyles,\n  errorStyles,\n  fieldItemStyles,\n  fieldRootStyles,\n  inputBaseStyles,\n  labelStyles,\n} from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// FieldRoot\n// ============================================================================\n\ntype FieldRootProps = React.ComponentProps<typeof BaseField.Root>\n\nconst FieldRoot = ({ className, ...props }: FieldRootProps) => {\n  return <BaseField.Root className={cn(fieldRootStyles, className)} {...props} />\n}\n\nFieldRoot.displayName = 'FieldRoot'\n\n// ============================================================================\n// FieldLabel\n// ============================================================================\n\ntype FieldLabelProps = React.ComponentProps<typeof BaseField.Label>\n\nconst FieldLabel = ({ className, ...props }: FieldLabelProps) => {\n  return <BaseField.Label className={cn(labelStyles, className)} {...props} />\n}\n\nFieldLabel.displayName = 'FieldLabel'\n\n// ============================================================================\n// FieldControl\n// ============================================================================\n\ntype FieldControlProps = React.ComponentProps<typeof BaseField.Control>\n\nconst FieldControl = ({ className, ...props }: FieldControlProps) => {\n  return <BaseField.Control className={cn(inputBaseStyles, className)} {...props} />\n}\n\nFieldControl.displayName = 'FieldControl'\n\n// ============================================================================\n// FieldDescription\n// ============================================================================\n\ntype FieldDescriptionProps = React.ComponentProps<typeof BaseField.Description>\n\nconst FieldDescription = ({ className, ...props }: FieldDescriptionProps) => {\n  return <BaseField.Description className={cn(descriptionStyles, className)} {...props} />\n}\n\nFieldDescription.displayName = 'FieldDescription'\n\n// ============================================================================\n// FieldError\n// ============================================================================\n\ntype FieldErrorProps = React.ComponentProps<typeof BaseField.Error>\n\nconst FieldError = ({ className, ...props }: FieldErrorProps) => {\n  return <BaseField.Error className={cn(errorStyles, className)} {...props} />\n}\n\nFieldError.displayName = 'FieldError'\n\n// ============================================================================\n// FieldItem\n// ============================================================================\n\ntype FieldItemProps = React.ComponentProps<typeof BaseField.Item>\n\nconst FieldItem = ({ className, ...props }: FieldItemProps) => {\n  return <BaseField.Item className={cn(fieldItemStyles, className)} {...props} />\n}\n\nFieldItem.displayName = 'FieldItem'\n\n// ============================================================================\n// FieldValidity\n// ============================================================================\n\ntype FieldValidityProps = React.ComponentProps<typeof BaseField.Validity>\n\nconst FieldValidity = (props: FieldValidityProps) => {\n  return <BaseField.Validity {...props} />\n}\n\nFieldValidity.displayName = 'FieldValidity'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  FieldRoot,\n  FieldLabel,\n  FieldControl,\n  FieldDescription,\n  FieldError,\n  FieldItem,\n  FieldValidity,\n}\n\nexport type {\n  FieldRootProps,\n  FieldLabelProps,\n  FieldControlProps,\n  FieldDescriptionProps,\n  FieldErrorProps,\n  FieldItemProps,\n  FieldValidityProps,\n}\n"],"mappings":";;;;;;;;;AAqBA,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QAAO,oBAACA,MAAU;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGjF,UAAU,cAAc;AAQxB,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAACA,MAAU;EAAM,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAG9E,WAAW,cAAc;AAQzB,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,MAAU;EAAQ,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGpF,aAAa,cAAc;AAQ3B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,MAAU;EAAY,WAAW,GAAG,mBAAmB,UAAU;EAAE,GAAI;GAAS;;AAG1F,iBAAiB,cAAc;AAQ/B,MAAM,cAAc,EAAE,WAAW,GAAG,YAA6B;AAC/D,QAAO,oBAACA,MAAU;EAAM,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAG9E,WAAW,cAAc;AAQzB,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QAAO,oBAACA,MAAU;EAAK,WAAW,GAAG,iBAAiB,UAAU;EAAE,GAAI;GAAS;;AAGjF,UAAU,cAAc;AAQxB,MAAM,iBAAiB,UAA8B;AACnD,QAAO,oBAACA,MAAU,YAAS,GAAI,QAAS;;AAG1C,cAAc,cAAc"}

package/dist/fieldset.d.ts

@@ -1,19 +1,24 @@
-import { Fieldset } from '@base-ui/react/fieldset';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const FieldsetLegend: {
-    ({ className, ...props }: FieldsetLegendProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldsetLegendProps = React_2.ComponentProps<typeof Fieldset.Legend>;
-
-export declare const FieldsetRoot: {
-    ({ className, ...props }: FieldsetRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FieldsetRootProps = React_2.ComponentProps<typeof Fieldset.Root>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
+import { Fieldset } from "@base-ui/react/fieldset";
+
+//#region src/components/fieldset.d.ts
+type FieldsetRootProps = React.ComponentProps<typeof Fieldset.Root>;
+declare const FieldsetRoot: {
+  ({
+    className,
+    ...props
+  }: FieldsetRootProps): react_jsx_runtime19.JSX.Element;
+  displayName: string;
+};
+type FieldsetLegendProps = React.ComponentProps<typeof Fieldset.Legend>;
+declare const FieldsetLegend: {
+  ({
+    className,
+    ...props
+  }: FieldsetLegendProps): react_jsx_runtime19.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FieldsetLegend, type FieldsetLegendProps, FieldsetRoot, type FieldsetRootProps };
+//# sourceMappingURL=fieldset.d.ts.map

package/dist/fieldset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.d.ts","names":[],"sources":["../src/components/fieldset.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,mBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAiBjB,mBAAA,GAAsB,KAAA,CAAM,cAjBiC,CAAA,OAiBX,QAAA,CAAa,MAjBF,CAAA;cAmB5D,cAnByB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAmBI,mBAnBJ,CAAA,EAmBuB,mBAAA,CAAA,GAAA,CAAA,OAnBvB;EAEvC,WAAA,EAAA,MAOL;CAAA"}

package/dist/fieldset.js

@@ -1,19 +1,27 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import { Fieldset as o } from "@base-ui/react/fieldset";
-import { l as r } from "./form-variants-LJ8gIbk0.js";
-import { c as l } from "./utils-B6yFEsav.js";
-const a = ({ className: e, ...t }) => /* @__PURE__ */ s(
-  o.Root,
-  {
-    className: l("flex flex-col items-start gap-2", e),
-    ...t
-  }
-);
-a.displayName = "FieldsetRoot";
-const i = ({ className: e, ...t }) => /* @__PURE__ */ s(o.Legend, { className: l(r, e), ...t });
-i.displayName = "FieldsetLegend";
-export {
-  i as FieldsetLegend,
-  a as FieldsetRoot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { labelStyles } from "./lib/form-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Fieldset } from "@base-ui/react/fieldset";
+
+//#region src/components/fieldset.tsx
+const FieldsetRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Fieldset.Root, {
+		className: cn("flex flex-col items-start gap-2", className),
+		...props
+	});
 };
+FieldsetRoot.displayName = "FieldsetRoot";
+const FieldsetLegend = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Fieldset.Legend, {
+		className: cn(labelStyles, className),
+		...props
+	});
+};
+FieldsetLegend.displayName = "FieldsetLegend";
+
+//#endregion
+export { FieldsetLegend, FieldsetRoot };
+//# sourceMappingURL=fieldset.js.map

package/dist/fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldset.js","names":["BaseFieldset"],"sources":["../src/components/fieldset.tsx"],"sourcesContent":["'use client'\n\nimport { Fieldset as BaseFieldset } from '@base-ui/react/fieldset'\nimport * as React from 'react'\n\nimport { labelStyles } from '../lib/form-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// FieldsetRoot\n// ============================================================================\n\ntype FieldsetRootProps = React.ComponentProps<typeof BaseFieldset.Root>\n\nconst FieldsetRoot = ({ className, ...props }: FieldsetRootProps) => {\n  return (\n    <BaseFieldset.Root\n      className={cn('flex flex-col items-start gap-2', className)}\n      {...props}\n    />\n  )\n}\n\nFieldsetRoot.displayName = 'FieldsetRoot'\n\n// ============================================================================\n// FieldsetLegend\n// ============================================================================\n\ntype FieldsetLegendProps = React.ComponentProps<typeof BaseFieldset.Legend>\n\nconst FieldsetLegend = ({ className, ...props }: FieldsetLegendProps) => {\n  return <BaseFieldset.Legend className={cn(labelStyles, className)} {...props} />\n}\n\nFieldsetLegend.displayName = 'FieldsetLegend'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { FieldsetRoot, FieldsetLegend }\n\nexport type { FieldsetRootProps, FieldsetLegendProps }\n"],"mappings":";;;;;;;;;AAcA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,SAAa;EAAO,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAGlF,eAAe,cAAc"}

package/dist/form.d.ts

@@ -1,12 +1,16 @@
-import { Form } from '@base-ui/react/form';
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-
-export declare const FormRoot: {
-    ({ className, ...props }: FormRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type FormRootProps = React_2.ComponentProps<typeof Form>;
-
-export { }
+import * as React from "react";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { Form } from "@base-ui/react/form";
+
+//#region src/components/form.d.ts
+type FormRootProps = React.ComponentProps<typeof Form>;
+declare const FormRoot: {
+  ({
+    className,
+    ...props
+  }: FormRootProps): react_jsx_runtime21.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { FormRoot, type FormRootProps };
+//# sourceMappingURL=form.d.ts.map

package/dist/form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","names":[],"sources":["../src/components/form.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,aAAA,GAAgB,KAAA,CAAM,sBAAsB;cAE3C;;;;KAAqC,gBAAa,mBAAA,CAAA,GAAA,CAAA;EAFnD,WAAA,EAAA,MAAa;CAAA"}

package/dist/form.js

@@ -1,9 +1,19 @@
-"use client";
-import { jsx as m } from "react/jsx-runtime";
-import { Form as t } from "@base-ui/react/form";
-import { c as e } from "./utils-B6yFEsav.js";
-const s = ({ className: o, ...r }) => /* @__PURE__ */ m(t, { className: e("flex flex-col gap-4", o), ...r });
-s.displayName = "FormRoot";
-export {
-  s as FormRoot
+'use client';
+
+import { cn } from "./lib/utils.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Form } from "@base-ui/react/form";
+
+//#region src/components/form.tsx
+const FormRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Form, {
+		className: cn("flex flex-col gap-4", className),
+		...props
+	});
 };
+FormRoot.displayName = "FormRoot";
+
+//#endregion
+export { FormRoot };
+//# sourceMappingURL=form.js.map

package/dist/form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form.js","names":["BaseForm"],"sources":["../src/components/form.tsx"],"sourcesContent":["'use client'\n\nimport { Form as BaseForm } from '@base-ui/react/form'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// FormRoot\n// ============================================================================\n\ntype FormRootProps = React.ComponentProps<typeof BaseForm>\n\nconst FormRoot = ({ className, ...props }: FormRootProps) => {\n  return <BaseForm className={cn('flex flex-col gap-4', className)} {...props} />\n}\n\nFormRoot.displayName = 'FormRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { FormRoot }\n\nexport type { FormRootProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,EAAE,WAAW,GAAG,YAA2B;AAC3D,QAAO,oBAACA;EAAS,WAAW,GAAG,uBAAuB,UAAU;EAAE,GAAI;GAAS;;AAGjF,SAAS,cAAc"}