@rimelight/ui 0.0.33 → 0.0.35

package/src/types/components/icon.ts

@@ -1,19 +1,19 @@
-export interface IconProps {
-  /**
-   * The name of the icon to display.
-   */
-  name: string
-  /**
-   * The size scale of the icon.
-   */
-  size?: "xs" | "sm" | "md" | "lg" | "xl"
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface IconProps {
+  /**
+   * The name of the icon to display.
+   */
+  name: string
+  /**
+   * The size scale of the icon.
+   */
+  size?: "xs" | "sm" | "md" | "lg" | "xl"
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/image.ts

@@ -1,28 +1,32 @@
-import type { ImageMetadata } from "astro"
-
-export interface ImageMetadataInfo {
-  width?: number
-  height?: number
-  size?: number
-  format?: string
-}
-
-export interface ImageProps {
-  src: string | ImageMetadata
-  alt?: string
-  height?: string | number
-  width?: string | number
-  loading?: "lazy" | "eager"
-  fit?: "cover" | "contain" | "fill" | "inside" | "outside"
-  metadata?: ImageMetadataInfo
-  open?: boolean
-  metaSource?: boolean
-  metaFormat?: boolean
-  metaDimensions?: boolean
-  metaSize?: boolean
-  metaAlt?: boolean
-  metaDownload?: boolean
-  ui?: any
-  class?: any
-  [key: string]: unknown
-}
+import type { ImageMetadata } from "astro"
+
+export interface ImageMetadataInfo {
+  width?: number
+  height?: number
+  size?: number
+  format?: string
+}
+
+export interface ImageProps {
+  src?: string | ImageMetadata
+  mobileSrc?: string | ImageMetadata
+  desktopSrc?: string | ImageMetadata
+  breakpoint?: number
+  formats?: ("avif" | "webp" | "png" | "jpg" | "jpeg" | "svg")[]
+  alt?: string
+  height?: string | number
+  width?: string | number
+  loading?: "lazy" | "eager"
+  fit?: "cover" | "contain" | "fill" | "inside" | "outside"
+  metadata?: ImageMetadataInfo
+  open?: boolean
+  metaSource?: boolean
+  metaFormat?: boolean
+  metaDimensions?: boolean
+  metaSize?: boolean
+  metaAlt?: boolean
+  metaDownload?: boolean
+  ui?: any
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-date.ts

@@ -1,11 +1,11 @@
-export interface InputDateProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface InputDateProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-menu.ts

@@ -1,43 +1,44 @@
-export interface InputMenuProps {
-  /**
-   * The list of items in the input menu.
-   */
-  items?: Array<{ label: string; value: string; [key: string]: any } | string>
-  /**
-   * Selected value(s).
-   */
-  value?: string | string[]
-  /**
-   * Placeholder text.
-   */
-  placeholder?: string
-  /**
-   * Disabled state.
-   */
-  disabled?: boolean
-  /**
-   * Form control name.
-   */
-  name?: string
-  /**
-   * Form label.
-   */
-  label?: string
-  /**
-   * Size scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Color theme.
-   */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+import type { ThemeColor } from "../theme"
+export interface InputMenuProps {
+  /**
+   * The list of items in the input menu.
+   */
+  items?: Array<{ label: string; value: string; [key: string]: any } | string>
+  /**
+   * Selected value(s).
+   */
+  value?: string | string[]
+  /**
+   * Placeholder text.
+   */
+  placeholder?: string
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Form control name.
+   */
+  name?: string
+  /**
+   * Form label.
+   */
+  label?: string
+  /**
+   * Size scale.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * Color theme.
+   */
+  color?: ThemeColor
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-number.ts

@@ -1,11 +1,11 @@
-export interface InputNumberProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface InputNumberProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-pin.ts

@@ -1,35 +1,36 @@
-export interface InputPinProps {
-  /**
-   * Number of pins.
-   */
-  length?: number
-  /**
-   * The input value.
-   */
-  value?: string
-  /**
-   * Disabled state.
-   */
-  disabled?: boolean
-  /**
-   * Error state.
-   */
-  error?: boolean | string
-  /**
-   * Size scale.
-   */
-  size?: "sm" | "md" | "lg"
-  /**
-   * Color theme.
-   */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+import type { ThemeColor } from "../theme"
+export interface InputPinProps {
+  /**
+   * Number of pins.
+   */
+  length?: number
+  /**
+   * The input value.
+   */
+  value?: string
+  /**
+   * Disabled state.
+   */
+  disabled?: boolean
+  /**
+   * Error state.
+   */
+  error?: boolean | string
+  /**
+   * Size scale.
+   */
+  size?: "sm" | "md" | "lg"
+  /**
+   * Color theme.
+   */
+  color?: ThemeColor
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-tags.ts

@@ -1,11 +1,11 @@
-export interface InputTagsProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface InputTagsProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input-time.ts

@@ -1,11 +1,11 @@
-export interface InputTimeProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface InputTimeProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/input.ts

@@ -1,4 +1,4 @@
-import type { Theme } from "../theme"
+import type { Theme, ThemeColor } from "../theme"
 
 export interface InputProps {
   /**
@@ -41,6 +41,10 @@ export interface InputProps {
    * Trailing icon name.
    */
   trailingIcon?: string
+  /**
+   * Variant style.
+   */
+  variant?: "default" | "ghost"
   /**
    * Size scale.
    */
@@ -48,7 +52,7 @@ export interface InputProps {
   /**
    * Color theme.
    */
-  color?: "primary" | "secondary" | "success" | "warning" | "error" | "info"
+  color?: ThemeColor
   /**
    * Theme mode override — pins colors to flat, light, or dark mode.
    */

package/src/types/components/knob.ts

@@ -1,11 +1,11 @@
-export interface KnobProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface KnobProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/layout-grid.ts

@@ -0,0 +1,145 @@
+export interface LayoutGridProps {
+  /**
+   * Number of columns on base/xs viewports (<640px by default).
+   *
+   * @default 4
+   */
+  cols?: number
+  /**
+   * Number of columns on sm viewports (>=640px by default).
+   *
+   * @default 4
+   */
+  smCols?: number
+  /**
+   * Number of columns on md viewports (>=768px by default).
+   *
+   * @default 8
+   */
+  mdCols?: number
+  /**
+   * Number of columns on lg viewports (>=1024px by default).
+   *
+   * @default 12
+   */
+  lgCols?: number
+  /**
+   * Number of columns on xl viewports (>=1280px by default).
+   *
+   * @default 12
+   */
+  xlCols?: number
+  /**
+   * Breakpoint width in pixels for sm breakpoint.
+   *
+   * @default 640
+   */
+  smBreakpoint?: number
+  /**
+   * Breakpoint width in pixels for md breakpoint.
+   *
+   * @default 768
+   */
+  mdBreakpoint?: number
+  /**
+   * Breakpoint width in pixels for lg breakpoint.
+   *
+   * @default 1024
+   */
+  lgBreakpoint?: number
+  /**
+   * Breakpoint width in pixels for xl breakpoint.
+   *
+   * @default 1280
+   */
+  xlBreakpoint?: number
+  /**
+   * Spacing between columns in rem. Can be a single number or array [base, sm, md, lg, xl].
+   *
+   * @default 1
+   */
+  gutter?: number | number[]
+  /**
+   * Spacing on outer margins of the grid in rem. Can be a single number or array [base, sm, md, lg,
+   * xl].
+   *
+   * @default 1
+   */
+  margin?: number | number[]
+  /**
+   * Color value (CSS color string) for the grid.
+   *
+   * @default "#ff0000"
+   */
+  gridColor?: string
+  /**
+   * Opacity for filled column backgrounds.
+   *
+   * @default 0.1
+   */
+  gridOpacity?: number
+  /**
+   * Maximum width of the grid container (CSS max-width string).
+   *
+   * @default "100vw"
+   */
+  maxWidth?: string
+  /**
+   * Whether to display colored backgrounds in columns.
+   *
+   * @default false
+   */
+  showBackground?: boolean
+  /**
+   * Whether to overlay a secondary full-width viewport grid.
+   *
+   * @default true
+   */
+  showFullWidth?: boolean
+  /**
+   * Color value (CSS color string) for the full-width grid overlay.
+   *
+   * @default "#3b82f6"
+   */
+  fullWidthGridColor?: string
+  /**
+   * Opacity for filled full-width column backgrounds.
+   *
+   * @default 0.05
+   */
+  fullWidthGridOpacity?: number
+  /**
+   * Whether to display colored backgrounds in full-width columns.
+   *
+   * @default false
+   */
+  showFullWidthBackground?: boolean
+  /**
+   * Z-index of the grid overlay.
+   *
+   * @default 1000
+   */
+  zIndex?: number
+  /**
+   * Shortcut key combination to toggle grid visibility, using underscore formatting (e.g.
+   * meta_shift_g).
+   *
+   * @default "meta_shift_g"
+   */
+  shortcut?: string
+  /**
+   * Whether the grid is restricted only to development mode (import.meta.env.DEV).
+   *
+   * @default true
+   */
+  devOnly?: boolean
+  /**
+   * UI class overrides for components elements slots.
+   */
+  ui?: any
+  /**
+   * CSS class to apply to the root wrapper.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/link-group.ts

@@ -1,23 +1,47 @@
-export interface LinkGroupProps {
-  /**
-   * The title of the link group.
-   */
-  title?: string
-  /**
-   * The links in the group.
-   */
-  links?: { label: string; href: string; [key: string]: any }[]
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Force a theme mode for the link group (flat, light, dark).
-   */
-  theme?: "flat" | "light" | "dark"
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+import type { LinkProps } from "./link"
+
+export interface LinkGroupProps {
+  /**
+   * Backward compatible title property.
+   */
+  title?: string | { label: string; leadingIcon?: string; trailingIcon?: string; href?: string }
+  /**
+   * The direct text label of the group heading.
+   */
+  label?: string
+  /**
+   * Leading icon of the group heading.
+   */
+  leadingIcon?: string
+  /**
+   * Trailing icon of the group heading.
+   */
+  trailingIcon?: string
+  /**
+   * Hyperlink target URL for the group heading.
+   */
+  href?: string
+  /**
+   * Router/locale link target for the group heading.
+   */
+  to?: string | object
+  /**
+   * The links in the group. Supports full button/link properties.
+   */
+  links?: LinkProps | LinkProps[]
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Force a color-scheme context on the link group. `"light"` or `"dark"` sets `color-scheme` on
+   * the root element, causing all `light-dark()` color variables to resolve to the correct scheme
+   * regardless of the global page mode.
+   */
+  theme?: "light" | "dark"
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}

package/src/types/components/link.ts

@@ -1,3 +1,5 @@
+import type { ThemeColor } from "../theme"
+
 export interface LinkProps {
   to?: string | object
   href?: string
@@ -11,6 +13,23 @@ export interface LinkProps {
   exactHash?: boolean
   inactiveClass?: string
   activeClass?: string
+  variant?: "solid" | "outline" | "soft" | "subtle" | "ghost" | "link"
+  color?: ThemeColor
+  /**
+   * Styles the link visually as a button
+   *
+   * @default false
+   */
+  isButton?: boolean
+  /**
+   * Screen reader accessibility label. Will automatically append " (opens in a new tab)" for
+   * external links if not customized
+   */
+  ariaLabel?: string
+  /**
+   * Custom external link icon name
+   */
+  externalIcon?: string
   /**
    * Slot-specific CSS class overrides.
    */

package/src/types/components/listbox.ts

@@ -1,11 +1,11 @@
-export interface ListboxProps {
-  /**
-   * Slot-specific CSS class overrides.
-   */
-  ui?: any
-  /**
-   * Additional CSS classes to apply to the root element.
-   */
-  class?: any
-  [key: string]: unknown
-}
+export interface ListboxProps {
+  /**
+   * Slot-specific CSS class overrides.
+   */
+  ui?: any
+  /**
+   * Additional CSS classes to apply to the root element.
+   */
+  class?: any
+  [key: string]: unknown
+}