@returnless/focus-ui 0.0.47 → 0.0.49

package/dist/src/components/Card/CardMedia.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     ratio: number;
     /** The source of the media. */
     source: string;
+    /** Whether the media should be subdued. */
+    subdued: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -16,6 +18,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    subdued: boolean;
     ratio: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/src/components/Heading/Heading.vue.d.ts

@@ -1,9 +1,11 @@
+import { HTMLAttributes } from 'vue';
 import { HeadingLevel, HeadingSize } from './types';
 type __VLS_Props = {
     /** The heading level. */
     level?: HeadingLevel;
     /** The heading size. */
     size?: HeadingSize;
+    class?: HTMLAttributes['class'];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -15,6 +17,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: HTMLAttributes["class"];
     size: HeadingSize;
     level: HeadingLevel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/src/components/Heading/index.d.ts

@@ -1,2 +1,2 @@
-export { type HeadingLevel, type HeadingSize } from './types';
+export { type HeadingLevel } from './types';
 export { default as Heading } from './Heading.vue';

package/dist/src/components/Heading/styles.d.ts

@@ -0,0 +1,25 @@
+export declare const HeadingStyles: import("tailwind-variants").TVReturnType<{
+    size: {
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+}, undefined, "font-semibold leading-tight", {
+    size: {
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        base: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+    };
+}, undefined, "font-semibold leading-tight", unknown, unknown, undefined>>;

package/dist/src/components/Heading/types.d.ts

@@ -1,2 +1,2 @@
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-export type HeadingSize = 'lg' | 'xl' | '2xl';
+export type HeadingSize = 'lg' | 'xl' | '2xl' | '3xl';

package/dist/src/components/utils.d.ts

@@ -0,0 +1,7 @@
+import { type ClassValue } from 'clsx';
+/**
+ * Combines class names with Tailwind CSS classes.
+ *
+ * @param inputs
+ */
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@returnless/focus-ui",
-  "version": "0.0.47",
+  "version": "0.0.49",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -34,6 +34,7 @@
     "@vue/test-utils": "^2.4.6",
     "@vueuse/core": "^11.2.0",
     "autoprefixer": "^10.4.19",
+    "clsx": "^2.1.1",
     "collect.js": "^4.36.1",
     "dayjs": "^1.11.11",
     "eslint": "^8.57.0",
@@ -46,6 +47,8 @@
     "radix-vue": "^1.9.12",
     "rimraf": "^6.0.1",
     "sortablejs": "^1.15.6",
+    "tailwind-merge": "^3.2.0",
+    "tailwind-variants": "^1.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.7.2",
     "vite": "^5.4.11",