@gv-tech/design-system 2.19.0 → 2.21.0

package/dist/dropdown-menu.d.ts

@@ -1,124 +1,2 @@
-import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-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 declare interface DropdownMenuCheckboxItemProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    checked?: boolean | 'indeterminate';
-    onCheckedChange?: (checked: boolean) => void;
-    disabled?: boolean;
-}
-
-export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuContentProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    side?: 'top' | 'right' | 'bottom' | 'left';
-    align?: 'start' | 'center' | 'end';
-    sideOffset?: number;
-    alignOffset?: number;
-}
-
-export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuGroupProps {
-    children?: React_2.ReactNode;
-}
-
-export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuItemProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    inset?: boolean;
-    disabled?: boolean;
-    onSelect?: (event: Event) => void;
-}
-
-export declare const DropdownMenuLabel: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuLabelProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuLabelProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    inset?: boolean;
-}
-
-export declare const DropdownMenuPortal: React_2.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-
-export declare interface DropdownMenuProps {
-    children?: React_2.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    modal?: boolean;
-}
-
-export declare const DropdownMenuRadioGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuRadioGroupProps {
-    children?: React_2.ReactNode;
-    value?: string;
-    onValueChange?: (value: string) => void;
-}
-
-export declare const DropdownMenuRadioItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuRadioItemProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuRadioItemProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    value: string;
-    disabled?: boolean;
-}
-
-export declare const DropdownMenuSeparator: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuSeparatorProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuSeparatorProps {
-    className?: string;
-}
-
-export declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement> & DropdownMenuShortcutProps): JSX.Element;
-    displayName: string;
-};
-
-export declare interface DropdownMenuShortcutProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-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 declare interface DropdownMenuSubContentProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-export declare interface DropdownMenuSubProps {
-    children?: React_2.ReactNode;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-
-export declare const DropdownMenuSubTrigger: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & DropdownMenuSubTriggerProps & React_2.RefAttributes<HTMLDivElement>>;
-
-export declare interface DropdownMenuSubTriggerProps {
-    className?: string;
-    children?: React_2.ReactNode;
-    inset?: boolean;
-}
-
-export declare const DropdownMenuTrigger: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
-
-export declare interface DropdownMenuTriggerProps {
-    children: React_2.ReactNode;
-    asChild?: boolean;
-}
-
-export { }
+export * from './packages/ui-web/src/dropdown-menu'
+export {}

package/dist/dropdown-menu.mjs

@@ -1,127 +1,74 @@
 "use client";
-import { j as t, b1 as i, l as g, b2 as l, b3 as c, b4 as p, b5 as m, b6 as u, b7 as f, w as h, b8 as b, V as N, b9 as x, ba as w, bb as y, bc as D, bd as M, be as v, bf as j } from "./vendor-BQwS7aJt.mjs";
-import * as r from "react";
-import { c as s } from "./utils-Bgpn0CK0.mjs";
-const E = y, V = j, q = D, A = c, B = v, F = M, R = r.forwardRef(({ className: e, inset: o, children: a, ...n }, d) => /* @__PURE__ */ t.jsxs(
-  i,
-  {
-    ref: d,
-    className: s(
-      "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: [
-      a,
-      /* @__PURE__ */ t.jsx(g, { className: "ml-auto" })
-    ]
-  }
-));
-R.displayName = i?.displayName || "DropdownMenuSubTrigger";
-const S = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ t.jsx(
-  l,
-  {
-    ref: a,
-    className: s(
-      "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
-  }
-));
-S.displayName = l?.displayName || "DropdownMenuSubContent";
-const C = r.forwardRef(({ className: e, sideOffset: o = 4, ...a }, n) => /* @__PURE__ */ t.jsx(c, { children: /* @__PURE__ */ t.jsx(
-  p,
-  {
-    ref: n,
-    sideOffset: o,
-    className: s(
-      "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
-    ),
-    ...a
-  }
-) }));
-C.displayName = p?.displayName || "DropdownMenuContent";
-const I = r.forwardRef(({ className: e, inset: o, ...a }, n) => /* @__PURE__ */ t.jsx(
-  m,
-  {
-    ref: n,
-    className: s(
-      "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
-    ),
-    ...a
-  }
-));
-I.displayName = m?.displayName || "DropdownMenuItem";
-const z = r.forwardRef(({ className: e, children: o, checked: a, ...n }, d) => /* @__PURE__ */ t.jsxs(
-  u,
-  {
-    ref: d,
-    className: s(
-      "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: a,
-    ...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(h, { className: "h-4 w-4" }) }) }),
-      o
-    ]
-  }
-));
-z.displayName = u?.displayName || "DropdownMenuCheckboxItem";
-const k = r.forwardRef(({ className: e, children: o, ...a }, n) => /* @__PURE__ */ t.jsxs(
-  b,
-  {
-    ref: n,
-    className: s(
-      "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
-    ),
-    ...a,
-    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(N, { className: "h-2 w-2 fill-current" }) }) }),
-      o
-    ]
-  }
-));
-k.displayName = b?.displayName || "DropdownMenuRadioItem";
-const T = r.forwardRef(({ className: e, inset: o, ...a }, n) => /* @__PURE__ */ t.jsx(
-  x,
-  {
-    ref: n,
-    className: s("px-2 py-1.5 text-sm font-semibold", o && "pl-8", e),
-    ...a
-  }
-));
-T.displayName = x?.displayName || "DropdownMenuLabel";
-const G = r.forwardRef(({ className: e, ...o }, a) => /* @__PURE__ */ t.jsx(w, { ref: a, className: s("bg-muted -mx-1 my-1 h-px", e), ...o }));
-G.displayName = w?.displayName || "DropdownMenuSeparator";
-const L = ({
-  className: e,
-  ...o
-}) => /* @__PURE__ */ t.jsx("span", { className: s("ml-auto text-xs tracking-widest opacity-60", e), ...o });
-L.displayName = "DropdownMenuShortcut";
-export {
-  E as DropdownMenu,
-  z as DropdownMenuCheckboxItem,
-  C as DropdownMenuContent,
-  q as DropdownMenuGroup,
-  I as DropdownMenuItem,
-  T as DropdownMenuLabel,
-  A as DropdownMenuPortal,
-  F as DropdownMenuRadioGroup,
-  k as DropdownMenuRadioItem,
-  G as DropdownMenuSeparator,
-  L as DropdownMenuShortcut,
-  B as DropdownMenuSub,
-  S as DropdownMenuSubContent,
-  R as DropdownMenuSubTrigger,
-  V as DropdownMenuTrigger
-};
-//# sourceMappingURL=dropdown-menu.mjs.map
+"use client";
+import { Bt as e, Gt as t, Ht as n, Jt as r, Kt as i, Lt as a, Rt as o, Ut as s, Vt as c, Wt as l, Xt as u, Yt as d, Zt as f, or as p, qt as m, rr as h, tr as g, vr as _, zt as v } from "./vendor-Cr0eKZrm.mjs";
+import { t as y } from "./utils-BtI8Nf6i.mjs";
+import * as b from "react";
+//#region packages/ui-web/src/dropdown-menu.tsx
+var x = _(), S = i, C = f, w = v, T = s, E = r, D = l, O = b.forwardRef(({ className: e, inset: t, children: n, ...r }, i) => /* @__PURE__ */ (0, x.jsxs)(u, {
+	ref: i,
+	className: y("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", t && "pl-8", e),
+	...r,
+	children: [n, /* @__PURE__ */ (0, x.jsx)(h, { className: "ml-auto" })]
+}));
+O.displayName = u?.displayName || "DropdownMenuSubTrigger";
+var k = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, x.jsx)(d, {
+	ref: n,
+	className: y("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),
+	...t
+}));
+k.displayName = d?.displayName || "DropdownMenuSubContent";
+var A = b.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ (0, x.jsx)(s, { children: /* @__PURE__ */ (0, x.jsx)(o, {
+	ref: r,
+	sideOffset: t,
+	className: y("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
+}) }));
+A.displayName = o?.displayName || "DropdownMenuContent";
+var j = b.forwardRef(({ className: t, inset: n, ...r }, i) => /* @__PURE__ */ (0, x.jsx)(e, {
+	ref: i,
+	className: y("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", n && "pl-8", t),
+	...r
+}));
+j.displayName = e?.displayName || "DropdownMenuItem";
+var M = b.forwardRef(({ className: e, children: t, checked: n, ...r }, i) => /* @__PURE__ */ (0, x.jsxs)(a, {
+	ref: i,
+	className: y("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: [/* @__PURE__ */ (0, x.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, x.jsx)(c, { children: /* @__PURE__ */ (0, x.jsx)(p, { className: "h-4 w-4" }) })
+	}), t]
+}));
+M.displayName = a?.displayName || "DropdownMenuCheckboxItem";
+var N = b.forwardRef(({ className: e, children: n, ...r }, i) => /* @__PURE__ */ (0, x.jsxs)(t, {
+	ref: i,
+	className: y("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__ */ (0, x.jsx)("span", {
+		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+		children: /* @__PURE__ */ (0, x.jsx)(c, { children: /* @__PURE__ */ (0, x.jsx)(g, { className: "h-2 w-2 fill-current" }) })
+	}), n]
+}));
+N.displayName = t?.displayName || "DropdownMenuRadioItem";
+var P = b.forwardRef(({ className: e, inset: t, ...r }, i) => /* @__PURE__ */ (0, x.jsx)(n, {
+	ref: i,
+	className: y("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+	...r
+}));
+P.displayName = n?.displayName || "DropdownMenuLabel";
+var F = b.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ (0, x.jsx)(m, {
+	ref: n,
+	className: y("bg-muted -mx-1 my-1 h-px", e),
+	...t
+}));
+F.displayName = m?.displayName || "DropdownMenuSeparator";
+var I = ({ className: e, ...t }) => /* @__PURE__ */ (0, x.jsx)("span", {
+	className: y("ml-auto text-xs tracking-widest opacity-60", e),
+	...t
+});
+I.displayName = "DropdownMenuShortcut";
+//#endregion
+export { S as DropdownMenu, M as DropdownMenuCheckboxItem, A as DropdownMenuContent, w as DropdownMenuGroup, j as DropdownMenuItem, P as DropdownMenuLabel, T as DropdownMenuPortal, D as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, F as DropdownMenuSeparator, I as DropdownMenuShortcut, E as DropdownMenuSub, k as DropdownMenuSubContent, O as DropdownMenuSubTrigger, C as DropdownMenuTrigger };
+
+//# sourceMappingURL=dropdown-menu.mjs.map

package/dist/dropdown-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.mjs","sources":["../packages/ui-web/src/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  DropdownMenuBaseProps,\n  DropdownMenuCheckboxItemBaseProps,\n  DropdownMenuContentBaseProps,\n  DropdownMenuGroupBaseProps,\n  DropdownMenuItemBaseProps,\n  DropdownMenuLabelBaseProps,\n  DropdownMenuRadioGroupBaseProps,\n  DropdownMenuRadioItemBaseProps,\n  DropdownMenuSeparatorBaseProps,\n  DropdownMenuShortcutBaseProps,\n  DropdownMenuSubBaseProps,\n  DropdownMenuSubContentBaseProps,\n  DropdownMenuSubTriggerBaseProps,\n  DropdownMenuTriggerBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & DropdownMenuSubTriggerBaseProps\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      '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',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger?.displayName || 'DropdownMenuSubTrigger';\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & DropdownMenuSubContentBaseProps\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent?.displayName || 'DropdownMenuSubContent';\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & DropdownMenuContentBaseProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        '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',\n        '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]',\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content?.displayName || 'DropdownMenuContent';\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & DropdownMenuItemBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      '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',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item?.displayName || 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & DropdownMenuCheckboxItemBaseProps\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem?.displayName || 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & DropdownMenuRadioItemBaseProps\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem?.displayName || 'DropdownMenuRadioItem';\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & DropdownMenuLabelBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label?.displayName || 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & DropdownMenuSeparatorBaseProps\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator?.displayName || 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement> & DropdownMenuShortcutBaseProps) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n\nexport type {\n  DropdownMenuCheckboxItemBaseProps as DropdownMenuCheckboxItemProps,\n  DropdownMenuContentBaseProps as DropdownMenuContentProps,\n  DropdownMenuGroupBaseProps as DropdownMenuGroupProps,\n  DropdownMenuItemBaseProps as DropdownMenuItemProps,\n  DropdownMenuLabelBaseProps as DropdownMenuLabelProps,\n  DropdownMenuBaseProps as DropdownMenuProps,\n  DropdownMenuRadioGroupBaseProps as DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemBaseProps as DropdownMenuRadioItemProps,\n  DropdownMenuSeparatorBaseProps as DropdownMenuSeparatorProps,\n  DropdownMenuShortcutBaseProps as DropdownMenuShortcutProps,\n  DropdownMenuSubContentBaseProps as DropdownMenuSubContentProps,\n  DropdownMenuSubBaseProps as DropdownMenuSubProps,\n  DropdownMenuSubTriggerBaseProps as DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerBaseProps as DropdownMenuTriggerProps,\n};\n"],"names":["DropdownMenu","DropdownMenuPrimitive.Root","DropdownMenuTrigger","DropdownMenuPrimitive.Trigger","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","React","className","inset","children","props","ref","jsxs","DropdownMenuPrimitive.SubTrigger","cn","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","DropdownMenuPrimitive.Content","DropdownMenuItem","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","Check","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","Circle","DropdownMenuLabel","DropdownMenuPrimitive.Label","DropdownMenuSeparator","DropdownMenuPrimitive.Separator","DropdownMenuShortcut"],"mappings":"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"}
+{"version":3,"file":"dropdown-menu.mjs","names":[],"sources":["../packages/ui-web/src/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Check, ChevronRight, Circle } from 'lucide-react';\nimport * as React from 'react';\n\nimport {\n  DropdownMenuBaseProps,\n  DropdownMenuCheckboxItemBaseProps,\n  DropdownMenuContentBaseProps,\n  DropdownMenuGroupBaseProps,\n  DropdownMenuItemBaseProps,\n  DropdownMenuLabelBaseProps,\n  DropdownMenuRadioGroupBaseProps,\n  DropdownMenuRadioItemBaseProps,\n  DropdownMenuSeparatorBaseProps,\n  DropdownMenuShortcutBaseProps,\n  DropdownMenuSubBaseProps,\n  DropdownMenuSubContentBaseProps,\n  DropdownMenuSubTriggerBaseProps,\n  DropdownMenuTriggerBaseProps,\n} from '@gv-tech/ui-core';\nimport { cn } from './lib/utils';\n\nconst DropdownMenu = DropdownMenuPrimitive.Root;\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group;\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal;\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub;\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & DropdownMenuSubTriggerBaseProps\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      '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',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto\" />\n  </DropdownMenuPrimitive.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger?.displayName || 'DropdownMenuSubTrigger';\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & DropdownMenuSubContentBaseProps\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent?.displayName || 'DropdownMenuSubContent';\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & DropdownMenuContentBaseProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        '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',\n        '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]',\n        className,\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n));\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content?.displayName || 'DropdownMenuContent';\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & DropdownMenuItemBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      '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',\n      inset && 'pl-8',\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item?.displayName || 'DropdownMenuItem';\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & DropdownMenuCheckboxItemBaseProps\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem?.displayName || 'DropdownMenuCheckboxItem';\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem> & DropdownMenuRadioItemBaseProps\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      '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',\n      className,\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n));\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem?.displayName || 'DropdownMenuRadioItem';\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & DropdownMenuLabelBaseProps\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label?.displayName || 'DropdownMenuLabel';\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & DropdownMenuSeparatorBaseProps\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator ref={ref} className={cn('bg-muted -mx-1 my-1 h-px', className)} {...props} />\n));\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator?.displayName || 'DropdownMenuSeparator';\n\nconst DropdownMenuShortcut = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement> & DropdownMenuShortcutBaseProps) => {\n  return <span className={cn('ml-auto text-xs tracking-widest opacity-60', className)} {...props} />;\n};\nDropdownMenuShortcut.displayName = 'DropdownMenuShortcut';\n\nexport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n};\n\nexport type {\n  DropdownMenuCheckboxItemBaseProps as DropdownMenuCheckboxItemProps,\n  DropdownMenuContentBaseProps as DropdownMenuContentProps,\n  DropdownMenuGroupBaseProps as DropdownMenuGroupProps,\n  DropdownMenuItemBaseProps as DropdownMenuItemProps,\n  DropdownMenuLabelBaseProps as DropdownMenuLabelProps,\n  DropdownMenuBaseProps as DropdownMenuProps,\n  DropdownMenuRadioGroupBaseProps as DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemBaseProps as DropdownMenuRadioItemProps,\n  DropdownMenuSeparatorBaseProps as DropdownMenuSeparatorProps,\n  DropdownMenuShortcutBaseProps as DropdownMenuShortcutProps,\n  DropdownMenuSubContentBaseProps as DropdownMenuSubContentProps,\n  DropdownMenuSubBaseProps as DropdownMenuSubProps,\n  DropdownMenuSubTriggerBaseProps as DropdownMenuSubTriggerProps,\n  DropdownMenuTriggerBaseProps as DropdownMenuTriggerProps,\n};\n"],"mappings":"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"}

package/dist/form.cjs

@@ -1,2 +1,2 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./vendor-B_07FHqh.js"),b=require("react"),g=require("./label.cjs"),c=require("./utils-CBWPs0D7.js");function I(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=I(b),R=s.FormProvider,l=n.createContext(null),y=({...e})=>s.jsxRuntimeExports.jsx(l.Provider,{value:{name:e.name},children:s.jsxRuntimeExports.jsx(s.Controller,{...e})}),a=()=>{const e=n.useContext(l),r=n.useContext(u),{getFieldState:t,formState:o}=s.useFormContext();if(!e)throw new Error("useFormField should be used within <FormField>");if(!r)throw new Error("useFormField should be used within <FormItem>");const m=t(e.name,o),{id:i}=r;return{id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...m}},u=n.createContext(null),f=n.forwardRef(({className:e,...r},t)=>{const o=n.useId();return s.jsxRuntimeExports.jsx(u.Provider,{value:{id:o},children:s.jsxRuntimeExports.jsx("div",{ref:t,className:c.cn("space-y-2",e),...r})})});f.displayName="FormItem";const F=n.forwardRef(({className:e,...r},t)=>{const{error:o,formItemId:m}=a();return s.jsxRuntimeExports.jsx(g.Label,{ref:t,className:c.cn(o&&"text-destructive",e),htmlFor:m,...r})});F.displayName="FormLabel";const x=n.forwardRef(({...e},r)=>{const{error:t,formItemId:o,formDescriptionId:m,formMessageId:i}=a();return s.jsxRuntimeExports.jsx(s.Slot,{ref:r,id:o,"aria-describedby":t?`${m} ${i}`:`${m}`,"aria-invalid":!!t,...e})});x.displayName="FormControl";const p=n.forwardRef(({className:e,...r},t)=>{const{formDescriptionId:o}=a();return s.jsxRuntimeExports.jsx("p",{ref:t,id:o,className:c.cn("text-muted-foreground text-[0.8rem]",e),...r})});p.displayName="FormDescription";const j=n.forwardRef(({className:e,children:r,...t},o)=>{const{error:m,formMessageId:i}=a(),d=m?String(m?.message??""):r;return d?s.jsxRuntimeExports.jsx("p",{ref:o,id:i,className:c.cn("text-destructive text-[0.8rem] font-medium",e),...t,children:d}):null});j.displayName="FormMessage";exports.Form=R;exports.FormControl=x;exports.FormDescription=p;exports.FormField=y;exports.FormItem=f;exports.FormLabel=F;exports.FormMessage=j;exports.useFormField=a;
-//# sourceMappingURL=form.cjs.map
+"use client";"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./rolldown-runtime-CacfPODE.js`),t=require(`./vendor-D3ZzLf8D.js`),n=require(`./utils-CbSX47LV.js`),r=require(`./label.cjs`);let i=require(`react`);i=e.r(i);var a=t.vr(),o=t.Ft,s=i.createContext(null),c=({...e})=>(0,a.jsx)(s.Provider,{value:{name:e.name},children:(0,a.jsx)(t.Pt,{...e})}),l=()=>{let e=i.useContext(s),n=i.useContext(u),{getFieldState:r,formState:a}=t.It();if(!e)throw Error(`useFormField should be used within <FormField>`);if(!n)throw Error(`useFormField should be used within <FormItem>`);let o=r(e.name,a),{id:c}=n;return{id:c,name:e.name,formItemId:`${c}-form-item`,formDescriptionId:`${c}-form-item-description`,formMessageId:`${c}-form-item-message`,...o}},u=i.createContext(null),d=i.forwardRef(({className:e,...t},r)=>{let o=i.useId();return(0,a.jsx)(u.Provider,{value:{id:o},children:(0,a.jsx)(`div`,{ref:r,className:n.t(`space-y-2`,e),...t})})});d.displayName=`FormItem`;var f=i.forwardRef(({className:e,...t},i)=>{let{error:o,formItemId:s}=l();return(0,a.jsx)(r.Label,{ref:i,className:n.t(o&&`text-destructive`,e),htmlFor:s,...t})});f.displayName=`FormLabel`;var p=i.forwardRef(({...e},n)=>{let{error:r,formItemId:i,formDescriptionId:o,formMessageId:s}=l();return(0,a.jsx)(t.Dn,{ref:n,id:i,"aria-describedby":r?`${o} ${s}`:`${o}`,"aria-invalid":!!r,...e})});p.displayName=`FormControl`;var m=i.forwardRef(({className:e,...t},r)=>{let{formDescriptionId:i}=l();return(0,a.jsx)(`p`,{ref:r,id:i,className:n.t(`text-muted-foreground text-[0.8rem]`,e),...t})});m.displayName=`FormDescription`;var h=i.forwardRef(({className:e,children:t,...r},i)=>{let{error:o,formMessageId:s}=l(),c=o?String(o?.message??``):t;return c?(0,a.jsx)(`p`,{ref:i,id:s,className:n.t(`text-destructive text-[0.8rem] font-medium`,e),...r,children:c}):null});h.displayName=`FormMessage`,exports.Form=o,exports.FormControl=p,exports.FormDescription=m,exports.FormField=c,exports.FormItem=d,exports.FormLabel=f,exports.FormMessage=h,exports.useFormField=l;
+//# sourceMappingURL=form.cjs.map

package/dist/form.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.cjs","sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n  ({ ...props }, ref) => {\n    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n    return (\n      <Slot\n        ref={ref}\n        id={formItemId}\n        aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={!!error}\n        {...props}\n      />\n    );\n  },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"names":["Form","FormProvider","FormFieldContext","React","FormField","props","jsx","Controller","useFormField","fieldContext","itemContext","FormItemContext","getFieldState","formState","useFormContext","fieldState","id","FormItem","className","ref","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"],"mappings":"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"}
+{"version":3,"file":"form.cjs","names":[],"sources":["../packages/ui-web/src/form.tsx"],"sourcesContent":["'use client';\n\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { Slot } from '@radix-ui/react-slot';\nimport * as React from 'react';\nimport {\n  Controller,\n  FormProvider,\n  useFormContext,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n} from 'react-hook-form';\n\nimport {\n  FormControlBaseProps,\n  FormDescriptionBaseProps,\n  FormItemBaseProps,\n  FormLabelBaseProps,\n  FormMessageBaseProps,\n} from '@gv-tech/ui-core';\nimport { Label } from './label';\nimport { cn } from './lib/utils';\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n  name: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormField = <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({\n  ...props\n}: ControllerProps<TFieldValues, TName>) => {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n};\n\nconst useFormField = () => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  if (!itemContext) {\n    throw new Error('useFormField should be used within <FormItem>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  };\n};\n\ntype FormItemContextValue = {\n  id: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst FormItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & FormItemBaseProps>(\n  ({ className, ...props }, ref) => {\n    const id = React.useId();\n\n    return (\n      <FormItemContext.Provider value={{ id }}>\n        <div ref={ref} className={cn('space-y-2', className)} {...props} />\n      </FormItemContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\nconst FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & FormLabelBaseProps\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n\n  return <Label ref={ref} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />;\n});\nFormLabel.displayName = 'FormLabel';\n\nconst FormControl = React.forwardRef<React.ElementRef<typeof Slot>, React.ComponentPropsWithoutRef<typeof Slot>>(\n  ({ ...props }, ref) => {\n    const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n    return (\n      <Slot\n        ref={ref}\n        id={formItemId}\n        aria-describedby={!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={!!error}\n        {...props}\n      />\n    );\n  },\n);\nFormControl.displayName = 'FormControl';\n\nconst FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormDescriptionBaseProps\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('text-muted-foreground text-[0.8rem]', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\nconst FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement> & FormMessageBaseProps\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error?.message ?? '') : children;\n\n  if (!body) {\n    return null;\n  }\n\n  return (\n    <p ref={ref} id={formMessageId} className={cn('text-destructive text-[0.8rem] font-medium', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n\nexport { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };\nexport type {\n  FormControlBaseProps as FormControlProps,\n  FormDescriptionBaseProps as FormDescriptionProps,\n  FormItemBaseProps as FormItemProps,\n  FormLabelBaseProps as FormLabelProps,\n  FormMessageBaseProps as FormMessageProps,\n};\n"],"mappings":"wRAwBM,EAAO,EAAA,GASP,EAAmB,EAAM,cAA4C,KAAK,CAE1E,GAGJ,CACA,GAAG,MAGD,EAAA,EAAA,KAAC,EAAiB,SAAlB,CAA2B,MAAO,CAAE,KAAM,EAAM,KAAM,WACpD,EAAA,EAAA,KAAC,EAAA,GAAD,CAAY,GAAI,EAAS,CAAA,CACC,CAAA,CAI1B,MAAqB,CACzB,IAAM,EAAe,EAAM,WAAW,EAAiB,CACjD,EAAc,EAAM,WAAW,EAAgB,CAC/C,CAAE,gBAAe,aAAc,EAAA,IAAgB,CAErD,GAAI,CAAC,EACH,MAAU,MAAM,iDAAiD,CAGnE,GAAI,CAAC,EACH,MAAU,MAAM,gDAAgD,CAGlE,IAAM,EAAa,EAAc,EAAa,KAAM,EAAU,CAExD,CAAE,MAAO,EAEf,MAAO,CACL,KACA,KAAM,EAAa,KACnB,WAAY,GAAG,EAAG,YAClB,kBAAmB,GAAG,EAAG,wBACzB,cAAe,GAAG,EAAG,oBACrB,GAAG,EACJ,EAOG,EAAkB,EAAM,cAA2C,KAAK,CAExE,EAAW,EAAM,YACpB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAChC,IAAM,EAAK,EAAM,OAAO,CAExB,OACE,EAAA,EAAA,KAAC,EAAgB,SAAjB,CAA0B,MAAO,CAAE,KAAI,WACrC,EAAA,EAAA,KAAC,MAAD,CAAU,MAAK,UAAW,EAAA,EAAG,YAAa,EAAU,CAAE,GAAI,EAAS,CAAA,CAC1C,CAAA,EAGhC,CACD,EAAS,YAAc,WAEvB,IAAM,EAAY,EAAM,YAGrB,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,QAAO,cAAe,GAAc,CAE5C,OAAO,EAAA,EAAA,KAAC,EAAA,MAAD,CAAY,MAAK,UAAW,EAAA,EAAG,GAAS,mBAAoB,EAAU,CAAE,QAAS,EAAY,GAAI,EAAS,CAAA,EACjH,CACF,EAAU,YAAc,YAExB,IAAM,EAAc,EAAM,YACvB,CAAE,GAAG,GAAS,IAAQ,CACrB,GAAM,CAAE,QAAO,aAAY,oBAAmB,iBAAkB,GAAc,CAE9E,OACE,EAAA,EAAA,KAAC,EAAA,GAAD,CACO,MACL,GAAI,EACJ,mBAAmB,EAAiC,GAAG,EAAkB,GAAG,IAAjD,GAAG,IAC9B,eAAc,CAAC,CAAC,EAChB,GAAI,EACJ,CAAA,EAGP,CACD,EAAY,YAAc,cAE1B,IAAM,EAAkB,EAAM,YAG3B,CAAE,YAAW,GAAG,GAAS,IAAQ,CAClC,GAAM,CAAE,qBAAsB,GAAc,CAE5C,OACE,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAmB,UAAW,EAAA,EAAG,sCAAuC,EAAU,CAAE,GAAI,EAAS,CAAA,EAEpH,CACF,EAAgB,YAAc,kBAE9B,IAAM,EAAc,EAAM,YAGvB,CAAE,YAAW,WAAU,GAAG,GAAS,IAAQ,CAC5C,GAAM,CAAE,QAAO,iBAAkB,GAAc,CACzC,EAAO,EAAQ,OAAO,GAAO,SAAW,GAAG,CAAG,EAMpD,OAJK,GAKH,EAAA,EAAA,KAAC,IAAD,CAAQ,MAAK,GAAI,EAAe,UAAW,EAAA,EAAG,6CAA8C,EAAU,CAAE,GAAI,WACzG,EACC,CAAA,CANG,MAQT,CACF,EAAY,YAAc"}

package/dist/form.d.ts

@@ -1,62 +1,2 @@
-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 { 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 declare interface FormControlProps {
-    children?: React_2.ReactNode;
-}
-
-export declare const FormDescription: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & FormDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare interface FormDescriptionProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-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 declare interface FormItemProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-export declare const FormLabel: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & FormLabelProps & React_2.RefAttributes<HTMLLabelElement>>;
-
-export declare interface FormLabelProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-export declare const FormMessage: React_2.ForwardRefExoticComponent<React_2.HTMLAttributes<HTMLParagraphElement> & FormMessageProps & React_2.RefAttributes<HTMLParagraphElement>>;
-
-export declare interface FormMessageProps {
-    className?: string;
-    children?: React_2.ReactNode;
-}
-
-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 { }
+export * from './packages/ui-web/src/form'
+export {}