@yeverlibs/ds 1.0.0 → 1.0.2

package/dist/index.mjs

@@ -4,6 +4,7 @@ import * as React107 from 'react';
 import React107__default, { forwardRef, createContext, useState, useEffect, memo, useCallback, useContext, useRef, Suspense } from 'react';
 import { usePathname, useRouter, useSearchParams } from 'next/navigation';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import tw5 from 'tailwind-styled-components';
 import Image4 from 'next/image';
 import ReactDOM from 'react-dom';
 import { toast } from 'sonner';
@@ -3132,29 +3133,6 @@ function Yever(props) {
 var MemoYever = React107.memo(Yever);
 var Yever_default = MemoYever;
 var Spinner2 = ({ type }) => type === "loading" ? /* @__PURE__ */ jsx(LoadingSpinner_default, { className: "animate-spin" }) : /* @__PURE__ */ 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 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__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__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) => {
@@ -3289,7 +3267,7 @@ var getTooltipStyles = ($tooltip, $tooltipPosition = "top") => {
 };
 
 // src/_design-system/button/style.ts
-var ButtonStyled = F.button`
+var ButtonStyled = tw5.button`
   w-full
   flex
   items-center
@@ -3351,9 +3329,7 @@ var Button = ({
     }
   );
 };
-
-// src/_design-system/alert/styles.ts
-var AlertContainer = F.div`
+var AlertContainer = tw5.div`
   flex
   flex-col
   w-full
@@ -3430,7 +3406,7 @@ var Avatar = ({ name, src, size = "large", className }) => {
     }
   );
 };
-var BoxBase = F.div`
+var BoxBase = tw5.div`
   ${({ className }) => cn("border border-gray-300 bg-white rounded-lg p-4 md:p-6 w-full", className)}
 `;
 var Box = forwardRef((props, ref) => {
@@ -3643,7 +3619,7 @@ var getCaretPosition = (position) => {
 };
 
 // src/_design-system/tooltip/style.ts
-var TooltipContainer = F.span`
+var TooltipContainer = tw5.span`
   absolute
   z-[70]
   w-auto
@@ -3658,7 +3634,7 @@ var TooltipContainer = F.span`
   ${({ $position }) => getTooltipPosition($position)}
   ${({ $wFit }) => $wFit && "!w-fit !max-w-fit !min-w-fit"}
 `;
-F.span`
+tw5.span`
   border-transparent
   absolute
   h-0
@@ -4389,12 +4365,12 @@ var getSizeStyles2 = ($size) => {
 };
 
 // src/_design-system/form/input/style.ts
-var LabelStyled = F.label`
+var LabelStyled = tw5.label`
   block
   text-gray-900
   text-sm
 `;
-var InputWrapperStyled = F.div`
+var InputWrapperStyled = tw5.div`
   flex
   flex-col
   relative
@@ -4405,7 +4381,7 @@ var InputWrapperStyled = F.div`
   [&_input]:text-[16px]
   ${(props) => getIconDirectionStyles(props.$iconDirection)}
 `;
-var InputStyled = F.input`
+var InputStyled = tw5.input`
   w-full
   bg-none
   text-sm
@@ -5781,7 +5757,7 @@ var getIconStyles2 = ($iconPosition, $hasIcon) => {
 };
 
 // src/_design-system/link/style.ts
-var LinkStyled = F(Link2)`
+var LinkStyled = tw5(Link2)`
   w-full
   flex
   items-center
@@ -5967,9 +5943,7 @@ var Ribbon = ({ className, value, type, ...props }) => {
     )
   ] });
 };
-
-// src/_design-system/separator/index.ts
-var Separator = F.hr`
+var Separator = tw5.hr`
   border-gray-300
 `;
 var StatusBadge = ({ successTyples, warningTypes, dangerTypes, type, children }) => {