@rimelight/ui 0.0.28 → 0.0.30

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 (41) hide show
  1. package/package.json +14 -13
  2. package/src/components/astro/RLAAccordion.astro +2 -6
  3. package/src/components/astro/RLAButton.astro +2 -22
  4. package/src/components/astro/RLAEmbedYoutube.astro +4 -26
  5. package/src/components/astro/RLAFooter.astro +2 -10
  6. package/src/components/astro/RLAHeader.astro +2 -14
  7. package/src/components/astro/RLAIcon.astro +2 -11
  8. package/src/components/astro/RLALogo.astro +2 -12
  9. package/src/components/astro/RLAMain.astro +28 -0
  10. package/src/components/astro/RLAPlaceholder.astro +2 -8
  11. package/src/components/astro/RLAScrollToTop.astro +2 -14
  12. package/src/components/astro/RLASection.astro +24 -73
  13. package/src/components/vue/RLVButton.vue +2 -64
  14. package/src/components/vue/RLVFooter.vue +2 -9
  15. package/src/components/vue/RLVHeader.vue +2 -13
  16. package/src/components/vue/RLVIcon.vue +2 -10
  17. package/src/components/vue/RLVLogo.vue +13 -21
  18. package/src/components/vue/RLVPlaceholder.vue +2 -8
  19. package/src/components/vue/RLVScrollToTop.vue +2 -13
  20. package/src/components/vue/RLVSection.vue +2 -19
  21. package/src/integrations/ui.ts +11 -1
  22. package/src/presets/index.ts +16 -6
  23. package/src/themes/button.theme.ts +176 -167
  24. package/src/themes/embedYoutube.theme.ts +14 -19
  25. package/src/themes/main.theme.ts +12 -0
  26. package/src/types/components/accordion.ts +15 -0
  27. package/src/types/components/button.ts +71 -0
  28. package/src/types/components/embed-youtube.ts +27 -0
  29. package/src/types/components/footer.ts +15 -0
  30. package/src/types/components/header.ts +31 -0
  31. package/src/types/components/icon.ts +19 -0
  32. package/src/types/components/index.ts +13 -0
  33. package/src/types/components/link.ts +23 -0
  34. package/src/types/components/logo.ts +27 -0
  35. package/src/types/components/main.ts +17 -0
  36. package/src/types/components/navigation.ts +34 -0
  37. package/src/types/components/placeholder.ts +11 -0
  38. package/src/types/components/scroll-to-top.ts +31 -0
  39. package/src/types/components/section.ts +63 -0
  40. package/src/types/index.ts +1 -0
  41. package/src/nuxt-types.ts +0 -3
@@ -0,0 +1,12 @@
1
+ import { defineTheme } from "../utils/defineTheme"
2
+
3
+ export default defineTheme({
4
+ slots: [
5
+ "root"
6
+ ],
7
+ base: {
8
+ root: "min-h-[calc(100vh-var(--ui-header-height))]"
9
+ },
10
+ variants: {},
11
+ defaultVariants: {}
12
+ })
@@ -0,0 +1,15 @@
1
+ export interface AccordionProps {
2
+ /**
3
+ * The summary text displayed when the accordion is collapsed.
4
+ */
5
+ summary: string
6
+ /**
7
+ * Slot-specific CSS class overrides.
8
+ */
9
+ ui?: any
10
+ /**
11
+ * Additional CSS classes to apply to the root component.
12
+ */
13
+ class?: any
14
+ [key: string]: unknown
15
+ }
@@ -0,0 +1,71 @@
1
+ export interface ButtonProps {
2
+ /**
3
+ * The visual style variant of the button
4
+ */
5
+ variant?: "solid" | "outline" | "ghost" | "link" | "soft"
6
+ /**
7
+ * The color scheme applied to the button
8
+ */
9
+ color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "white" | "black"
10
+ /**
11
+ * The size scale of the button
12
+ */
13
+ size?: "xs" | "sm" | "md" | "lg" | "xl"
14
+ /**
15
+ * When provided, renders the button as an anchor link
16
+ */
17
+ href?: string
18
+ /**
19
+ * The text label displayed inside the button
20
+ */
21
+ label?: string
22
+ /**
23
+ * Icon name displayed before the label
24
+ */
25
+ leadingIcon?: string
26
+ /**
27
+ * Icon name displayed after the label
28
+ */
29
+ trailingIcon?: string
30
+ /**
31
+ * Shows a loading spinner animation
32
+ */
33
+ loading?: boolean
34
+ /**
35
+ * Renders a square button with equal padding
36
+ */
37
+ square?: boolean
38
+ /**
39
+ * Makes the button stretch to full width
40
+ */
41
+ block?: boolean
42
+ /**
43
+ * Applies active state styling
44
+ */
45
+ active?: boolean
46
+ /**
47
+ * Color used when button is in active state
48
+ */
49
+ activeColor?:
50
+ | "primary"
51
+ | "secondary"
52
+ | "success"
53
+ | "warning"
54
+ | "error"
55
+ | "info"
56
+ | "white"
57
+ | "black"
58
+ /**
59
+ * Variant used when button is in active state
60
+ */
61
+ activeVariant?: "solid" | "outline" | "ghost" | "link" | "soft"
62
+ /**
63
+ * Slot-specific CSS class overrides.
64
+ */
65
+ ui?: any
66
+ /**
67
+ * Additional CSS classes to apply to the root component.
68
+ */
69
+ class?: any
70
+ [key: string]: unknown
71
+ }
@@ -0,0 +1,27 @@
1
+ export interface EmbedYoutubeProps {
2
+ /**
3
+ * The URL of the YouTube video to embed.
4
+ */
5
+ src: string
6
+ /**
7
+ * The title of the video to display.
8
+ *
9
+ * @default "YouTube Video Player"
10
+ */
11
+ title?: string
12
+ /**
13
+ * The name of the icon to display in the play trigger overlay.
14
+ *
15
+ * @default "i-lucide-play"
16
+ */
17
+ icon?: string
18
+ /**
19
+ * Slot-specific CSS class overrides.
20
+ */
21
+ ui?: any
22
+ /**
23
+ * Additional CSS classes to apply to the root component.
24
+ */
25
+ class?: any
26
+ [key: string]: unknown
27
+ }
@@ -0,0 +1,15 @@
1
+ export interface FooterProps {
2
+ /**
3
+ * Whether to contain the footer content within a max-width container.
4
+ */
5
+ contain?: boolean
6
+ /**
7
+ * Slot-specific CSS class overrides.
8
+ */
9
+ ui?: any
10
+ /**
11
+ * Additional CSS classes to apply to the root component.
12
+ */
13
+ class?: any
14
+ [key: string]: unknown
15
+ }
@@ -0,0 +1,31 @@
1
+ export interface HeaderProps {
2
+ /**
3
+ * Whether to contain the header content within a max-width container.
4
+ */
5
+ contain?: boolean
6
+ /**
7
+ * Whether the header should be sticky at the top of the viewport.
8
+ */
9
+ sticky?: boolean
10
+ /**
11
+ * Whether the header should be fixed at the top of the viewport.
12
+ */
13
+ fixed?: boolean
14
+ /**
15
+ * The z-index stack position of the header.
16
+ */
17
+ stackIndex?: number
18
+ /**
19
+ * Whether to hide the header when scrolling down and show it when scrolling up.
20
+ */
21
+ hideOnScroll?: boolean
22
+ /**
23
+ * Slot-specific CSS class overrides.
24
+ */
25
+ ui?: any
26
+ /**
27
+ * Additional CSS classes to apply to the root component.
28
+ */
29
+ class?: any
30
+ [key: string]: unknown
31
+ }
@@ -0,0 +1,19 @@
1
+ export interface IconProps {
2
+ /**
3
+ * The name of the icon to display.
4
+ */
5
+ name: string
6
+ /**
7
+ * The size scale of the icon.
8
+ */
9
+ size?: "xs" | "sm" | "md" | "lg" | "xl"
10
+ /**
11
+ * Slot-specific CSS class overrides.
12
+ */
13
+ ui?: any
14
+ /**
15
+ * Additional CSS classes to apply to the root component.
16
+ */
17
+ class?: any
18
+ [key: string]: unknown
19
+ }
@@ -0,0 +1,13 @@
1
+ export * from "./main"
2
+ export * from "./logo"
3
+ export * from "./header"
4
+ export * from "./footer"
5
+ export * from "./navigation"
6
+ export * from "./link"
7
+ export * from "./button"
8
+ export * from "./icon"
9
+ export * from "./section"
10
+ export * from "./placeholder"
11
+ export * from "./scroll-to-top"
12
+ export * from "./embed-youtube"
13
+ export * from "./accordion"
@@ -0,0 +1,23 @@
1
+ export interface LinkProps {
2
+ to?: string | object
3
+ href?: string
4
+ target?: string
5
+ rel?: string
6
+ external?: boolean
7
+ replace?: boolean
8
+ active?: boolean
9
+ exact?: boolean
10
+ exactQuery?: boolean | "partial"
11
+ exactHash?: boolean
12
+ inactiveClass?: string
13
+ activeClass?: string
14
+ /**
15
+ * Slot-specific CSS class overrides.
16
+ */
17
+ ui?: any
18
+ /**
19
+ * Additional CSS classes to apply to the root component.
20
+ */
21
+ class?: any
22
+ [key: string]: unknown
23
+ }
@@ -0,0 +1,27 @@
1
+ export interface LogoProps {
2
+ /**
3
+ * The visual variant of the logo.
4
+ */
5
+ variant?: "logomark" | "logotype" | "full"
6
+ /**
7
+ * The color mode of the logo.
8
+ */
9
+ mode?: "color" | "white" | "black"
10
+ /**
11
+ * The destination URL when the logo is clicked.
12
+ */
13
+ href?: string
14
+ /**
15
+ * Accessible description of the logo.
16
+ */
17
+ alt?: string
18
+ /**
19
+ * Slot-specific CSS class overrides.
20
+ */
21
+ ui?: any
22
+ /**
23
+ * Additional CSS classes to apply to the root component.
24
+ */
25
+ class?: any
26
+ [key: string]: unknown
27
+ }
@@ -0,0 +1,17 @@
1
+ export interface MainProps {
2
+ /**
3
+ * The element or component this component should render as.
4
+ *
5
+ * @default "main"
6
+ */
7
+ as?: any
8
+ /**
9
+ * Slot-specific CSS class overrides.
10
+ */
11
+ ui?: any
12
+ /**
13
+ * Additional CSS classes to apply to the root component.
14
+ */
15
+ class?: any
16
+ [key: string]: unknown
17
+ }
@@ -0,0 +1,34 @@
1
+ import type { LinkProps } from "./link"
2
+
3
+ export interface NavigationMenuItem extends Omit<LinkProps, "class"> {
4
+ label?: string
5
+ icon?: string
6
+ badge?: string | number | any
7
+ avatar?: any
8
+ chip?: boolean | any
9
+ tooltip?: boolean | any
10
+ popover?: boolean | any
11
+ trailingIcon?: string
12
+ type?: "label" | "trigger" | "link"
13
+ slot?: string
14
+ value?: string
15
+ children?: NavigationMenuChildItem[]
16
+ defaultOpen?: boolean
17
+ open?: boolean
18
+ onSelect?: (e: Event) => void
19
+ click?: (event: MouseEvent) => void
20
+ /**
21
+ * Slot-specific CSS class overrides.
22
+ */
23
+ ui?: any
24
+ /**
25
+ * Additional CSS classes to apply to the root component.
26
+ */
27
+ class?: any
28
+ [key: string]: unknown
29
+ }
30
+
31
+ export interface NavigationMenuChildItem extends Omit<NavigationMenuItem, "type" | "ui"> {
32
+ description?: string
33
+ [key: string]: any
34
+ }
@@ -0,0 +1,11 @@
1
+ export interface PlaceholderProps {
2
+ /**
3
+ * Slot-specific CSS class overrides.
4
+ */
5
+ ui?: any
6
+ /**
7
+ * Additional CSS classes to apply to the root component.
8
+ */
9
+ class?: any
10
+ [key: string]: unknown
11
+ }
@@ -0,0 +1,31 @@
1
+ export interface ScrollToTopProps {
2
+ /**
3
+ * The color scheme applied to the scroll-to-top button.
4
+ */
5
+ color?: "primary" | "secondary" | "success" | "warning" | "error" | "info" | "white" | "black"
6
+ /**
7
+ * The width of the progress indicator line.
8
+ */
9
+ progressWidth?: number
10
+ /**
11
+ * The duration of the scroll-to-top animation in milliseconds.
12
+ */
13
+ duration?: number
14
+ /**
15
+ * The scroll threshold in pixels before showing the button.
16
+ */
17
+ threshold?: number
18
+ /**
19
+ * Whether to show the scroll progress indicator.
20
+ */
21
+ showProgress?: boolean
22
+ /**
23
+ * Slot-specific CSS class overrides.
24
+ */
25
+ ui?: any
26
+ /**
27
+ * Additional CSS classes to apply to the root component.
28
+ */
29
+ class?: any
30
+ [key: string]: unknown
31
+ }
@@ -0,0 +1,63 @@
1
+ import type { ButtonProps } from "./button"
2
+
3
+ export interface SectionProps {
4
+ /**
5
+ * The element or component this component should render as.
6
+ *
7
+ * @default "section"
8
+ */
9
+ as?: any
10
+ /**
11
+ * The variant of the section.
12
+ *
13
+ * @default "default"
14
+ */
15
+ variant?: "default" | "hero" | "cta" | "none"
16
+ /**
17
+ * The variant of the section when it's a CTA.
18
+ *
19
+ * @default "solid"
20
+ */
21
+ ctaVariant?: "solid" | "outline" | "soft" | "subtle" | "naked"
22
+ /**
23
+ * The headline displayed above the title.
24
+ */
25
+ headline?: string
26
+ /**
27
+ * The icon displayed above the title.
28
+ */
29
+ icon?: string
30
+ /**
31
+ * The section's title, displayed as a <h1> for the hero variant or <h2> otherwise.
32
+ */
33
+ title?: string
34
+ /**
35
+ * The section's description, displayed under the title.
36
+ */
37
+ description?: string
38
+ /**
39
+ * Display a list of buttons under the description.
40
+ */
41
+ links?: ButtonProps[]
42
+ /**
43
+ * The orientation of the section.
44
+ *
45
+ * @default "vertical"
46
+ */
47
+ orientation?: "vertical" | "horizontal"
48
+ /**
49
+ * Reverse the order of the default slot.
50
+ *
51
+ * @default false
52
+ */
53
+ reverse?: boolean
54
+ /**
55
+ * Slot-specific CSS class overrides.
56
+ */
57
+ ui?: any
58
+ /**
59
+ * Additional CSS classes to apply to the root component.
60
+ */
61
+ class?: any
62
+ [key: string]: unknown
63
+ }
@@ -1 +1,2 @@
1
1
  export * from "./componentVariant"
2
+ export * from "./components"
package/src/nuxt-types.ts DELETED
@@ -1,3 +0,0 @@
1
- export type * from "@nuxt/ui/runtime/types"
2
- export type * from "@nuxt/ui/runtime/composables"
3
- export type * from "@nuxt/ui/runtime/utils"