@dimasbaguspm/versaur 0.0.59 → 0.0.60

package/dist/js/helpers/index.js

@@ -1,14 +1,32 @@
-import { b as s, B as t, a as o, D as B, M as i, f as p, T, e as k, u as r, c as M, d as n } from "../desktop-breakpoint-CuSom-sN.js";
+import { b as s, B as t, c as o, f as B, e as T, a as i, d as r, h as p, g as n, D as A, M as k, s as E, r as b, w as l, v as P, t as M, T as O, y as _, x as I, k as L, u as N, l as R, i as d, o as u, n as D, m as K, j as c, q as S, p as h } from "../tablet-landscape-breakpoint-DUeRFxIA.js";
 export {
   s as BREAKPOINT_DESKTOP,
   t as BREAKPOINT_MOBILE,
-  o as BREAKPOINT_TABLET,
-  B as DesktopBreakpoint,
-  i as MatchMedia,
-  p as MobileBreakpoint,
-  T as TabletBreakpoint,
-  k as useDesktopBreakpoint,
-  r as useMatchMedia,
-  M as useMobileBreakpoint,
-  n as useTabletBreakpoint
+  o as BREAKPOINT_MOBILE_AND_TABLET,
+  B as BREAKPOINT_MOBILE_LANDSCAPE,
+  T as BREAKPOINT_MOBILE_PORTRAIT,
+  i as BREAKPOINT_TABLET,
+  r as BREAKPOINT_TABLET_AND_DESKTOP,
+  p as BREAKPOINT_TABLET_LANDSCAPE,
+  n as BREAKPOINT_TABLET_PORTRAIT,
+  A as DesktopBreakpoint,
+  k as MatchMedia,
+  E as MobileAndTabletBreakpoint,
+  b as MobileBreakpoint,
+  l as MobileLandscapeBreakpoint,
+  P as MobilePortraitBreakpoint,
+  M as TabletAndDesktopBreakpoint,
+  O as TabletBreakpoint,
+  _ as TabletLandscapeBreakpoint,
+  I as TabletPortraitBreakpoint,
+  L as useDesktopBreakpoint,
+  N as useMatchMedia,
+  R as useMobileAndTabletBreakpoint,
+  d as useMobileBreakpoint,
+  u as useMobileLandscapeBreakpoint,
+  D as useMobilePortraitBreakpoint,
+  K as useTabletAndDesktopBreakpoint,
+  c as useTabletBreakpoint,
+  S as useTabletLandscapeBreakpoint,
+  h as useTabletPortraitBreakpoint
 };

package/dist/js/index.js

@@ -1,91 +1,109 @@
-import { L as e, P as t, S as o } from "./skeleton-BRwIW26B.js";
-import { A as n, a as p, B as i, b as u, F as B, f as c, c as l, P as I, d, e as T, S, T as m } from "./top-bar-B2nzldfs.js";
-import { C as g, b as A, a as P, D as k, E as M, P as h, c as x, R as f, S as C, d as L, f as D, e as E, g as R, i as F, T as N, h as O, j as H } from "./time-picker-input-Disd231b.js";
-import { B as y, D as G, M as _, T as j } from "./tooltip-Dpx3TpR6.js";
-import { A as v, a as w, b as z, c as J, d as Q, e as U, f as V, B as W, s as X, g as Y, h as Z, i as $, l as aa, j as sa, k as ea, C as ta, F as oa, H as ra, m as na, I as pa, p as ia, r as ua, q as Ba, M as ca, N as la, T as Ia, n as da, o as Ta } from "./image-rectangle-CCvXv24a.js";
-import { S as ma } from "./snackbar-CTq4MLir.js";
-import { B as ga, T as Aa } from "./tabs-BQs53hHL.js";
-import { S as ka, u as Ma } from "./use-snackbars-B6lnVjrX.js";
-import { b as xa, B as fa, a as Ca, D as La, M as Da, f as Ea, T as Ra, e as Fa, u as Na, c as Oa, d as Ha } from "./desktop-breakpoint-CuSom-sN.js";
+import { L as s, P as t, S as o } from "./skeleton-BRwIW26B.js";
+import { A as n, a as i, B as p, b as B, F as u, f as T, c as l, P as I, d as A, e as c, S as b, T as d } from "./top-bar-DMBbEIlR.js";
+import { C as k, b as M, a as E, D as S, E as L, P as m, c as g, R as O, S as R, d as _, f as h, e as x, g as D, i as N, T as f, h as C, j as K } from "./time-picker-input-Disd231b.js";
+import { B as y, D as H, M as j, T as q } from "./tooltip-Dpx3TpR6.js";
+import { A as w, a as G, b as z, c as J, d as Q, e as U, f as V, B as W, s as X, g as Y, h as Z, i as $, l as aa, j as ea, k as sa, C as ta, F as oa, H as ra, m as na, I as ia, p as pa, r as Ba, q as ua, M as Ta, N as la, T as Ia, n as Aa, o as ca } from "./image-rectangle-CCvXv24a.js";
+import { S as da } from "./snackbar-CTq4MLir.js";
+import { B as ka, T as Ma } from "./tabs-BQs53hHL.js";
+import { S as Sa, u as La } from "./use-snackbars-B6lnVjrX.js";
+import { b as ga, B as Oa, c as Ra, f as _a, e as ha, a as xa, d as Da, h as Na, g as fa, D as Ca, M as Ka, s as Fa, r as ya, w as Ha, v as ja, t as qa, T as va, y as wa, x as Ga, k as za, u as Ja, l as Qa, i as Ua, o as Va, n as Wa, m as Xa, j as Ya, q as Za, p as $a } from "./tablet-landscape-breakpoint-DUeRFxIA.js";
 export {
-  v as Accordion,
-  w as ActionCard,
+  w as Accordion,
+  G as ActionCard,
   z as Alert,
   J as Anchor,
   n as AppLayout,
   Q as Attribute,
   U as AttributeList,
   V as Avatar,
-  xa as BREAKPOINT_DESKTOP,
-  fa as BREAKPOINT_MOBILE,
-  Ca as BREAKPOINT_TABLET,
+  ga as BREAKPOINT_DESKTOP,
+  Oa as BREAKPOINT_MOBILE,
+  Ra as BREAKPOINT_MOBILE_AND_TABLET,
+  _a as BREAKPOINT_MOBILE_LANDSCAPE,
+  ha as BREAKPOINT_MOBILE_PORTRAIT,
+  xa as BREAKPOINT_TABLET,
+  Da as BREAKPOINT_TABLET_AND_DESKTOP,
+  Na as BREAKPOINT_TABLET_LANDSCAPE,
+  fa as BREAKPOINT_TABLET_PORTRAIT,
   W as Badge,
-  p as BadgeGroup,
+  i as BadgeGroup,
   X as BaseImage,
-  i as BottomBar,
+  p as BottomBar,
   y as BottomSheet,
   Y as Brand,
-  ga as Breadcrumbs,
+  ka as Breadcrumbs,
   Z as Button,
   $ as ButtonAnchor,
-  u as ButtonGroup,
+  B as ButtonGroup,
   aa as ButtonIcon,
-  sa as ButtonMenu,
-  ea as ButtonMenuIcon,
+  ea as ButtonMenu,
+  sa as ButtonMenuIcon,
   ta as Card,
-  g as CheckboxInput,
-  A as ChipMultipleInput,
-  P as ChipSingleInput,
-  k as DateSinglePickerInput,
-  La as DesktopBreakpoint,
-  G as Drawer,
-  M as EmailInput,
+  k as CheckboxInput,
+  M as ChipMultipleInput,
+  E as ChipSingleInput,
+  S as DateSinglePickerInput,
+  Ca as DesktopBreakpoint,
+  H as Drawer,
+  L as EmailInput,
   oa as FilterChip,
-  B as FilterChipGroup,
-  c as FormLayout,
+  u as FilterChipGroup,
+  T as FormLayout,
   ra as Heading,
   na as Hr,
-  pa as Icon,
-  ia as ImageCircle,
-  ua as ImageRectangle,
-  Ba as ImageSquare,
-  e as LoadingIndicator,
-  Da as MatchMedia,
-  ca as Menu,
-  Ea as MobileBreakpoint,
-  _ as Modal,
+  ia as Icon,
+  pa as ImageCircle,
+  Ba as ImageRectangle,
+  ua as ImageSquare,
+  s as LoadingIndicator,
+  Ka as MatchMedia,
+  Ta as Menu,
+  Fa as MobileAndTabletBreakpoint,
+  ya as MobileBreakpoint,
+  Ha as MobileLandscapeBreakpoint,
+  ja as MobilePortraitBreakpoint,
+  j as Modal,
   la as NoResults,
   l as PageContent,
   I as PageHeader,
-  d as PageLayout,
-  T as PageLoader,
-  h as PinField,
-  x as PriceInput,
+  A as PageLayout,
+  c as PageLoader,
+  m as PinField,
+  g as PriceInput,
   t as ProgressIndicator,
-  f as RadioInput,
-  C as SearchInput,
-  L as SelectInput,
-  D as SelectableMultipleInput,
-  E as SelectableSingleInput,
-  S as SideBar,
+  O as RadioInput,
+  R as SearchInput,
+  _ as SelectInput,
+  h as SelectableMultipleInput,
+  x as SelectableSingleInput,
+  b as SideBar,
   o as Skeleton,
-  ma as Snackbar,
-  ka as SnackbarsProvider,
-  R as SwitchInput,
+  da as Snackbar,
+  Sa as SnackbarsProvider,
+  D as SwitchInput,
   Ia as Table,
-  Ra as TabletBreakpoint,
-  Aa as Tabs,
-  da as Text,
-  F as TextAreaInput,
-  N as TextInput,
-  O as TextInputAsButton,
-  Ta as Tile,
-  H as TimePickerInput,
-  j as Tooltip,
-  m as TopBar,
-  Fa as useDesktopBreakpoint,
-  Na as useMatchMedia,
-  Oa as useMobileBreakpoint,
-  Ma as useSnackbars,
-  Ha as useTabletBreakpoint
+  qa as TabletAndDesktopBreakpoint,
+  va as TabletBreakpoint,
+  wa as TabletLandscapeBreakpoint,
+  Ga as TabletPortraitBreakpoint,
+  Ma as Tabs,
+  Aa as Text,
+  N as TextAreaInput,
+  f as TextInput,
+  C as TextInputAsButton,
+  ca as Tile,
+  K as TimePickerInput,
+  q as Tooltip,
+  d as TopBar,
+  za as useDesktopBreakpoint,
+  Ja as useMatchMedia,
+  Qa as useMobileAndTabletBreakpoint,
+  Ua as useMobileBreakpoint,
+  Va as useMobileLandscapeBreakpoint,
+  Wa as useMobilePortraitBreakpoint,
+  La as useSnackbars,
+  Xa as useTabletAndDesktopBreakpoint,
+  Ya as useTabletBreakpoint,
+  Za as useTabletLandscapeBreakpoint,
+  $a as useTabletPortraitBreakpoint
 };

package/dist/js/layouts/index.js

@@ -1,4 +1,4 @@
-import { A as e, a as r, B as s, b as t, F as p, f as u, c as B, P as d, d as g, e as P, S as L, T as i } from "../top-bar-B2nzldfs.js";
+import { A as e, a as r, B as s, b as t, F as p, f as u, c as B, P as d, d as g, e as P, S as L, T as i } from "../top-bar-DMBbEIlR.js";
 export {
   e as AppLayout,
   r as BadgeGroup,

package/dist/js/tablet-landscape-breakpoint-DUeRFxIA.js

@@ -0,0 +1,113 @@
+import { j as n } from "./jsx-runtime-C5mzlN2N.js";
+import { useState as A, useEffect as E } from "react";
+const u = "(max-width: 767px)", c = "(min-width: 768px) and (max-width: 1023px)", p = "(min-width: 1024px)", d = "(max-width: 1023px)", B = "(min-width: 768px)", T = "(max-width: 767px) and (orientation: portrait)", x = "(max-width: 767px) and (orientation: landscape)", f = "(min-width: 768px) and (max-width: 1023px) and (orientation: portrait)", m = "(min-width: 768px) and (max-width: 1023px) and (orientation: landscape)";
+function e(t) {
+  const [r, i] = A(() => typeof window > "u" ? !1 : window.matchMedia(t).matches);
+  return E(() => {
+    if (typeof window > "u") return;
+    const o = window.matchMedia(t), s = (h) => i(h.matches);
+    return i(o.matches), o.addEventListener("change", s), () => {
+      o.removeEventListener("change", s);
+    };
+  }, [t]), r;
+}
+function a({ query: t, children: r }) {
+  return e(t) ? /* @__PURE__ */ n.jsx(n.Fragment, { children: r }) : null;
+}
+function w() {
+  return e(u);
+}
+function M() {
+  return e(c);
+}
+function b() {
+  return e(p);
+}
+function P() {
+  return e(d);
+}
+function L() {
+  return e(B);
+}
+function O() {
+  return e(T);
+}
+function _() {
+  return e(x);
+}
+function I() {
+  return e(f);
+}
+function R() {
+  return e(m);
+}
+function j({ children: t }) {
+  return /* @__PURE__ */ n.jsx(a, { query: u, children: t });
+}
+function N({ children: t }) {
+  return /* @__PURE__ */ n.jsx(a, { query: c, children: t });
+}
+function y({ children: t }) {
+  return /* @__PURE__ */ n.jsx(a, { query: p, children: t });
+}
+function D({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: d, children: t });
+}
+function K({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: B, children: t });
+}
+function q({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: T, children: t });
+}
+function S({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: x, children: t });
+}
+function g({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: f, children: t });
+}
+function v({
+  children: t
+}) {
+  return /* @__PURE__ */ n.jsx(a, { query: m, children: t });
+}
+export {
+  u as B,
+  y as D,
+  a as M,
+  N as T,
+  c as a,
+  p as b,
+  d as c,
+  B as d,
+  T as e,
+  x as f,
+  f as g,
+  m as h,
+  w as i,
+  M as j,
+  b as k,
+  P as l,
+  L as m,
+  O as n,
+  _ as o,
+  I as p,
+  R as q,
+  j as r,
+  D as s,
+  K as t,
+  e as u,
+  q as v,
+  S as w,
+  g as x,
+  v as y
+};

package/dist/js/{top-bar-B2nzldfs.js → top-bar-DMBbEIlR.js}

@@ -17,14 +17,16 @@ const T = n(
     variants: {},
     defaultVariants: {}
   }
-), P = n("[grid-area:top] z-30 sticky top-0"), A = n(
+), P = n(
+  "[grid-area:top] z-30 sticky top-0 border-b border-border"
+), A = n(
   "[grid-area:left] z-20 border-r border-border bg-white"
 ), _ = n(
   "[grid-area:right] z-20 border-l border-border bg-white"
 ), I = n(
   "[grid-area:bottom] z-30 border-t border-border bg-white"
 ), k = n(
-  "[grid-area:main] overflow-y-auto min-h-0"
+  "[grid-area:main] overflow-y-auto min-h-0 [scrollbar-gutter:stable]"
 ), G = l(function({ children: t, className: e, ...a }, o) {
   return /* @__PURE__ */ s.jsx(
     "div",
@@ -84,7 +86,7 @@ const T = n(
   BottomRegion: O,
   MainRegion: E
 }), D = n(
-  "sticky bottom-0 w-full flex justify-around items-center bg-white border-t border-border shadow-xs z-40 safe-bottom gap-4 select-none px-8",
+  "sticky bottom-0 w-full flex justify-around items-center bg-white z-40 safe-bottom gap-4 select-none px-8",
   {
     variants: {
       variant: {
@@ -582,6 +584,8 @@ const T = n(
 ), ve = n(
   [
     "grid",
+    "h-full",
+    "min-h-0",
     "grid-rows-[auto_1fr]",
     '[grid-template-areas:"header"_"content"]'
   ].join(" "),
@@ -607,7 +611,7 @@ const T = n(
     backgroundColor: "white"
   }
 }), be = n(
-  "[grid-area:content] overflow-y-auto min-h-0",
+  "[grid-area:content] min-h-0",
   {
     variants: {
       backgroundColor: {
@@ -1002,7 +1006,7 @@ const T = n(
   Item: Ae,
   Group: _e
 }), ke = n(
-  "w-full flex items-center px-6 py-4 border-b border-border shadow-xs bg-white",
+  "w-full flex items-center px-6 py-4 bg-white",
   {
     variants: {},
     defaultVariants: {}

package/dist/types/helpers/match-media/built-in/components/index.d.ts

@@ -1,3 +1,9 @@
 export * from './mobile-breakpoint';
 export * from './tablet-breakpoint';
 export * from './desktop-breakpoint';
+export * from './mobile-and-tablet-breakpoint';
+export * from './tablet-and-desktop-breakpoint';
+export * from './mobile-portrait-breakpoint';
+export * from './mobile-landscape-breakpoint';
+export * from './tablet-portrait-breakpoint';
+export * from './tablet-landscape-breakpoint';

package/dist/types/helpers/match-media/built-in/components/mobile-and-tablet-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on mobile and tablet viewports
+ *
+ * @example
+ * ```tsx
+ * <MobileAndTabletBreakpoint>
+ *   <MobileAndTabletContent />
+ * </MobileAndTabletBreakpoint>
+ * ```
+ */
+export declare function MobileAndTabletBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/components/mobile-landscape-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on mobile landscape viewports
+ *
+ * @example
+ * ```tsx
+ * <MobileLandscapeBreakpoint>
+ *   <MobileLandscapeContent />
+ * </MobileLandscapeBreakpoint>
+ * ```
+ */
+export declare function MobileLandscapeBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/components/mobile-portrait-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on mobile portrait viewports
+ *
+ * @example
+ * ```tsx
+ * <MobilePortraitBreakpoint>
+ *   <MobilePortraitContent />
+ * </MobilePortraitBreakpoint>
+ * ```
+ */
+export declare function MobilePortraitBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/components/tablet-and-desktop-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on tablet and desktop viewports
+ *
+ * @example
+ * ```tsx
+ * <TabletAndDesktopBreakpoint>
+ *   <TabletAndDesktopContent />
+ * </TabletAndDesktopBreakpoint>
+ * ```
+ */
+export declare function TabletAndDesktopBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/components/tablet-landscape-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on tablet landscape viewports
+ *
+ * @example
+ * ```tsx
+ * <TabletLandscapeBreakpoint>
+ *   <TabletLandscapeContent />
+ * </TabletLandscapeBreakpoint>
+ * ```
+ */
+export declare function TabletLandscapeBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/components/tablet-portrait-breakpoint.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Props for breakpoint components
+ */
+interface BreakpointComponentProps {
+    children: React.ReactNode;
+}
+/**
+ * Component that only renders children on tablet portrait viewports
+ *
+ * @example
+ * ```tsx
+ * <TabletPortraitBreakpoint>
+ *   <TabletPortraitContent />
+ * </TabletPortraitBreakpoint>
+ * ```
+ */
+export declare function TabletPortraitBreakpoint({ children, }: BreakpointComponentProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/helpers/match-media/built-in/hooks/index.d.ts

@@ -1,3 +1,9 @@
 export * from './use-mobile-breakpoint';
 export * from './use-tablet-breakpoint';
 export * from './use-desktop-breakpoint';
+export * from './use-mobile-and-tablet-breakpoint';
+export * from './use-tablet-and-desktop-breakpoint';
+export * from './use-mobile-portrait-breakpoint';
+export * from './use-mobile-landscape-breakpoint';
+export * from './use-tablet-portrait-breakpoint';
+export * from './use-tablet-landscape-breakpoint';

package/dist/types/helpers/match-media/built-in/hooks/use-mobile-and-tablet-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is mobile or tablet
+ *
+ * @returns boolean indicating if viewport is mobile or tablet (max-width: 1023px)
+ *
+ * @example
+ * ```tsx
+ * const isMobileOrTablet = useMobileAndTabletBreakpoint()
+ * ```
+ */
+export declare function useMobileAndTabletBreakpoint(): boolean;

package/dist/types/helpers/match-media/built-in/hooks/use-mobile-landscape-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is mobile in landscape orientation
+ *
+ * @returns boolean indicating if viewport is mobile landscape
+ *
+ * @example
+ * ```tsx
+ * const isMobileLandscape = useMobileLandscapeBreakpoint()
+ * ```
+ */
+export declare function useMobileLandscapeBreakpoint(): boolean;

package/dist/types/helpers/match-media/built-in/hooks/use-mobile-portrait-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is mobile in portrait orientation
+ *
+ * @returns boolean indicating if viewport is mobile portrait
+ *
+ * @example
+ * ```tsx
+ * const isMobilePortrait = useMobilePortraitBreakpoint()
+ * ```
+ */
+export declare function useMobilePortraitBreakpoint(): boolean;

package/dist/types/helpers/match-media/built-in/hooks/use-tablet-and-desktop-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is tablet or desktop
+ *
+ * @returns boolean indicating if viewport is tablet or desktop (min-width: 768px)
+ *
+ * @example
+ * ```tsx
+ * const isTabletOrDesktop = useTabletAndDesktopBreakpoint()
+ * ```
+ */
+export declare function useTabletAndDesktopBreakpoint(): boolean;

package/dist/types/helpers/match-media/built-in/hooks/use-tablet-landscape-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is tablet in landscape orientation
+ *
+ * @returns boolean indicating if viewport is tablet landscape
+ *
+ * @example
+ * ```tsx
+ * const isTabletLandscape = useTabletLandscapeBreakpoint()
+ * ```
+ */
+export declare function useTabletLandscapeBreakpoint(): boolean;

package/dist/types/helpers/match-media/built-in/hooks/use-tablet-portrait-breakpoint.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Hook to detect if the current viewport is tablet in portrait orientation
+ *
+ * @returns boolean indicating if viewport is tablet portrait
+ *
+ * @example
+ * ```tsx
+ * const isTabletPortrait = useTabletPortraitBreakpoint()
+ * ```
+ */
+export declare function useTabletPortraitBreakpoint(): boolean;

package/dist/types/helpers/match-media/constants.d.ts

@@ -5,3 +5,15 @@
 export declare const BREAKPOINT_MOBILE = "(max-width: 767px)";
 export declare const BREAKPOINT_TABLET = "(min-width: 768px) and (max-width: 1023px)";
 export declare const BREAKPOINT_DESKTOP = "(min-width: 1024px)";
+/**
+ * Combined breakpoint definitions
+ */
+export declare const BREAKPOINT_MOBILE_AND_TABLET = "(max-width: 1023px)";
+export declare const BREAKPOINT_TABLET_AND_DESKTOP = "(min-width: 768px)";
+/**
+ * Orientation-specific breakpoint definitions
+ */
+export declare const BREAKPOINT_MOBILE_PORTRAIT = "(max-width: 767px) and (orientation: portrait)";
+export declare const BREAKPOINT_MOBILE_LANDSCAPE = "(max-width: 767px) and (orientation: landscape)";
+export declare const BREAKPOINT_TABLET_PORTRAIT = "(min-width: 768px) and (max-width: 1023px) and (orientation: portrait)";
+export declare const BREAKPOINT_TABLET_LANDSCAPE = "(min-width: 768px) and (max-width: 1023px) and (orientation: landscape)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dimasbaguspm/versaur",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "description": "React UI library with Tailwind CSS",
   "author": "Dimas Bagus Prayogo Mukti<dimas.bagus.pm@gmail.com>",
   "license": "MIT",

package/dist/js/desktop-breakpoint-CuSom-sN.js

@@ -1,47 +0,0 @@
-import { j as t } from "./jsx-runtime-C5mzlN2N.js";
-import { useState as m, useEffect as h } from "react";
-const u = "(max-width: 767px)", c = "(min-width: 768px) and (max-width: 1023px)", d = "(min-width: 1024px)";
-function n(e) {
-  const [a, s] = m(() => typeof window > "u" ? !1 : window.matchMedia(e).matches);
-  return h(() => {
-    if (typeof window > "u") return;
-    const r = window.matchMedia(e), o = (f) => s(f.matches);
-    return s(r.matches), r.addEventListener("change", o), () => {
-      r.removeEventListener("change", o);
-    };
-  }, [e]), a;
-}
-function i({ query: e, children: a }) {
-  return n(e) ? /* @__PURE__ */ t.jsx(t.Fragment, { children: a }) : null;
-}
-function w() {
-  return n(u);
-}
-function B() {
-  return n(c);
-}
-function M() {
-  return n(d);
-}
-function E({ children: e }) {
-  return /* @__PURE__ */ t.jsx(i, { query: u, children: e });
-}
-function T({ children: e }) {
-  return /* @__PURE__ */ t.jsx(i, { query: c, children: e });
-}
-function k({ children: e }) {
-  return /* @__PURE__ */ t.jsx(i, { query: d, children: e });
-}
-export {
-  u as B,
-  k as D,
-  i as M,
-  T,
-  c as a,
-  d as b,
-  w as c,
-  B as d,
-  M as e,
-  E as f,
-  n as u
-};