trepur_components 2.3.30 → 2.3.31

package/lib/components/Link/index.js

@@ -0,0 +1,50 @@
+import { jsx as b } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { Icon as p } from "../Icon/index.js";
+import s from "clsx";
+const c = a(
+  ({
+    className: e,
+    children: o,
+    loading: t = !1,
+    variant: r = "primary",
+    size: n,
+    href: g,
+    target: m,
+    ...u
+  }) => /* @__PURE__ */ b("div", { className: "inline-block", children: /* @__PURE__ */ b(
+    "a",
+    {
+      href: g,
+      target: m,
+      className: s(
+        "flex px-12 py-3 items-center gap-3 rounded border text-center leading-8",
+        {
+          "duration-200": !t,
+          "border-button-primary-border bg-button-primary-bg text-button-primary-text hover:bg-button-primary-hover active:bg-button-primary-active": r === "primary" && !t,
+          "border-button-secondary-border bg-button-secondary-bg text-button-secondary-text hover:bg-button-secondary-hover active:bg-button-secondary-active": r === "secondary" && !t,
+          "border-button-ghost-border bg-button-ghost-bg text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "ghost" && !t,
+          "border-button-bordered-border text-button-ghost-text hover:bg-button-ghost-hover active:bg-button-ghost-active": r === "bordered" && !t,
+          "border-button-basic-border bg-button-basic-bg text-button-basic-text hover:bg-button-basic-hover active:bg-button-basic-active": r === "basic" && !t,
+          "w-40 animate-pulse border-loading bg-loading": t,
+          "px-12 py-3 text-base font-normal leading-4": n === "sm",
+          "px-12 py-3 text-lg font-normal leading-8": n === "md",
+          "px-12 py-4 text-xl font-normal leading-8": n === "lg"
+        },
+        e
+      ),
+      ...u,
+      children: !t && o
+    }
+  ) })
+), i = a(({ className: e, ...o }, t) => /* @__PURE__ */ b("p", { className: s("text-md", e), ref: t, ...o })), d = a(({ icon: e }, o) => /* @__PURE__ */ b(p, { size: "md", ref: o, icon: e }));
+c.displayName = "Link";
+d.displayName = "Link.Icon";
+i.displayName = "Link.Label";
+const v = Object.assign(c, {
+  Icon: d,
+  Label: i
+});
+export {
+  v as Link
+};

package/lib/components/index.d.ts

@@ -12,6 +12,7 @@ import { NavItem } from './NavItem';
 import { Nav } from './Nav';
 import { Modal } from './Modal';
 import { MenuButton } from './MenuButton';
+import { Link } from './Link';
 import { Input } from './Input';
 import { ImageCard } from './ImageCard';
 import { Image } from './Image';
@@ -35,4 +36,4 @@ import { Breadcrumbs } from './Breadcrumbs';
 import { AlertBar } from './AlertBar';
 import { Accordion } from './Accordion';
 
-export { Accordion, AlertBar, Breadcrumbs, Button, CalendarComponent, Card, Checkbox, Carousel, CarouselThumbnail, Collapsible, Counter, DetailUpdater, Dialog, Dropdown, Form, Footer, FooterNav, Greeting, Icon, Image, ImageCard, Input, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, SplitCard, Stars, Testimonial, TextArea, Timeline, Tubestops, Video };
+export { Accordion, AlertBar, Breadcrumbs, Button, CalendarComponent, Card, Checkbox, Carousel, CarouselThumbnail, Collapsible, Counter, DetailUpdater, Dialog, Dropdown, Form, Footer, FooterNav, Greeting, Icon, Image, ImageCard, Input, Link, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, SplitCard, Stars, Testimonial, TextArea, Timeline, Tubestops, Video };

package/lib/index.js

@@ -12,28 +12,29 @@ import { Counter as S } from "./components/Counter/index.js";
 import { DetailUpdater as v } from "./components/DetailUpdater/index.js";
 import { Dialog as D } from "./components/Dialog/index.js";
 import { Dropdown as N } from "./components/Dropdown/index.js";
-import { Form as k } from "./components/Form/index.js";
+import { Form as M } from "./components/Form/index.js";
 import { Footer as G } from "./components/Footer/index.js";
-import { FooterNav as U } from "./components/FooterNav/index.js";
-import { Greeting as j } from "./components/Greeting/index.js";
-import { Icon as y } from "./components/Icon/index.js";
-import { Image as E } from "./components/Image/index.js";
-import { ImageCard as J } from "./components/ImageCard/index.js";
-import { Input as L } from "./components/Input/index.js";
-import { MenuButton as Q } from "./components/MenuButton/index.js";
-import { Modal as W } from "./components/Modal/index.js";
-import { Nav as Y } from "./components/Nav/index.js";
-import { NavItem as _ } from "./components/NavItem/index.js";
-import { Pill as oo } from "./components/Pill/index.js";
-import { Search as eo } from "./components/Search/index.js";
-import { Select as mo } from "./components/Select/index.js";
-import { SplitCard as xo } from "./components/SplitCard/index.js";
-import { Stars as ao } from "./components/Stars/index.js";
-import { Testimonial as no } from "./components/Testimonial/index.js";
-import { TextArea as uo } from "./components/TextArea/index.js";
-import { Timeline as so } from "./components/Timeline/index.js";
-import { Tubestops as bo } from "./components/Tubestops/index.js";
-import { Video as To } from "./components/Video/index.js";
+import { FooterNav as P } from "./components/FooterNav/index.js";
+import { Greeting as V } from "./components/Greeting/index.js";
+import { Icon as q } from "./components/Icon/index.js";
+import { Image as z } from "./components/Image/index.js";
+import { ImageCard as H } from "./components/ImageCard/index.js";
+import { Input as K } from "./components/Input/index.js";
+import { Link as Q } from "./components/Link/index.js";
+import { MenuButton as W } from "./components/MenuButton/index.js";
+import { Modal as Y } from "./components/Modal/index.js";
+import { Nav as _ } from "./components/Nav/index.js";
+import { NavItem as oo } from "./components/NavItem/index.js";
+import { Pill as eo } from "./components/Pill/index.js";
+import { Search as mo } from "./components/Search/index.js";
+import { Select as xo } from "./components/Select/index.js";
+import { SplitCard as ao } from "./components/SplitCard/index.js";
+import { Stars as no } from "./components/Stars/index.js";
+import { Testimonial as uo } from "./components/Testimonial/index.js";
+import { TextArea as so } from "./components/TextArea/index.js";
+import { Timeline as bo } from "./components/Timeline/index.js";
+import { Tubestops as To } from "./components/Tubestops/index.js";
+import { Video as Bo } from "./components/Video/index.js";
 export {
   e as Accordion,
   m as AlertBar,
@@ -50,25 +51,26 @@ export {
   D as Dialog,
   N as Dropdown,
   G as Footer,
-  U as FooterNav,
-  k as Form,
-  j as Greeting,
-  y as Icon,
-  E as Image,
-  J as ImageCard,
-  L as Input,
-  Q as MenuButton,
-  W as Modal,
-  Y as Nav,
-  _ as NavItem,
-  oo as Pill,
-  eo as Search,
-  mo as Select,
-  xo as SplitCard,
-  ao as Stars,
-  no as Testimonial,
-  uo as TextArea,
-  so as Timeline,
-  bo as Tubestops,
-  To as Video
+  P as FooterNav,
+  M as Form,
+  V as Greeting,
+  q as Icon,
+  z as Image,
+  H as ImageCard,
+  K as Input,
+  Q as Link,
+  W as MenuButton,
+  Y as Modal,
+  _ as Nav,
+  oo as NavItem,
+  eo as Pill,
+  mo as Search,
+  xo as Select,
+  ao as SplitCard,
+  no as Stars,
+  uo as Testimonial,
+  so as TextArea,
+  bo as Timeline,
+  To as Tubestops,
+  Bo as Video
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.30",
+  "version": "2.3.31",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,