opui-css 5.4.1 → 5.4.3

package/components/ToggleButton/types.astro.ts

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

package/components/ToggleButton/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/ToggleButton/types.solid.ts

@@ -1,7 +1,7 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
-    type?: "checkbox" | "radio"
-  }
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props &
+  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    type?: "checkbox" | "radio"
+  }

package/components/ToggleButton/types.svelte.ts

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

package/components/ToggleButton/types.ts

@@ -1,10 +1,10 @@
-export type Props = {
-  label?: string
-  pressed?: boolean
-  size?: "small" | "x-small"
-  type?: "checkbox" | "radio"
-}
-
-export type Slots<S> = {
-  children?: S
-}
+export type Props = {
+  label?: string
+  pressed?: boolean
+  size?: "small" | "x-small"
+  type?: "checkbox" | "radio"
+}
+
+export type Slots<S> = {
+  children?: S
+}

package/components/ToggleGroup/ToggleGroup.astro

@@ -1,42 +1,42 @@
----
-import type { Props } from "./types.astro"
-
-export const title = "Toggle Group"
-
-const {
-  class: className,
-  name,
-  orientation,
-  selection = "multiple",
-  size = "default",
-  ...rest
-} = Astro.props
-
-const { $id } = Astro.locals
-const groupName = name || $id("toggle-group")
-const inputType = selection === "single" ? "radio" : "checkbox"
-
-const originalName = Astro.locals.currentToggleGroupName
-const originalType = Astro.locals.currentToggleGroupType
-
-Astro.locals.currentToggleGroupName = groupName
-Astro.locals.currentToggleGroupType = inputType
-
-const html = await Astro.slots.render("default")
-
-Astro.locals.currentToggleGroupName = originalName
-Astro.locals.currentToggleGroupType = originalType
----
-
-<div
-  class:list={[
-    "ui-toggle-group",
-    size !== "default" && size && `ui-${size}`,
-    orientation && `ui-${orientation}`,
-    className,
-  ]}
-  role={selection === "single" ? "radiogroup" : "group"}
-  {...rest}
->
-  <Fragment set:html={html} />
-</div>
+---
+import type { Props } from "./types.astro"
+
+export const title = "Toggle Group"
+
+const {
+  class: className,
+  name,
+  orientation,
+  selection = "multiple",
+  size = "default",
+  ...rest
+} = Astro.props
+
+const { $id } = Astro.locals
+const groupName = name || $id("toggle-group")
+const inputType = selection === "single" ? "radio" : "checkbox"
+
+const originalName = Astro.locals.currentToggleGroupName
+const originalType = Astro.locals.currentToggleGroupType
+
+Astro.locals.currentToggleGroupName = groupName
+Astro.locals.currentToggleGroupType = inputType
+
+const html = await Astro.slots.render("default")
+
+Astro.locals.currentToggleGroupName = originalName
+Astro.locals.currentToggleGroupType = originalType
+---
+
+<div
+  class:list={[
+    "ui-toggle-group",
+    size !== "default" && size && `ui-${size}`,
+    orientation && `ui-${orientation}`,
+    className,
+  ]}
+  role={selection === "single" ? "radiogroup" : "group"}
+  {...rest}
+>
+  <Fragment set:html={html} />
+</div>

package/components/ToggleGroup/ToggleGroup.vue

@@ -1,36 +1,36 @@
-<script setup lang="ts">
-import { provide, useId } from "vue"
-import { ToggleGroupKey, type Props, type Slots } from "./types.d.vue"
-
-const {
-  name,
-  orientation,
-  selection = "multiple",
-  size = "default",
-} = defineProps<Props>()
-defineSlots<Slots>()
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const groupName = name || useId()
-const inputType = selection === "single" ? "radio" : "checkbox"
-
-provide(ToggleGroupKey, { name: groupName, type: inputType })
-</script>
-
-<template>
-  <div
-    :class="[
-      'ui-toggle-group',
-      size !== 'default' && size && `ui-${size}`,
-      orientation && `ui-${orientation}`,
-      $props.class,
-    ]"
-    :role="selection === 'single' ? 'radiogroup' : 'group'"
-    v-bind="$attrs"
-  >
-    <slot></slot>
-  </div>
-</template>
+<script setup lang="ts">
+import { provide, useId } from "vue"
+import { ToggleGroupKey, type Props, type Slots } from "./types.d.vue"
+
+const {
+  name,
+  orientation,
+  selection = "multiple",
+  size = "default",
+} = defineProps<Props>()
+defineSlots<Slots>()
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const groupName = name || useId()
+const inputType = selection === "single" ? "radio" : "checkbox"
+
+provide(ToggleGroupKey, { name: groupName, type: inputType })
+</script>
+
+<template>
+  <div
+    :class="[
+      'ui-toggle-group',
+      size !== 'default' && size && `ui-${size}`,
+      orientation && `ui-${orientation}`,
+      $props.class,
+    ]"
+    :role="selection === 'single' ? 'radiogroup' : 'group'"
+    v-bind="$attrs"
+  >
+    <slot></slot>
+  </div>
+</template>

package/components/ToggleGroup/types.astro.ts

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

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

@@ -1,15 +1,15 @@
-import type { HTMLAttributes, InjectionKey, Slot } from "vue"
-import type { Props as BaseProps } from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type Slots = {
-  default?: Slot
-}
-
-export const ToggleGroupKey = Symbol() as InjectionKey<{
-  name: string
-  type: "radio" | "checkbox"
-}>
+import type { HTMLAttributes, InjectionKey, Slot } from "vue"
+import type { Props as BaseProps } from "./types"
+
+export type Props = BaseProps & {
+  class?: HTMLAttributes["class"]
+}
+
+export type Slots = {
+  default?: Slot
+}
+
+export const ToggleGroupKey = Symbol() as InjectionKey<{
+  name: string
+  type: "radio" | "checkbox"
+}>

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

package/components/ToggleGroup/types.svelte.ts

@@ -1,9 +1,9 @@
-import type { Snippet } from "svelte"
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-export type Props = Base.Props &
-  Base.Slots<Snippet> &
-  Omit<SvelteHTMLElements["div"], "size">
-
-export type { ToggleContext } from "./types"
+import type { Snippet } from "svelte"
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+export type Props = Base.Props &
+  Base.Slots<Snippet> &
+  Omit<SvelteHTMLElements["div"], "size">
+
+export type { ToggleContext } from "./types"

package/components/ToggleGroup/types.ts

@@ -1,15 +1,15 @@
-export type Props = {
-  name?: string
-  orientation?: "vertical"
-  selection?: "single" | "multiple"
-  size?: "default" | "small" | "x-small"
-}
-
-export type Slots<S> = {
-  children: S
-}
-
-export type ToggleContext = {
-  groupName: string
-  inputType: "radio" | "checkbox"
-}
+export type Props = {
+  name?: string
+  orientation?: "vertical"
+  selection?: "single" | "multiple"
+  size?: "default" | "small" | "x-small"
+}
+
+export type Slots<S> = {
+  children: S
+}
+
+export type ToggleContext = {
+  groupName: string
+  inputType: "radio" | "checkbox"
+}

package/components/Tooltip/Tooltip.astro

@@ -1,23 +1,23 @@
----
-import type { Props } from "./types.astro"
-
-import Anchor from "../Anchor/Anchor.astro"
-
-export const title = "Tooltip"
-
-const { alignment, arrow, class: className, id, label, ...rest } = Astro.props
----
-
-<Anchor
-  alignment={alignment}
-  class:list={["ui-tooltip", { "ui-with-arrow": arrow }, className]}
-  id={id}
-  trigger="hover"
-  {...rest}
->
-  <slot />
-  <Fragment slot="anchored">
-    {label}
-    <slot name="content" />
-  </Fragment>
-</Anchor>
+---
+import type { Props } from "./types.astro"
+
+import Anchor from "../Anchor/Anchor.astro"
+
+export const title = "Tooltip"
+
+const { alignment, arrow, class: className, id, label, ...rest } = Astro.props
+---
+
+<Anchor
+  alignment={alignment}
+  class:list={["ui-tooltip", { "ui-with-arrow": arrow }, className]}
+  id={id}
+  trigger="hover"
+  {...rest}
+>
+  <slot />
+  <Fragment slot="anchored">
+    {label}
+    <slot name="content" />
+  </Fragment>
+</Anchor>

package/components/Tooltip/Tooltip.vue

@@ -1,22 +1,22 @@
-<script setup lang="ts">
-import Anchor from "../Anchor/Anchor.vue"
-import type { Props, Slots } from "./types.d.vue"
-
-const { alignment, arrow, id, label } = defineProps<Props>()
-defineSlots<Slots>()
-</script>
-
-<template>
-  <Anchor
-    :alignment="alignment"
-    :class="['ui-tooltip', { 'ui-with-arrow': arrow }, $props.class]"
-    :id="id"
-    trigger="hover"
-  >
-    <slot></slot>
-    <template #anchored>
-      {{ label }}
-      <slot name="content"></slot>
-    </template>
-  </Anchor>
-</template>
+<script setup lang="ts">
+import Anchor from "../Anchor/Anchor.vue"
+import type { Props, Slots } from "./types.d.vue"
+
+const { alignment, arrow, id, label } = defineProps<Props>()
+defineSlots<Slots>()
+</script>
+
+<template>
+  <Anchor
+    :alignment="alignment"
+    :class="['ui-tooltip', { 'ui-with-arrow': arrow }, $props.class]"
+    :id="id"
+    trigger="hover"
+  >
+    <slot></slot>
+    <template #anchored>
+      {{ label }}
+      <slot name="content"></slot>
+    </template>
+  </Anchor>
+</template>

package/components/Tooltip/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/Tooltip/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/Tooltip/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/Tooltip/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/Tooltip/types.ts

@@ -1,11 +1,11 @@
-export type Props = {
-  [key: string]: any
-  alignment?: string
-  arrow?: boolean
-  id?: string
-  label?: string
-}
-
-export type Slots<S> = {
-  content?: S
-}
+export type Props = {
+  [key: string]: any
+  alignment?: string
+  arrow?: boolean
+  id?: string
+  label?: string
+}
+
+export type Slots<S> = {
+  content?: S
+}