@workos-inc/widgets 1.6.0 → 1.7.0-pre.0

package/dist/cjs/lib/elements/dialog.cjs

@@ -0,0 +1,74 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dialog_exports = {};
+__export(dialog_exports, {
+  Close: () => import_dialog2.Close,
+  Content: () => DialogContent,
+  Description: () => import_dialog2.Description,
+  Root: () => import_dialog2.Root,
+  Title: () => import_dialog2.Title,
+  Trigger: () => import_dialog2.Trigger
+});
+module.exports = __toCommonJS(dialog_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_dialog = require("@radix-ui/themes/components/dialog");
+var import_widgets_context = require("../widgets-context.js");
+var import_utils = require("../utils.js");
+var import_utils2 = require("./utils.js");
+var import_dialog2 = require("@radix-ui/themes/components/dialog");
+const DialogContent = React.forwardRef(
+  function DialogContent2({ className, ...props }, forwardedRef) {
+    const element = (0, import_widgets_context.useElement)("dialog");
+    const { ref } = (0, import_utils2.useDialogOverlayHack)(forwardedRef, {
+      className: (0, import_utils.namespaceClassNames)("dialog-overlay"),
+      selector: ".rt-DialogOverlay"
+    });
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dialog.Content,
+      {
+        ref,
+        ...(0, import_utils.getDomProps)({ elementId: "dialog", className }),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Close,
+  Content,
+  Description,
+  Root,
+  Title,
+  Trigger
+});
+//# sourceMappingURL=dialog.cjs.map

package/dist/cjs/lib/elements/dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/elements/dialog.tsx"],"sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport {\n  Content as RadixDialogContent,\n  type ContentProps as RadixDialogContentProps,\n} from \"@radix-ui/themes/components/dialog\";\nimport { useElement } from \"../widgets-context.js\";\nimport { getDomProps, namespaceClassNames } from \"../utils.js\";\nimport { useDialogOverlayHack } from \"./utils.js\";\n\ninterface ContentProps extends RadixDialogContentProps {}\n\nconst DialogContent = React.forwardRef<HTMLDivElement, ContentProps>(\n  function DialogContent({ className, ...props }, forwardedRef) {\n    const element = useElement(\"dialog\");\n    const { ref } = useDialogOverlayHack(forwardedRef, {\n      className: namespaceClassNames(\"dialog-overlay\"),\n      selector: \".rt-DialogOverlay\",\n    });\n    return (\n      <RadixDialogContent\n        ref={ref}\n        {...getDomProps({ elementId: \"dialog\", className })}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport { DialogContent as Content };\nexport type { ContentProps };\n\nexport {\n  Close,\n  Description,\n  Root,\n  Title,\n  Trigger,\n} from \"@radix-ui/themes/components/dialog\";\nexport type {\n  CloseProps,\n  DescriptionProps,\n  RootProps,\n  TitleProps,\n  TriggerProps,\n} from \"@radix-ui/themes/components/dialog\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBM;AAnBN,YAAuB;AACvB,oBAGO;AACP,6BAA2B;AAC3B,mBAAiD;AACjD,IAAAA,gBAAqC;AAyBrC,IAAAC,iBAMO;AA3BP,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASC,eAAc,EAAE,WAAW,GAAG,MAAM,GAAG,cAAc;AAC5D,UAAM,cAAU,mCAAW,QAAQ;AACnC,UAAM,EAAE,IAAI,QAAI,oCAAqB,cAAc;AAAA,MACjD,eAAW,kCAAoB,gBAAgB;AAAA,MAC/C,UAAU;AAAA,IACZ,CAAC;AACD,WACE;AAAA,MAAC,cAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACC,OAAG,0BAAY,EAAE,WAAW,UAAU,UAAU,CAAC;AAAA,QACjD,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["import_utils","import_dialog","DialogContent","RadixDialogContent"]}

package/dist/cjs/lib/elements/dialog.d.cts

@@ -0,0 +1,3 @@
+import 'react';
+export { Close, CloseProps, Description, DescriptionProps, Root, RootProps, Title, TitleProps, Trigger, TriggerProps } from '@radix-ui/themes/components/dialog';
+export { D as Content, C as ContentProps } from '../../dialog-C15qCLN3.cjs';

package/dist/cjs/lib/elements/dropdown-menu.cjs

@@ -0,0 +1,162 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dropdown_menu_exports = {};
+__export(dropdown_menu_exports, {
+  CheckboxItem: () => CheckboxMenuItem,
+  Content: () => DropdownMenuContent,
+  Group: () => import_dropdown_menu2.Group,
+  Item: () => MenuItem,
+  Label: () => import_dropdown_menu2.Label,
+  RadioGroup: () => import_dropdown_menu2.RadioGroup,
+  RadioItem: () => RadioMenuItem,
+  Root: () => import_dropdown_menu2.Root,
+  Separator: () => import_dropdown_menu2.Separator,
+  Sub: () => import_dropdown_menu2.Sub,
+  SubContent: () => import_dropdown_menu2.SubContent,
+  SubTrigger: () => import_dropdown_menu2.SubTrigger,
+  Trigger: () => import_dropdown_menu2.Trigger,
+  TriggerIcon: () => import_dropdown_menu2.TriggerIcon
+});
+module.exports = __toCommonJS(dropdown_menu_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_dropdown_menu = require("@radix-ui/themes/components/dropdown-menu");
+var import_clsx = __toESM(require("clsx"), 1);
+var import_widgets_context = require("../widgets-context.js");
+var import_utils = require("../utils.js");
+var import_dropdown_menu2 = require("@radix-ui/themes/components/dropdown-menu");
+const DropdownMenuContent = React.forwardRef(
+  function DropdownMenuContent2({ className, ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)("dropdown");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown_menu.Content,
+      {
+        ref,
+        className: (0, import_clsx.default)((0, import_utils.namespaceClassNames)("dropdown"), className),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const MenuItem = React.forwardRef(function MenuItem2({ className, variant = "primary", ...props }, ref) {
+  const element = (0, import_widgets_context.useElement)(`${variant}MenuItem`);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_dropdown_menu.Item,
+    {
+      ref,
+      ...(0, import_utils.getDomProps)({
+        elementId: `${variant}MenuItem`,
+        className: (0, import_clsx.default)(
+          className,
+          // TODO: Remove BEM-style selector once conventions are standardized
+          variant !== "primary" && `menu-item--${variant}`
+        )
+      }),
+      ...getItemRadixProps(variant),
+      ...props,
+      ...element
+    }
+  );
+});
+const CheckboxMenuItem = React.forwardRef(
+  function CheckboxMenuItem2({ className, variant = "primary", ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)(`${variant}MenuItem`);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown_menu.CheckboxItem,
+      {
+        ref,
+        className: (0, import_clsx.default)(
+          className,
+          (0, import_utils.namespaceClassNames)(
+            "menu-item",
+            // TODO: Remove BEM-style selector once conventions are standardized
+            variant !== "primary" && `menu-item--${variant}`
+          )
+        ),
+        ...getItemRadixProps(variant),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const RadioMenuItem = React.forwardRef(
+  function RadioMenuItem2({ className, variant = "primary", ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)(`${variant}MenuItem`);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_dropdown_menu.RadioItem,
+      {
+        ref,
+        className: (0, import_clsx.default)(
+          className,
+          (0, import_utils.namespaceClassNames)(
+            "menu-item",
+            // TODO: Remove BEM-style selector once conventions are standardized
+            variant !== "primary" && `menu-item--${variant}`
+          )
+        ),
+        ...getItemRadixProps(variant),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+function getItemRadixProps(variant) {
+  if (variant === "primary") {
+    return {};
+  }
+  if (variant === "destructive") {
+    return {
+      color: "red"
+    };
+  }
+  variant;
+  return {};
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxItem,
+  Content,
+  Group,
+  Item,
+  Label,
+  RadioGroup,
+  RadioItem,
+  Root,
+  Separator,
+  Sub,
+  SubContent,
+  SubTrigger,
+  Trigger,
+  TriggerIcon
+});
+//# sourceMappingURL=dropdown-menu.cjs.map

package/dist/cjs/lib/elements/dropdown-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/elements/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport {\n  Content as RadixContent,\n  Item as RadixItem,\n  CheckboxItem as RadixCheckboxItem,\n  RadioItem as RadixRadioItem,\n  type ContentProps as RadixContentProps,\n  type ItemProps as RadixItemProps,\n  type CheckboxItemProps as RadixCheckboxItemProps,\n  type RadioItemProps as RadixRadioItemProps,\n} from \"@radix-ui/themes/components/dropdown-menu\";\nimport cx from \"clsx\";\nimport { useElement } from \"../widgets-context.js\";\nimport { getDomProps, namespaceClassNames } from \"../utils.js\";\n\ninterface ContentProps extends Omit<RadixContentProps, \"variant\"> {}\n\nconst DropdownMenuContent = React.forwardRef<HTMLDivElement, ContentProps>(\n  function DropdownMenuContent({ className, ...props }, ref) {\n    const element = useElement(\"dropdown\");\n    return (\n      <RadixContent\n        ref={ref}\n        className={cx(namespaceClassNames(\"dropdown\"), className)}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\ninterface ItemProps extends Omit<RadixItemProps, \"variant\" | \"color\"> {\n  variant?: \"primary\" | \"destructive\";\n}\n\nconst MenuItem = React.forwardRef<HTMLDivElement, ItemProps>(function MenuItem(\n  { className, variant = \"primary\", ...props },\n  ref,\n) {\n  const element = useElement(`${variant}MenuItem`);\n  return (\n    <RadixItem\n      ref={ref}\n      {...getDomProps({\n        elementId: `${variant}MenuItem`,\n        className: cx(\n          className,\n          // TODO: Remove BEM-style selector once conventions are standardized\n          variant !== \"primary\" && `menu-item--${variant}`,\n        ),\n      })}\n      {...getItemRadixProps(variant)}\n      {...props}\n      {...element}\n    />\n  );\n});\n\ninterface CheckboxItemProps extends Omit<RadixCheckboxItemProps, \"variant\"> {\n  variant?: \"primary\";\n}\n\nconst CheckboxMenuItem = React.forwardRef<HTMLDivElement, CheckboxItemProps>(\n  function CheckboxMenuItem({ className, variant = \"primary\", ...props }, ref) {\n    const element = useElement(`${variant}MenuItem`);\n    return (\n      <RadixCheckboxItem\n        ref={ref}\n        className={cx(\n          className,\n          namespaceClassNames(\n            \"menu-item\",\n            // TODO: Remove BEM-style selector once conventions are standardized\n            variant !== \"primary\" && `menu-item--${variant}`,\n          ),\n        )}\n        {...getItemRadixProps(variant)}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\ninterface RadioItemProps extends Omit<RadixRadioItemProps, \"variant\"> {\n  variant?: \"primary\";\n}\n\nconst RadioMenuItem = React.forwardRef<HTMLDivElement, RadioItemProps>(\n  function RadioMenuItem({ className, variant = \"primary\", ...props }, ref) {\n    const element = useElement(`${variant}MenuItem`);\n    return (\n      <RadixRadioItem\n        ref={ref}\n        className={cx(\n          className,\n          namespaceClassNames(\n            \"menu-item\",\n            // TODO: Remove BEM-style selector once conventions are standardized\n            variant !== \"primary\" && `menu-item--${variant}`,\n          ),\n        )}\n        {...getItemRadixProps(variant)}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nfunction getItemRadixProps(\n  variant: Exclude<ItemProps[\"variant\"], undefined>,\n): Pick<RadixItemProps, \"color\"> {\n  if (variant === \"primary\") {\n    return {};\n  }\n  if (variant === \"destructive\") {\n    return {\n      color: \"red\",\n    };\n  }\n  variant satisfies never;\n  return {};\n}\n\nexport {\n  DropdownMenuContent as Content,\n  MenuItem as Item,\n  CheckboxMenuItem as CheckboxItem,\n  RadioMenuItem as RadioItem,\n};\n\nexport type { ContentProps, ItemProps, CheckboxItemProps, RadioItemProps };\n\nexport {\n  Group,\n  Label,\n  RadioGroup,\n  Root,\n  Separator,\n  Sub,\n  SubContent,\n  SubTrigger,\n  Trigger,\n  TriggerIcon,\n} from \"@radix-ui/themes/components/dropdown-menu\";\nexport type {\n  GroupProps,\n  LabelProps,\n  RadioGroupProps,\n  RootProps,\n  SeparatorProps,\n  SubContentProps,\n  SubProps,\n  SubTriggerProps,\n  TriggerIconProps,\n  TriggerProps,\n} from \"@radix-ui/themes/components/dropdown-menu\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBM;AArBN,YAAuB;AACvB,2BASO;AACP,kBAAe;AACf,6BAA2B;AAC3B,mBAAiD;AAyHjD,IAAAA,wBAWO;AAhIP,MAAM,sBAAsB,MAAM;AAAA,EAChC,SAASC,qBAAoB,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACzD,UAAM,cAAU,mCAAW,UAAU;AACrC,WACE;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAC,aAAG,kCAAoB,UAAU,GAAG,SAAS;AAAA,QACvD,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAMA,MAAM,WAAW,MAAM,WAAsC,SAASC,UACpE,EAAE,WAAW,UAAU,WAAW,GAAG,MAAM,GAC3C,KACA;AACA,QAAM,cAAU,mCAAW,GAAG,OAAO,UAAU;AAC/C,SACE;AAAA,IAAC,qBAAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACC,OAAG,0BAAY;AAAA,QACd,WAAW,GAAG,OAAO;AAAA,QACrB,eAAW,YAAAF;AAAA,UACT;AAAA;AAAA,UAEA,YAAY,aAAa,cAAc,OAAO;AAAA,QAChD;AAAA,MACF,CAAC;AAAA,MACA,GAAG,kBAAkB,OAAO;AAAA,MAC5B,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AAMD,MAAM,mBAAmB,MAAM;AAAA,EAC7B,SAASG,kBAAiB,EAAE,WAAW,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AAC3E,UAAM,cAAU,mCAAW,GAAG,OAAO,UAAU;AAC/C,WACE;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAJ;AAAA,UACT;AAAA,cACA;AAAA,YACE;AAAA;AAAA,YAEA,YAAY,aAAa,cAAc,OAAO;AAAA,UAChD;AAAA,QACF;AAAA,QACC,GAAG,kBAAkB,OAAO;AAAA,QAC5B,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAMA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASK,eAAc,EAAE,WAAW,UAAU,WAAW,GAAG,MAAM,GAAG,KAAK;AACxE,UAAM,cAAU,mCAAW,GAAG,OAAO,UAAU;AAC/C,WACE;AAAA,MAAC,qBAAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,eAAW,YAAAN;AAAA,UACT;AAAA,cACA;AAAA,YACE;AAAA;AAAA,YAEA,YAAY,aAAa,cAAc,OAAO;AAAA,UAChD;AAAA,QACF;AAAA,QACC,GAAG,kBAAkB,OAAO;AAAA,QAC5B,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAEA,SAAS,kBACP,SAC+B;AAC/B,MAAI,YAAY,WAAW;AACzB,WAAO,CAAC;AAAA,EACV;AACA,MAAI,YAAY,eAAe;AAC7B,WAAO;AAAA,MACL,OAAO;AAAA,IACT;AAAA,EACF;AACA;AACA,SAAO,CAAC;AACV;","names":["import_dropdown_menu","DropdownMenuContent","RadixContent","cx","MenuItem","RadixItem","CheckboxMenuItem","RadixCheckboxItem","RadioMenuItem","RadixRadioItem"]}

package/dist/cjs/lib/elements/dropdown-menu.d.cts

@@ -0,0 +1,3 @@
+import 'react';
+export { Group, GroupProps, Label, LabelProps, RadioGroup, RadioGroupProps, Root, RootProps, Separator, SeparatorProps, Sub, SubContent, SubContentProps, SubProps, SubTrigger, SubTriggerProps, Trigger, TriggerIcon, TriggerIconProps, TriggerProps } from '@radix-ui/themes/components/dropdown-menu';
+export { C as CheckboxItem, b as CheckboxItemProps, D as Content, a as ContentProps, M as Item, I as ItemProps, R as RadioItem, c as RadioItemProps } from '../../dropdown-menu-BQ5LtvdR.cjs';

package/dist/cjs/lib/elements/select.cjs

@@ -0,0 +1,112 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var select_exports = {};
+__export(select_exports, {
+  Content: () => SelectContent,
+  Group: () => import_select.Group,
+  Item: () => SelectItem,
+  Label: () => import_select.Label,
+  Root: () => import_select.Root,
+  Separator: () => import_select.Separator,
+  Trigger: () => SelectTrigger
+});
+module.exports = __toCommonJS(select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var React = __toESM(require("react"), 1);
+var import_themes = require("@radix-ui/themes");
+var import_clsx = __toESM(require("clsx"), 1);
+var import_widgets_context = require("../widgets-context.js");
+var import_utils = require("../utils.js");
+var import_select = require("@radix-ui/themes/components/select");
+const SelectTrigger = React.forwardRef(
+  function SelectTrigger2({ className, ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)("select");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Select.Trigger,
+      {
+        ref,
+        ...(0, import_utils.getDomProps)({ elementId: "select", className }),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const SelectContent = React.forwardRef(
+  function SelectContent2({ className, ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)("dropdown");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Select.Content,
+      {
+        ref,
+        ...(0, import_utils.getDomProps)({
+          elementId: "dropdown",
+          // TODO: This should probably be removed in the next major version. We
+          // should have a consistent way to differentiate between dropdowns and
+          // selects in the elements API.
+          className: (0, import_clsx.default)(className, (0, import_utils.namespaceClassNames)("select-dropdown"))
+        }),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+const SelectItem = React.forwardRef(
+  function SelectItem2({ className, ...props }, ref) {
+    const element = (0, import_widgets_context.useElement)("primaryMenuItem");
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes.Select.Item,
+      {
+        ref,
+        ...(0, import_utils.getDomProps)({
+          elementId: "primaryMenuItem",
+          // TODO: This should probably be removed in the next major version. We
+          // should have a consistent way to differentiate between dropdowns and
+          // selects in the elements API.
+          className: (0, import_clsx.default)(className, (0, import_utils.namespaceClassNames)("select-item"))
+        }),
+        ...props,
+        ...element
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Content,
+  Group,
+  Item,
+  Label,
+  Root,
+  Separator,
+  Trigger
+});
+//# sourceMappingURL=select.cjs.map

package/dist/cjs/lib/elements/select.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/elements/select.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Select as RadixSelect } from \"@radix-ui/themes\";\nimport cx from \"clsx\";\nimport { useElement } from \"../widgets-context.js\";\nimport { getDomProps, namespaceClassNames } from \"../utils.js\";\n\ninterface TriggerProps extends Omit<RadixSelect.TriggerProps, \"variant\"> {}\n\nconst SelectTrigger = React.forwardRef<HTMLButtonElement, TriggerProps>(\n  function SelectTrigger({ className, ...props }, ref) {\n    const element = useElement(\"select\");\n    return (\n      <RadixSelect.Trigger\n        ref={ref}\n        {...getDomProps({ elementId: \"select\", className })}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\ninterface ContentProps extends Omit<RadixSelect.ContentProps, \"variant\"> {}\n\nconst SelectContent = React.forwardRef<HTMLDivElement, ContentProps>(\n  function SelectContent({ className, ...props }, ref) {\n    const element = useElement(\"dropdown\");\n    return (\n      <RadixSelect.Content\n        ref={ref}\n        {...getDomProps({\n          elementId: \"dropdown\",\n          // TODO: This should probably be removed in the next major version. We\n          // should have a consistent way to differentiate between dropdowns and\n          // selects in the elements API.\n          className: cx(className, namespaceClassNames(\"select-dropdown\")),\n        })}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\ninterface ItemProps extends Omit<RadixSelect.ItemProps, \"variant\"> {}\n\nconst SelectItem = React.forwardRef<HTMLDivElement, ItemProps>(\n  function SelectItem({ className, ...props }, ref) {\n    const element = useElement(\"primaryMenuItem\");\n    return (\n      <RadixSelect.Item\n        ref={ref}\n        {...getDomProps({\n          elementId: \"primaryMenuItem\",\n          // TODO: This should probably be removed in the next major version. We\n          // should have a consistent way to differentiate between dropdowns and\n          // selects in the elements API.\n          className: cx(className, namespaceClassNames(\"select-item\")),\n        })}\n        {...props}\n        {...element}\n      />\n    );\n  },\n);\n\nexport {\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n};\n\nexport type { TriggerProps, ContentProps, ItemProps };\n\nexport {\n  Group,\n  Label,\n  Root,\n  Separator,\n} from \"@radix-ui/themes/components/select\";\nexport type {\n  GroupProps,\n  LabelProps,\n  RootProps,\n  SeparatorProps,\n} from \"@radix-ui/themes/components/select\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcM;AAZN,YAAuB;AACvB,oBAAsC;AACtC,kBAAe;AACf,6BAA2B;AAC3B,mBAAiD;AAsEjD,oBAKO;AAvEP,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASA,eAAc,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACnD,UAAM,cAAU,mCAAW,QAAQ;AACnC,WACE;AAAA,MAAC,cAAAC,OAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACC,OAAG,0BAAY,EAAE,WAAW,UAAU,UAAU,CAAC;AAAA,QACjD,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAIA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,SAASC,eAAc,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AACnD,UAAM,cAAU,mCAAW,UAAU;AACrC,WACE;AAAA,MAAC,cAAAD,OAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACC,OAAG,0BAAY;AAAA,UACd,WAAW;AAAA;AAAA;AAAA;AAAA,UAIX,eAAW,YAAAE,SAAG,eAAW,kCAAoB,iBAAiB,CAAC;AAAA,QACjE,CAAC;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AAIA,MAAM,aAAa,MAAM;AAAA,EACvB,SAASC,YAAW,EAAE,WAAW,GAAG,MAAM,GAAG,KAAK;AAChD,UAAM,cAAU,mCAAW,iBAAiB;AAC5C,WACE;AAAA,MAAC,cAAAH,OAAY;AAAA,MAAZ;AAAA,QACC;AAAA,QACC,OAAG,0BAAY;AAAA,UACd,WAAW;AAAA;AAAA;AAAA;AAAA,UAIX,eAAW,YAAAE,SAAG,eAAW,kCAAoB,aAAa,CAAC;AAAA,QAC7D,CAAC;AAAA,QACA,GAAG;AAAA,QACH,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;","names":["SelectTrigger","RadixSelect","SelectContent","cx","SelectItem"]}

package/dist/cjs/lib/elements/select.d.cts

@@ -0,0 +1,4 @@
+import 'react';
+import '@radix-ui/themes';
+export { Group, GroupProps, Label, LabelProps, Root, RootProps, Separator, SeparatorProps } from '@radix-ui/themes/components/select';
+export { a as Content, C as ContentProps, b as Item, I as ItemProps, S as Trigger, T as TriggerProps } from '../../select-KR89Qnvm.cjs';

package/dist/cjs/lib/elements/utils.cjs

@@ -0,0 +1,54 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var utils_exports = {};
+__export(utils_exports, {
+  useDialogOverlayHack: () => useDialogOverlayHack
+});
+module.exports = __toCommonJS(utils_exports);
+var React = __toESM(require("react"), 1);
+var import_react_compose_refs = require("@radix-ui/react-compose-refs");
+var import_use_layout_effect = require("../use-layout-effect.js");
+function useDialogOverlayHack(forwardedRef, { className, selector }) {
+  const [node, setNode] = React.useState(null);
+  const ref = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, setNode);
+  (0, import_use_layout_effect.useLayoutEffect)(() => {
+    if (!node) {
+      return;
+    }
+    const document = node.ownerDocument;
+    const overlay = document.querySelector(selector);
+    overlay?.classList.add(className);
+  }, [node, className, selector]);
+  return { ref };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDialogOverlayHack
+});
+//# sourceMappingURL=utils.cjs.map

package/dist/cjs/lib/elements/utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/lib/elements/utils.ts"],"sourcesContent":["import * as React from \"react\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { useLayoutEffect } from \"../use-layout-effect.js\";\n\n/**\n * HACK: Radix themes does not expose the dialog overlay, but we want consumer\n * to be able to style it with a classname. This will add a classname to the\n * overlay when the dialog content is mounted.\n */\nexport function useDialogOverlayHack(\n  forwardedRef: React.Ref<HTMLDivElement | null>,\n  { className, selector }: { className: string; selector: string },\n): { ref: React.Ref<HTMLDivElement | null> } {\n  const [node, setNode] = React.useState<HTMLDivElement | null>(null);\n  const ref = useComposedRefs(forwardedRef, setNode as any);\n  useLayoutEffect(() => {\n    if (!node) {\n      return;\n    }\n    const document = node.ownerDocument;\n    const overlay = document.querySelector<HTMLDivElement>(selector);\n    overlay?.classList.add(className);\n  }, [node, className, selector]);\n\n  return { ref };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,gCAAgC;AAChC,+BAAgC;AAOzB,SAAS,qBACd,cACA,EAAE,WAAW,SAAS,GACqB;AAC3C,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAgC,IAAI;AAClE,QAAM,UAAM,2CAAgB,cAAc,OAAc;AACxD,gDAAgB,MAAM;AACpB,QAAI,CAAC,MAAM;AACT;AAAA,IACF;AACA,UAAM,WAAW,KAAK;AACtB,UAAM,UAAU,SAAS,cAA8B,QAAQ;AAC/D,aAAS,UAAU,IAAI,SAAS;AAAA,EAClC,GAAG,CAAC,MAAM,WAAW,QAAQ,CAAC;AAE9B,SAAO,EAAE,IAAI;AACf;","names":[]}

package/dist/cjs/lib/elements/utils.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+
+/**
+ * HACK: Radix themes does not expose the dialog overlay, but we want consumer
+ * to be able to style it with a classname. This will add a classname to the
+ * overlay when the dialog content is mounted.
+ */
+declare function useDialogOverlayHack(forwardedRef: React.Ref<HTMLDivElement | null>, { className, selector }: {
+    className: string;
+    selector: string;
+}): {
+    ref: React.Ref<HTMLDivElement | null>;
+};
+
+export { useDialogOverlayHack };