@medusajs/ui 0.0.0-alpha-20230713141422

package/build/cjs/components/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,168 @@
+'use strict';
+
+var icons = require('@medusajs/icons');
+var Primitives = require('@radix-ui/react-dropdown-menu');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var label = require('../label/label.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Root = Primitives__namespace.Root;
+Root.displayName = "DropdownMenu.Root";
+const Trigger = Primitives__namespace.Trigger;
+Trigger.displayName = "DropdownMenu.Trigger";
+const Group = Primitives__namespace.Group;
+Group.displayName = "DropdownMenu.Group";
+const SubMenu = Primitives__namespace.Sub;
+SubMenu.displayName = "DropdownMenu.SubMenu";
+const RadioGroup = Primitives__namespace.RadioGroup;
+RadioGroup.displayName = "DropdownMenu.RadioGroup";
+const SubMenuTrigger = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.SubTrigger, Object.assign({
+  ref: ref,
+  className: clx.clx("focus:bg-ui-bg-base-pressed data-[state=open]:bg-ui-bg-base-pressed flex cursor-default select-none items-center rounded-sm px-3 py-2 outline-none", label.labelVariants({
+    size: "small"
+  }), className)
+}, props), children, /*#__PURE__*/React__namespace.createElement(icons.ChevronRightMini, {
+  className: "ml-auto"
+})));
+SubMenuTrigger.displayName = "DropdownMenu.SubMenuTrigger";
+const SubMenuContent = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Portal, null, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.SubContent, Object.assign({
+  ref: ref,
+  className: clx.clx("bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[8rem] overflow-hidden rounded-lg border p-1", className)
+}, props))));
+SubMenuContent.displayName = "DropdownMenu.SubMenuContent";
+const Content = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  sideOffset = 4,
+  align = "start",
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Portal, null, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Content, Object.assign({
+  ref: ref,
+  sideOffset: sideOffset,
+  align: align,
+  className: clx.clx("bg-ui-bg-base text-ui-fg-base 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 shadow-elevation-flyout z-50 min-w-[300px] overflow-hidden rounded-lg p-1", className)
+}, props))));
+Content.displayName = "DropdownMenu.Content";
+const Item = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Item, Object.assign({
+  ref: ref,
+  className: clx.clx("bg-ui-bg-base focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-default select-none items-center rounded-md px-3 py-2 outline-none transition-colors data-[disabled]:pointer-events-none", label.labelVariants({
+    size: "small"
+  }), className)
+}, props)));
+Item.displayName = "DropdownMenu.Item";
+const CheckboxItem = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  children,
+  checked,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.CheckboxItem, Object.assign({
+  ref: ref,
+  className: clx.clx("focus:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none", className),
+  checked: checked
+}, props), /*#__PURE__*/React__namespace.createElement("span", {
+  className: "absolute left-3 flex h-5 w-5 items-center justify-center"
+}, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.ItemIndicator, null, /*#__PURE__*/React__namespace.createElement(icons.CheckMini, null))), children));
+CheckboxItem.displayName = "DropdownMenu.CheckboxItem";
+const RadioItem = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.RadioItem, Object.assign({
+  ref: ref,
+  className: clx.clx("focus:bg-ui-bg-base-pressed hover:bg-ui-base-hover bg-ui-bg-base relative flex cursor-default select-none items-center rounded-md py-2 pl-10 pr-3 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[state=checked]:font-medium data-[disabled]:opacity-50", label.labelVariants({
+    size: "small"
+  }), className)
+}, props), /*#__PURE__*/React__namespace.createElement("span", {
+  className: "absolute left-3 flex h-5 w-5 items-center justify-center"
+}, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.ItemIndicator, null, /*#__PURE__*/React__namespace.createElement(icons.EllipseMiniSolid, {
+  className: "text-ui-fg-base"
+}))), children));
+RadioItem.displayName = "DropdownMenu.RadioItem";
+const Label = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Label, Object.assign({
+  ref: ref,
+  className: clx.clx("text-ui-fg-subtle px-2 py-1.5", label.labelVariants({
+    size: "xsmall",
+    weight: "plus"
+  }), className)
+}, props)));
+Label.displayName = "DropdownMenu.Label";
+const Separator = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Separator, Object.assign({
+  ref: ref,
+  className: clx.clx("bg-ui-border-base -mx-1 my-1 h-px", className)
+}, props)));
+Separator.displayName = "DropdownMenu.Separator";
+const Shortcut = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement("span", Object.assign({
+    className: clx.clx("text-ui-fg-subtle ml-auto tracking-widest", label.labelVariants({
+      size: "small"
+    }), className)
+  }, props));
+};
+Shortcut.displayName = "DropdownMenu.Shortcut";
+const Hint = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement("span", Object.assign({
+    className: clx.clx("text-ui-fg-subtle ml-auto tracking-widest", label.labelVariants({
+      size: "small"
+    }), className)
+  }, props));
+};
+Hint.displayName = "DropdownMenu.Hint";
+const DropdownMenu = Object.assign(Root, {
+  Trigger,
+  Group,
+  SubMenu,
+  SubMenuContent,
+  SubMenuTrigger,
+  Content,
+  Item,
+  CheckboxItem,
+  RadioGroup,
+  RadioItem,
+  Label,
+  Separator,
+  Shortcut,
+  Hint
+});
+
+exports.DropdownMenu = DropdownMenu;

package/build/cjs/components/focus-modal/focus-modal.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var icons = require('@medusajs/icons');
+var Primitives = require('@radix-ui/react-dialog');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var kbd = require('../kbd/kbd.js');
+var button = require('../button/button.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Root = Primitives__namespace.Root;
+Root.displayName = "FocusModal.Root";
+const Trigger = Primitives__namespace.Trigger;
+Trigger.displayName = "FocusModal.Trigger";
+const Portal = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.DialogPortal, Object.assign({
+    className: clx.clx(className)
+  }, props));
+};
+Portal.displayName = "FocusModal.Portal";
+const Overlay = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Overlay, Object.assign({
+    ref: ref,
+    className: clx.clx("fixed inset-0 z-50",
+    // "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",  // Re-enable when Admin UI has been cleaned up
+    className)
+  }, props));
+});
+Overlay.displayName = "FocusModal.Overlay";
+const Content = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement(Portal, null, /*#__PURE__*/React__namespace.createElement(Overlay, null), /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Content, Object.assign({
+    ref: ref,
+    className: clx.clx("bg-ui-bg-base shadow-elevation-modal fixed inset-2 z-50 flex flex-col rounded-lg border focus:outline-none",
+    // "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 duration-200",  // Re-enable when Admin UI has been cleaned up
+    className)
+  }, props)));
+});
+Content.displayName = "FocusModal.Content";
+const Header = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement("div", Object.assign({
+    className: clx.clx("border-ui-border-base flex items-start justify-between gap-x-4 border-b p-4", className)
+  }, props), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "flex items-center gap-x-2"
+  }, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Close, {
+    asChild: true
+  }, /*#__PURE__*/React__namespace.createElement(button.Button, {
+    variant: "transparent",
+    size: "sm",
+    format: "icon"
+  }, /*#__PURE__*/React__namespace.createElement(icons.XMark, null))), /*#__PURE__*/React__namespace.createElement(kbd.Kbd, null, "esc")), /*#__PURE__*/React__namespace.createElement("div", null, children));
+};
+Header.displayName = "FocusModal.Header";
+const Body = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement("div", Object.assign({
+    className: clx.clx("flex-1", className)
+  }, props));
+};
+Body.displayName = "FocusModal.Body";
+const FocusModal = {
+  Root,
+  Trigger,
+  Content,
+  Header,
+  Body
+};
+
+exports.FocusModal = FocusModal;

package/build/cjs/components/heading/heading.js

@@ -0,0 +1,52 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const headingVariants = classVarianceAuthority.cva("font-sans font-medium", {
+  variants: {
+    level: {
+      h1: "text-xl leading-8",
+      h2: "text-base leading-6",
+      h3: "text-sm leading-5"
+    }
+  },
+  defaultVariants: {
+    level: "h1"
+  }
+});
+const Heading = ({
+  level,
+  className,
+  ...props
+}) => {
+  const Component = level ? level : "h1";
+  return /*#__PURE__*/React__namespace.createElement(Component, Object.assign({
+    className: clx.clx(headingVariants({
+      level
+    }), className)
+  }, props));
+};
+
+exports.Heading = Heading;
+exports.headingVariants = headingVariants;

package/build/cjs/components/input/input.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var label = require('../label/label.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const inputVariants = classVarianceAuthority.cva("bg-ui-bg-subtle hover:bg-ui-bg-subtle-hover border-ui-border-loud-muted invalid:!border-ui-border-error invalid:focus:!shadow-borders-error disabled:text-ui-fg-disabled disabled:!bg-ui-bg-disabled disabled:!border-ui-border-base focus:border-ui-border-interactive focus:shadow-borders-active placeholder:text-ui-fg-muted text-ui-fg-base relative w-full rounded-md border outline-none transition-all disabled:cursor-not-allowed disabled:!shadow-none", {
+  variants: {
+    size: {
+      base: "h-10 px-3 py-[9px]",
+      small: "h-8"
+    }
+  }
+});
+const Input = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement("input", Object.assign({
+    ref: ref,
+    className: clx.clx(inputVariants({
+      size: "base"
+    }), label.labelVariants({
+      size: "base"
+    }), className)
+  }, props));
+});
+Input.displayName = "Input";
+
+exports.Input = Input;

package/build/cjs/components/kbd/kbd.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+var clx = require('../../utils/clx.js');
+var label = require('../label/label.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Kbd = ({
+  children,
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/React__namespace.createElement("kbd", Object.assign({}, props, {
+    className: clx.clx("bg-ui-tag-neutral-bg text-ui-tag-neutral-text border-ui-tag-neutral-border min-w-5 inline-flex h-5 w-fit items-center justify-center rounded-md border px-1", label.labelVariants({
+      size: "xsmall",
+      weight: "plus"
+    }), className)
+  }), children);
+};
+
+exports.Kbd = Kbd;

package/build/cjs/components/label/label.js

@@ -0,0 +1,63 @@
+'use strict';
+
+var Primitives = require('@radix-ui/react-label');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const labelVariants = classVarianceAuthority.cva("font-sans", {
+  variants: {
+    size: {
+      xsmall: "text-xs leading-5",
+      small: "text-[13px] leading-5",
+      base: "text-sm leading-5",
+      large: "text-base leading-5"
+    },
+    weight: {
+      regular: "font-normal",
+      plus: "font-medium"
+    }
+  },
+  defaultVariants: {
+    size: "base",
+    weight: "regular"
+  }
+});
+const Label = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  size = "base",
+  weight = "regular",
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Root, Object.assign({
+    ref: ref,
+    className: clx.clx(labelVariants({
+      size,
+      weight
+    }), className)
+  }, props));
+});
+Label.displayName = "Label";
+
+exports.Label = Label;
+exports.labelVariants = labelVariants;

package/build/cjs/components/radio-group/radio-group.js

@@ -0,0 +1,60 @@
+'use strict';
+
+var Primitives = require('@radix-ui/react-radio-group');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const Root = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Root, Object.assign({
+    className: clx.clx("grid gap-2", className)
+  }, props, {
+    ref: ref
+  }));
+});
+Root.displayName = "RadioGroup.Root";
+const Item = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  return /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Item, Object.assign({
+    ref: ref,
+    className: clx.clx("group relative flex h-5 w-5 items-center justify-center outline-none", className)
+  }, props), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "shadow-borders-base-w-shadow group-hover:shadow-borders-strong-w-shadow bg-ui-bg-base group-data-[state=checked]:bg-ui-bg-interactive group-data-[state=checked]:shadow-borders-interactive group-focus:!shadow-borders-interactive-w-focus group-disabled:!bg-ui-bg-disabled group-disabled:!shadow-borders-base flex h-[14px] w-[14px] items-center justify-center rounded-full transition-all"
+  }, /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Indicator, {
+    className: "flex items-center justify-center"
+  }, /*#__PURE__*/React__namespace.createElement("div", {
+    className: clx.clx("bg-ui-bg-base shadow-details-contrast-on-bg-interactive group-disabled:bg-ui-fg-disabled h-1.5 w-1.5 rounded-full group-disabled:shadow-none")
+  }))));
+});
+Item.displayName = "RadioGroup.Item";
+const RadioGroup = {
+  Root,
+  Item
+};
+
+exports.RadioGroup = RadioGroup;

package/build/cjs/components/switch/switch.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var Primitives = require('@radix-ui/react-switch');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var Primitives__namespace = /*#__PURE__*/_interopNamespaceDefault(Primitives);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const switchVariants = classVarianceAuthority.cva("bg-ui-bg-toggle-off hover:bg-ui-bg-toggle-off-hover data-[state=unchecked]:hover:after:bg-toggle-off-hover-gradient before:shadow-details-switch-background focus:shadow-details-switch-background-focus data-[state=checked]:bg-ui-bg-interactive disabled:!bg-ui-bg-disabled group relative inline-flex items-center rounded-full outline-none transition-all before:absolute before:inset-0 before:rounded-full before:content-[''] after:absolute after:inset-0 after:rounded-full after:content-[''] disabled:cursor-not-allowed", {
+  variants: {
+    size: {
+      small: "h-[16px] w-[28px]",
+      base: "h-[18px] w-[32px]"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+const thumbVariants = classVarianceAuthority.cva("bg-ui-bg-base shadow-details-switch-thumb group-disabled:bg-ui-bg-disabled pointer-events-none z-10 h-[14px] w-[14px] rounded-full transition-all", {
+  variants: {
+    size: {
+      small: "h-[12px] w-[12px] data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0.5",
+      base: "h-[14px] w-[14px] data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5"
+    }
+  },
+  defaultVariants: {
+    size: "base"
+  }
+});
+const Switch = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  size = "base",
+  ...props
+}, ref) => /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Root, Object.assign({
+  className: clx.clx(switchVariants({
+    size
+  }), className)
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React__namespace.createElement(Primitives__namespace.Thumb, {
+  className: clx.clx(thumbVariants({
+    size
+  }))
+})));
+Switch.displayName = "Switch";
+
+exports.Switch = Switch;

package/build/cjs/components/text/text.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var clx = require('../../utils/clx.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const textVariants = classVarianceAuthority.cva("", {
+  variants: {
+    size: {
+      base: "text-sm leading-6",
+      large: "text-base leading-7",
+      xlarge: "text-lg leading-8"
+    },
+    weight: {
+      regular: "font-normal",
+      plus: "font-medium"
+    },
+    family: {
+      sans: "font-sans",
+      mono: "font-mono"
+    }
+  },
+  defaultVariants: {
+    family: "sans",
+    size: "base",
+    weight: "regular"
+  }
+});
+const Text = /*#__PURE__*/React__namespace.forwardRef(({
+  className,
+  asChild = false,
+  size = "base",
+  weight = "regular",
+  family = "sans",
+  children,
+  ...props
+}, ref) => {
+  const Component = asChild ? reactSlot.Slot : "p";
+  return /*#__PURE__*/React__namespace.createElement(Component, Object.assign({
+    ref: ref,
+    className: clx.clx(textVariants({
+      size,
+      weight,
+      family
+    }), className)
+  }, props), children);
+});
+Text.displayName = "Text";
+
+exports.Text = Text;
+exports.textVariants = textVariants;