opui-css 5.4.1 → 5.4.3

package/components/Progress/Progress.vue

@@ -1,34 +1,34 @@
-<script setup lang="ts">
-import type { Props, Slots } from "./types.d.vue"
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-defineSlots<Slots>()
-const {
-  "aria-busy": ariaBusy,
-  "aria-describedby": ariaDescribedby,
-  "aria-label": ariaLabel,
-  id,
-  max,
-  value,
-  variant,
-} = defineProps<Props>()
-</script>
-
-<template>
-  <div :class="['ui-progress', variant && `ui-${variant}`, $props.class]">
-    <progress
-      v-bind="$attrs"
-      :aria-busy="ariaBusy"
-      :aria-describedby="ariaDescribedby"
-      :aria-label="ariaLabel"
-      :id="id"
-      :max="max"
-      :value="value"
-    >
-      <slot></slot>
-    </progress>
-  </div>
-</template>
+<script setup lang="ts">
+import type { Props, Slots } from "./types.d.vue"
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+defineSlots<Slots>()
+const {
+  "aria-busy": ariaBusy,
+  "aria-describedby": ariaDescribedby,
+  "aria-label": ariaLabel,
+  id,
+  max,
+  value,
+  variant,
+} = defineProps<Props>()
+</script>
+
+<template>
+  <div :class="['ui-progress', variant && `ui-${variant}`, $props.class]">
+    <progress
+      v-bind="$attrs"
+      :aria-busy="ariaBusy"
+      :aria-describedby="ariaDescribedby"
+      :aria-label="ariaLabel"
+      :id="id"
+      :max="max"
+      :value="value"
+    >
+      <slot></slot>
+    </progress>
+  </div>
+</template>

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

package/components/Progress/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/Progress/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<HTMLProgressElement>
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props & JSX.HTMLAttributes<HTMLProgressElement>

package/components/Progress/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["progress"]
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+export type Props = Base.Props & SvelteHTMLElements["progress"]

package/components/Progress/types.ts

@@ -1,10 +1,10 @@
-export type Props = {
-  [key: string]: any
-  "aria-busy"?: "true" | "false" | boolean
-  "aria-describedby"?: string
-  "aria-label"?: string
-  id?: string
-  max?: number | string
-  value?: number | string
-  variant?: "filled" | "default" | "tonal"
-}
+export type Props = {
+  [key: string]: any
+  "aria-busy"?: "true" | "false" | boolean
+  "aria-describedby"?: string
+  "aria-label"?: string
+  id?: string
+  max?: number | string
+  value?: number | string
+  variant?: "filled" | "default" | "tonal"
+}

package/components/Radio/Radio.astro

@@ -1,44 +1,44 @@
----
-import type { RadioProps as Props } from "./types.astro"
-import RadioInput from "./RadioInput.astro"
-
-export const title = "Radio"
-
-const {
-  class: className,
-  disabled,
-  error,
-  hideLabel,
-  name,
-  size,
-  stack,
-  ...rest
-} = Astro.props
-
-const { $id, currentFieldName } = Astro.locals
-const endTextId = Astro.slots.has("end-text") ? $id("end-text") : undefined
-
-const finalName = name || currentFieldName
----
-
-<label
-  class:list={[
-    "ui-radio",
-    size && `ui-${size}`,
-    {
-      "ui-stack": stack,
-    },
-    className,
-  ]}
-  data-invalid={error || undefined}
->
-  <RadioInput aria-describedby={endTextId} name={finalName} {...rest} />
-  <span class:list={[hideLabel ? "ui-sr-only" : "ui-label"]}><slot /></span>
-  {
-    Astro.slots.has("end-text") && (
-      <span id={endTextId} class="ui-end-text">
-        <slot name="end-text" />
-      </span>
-    )
-  }
-</label>
+---
+import type { RadioProps as Props } from "./types.astro"
+import RadioInput from "./RadioInput.astro"
+
+export const title = "Radio"
+
+const {
+  class: className,
+  disabled,
+  error,
+  hideLabel,
+  name,
+  size,
+  stack,
+  ...rest
+} = Astro.props
+
+const { $id, currentFieldName } = Astro.locals
+const endTextId = Astro.slots.has("end-text") ? $id("end-text") : undefined
+
+const finalName = name || currentFieldName
+---
+
+<label
+  class:list={[
+    "ui-radio",
+    size && `ui-${size}`,
+    {
+      "ui-stack": stack,
+    },
+    className,
+  ]}
+  data-invalid={error || undefined}
+>
+  <RadioInput aria-describedby={endTextId} name={finalName} {...rest} />
+  <span class:list={[hideLabel ? "ui-sr-only" : "ui-label"]}><slot /></span>
+  {
+    Astro.slots.has("end-text") && (
+      <span id={endTextId} class="ui-end-text">
+        <slot name="end-text" />
+      </span>
+    )
+  }
+</label>

package/components/Radio/Radio.vue

@@ -1,41 +1,41 @@
-<script setup lang="ts">
-import RadioInput from "./RadioInput.vue"
-import type { RadioProps, Slots } from "./types.d.vue"
-import { useId } from "vue"
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const props = defineProps<RadioProps>()
-defineSlots<Slots>()
-const modelValue = defineModel<string | number | boolean>()
-
-const endTextId = useId()
-</script>
-
-<template>
-  <label
-    :class="[
-      'ui-radio',
-      props.size && `ui-${props.size}`,
-      {
-        'ui-stack': props.stack,
-      },
-      props.class,
-    ]"
-    :data-invalid="props.error || undefined"
-  >
-    <RadioInput
-      v-bind="$attrs"
-      v-model="modelValue"
-      :aria-describedby="endTextId"
-    />
-    <span :class="[props.hideLabel ? 'ui-sr-only' : 'ui-label']"
-      ><slot></slot
-    ></span>
-    <span :id="endTextId" class="ui-end-text" v-if="$slots['end-text']">
-      <slot name="end-text"></slot>
-    </span>
-  </label>
-</template>
+<script setup lang="ts">
+import RadioInput from "./RadioInput.vue"
+import type { RadioProps, Slots } from "./types.d.vue"
+import { useId } from "vue"
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps<RadioProps>()
+defineSlots<Slots>()
+const modelValue = defineModel<string | number | boolean>()
+
+const endTextId = useId()
+</script>
+
+<template>
+  <label
+    :class="[
+      'ui-radio',
+      props.size && `ui-${props.size}`,
+      {
+        'ui-stack': props.stack,
+      },
+      props.class,
+    ]"
+    :data-invalid="props.error || undefined"
+  >
+    <RadioInput
+      v-bind="$attrs"
+      v-model="modelValue"
+      :aria-describedby="endTextId"
+    />
+    <span :class="[props.hideLabel ? 'ui-sr-only' : 'ui-label']"
+      ><slot></slot
+    ></span>
+    <span :id="endTextId" class="ui-end-text" v-if="$slots['end-text']">
+      <slot name="end-text"></slot>
+    </span>
+  </label>
+</template>

package/components/Radio/RadioInput.astro

@@ -1,7 +1,7 @@
----
-import type { RadioInputProps as Props } from "./types.astro"
-
-const { ...props } = Astro.props
----
-
-<input type="radio" {...props} />
+---
+import type { RadioInputProps as Props } from "./types.astro"
+
+const { ...props } = Astro.props
+---
+
+<input type="radio" {...props} />

package/components/Radio/RadioInput.vue

@@ -1,14 +1,14 @@
-<script setup lang="ts">
-import type { RadioInputProps } from "./types"
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-defineProps<RadioInputProps>()
-const modelValue = defineModel<string | number | boolean>()
-</script>
-
-<template>
-  <input type="radio" v-bind="$attrs" v-model="modelValue" />
-</template>
+<script setup lang="ts">
+import type { RadioInputProps } from "./types"
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+defineProps<RadioInputProps>()
+const modelValue = defineModel<string | number | boolean>()
+</script>
+
+<template>
+  <input type="radio" v-bind="$attrs" v-model="modelValue" />
+</template>

package/components/Radio/types.astro.ts

@@ -1,6 +1,6 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type RadioProps = Base.RadioProps & HTMLAttributes<"input">
-export type RadioInputProps = Base.RadioInputProps &
-  Omit<HTMLAttributes<"input">, "type">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type RadioProps = Base.RadioProps & HTMLAttributes<"input">
+export type RadioInputProps = Base.RadioInputProps &
+  Omit<HTMLAttributes<"input">, "type">

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

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

package/components/Radio/types.solid.ts

@@ -1,9 +1,9 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type RadioInputProps = Base.RadioInputProps &
-  JSX.InputHTMLAttributes<HTMLInputElement>
-
-export type RadioProps = Base.RadioProps &
-  Partial<Base.RadioSlots<JSX.Element>> &
-  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size">
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type RadioInputProps = Base.RadioInputProps &
+  JSX.InputHTMLAttributes<HTMLInputElement>
+
+export type RadioProps = Base.RadioProps &
+  Partial<Base.RadioSlots<JSX.Element>> &
+  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size">

package/components/Radio/types.svelte.ts

@@ -1,12 +1,12 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-import type { Snippet } from "svelte"
-
-type Snippets = Base.RadioSlots<Snippet>
-
-export type RadioInputProps = Base.RadioInputProps &
-  Omit<SvelteHTMLElements["input"], "type">
-
-export type RadioProps = Omit<Base.RadioProps, keyof Snippets> &
-  Snippets &
-  Omit<SvelteHTMLElements["input"], "size">
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+import type { Snippet } from "svelte"
+
+type Snippets = Base.RadioSlots<Snippet>
+
+export type RadioInputProps = Base.RadioInputProps &
+  Omit<SvelteHTMLElements["input"], "type">
+
+export type RadioProps = Omit<Base.RadioProps, keyof Snippets> &
+  Snippets &
+  Omit<SvelteHTMLElements["input"], "size">

package/components/Radio/types.ts

@@ -1,12 +1,12 @@
-export type RadioProps = {
-  error?: boolean
-  hideLabel?: boolean
-  size?: "small" | "large"
-  stack?: boolean
-}
-
-export type RadioInputProps = {}
-
-export type RadioSlots<S> = {
-  endText?: string | S
-}
+export type RadioProps = {
+  error?: boolean
+  hideLabel?: boolean
+  size?: "small" | "large"
+  stack?: boolean
+}
+
+export type RadioInputProps = {}
+
+export type RadioSlots<S> = {
+  endText?: string | S
+}