rimelight-components 1.1.2 → 1.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/runtime/components/app/Header.d.vue.ts +6 -6
  2. package/dist/runtime/components/app/Header.vue +44 -24
  3. package/dist/runtime/components/app/Header.vue.d.ts +6 -6
  4. package/package.json +3 -3
package/dist/runtime/components/app/Header.d.vue.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
2
2
  type __VLS_Slots = {} & {
3
- 'collapsed-left'?: (props: typeof __VLS_6) => any;
3
+ left?: (props: typeof __VLS_6) => any;
4
4
  } & {
5
- 'collapsed-center'?: (props: typeof __VLS_8) => any;
5
+ center?: (props: typeof __VLS_8) => any;
6
6
  } & {
7
- 'collapsed-right'?: (props: typeof __VLS_10) => any;
7
+ right?: (props: typeof __VLS_10) => any;
8
8
  } & {
9
- left?: (props: typeof __VLS_12) => any;
9
+ 'collapsed-left'?: (props: typeof __VLS_12) => any;
10
10
  } & {
11
- center?: (props: typeof __VLS_14) => any;
11
+ 'collapsed-center'?: (props: typeof __VLS_14) => any;
12
12
  } & {
13
- right?: (props: typeof __VLS_16) => any;
13
+ 'collapsed-right'?: (props: typeof __VLS_16) => any;
14
14
  };
15
15
  declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/dist/runtime/components/app/Header.vue CHANGED
@@ -1,30 +1,50 @@
1
- <script setup lang="ts"></script>
1
+ <script setup>
2
+ import { tv } from "tailwind-variants";
3
+ const header = tv({
4
+ slots: {
5
+ root: "sticky top-0 z-50 h-(--ui-header-height)",
6
+ container: "h-full flex flex-row items-center justify-between p-sm",
7
+ left: "hidden lg:flex",
8
+ center: "hidden lg:flex",
9
+ right: "hidden lg:flex",
10
+ collapsedLeft: "lg:hidden",
11
+ collapsedCenter: "lg:hidden",
12
+ collapsedRight: "lg:hidden"
13
+ }
14
+ });
15
+ const {
16
+ root,
17
+ container,
18
+ left,
19
+ center,
20
+ right,
21
+ collapsedLeft,
22
+ collapsedCenter,
23
+ collapsedRight
24
+ } = header();
25
+ </script>
2
26
 
3
27
  <template>
4
- <header class="sticky top-0 z-50 h-[var(--ui-header-height)]">
5
- <UContainer class="h-full">
6
- <div class="flex h-full flex-row items-center justify-between p-sm">
7
- <div class="lg:hidden">
8
- <slot name="collapsed-left" />
9
- </div>
10
- <div class="lg:hidden">
11
- <slot name="collapsed-center" />
12
- </div>
13
- <div class="lg:hidden">
14
- <slot name="collapsed-right" />
15
- </div>
16
- <div class="hidden lg:flex">
17
- <slot name="left" />
18
- </div>
19
- <div class="hidden lg:flex">
20
- <slot name="center" />
21
- </div>
22
- <div class="hidden lg:flex">
23
- <slot name="right" />
24
- </div>
28
+ <header :class="root()">
29
+ <UContainer :class="container()">
30
+ <div :class="left()">
31
+ <slot name="left" />
32
+ </div>
33
+ <div :class="center()">
34
+ <slot name="center" />
35
+ </div>
36
+ <div :class="right()">
37
+ <slot name="right" />
38
+ </div>
39
+ <div :class="collapsedLeft()">
40
+ <slot name="collapsed-left" />
41
+ </div>
42
+ <div :class="collapsedCenter()">
43
+ <slot name="collapsed-center" />
44
+ </div>
45
+ <div :class="collapsedRight()">
46
+ <slot name="collapsed-right" />
25
47
  </div>
26
48
  </UContainer>
27
49
  </header>
28
50
  </template>
29
-
30
- <style scoped></style>
package/dist/runtime/components/app/Header.vue.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  declare var __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
2
2
  type __VLS_Slots = {} & {
3
- 'collapsed-left'?: (props: typeof __VLS_6) => any;
3
+ left?: (props: typeof __VLS_6) => any;
4
4
  } & {
5
- 'collapsed-center'?: (props: typeof __VLS_8) => any;
5
+ center?: (props: typeof __VLS_8) => any;
6
6
  } & {
7
- 'collapsed-right'?: (props: typeof __VLS_10) => any;
7
+ right?: (props: typeof __VLS_10) => any;
8
8
  } & {
9
- left?: (props: typeof __VLS_12) => any;
9
+ 'collapsed-left'?: (props: typeof __VLS_12) => any;
10
10
  } & {
11
- center?: (props: typeof __VLS_14) => any;
11
+ 'collapsed-center'?: (props: typeof __VLS_14) => any;
12
12
  } & {
13
- right?: (props: typeof __VLS_16) => any;
13
+ 'collapsed-right'?: (props: typeof __VLS_16) => any;
14
14
  };
15
15
  declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
16
  declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "rimelight-components",
3
- "version": "1.1.2",
3
+ "version": "1.1.3",
4
4
  "description": "My new Nuxt module",
5
5
  "repository": "RimelightEntertainment/rimelight-components",
6
6
  "license": "MIT",
@@ -38,13 +38,13 @@
38
38
  "playground"
39
39
  ],
40
40
  "dependencies": {
41
- "nuxt": "^4.1.3",
42
41
  "@nuxt/kit": "^4.1.3",
43
42
  "date-fns": "^4.1.0",
43
+ "nuxt": "^4.1.3",
44
+ "tailwind-variants": "^3.1.1",
44
45
  "vue": "^3.5.22"
45
46
  },
46
47
  "devDependencies": {
47
- "@nuxt/image": "1.11.0",
48
48
  "@nuxt/devtools": "^2.6.5",
49
49
  "@nuxt/module-builder": "^1.0.2",
50
50
  "@nuxt/schema": "^4.1.3",