@radui/ui 0.0.9 → 0.0.11

package/dist/components/Tabs.js

@@ -1,231 +1 @@
-'use client';
-import React, { useState } from 'react';
-
-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 _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;
-}
-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.");
-}
-
-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$2 = ["tab", "setActiveTab", "activeTab", "className", "customRootClass"];
-var COMPONENT_NAME$3 = 'TabTrigger';
-var TabTrigger = function TabTrigger(_ref) {
-  var tab = _ref.tab,
-    setActiveTab = _ref.setActiveTab,
-    activeTab = _ref.activeTab,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    customRootClass = _ref.customRootClass,
-    props = _objectWithoutProperties(_ref, _excluded$2);
-  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME$3);
-  var isActive = activeTab === tab.value;
-  var handleClick = function handleClick(tab) {
-    setActiveTab(tab.value);
-  };
-  return /*#__PURE__*/React.createElement("button", _extends({
-    role: "tab",
-    className: "".concat(rootClass, " ").concat(isActive ? 'active' : '', " ").concat(className)
-  }, props, {
-    onClick: function onClick() {
-      return handleClick(tab);
-    }
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(rootClass, "-inner")
-  }, tab.label));
-};
-TabTrigger.displayName = 'TabTrigger';
-
-var COMPONENT_NAME$2 = 'TabList';
-var TabList = function TabList(_ref) {
-  var _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    setActiveTab = _ref.setActiveTab,
-    activeTab = _ref.activeTab,
-    _ref$customRootClass = _ref.customRootClass,
-    customRootClass = _ref$customRootClass === void 0 ? '' : _ref$customRootClass;
-  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME$2);
-  return /*#__PURE__*/React.createElement("div", {
-    role: "tablist",
-    "aria-orientation": "horizontal",
-    "aria-label": "todo",
-    className: "".concat(rootClass, " ").concat(className)
-  }, tabs.map(function (tab, index) {
-    return /*#__PURE__*/React.createElement(TabTrigger, {
-      activeTab: activeTab,
-      setActiveTab: setActiveTab,
-      key: index,
-      tab: tab,
-      index: index
-    });
-  }));
-};
-TabList.displayName = COMPONENT_NAME$2;
-
-var COMPONENT_NAME$1 = 'TabContent';
-var TabContent = function TabContent(_ref) {
-  var _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
-    activeTab = _ref.activeTab,
-    _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$1);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(rootClass, " ").concat(className)
-  }, tabs.map(function (tab, index) {
-    if (tab.value === activeTab) {
-      return /*#__PURE__*/React.createElement("div", {
-        key: index
-      }, tab.content);
-    }
-    return null;
-  }));
-};
-TabContent.displayName = COMPONENT_NAME$1;
-
-var _excluded$1 = ["children", "customRootClass", "className", "color"];
-var COMPONENT_NAME = 'TabRoot';
-var TabRoot = function TabRoot(_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,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? undefined : _ref$color,
-    props = _objectWithoutProperties(_ref, _excluded$1);
-  var rootClass = customClassSwitcher(customRootClass, COMPONENT_NAME);
-  if (color) {
-    props['data-accent-color'] = color;
-  }
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "".concat(rootClass, " ").concat(className)
-  }, props), children);
-};
-TabRoot.displayName = COMPONENT_NAME;
-
-var _excluded = ["tabs"];
-var Tabs = function Tabs(_ref) {
-  var _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs,
-    props = _objectWithoutProperties(_ref, _excluded);
-  // This should be a value <`tabs.value`> that is passed in from the parent component
-  var _useState = useState(tabs[0].value || ''),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeTab = _useState2[0],
-    setActiveTab = _useState2[1];
-  return /*#__PURE__*/React.createElement(TabRoot, props, /*#__PURE__*/React.createElement(TabList, {
-    activeTab: activeTab,
-    setActiveTab: setActiveTab,
-    tabs: tabs
-  }), /*#__PURE__*/React.createElement(TabContent, {
-    activeTab: activeTab,
-    tabs: tabs
-  }));
-};
-Tabs.List = TabList;
-Tabs.Content = TabContent;
-Tabs.Root = TabRoot;
-
-export { Tabs as default };
+import t,{useState as e}from"react";function a(){return a=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(t[r]=a[r])}return t},a.apply(this,arguments)}function r(t,e){if(null==t)return{};var a,r,n=function(t,e){if(null==t)return{};var a,r,n={},o=Object.keys(t);for(r=0;r<o.length;r++)a=o[r],e.indexOf(a)>=0||(n[a]=t[a]);return n}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(r=0;r<o.length;r++)a=o[r],e.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(t,a)&&(n[a]=t[a])}return n}function n(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){var a=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=a){var r,n,o,c,i=[],l=!0,s=!1;try{if(o=(a=a.call(t)).next,0===e){if(Object(a)!==a)return;l=!1}else for(;!(l=(r=o.call(a)).done)&&(i.push(r.value),i.length!==e);l=!0);}catch(t){s=!0,n=t}finally{try{if(!l&&null!=a.return&&(c=a.return(),Object(c)!==c))return}finally{if(s)throw n}}return i}}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return o(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return o(t,e)}(t,e)||function(){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 o(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}var c=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",a=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return t||(e?"".concat("rad-ui","-").concat(a):"")},i=["tab","setActiveTab","activeTab","className","customRootClass"],l=function(e){var n=e.tab,o=e.setActiveTab,l=e.activeTab,s=e.className,u=void 0===s?"":s,v=e.customRootClass,b=r(e,i),f=c(v,"TabTrigger"),m=l===n.value;return t.createElement("button",a({role:"tab",className:"".concat(f," ").concat(m?"active":""," ").concat(u)},b,{onClick:function(){return function(t){o(t.value)}(n)}}),t.createElement("span",{className:"".concat(f,"-inner")},n.label))};l.displayName="TabTrigger";var s="TabList",u=function(e){var a=e.tabs,r=void 0===a?[]:a,n=e.className,o=void 0===n?"":n,i=e.setActiveTab,u=e.activeTab,v=e.customRootClass,b=c(void 0===v?"":v,s);return t.createElement("div",{role:"tablist","aria-orientation":"horizontal","aria-label":"todo",className:"".concat(b," ").concat(o)},r.map((function(e,a){return t.createElement(l,{activeTab:u,setActiveTab:i,key:a,tab:e,index:a})})))};u.displayName=s;var v="TabContent",b=function(e){var a=e.tabs,r=void 0===a?[]:a,n=e.activeTab,o=e.className,i=void 0===o?"":o,l=e.customRootClass,s=c(void 0===l?"":l,v);return t.createElement("div",{className:"".concat(s," ").concat(i)},r.map((function(e,a){return e.value===n?t.createElement("div",{key:a},e.content):null})))};b.displayName=v;var f=["children","customRootClass","className","color"],m="TabRoot",d=function(e){var n=e.children,o=e.customRootClass,i=void 0===o?"":o,l=e.className,s=void 0===l?"":l,u=e.color,v=void 0===u?void 0:u,b=r(e,f),d=c(i,m);return v&&(b["data-accent-color"]=v),t.createElement("div",a({className:"".concat(d," ").concat(s)},b),n)};d.displayName=m;var y=["tabs"],p=function(a){var o=a.tabs,c=void 0===o?[]:o,i=r(a,y),l=n(e(c[0].value||""),2),s=l[0],v=l[1];return t.createElement(d,i,t.createElement(u,{activeTab:s,setActiveTab:v,tabs:c}),t.createElement(b,{activeTab:s,tabs:c}))};p.List=u,p.Content=b,p.Root=d;export{p as default};

package/dist/components/Text.js

@@ -1,80 +1 @@
-'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"];
-
-// Can be rendered as p, label, div, span, etc.
-// TODO: Add as prop support
-// TODO: Add a core reusable function to check and render an as prop
-
-var COMPONENT_NAME = 'Text';
-var Text = function Text(_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("p", _extends({
-    className: "".concat(rootClass, " ").concat(className)
-  }, props), children);
-};
-Text.displayName = COMPONENT_NAME;
-
-export { Text as default };
+import t from"react";function e(){return e=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},e.apply(this,arguments)}function r(t,e){if(null==t)return{};var r,n,a=function(t,e){if(null==t)return{};var r,n,a={},o=Object.keys(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)>=0||(a[r]=t[r]);return a}(t,e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);for(n=0;n<o.length;n++)r=o[n],e.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(t,r)&&(a[r]=t[r])}return a}var n=["children","customRootClass","className"],a="Text",o=function(o){var c=o.children,l=o.customRootClass,s=void 0===l?"":l,i=o.className,u=void 0===i?"":i,f=r(o,n),p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return t||(e?"".concat("rad-ui","-").concat(r):"")}(s,a);return t.createElement("p",e({className:"".concat(p," ").concat(u)},f),c)};o.displayName=a;export{o as default};

package/dist/components/TextArea.js

@@ -1,9 +1 @@
-'use client';
-import React from 'react';
-
-var TextArea = function TextArea(_ref) {
-  _ref.children;
-  return /*#__PURE__*/React.createElement("textarea", null);
-};
-
-export { TextArea as default };
+import e from"react";var r=function(r){return r.children,e.createElement("textarea",null)};export{r as default};

package/dist/components/Tooltip.js

@@ -1,58 +1 @@
-'use client';
-import Popper from '~/components/tools/Popper/Popper';
-
-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 _excluded = ["children", "label"];
-var COMPONENT_NAME = 'Tooltip';
-var Tooltip = function Tooltip(_ref) {
-  var children = _ref.children;
-    _ref.label;
-    var props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Popper, _extends({
-    popperName: COMPONENT_NAME,
-    pop: 'hello'
-  }, props), children));
-};
-
-export { Tooltip as default };
+import e from"~/components/tools/Popper/Popper";function r(){return r=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},r.apply(this,arguments)}function t(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)t=l[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var n=["children","label"],o=function(o){var l=o.children;o.label;var a=t(o,n);return React.createElement("div",null,React.createElement(e,r({popperName:"Tooltip",pop:"hello"},a),l))};export{o as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radui/ui",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "description": "",
   "main": "dist",
   "type": "module",