opui-css 5.4.1 → 5.4.3

package/components/FieldLegend/types.ts

@@ -1 +1 @@
-export type Props = {}
+export type Props = {}

package/components/FieldSet/FieldSet.astro

@@ -1,11 +1,11 @@
----
-import type { Props } from "./types.astro"
-
-export const title = "Field Set"
-
-const { as: Tag = "fieldset", class: className, ...rest } = Astro.props
----
-
-<Tag class:list={["ui-fieldset", className]} {...rest}>
-  <slot />
-</Tag>
+---
+import type { Props } from "./types.astro"
+
+export const title = "Field Set"
+
+const { as: Tag = "fieldset", class: className, ...rest } = Astro.props
+---
+
+<Tag class:list={["ui-fieldset", className]} {...rest}>
+  <slot />
+</Tag>

package/components/FieldSet/FieldSet.vue

@@ -1,18 +1,18 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-const props = withDefaults(defineProps<Props>(), {
-  as: "fieldset",
-})
-defineSlots<Slots>()
-</script>
-
-<template>
-  <component
-    :is="props.as"
-    :class="['ui-fieldset', props.class]"
-    v-bind="$attrs"
-  >
-    <slot></slot>
-  </component>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+const props = withDefaults(defineProps<Props>(), {
+  as: "fieldset",
+})
+defineSlots<Slots>()
+</script>
+
+<template>
+  <component
+    :is="props.as"
+    :class="['ui-fieldset', props.class]"
+    v-bind="$attrs"
+  >
+    <slot></slot>
+  </component>
+</template>

package/components/FieldSet/types.astro.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props =
-  | (Base.Props & { as?: "fieldset" } & HTMLAttributes<"fieldset">)
-  | (Base.Props & { as: "div" } & HTMLAttributes<"div">)
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props =
+  | (Base.Props & { as?: "fieldset" } & HTMLAttributes<"fieldset">)
+  | (Base.Props & { as: "div" } & HTMLAttributes<"div">)

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

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

package/components/FieldSet/types.solid.ts

@@ -1,5 +1,5 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  JSX.HTMLAttributes<any> & { as?: keyof JSX.IntrinsicElements }
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  JSX.HTMLAttributes<any> & { as?: keyof JSX.IntrinsicElements }

package/components/FieldSet/types.svelte.ts

@@ -1,8 +1,8 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-// prettier-ignore
-export type Props<T extends keyof SvelteHTMLElements= "fieldset"> =
-  | (Base.Props & { as?: T } & SvelteHTMLElements[T])
-
-export type Context = Base.Context
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+// prettier-ignore
+export type Props<T extends keyof SvelteHTMLElements= "fieldset"> =
+  | (Base.Props & { as?: T } & SvelteHTMLElements[T])
+
+export type Context = Base.Context

package/components/FieldSet/types.ts

@@ -1,5 +1,5 @@
-export type Props = {}
-export type Context = {
-  name?: string | null
-  description?: string | null
-}
+export type Props = {}
+export type Context = {
+  name?: string | null
+  description?: string | null
+}

package/components/Form/Form.astro

@@ -1,10 +1,10 @@
----
-import type { Props } from "./types.astro"
-export const title = "Form"
-
-const { as: Tag = "form", class: className, ...rest } = Astro.props
----
-
-<Tag class:list={["ui-form", className]} {...rest}>
-  <slot />
-</Tag>
+---
+import type { Props } from "./types.astro"
+export const title = "Form"
+
+const { as: Tag = "form", class: className, ...rest } = Astro.props
+---
+
+<Tag class:list={["ui-form", className]} {...rest}>
+  <slot />
+</Tag>

package/components/Form/Form.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-const props = withDefaults(defineProps<Props>(), {
-  as: "form",
-})
-defineSlots<Slots>()
-</script>
-
-<template>
-  <component :is="props.as" :class="['ui-form', props.class]" v-bind="$attrs">
-    <slot></slot>
-  </component>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+const props = withDefaults(defineProps<Props>(), {
+  as: "form",
+})
+defineSlots<Slots>()
+</script>
+
+<template>
+  <component :is="props.as" :class="['ui-form', props.class]" v-bind="$attrs">
+    <slot></slot>
+  </component>
+</template>

package/components/Form/types.astro.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props =
-  | (Base.Props & { as?: "form" } & HTMLAttributes<"form">)
-  | (Base.Props & { as: "div" } & HTMLAttributes<"div">)
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props =
+  | (Base.Props & { as?: "form" } & HTMLAttributes<"form">)
+  | (Base.Props & { as: "div" } & HTMLAttributes<"div">)

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

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

package/components/Form/types.solid.ts

@@ -1,5 +1,5 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  JSX.HTMLAttributes<any> & { as?: keyof JSX.IntrinsicElements }
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  JSX.HTMLAttributes<any> & { as?: keyof JSX.IntrinsicElements }

package/components/Form/types.svelte.ts

@@ -1,7 +1,7 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-// prettier-ignore
-export type Props<T extends keyof SvelteHTMLElements = keyof SvelteHTMLElements> =
-  | (Base.Props & { as?: "form" } & SvelteHTMLElements['form'])
-  | (Base.Props & { as: T } & SvelteHTMLElements[T])
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+// prettier-ignore
+export type Props<T extends keyof SvelteHTMLElements = keyof SvelteHTMLElements> =
+  | (Base.Props & { as?: "form" } & SvelteHTMLElements['form'])
+  | (Base.Props & { as: T } & SvelteHTMLElements[T])

package/components/Form/types.ts

@@ -1 +1 @@
-export type Props = {}
+export type Props = {}

package/components/IconButton/IconButton.astro

@@ -1,24 +1,24 @@
----
-import type { Props } from "./types.astro"
-
-export const title = "Icon Button"
-
-const props = Astro.props as Props
-const { as, class: className, color, size, variant, href, ...rest } = props
-
-const Tag = as || (href ? "a" : "button")
----
-
-<Tag
-  class:list={[
-    "ui-icon-button",
-    size && `ui-${size}`,
-    variant && `ui-${variant}`,
-    color && `ui-${color}`,
-    className,
-  ]}
-  href={href}
-  {...rest as any}
->
-  <slot />
-</Tag>
+---
+import type { Props } from "./types.astro"
+
+export const title = "Icon Button"
+
+const props = Astro.props as Props
+const { as, class: className, color, size, variant, href, ...rest } = props
+
+const Tag = as || (href ? "a" : "button")
+---
+
+<Tag
+  class:list={[
+    "ui-icon-button",
+    size && `ui-${size}`,
+    variant && `ui-${variant}`,
+    color && `ui-${color}`,
+    className,
+  ]}
+  href={href}
+  {...rest as any}
+>
+  <slot />
+</Tag>

package/components/IconButton/IconButton.vue

@@ -1,24 +1,24 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-const { as, color, href, size, variant } = defineProps<Props>()
-defineSlots<Slots>()
-
-const Tag = as || (href ? "a" : "button")
-</script>
-
-<template>
-  <component
-    :is="Tag"
-    :class="[
-      'ui-icon-button',
-      size && `ui-${size}`,
-      variant && `ui-${variant}`,
-      color && `ui-${color}`,
-      $props.class,
-    ]"
-    :href="href"
-  >
-    <slot></slot>
-  </component>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+const { as, color, href, size, variant } = defineProps<Props>()
+defineSlots<Slots>()
+
+const Tag = as || (href ? "a" : "button")
+</script>
+
+<template>
+  <component
+    :is="Tag"
+    :class="[
+      'ui-icon-button',
+      size && `ui-${size}`,
+      variant && `ui-${variant}`,
+      color && `ui-${color}`,
+      $props.class,
+    ]"
+    :href="href"
+  >
+    <slot></slot>
+  </component>
+</template>

package/components/IconButton/types.astro.ts

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

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

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

package/components/IconButton/types.solid.ts

@@ -1,8 +1,8 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  (
-    | ({ 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 &
+  (
+    | ({ as?: "button" } & JSX.ButtonHTMLAttributes<HTMLButtonElement>)
+    | ({ as: "a" } & JSX.AnchorHTMLAttributes<HTMLAnchorElement>)
+  )

package/components/IconButton/types.svelte.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-export type Props =
-  | (Base.Props & { as?: "button" } & SvelteHTMLElements["button"])
-  | (Base.Props & { as?: "a" } & SvelteHTMLElements["a"])
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+export type Props =
+  | (Base.Props & { as?: "button" } & SvelteHTMLElements["button"])
+  | (Base.Props & { as?: "a" } & SvelteHTMLElements["a"])

package/components/IconButton/types.ts

@@ -1,16 +1,16 @@
-export type Props = {
-  color?: "critical" | "primary"
-  size?: "small"
-  variant?: "outlined" | "tonal" | "filled"
-} & (
-  | {
-      as: "a"
-      href: string
-      disabled?: never
-    }
-  | {
-      as?: "button"
-      href?: never
-      disabled?: boolean
-    }
-)
+export type Props = {
+  color?: "critical" | "primary"
+  size?: "small"
+  variant?: "outlined" | "tonal" | "filled"
+} & (
+  | {
+      as: "a"
+      href: string
+      disabled?: never
+    }
+  | {
+      as?: "button"
+      href?: never
+      disabled?: boolean
+    }
+)

package/components/List/List.astro

@@ -1,29 +1,29 @@
----
-import type { Props } from "./types.astro"
-export const title = "List"
-
-const {
-  bordered,
-  class: className,
-  dense,
-  gutterless,
-  variant,
-  ...rest
-} = Astro.props
----
-
-<ul
-  class:list={[
-    "ui-list",
-    {
-      "ui-bordered": bordered,
-      "ui-dense": dense,
-      "ui-gutterless": gutterless,
-    },
-    variant && `ui-${variant}`,
-    className,
-  ]}
-  {...rest}
->
-  <slot />
-</ul>
+---
+import type { Props } from "./types.astro"
+export const title = "List"
+
+const {
+  bordered,
+  class: className,
+  dense,
+  gutterless,
+  variant,
+  ...rest
+} = Astro.props
+---
+
+<ul
+  class:list={[
+    "ui-list",
+    {
+      "ui-bordered": bordered,
+      "ui-dense": dense,
+      "ui-gutterless": gutterless,
+    },
+    variant && `ui-${variant}`,
+    className,
+  ]}
+  {...rest}
+>
+  <slot />
+</ul>

package/components/List/List.vue

@@ -1,28 +1,28 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-const { bordered, dense, gutterless, variant } = defineProps<Props>()
-defineSlots<Slots>()
-
-defineOptions({
-  inheritAttrs: false,
-})
-</script>
-
-<template>
-  <ul
-    :class="[
-      'ui-list',
-      {
-        'ui-bordered': bordered,
-        'ui-dense': dense,
-        'ui-gutterless': gutterless,
-      },
-      variant && `ui-${variant}`,
-      $props.class,
-    ]"
-    v-bind="$attrs"
-  >
-    <slot></slot>
-  </ul>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+const { bordered, dense, gutterless, variant } = defineProps<Props>()
+defineSlots<Slots>()
+
+defineOptions({
+  inheritAttrs: false,
+})
+</script>
+
+<template>
+  <ul
+    :class="[
+      'ui-list',
+      {
+        'ui-bordered': bordered,
+        'ui-dense': dense,
+        'ui-gutterless': gutterless,
+      },
+      variant && `ui-${variant}`,
+      $props.class,
+    ]"
+    v-bind="$attrs"
+  >
+    <slot></slot>
+  </ul>
+</template>

package/components/List/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<"ul">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props = Base.Props & HTMLAttributes<"ul">

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

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

package/components/List/types.solid.ts

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

package/components/List/types.svelte.ts

@@ -1,4 +1,4 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-export type Props = Base.Props & SvelteHTMLElements["ul"]
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+export type Props = Base.Props & SvelteHTMLElements["ul"]

package/components/List/types.ts

@@ -1,7 +1,7 @@
-export type Props = {
-  bordered?: boolean
-  dense?: boolean
-  divided?: boolean
-  gutterless?: boolean
-  variant?: "default" | "tonal" | "transparent"
-}
+export type Props = {
+  bordered?: boolean
+  dense?: boolean
+  divided?: boolean
+  gutterless?: boolean
+  variant?: "default" | "tonal" | "transparent"
+}