@rimelight/ui 0.0.31 → 0.0.32

package/src/components/astro/RLADashboardGroup.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardGroupProps } from "../../types"
+import dashboardGroupThemeDefault from "../../themes/dashboard-group.theme"
+
+const dashboardGroup = scv(dashboardGroupThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardGroupProps
+
+const classes = resolveClasses(dashboardGroup, {}, useUi("dashboardGroup", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardNavbar.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardNavbarProps } from "../../types"
+import dashboardNavbarThemeDefault from "../../themes/dashboard-navbar.theme"
+
+const dashboardNavbar = scv(dashboardNavbarThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardNavbarProps
+
+const classes = resolveClasses(dashboardNavbar, {}, useUi("dashboardNavbar", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardPanel.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardPanelProps } from "../../types"
+import dashboardPanelThemeDefault from "../../themes/dashboard-panel.theme"
+
+const dashboardPanel = scv(dashboardPanelThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardPanelProps
+
+const classes = resolveClasses(dashboardPanel, {}, useUi("dashboardPanel", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardResizeHandle.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardResizeHandleProps } from "../../types"
+import dashboardResizeHandleThemeDefault from "../../themes/dashboard-resize-handle.theme"
+
+const dashboardResizeHandle = scv(dashboardResizeHandleThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardResizeHandleProps
+
+const classes = resolveClasses(dashboardResizeHandle, {}, useUi("dashboardResizeHandle", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardSearch.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardSearchProps } from "../../types"
+import dashboardSearchThemeDefault from "../../themes/dashboard-search.theme"
+
+const dashboardSearch = scv(dashboardSearchThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardSearchProps
+
+const classes = resolveClasses(dashboardSearch, {}, useUi("dashboardSearch", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardSearchButton.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardSearchButtonProps } from "../../types"
+import dashboardSearchButtonThemeDefault from "../../themes/dashboard-search-button.theme"
+
+const dashboardSearchButton = scv(dashboardSearchButtonThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardSearchButtonProps
+
+const classes = resolveClasses(dashboardSearchButton, {}, useUi("dashboardSearchButton", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardSidebar.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardSidebarProps } from "../../types"
+import dashboardSidebarThemeDefault from "../../themes/dashboard-sidebar.theme"
+
+const dashboardSidebar = scv(dashboardSidebarThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardSidebarProps
+
+const classes = resolveClasses(dashboardSidebar, {}, useUi("dashboardSidebar", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardSidebarCollapse.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardSidebarCollapseProps } from "../../types"
+import dashboardSidebarCollapseThemeDefault from "../../themes/dashboard-sidebar-collapse.theme"
+
+const dashboardSidebarCollapse = scv(dashboardSidebarCollapseThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardSidebarCollapseProps
+
+const classes = resolveClasses(dashboardSidebarCollapse, {}, useUi("dashboardSidebarCollapse", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardSidebarToggle.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardSidebarToggleProps } from "../../types"
+import dashboardSidebarToggleThemeDefault from "../../themes/dashboard-sidebar-toggle.theme"
+
+const dashboardSidebarToggle = scv(dashboardSidebarToggleThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardSidebarToggleProps
+
+const classes = resolveClasses(dashboardSidebarToggle, {}, useUi("dashboardSidebarToggle", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADashboardToolbar.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DashboardToolbarProps } from "../../types"
+import dashboardToolbarThemeDefault from "../../themes/dashboard-toolbar.theme"
+
+const dashboardToolbar = scv(dashboardToolbarThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DashboardToolbarProps
+
+const classes = resolveClasses(dashboardToolbar, {}, useUi("dashboardToolbar", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADock.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { DockProps } from "../../types"
+import dockThemeDefault from "../../themes/dock.theme"
+
+const dock = scv(dockThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as DockProps
+
+const classes = resolveClasses(dock, {}, useUi("dock", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLADropdownMenu.astro

@@ -2,7 +2,7 @@
 import { scv } from "css-variants"
 import { useUi, resolveClasses } from "../../utils"
 import type { DropdownMenuProps } from "../../types"
-import dropdownMenuThemeDefault, { createDropdownMenuTheme } from "../../themes/dropdownMenu.theme"
+import dropdownMenuThemeDefault, { createDropdownMenuTheme } from "../../themes/dropdown-menu.theme"
 
 const dropdownMenuTheme = dropdownMenuThemeDefault
 const dropdownMenu = scv(dropdownMenuTheme)

package/src/components/astro/RLAEditor.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { EditorProps } from "../../types"
+import editorThemeDefault from "../../themes/editor.theme"
+
+const editor = scv(editorThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as EditorProps
+
+const classes = resolveClasses(editor, {}, useUi("editor", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLAEmpty.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { EmptyProps } from "../../types"
+import emptyThemeDefault from "../../themes/empty.theme"
+
+const empty = scv(emptyThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as EmptyProps
+
+const classes = resolveClasses(empty, {}, useUi("empty", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLAError.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { ErrorProps } from "../../types"
+import errorThemeDefault from "../../themes/error.theme"
+
+const error = scv(errorThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as ErrorProps
+
+const classes = resolveClasses(error, {}, useUi("error", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/{RLAInputGroup.astro → RLAFieldGroup.astro}

@@ -1,11 +1,11 @@
 ---
 import { scv } from "css-variants"
 import { useUi, resolveClasses } from "../../utils"
-import type { InputGroupProps } from "../../types"
-import inputGroupThemeDefault, { createInputGroupTheme } from "../../themes/inputGroup.theme"
+import type { FieldGroupProps } from "../../types"
+import fieldGroupThemeDefault, { createFieldGroupTheme } from "../../themes/field-group.theme"
 
-const inputGroupTheme = inputGroupThemeDefault
-const inputGroup = scv(inputGroupTheme)
+const fieldGroupTheme = fieldGroupThemeDefault
+const fieldGroup = scv(fieldGroupTheme)
 
 const {
   prepend,
@@ -14,11 +14,11 @@ const {
   ui: uiProp,
   class: className,
   ...rest
-} = Astro.props as InputGroupProps
+} = Astro.props as FieldGroupProps
 
-const classes = resolveClasses(inputGroup, {
+const classes = resolveClasses(fieldGroup, {
   size
-}, useUi("inputGroup", uiProp), className);
+}, useUi("fieldGroup", uiProp), className);
 ---
 <div class={classes.root} data-slot="root" {...rest}>
   {prepend && (

package/src/components/astro/RLAFieldset.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { FieldsetProps } from "../../types"
+import fieldsetThemeDefault from "../../themes/fieldset.theme"
+
+const fieldset = scv(fieldsetThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as FieldsetProps
+
+const classes = resolveClasses(fieldset, {}, useUi("fieldset", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/{RLADropzone.astro → RLAFileUpload.astro}

@@ -1,11 +1,11 @@
 ---
 import { scv } from "css-variants"
 import { useUi, resolveClasses } from "../../utils"
-import type { DropzoneProps } from "../../types"
-import dropzoneThemeDefault, { createDropzoneTheme } from "../../themes/dropzone.theme"
+import type { FileUploadProps } from "../../types"
+import fileUploadThemeDefault, { createFileUploadTheme } from "../../themes/file-upload.theme"
 
-const dropzoneTheme = dropzoneThemeDefault
-const dropzone = scv(dropzoneTheme)
+const fileUploadTheme = fileUploadThemeDefault
+const fileUpload = scv(fileUploadTheme)
 
 const {
   accept,
@@ -18,19 +18,19 @@ const {
   ui: uiProp,
   class: className,
   ...rest
-} = Astro.props as DropzoneProps
+} = Astro.props as FileUploadProps
 
-const classes = resolveClasses(dropzone, {
+const classes = resolveClasses(fileUpload, {
   disabled
-}, useUi("dropzone", uiProp), className)
+}, useUi("fileUpload", uiProp), className)
 
-const inputId = `dropzone-${Math.random().toString(36).slice(2, 9)}`
+const inputId = `fileUpload-${Math.random().toString(36).slice(2, 9)}`
 ---
 
 <div
   class={classes.root}
   data-slot="root"
-  data-dropzone
+  data-fileUpload
   data-disabled={disabled ? "true" : undefined}
   role="button"
   tabindex={disabled ? -1 : 0}
@@ -44,7 +44,7 @@ const inputId = `dropzone-${Math.random().toString(36).slice(2, 9)}`
     accept={accept}
     multiple={multiple}
     disabled={disabled}
-    data-dropzone-input
+    data-fileUpload-input
     aria-hidden="true"
     tabindex="-1"
   />
@@ -68,16 +68,16 @@ const inputId = `dropzone-${Math.random().toString(36).slice(2, 9)}`
 
     <div
       class="mt-3 hidden text-xs text-muted-foreground"
-      data-dropzone-filelist
+      data-fileUpload-filelist
       aria-live="polite"
     />
   </div>
 </div>
 
 <script>
-  document.querySelectorAll("[data-dropzone]").forEach(zone => {
-    const input = zone.querySelector("[data-dropzone-input]") as HTMLInputElement | null;
-    const fileList = zone.querySelector("[data-dropzone-filelist]") as HTMLElement | null;
+  document.querySelectorAll("[data-fileUpload]").forEach(zone => {
+    const input = zone.querySelector("[data-fileUpload-input]") as HTMLInputElement | null;
+    const fileList = zone.querySelector("[data-fileUpload-filelist]") as HTMLElement | null;
     if (!input) return;
 
     const isDisabled = zone.dataset.disabled === "true";

package/src/components/astro/RLAFloatingAction.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { FloatingActionProps } from "../../types"
+import floatingActionThemeDefault from "../../themes/floating-action.theme"
+
+const floatingAction = scv(floatingActionThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as FloatingActionProps
+
+const classes = resolveClasses(floatingAction, {}, useUi("floatingAction", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLAForm.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { FormProps } from "../../types"
+import formThemeDefault from "../../themes/form.theme"
+
+const form = scv(formThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as FormProps
+
+const classes = resolveClasses(form, {}, useUi("form", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/{RLAField.astro → RLAFormField.astro}

@@ -1,11 +1,11 @@
 ---
 import { scv } from "css-variants"
 import { useUi, resolveClasses } from "../../utils"
-import type { FieldProps } from "../../types"
-import fieldThemeDefault, { createFieldTheme } from "../../themes/field.theme"
+import type { FormFieldProps } from "../../types"
+import formFieldThemeDefault, { createFormFieldTheme } from "../../themes/form-field.theme"
 
-const fieldTheme = fieldThemeDefault
-const field = scv(fieldTheme)
+const formFieldTheme = formFieldThemeDefault
+const formField = scv(formFieldTheme)
 
 const {
   label,
@@ -16,11 +16,11 @@ const {
   ui: uiProp,
   class: className,
   ...rest
-} = Astro.props as FieldProps
+} = Astro.props as FormFieldProps
 
-const classes = resolveClasses(field, {
+const classes = resolveClasses(formField, {
   size
-}, useUi("field", uiProp), className);
+}, useUi("formField", uiProp), className);
 ---
 <div class={classes.root} data-slot="root" {...rest}>
   {label && (

package/src/components/astro/RLAGallery.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { GalleryProps } from "../../types"
+import galleryThemeDefault from "../../themes/gallery.theme"
+
+const gallery = scv(galleryThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as GalleryProps
+
+const classes = resolveClasses(gallery, {}, useUi("gallery", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLAHoverCard.astro

@@ -2,7 +2,7 @@
 import { scv } from "css-variants"
 import { useUi, resolveClasses } from "../../utils"
 import type { HoverCardProps } from "../../types"
-import hoverCardTheme from "../../themes/hoverCard.theme"
+import hoverCardTheme from "../../themes/hover-card.theme"
 
 const hoverCard = scv(hoverCardTheme)
 

package/src/components/astro/RLAImage.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { ImageProps } from "../../types"
+import imageThemeDefault from "../../themes/image.theme"
+
+const image = scv(imageThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as ImageProps
+
+const classes = resolveClasses(image, {}, useUi("image", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>

package/src/components/astro/RLAInput.astro

@@ -20,6 +20,7 @@ const {
   trailingIcon,
   size = "md",
   color = "primary",
+  theme,
   ui: uiProp,
   class: className,
   ...rest
@@ -32,7 +33,8 @@ const classes = resolveClasses(input, {
   size,
   hasLeading,
   hasTrailing,
-  error: !!error
+  error: !!error,
+  theme
 }, useUi("input", uiProp), className);
 ---
 <div class={classes.root} data-slot="root">

package/src/components/astro/RLAInputDate.astro

@@ -0,0 +1,19 @@
+---
+import { scv } from "css-variants"
+import { useUi, resolveClasses } from "../../utils"
+import type { InputDateProps } from "../../types"
+import inputDateThemeDefault from "../../themes/input-date.theme"
+
+const inputDate = scv(inputDateThemeDefault)
+
+const {
+  ui: uiProp,
+  class: className,
+  ...rest
+} = Astro.props as InputDateProps
+
+const classes = resolveClasses(inputDate, {}, useUi("inputDate", uiProp), className);
+---
+<div class={classes.root} data-slot="root" {...rest}>
+  <slot />
+</div>