@vkzstudio/muza-ui 1.0.0 → 1.0.2

package/dist/components/Typography/Typography.js

@@ -0,0 +1,99 @@
+import * as t from "react";
+import { cva as d } from "class-variance-authority";
+import { cn as p } from "../../utils/cn.js";
+const f = d(["text-inherit"], {
+  variants: {
+    size: {
+      "7xl": "text-7xl leading-[120%] tracking-[-0.0347em]",
+      "6xl": "text-6xl leading-[120%] tracking-[-0.03906em]",
+      "5xl": "text-5xl leading-[120%] tracking-[-0.04464em]",
+      "4xl": "text-4xl leading-[120%] tracking-[-0.03125em]",
+      "3xl": "text-3xl leading-[120%] tracking-[-0.0375em]",
+      "2xl": "text-2xl leading-[130%] tracking-[-0.03125em]",
+      xl: "text-xl leading-[130%] tracking-[-0.02083em]",
+      lg: "text-lg leading-[140%] tracking-[-0.0125em]",
+      md: "text-md leading-[140%] tracking-[-0.01389em]",
+      base: "text-sm leading-[140%] tracking-[-0.01562em]",
+      sm: "text-xs leading-[140%] tracking-normal",
+      caption: "text-2xs leading-[140%] tracking-normal",
+      input: "text-input leading-[140%] tracking-normal"
+    },
+    weight: {
+      light: "font-light",
+      regular: "font-regular",
+      medium: "font-medium",
+      bold: "font-bold"
+    },
+    variant: {
+      title: "font-heading",
+      // Future proofing
+      body: "font-text",
+      // Future proofing
+      paragraph: "font-text leading-[180%]",
+      cta: "font-cta leading-[120%]"
+    },
+    uppercase: {
+      true: "tracking-normal uppercase",
+      false: ""
+    },
+    fixY: {
+      true: "fix-y-text",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: ["cta", "body"],
+      size: ["sm", "caption", "input"],
+      fixY: !0,
+      class: "fix-y-text-1"
+    }
+  ],
+  defaultVariants: {
+    variant: "body",
+    size: "base",
+    weight: "regular",
+    uppercase: !1,
+    fixY: !1
+  }
+}), u = t.forwardRef(
+  ({
+    component: e,
+    size: a,
+    variant: n,
+    weight: i,
+    uppercase: r,
+    fixY: l,
+    className: g,
+    children: x,
+    ...o
+  }, m) => {
+    const c = e ?? "p", s = {
+      className: p(
+        f({
+          size: a,
+          variant: n,
+          weight: i,
+          uppercase: r,
+          fixY: l,
+          className: g
+        }),
+        "font-text"
+      ),
+      ...o
+    };
+    return t.createElement(
+      c,
+      {
+        ...s,
+        ref: m
+      },
+      x
+    );
+  }
+);
+u.displayName = "Typography";
+export {
+  u as Typography,
+  f as typographyVariants
+};

package/dist/components/Typography/Typography.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmDjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAsCxC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA8DtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA+D3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8DrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA+C/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmH9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KASxB,CAAA"}
+{"version":3,"file":"Typography.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/Typography.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAgC/D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAmDjC,CAAA;AAED,eAAe,IAAI,CAAA;AAEnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAA;AAsCxC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgEtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA8DtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA+D3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KA8DrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAuB5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAgC9B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkD/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsH9B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAYxB,CAAA"}

package/dist/components/index.d.ts

@@ -1,24 +1,44 @@
-export * from './Button';
-export * from './Alert';
-export * from './Icons';
-export * from './Radio';
-export * from './Toggle';
-export * from './ToggleGroup';
-export * from './Switch';
+export * from './Accordion';
 export * from './Alert';
+export * from './Avatar';
+export * from './Breadcrumb';
+export * from './Button';
+export * from './Calendar';
+export * from './Checkbox';
+export * from './DatePicker';
+export * from './Dialog';
+export * from './DropdownMenu';
+export * from './EdgeButton';
+export * from './EmptyState';
+export * from './FileUpload';
+export * from './Flex';
 export * from './Icons';
-export * from './Typography';
 export * from './Input';
-export * from './EdgeButton';
+export * from './Lightbox';
+export * from './LanguageSwitcher';
+export * from './Loader';
+export * from './LoginScreen';
+export * from './MultiSelect';
+export * from './PasswordInput';
+export * from './PinIndicator';
+export * from './Popover';
+export * from './Radio';
+export * from './Searchbar';
+export * from './Select';
+export * from './SegmentedControl';
 export * from './SegmentedIconControl';
-export * from './Checkbox';
-export * from './Accordion';
-export * from './Snackbar';
 export * from './SliderIndicators';
-export * from './Loader';
-export * from './Avatar';
+export * from './Snackbar';
+export * from './Stepper';
+export * from './SwipeButton';
+export * from './Switch';
 export * from './Tag';
-export * from './Flex';
-export * from './SegmentedControl';
-export * from './Breadcrumb';
+export * from './Textarea';
+export * from './TimePicker';
+export * from './Toggle';
+export * from './ToggleGroup';
+export * from './Tooltip';
+export * from './Typography';
+export * from './ExpandableTable';
+export * from './Skeleton';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,wBAAwB,CAAA;AACtC,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,oBAAoB,CAAA;AAClC,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,wBAAwB,CAAA;AACtC,cAAc,oBAAoB,CAAA;AAClC,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,mBAAmB,CAAA;AACjC,cAAc,YAAY,CAAA"}

package/dist/globals.css

@@ -0,0 +1,12 @@
+@import 'tailwindcss';
+
+@import 'tw-animate-css';
+
+@import './styles/breakpoints.css';
+@import './styles/primitives.css';
+@import './styles/white-label.css';
+@import './styles/token-colors.css';
+@import './styles/token-sizes.css';
+@import './styles/typography.css';
+@import './styles/animations.css';
+@import './styles/utilities.css';

package/dist/hooks/use-is-breakpoint.d.ts

@@ -0,0 +1,13 @@
+export declare const useIsMinSm: () => boolean;
+export declare const useIsMaxSm: () => boolean;
+export declare const useIsMinMd: () => boolean;
+export declare const useIsMaxMd: () => boolean;
+export declare const useIsMinLg: () => boolean;
+export declare const useIsMaxLg: () => boolean;
+export declare const useIsMinXl: () => boolean;
+export declare const useIsMaxXl: () => boolean;
+export declare const useIsMin2xl: () => boolean;
+export declare const useIsMax2xl: () => boolean;
+export declare const useIsMin3xl: () => boolean;
+export declare const useIsMax3xl: () => boolean;
+//# sourceMappingURL=use-is-breakpoint.d.ts.map

package/dist/hooks/use-is-breakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-breakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-breakpoint.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,UAAU,eAEtB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA;AAED,eAAO,MAAM,WAAW,eAEvB,CAAA"}

package/dist/hooks/use-is-breakpoint.js

@@ -0,0 +1,7 @@
+import { useMediaQuery as n } from "./use-media-query.js";
+const t = 40, e = 48, r = 64, i = () => n(`(min-width: ${t}rem)`), m = () => n(`(min-width: ${e}rem)`), o = () => n(`(min-width: ${r}rem)`);
+export {
+  o as useIsMinLg,
+  m as useIsMinMd,
+  i as useIsMinSm
+};

package/dist/hooks/use-is-desktop.d.ts

@@ -0,0 +1,3 @@
+export declare const DESKTOP_BREAKPOINT = 64;
+export declare const useIsDesktop: () => boolean;
+//# sourceMappingURL=use-is-desktop.d.ts.map

package/dist/hooks/use-is-desktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-desktop.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-desktop.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB,KAAK,CAAA;AAEpC,eAAO,MAAM,YAAY,QAAO,OAE/B,CAAA"}

package/dist/hooks/use-is-desktop.js

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "./use-media-query.js";
+const r = 64, o = () => e(`(min-width: ${r}rem)`);
+export {
+  r as DESKTOP_BREAKPOINT,
+  o as useIsDesktop
+};

package/dist/hooks/use-is-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare const useIsMobile: () => boolean;
+//# sourceMappingURL=use-is-mobile.d.ts.map

package/dist/hooks/use-is-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-mobile.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,WAAW,QAAO,OAE9B,CAAA"}

package/dist/hooks/use-is-mobile.js

@@ -0,0 +1,6 @@
+import { TABLET_BREAKPOINT as r } from "./use-is-tablet.js";
+import { useMediaQuery as e } from "./use-media-query.js";
+const t = () => e(`(max-width: ${r}rem)`);
+export {
+  t as useIsMobile
+};

package/dist/hooks/use-is-tablet.d.ts

@@ -0,0 +1,3 @@
+export declare const TABLET_BREAKPOINT = 48;
+export declare const useIsTablet: () => boolean;
+//# sourceMappingURL=use-is-tablet.d.ts.map

package/dist/hooks/use-is-tablet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-is-tablet.d.ts","sourceRoot":"","sources":["../../src/hooks/use-is-tablet.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,KAAK,CAAA;AAEnC,eAAO,MAAM,WAAW,QAAO,OAE9B,CAAA"}

package/dist/hooks/use-is-tablet.js

@@ -0,0 +1,6 @@
+import { useMediaQuery as e } from "./use-media-query.js";
+const r = 48, o = () => e(`(min-width: ${r}rem)`);
+export {
+  r as TABLET_BREAKPOINT,
+  o as useIsTablet
+};

package/dist/hooks/use-isomorphic-layout-effect.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const useIsomorphicLayoutEffect: typeof React.useEffect;
+//# sourceMappingURL=use-isomorphic-layout-effect.d.ts.map

package/dist/hooks/use-isomorphic-layout-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-isomorphic-layout-effect.d.ts","sourceRoot":"","sources":["../../src/hooks/use-isomorphic-layout-effect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,eAAO,MAAM,yBAAyB,wBACmC,CAAA"}

package/dist/hooks/use-isomorphic-layout-effect.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+export {
+  o as useIsomorphicLayoutEffect
+};

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,7 @@
+type UseMediaQueryOptions = {
+    defaultValue?: boolean;
+    initializeWithValue?: boolean;
+};
+export declare const useMediaQuery: (query: string, { defaultValue, initializeWithValue, }?: UseMediaQueryOptions) => boolean;
+export type { UseMediaQueryOptions };
+//# sourceMappingURL=use-media-query.d.ts.map

package/dist/hooks/use-media-query.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-media-query.d.ts","sourceRoot":"","sources":["../../src/hooks/use-media-query.ts"],"names":[],"mappings":"AAGA,KAAK,oBAAoB,GAAG;IAC1B,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,CAAA;AAID,eAAO,MAAM,aAAa,GACxB,OAAO,MAAM,EACb,yCAGG,oBAAyB,KAC3B,OA2CF,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA"}

package/dist/hooks/use-media-query.js

@@ -0,0 +1,19 @@
+import { useState as c } from "react";
+import { useIsomorphicLayoutEffect as d } from "./use-isomorphic-layout-effect.js";
+const m = typeof window > "u", u = (n, {
+  defaultValue: r = !1,
+  initializeWithValue: i = !0
+} = {}) => {
+  const s = (e) => m ? r : window.matchMedia(e).matches, [o, a] = c(() => i ? s(n) : r), t = () => {
+    a(s(n));
+  };
+  return d(() => {
+    const e = window.matchMedia(n);
+    return t(), e.addListener ? e.addListener(t) : e.addEventListener("change", t), () => {
+      e.removeListener ? e.removeListener(t) : e.removeEventListener("change", t);
+    };
+  }, [n]), o;
+};
+export {
+  u as useMediaQuery
+};

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AAEtB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA"}