@gv-tech/ui-web 2.9.1 → 2.12.0

package/dist/dropdown-menu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./jsx-runtime-nZSsnGb7.js"),ae=require("react"),x=require("./index-BtZvtDmp.js"),se=require("./index-_XxjJPRD.js"),de=require("./index-D2HnlO3y.js"),R=require("./index-Ce5TOFAK.js"),d=require("./index-B7n6fy75.js"),D=require("./index-CefEQe_4.js"),v=require("lucide-react"),l=require("./utils-IjLH3w2e.js");function pe(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return o.default=e,Object.freeze(o)}const s=pe(ae);var g="DropdownMenu",[ie]=de.createContextScope(g,[d.createMenuScope]),u=d.createMenuScope(),[ue,b]=ie(g),h=e=>{const{__scopeDropdownMenu:o,children:n,dir:r,open:t,defaultOpen:i,onOpenChange:c,modal:p=!0}=e,m=u(o),M=s.useRef(null),[w,f]=R.useControllableState({prop:t,defaultProp:i??!1,onChange:c,caller:g});return a.jsxRuntimeExports.jsx(ue,{scope:o,triggerId:D.useId(),triggerRef:M,contentId:D.useId(),open:w,onOpenChange:f,onOpenToggle:s.useCallback(()=>f(te=>!te),[f]),modal:p,children:a.jsxRuntimeExports.jsx(d.Root3,{...m,open:w,onOpenChange:f,dir:r,modal:p,children:n})})};h.displayName=g;var j="DropdownMenuTrigger",E=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,disabled:r=!1,...t}=e,i=b(j,n),c=u(n);return a.jsxRuntimeExports.jsx(d.Anchor2,{asChild:!0,...c,children:a.jsxRuntimeExports.jsx(x.Primitive.button,{type:"button",id:i.triggerId,"aria-haspopup":"menu","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":i.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...t,ref:se.composeRefs(o,i.triggerRef),onPointerDown:x.composeEventHandlers(e.onPointerDown,p=>{!r&&p.button===0&&p.ctrlKey===!1&&(i.onOpenToggle(),i.open||p.preventDefault())}),onKeyDown:x.composeEventHandlers(e.onKeyDown,p=>{r||(["Enter"," "].includes(p.key)&&i.onOpenToggle(),p.key==="ArrowDown"&&i.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(p.key)&&p.preventDefault())})})})});E.displayName=j;var ce="DropdownMenuPortal",N=e=>{const{__scopeDropdownMenu:o,...n}=e,r=u(o);return a.jsxRuntimeExports.jsx(d.Portal,{...r,...n})};N.displayName=ce;var y="DropdownMenuContent",_=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=b(y,n),i=u(n),c=s.useRef(!1);return a.jsxRuntimeExports.jsx(d.Content2,{id:t.contentId,"aria-labelledby":t.triggerId,...i,...r,ref:o,onCloseAutoFocus:x.composeEventHandlers(e.onCloseAutoFocus,p=>{c.current||t.triggerRef.current?.focus(),c.current=!1,p.preventDefault()}),onInteractOutside:x.composeEventHandlers(e.onInteractOutside,p=>{const m=p.detail.originalEvent,M=m.button===0&&m.ctrlKey===!0,w=m.button===2||M;(!t.modal||w)&&(c.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});_.displayName=y;var le="DropdownMenuGroup",S=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.Group,{...t,...r,ref:o})});S.displayName=le;var me="DropdownMenuLabel",I=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.Label,{...t,...r,ref:o})});I.displayName=me;var xe="DropdownMenuItem",C=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.Item2,{...t,...r,ref:o})});C.displayName=xe;var we="DropdownMenuCheckboxItem",P=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.CheckboxItem,{...t,...r,ref:o})});P.displayName=we;var fe="DropdownMenuRadioGroup",O=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.RadioGroup,{...t,...r,ref:o})});O.displayName=fe;var ge="DropdownMenuRadioItem",A=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.RadioItem,{...t,...r,ref:o})});A.displayName=ge;var Me="DropdownMenuItemIndicator",T=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.ItemIndicator,{...t,...r,ref:o})});T.displayName=Me;var ve="DropdownMenuSeparator",G=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.Separator,{...t,...r,ref:o})});G.displayName=ve;var De="DropdownMenuArrow",Re=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.Arrow2,{...t,...r,ref:o})});Re.displayName=De;var be=e=>{const{__scopeDropdownMenu:o,children:n,open:r,onOpenChange:t,defaultOpen:i}=e,c=u(o),[p,m]=R.useControllableState({prop:r,defaultProp:i??!1,onChange:t,caller:"DropdownMenuSub"});return a.jsxRuntimeExports.jsx(d.Sub,{...c,open:p,onOpenChange:m,children:n})},he="DropdownMenuSubTrigger",$=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.SubTrigger,{...t,...r,ref:o})});$.displayName=he;var je="DropdownMenuSubContent",k=s.forwardRef((e,o)=>{const{__scopeDropdownMenu:n,...r}=e,t=u(n);return a.jsxRuntimeExports.jsx(d.SubContent,{...t,...r,ref:o,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})});k.displayName=je;var Ee=h,Ne=E,q=N,L=_,ye=S,z=I,H=C,K=P,_e=O,U=A,B=T,F=G,Se=be,W=$,X=k;const Ie=Ee,Ce=Ne,Pe=ye,Oe=q,Ae=Se,Te=_e,J=s.forwardRef(({className:e,inset:o,children:n,...r},t)=>a.jsxRuntimeExports.jsxs(W,{ref:t,className:l.cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",o&&"pl-8",e),...r,children:[n,a.jsxRuntimeExports.jsx(v.ChevronRight,{className:"ml-auto"})]}));J.displayName=W.displayName;const Q=s.forwardRef(({className:e,...o},n)=>a.jsxRuntimeExports.jsx(X,{ref:n,className:l.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",e),...o}));Q.displayName=X.displayName;const V=s.forwardRef(({className:e,sideOffset:o=4,...n},r)=>a.jsxRuntimeExports.jsx(q,{children:a.jsxRuntimeExports.jsx(L,{ref:r,sideOffset:o,className:l.cn("bg-popover text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",e),...n})}));V.displayName=L.displayName;const Y=s.forwardRef(({className:e,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(H,{ref:r,className:l.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",o&&"pl-8",e),...n}));Y.displayName=H.displayName;const Z=s.forwardRef(({className:e,children:o,checked:n,...r},t)=>a.jsxRuntimeExports.jsxs(K,{ref:t,className:l.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:n,...r,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsxRuntimeExports.jsx(B,{children:a.jsxRuntimeExports.jsx(v.Check,{className:"h-4 w-4"})})}),o]}));Z.displayName=K.displayName;const ee=s.forwardRef(({className:e,children:o,...n},r)=>a.jsxRuntimeExports.jsxs(U,{ref:r,className:l.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...n,children:[a.jsxRuntimeExports.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsxRuntimeExports.jsx(B,{children:a.jsxRuntimeExports.jsx(v.Circle,{className:"h-2 w-2 fill-current"})})}),o]}));ee.displayName=U.displayName;const oe=s.forwardRef(({className:e,inset:o,...n},r)=>a.jsxRuntimeExports.jsx(z,{ref:r,className:l.cn("px-2 py-1.5 text-sm font-semibold",o&&"pl-8",e),...n}));oe.displayName=z.displayName;const ne=s.forwardRef(({className:e,...o},n)=>a.jsxRuntimeExports.jsx(F,{ref:n,className:l.cn("bg-muted -mx-1 my-1 h-px",e),...o}));ne.displayName=F.displayName;const re=({className:e,...o})=>a.jsxRuntimeExports.jsx("span",{className:l.cn("ml-auto text-xs tracking-widest opacity-60",e),...o});re.displayName="DropdownMenuShortcut";exports.DropdownMenu=Ie;exports.DropdownMenuCheckboxItem=Z;exports.DropdownMenuContent=V;exports.DropdownMenuGroup=Pe;exports.DropdownMenuItem=Y;exports.DropdownMenuLabel=oe;exports.DropdownMenuPortal=Oe;exports.DropdownMenuRadioGroup=Te;exports.DropdownMenuRadioItem=ee;exports.DropdownMenuSeparator=ne;exports.DropdownMenuShortcut=re;exports.DropdownMenuSub=Ae;exports.DropdownMenuSubContent=Q;exports.DropdownMenuSubTrigger=J;exports.DropdownMenuTrigger=Ce;

package/dist/dropdown-menu.d.ts

@@ -0,0 +1,80 @@
+import { DropdownMenuCheckboxItemBaseProps as DropdownMenuCheckboxItemProps } from '../../ui-core/src';
+import { DropdownMenuContentBaseProps as DropdownMenuContentProps } from '../../ui-core/src';
+import { DropdownMenuGroupBaseProps as DropdownMenuGroupProps } from '../../ui-core/src';
+import { DropdownMenuItemBaseProps as DropdownMenuItemProps } from '../../ui-core/src';
+import { DropdownMenuLabelBaseProps as DropdownMenuLabelProps } from '../../ui-core/src';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+import { DropdownMenuBaseProps as DropdownMenuProps } from '../../ui-core/src';
+import { DropdownMenuRadioGroupBaseProps as DropdownMenuRadioGroupProps } from '../../ui-core/src';
+import { DropdownMenuRadioItemBaseProps as DropdownMenuRadioItemProps } from '../../ui-core/src';
+import { DropdownMenuSeparatorBaseProps as DropdownMenuSeparatorProps } from '../../ui-core/src';
+import { DropdownMenuShortcutBaseProps as DropdownMenuShortcutProps } from '../../ui-core/src';
+import { DropdownMenuSubContentBaseProps as DropdownMenuSubContentProps } from '../../ui-core/src';
+import { DropdownMenuSubBaseProps as DropdownMenuSubProps } from '../../ui-core/src';
+import { DropdownMenuSubTriggerBaseProps as DropdownMenuSubTriggerProps } from '../../ui-core/src';
+import { DropdownMenuTriggerBaseProps as DropdownMenuTriggerProps } from '../../ui-core/src';
+import { JSX } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+
+export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuCheckboxItemProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuCheckboxItemProps }
+
+export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuContentProps }
+
+export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuGroupProps }
+
+export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuItemProps }
+
+export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuLabelProps }
+
+export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+
+export { DropdownMenuProps }
+
+export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuRadioGroupProps }
+
+export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuRadioItemProps }
+
+export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuSeparatorProps }
+
+export declare const DropdownMenuShortcut: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement> & DropdownMenuShortcutProps): JSX.Element;
+    displayName: string;
+};
+
+export { DropdownMenuShortcutProps }
+
+export declare const DropdownMenuSub: React_2.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+
+export declare const DropdownMenuSubContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuSubContentProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuSubContentProps }
+
+export { DropdownMenuSubProps }
+
+export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { DropdownMenuSubTriggerProps }
+
+export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export { DropdownMenuTriggerProps }
+
+export { }

package/dist/dropdown-menu.es.js

@@ -0,0 +1,316 @@
+import { j as t } from "./jsx-runtime-tc70JA_2.mjs";
+import * as s from "react";
+import { c as w, P as J } from "./index-K9FzbxYw.mjs";
+import { c as Q } from "./index-DLcqcWxM.mjs";
+import { c as V } from "./index-IZ2gq03c.mjs";
+import { u as M } from "./index-p6xVFRb4.mjs";
+import { S as Y, a as Z, P as ee, C as oe, I as re, b as ne, c as ae, R as te, L as se, d as de, e as h, f as pe, G as ie, g as ce, h as ue, A as le, i as me } from "./index-CVx1AgNG.mjs";
+import { u as v } from "./index-DnFcfnA9.mjs";
+import { ChevronRight as fe, Check as we, Circle as ge } from "lucide-react";
+import { c as u } from "./utils-B6yFEsav.mjs";
+var g = "DropdownMenu", [xe] = V(
+  g,
+  [h]
+), i = h(), [ve, D] = xe(g), b = (e) => {
+  const {
+    __scopeDropdownMenu: o,
+    children: r,
+    dir: n,
+    open: a,
+    defaultOpen: p,
+    onOpenChange: c,
+    modal: d = !0
+  } = e, l = i(o), x = s.useRef(null), [m, f] = M({
+    prop: a,
+    defaultProp: p ?? !1,
+    onChange: c,
+    caller: g
+  });
+  return /* @__PURE__ */ t.jsx(
+    ve,
+    {
+      scope: o,
+      triggerId: v(),
+      triggerRef: x,
+      contentId: v(),
+      open: m,
+      onOpenChange: f,
+      onOpenToggle: s.useCallback(() => f((q) => !q), [f]),
+      modal: d,
+      children: /* @__PURE__ */ t.jsx(pe, { ...l, open: m, onOpenChange: f, dir: n, modal: d, children: r })
+    }
+  );
+};
+b.displayName = g;
+var N = "DropdownMenuTrigger", R = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, disabled: n = !1, ...a } = e, p = D(N, r), c = i(r);
+    return /* @__PURE__ */ t.jsx(le, { asChild: !0, ...c, children: /* @__PURE__ */ t.jsx(
+      J.button,
+      {
+        type: "button",
+        id: p.triggerId,
+        "aria-haspopup": "menu",
+        "aria-expanded": p.open,
+        "aria-controls": p.open ? p.contentId : void 0,
+        "data-state": p.open ? "open" : "closed",
+        "data-disabled": n ? "" : void 0,
+        disabled: n,
+        ...a,
+        ref: Q(o, p.triggerRef),
+        onPointerDown: w(e.onPointerDown, (d) => {
+          !n && d.button === 0 && d.ctrlKey === !1 && (p.onOpenToggle(), p.open || d.preventDefault());
+        }),
+        onKeyDown: w(e.onKeyDown, (d) => {
+          n || (["Enter", " "].includes(d.key) && p.onOpenToggle(), d.key === "ArrowDown" && p.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(d.key) && d.preventDefault());
+        })
+      }
+    ) });
+  }
+);
+R.displayName = N;
+var Me = "DropdownMenuPortal", y = (e) => {
+  const { __scopeDropdownMenu: o, ...r } = e, n = i(o);
+  return /* @__PURE__ */ t.jsx(ee, { ...n, ...r });
+};
+y.displayName = Me;
+var _ = "DropdownMenuContent", I = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...n } = e, a = D(_, r), p = i(r), c = s.useRef(!1);
+    return /* @__PURE__ */ t.jsx(
+      oe,
+      {
+        id: a.contentId,
+        "aria-labelledby": a.triggerId,
+        ...p,
+        ...n,
+        ref: o,
+        onCloseAutoFocus: w(e.onCloseAutoFocus, (d) => {
+          c.current || a.triggerRef.current?.focus(), c.current = !1, d.preventDefault();
+        }),
+        onInteractOutside: w(e.onInteractOutside, (d) => {
+          const l = d.detail.originalEvent, x = l.button === 0 && l.ctrlKey === !0, m = l.button === 2 || x;
+          (!a.modal || m) && (c.current = !0);
+        }),
+        style: {
+          ...e.style,
+          "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+          "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+          "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+          "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+          "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+        }
+      }
+    );
+  }
+);
+I.displayName = _;
+var he = "DropdownMenuGroup", S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+    return /* @__PURE__ */ t.jsx(ie, { ...a, ...n, ref: o });
+  }
+);
+S.displayName = he;
+var De = "DropdownMenuLabel", C = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+    return /* @__PURE__ */ t.jsx(se, { ...a, ...n, ref: o });
+  }
+);
+C.displayName = De;
+var be = "DropdownMenuItem", j = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+    return /* @__PURE__ */ t.jsx(re, { ...a, ...n, ref: o });
+  }
+);
+j.displayName = be;
+var Ne = "DropdownMenuCheckboxItem", P = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(ne, { ...a, ...n, ref: o });
+});
+P.displayName = Ne;
+var Re = "DropdownMenuRadioGroup", A = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(ce, { ...a, ...n, ref: o });
+});
+A.displayName = Re;
+var ye = "DropdownMenuRadioItem", E = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(te, { ...a, ...n, ref: o });
+});
+E.displayName = ye;
+var _e = "DropdownMenuItemIndicator", O = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(ae, { ...a, ...n, ref: o });
+});
+O.displayName = _e;
+var Ie = "DropdownMenuSeparator", T = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(de, { ...a, ...n, ref: o });
+});
+T.displayName = Ie;
+var Se = "DropdownMenuArrow", Ce = s.forwardRef(
+  (e, o) => {
+    const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+    return /* @__PURE__ */ t.jsx(me, { ...a, ...n, ref: o });
+  }
+);
+Ce.displayName = Se;
+var je = (e) => {
+  const { __scopeDropdownMenu: o, children: r, open: n, onOpenChange: a, defaultOpen: p } = e, c = i(o), [d, l] = M({
+    prop: n,
+    defaultProp: p ?? !1,
+    onChange: a,
+    caller: "DropdownMenuSub"
+  });
+  return /* @__PURE__ */ t.jsx(ue, { ...c, open: d, onOpenChange: l, children: r });
+}, Pe = "DropdownMenuSubTrigger", G = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(Y, { ...a, ...n, ref: o });
+});
+G.displayName = Pe;
+var Ae = "DropdownMenuSubContent", k = s.forwardRef((e, o) => {
+  const { __scopeDropdownMenu: r, ...n } = e, a = i(r);
+  return /* @__PURE__ */ t.jsx(
+    Z,
+    {
+      ...a,
+      ...n,
+      ref: o,
+      style: {
+        ...e.style,
+        "--radix-dropdown-menu-content-transform-origin": "var(--radix-popper-transform-origin)",
+        "--radix-dropdown-menu-content-available-width": "var(--radix-popper-available-width)",
+        "--radix-dropdown-menu-content-available-height": "var(--radix-popper-available-height)",
+        "--radix-dropdown-menu-trigger-width": "var(--radix-popper-anchor-width)",
+        "--radix-dropdown-menu-trigger-height": "var(--radix-popper-anchor-height)"
+      }
+    }
+  );
+});
+k.displayName = Ae;
+var Ee = b, Oe = R, $ = y, L = I, Te = S, z = C, K = j, U = P, Ge = A, B = E, F = O, H = T, ke = je, W = G, X = k;
+const ro = Ee, no = Oe, ao = Te, to = $, so = ke, po = Ge, $e = s.forwardRef(({ className: e, inset: o, children: r, ...n }, a) => /* @__PURE__ */ t.jsxs(
+  W,
+  {
+    ref: a,
+    className: u(
+      "focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+      o && "pl-8",
+      e
+    ),
+    ...n,
+    children: [
+      r,
+      /* @__PURE__ */ t.jsx(fe, { className: "ml-auto" })
+    ]
+  }
+));
+$e.displayName = W.displayName;
+const Le = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ t.jsx(
+  X,
+  {
+    ref: r,
+    className: u(
+      "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-dropdown-menu-content-transform-origin] overflow-hidden rounded-md border p-1 shadow-lg",
+      e
+    ),
+    ...o
+  }
+));
+Le.displayName = X.displayName;
+const ze = s.forwardRef(({ className: e, sideOffset: o = 4, ...r }, n) => /* @__PURE__ */ t.jsx($, { children: /* @__PURE__ */ t.jsx(
+  L,
+  {
+    ref: n,
+    sideOffset: o,
+    className: u(
+      "bg-popover text-popover-foreground z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-dropdown-menu-content-transform-origin]",
+      e
+    ),
+    ...r
+  }
+) }));
+ze.displayName = L.displayName;
+const Ke = s.forwardRef(({ className: e, inset: o, ...r }, n) => /* @__PURE__ */ t.jsx(
+  K,
+  {
+    ref: n,
+    className: u(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0",
+      o && "pl-8",
+      e
+    ),
+    ...r
+  }
+));
+Ke.displayName = K.displayName;
+const Ue = s.forwardRef(({ className: e, children: o, checked: r, ...n }, a) => /* @__PURE__ */ t.jsxs(
+  U,
+  {
+    ref: a,
+    className: u(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: r,
+    ...n,
+    children: [
+      /* @__PURE__ */ t.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(we, { className: "h-4 w-4" }) }) }),
+      o
+    ]
+  }
+));
+Ue.displayName = U.displayName;
+const Be = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ t.jsxs(
+  B,
+  {
+    ref: n,
+    className: u(
+      "focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...r,
+    children: [
+      /* @__PURE__ */ t.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ t.jsx(F, { children: /* @__PURE__ */ t.jsx(ge, { className: "h-2 w-2 fill-current" }) }) }),
+      o
+    ]
+  }
+));
+Be.displayName = B.displayName;
+const Fe = s.forwardRef(({ className: e, inset: o, ...r }, n) => /* @__PURE__ */ t.jsx(
+  z,
+  {
+    ref: n,
+    className: u("px-2 py-1.5 text-sm font-semibold", o && "pl-8", e),
+    ...r
+  }
+));
+Fe.displayName = z.displayName;
+const He = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ t.jsx(H, { ref: r, className: u("bg-muted -mx-1 my-1 h-px", e), ...o }));
+He.displayName = H.displayName;
+const We = ({
+  className: e,
+  ...o
+}) => /* @__PURE__ */ t.jsx("span", { className: u("ml-auto text-xs tracking-widest opacity-60", e), ...o });
+We.displayName = "DropdownMenuShortcut";
+export {
+  ro as DropdownMenu,
+  Ue as DropdownMenuCheckboxItem,
+  ze as DropdownMenuContent,
+  ao as DropdownMenuGroup,
+  Ke as DropdownMenuItem,
+  Fe as DropdownMenuLabel,
+  to as DropdownMenuPortal,
+  po as DropdownMenuRadioGroup,
+  Be as DropdownMenuRadioItem,
+  He as DropdownMenuSeparator,
+  We as DropdownMenuShortcut,
+  so as DropdownMenuSub,
+  Le as DropdownMenuSubContent,
+  $e as DropdownMenuSubTrigger,
+  no as DropdownMenuTrigger
+};

package/dist/form.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./jsx-runtime-nZSsnGb7.js"),ne=require("./index-Cj5hzyBi.js"),u=require("react"),ue=require("./label.cjs.js"),A=require("./utils-IjLH3w2e.js");function ae(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const p=ae(u);var ie=e=>e.type==="checkbox",S=e=>e instanceof Date,D=e=>e==null;const G=e=>typeof e=="object";var O=e=>!D(e)&&!Array.isArray(e)&&G(e)&&!S(e),le=e=>O(e)&&e.target?ie(e.target)?e.target.checked:e.target.value:e,ce=e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e,fe=(e,o)=>e.has(ce(o)),de=e=>{const o=e.constructor&&e.constructor.prototype;return O(o)&&o.hasOwnProperty("isPrototypeOf")},me=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function z(e){if(e instanceof Date)return new Date(e);const o=typeof FileList<"u"&&e instanceof FileList;if(me&&(e instanceof Blob||o))return e;const t=Array.isArray(e);if(!t&&!(O(e)&&de(e)))return e;const s=t?[]:Object.create(Object.getPrototypeOf(e));for(const r in e)Object.prototype.hasOwnProperty.call(e,r)&&(s[r]=z(e[r]));return s}var K=e=>/^\w*$/.test(e),j=e=>e===void 0,ye=e=>Array.isArray(e)?e.filter(Boolean):[],J=e=>ye(e.replace(/["|']|\]/g,"").split(/\.|\[/)),y=(e,o,t)=>{if(!o||!O(e))return t;const s=(K(o)?[o]:J(o)).reduce((r,n)=>D(r)?r:r[n],e);return j(s)||s===e?j(e[o])?t:e[o]:s},M=e=>typeof e=="boolean",N=e=>typeof e=="function",U=(e,o,t)=>{let s=-1;const r=K(o)?[o]:J(o),n=r.length,a=n-1;for(;++s<n;){const l=r[s];let c=t;if(s!==a){const f=e[l];c=O(f)||Array.isArray(f)?f:isNaN(+r[s+1])?{}:[]}if(l==="__proto__"||l==="constructor"||l==="prototype")return;e[l]=c,e=e[l]}};const $={BLUR:"blur",CHANGE:"change"},H={all:"all"},L=u.createContext(null);L.displayName="HookFormControlContext";const T=()=>u.useContext(L);var ge=(e,o,t,s=!0)=>{const r={defaultValues:o._defaultValues};for(const n in e)Object.defineProperty(r,n,{get:()=>{const a=n;return o._proxyFormState[a]!==H.all&&(o._proxyFormState[a]=!s||H.all),t&&(t[a]=!0),e[a]}});return r};const Q=typeof window<"u"?u.useLayoutEffect:u.useEffect;function pe(e){const o=T(),{control:t=o,disabled:s,name:r,exact:n}=e||{},[a,l]=u.useState(t._formState),c=u.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return Q(()=>t._subscribe({name:r,formState:c.current,exact:n,callback:f=>{!s&&l({...t._formState,...f})}}),[r,s,n]),u.useEffect(()=>{c.current.isValid&&t._setValid(!0)},[t]),u.useMemo(()=>ge(a,t,c.current,!1),[a,t])}var Fe=e=>typeof e=="string",q=(e,o,t,s,r)=>Fe(e)?y(t,e,r):Array.isArray(e)?e.map(n=>y(t,n)):t,W=e=>D(e)||!G(e);function k(e,o,t=new WeakSet){if(W(e)||W(o))return Object.is(e,o);if(S(e)&&S(o))return Object.is(e.getTime(),o.getTime());const s=Object.keys(e),r=Object.keys(o);if(s.length!==r.length)return!1;if(t.has(e)||t.has(o))return!0;t.add(e),t.add(o);for(const n of s){const a=e[n];if(!r.includes(n))return!1;if(n!=="ref"){const l=o[n];if(S(a)&&S(l)||O(a)&&O(l)||Array.isArray(a)&&Array.isArray(l)?!k(a,l,t):!Object.is(a,l))return!1}}return!0}function xe(e){const o=T(),{control:t=o,name:s,defaultValue:r,disabled:n,exact:a,compute:l}=e||{},c=u.useRef(r),f=u.useRef(l),F=u.useRef(void 0),d=u.useRef(t),g=u.useRef(s);f.current=l;const[h,x]=u.useState(()=>{const i=t._getWatch(s,c.current);return f.current?f.current(i):i}),C=u.useCallback(i=>{const m=q(s,t._names,i||t._formValues,!1,c.current);return f.current?f.current(m):m},[t._formValues,t._names,s]),b=u.useCallback(i=>{if(!n){const m=q(s,t._names,i||t._formValues,!1,c.current);if(f.current){const v=f.current(m);k(v,F.current)||(x(v),F.current=v)}else x(m)}},[t._formValues,t._names,n,s]);Q(()=>((d.current!==t||!k(g.current,s))&&(d.current=t,g.current=s,b()),t._subscribe({name:s,formState:{values:!0},exact:a,callback:i=>{b(i.values)}})),[t,a,s,b]),u.useEffect(()=>t._removeUnmounted());const _=d.current!==t,R=g.current,E=u.useMemo(()=>{if(n)return null;const i=!_&&!k(R,s);return _||i?C():null},[n,_,s,R,C]);return E!==null?E:h}function be(e){const o=T(),{name:t,disabled:s,control:r=o,shouldUnregister:n,defaultValue:a,exact:l=!0}=e,c=fe(r._names.array,t),f=u.useMemo(()=>y(r._formValues,t,y(r._defaultValues,t,a)),[r,t,a]),F=xe({control:r,name:t,defaultValue:f,exact:l}),d=pe({control:r,name:t,exact:l}),g=u.useRef(e),h=u.useRef(void 0),x=u.useRef(r.register(t,{...e.rules,value:F,...M(e.disabled)?{disabled:e.disabled}:{}}));g.current=e;const C=u.useMemo(()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(d.errors,t)},isDirty:{enumerable:!0,get:()=>!!y(d.dirtyFields,t)},isTouched:{enumerable:!0,get:()=>!!y(d.touchedFields,t)},isValidating:{enumerable:!0,get:()=>!!y(d.validatingFields,t)},error:{enumerable:!0,get:()=>y(d.errors,t)}}),[d,t]),b=u.useCallback(i=>x.current.onChange({target:{value:le(i),name:t},type:$.CHANGE}),[t]),_=u.useCallback(()=>x.current.onBlur({target:{value:y(r._formValues,t),name:t},type:$.BLUR}),[t,r._formValues]),R=u.useCallback(i=>{const m=y(r._fields,t);m&&m._f&&i&&(m._f.ref={focus:()=>N(i.focus)&&i.focus(),select:()=>N(i.select)&&i.select(),setCustomValidity:v=>N(i.setCustomValidity)&&i.setCustomValidity(v),reportValidity:()=>N(i.reportValidity)&&i.reportValidity()})},[r._fields,t]),E=u.useMemo(()=>({name:t,value:F,...M(s)||d.disabled?{disabled:d.disabled||s}:{},onChange:b,onBlur:_,ref:R}),[t,s,d.disabled,b,_,R,F]);return u.useEffect(()=>{const i=r._options.shouldUnregister||n,m=h.current;m&&m!==t&&!c&&r.unregister(m),r.register(t,{...g.current.rules,...M(g.current.disabled)?{disabled:g.current.disabled}:{}});const v=(w,oe)=>{const P=y(r._fields,w);P&&P._f&&(P._f.mount=oe)};if(v(t,!0),i){const w=z(y(r._options.defaultValues,t,g.current.defaultValue));U(r._defaultValues,t,w),j(y(r._formValues,t))&&U(r._formValues,t,w)}return!c&&r.register(t),h.current=t,()=>{(c?i&&!r._state.action:i)?r.unregister(t):v(t,!1)}},[t,r,c,n]),u.useEffect(()=>{r._setDisabledField({disabled:s,name:t})},[s,t,r]),u.useMemo(()=>({field:E,formState:d,fieldState:C}),[E,d,C])}const _e=e=>e.render(be(e)),B=u.createContext(null);B.displayName="HookFormContext";const Ce=()=>u.useContext(B),ve=e=>{const{children:o,watch:t,getValues:s,getFieldState:r,setError:n,clearErrors:a,setValue:l,trigger:c,formState:f,resetField:F,reset:d,handleSubmit:g,unregister:h,control:x,register:C,setFocus:b,subscribe:_}=e;return u.createElement(B.Provider,{value:u.useMemo(()=>({watch:t,getValues:s,getFieldState:r,setError:n,clearErrors:a,setValue:l,trigger:c,formState:f,resetField:F,reset:d,handleSubmit:g,unregister:h,control:x,register:C,setFocus:b,subscribe:_}),[a,x,f,r,s,g,C,d,F,n,b,l,_,c,h,t])},u.createElement(L.Provider,{value:x},o))},Ve=ve,X=p.createContext(null),he=({...e})=>V.jsxRuntimeExports.jsx(X.Provider,{value:{name:e.name},children:V.jsxRuntimeExports.jsx(_e,{...e})}),I=()=>{const e=p.useContext(X),o=p.useContext(Y),{getFieldState:t,formState:s}=Ce();if(!e)throw new Error("useFormField should be used within <FormField>");if(!o)throw new Error("useFormField should be used within <FormItem>");const r=t(e.name,s),{id:n}=o;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...r}},Y=p.createContext(null),Z=p.forwardRef(({className:e,...o},t)=>{const s=p.useId();return V.jsxRuntimeExports.jsx(Y.Provider,{value:{id:s},children:V.jsxRuntimeExports.jsx("div",{ref:t,className:A.cn("space-y-2",e),...o})})});Z.displayName="FormItem";const ee=p.forwardRef(({className:e,...o},t)=>{const{error:s,formItemId:r}=I();return V.jsxRuntimeExports.jsx(ue.Label,{ref:t,className:A.cn(s&&"text-destructive",e),htmlFor:r,...o})});ee.displayName="FormLabel";const te=p.forwardRef(({...e},o)=>{const{error:t,formItemId:s,formDescriptionId:r,formMessageId:n}=I();return V.jsxRuntimeExports.jsx(ne.Slot,{ref:o,id:s,"aria-describedby":t?`${r} ${n}`:`${r}`,"aria-invalid":!!t,...e})});te.displayName="FormControl";const re=p.forwardRef(({className:e,...o},t)=>{const{formDescriptionId:s}=I();return V.jsxRuntimeExports.jsx("p",{ref:t,id:s,className:A.cn("text-muted-foreground text-[0.8rem]",e),...o})});re.displayName="FormDescription";const se=p.forwardRef(({className:e,children:o,...t},s)=>{const{error:r,formMessageId:n}=I(),a=r?String(r?.message??""):o;return a?V.jsxRuntimeExports.jsx("p",{ref:s,id:n,className:A.cn("text-destructive text-[0.8rem] font-medium",e),...t,children:a}):null});se.displayName="FormMessage";exports.Form=Ve;exports.FormControl=te;exports.FormDescription=re;exports.FormField=he;exports.FormItem=Z;exports.FormLabel=ee;exports.FormMessage=se;exports.useFormField=I;

package/dist/form.d.ts

@@ -0,0 +1,53 @@
+import { ControllerProps } from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
+import { FieldPath } from 'react-hook-form';
+import { FieldValues } from 'react-hook-form';
+import { FormControlBaseProps as FormControlProps } from '../../ui-core/src';
+import { FormDescriptionBaseProps as FormDescriptionProps } from '../../ui-core/src';
+import { FormItemBaseProps as FormItemProps } from '../../ui-core/src';
+import { FormLabelBaseProps as FormLabelProps } from '../../ui-core/src';
+import { FormMessageBaseProps as FormMessageProps } from '../../ui-core/src';
+import { FormProviderProps } from 'react-hook-form';
+import { JSX } from 'react/jsx-runtime';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React_2 from 'react';
+import { SlotProps } from '@radix-ui/react-slot';
+
+export declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React_2.JSX.Element;
+
+export declare const FormControl: React_2.ForwardRefExoticComponent<Omit<SlotProps & React_2.RefAttributes<HTMLElement>, "ref"> & React_2.RefAttributes<HTMLElement>>;
+
+export { FormControlProps }
+
+export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & FormDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export { FormDescriptionProps }
+
+export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => JSX.Element;
+
+export declare const FormItem: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLDivElement> & FormItemProps & React_2.RefAttributes<HTMLDivElement>>;
+
+export { FormItemProps }
+
+export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & FormLabelProps & React_2.RefAttributes<HTMLLabelElement>>;
+
+export { FormLabelProps }
+
+export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & FormMessageProps & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export { FormMessageProps }
+
+export declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+
+export { }