@epilot/volt-ui-experimental-griffel 0.1.0-experiment.1

package/dist/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,424 @@
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as R, CheckboxItem as C, ItemIndicator as x, Portal as y, Content as S, Group as D, Item as I, Label as M, RadioGroup as T, RadioItem as v, Separator as k, Sub as N, SubContent as q, SubTrigger as L, Trigger as A } from "../../node_modules/@radix-ui/react-dropdown-menu/dist/index.js";
+import { shorthands as g } from "../../node_modules/@griffel/core/src/index.js";
+import { SLOT_ATTR as c } from "../../renderer/contract.js";
+import { makeVoltStyles as G } from "../../styles/make-styles.js";
+import { spacingElement1 as l, grayA11 as z, textXs as W, grayA3 as B, fontWeightSemibold as E, textSm as b, spacingElement2 as m, semAccentSoft as f, semErrorSoft as w, errorA8 as X, errorA11 as $, grayA12 as P, body as j, accentA11 as Y, radiusMd as _, radiusXl as F } from "../../tokens/index.js";
+import { mergeClasses as p } from "../../node_modules/@griffel/core/src/mergeClasses.js";
+const Z = (r) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "16px",
+    viewBox: "0 -960 960 960",
+    width: "16px",
+    fill: "currentColor",
+    ...r,
+    children: /* @__PURE__ */ e("path", { d: "m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z" })
+  }
+), O = (r) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "16px",
+    viewBox: "0 -960 960 960",
+    width: "16px",
+    fill: "currentColor",
+    ...r,
+    children: /* @__PURE__ */ e("path", { d: "M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z" })
+  }
+), V = (r) => /* @__PURE__ */ e(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    height: "8px",
+    viewBox: "0 -960 960 960",
+    width: "8px",
+    fill: "currentColor",
+    ...r,
+    children: /* @__PURE__ */ e("path", { d: "M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" })
+  }
+), u = G({
+  trigger: {
+    color: Y
+  },
+  portal: {
+    display: "contents"
+  },
+  popup: {
+    backgroundColor: j,
+    color: P,
+    minWidth: "10rem",
+    overflow: "hidden",
+    ...g.borderRadius(F),
+    ...g.padding(l),
+    // v1 shadow-lg
+    boxShadow: "0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a",
+    outlineStyle: "none",
+    zIndex: 50,
+    transformOrigin: "var(--radix-dropdown-menu-content-transform-origin)",
+    "&[data-state='open']": {
+      animationName: {
+        from: { opacity: 0, transform: "scale(0.95)" },
+        to: { opacity: 1, transform: "scale(1)" }
+      },
+      animationDuration: "150ms",
+      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "&[data-state='open'][data-side='bottom']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateY(-${m}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateY(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='left']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateX(${m}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateX(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='right']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateX(-${m}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateX(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='top']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateY(${m}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateY(0) scale(1)" }
+      }
+    },
+    "&[data-state='closed']": {
+      animationName: {
+        from: { opacity: 1, transform: "scale(1)" },
+        to: { opacity: 0, transform: "scale(0.95)" }
+      },
+      animationDuration: "100ms",
+      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    }
+  },
+  item: {
+    position: "relative",
+    display: "flex",
+    cursor: "pointer",
+    userSelect: "none",
+    alignItems: "center",
+    ...g.gap(m),
+    ...g.borderRadius(_),
+    paddingLeft: m,
+    paddingRight: m,
+    paddingTop: "0.375rem",
+    paddingBottom: "0.375rem",
+    fontSize: b,
+    outlineStyle: "none",
+    transitionProperty: "color, background-color, border-color, text-decoration-color, fill, stroke",
+    transitionDuration: "150ms",
+    transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+    ":hover": {
+      backgroundColor: f
+    },
+    ":focus-visible": {
+      backgroundColor: f
+    },
+    "&[data-highlighted]": {
+      backgroundColor: f
+    },
+    "&[data-disabled]": {
+      pointerEvents: "none",
+      opacity: 0.5
+    },
+    "& svg": {
+      pointerEvents: "none",
+      width: "1rem",
+      height: "1rem",
+      flexShrink: 0
+    }
+  },
+  itemInset: {
+    paddingLeft: "2rem"
+  },
+  itemDestructive: {
+    color: $,
+    ":hover": {
+      backgroundColor: w
+    },
+    ":focus-visible": {
+      backgroundColor: w,
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: X
+    },
+    "&[data-highlighted]": {
+      backgroundColor: w
+    }
+  },
+  itemCheckboxRadio: {
+    paddingLeft: "2rem",
+    paddingRight: m
+  },
+  itemIndicatorWrapper: {
+    position: "absolute",
+    left: m,
+    display: "flex",
+    height: "0.875rem",
+    width: "0.875rem",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  itemIndicator: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  subTrigger: {
+    "&[data-state='open']": {
+      backgroundColor: f
+    }
+  },
+  subTriggerChevron: {
+    marginLeft: "auto",
+    width: "1rem",
+    height: "1rem",
+    flexShrink: 0,
+    pointerEvents: "none"
+  },
+  label: {
+    paddingLeft: m,
+    paddingRight: m,
+    paddingTop: "0.375rem",
+    paddingBottom: "0.375rem",
+    fontSize: b,
+    fontWeight: E
+  },
+  separator: {
+    marginLeft: `calc(-1 * ${l})`,
+    marginRight: `calc(-1 * ${l})`,
+    marginTop: l,
+    marginBottom: l,
+    height: "1px",
+    backgroundColor: B
+  },
+  shortcut: {
+    marginLeft: "auto",
+    fontSize: W,
+    letterSpacing: "0.1em",
+    color: z
+  }
+}), eo = s.forwardRef(
+  function(o, t) {
+    return /* @__PURE__ */ e(R, { "data-slot": "dropdown-menu", ...o });
+  }
+), no = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = u();
+  return /* @__PURE__ */ e(
+    A,
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-trigger",
+      [c]: "dropdown-menu-trigger",
+      className: p(a.trigger, o),
+      ...t
+    }
+  );
+}), ro = s.forwardRef(function({ className: o, ...t }, n) {
+  return /* @__PURE__ */ e(
+    D,
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-group",
+      [c]: "dropdown-menu-group",
+      className: o,
+      ...t
+    }
+  );
+}), ao = s.forwardRef(function(o, t) {
+  return /* @__PURE__ */ e(
+    y,
+    {
+      "data-slot": "dropdown-menu-portal",
+      [c]: "dropdown-menu-portal",
+      ...o
+    }
+  );
+}), io = s.forwardRef(function(o, t) {
+  return /* @__PURE__ */ e(N, { "data-slot": "dropdown-menu-sub", ...o });
+}), so = s.forwardRef(function({ className: o, ...t }, n) {
+  return /* @__PURE__ */ e(
+    T,
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-radio-group",
+      [c]: "dropdown-menu-radio-group",
+      className: o,
+      ...t
+    }
+  );
+}), co = s.forwardRef(function({ className: o, inset: t, children: n, ...a }, i) {
+  const d = u();
+  return /* @__PURE__ */ h(
+    L,
+    {
+      ref: i,
+      "data-slot": "dropdown-menu-sub-trigger",
+      [c]: "dropdown-menu-sub-trigger",
+      className: p(
+        d.item,
+        d.subTrigger,
+        t && d.itemInset,
+        o
+      ),
+      ...a,
+      children: [
+        n,
+        /* @__PURE__ */ e(O, { className: d.subTriggerChevron })
+      ]
+    }
+  );
+}), mo = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = u();
+  return /* @__PURE__ */ e(
+    q,
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-sub-content",
+      [c]: "dropdown-menu-sub-content",
+      className: p(a.popup, o),
+      ...t
+    }
+  );
+}), po = s.forwardRef(function({ className: o, sideOffset: t = 4, container: n, ...a }, i) {
+  const d = u();
+  return /* @__PURE__ */ e(y, { container: n, children: /* @__PURE__ */ e(
+    S,
+    {
+      ref: i,
+      "data-slot": "dropdown-menu-content",
+      [c]: "dropdown-menu-content",
+      sideOffset: t,
+      className: p(d.popup, o),
+      ...a
+    }
+  ) });
+}), uo = s.forwardRef(function({ className: o, inset: t, destructive: n, ...a }, i) {
+  const d = u();
+  return /* @__PURE__ */ e(
+    I,
+    {
+      ref: i,
+      "data-slot": "dropdown-menu-item",
+      [c]: "dropdown-menu-item",
+      className: p(
+        d.item,
+        t && d.itemInset,
+        n && d.itemDestructive,
+        o
+      ),
+      ...a
+    }
+  );
+}), lo = s.forwardRef(function({ className: o, children: t, checked: n, ...a }, i) {
+  const d = u();
+  return /* @__PURE__ */ h(
+    C,
+    {
+      ref: i,
+      "data-slot": "dropdown-menu-checkbox-item",
+      [c]: "dropdown-menu-checkbox-item",
+      className: p(d.item, d.itemCheckboxRadio, o),
+      checked: n,
+      ...a,
+      children: [
+        /* @__PURE__ */ e("span", { className: d.itemIndicatorWrapper, children: /* @__PURE__ */ e(x, { className: d.itemIndicator, children: /* @__PURE__ */ e(Z, {}) }) }),
+        t
+      ]
+    }
+  );
+}), go = s.forwardRef(function({ className: o, children: t, ...n }, a) {
+  const i = u();
+  return /* @__PURE__ */ h(
+    v,
+    {
+      ref: a,
+      "data-slot": "dropdown-menu-radio-item",
+      [c]: "dropdown-menu-radio-item",
+      className: p(i.item, i.itemCheckboxRadio, o),
+      ...n,
+      children: [
+        /* @__PURE__ */ e("span", { className: i.itemIndicatorWrapper, children: /* @__PURE__ */ e(x, { className: i.itemIndicator, children: /* @__PURE__ */ e(V, {}) }) }),
+        t
+      ]
+    }
+  );
+}), fo = s.forwardRef(function({ className: o, inset: t, ...n }, a) {
+  const i = u();
+  return /* @__PURE__ */ e(
+    M,
+    {
+      ref: a,
+      "data-slot": "dropdown-menu-label",
+      [c]: "dropdown-menu-label",
+      className: p(
+        i.label,
+        t && i.itemInset,
+        o
+      ),
+      ...n
+    }
+  );
+}), wo = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = u();
+  return /* @__PURE__ */ e(
+    k,
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-separator",
+      [c]: "dropdown-menu-separator",
+      className: p(a.separator, o),
+      ...t
+    }
+  );
+}), ho = s.forwardRef(function({ className: o, ...t }, n) {
+  const a = u();
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      ref: n,
+      "data-slot": "dropdown-menu-shortcut",
+      [c]: "dropdown-menu-shortcut",
+      className: p(a.shortcut, o),
+      ...t
+    }
+  );
+});
+export {
+  eo as DropdownMenu,
+  lo as DropdownMenuCheckboxItem,
+  po as DropdownMenuContent,
+  ro as DropdownMenuGroup,
+  uo as DropdownMenuItem,
+  fo as DropdownMenuLabel,
+  ao as DropdownMenuPortal,
+  so as DropdownMenuRadioGroup,
+  go as DropdownMenuRadioItem,
+  wo as DropdownMenuSeparator,
+  ho as DropdownMenuShortcut,
+  io as DropdownMenuSub,
+  mo as DropdownMenuSubContent,
+  co as DropdownMenuSubTrigger,
+  no as DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.js","sources":["../../../src/components/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { mergeClasses, shorthands } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst CheckIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"m382-354 339-339q12-12 28-12t28 12q12 12 12 28.5T777-636L410-268q-12 12-28 12t-28-12L182-440q-12-12-11.5-28.5T183-497q12-12 28.5-12t28.5 12l142 143Z\" />\n  </svg>\n)\n\nconst ChevronRightIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"16px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"16px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M504-480 348-636q-11-11-11-28t11-28q11-11 28-11t28 11l184 184q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L404-268q-11 11-28 11t-28-11q-11-11-11-28t11-28l156-156Z\" />\n  </svg>\n)\n\nconst CircleIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    height=\"8px\"\n    viewBox=\"0 -960 960 960\"\n    width=\"8px\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\" />\n  </svg>\n)\n\nconst useStyles = makeVoltStyles({\n  trigger: {\n    color: tokens.accentA11,\n  },\n  portal: {\n    display: \"contents\",\n  },\n  popup: {\n    backgroundColor: tokens.body,\n    color: tokens.grayA12,\n    minWidth: \"10rem\",\n    overflow: \"hidden\",\n    ...shorthands.borderRadius(tokens.radiusXl),\n    ...shorthands.padding(tokens.spacingElement1),\n    // v1 shadow-lg\n    boxShadow: \"0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a\",\n    outlineStyle: \"none\",\n    zIndex: 50,\n    transformOrigin: \"var(--radix-dropdown-menu-content-transform-origin)\",\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement2}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"100ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  item: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.gap(tokens.spacingElement2),\n    ...shorthands.borderRadius(tokens.radiusMd),\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    outlineStyle: \"none\",\n    transitionProperty:\n      \"color, background-color, border-color, text-decoration-color, fill, stroke\",\n    transitionDuration: \"150ms\",\n    transitionTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    \":hover\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n    \"&[data-disabled]\": {\n      pointerEvents: \"none\",\n      opacity: 0.5,\n    },\n    \"& svg\": {\n      pointerEvents: \"none\",\n      width: \"1rem\",\n      height: \"1rem\",\n      flexShrink: 0,\n    },\n  },\n  itemInset: {\n    paddingLeft: \"2rem\",\n  },\n  itemDestructive: {\n    color: tokens.errorA11,\n    \":hover\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n    \":focus-visible\": {\n      backgroundColor: tokens.semErrorSoft,\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.errorA8,\n    },\n    \"&[data-highlighted]\": {\n      backgroundColor: tokens.semErrorSoft,\n    },\n  },\n  itemCheckboxRadio: {\n    paddingLeft: \"2rem\",\n    paddingRight: tokens.spacingElement2,\n  },\n  itemIndicatorWrapper: {\n    position: \"absolute\",\n    left: tokens.spacingElement2,\n    display: \"flex\",\n    height: \"0.875rem\",\n    width: \"0.875rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  itemIndicator: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  subTrigger: {\n    \"&[data-state='open']\": {\n      backgroundColor: tokens.semAccentSoft,\n    },\n  },\n  subTriggerChevron: {\n    marginLeft: \"auto\",\n    width: \"1rem\",\n    height: \"1rem\",\n    flexShrink: 0,\n    pointerEvents: \"none\",\n  },\n  label: {\n    paddingLeft: tokens.spacingElement2,\n    paddingRight: tokens.spacingElement2,\n    paddingTop: \"0.375rem\",\n    paddingBottom: \"0.375rem\",\n    fontSize: tokens.textSm,\n    fontWeight: tokens.fontWeightSemibold,\n  },\n  separator: {\n    marginLeft: `calc(-1 * ${tokens.spacingElement1})`,\n    marginRight: `calc(-1 * ${tokens.spacingElement1})`,\n    marginTop: tokens.spacingElement1,\n    marginBottom: tokens.spacingElement1,\n    height: \"1px\",\n    backgroundColor: tokens.grayA3,\n  },\n  shortcut: {\n    marginLeft: \"auto\",\n    fontSize: tokens.textXs,\n    letterSpacing: \"0.1em\",\n    color: tokens.grayA11,\n  },\n})\n\nexport type DropdownMenuProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Root\n>\n\nexport const DropdownMenu = React.forwardRef<HTMLElement, DropdownMenuProps>(\n  function DropdownMenu(props, _ref) {\n    return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n  }\n)\n\nexport type DropdownMenuTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Trigger\n>\n\nexport const DropdownMenuTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Trigger>,\n  DropdownMenuTriggerProps\n>(function DropdownMenuTrigger({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Trigger\n      ref={ref}\n      data-slot=\"dropdown-menu-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-trigger\" }}\n      className={mergeClasses(styles.trigger, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Group\n>\n\nexport const DropdownMenuGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Group>,\n  DropdownMenuGroupProps\n>(function DropdownMenuGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.Group\n      ref={ref}\n      data-slot=\"dropdown-menu-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuPortalProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Portal\n>\n\nexport const DropdownMenuPortal = React.forwardRef<\n  HTMLElement,\n  DropdownMenuPortalProps\n>(function DropdownMenuPortal(props, _ref) {\n  return (\n    <DropdownMenuPrimitive.Portal\n      data-slot=\"dropdown-menu-portal\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-portal\" }}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Sub\n>\n\nexport const DropdownMenuSub = React.forwardRef<\n  HTMLElement,\n  DropdownMenuSubProps\n>(function DropdownMenuSub(props, _ref) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />\n})\n\nexport type DropdownMenuRadioGroupProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioGroup\n>\n\nexport const DropdownMenuRadioGroup = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>,\n  DropdownMenuRadioGroupProps\n>(function DropdownMenuRadioGroup({ className, ...props }, ref) {\n  return (\n    <DropdownMenuPrimitive.RadioGroup\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-group\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-group\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSubTriggerProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubTrigger\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  DropdownMenuSubTriggerProps\n>(function DropdownMenuSubTrigger(\n  { className, inset, children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-trigger\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-trigger\" }}\n      className={mergeClasses(\n        styles.item,\n        styles.subTrigger,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className={styles.subTriggerChevron} />\n    </DropdownMenuPrimitive.SubTrigger>\n  )\n})\n\nexport type DropdownMenuSubContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.SubContent\n>\n\nexport const DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  DropdownMenuSubContentProps\n>(function DropdownMenuSubContent({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.SubContent\n      ref={ref}\n      data-slot=\"dropdown-menu-sub-content\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-sub-content\" }}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuContentProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Content\n> & {\n  container?: React.ComponentProps<\n    typeof DropdownMenuPrimitive.Portal\n  >[\"container\"]\n}\n\nexport const DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  DropdownMenuContentProps\n>(function DropdownMenuContent(\n  { className, sideOffset = 4, container, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Portal container={container}>\n      <DropdownMenuPrimitive.Content\n        ref={ref}\n        data-slot=\"dropdown-menu-content\"\n        {...{ [SLOT_ATTR]: \"dropdown-menu-content\" }}\n        sideOffset={sideOffset}\n        className={mergeClasses(styles.popup, className)}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  )\n})\n\nexport type DropdownMenuItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Item\n> & {\n  inset?: boolean\n  destructive?: boolean\n}\n\nexport const DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  DropdownMenuItemProps\n>(function DropdownMenuItem({ className, inset, destructive, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Item\n      ref={ref}\n      data-slot=\"dropdown-menu-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-item\" }}\n      className={mergeClasses(\n        styles.item,\n        inset && styles.itemInset,\n        destructive && styles.itemDestructive,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuCheckboxItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.CheckboxItem\n>\n\nexport const DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  DropdownMenuCheckboxItemProps\n>(function DropdownMenuCheckboxItem(\n  { className, children, checked, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      ref={ref}\n      data-slot=\"dropdown-menu-checkbox-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-checkbox-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      checked={checked}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CheckIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  )\n})\n\nexport type DropdownMenuRadioItemProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.RadioItem\n>\n\nexport const DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  DropdownMenuRadioItemProps\n>(function DropdownMenuRadioItem({ className, children, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      ref={ref}\n      data-slot=\"dropdown-menu-radio-item\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-radio-item\" }}\n      className={mergeClasses(styles.item, styles.itemCheckboxRadio, className)}\n      {...props}\n    >\n      <span className={styles.itemIndicatorWrapper}>\n        <DropdownMenuPrimitive.ItemIndicator className={styles.itemIndicator}>\n          <CircleIcon />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  )\n})\n\nexport type DropdownMenuLabelProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Label\n> & {\n  inset?: boolean\n}\n\nexport const DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  DropdownMenuLabelProps\n>(function DropdownMenuLabel({ className, inset, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Label\n      ref={ref}\n      data-slot=\"dropdown-menu-label\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-label\" }}\n      className={mergeClasses(\n        styles.label,\n        inset && styles.itemInset,\n        className\n      )}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuSeparatorProps = React.ComponentProps<\n  typeof DropdownMenuPrimitive.Separator\n>\n\nexport const DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  DropdownMenuSeparatorProps\n>(function DropdownMenuSeparator({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <DropdownMenuPrimitive.Separator\n      ref={ref}\n      data-slot=\"dropdown-menu-separator\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-separator\" }}\n      className={mergeClasses(styles.separator, className)}\n      {...props}\n    />\n  )\n})\n\nexport type DropdownMenuShortcutProps = React.ComponentProps<\"span\">\n\nexport const DropdownMenuShortcut = React.forwardRef<\n  HTMLSpanElement,\n  DropdownMenuShortcutProps\n>(function DropdownMenuShortcut({ className, ...props }, ref) {\n  const styles = useStyles()\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"dropdown-menu-shortcut\"\n      {...{ [SLOT_ATTR]: \"dropdown-menu-shortcut\" }}\n      className={mergeClasses(styles.shortcut, className)}\n      {...props}\n    />\n  )\n})\n"],"names":["CheckIcon","props","jsx","ChevronRightIcon","CircleIcon","useStyles","makeVoltStyles","tokens.accentA11","tokens.body","tokens.grayA12","shorthands","tokens.radiusXl","tokens.spacingElement1","tokens.spacingElement2","tokens.radiusMd","tokens.textSm","tokens.semAccentSoft","tokens.errorA11","tokens.semErrorSoft","tokens.errorA8","tokens.fontWeightSemibold","tokens.grayA3","tokens.textXs","tokens.grayA11","DropdownMenu","React","_ref","DropdownMenuPrimitive.Root","DropdownMenuTrigger","className","ref","styles","DropdownMenuPrimitive.Trigger","SLOT_ATTR","mergeClasses","DropdownMenuGroup","DropdownMenuPrimitive.Group","DropdownMenuPortal","DropdownMenuPrimitive.Portal","DropdownMenuSub","DropdownMenuPrimitive.Sub","DropdownMenuRadioGroup","DropdownMenuPrimitive.RadioGroup","DropdownMenuSubTrigger","inset","children","jsxs","DropdownMenuPrimitive.SubTrigger","DropdownMenuSubContent","DropdownMenuPrimitive.SubContent","DropdownMenuContent","sideOffset","container","DropdownMenuPrimitive.Content","DropdownMenuItem","destructive","DropdownMenuPrimitive.Item","DropdownMenuCheckboxItem","checked","DropdownMenuPrimitive.CheckboxItem","DropdownMenuPrimitive.ItemIndicator","DropdownMenuRadioItem","DropdownMenuPrimitive.RadioItem","DropdownMenuLabel","DropdownMenuPrimitive.Label","DropdownMenuSeparator","DropdownMenuPrimitive.Separator","DropdownMenuShortcut"],"mappings":"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"}

package/dist/components/field/field-combobox.d.ts

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandLoadingProps, type CommandSeparatorProps } from "../command/command";
+import { type LabelProps } from "../label/label";
+import { type PopoverContentProps, type PopoverPortalProps, type PopoverProps, type PopoverTriggerProps } from "../popover/popover";
+export type FieldComboboxProps = PopoverProps;
+export declare const FieldCombobox: React.ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverProps & React.RefAttributes<HTMLElement>>;
+export type FieldComboboxTriggerProps = PopoverTriggerProps;
+export declare const FieldComboboxTrigger: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-popover").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export type FieldComboboxContentProps = PopoverContentProps & {
+    container?: PopoverPortalProps["container"];
+};
+export declare const FieldComboboxContent: React.ForwardRefExoticComponent<Omit<FieldComboboxContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxValueProps = React.ComponentProps<"div">;
+export declare const FieldComboboxValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxInputProps = CommandInputProps;
+export declare const FieldComboboxInput: React.ForwardRefExoticComponent<Omit<CommandInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export type FieldComboboxListProps = CommandListProps;
+export declare const FieldComboboxList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxItemProps = CommandItemProps;
+export declare const FieldComboboxItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "onSelect" | "disabled" | "value"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxItemCheckIconProps = React.ComponentProps<"span">;
+export declare const FieldComboboxItemCheckIcon: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type FieldComboboxEmptyProps = CommandEmptyProps;
+export declare const FieldComboboxEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxGroupProps = CommandGroupProps;
+export declare const FieldComboboxGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxGroupLabelProps = LabelProps;
+export declare const FieldComboboxGroupLabel: React.ForwardRefExoticComponent<Omit<LabelProps, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export type FieldComboboxSeparatorProps = CommandSeparatorProps;
+export declare const FieldComboboxSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxLoadingProps = CommandLoadingProps;
+export declare const FieldComboboxLoading: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild"> & {
+    progress?: number;
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type FieldComboboxClearProps = React.ComponentProps<"span">;
+export declare const FieldComboboxClear: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type FieldComboboxPlaceholderProps = React.ComponentProps<"span">;
+export declare const FieldComboboxPlaceholder: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export type FieldComboboxClearValueProps = React.ComponentProps<"span">;
+export declare const FieldComboboxClearValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { FieldCombobox as Combobox, FieldComboboxGroup as ComboboxGroup, FieldComboboxGroupLabel as ComboboxGroupLabel, FieldComboboxValue as ComboboxValue, FieldComboboxTrigger as ComboboxTrigger, FieldComboboxContent as ComboboxContent, FieldComboboxItem as ComboboxItem, FieldComboboxItemCheckIcon as ComboboxItemCheckIcon, FieldComboboxEmpty as ComboboxEmpty, FieldComboboxSeparator as ComboboxSeparator, FieldComboboxInput as ComboboxInput, FieldComboboxList as ComboboxList, FieldComboboxLoading as ComboboxLoading, FieldComboboxClear as ComboboxClear, FieldComboboxClearValue as ComboboxClearValue, FieldComboboxPlaceholder as ComboboxPlaceholder, };