trepur_components 2.3.11 → 2.3.12

package/lib/components/SplitCard/index.js

@@ -0,0 +1,83 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as g, forwardRef as l, useMemo as h, useContext as p } from "react";
+import N from "../../utils/matchMedia.js";
+import { Screens as M } from "../../utils/screens.js";
+import a from "clsx";
+const c = g(null), C = l(({ id: i, className: e, children: r, swapDesktop: t, swapMobile: n, ...o }, d) => {
+  const S = `(min-width: ${M.md})`, m = N(S), u = h(
+    () => ({
+      swapDesktop: t,
+      swapMobile: n,
+      isMd: m
+    }),
+    [t, n, m]
+  );
+  return /* @__PURE__ */ s(c.Provider, { value: u, children: /* @__PURE__ */ s(
+    "div",
+    {
+      ref: d,
+      ...o,
+      className: a("grid grid-cols-1 md:grid-cols-2", e),
+      children: r
+    }
+  ) });
+}), f = l(({ className: i, children: e, ...r }, t) => {
+  const { swapDesktop: n, swapMobile: o, isMd: d } = p(c) || {};
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: t,
+      ...r,
+      className: a(
+        "flex h-full items-center text-center",
+        {
+          "md:order-last": n,
+          "order-last": !d && o
+        },
+        i
+      ),
+      children: e
+    }
+  );
+}), x = l(({ className: i, children: e, ...r }, t) => {
+  const { swapDesktop: n, swapMobile: o, isMd: d } = p(c) || {};
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      ref: t,
+      ...r,
+      className: a(
+        "flex h-full items-center text-center",
+        {
+          "md:order-first": n,
+          "order-first": !d && o
+        },
+        i
+      ),
+      children: e
+    }
+  );
+}), v = l(({ className: i, children: e, ...r }, t) => /* @__PURE__ */ s(
+  "p",
+  {
+    ref: t,
+    className: a(
+      "items-center text-6xl font-semibold tracking-wider",
+      i
+    ),
+    ...r,
+    children: e
+  }
+)), w = l(({ className: i, children: e, ...r }, t) => /* @__PURE__ */ s("p", { ref: t, className: a("text-lg", i), ...r, children: e }));
+C.displayName = "SplitCard";
+f.displayName = "SplitCard.LeftContent";
+x.displayName = "SplitCard.RightContent";
+const k = Object.assign(C, {
+  LeftContent: f,
+  RightContent: x,
+  Title: v,
+  Text: w
+});
+export {
+  k as SplitCard
+};

package/lib/components/index.d.ts

@@ -4,6 +4,7 @@ import { Timeline } from './Timeline';
 import { TextArea } from './TextArea';
 import { Testimonial } from './Testimonial';
 import { Stars } from './Stars';
+import { SplitCard } from './SplitCard';
 import { Select } from './Select';
 import { Search } from './Search';
 import { Pill } from './Pill';
@@ -34,4 +35,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, 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, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, SplitCard, Stars, Testimonial, TextArea, Timeline, Tubestops, Video, };

package/lib/index.js

@@ -3,15 +3,15 @@ import { AlertBar as m } from "./components/AlertBar/index.js";
 import { Breadcrumbs as x } from "./components/Breadcrumbs/index.js";
 import { Button as a } from "./components/Button/index.js";
 import { CalendarComponent as n } from "./components/Calendar/index.js";
-import { Card as u } from "./components/Card/index.js";
+import { Card as d } from "./components/Card/index.js";
 import { Checkbox as C } from "./components/Checkbox/index.js";
 import { Carousel as c } from "./components/Carousel/index.js";
 import { CarouselThumbnail as I } from "./components/CarouselThumbnail/index.js";
 import { Collapsible as g } from "./components/Collapsible/index.js";
-import { Counter as h } from "./components/Counter/index.js";
-import { DetailUpdater as A } from "./components/DetailUpdater/index.js";
-import { Dialog as F } from "./components/Dialog/index.js";
-import { Dropdown as S } from "./components/Dropdown/index.js";
+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 { Footer as G } from "./components/Footer/index.js";
 import { FooterNav as U } from "./components/FooterNav/index.js";
@@ -27,27 +27,28 @@ 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 { Stars as xo } from "./components/Stars/index.js";
-import { Testimonial as ao } from "./components/Testimonial/index.js";
-import { TextArea as no } from "./components/TextArea/index.js";
-import { Timeline as uo } from "./components/Timeline/index.js";
-import { Tubestops as so } from "./components/Tubestops/index.js";
-import { Video as bo } from "./components/Video/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";
 export {
   e as Accordion,
   m as AlertBar,
   x as Breadcrumbs,
   a as Button,
   n as CalendarComponent,
-  u as Card,
+  d as Card,
   c as Carousel,
   I as CarouselThumbnail,
   C as Checkbox,
   g as Collapsible,
-  h as Counter,
-  A as DetailUpdater,
-  F as Dialog,
-  S as Dropdown,
+  S as Counter,
+  v as DetailUpdater,
+  D as Dialog,
+  N as Dropdown,
   G as Footer,
   U as FooterNav,
   k as Form,
@@ -63,10 +64,11 @@ export {
   oo as Pill,
   eo as Search,
   mo as Select,
-  xo as Stars,
-  ao as Testimonial,
-  no as TextArea,
-  uo as Timeline,
-  so as Tubestops,
-  bo as Video
+  xo as SplitCard,
+  ao as Stars,
+  no as Testimonial,
+  uo as TextArea,
+  so as Timeline,
+  bo as Tubestops,
+  To as Video
 };

package/lib/utils/matchMedia.js

@@ -0,0 +1,9 @@
+const a = (e) => {
+  if (typeof window > "u")
+    return !1;
+  const t = window.matchMedia(e);
+  return t == null ? void 0 : t.matches;
+};
+export {
+  a as default
+};

package/lib/utils/screens.js

@@ -0,0 +1,10 @@
+const x = {
+  xs: "320px",
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px"
+};
+export {
+  x as Screens
+};

package/package.json

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