@masaraxui/styles 1.0.0 → 1.1.0

package/dist/components/index.css

@@ -124,6 +124,7 @@
  * ------------------------------------------------------------------------------------------------ */
 @import "./card.css";
 @import "./header.css";
+@import "./page-hero.css";
 @import "./separator.css";
 @import "./surface.css";
 

package/dist/components/index.d.ts

@@ -37,6 +37,7 @@ export * from "./error-message";
 export * from "./field-error";
 export * from "./fieldset";
 export * from "./header";
+export * from "./page-hero";
 export * from "./input";
 export * from "./input-group";
 export * from "./input-otp";

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

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

package/dist/components/page-hero/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./page-hero.styles";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/page-hero/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/page-hero/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/page-hero/index.js

@@ -0,0 +1 @@
+export { pageHeroVariants } from './page-hero.styles.js';

package/dist/components/page-hero/page-hero.styles.d.ts

@@ -0,0 +1,83 @@
+import type { VariantProps } from "tailwind-variants";
+declare const pageHeroVariants: import("tailwind-variants").TVReturnType<{
+    align: {
+        center: {
+            base: string;
+        };
+        left: {
+            base: string;
+        };
+        right: {
+            base: string;
+        };
+    };
+    size: {
+        lg: {
+            base: string;
+        };
+        md: {};
+        sm: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    breadcrumbs: string;
+    description: string;
+    title: string;
+}, undefined, {
+    align: {
+        center: {
+            base: string;
+        };
+        left: {
+            base: string;
+        };
+        right: {
+            base: string;
+        };
+    };
+    size: {
+        lg: {
+            base: string;
+        };
+        md: {};
+        sm: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    breadcrumbs: string;
+    description: string;
+    title: string;
+}, import("tailwind-variants").TVReturnType<{
+    align: {
+        center: {
+            base: string;
+        };
+        left: {
+            base: string;
+        };
+        right: {
+            base: string;
+        };
+    };
+    size: {
+        lg: {
+            base: string;
+        };
+        md: {};
+        sm: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    breadcrumbs: string;
+    description: string;
+    title: string;
+}, undefined, unknown, unknown, undefined>>;
+export { pageHeroVariants };
+export type PageHeroVariants = VariantProps<typeof pageHeroVariants>;
+//# sourceMappingURL=page-hero.styles.d.ts.map

package/dist/components/page-hero/page-hero.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-hero.styles.d.ts","sourceRoot":"","sources":["../../../src/components/page-hero/page-hero.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,mBAAmB,CAAC;AAIpD,QAAA,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiCpB,CAAC;AAEH,OAAO,EAAC,gBAAgB,EAAC,CAAC;AAC1B,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,OAAO,gBAAgB,CAAC,CAAC"}

package/dist/components/page-hero/page-hero.styles.js

@@ -0,0 +1,38 @@
+import { tv } from 'tailwind-variants';
+
+const pageHeroVariants = tv({
+    defaultVariants: {
+        align: "left",
+        size: "md",
+    },
+    slots: {
+        base: "page-hero",
+        breadcrumbs: "page-hero__breadcrumbs",
+        description: "page-hero__description",
+        title: "page-hero__title",
+    },
+    variants: {
+        align: {
+            center: {
+                base: "page-hero--center",
+            },
+            left: {
+                base: "page-hero--left",
+            },
+            right: {
+                base: "page-hero--right",
+            },
+        },
+        size: {
+            lg: {
+                base: "page-hero--lg",
+            },
+            md: {},
+            sm: {
+                base: "page-hero--sm",
+            },
+        },
+    },
+});
+
+export { pageHeroVariants };

package/dist/components/page-hero.css

@@ -0,0 +1,62 @@
+/* Page Hero component styles */
+
+/* Block */
+.page-hero {
+  @apply flex w-full flex-col gap-2;
+}
+
+/* Element - breadcrumbs wrapper */
+.page-hero__breadcrumbs {
+  @apply flex items-center;
+}
+
+/* Element - title */
+.page-hero__title {
+  @apply text-3xl leading-tight font-bold tracking-tight text-foreground;
+}
+
+/* Element - description */
+.page-hero__description {
+  @apply text-base leading-relaxed text-muted;
+}
+
+/* Modifier - alignment: left (default) */
+.page-hero--left {
+  @apply items-start text-left;
+}
+
+/* Modifier - alignment: center */
+.page-hero--center {
+  @apply items-center text-center;
+}
+
+/* Modifier - alignment: right */
+.page-hero--right {
+  @apply items-end text-right;
+}
+
+/* Modifier - size: sm */
+.page-hero--sm {
+  @apply gap-1;
+}
+
+.page-hero--sm .page-hero__title {
+  @apply text-xl;
+}
+
+.page-hero--sm .page-hero__description {
+  @apply text-sm;
+}
+
+/* Modifier - size: lg */
+.page-hero--lg {
+  @apply gap-3;
+}
+
+.page-hero--lg .page-hero__title {
+  @apply text-5xl;
+}
+
+.page-hero--lg .page-hero__description {
+  @apply text-lg leading-7;
+}

package/dist/index.js

@@ -39,6 +39,7 @@ export { errorMessageVariants } from './components/error-message/error-message.s
 export { fieldErrorVariants } from './components/field-error/field-error.styles.js';
 export { fieldsetVariants } from './components/fieldset/fieldset.styles.js';
 export { headerVariants } from './components/header/header.styles.js';
+export { pageHeroVariants } from './components/page-hero/page-hero.styles.js';
 export { inputVariants } from './components/input/input.styles.js';
 export { inputGroupVariants } from './components/input-group/input-group.styles.js';
 export { inputOTPVariants } from './components/input-otp/input-otp.styles.js';