@rimelight/ui 0.0.29 → 0.0.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimelight/ui",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "private": false,
   "description": "Rimelight Entertainment UI Library.",
   "keywords": [

package/src/components/astro/RLAMain.astro

@@ -0,0 +1,28 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { MainProps } from "../../types"
+import mainTheme from "../../themes/main.theme"
+
+const main = scv(mainTheme)
+
+const {
+    as = "main",
+    ui: uiProp,
+    class: className,
+    ...rest
+} = Astro.props as MainProps;
+
+const classes = resolveClasses(main, {
+    hasContent: Astro.slots.has("default")
+}, useUi("main", uiProp), className);
+
+const Tag = as;
+---
+
+<Tag
+        class:list={[classes.root]}
+        {...rest}
+>
+    <slot />
+</Tag>

package/src/components/astro/RLASection.astro

@@ -43,7 +43,6 @@ const TitleTag = variant === "hero" ? "h1" : "h2";
 
 <Tag
   data-orientation={orientation}
-  data-slot="root"
   class:list={[classes.root]}
   {...rest}
 >

package/src/themes/main.theme.ts

@@ -0,0 +1,12 @@
+import { defineTheme } from "../utils/defineTheme"
+
+export default defineTheme({
+    slots: [
+        "root"
+    ],
+    base: {
+        root: "min-h-[calc(100vh-var(--ui-header-height))]"
+    },
+    variants: {},
+    defaultVariants: {}
+})

package/src/types/components/index.ts

@@ -1,10 +1,11 @@
+export * from "./main"
+export * from "./logo"
+export * from "./header"
+export * from "./footer"
 export * from "./navigation"
 export * from "./link"
 export * from "./button"
 export * from "./icon"
-export * from "./header"
-export * from "./footer"
-export * from "./logo"
 export * from "./section"
 export * from "./placeholder"
 export * from "./scroll-to-top"

package/src/types/components/main.ts

@@ -0,0 +1,17 @@
+export interface MainProps {
+    /**
+     * The element or component this component should render as.
+     *
+     * @default "main"
+     */
+    as?: any
+    /**
+     * Slot-specific CSS class overrides.
+     */
+    ui?: any
+    /**
+     * Additional CSS classes to apply to the root component.
+     */
+    class?: any
+    [key: string]: unknown
+}