@yeverlibs/ds 1.0.0 → 1.0.1

package/dist/index.js

@@ -5,6 +5,7 @@ var tailwindMerge = require('tailwind-merge');
 var React107 = require('react');
 var navigation = require('next/navigation');
 var jsxRuntime = require('react/jsx-runtime');
+var tw5 = require('tailwind-styled-components');
 var Image4 = require('next/image');
 var ReactDOM = require('react-dom');
 var sonner = require('sonner');
@@ -41,6 +42,7 @@ function _interopNamespace(e) {
 }
 
 var React107__namespace = /*#__PURE__*/_interopNamespace(React107);
+var tw5__default = /*#__PURE__*/_interopDefault(tw5);
 var Image4__default = /*#__PURE__*/_interopDefault(Image4);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var dynamic__default = /*#__PURE__*/_interopDefault(dynamic);
@@ -3161,29 +3163,6 @@ function Yever(props) {
 var MemoYever = React107__namespace.memo(Yever);
 var Yever_default = MemoYever;
 var Spinner2 = ({ type }) => type === "loading" ? /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner_default, { className: "animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(Spinner_default, { className: "animate-spin" });
-var g = ["a", "abbr", "address", "area", "article", "aside", "audio", "b", "base", "bdi", "bdo", "big", "blockquote", "body", "br", "button", "canvas", "caption", "cite", "code", "col", "colgroup", "data", "datalist", "dd", "del", "details", "dfn", "dialog", "div", "dl", "dt", "em", "embed", "fieldset", "figcaption", "figure", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "keygen", "label", "legend", "li", "link", "main", "map", "mark", "menu", "menuitem", "meta", "meter", "nav", "noscript", "object", "ol", "optgroup", "option", "output", "p", "param", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "script", "section", "select", "small", "source", "span", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "title", "tr", "track", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "text", "tspan"];
-var y = g;
-var P = Symbol("isTwElement?");
-var b = (e, n) => e.reduce((r, o, t) => r.concat(o || [], n[t] || []), []);
-var S = (e, n = "") => {
-  let r = e.join(" ").trim().replace(/\n/g, " ").replace(/\s{2,}/g, " ").split(" ").filter((t) => t !== ","), o = n ? n.split(" ") : [];
-  return tailwindMerge.twMerge(...r.concat(o).filter((t) => t !== " "));
-};
-var O = ([e]) => e.charAt(0) !== "$";
-var c = (e) => e[P] === true;
-var C = (e) => (n, ...r) => {
-  let o = (t = []) => {
-    let i = React107__namespace.default.forwardRef((a, u) => {
-      let { $as: p = e, style: x = {}, ...s } = a, m = c(e) ? e : p, w = t ? t.reduce((l, d) => Object.assign(l, typeof d == "function" ? d(a) : d), {}) : {}, f = c(m) ? s : Object.fromEntries(Object.entries(s).filter(O));
-      return React107__namespace.default.createElement(m, { ...f, style: { ...w, ...x }, ref: u, className: S(b(n, r.map((l) => l({ ...s, $as: p }))), s.className), ...c(e) ? { $as: p } : {} });
-    });
-    return i[P] = true, typeof e != "string" ? i.displayName = e.displayName || e.name || "tw.Component" : i.displayName = "tw." + e, i.withStyle = (a) => o(t.concat(a)), i;
-  };
-  return o();
-};
-var A = y.reduce((e, n) => ({ ...e, [n]: C(n) }), {});
-var h = Object.assign(C, A);
-var F = h;
 
 // src/_design-system/button/helpers.ts
 var getSizeStyles = ($size) => {
@@ -3318,7 +3297,7 @@ var getTooltipStyles = ($tooltip, $tooltipPosition = "top") => {
 };
 
 // src/_design-system/button/style.ts
-var ButtonStyled = F.button`
+var ButtonStyled = tw5__default.default.button`
   w-full
   flex
   items-center
@@ -3380,9 +3359,7 @@ var Button = ({
     }
   );
 };
-
-// src/_design-system/alert/styles.ts
-var AlertContainer = F.div`
+var AlertContainer = tw5__default.default.div`
   flex
   flex-col
   w-full
@@ -3459,7 +3436,7 @@ var Avatar = ({ name, src, size = "large", className }) => {
     }
   );
 };
-var BoxBase = F.div`
+var BoxBase = tw5__default.default.div`
   ${({ className }) => cn("border border-gray-300 bg-white rounded-lg p-4 md:p-6 w-full", className)}
 `;
 var Box = React107.forwardRef((props, ref) => {
@@ -3672,7 +3649,7 @@ var getCaretPosition = (position) => {
 };
 
 // src/_design-system/tooltip/style.ts
-var TooltipContainer = F.span`
+var TooltipContainer = tw5__default.default.span`
   absolute
   z-[70]
   w-auto
@@ -3687,7 +3664,7 @@ var TooltipContainer = F.span`
   ${({ $position }) => getTooltipPosition($position)}
   ${({ $wFit }) => $wFit && "!w-fit !max-w-fit !min-w-fit"}
 `;
-F.span`
+tw5__default.default.span`
   border-transparent
   absolute
   h-0
@@ -4418,12 +4395,12 @@ var getSizeStyles2 = ($size) => {
 };
 
 // src/_design-system/form/input/style.ts
-var LabelStyled = F.label`
+var LabelStyled = tw5__default.default.label`
   block
   text-gray-900
   text-sm
 `;
-var InputWrapperStyled = F.div`
+var InputWrapperStyled = tw5__default.default.div`
   flex
   flex-col
   relative
@@ -4434,7 +4411,7 @@ var InputWrapperStyled = F.div`
   [&_input]:text-[16px]
   ${(props) => getIconDirectionStyles(props.$iconDirection)}
 `;
-var InputStyled = F.input`
+var InputStyled = tw5__default.default.input`
   w-full
   bg-none
   text-sm
@@ -5810,7 +5787,7 @@ var getIconStyles2 = ($iconPosition, $hasIcon) => {
 };
 
 // src/_design-system/link/style.ts
-var LinkStyled = F(Link2__default.default)`
+var LinkStyled = tw5__default.default(Link2__default.default)`
   w-full
   flex
   items-center
@@ -5996,9 +5973,7 @@ var Ribbon = ({ className, value, type, ...props }) => {
     )
   ] });
 };
-
-// src/_design-system/separator/index.ts
-var Separator = F.hr`
+var Separator = tw5__default.default.hr`
   border-gray-300
 `;
 var StatusBadge = ({ successTyples, warningTypes, dangerTypes, type, children }) => {