@radui/ui 0.0.3 → 0.0.5

package/dist/{Dropdown.js → components/Dropdown.js}

@@ -3,6 +3,56 @@ import * as React$1 from 'react';
 import { useLayoutEffect, useEffect, useState } from 'react';
 import * as ReactDOM from 'react-dom';
 
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+  return arr2;
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
 function getNodeName(node) {
   if (isNode(node)) {
     return (node.nodeName || '').toLowerCase();
@@ -1736,15 +1786,23 @@ function useFloating(options) {
   }), [position, refs, elements, context]);
 }
 
-const Dropdown = _ref => {
-  const [isOpen, setIsOpen] = useState(false);
+var Dropdown = function Dropdown(_ref) {
+  _ref.list;
+    _ref.selected;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
   // todo
-  useFloating({
-    open: isOpen,
-    onOpenChange: setIsOpen,
-    middleware: [offset(10), flip(), shift()],
-    whileElementsMounted: autoUpdate
-  });
+  var _useFloating = useFloating({
+      open: isOpen,
+      onOpenChange: setIsOpen,
+      middleware: [offset(10), flip(), shift()],
+      whileElementsMounted: autoUpdate
+    });
+    _useFloating.refs;
+    _useFloating.floatingStyles;
+    _useFloating.context;
   return /*#__PURE__*/React.createElement("div", null, "Dropdown");
 };
 

package/dist/components/Em.js

@@ -0,0 +1,75 @@
+'use client';
+import React from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  // applies a custom root class the user provides, else applies the default rad-ui classes to the component
+  // rad ui's classes are based on this logic
+
+  // add dashes between capitalized words
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (customRootClass) return customRootClass;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
+  return '';
+};
+
+var _excluded = ["children", "customRootClass", "className"];
+var COMPONENT_NAME = 'Em';
+var Em = function Em(_ref) {
+  var children = _ref.children,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+  return /*#__PURE__*/React.createElement("em", _extends({
+    className: "".concat(rootClass, " ").concat(className)
+  }, props), children);
+};
+Em.displayName = COMPONENT_NAME;
+
+export { Em as default };

package/dist/{Heading.js → components/Heading.js}

@@ -16,20 +16,20 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
-const RAD_UI_CLASS_PREFIX = 'rad-ui';
-const customClassSwitcher = function (customRootClass) {
-  let componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
   // applies a custom root class the user provides, else applies the default rad-ui classes to the component
   // rad ui's classes are based on this logic
 
   // add dashes between capitalized words
-  const componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
   if (customRootClass) return customRootClass;
-  if (componentName) return `${RAD_UI_CLASS_PREFIX}-${componentClassName}`;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
   return '';
 };
 
-const RENDER_AS_ENUMS = [{
+var RENDER_AS_ENUMS = [{
   label: 'H1',
   tag: 'h1'
 }, {
@@ -48,27 +48,31 @@ const RENDER_AS_ENUMS = [{
   label: 'H6',
   tag: 'h6'
 }];
-const Heading = function (_ref) {
-  let {
-    children,
-    as = undefined,
-    customRootClass = '',
-    className = ''
-  } = _ref;
-  const rootClass = customClassSwitcher(customRootClass, as || 'h1');
+var Heading = function Heading(_ref) {
+  var children = _ref.children,
+    _ref$as = _ref.as,
+    as = _ref$as === void 0 ? undefined : _ref$as,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className;
+  var rootClass = customClassSwitcher(customRootClass, as || 'h1');
   for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
     props[_key - 1] = arguments[_key];
   }
-  if (as !== undefined && RENDER_AS_ENUMS.find(item => item.tag === as)) {
-    const {
-      tag: Tag
-    } = RENDER_AS_ENUMS.find(item => item.tag === as);
+  if (as !== undefined && RENDER_AS_ENUMS.find(function (item) {
+    return item.tag === as;
+  })) {
+    var _RENDER_AS_ENUMS$find = RENDER_AS_ENUMS.find(function (item) {
+        return item.tag === as;
+      }),
+      Tag = _RENDER_AS_ENUMS$find.tag;
     return /*#__PURE__*/React.createElement(Tag, _extends({
-      className: `${rootClass} ${className}`
+      className: "".concat(rootClass, " ").concat(className)
     }, props), children);
   }
   return /*#__PURE__*/React.createElement("h1", _extends({
-    className: `${rootClass} ${className}`
+    className: "".concat(rootClass, " ").concat(className)
   }, props), children);
 };
 Heading.displayName = 'Heading';

package/dist/components/Kbd.js

@@ -0,0 +1,74 @@
+'use client';
+import React from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  // applies a custom root class the user provides, else applies the default rad-ui classes to the component
+  // rad ui's classes are based on this logic
+
+  // add dashes between capitalized words
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (customRootClass) return customRootClass;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
+  return '';
+};
+
+var _excluded = ["children", "customRootClass", "className"];
+var COMPONENT_NAME = 'Kbd';
+var Kbd = function Kbd(_ref) {
+  var children = _ref.children,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+  return /*#__PURE__*/React.createElement("kbd", _extends({
+    className: "".concat(rootClass, " ").concat(className)
+  }, rest), children);
+};
+
+export { Kbd as default };

package/dist/components/Link.js

@@ -0,0 +1,81 @@
+'use client';
+import React from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  // applies a custom root class the user provides, else applies the default rad-ui classes to the component
+  // rad ui's classes are based on this logic
+
+  // add dashes between capitalized words
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (customRootClass) return customRootClass;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
+  return '';
+};
+
+var _excluded = ["children", "href", "alt", "customRootClass", "className"];
+var COMPONENT_NAME = 'Link';
+var Link = function Link(_ref) {
+  var children = _ref.children,
+    _ref$href = _ref.href,
+    href = _ref$href === void 0 ? '#' : _ref$href,
+    _ref$alt = _ref.alt,
+    alt = _ref$alt === void 0 ? '' : _ref$alt,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+  return /*#__PURE__*/React.createElement("a", _extends({
+    href: href,
+    alt: alt,
+    className: "".concat(rootClass, " ").concat(className)
+  }, props), children);
+};
+Link.displayName = COMPONENT_NAME;
+
+export { Link as default };

package/dist/components/Quote.js

@@ -0,0 +1,75 @@
+'use client';
+import React from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  // applies a custom root class the user provides, else applies the default rad-ui classes to the component
+  // rad ui's classes are based on this logic
+
+  // add dashes between capitalized words
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (customRootClass) return customRootClass;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
+  return '';
+};
+
+var _excluded = ["children", "customRootClass", "className"];
+var COMPONENT_NAME = 'Quote';
+var Quote = function Quote(_ref) {
+  var children = _ref.children,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+  return /*#__PURE__*/React.createElement("q", _extends({
+    className: "".concat(rootClass, " ").concat(className)
+  }, props), children);
+};
+Quote.displayName = COMPONENT_NAME;
+
+export { Quote as default };

package/dist/components/Separator.js

@@ -0,0 +1,33 @@
+'use client';
+import React from 'react';
+
+var RAD_UI_CLASS_PREFIX = 'rad-ui';
+var customClassSwitcher = function customClassSwitcher(customRootClass) {
+  var componentName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  // applies a custom root class the user provides, else applies the default rad-ui classes to the component
+  // rad ui's classes are based on this logic
+
+  // add dashes between capitalized words
+  var componentClassName = componentName.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
+  if (customRootClass) return customRootClass;
+  if (componentName) return "".concat(RAD_UI_CLASS_PREFIX, "-").concat(componentClassName);
+  return '';
+};
+
+var COMPONENT_NAME = 'Separator';
+var Separator = function Separator(_ref) {
+  var _ref$orientation = _ref.orientation,
+    orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    _ref$customRootClass = _ref.customRootClass,
+    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass;
+  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
+  var orientationClass = orientation === 'vertical' ? "".concat(rootClass, "-vertical") : "".concat(rootClass, "-horizontal");
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(rootClass, " ").concat(orientationClass, " ").concat(className)
+  });
+};
+Separator.displayName = COMPONENT_NAME;
+
+export { Separator as default };

package/dist/{Strong.js → components/Strong.js}

@@ -1,8 +1,6 @@
 'use client';
-const Strong = _ref => {
-  let {
-    children
-  } = _ref;
+var Strong = function Strong(_ref) {
+  var children = _ref.children;
   return /*#__PURE__*/React.createElement("strong", null, children);
 };