opui-css 5.4.2 → 6.0.0-rc.1

package/components/Range/types.solid.ts

@@ -1,6 +0,0 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type RangeProps = Base.RangeProps &
-  Partial<Base.RangeSlots<JSX.Element>> &
-  JSX.InputHTMLAttributes<HTMLInputElement>

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

@@ -1,17 +0,0 @@
-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
-  description?: Slot
-  "end-text"?: Slot
-  footer?: Slot
-  header?: Slot
-  label?: Slot
-  prefix?: Slot
-  suffix?: Slot
-}

package/components/Select/types.solid.ts

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

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

@@ -1,13 +0,0 @@
-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 +0,0 @@
-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/Table/Body.astro

@@ -1,11 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <tbody>
-    <slot></slot>
-  </tbody>
-</template>

package/components/Table/Cell.astro

@@ -1,11 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <td>
-    <slot></slot>
-  </td>
-</template>

package/components/Table/Column.astro

@@ -1,12 +0,0 @@
----
-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 +0,0 @@
-<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 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <colgroup>
-    <slot></slot>
-  </colgroup>
-</template>

package/components/Table/Head.astro

@@ -1,11 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <thead>
-    <slot></slot>
-  </thead>
-</template>

package/components/Table/HeaderCell.astro

@@ -1,11 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <th>
-    <slot></slot>
-  </th>
-</template>

package/components/Table/Row.astro

@@ -1,11 +0,0 @@
----
-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 +0,0 @@
-<template>
-  <tr>
-    <slot></slot>
-  </tr>
-</template>

package/components/Table/index.ts

@@ -1,20 +0,0 @@
-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.d.vue.ts

@@ -1,10 +0,0 @@
-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 +0,0 @@
-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/Tabs/TabsTab.astro

@@ -1,15 +0,0 @@
----
-import type { TabsTabProps as Props } from "./types.astro"
-
-const { class: className, tabId, ...rest } = Astro.props
-const { currentTabId } = Astro.locals
----
-
-<label
-  for={tabId || currentTabId}
-  class:list={["ui-tab-label", className]}
-  role="tab"
-  {...rest}
->
-  <slot />
-</label>

package/components/Tabs/TabsTab.vue

@@ -1,24 +0,0 @@
-<script setup lang="ts">
-import { inject } from "vue"
-import { CurrentTabIdKey, type Slots, type TabsTabProps } from "./types.d.vue"
-
-const { tabId } = defineProps<TabsTabProps>()
-defineSlots<Slots>()
-
-defineOptions({
-  inheritAttrs: false,
-})
-
-const currentTabId = inject(CurrentTabIdKey, undefined)
-</script>
-
-<template>
-  <label
-    :for="tabId || currentTabId"
-    :class="['ui-tab-label', $props.class]"
-    role="tab"
-    v-bind="$attrs"
-  >
-    <slot></slot>
-  </label>
-</template>

package/components/Tabs/index.ts

@@ -1,14 +0,0 @@
-import TabsOrig from "./Tabs.astro"
-import TabsItem from "./TabsItem.astro"
-import TabsTab from "./TabsTab.astro"
-import TabsPanel from "./TabsPanel.astro"
-
-export { TabsItem, TabsTab as Tab, TabsPanel as Panel }
-
-const Tabs = Object.assign(TabsOrig, {
-  Item: TabsItem,
-  Tab: TabsTab,
-  Panel: TabsPanel,
-})
-
-export default Tabs as any

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

@@ -1,31 +0,0 @@
-import type { HTMLAttributes, InjectionKey, Slot } from "vue"
-import type {
-  Props as BaseProps,
-  TabsItemProps as BaseTabsItemProps,
-  TabsPanelProps as BaseTabsPanelProps,
-  TabsTabProps as BaseTabsTabProps,
-} from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type TabsItemProps = BaseTabsItemProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type TabsPanelProps = BaseTabsPanelProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type TabsTabProps = BaseTabsTabProps & {
-  class?: HTMLAttributes["class"]
-}
-
-export type Slots = {
-  default?: Slot
-}
-
-export const TabsGroupNameKey = Symbol() as InjectionKey<string>
-export const CurrentTabIdKey = Symbol() as InjectionKey<string>
-export const CurrentPanelIdKey = Symbol() as InjectionKey<string>

package/components/Tabs/types.solid.ts

@@ -1,12 +0,0 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props & JSX.HTMLAttributes<HTMLDivElement>
-export type TabsItemProps = Base.TabsItemProps &
-  JSX.InputHTMLAttributes<HTMLInputElement>
-export type TabsTabProps = Base.TabsTabProps &
-  Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, "for"> & {
-    for?: string
-  }
-export type TabsPanelProps = Base.TabsPanelProps &
-  JSX.HTMLAttributes<HTMLDivElement>

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

@@ -1,20 +0,0 @@
-import type { HTMLAttributes, InputHTMLAttributes, Slot } from "vue"
-import type { Props as BaseProps } from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-  id?: HTMLAttributes["id"]
-  type?: InputHTMLAttributes["type"] | "numeric"
-}
-
-export type Slots = {
-  default?: Slot
-  description?: Slot
-  "end-text"?: Slot
-  footer?: Slot
-  header?: Slot
-  label?: Slot
-  prefix?: Slot
-  "supporting-text"?: Slot
-  suffix?: Slot
-}

package/components/TextField/types.solid.ts

@@ -1,22 +0,0 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props &
-  Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "type"> & {
-    type?:
-      | "text"
-      | "password"
-      | "email"
-      | "number"
-      | "numeric"
-      | "search"
-      | "tel"
-      | "url"
-      | "date"
-      | "time"
-      | "datetime-local"
-      | "month"
-      | "week"
-      | "color"
-      | string
-  } & Partial<Base.Slots<JSX.Element>>

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

@@ -1,19 +0,0 @@
-import type { HTMLAttributes, Slot } from "vue"
-import type { Props as BaseProps } from "./types"
-
-export type Props = BaseProps & {
-  class?: HTMLAttributes["class"]
-  id?: HTMLAttributes["id"]
-}
-
-export type Slots = {
-  default?: Slot
-  description?: Slot
-  "end-text"?: Slot
-  footer?: Slot
-  header?: Slot
-  label?: Slot
-  prefix?: Slot
-  "supporting-text"?: Slot
-  suffix?: Slot
-}

package/components/Textarea/types.solid.ts

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

package/components/Toast/Toast.astro

@@ -1,42 +0,0 @@
----
-export const title = "Toast"
----
-
-<output aria-live="polite" id="toast-manager" popover="manual" role="status"
-></output>
-
-<template id="toast-template">
-  <div class="ui-toast" role="alert">
-    <span class="ui-icon" data-toast-icon></span>
-    <div class="ui-content">
-      <div class="ui-title" data-toast-title></div>
-      <div class="ui-description" data-toast-description></div>
-    </div>
-    <button
-      aria-label="Close"
-      class="ui-close-button"
-      data-toast-close
-      type="button"
-    >
-      <svg
-        fill="none"
-        height="20"
-        stroke="currentColor"
-        stroke-linecap="round"
-        stroke-linejoin="round"
-        stroke-width="2"
-        viewBox="0 0 24 24"
-        width="20"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path d="M18 6 6 18"></path>
-        <path d="m6 6 12 12"></path>
-      </svg>
-    </button>
-  </div>
-</template>
-
-<script>
-  import { initToastManager } from "../../css/js/toast.js"
-  initToastManager()
-</script>

package/components/Toast/Toast.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-import { onMounted } from "vue"
-import { initToastManager } from "../../css/js/toast.js"
-
-onMounted(() => {
-  initToastManager()
-})
-</script>
-
-<template>
-  <output
-    aria-live="polite"
-    id="toast-manager"
-    popover="manual"
-    role="status"
-  ></output>
-
-  <template id="toast-template">
-    <div class="ui-toast" role="alert">
-      <span class="ui-icon" data-toast-icon></span>
-      <div class="ui-content">
-        <div class="ui-title" data-toast-title></div>
-        <div class="ui-description" data-toast-description></div>
-      </div>
-      <button
-        aria-label="Close"
-        class="ui-close-button"
-        data-toast-close
-        type="button"
-      >
-        <svg
-          fill="none"
-          height="20"
-          stroke="currentColor"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          stroke-width="2"
-          viewBox="0 0 24 24"
-          width="20"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path d="M18 6 6 18"></path>
-          <path d="m6 6 12 12"></path>
-        </svg>
-      </button>
-    </div>
-  </template>
-</template>

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

@@ -1,10 +0,0 @@
-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 +0,0 @@
-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/ToggleGroup/types.d.vue.ts

@@ -1,15 +0,0 @@
-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 +0,0 @@
-import type * as Base from "./types"
-import type { JSX } from "solid-js"
-
-export type Props = Base.Props & JSX.HTMLAttributes<HTMLDivElement>

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

@@ -1,10 +0,0 @@
-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 +0,0 @@
-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>