opui-css 5.4.1 → 5.4.3

package/components/Accordion/types.astro.ts

@@ -1,4 +1,4 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props = Base.Props & HTMLAttributes<"details">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props = Base.Props & HTMLAttributes<"details">

package/components/Accordion/types.d.vue.ts

@@ -1,15 +1,15 @@
-import type { HTMLAttributes, Slot } from "vue"
-import type { Props as BaseProps } from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-  name?: string
-  open?: boolean
-}
-
-export type Slots = {
-  actions?: Slot
-  default?: Slot
-  marker?: Slot
-  summary?: Slot
-}
+import type { HTMLAttributes, Slot } from "vue"
+import type { Props as BaseProps } from "./types"
+
+export type Props = BaseProps & {
+  class?: HTMLAttributes["class"]
+  name?: string
+  open?: boolean
+}
+
+export type Slots = {
+  actions?: Slot
+  default?: Slot
+  marker?: Slot
+  summary?: Slot
+}

package/components/Accordion/types.solid.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  Base.Slots<JSX.Element> &
-  JSX.DetailsHtmlAttributes<HTMLDetailsElement>
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  Base.Slots<JSX.Element> &
+  JSX.DetailsHtmlAttributes<HTMLDetailsElement>

package/components/Accordion/types.svelte.ts

@@ -1,7 +1,7 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-import type { Snippet } from "svelte"
-
-type Snippets = Base.Slots<Snippet>
-
-export type Props = Base.Props & Snippets & SvelteHTMLElements["details"]
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+import type { Snippet } from "svelte"
+
+type Snippets = Base.Slots<Snippet>
+
+export type Props = Base.Props & Snippets & SvelteHTMLElements["details"]

package/components/Accordion/types.ts

@@ -1,10 +1,10 @@
-export type Props = {
-  variant?: "default" | "outlined" | "elevated" | "tonal"
-}
-
-export type Slots<S> = {
-  actions?: S
-  children: S
-  marker?: S
-  summary: string | S
-}
+export type Props = {
+  variant?: "default" | "outlined" | "elevated" | "tonal"
+}
+
+export type Slots<S> = {
+  actions?: S
+  children: S
+  marker?: S
+  summary: string | S
+}

package/components/Anchor/Anchor.astro

@@ -1,49 +1,49 @@
----
-import type { Props } from "./types.astro"
-
-export const title = "Anchor"
-
-const {
-  alignment,
-  class: className,
-  id: idProp,
-  trigger = "always",
-  ...rest
-} = Astro.props
-
-const isHover = trigger === "hover"
-const id = isHover ? (idProp ?? Astro.locals.$id("anchor")) : undefined
-
-const insetMap: Record<string, string> = {
-  "start start": "auto 100% 100% auto",
-  "start end": "auto auto 100% 100%",
-  "end start": "100% 100% auto auto",
-  "end end": "100% auto auto 100%",
-}
-
-const positionArea = alignment
-  ? {
-      "--anchor-position-area": alignment,
-      "--_anchor-inset": insetMap[alignment],
-    }
-  : {}
----
-
-<span class:list={["ui-anchor", className]} style={positionArea} {...rest}>
-  {
-    isHover ? (
-      <span {...({ interestfor: id } as any)}>
-        <slot />
-      </span>
-    ) : (
-      <slot />
-    )
-  }
-  <span
-    class="ui-anchor-floating"
-    id={id}
-    popover={isHover ? "hint" : undefined}
-  >
-    <slot name="anchored" />
-  </span>
-</span>
+---
+import type { Props } from "./types.astro"
+
+export const title = "Anchor"
+
+const {
+  alignment,
+  class: className,
+  id: idProp,
+  trigger = "always",
+  ...rest
+} = Astro.props
+
+const isHover = trigger === "hover"
+const id = isHover ? (idProp ?? Astro.locals.$id("anchor")) : undefined
+
+const insetMap: Record<string, string> = {
+  "start start": "auto 100% 100% auto",
+  "start end": "auto auto 100% 100%",
+  "end start": "100% 100% auto auto",
+  "end end": "100% auto auto 100%",
+}
+
+const positionArea = alignment
+  ? {
+      "--anchor-position-area": alignment,
+      "--_anchor-inset": insetMap[alignment],
+    }
+  : {}
+---
+
+<span class:list={["ui-anchor", className]} style={positionArea} {...rest}>
+  {
+    isHover ? (
+      <span {...({ interestfor: id } as any)}>
+        <slot />
+      </span>
+    ) : (
+      <slot />
+    )
+  }
+  <span
+    class="ui-anchor-floating"
+    id={id}
+    popover={isHover ? "hint" : undefined}
+  >
+    <slot name="anchored" />
+  </span>
+</span>

package/components/Anchor/Anchor.vue

@@ -1,41 +1,41 @@
-<script setup lang="ts">
-import { useId } from "vue"
-import type { Props, Slots } from "./types.d.vue"
-
-const { alignment, id: idProp, trigger = "always" } = defineProps<Props>()
-defineSlots<Slots>()
-
-const isHover = trigger === "hover"
-const uid = useId()
-const id = isHover ? (idProp ?? uid) : undefined
-
-const insetMap: Record<string, string> = {
-  "start start": "auto 100% 100% auto",
-  "start end": "auto auto 100% 100%",
-  "end start": "100% 100% auto auto",
-  "end end": "100% auto auto 100%",
-}
-
-const positionArea = alignment
-  ? {
-      "--anchor-position-area": alignment,
-      "--_anchor-inset": insetMap[alignment],
-    }
-  : {}
-</script>
-
-<template>
-  <span :class="['ui-anchor', $props.class]" :style="positionArea">
-    <span v-if="isHover" :interestfor="id">
-      <slot></slot>
-    </span>
-    <slot v-else></slot>
-    <span
-      class="ui-anchor-floating"
-      :id="id"
-      :popover="isHover ? 'hint' : undefined"
-    >
-      <slot name="anchored"></slot>
-    </span>
-  </span>
-</template>
+<script setup lang="ts">
+import { useId } from "vue"
+import type { Props, Slots } from "./types.d.vue"
+
+const { alignment, id: idProp, trigger = "always" } = defineProps<Props>()
+defineSlots<Slots>()
+
+const isHover = trigger === "hover"
+const uid = useId()
+const id = isHover ? (idProp ?? uid) : undefined
+
+const insetMap: Record<string, string> = {
+  "start start": "auto 100% 100% auto",
+  "start end": "auto auto 100% 100%",
+  "end start": "100% 100% auto auto",
+  "end end": "100% auto auto 100%",
+}
+
+const positionArea = alignment
+  ? {
+      "--anchor-position-area": alignment,
+      "--_anchor-inset": insetMap[alignment],
+    }
+  : {}
+</script>
+
+<template>
+  <span :class="['ui-anchor', $props.class]" :style="positionArea">
+    <span v-if="isHover" :interestfor="id">
+      <slot></slot>
+    </span>
+    <slot v-else></slot>
+    <span
+      class="ui-anchor-floating"
+      :id="id"
+      :popover="isHover ? 'hint' : undefined"
+    >
+      <slot name="anchored"></slot>
+    </span>
+  </span>
+</template>

package/components/Anchor/types.astro.ts

@@ -1,4 +1,4 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props = Base.Props & HTMLAttributes<"span">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props = Base.Props & HTMLAttributes<"span">

package/components/Anchor/types.d.vue.ts

@@ -1,10 +1,10 @@
-import type { HTMLAttributes, Slot } from "vue"
-import type { Props as BaseProps, Slots as BaseSlots } from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type Slots = BaseSlots<Slot> & {
-  default?: Slot
-}
+import type { HTMLAttributes, Slot } from "vue"
+import type { Props as BaseProps, Slots as BaseSlots } from "./types"
+
+export type Props = BaseProps & {
+  class?: HTMLAttributes["class"]
+}
+
+export type Slots = BaseSlots<Slot> & {
+  default?: Slot
+}

package/components/Anchor/types.solid.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  Partial<Base.Slots<JSX.Element>> &
-  JSX.HTMLAttributes<HTMLSpanElement>
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  Partial<Base.Slots<JSX.Element>> &
+  JSX.HTMLAttributes<HTMLSpanElement>

package/components/Anchor/types.svelte.ts

@@ -1,7 +1,7 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-import type { Snippet } from "svelte"
-
-type Snippets = Base.Slots<Snippet>
-
-export type Props = Base.Props & Snippets & SvelteHTMLElements["span"]
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+import type { Snippet } from "svelte"
+
+type Snippets = Base.Slots<Snippet>
+
+export type Props = Base.Props & Snippets & SvelteHTMLElements["span"]

package/components/Anchor/types.ts

@@ -1,9 +1,9 @@
-export type Props = {
-  [key: string]: any
-  alignment?: string
-  trigger?: "always" | "hover"
-}
-
-export type Slots<S> = {
-  anchored?: S
-}
+export type Props = {
+  [key: string]: any
+  alignment?: string
+  trigger?: "always" | "hover"
+}
+
+export type Slots<S> = {
+  anchored?: S
+}

package/components/Avatar/Avatar.astro

@@ -1,29 +1,29 @@
----
-import type { Props } from "./types.astro"
-
-export const title = "Avatar"
-
-const {
-  alt,
-  as,
-  class: className,
-  href,
-  isGroup,
-  src,
-  variant,
-  ...rest
-} = Astro.props
-
-const Tag = (as || (href ? "a" : "div")) as any
----
-
-<Tag
-  class:list={[
-    { "ui-avatar": !isGroup },
-    !isGroup && variant && `ui-${variant}`,
-    className,
-  ]}
-  href={href}
-  role={isGroup ? "group" : undefined}
-  {...rest}>{src ? <img src={src} alt={alt} /> : <slot />}</Tag
->
+---
+import type { Props } from "./types.astro"
+
+export const title = "Avatar"
+
+const {
+  alt,
+  as,
+  class: className,
+  href,
+  isGroup,
+  src,
+  variant,
+  ...rest
+} = Astro.props
+
+const Tag = (as || (href ? "a" : "div")) as any
+---
+
+<Tag
+  class:list={[
+    { "ui-avatar": !isGroup },
+    !isGroup && variant && `ui-${variant}`,
+    className,
+  ]}
+  href={href}
+  role={isGroup ? "group" : undefined}
+  {...rest}>{src ? <img src={src} alt={alt} /> : <slot />}</Tag
+>

package/components/Avatar/Avatar.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-const { alt, as, href, isGroup, src, variant } = defineProps<Props>()
-defineSlots<Slots>()
-
-const Tag = as || (href ? "a" : "div")
-</script>
-
-<template>
-  <component
-    :is="Tag"
-    :class="[
-      { 'ui-avatar': !isGroup },
-      !isGroup && variant && `ui-${variant}`,
-      $props.class,
-    ]"
-    :href="href"
-    :role="isGroup ? 'group' : undefined"
-  >
-    <img v-if="src" :src="src" :alt="alt" />
-    <slot v-else></slot>
-  </component>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+const { alt, as, href, isGroup, src, variant } = defineProps<Props>()
+defineSlots<Slots>()
+
+const Tag = as || (href ? "a" : "div")
+</script>
+
+<template>
+  <component
+    :is="Tag"
+    :class="[
+      { 'ui-avatar': !isGroup },
+      !isGroup && variant && `ui-${variant}`,
+      $props.class,
+    ]"
+    :href="href"
+    :role="isGroup ? 'group' : undefined"
+  >
+    <img v-if="src" :src="src" :alt="alt" />
+    <slot v-else></slot>
+  </component>
+</template>

package/components/Avatar/types.astro.ts

@@ -1,10 +1,10 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props = Base.Props &
-  Pick<HTMLAttributes<"img">, Base.ImageProps> &
-  (
-    | ({ as?: "div" } & HTMLAttributes<"div">)
-    | ({ as?: "button" } & HTMLAttributes<"button">)
-    | ({ as?: "a" } & HTMLAttributes<"a">)
-  )
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props = Base.Props &
+  Pick<HTMLAttributes<"img">, Base.ImageProps> &
+  (
+    | ({ as?: "div" } & HTMLAttributes<"div">)
+    | ({ as?: "button" } & HTMLAttributes<"button">)
+    | ({ as?: "a" } & HTMLAttributes<"a">)
+  )

package/components/Avatar/types.d.vue.ts

@@ -1,12 +1,12 @@
-import type { Slot } from "vue"
-import type { Props as BaseProps } from "./types"
-
-export type Props = BaseProps & {
-  alt?: string
-  src?: string
-  class?: string
-}
-
-export type Slots = {
-  default?: Slot
-}
+import type { Slot } from "vue"
+import type { Props as BaseProps } from "./types"
+
+export type Props = BaseProps & {
+  alt?: string
+  src?: string
+  class?: string
+}
+
+export type Slots = {
+  default?: Slot
+}

package/components/Avatar/types.solid.ts

@@ -1,11 +1,11 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  Base.Slots<JSX.Element> &
-  Pick<JSX.ImgHTMLAttributes<HTMLImageElement>, Base.ImageProps> &
-  (
-    | ({ as?: "div" } & JSX.HTMLAttributes<HTMLDivElement>)
-    | ({ as?: "button" } & JSX.ButtonHTMLAttributes<HTMLButtonElement>)
-    | ({ as?: "a" } & JSX.AnchorHTMLAttributes<HTMLAnchorElement>)
-  )
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  Base.Slots<JSX.Element> &
+  Pick<JSX.ImgHTMLAttributes<HTMLImageElement>, Base.ImageProps> &
+  (
+    | ({ as?: "div" } & JSX.HTMLAttributes<HTMLDivElement>)
+    | ({ as?: "button" } & JSX.ButtonHTMLAttributes<HTMLButtonElement>)
+    | ({ as?: "a" } & JSX.AnchorHTMLAttributes<HTMLAnchorElement>)
+  )

package/components/Avatar/types.svelte.ts

@@ -1,12 +1,12 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-import type { Snippet } from "svelte"
-
-export type Props = Base.Props &
-  Base.Slots<Snippet> &
-  Pick<SvelteHTMLElements["img"], Base.ImageProps> &
-  (
-    | ({ as?: "div" } & SvelteHTMLElements["div"])
-    | ({ as?: "button" } & SvelteHTMLElements["button"])
-    | ({ as?: "a" } & SvelteHTMLElements["a"])
-  )
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+import type { Snippet } from "svelte"
+
+export type Props = Base.Props &
+  Base.Slots<Snippet> &
+  Pick<SvelteHTMLElements["img"], Base.ImageProps> &
+  (
+    | ({ as?: "div" } & SvelteHTMLElements["div"])
+    | ({ as?: "button" } & SvelteHTMLElements["button"])
+    | ({ as?: "a" } & SvelteHTMLElements["a"])
+  )

package/components/Avatar/types.ts

@@ -1,29 +1,29 @@
-export type Props = {
-  command?: string
-  commandfor?: string
-  interestfor?: string
-  isGroup?: boolean
-  variant?: "squared" | "rounded" | "squircle"
-} & (
-  | {
-      as?: "div"
-      href: never
-      disabled?: never
-    }
-  | {
-      as?: "a"
-      href: string
-      disabled?: never
-    }
-  | {
-      as?: "button"
-      href?: never
-      disabled?: boolean
-    }
-)
-
-export type Slots<S> = {
-  children?: S
-}
-
-export type ImageProps = "src" | "alt"
+export type Props = {
+  command?: string
+  commandfor?: string
+  interestfor?: string
+  isGroup?: boolean
+  variant?: "squared" | "rounded" | "squircle"
+} & (
+  | {
+      as?: "div"
+      href: never
+      disabled?: never
+    }
+  | {
+      as?: "a"
+      href: string
+      disabled?: never
+    }
+  | {
+      as?: "button"
+      href?: never
+      disabled?: boolean
+    }
+)
+
+export type Slots<S> = {
+  children?: S
+}
+
+export type ImageProps = "src" | "alt"