@web-my-money/primitives 1.0.0

package/dist/dialog/index.js

@@ -0,0 +1,240 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dialog/index.tsx
+var dialog_exports = {};
+__export(dialog_exports, {
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogFooter: () => DialogFooter,
+  DialogHeader: () => DialogHeader,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_dialog = require("@base-ui/react/dialog");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/button/index.tsx
+var import_button = require("@base-ui/react/button");
+var import_class_variance_authority = require("class-variance-authority");
+var import_jsx_runtime = require("react/jsx-runtime");
+var buttonVariants = (0, import_class_variance_authority.cva)(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+        outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
+        icon: "size-8",
+        "icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+        "icon-lg": "size-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_button.Button,
+    {
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+// src/dialog/index.tsx
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Root, { "data-slot": "dialog", ...props });
+}
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Trigger, { "data-slot": "dialog-trigger", ...props });
+}
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Portal, { "data-slot": "dialog-portal", ...props });
+}
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Close, { "data-slot": "dialog-close", ...props });
+}
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Backdrop,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn(
+        "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DialogPortal, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DialogOverlay, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      import_dialog.Dialog.Popup,
+      {
+        "data-slot": "dialog-content",
+        className: cn(
+          "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+            import_dialog.Dialog.Close,
+            {
+              "data-slot": "dialog-close",
+              render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                Button,
+                {
+                  variant: "ghost",
+                  className: "absolute top-2 right-2",
+                  size: "icon-sm"
+                }
+              ),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react.XIcon, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn("flex flex-col gap-2", className),
+      ...props
+    }
+  );
+}
+function DialogFooter({
+  className,
+  showCloseButton = false,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn(
+        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        showCloseButton && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dialog.Dialog.Close, { render: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Button, { variant: "outline" }), children: "Close" })
+      ]
+    }
+  );
+}
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn(
+        "font-heading text-base leading-none font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_dialog.Dialog.Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn(
+        "text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+});

package/dist/dialog/index.mjs

@@ -0,0 +1,27 @@
+"use client";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+} from "../chunk-32LEHNCH.mjs";
+import "../chunk-YPTARV3T.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger
+};

package/dist/dropdown-menu/index.d.mts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Menu } from '@base-ui/react/menu';
+
+declare function DropdownMenu({ ...props }: Menu.Root.Props): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React.JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, side, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "sideOffset" | "side">): React.JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: Menu.Item.Props): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: Menu.CheckboxItem.Props): React.JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: Menu.GroupLabel.Props): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, children, ...props }: Menu.SubmenuTrigger.Props): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: Menu.Popup.Props): React.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/dropdown-menu/index.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Menu } from '@base-ui/react/menu';
+
+declare function DropdownMenu({ ...props }: Menu.Root.Props): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): React.JSX.Element;
+declare function DropdownMenuContent({ className, align, sideOffset, side, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "sideOffset" | "side">): React.JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: Menu.Item.Props): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, ...props }: Menu.CheckboxItem.Props): React.JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: Menu.GroupLabel.Props): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, children, ...props }: Menu.SubmenuTrigger.Props): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: Menu.Popup.Props): React.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/dropdown-menu/index.js

@@ -0,0 +1,189 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/dropdown-menu/index.tsx
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_menu = require("@base-ui/react/menu");
+var import_lucide_react = require("lucide-react");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/dropdown-menu/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+var popupClasses = "z-50 min-w-40 origin-(--transform-origin) rounded-lg bg-popover p-1 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95";
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  side = "bottom",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Positioner,
+    {
+      align,
+      sideOffset,
+      side,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_menu.Menu.Popup,
+        {
+          "data-slot": "dropdown-menu-content",
+          className: cn(popupClasses, className),
+          ...props
+        }
+      )
+    }
+  ) });
+}
+var itemClasses = "relative flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden data-highlighted:bg-muted data-highlighted:text-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:size-4 [&_svg]:shrink-0";
+function DropdownMenuItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      className: cn(itemClasses, className),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_menu.Menu.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      className: cn(itemClasses, "pl-7", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "absolute left-1.5 flex size-4 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Check, { className: "size-3.5" }) }) }),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.GroupLabel,
+    {
+      "data-slot": "dropdown-menu-label",
+      className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.SubmenuRoot, { ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_menu.Menu.SubmenuTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      className: cn(itemClasses, "data-popup-open:bg-muted", className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ChevronRight, { className: "ml-auto size-4" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu.Menu.Positioner, { className: "isolate z-50", side: "inline-end", sideOffset: 4, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_menu.Menu.Popup,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(popupClasses, className),
+      ...props
+    }
+  ) }) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+});

package/dist/dropdown-menu/index.mjs

@@ -0,0 +1,28 @@
+"use client";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+} from "../chunk-7TMIJ7HZ.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};

package/dist/field/index.d.mts

@@ -0,0 +1,24 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as React$1 from 'react';
+import { Field as Field$1 } from '@base-ui/react/field';
+
+/**
+ * Form field primitives — label + control + description + error, token-styled.
+ * Works with native validation OR react-hook-form (pass the RHF error message to
+ * <FieldError>, and register the control as usual).
+ *
+ *   <Field>
+ *     <FieldLabel>Email</FieldLabel>
+ *     <Input {...register("email")} aria-invalid={!!errors.email} />
+ *     <FieldDescription>We'll never share it.</FieldDescription>
+ *     <FieldError>{errors.email?.message}</FieldError>
+ *   </Field>
+ */
+declare const Field: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Root>) => React$1.JSX.Element;
+declare const FieldLabel: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Label>) => React$1.JSX.Element;
+declare const FieldDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Description>) => React$1.JSX.Element;
+declare const FieldError: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Error>) => React$1.JSX.Element;
+/** Base UI's control slot — wire native inputs into field validity when not using <Input>. */
+declare const FieldControl: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.FieldControlProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel };

package/dist/field/index.d.ts

@@ -0,0 +1,24 @@
+import * as _base_ui_react from '@base-ui/react';
+import * as React$1 from 'react';
+import { Field as Field$1 } from '@base-ui/react/field';
+
+/**
+ * Form field primitives — label + control + description + error, token-styled.
+ * Works with native validation OR react-hook-form (pass the RHF error message to
+ * <FieldError>, and register the control as usual).
+ *
+ *   <Field>
+ *     <FieldLabel>Email</FieldLabel>
+ *     <Input {...register("email")} aria-invalid={!!errors.email} />
+ *     <FieldDescription>We'll never share it.</FieldDescription>
+ *     <FieldError>{errors.email?.message}</FieldError>
+ *   </Field>
+ */
+declare const Field: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Root>) => React$1.JSX.Element;
+declare const FieldLabel: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Label>) => React$1.JSX.Element;
+declare const FieldDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Description>) => React$1.JSX.Element;
+declare const FieldError: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Field$1.Error>) => React$1.JSX.Element;
+/** Base UI's control slot — wire native inputs into field validity when not using <Input>. */
+declare const FieldControl: React$1.ForwardRefExoticComponent<Omit<_base_ui_react.FieldControlProps, "ref"> & React$1.RefAttributes<HTMLElement>>;
+
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel };

package/dist/field/index.js

@@ -0,0 +1,88 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/field/index.tsx
+var field_exports = {};
+__export(field_exports, {
+  Field: () => Field,
+  FieldControl: () => FieldControl,
+  FieldDescription: () => FieldDescription,
+  FieldError: () => FieldError,
+  FieldLabel: () => FieldLabel
+});
+module.exports = __toCommonJS(field_exports);
+var import_field = require("@base-ui/react/field");
+
+// src/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+function cn(...inputs) {
+  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+}
+
+// src/field/index.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Field = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_field.Field.Root, { className: cn("flex flex-col gap-1.5", className), ...props });
+var FieldLabel = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_field.Field.Label,
+  {
+    className: cn(
+      "text-sm font-medium text-foreground select-none",
+      "data-[disabled]:opacity-50",
+      className
+    ),
+    ...props
+  }
+);
+var FieldDescription = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_field.Field.Description,
+  {
+    className: cn("text-xs text-muted-foreground", className),
+    ...props
+  }
+);
+var FieldError = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_field.Field.Error,
+  {
+    className: cn("text-xs font-medium text-destructive", className),
+    ...props
+  }
+);
+var FieldControl = import_field.Field.Control;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel
+});

package/dist/field/index.mjs

@@ -0,0 +1,16 @@
+"use client";
+import {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel
+} from "../chunk-6OG237U6.mjs";
+import "../chunk-PJO7WJ4G.mjs";
+export {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel
+};