opui-css 5.4.1 → 5.4.3

package/components/Switch/SwitchInput.vue

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

package/components/Switch/types.astro.ts

@@ -1,5 +1,5 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type SwitchProps = Base.SwitchProps & HTMLAttributes<"input">
-export type SwitchInputProps = Base.SwitchInputProps & HTMLAttributes<"input">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type SwitchProps = Base.SwitchProps & HTMLAttributes<"input">
+export type SwitchInputProps = Base.SwitchInputProps & HTMLAttributes<"input">

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

@@ -1,13 +1,13 @@
-import type { HTMLAttributes, Slot } from "vue"
-import type { SwitchProps as BaseSwitchProps } from "./types"
-
-export type SwitchProps = BaseSwitchProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type Slots = {
-  default?: Slot
-  "end-text"?: Slot
-  "icon-checked"?: Slot
-  "icon-unchecked"?: Slot
-}
+import type { HTMLAttributes, Slot } from "vue"
+import type { SwitchProps as BaseSwitchProps } from "./types"
+
+export type SwitchProps = BaseSwitchProps & {
+  class?: HTMLAttributes["class"]
+}
+
+export type Slots = {
+  default?: Slot
+  "end-text"?: Slot
+  "icon-checked"?: Slot
+  "icon-unchecked"?: Slot
+}

package/components/Switch/types.solid.ts

@@ -1,9 +1,9 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type SwitchProps = Base.SwitchProps &
-  JSX.InputHTMLAttributes<HTMLInputElement> &
-  Base.SwitchSlots<JSX.Element>
-
-export type SwitchInputProps = Base.SwitchInputProps &
-  JSX.InputHTMLAttributes<HTMLInputElement>
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type SwitchProps = Base.SwitchProps &
+  JSX.InputHTMLAttributes<HTMLInputElement> &
+  Base.SwitchSlots<JSX.Element>
+
+export type SwitchInputProps = Base.SwitchInputProps &
+  JSX.InputHTMLAttributes<HTMLInputElement>

package/components/Switch/types.svelte.ts

@@ -1,9 +1,9 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-import type { Snippet } from "svelte"
-
-export type SwitchProps = Base.SwitchProps &
-  Base.SwitchSlots<Snippet> &
-  SvelteHTMLElements["input"]
-export type SwitchInputProps = Base.SwitchInputProps &
-  SvelteHTMLElements["input"]
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+import type { Snippet } from "svelte"
+
+export type SwitchProps = Base.SwitchProps &
+  Base.SwitchSlots<Snippet> &
+  SvelteHTMLElements["input"]
+export type SwitchInputProps = Base.SwitchInputProps &
+  SvelteHTMLElements["input"]

package/components/Switch/types.ts

@@ -1,16 +1,16 @@
-export type SwitchProps = {
-  error?: boolean
-  hideLabel?: boolean
-  small?: boolean
-  spread?: boolean
-  stack?: boolean
-}
-
-export type SwitchSlots<S> = {
-  children?: S
-  endText?: string | S
-  iconUnchecked?: S
-  iconChecked?: S
-}
-
-export type SwitchInputProps = {}
+export type SwitchProps = {
+  error?: boolean
+  hideLabel?: boolean
+  small?: boolean
+  spread?: boolean
+  stack?: boolean
+}
+
+export type SwitchSlots<S> = {
+  children?: S
+  endText?: string | S
+  iconUnchecked?: S
+  iconChecked?: S
+}
+
+export type SwitchInputProps = {}

package/components/Table/Body.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Body"
-
-const { ...rest } = Astro.props
----
-
-<tbody {...rest}>
-  <slot />
-</tbody>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Body"
+
+const { ...rest } = Astro.props
+---
+
+<tbody {...rest}>
+  <slot />
+</tbody>

package/components/Table/Body.vue

@@ -1,5 +1,5 @@
-<template>
-  <tbody>
-    <slot></slot>
-  </tbody>
-</template>
+<template>
+  <tbody>
+    <slot></slot>
+  </tbody>
+</template>

package/components/Table/Cell.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Cell"
-
-const { ...rest } = Astro.props
----
-
-<td {...rest}>
-  <slot />
-</td>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Cell"
+
+const { ...rest } = Astro.props
+---
+
+<td {...rest}>
+  <slot />
+</td>

package/components/Table/Cell.vue

@@ -1,5 +1,5 @@
-<template>
-  <td>
-    <slot></slot>
-  </td>
-</template>
+<template>
+  <td>
+    <slot></slot>
+  </td>
+</template>

package/components/Table/Column.astro

@@ -1,12 +1,12 @@
----
-import type { ColumnProps as Props } from "./types.astro"
-
-export const title = "Table Column"
-
-const { width, ...rest } = Astro.props
----
-
-<col
-  style={width ? (width.includes(":") ? width : `width: ${width}`) : undefined}
-  {...rest}
-/>
+---
+import type { ColumnProps as Props } from "./types.astro"
+
+export const title = "Table Column"
+
+const { width, ...rest } = Astro.props
+---
+
+<col
+  style={width ? (width.includes(":") ? width : `width: ${width}`) : undefined}
+  {...rest}
+/>

package/components/Table/Column.vue

@@ -1,19 +1,19 @@
-<script setup lang="ts">
-import type { ColumnProps } from "./types"
-
-const { width } = defineProps<ColumnProps>()
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const colStyle = width
-  ? width.includes(":")
-    ? width
-    : `width: ${width}`
-  : undefined
-</script>
-
-<template>
-  <col :style="colStyle" v-bind="$attrs" />
-</template>
+<script setup lang="ts">
+import type { ColumnProps } from "./types"
+
+const { width } = defineProps<ColumnProps>()
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const colStyle = width
+  ? width.includes(":")
+    ? width
+    : `width: ${width}`
+  : undefined
+</script>
+
+<template>
+  <col :style="colStyle" v-bind="$attrs" />
+</template>

package/components/Table/ColumnGroup.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Column Group"
-
-const { ...rest } = Astro.props
----
-
-<colgroup {...rest}>
-  <slot />
-</colgroup>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Column Group"
+
+const { ...rest } = Astro.props
+---
+
+<colgroup {...rest}>
+  <slot />
+</colgroup>

package/components/Table/ColumnGroup.vue

@@ -1,5 +1,5 @@
-<template>
-  <colgroup>
-    <slot></slot>
-  </colgroup>
-</template>
+<template>
+  <colgroup>
+    <slot></slot>
+  </colgroup>
+</template>

package/components/Table/Head.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Head"
-
-const { ...rest } = Astro.props
----
-
-<thead {...rest}>
-  <slot />
-</thead>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Head"
+
+const { ...rest } = Astro.props
+---
+
+<thead {...rest}>
+  <slot />
+</thead>

package/components/Table/Head.vue

@@ -1,5 +1,5 @@
-<template>
-  <thead>
-    <slot></slot>
-  </thead>
-</template>
+<template>
+  <thead>
+    <slot></slot>
+  </thead>
+</template>

package/components/Table/HeaderCell.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Header Cell"
-
-const { ...rest } = Astro.props
----
-
-<th {...rest}>
-  <slot />
-</th>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Header Cell"
+
+const { ...rest } = Astro.props
+---
+
+<th {...rest}>
+  <slot />
+</th>

package/components/Table/HeaderCell.vue

@@ -1,5 +1,5 @@
-<template>
-  <th>
-    <slot></slot>
-  </th>
-</template>
+<template>
+  <th>
+    <slot></slot>
+  </th>
+</template>

package/components/Table/Row.astro

@@ -1,11 +1,11 @@
----
-import type { SectionProps as Props } from "./types.astro"
-
-export const title = "Table Row"
-
-const { ...rest } = Astro.props
----
-
-<tr {...rest}>
-  <slot />
-</tr>
+---
+import type { SectionProps as Props } from "./types.astro"
+
+export const title = "Table Row"
+
+const { ...rest } = Astro.props
+---
+
+<tr {...rest}>
+  <slot />
+</tr>

package/components/Table/Row.vue

@@ -1,5 +1,5 @@
-<template>
-  <tr>
-    <slot></slot>
-  </tr>
-</template>
+<template>
+  <tr>
+    <slot></slot>
+  </tr>
+</template>

package/components/Table/Table.astro

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

package/components/Table/Table.vue

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

package/components/Table/index.ts

@@ -1,20 +1,20 @@
-import Table from "./Table.astro"
-import Head from "./Head.astro"
-import Body from "./Body.astro"
-import Row from "./Row.astro"
-import HeaderCell from "./HeaderCell.astro"
-import Cell from "./Cell.astro"
-import Column from "./Column.astro"
-import ColumnGroup from "./ColumnGroup.astro"
-
-export { Head, Body, Row, HeaderCell, Cell, Column, ColumnGroup }
-
-export default Object.assign(Table, {
-  Head,
-  Body,
-  Row,
-  HeaderCell,
-  Cell,
-  Column,
-  ColumnGroup,
-})
+import Table from "./Table.astro"
+import Head from "./Head.astro"
+import Body from "./Body.astro"
+import Row from "./Row.astro"
+import HeaderCell from "./HeaderCell.astro"
+import Cell from "./Cell.astro"
+import Column from "./Column.astro"
+import ColumnGroup from "./ColumnGroup.astro"
+
+export { Head, Body, Row, HeaderCell, Cell, Column, ColumnGroup }
+
+export default Object.assign(Table, {
+  Head,
+  Body,
+  Row,
+  HeaderCell,
+  Cell,
+  Column,
+  ColumnGroup,
+})

package/components/Table/types.astro.ts

@@ -1,16 +1,16 @@
-import type * as Base from "./types"
-import type { HTMLAttributes } from "astro/types"
-
-export type Props = Base.Props & HTMLAttributes<"table">
-
-export type SectionProps = Base.SectionProps &
-  (
-    | HTMLAttributes<"tr">
-    | HTMLAttributes<"tbody">
-    | HTMLAttributes<"thead">
-    | HTMLAttributes<"th">
-    | HTMLAttributes<"td">
-    | HTMLAttributes<"colgroup">
-  )
-
-export type ColumnProps = Base.ColumnProps & HTMLAttributes<"col">
+import type * as Base from "./types"
+import type { HTMLAttributes } from "astro/types"
+
+export type Props = Base.Props & HTMLAttributes<"table">
+
+export type SectionProps = Base.SectionProps &
+  (
+    | HTMLAttributes<"tr">
+    | HTMLAttributes<"tbody">
+    | HTMLAttributes<"thead">
+    | HTMLAttributes<"th">
+    | HTMLAttributes<"td">
+    | HTMLAttributes<"colgroup">
+  )
+
+export type ColumnProps = Base.ColumnProps & HTMLAttributes<"col">

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

@@ -1,8 +1,8 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props & JSX.HTMLAttributes<HTMLTableElement>
-export type SectionProps = Base.SectionProps &
-  JSX.HTMLAttributes<HTMLTableSectionElement>
-export type ColumnProps = Base.ColumnProps &
-  JSX.HTMLAttributes<HTMLTableColElement>
+import type * as Base from "./types"
+import type { JSX } from "solid-js"
+
+export type Props = Base.Props & JSX.HTMLAttributes<HTMLTableElement>
+export type SectionProps = Base.SectionProps &
+  JSX.HTMLAttributes<HTMLTableSectionElement>
+export type ColumnProps = Base.ColumnProps &
+  JSX.HTMLAttributes<HTMLTableColElement>

package/components/Table/types.svelte.ts

@@ -1,11 +1,11 @@
-import type * as Base from "./types"
-import type { SvelteHTMLElements } from "svelte/elements"
-
-export type ColumnProps = Base.ColumnProps & SvelteHTMLElements["col"]
-export type Props = Base.Props & SvelteHTMLElements["table"]
-export type SectionProps = Base.SectionProps &
-  (
-    | SvelteHTMLElements["tbody"]
-    | SvelteHTMLElements["tfoot"]
-    | SvelteHTMLElements["thead"]
-  )
+import type * as Base from "./types"
+import type { SvelteHTMLElements } from "svelte/elements"
+
+export type ColumnProps = Base.ColumnProps & SvelteHTMLElements["col"]
+export type Props = Base.Props & SvelteHTMLElements["table"]
+export type SectionProps = Base.SectionProps &
+  (
+    | SvelteHTMLElements["tbody"]
+    | SvelteHTMLElements["tfoot"]
+    | SvelteHTMLElements["thead"]
+  )

package/components/Table/types.ts

@@ -1,9 +1,9 @@
-export type Props = {
-  variant?: "dense" | "spacious"
-}
-
-export type SectionProps = {}
-
-export type ColumnProps = {
-  width?: string
-}
+export type Props = {
+  variant?: "dense" | "spacious"
+}
+
+export type SectionProps = {}
+
+export type ColumnProps = {
+  width?: string
+}