@gunkin/uiify 0.0.20-alpha → 0.0.22-alpha

package/agents/components.md

@@ -68,6 +68,19 @@ its exports, props and shapes; exact types are in the `.d.ts` file listed in the
 | [color-picker](./reference/components/color-picker.md) | `@gunkin/uiify/components/color-picker` | 1 | S1 | `input[type=color]` | `dist/components/color-picker.d.ts` |  |
 | [virtual-scroll](./reference/components/virtual-scroll.md) | `@gunkin/uiify/components/virtual-scroll` | 2 | none | `div[overflow]` | `dist/components/virtual-scroll.d.ts` |  |
 | [table-of-contents](./reference/components/table-of-contents.md) | `@gunkin/uiify/components/table-of-contents` | 2 | S1 | `nav + button[popovertarget] + [popover] + a[href]` | `dist/components/table-of-contents.d.ts` | Base entry is a server-pure native navigation shell; /client adds enhancements. Native links and popover invocation/dismissal work without JavaScript. |
+| [aspect-ratio](./reference/components/aspect-ratio.md) | `@gunkin/uiify/components/aspect-ratio` | 0 | none | `div` | `dist/components/aspect-ratio.d.ts` | Static layout component; native CSS aspect-ratio isolates child intrinsic sizing. |
+| [badge](./reference/components/badge.md) | `@gunkin/uiify/components/badge` | 0 | none | `span` | `dist/components/badge.d.ts` |  |
+| [card](./reference/components/card.md) | `@gunkin/uiify/components/card` | 0 | none | `div` | `dist/components/card.d.ts` |  |
+| [progress](./reference/components/progress.md) | `@gunkin/uiify/components/progress` | 0 | S1 | `progress` | `dist/components/progress.d.ts` |  |
+| [avatar](./reference/components/avatar.md) | `@gunkin/uiify/components/avatar` | 0 | none | `span` | `dist/components/avatar.d.ts` |  |
+| [alert](./reference/components/alert.md) | `@gunkin/uiify/components/alert` | 0 | none | `div` | `dist/components/alert.d.ts` |  |
+| [input-group](./reference/components/input-group.md) | `@gunkin/uiify/components/input-group` | 0 | none | `div + native controls` | `dist/components/input-group.d.ts` | Static form component; keeps independently labeled native input and action. |
+| [empty](./reference/components/empty.md) | `@gunkin/uiify/components/empty` | 0 | none | `section` | `dist/components/empty.d.ts` |  |
+| [item](./reference/components/item.md) | `@gunkin/uiify/components/item` | 0 | none | `li` | `dist/components/item.d.ts` |  |
+| [date-picker](./reference/components/date-picker.md) | `@gunkin/uiify/components/date-picker` | 0 | native | `input[type=date]` | `dist/components/date-picker.d.ts` | Native date picker; stylesheet styles the outer input only. |
+| [fieldset](./reference/components/fieldset.md) | `@gunkin/uiify/components/fieldset` | 0 | native | `fieldset + legend` | `dist/components/fieldset.d.ts` |  |
+| [form-error-summary](./reference/components/form-error-summary.md) | `@gunkin/uiify/components/form-error-summary` | 0 | none | `section + heading + ul + links` | `dist/components/form-error-summary.d.ts` | Static server-rendered error links; no alert or focus script. |
+| [description-list](./reference/components/description-list.md) | `@gunkin/uiify/components/description-list` | 0 | none | `dl + dt + dd` | `dist/components/description-list.d.ts` |  |
 
 ## Elements
 

package/agents/index.md

@@ -61,6 +61,19 @@ export function RemoveButton() {
 }
 ```
 
+`Alert` supplies a decorative text symbol from its variant. Use the published parts for its
+content; the optional stylesheet owns their layout. Set `symbol={false}` to hide the symbol.
+Static initial content has no live role by default.
+
+```tsx
+import { Alert, AlertDescription, AlertTitle } from "@gunkin/uiify/components/alert";
+
+<Alert variant="warning">
+  <AlertTitle>Browser support is incomplete</AlertTitle>
+  <AlertDescription>Check the support matrix before release.</AlertDescription>
+</Alert>;
+```
+
 `as` swaps the rendered element and keeps the component's behavior:
 
 ```tsx
@@ -86,7 +99,7 @@ export function EmailField({ invalid }: { readonly invalid: boolean }) {
       <Field.Label fieldId="email" required>
         Email
       </Field.Label>
-      <Field.Control as="input" fieldId="email" type="email" invalid={invalid} required />
+      <Field.Control as="input" fieldId="email" name="email" type="email" invalid={invalid} required />
       <Field.Description fieldId="email">We only use it to send receipts.</Field.Description>
       <Field.Error fieldId="email" invalid={invalid}>
         Enter a valid email address
@@ -96,6 +109,23 @@ export function EmailField({ invalid }: { readonly invalid: boolean }) {
 }
 ```
 
+`Field.Label` connects to `Field.Control`, not a standalone Select. For a select, wrap the
+control in a native label (or match native `htmlFor` to an explicit unique select `id`):
+
+```tsx
+import { Select } from "@gunkin/uiify/components/select";
+
+<label>
+  Delivery frequency
+  <Select.Root name="frequency" defaultValue="weekly">
+    <Select.Content>
+      <Select.Item value="daily">Daily</Select.Item>
+      <Select.Item value="weekly">Weekly</Select.Item>
+    </Select.Content>
+  </Select.Root>
+</label>;
+```
+
 A trigger and its close button reference the dialog by `id` and `target`:
 
 ```tsx

package/agents/reference/components/alert.md

@@ -0,0 +1,44 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# alert
+
+- Import: `@gunkin/uiify/components/alert`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `div`
+- Without JavaScript: full
+- Types file: `dist/components/alert.d.ts`
+
+## Exports
+
+- Runtime: `Alert`, `AlertDescription`, `AlertTitle`
+- Types: `AlertDescriptionOwnProps`, `AlertDescriptionProps`, `AlertOwnProps`, `AlertProps`, `AlertTitleOwnProps`, `AlertTitleProps`, `AlertVariant`
+
+## Values
+
+- `AlertVariant`: `"secondary" | "success" | "warning" | "destructive"`
+
+## Props and shapes
+
+### AlertOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `variant` | `AlertVariant` | no | Visual status. Defaults to secondary without adding a live role. |
+| `symbol` | `string \| false` | no | Override the decorative text symbol, or hide it with false. |
+
+### AlertTitleOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### AlertDescriptionOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `AlertProps<TAs>`: `RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>`
+- `AlertTitleProps<TAs>`: `RenderableProps<TAs, AlertTitleOwnProps, Record<string, never>, HTMLElement>`
+- `AlertDescriptionProps<TAs>`: `RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/aspect-ratio.md

@@ -0,0 +1,26 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# aspect-ratio
+
+- Import: `@gunkin/uiify/components/aspect-ratio`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `div`
+- Without JavaScript: full
+- Types file: `dist/components/aspect-ratio.d.ts`
+- Note: Static layout component; native CSS aspect-ratio isolates child intrinsic sizing.
+
+## Exports
+
+- Runtime: `AspectRatio`
+- Types: `AspectRatioOwnProps`, `AspectRatioProps`
+
+## Props and shapes
+
+### AspectRatioOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `ratio` | `number` | no | Positive finite width / height ratio. Omit to use the CSS default (square). |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `AspectRatioProps<TAs>`: `RenderableProps<TAs, AspectRatioOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/avatar.md

@@ -0,0 +1,32 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# avatar
+
+- Import: `@gunkin/uiify/components/avatar`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `span`
+- Without JavaScript: full
+- Types file: `dist/components/avatar.d.ts`
+
+## Exports
+
+- Runtime: `Avatar`
+- Types: `AvatarOwnProps`, `AvatarProps`, `AvatarSize`
+
+## Values
+
+- `AvatarSize`: `"sm" | "md" | "lg"`
+
+## Props and shapes
+
+### AvatarOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `name` | `string` | yes |  |
+| `fallback` | `string` | yes |  |
+| `src` | `string` | no |  |
+| `size` | `AvatarSize` | no |  |
+| `children` | `never` | no |  |
+
+## Other types
+
+- `AvatarProps<TAs>`: `RenderableProps<TAs, AvatarOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/badge.md

@@ -0,0 +1,31 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# badge
+
+- Import: `@gunkin/uiify/components/badge`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `span`
+- Without JavaScript: full
+- Types file: `dist/components/badge.d.ts`
+
+## Exports
+
+- Runtime: `Badge`
+- Types: `BadgeOwnProps`, `BadgeProps`, `BadgeSize`, `BadgeVariant`
+
+## Values
+
+- `BadgeVariant`: `"secondary" | "success" | "warning" | "destructive"`
+- `BadgeSize`: `"sm" | "md" | "lg"`
+
+## Props and shapes
+
+### BadgeOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+| `size` | `BadgeSize` | no |  |
+| `variant` | `BadgeVariant` | no |  |
+
+## Other types
+
+- `BadgeProps<TAs>`: `RenderableProps<TAs, BadgeOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/card.md

@@ -0,0 +1,24 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# card
+
+- Import: `@gunkin/uiify/components/card`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `div`
+- Without JavaScript: full
+- Types file: `dist/components/card.d.ts`
+
+## Exports
+
+- Runtime: `Card`
+- Types: `CardOwnProps`, `CardProps`
+
+## Props and shapes
+
+### CardOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `CardProps<TAs>`: `RenderableProps<TAs, CardOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/checkbox.md

@@ -23,6 +23,8 @@
 | `checked` | `CheckedState` | no |  |
 | `defaultChecked` | `boolean` | no |  |
 | `disabled` | `boolean` | no |  |
+| `name` | `string` | no |  |
+| `value` | `string` | no |  |
 | `className` | `string` | no |  |
 | `onCheckedChange` | `(checked: boolean) => void` | no |  |
 | `"aria-label"` | `string` | no |  |

package/agents/reference/components/date-picker.md

@@ -0,0 +1,23 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# date-picker
+
+- Import: `@gunkin/uiify/components/date-picker`
+- Tier 0 (RSC — zero client JavaScript); state source native; native element `input[type=date]`
+- Without JavaScript: full
+- Types file: `dist/components/date-picker.d.ts`
+- Note: Native date picker; stylesheet styles the outer input only.
+
+## Exports
+
+- Runtime: `DatePicker`
+- Types: `DatePickerProps`
+
+## Props and shapes
+
+### DatePickerProps
+
+Extends: `Omit<ComponentPropsWithRef<"input">, "type">`
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `invalid` | `boolean` | no |  |

package/agents/reference/components/description-list.md

@@ -0,0 +1,38 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# description-list
+
+- Import: `@gunkin/uiify/components/description-list`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `dl + dt + dd`
+- Without JavaScript: full
+- Types file: `dist/components/description-list.d.ts`
+
+## Exports
+
+- Runtime: `DescriptionDetails`, `DescriptionList`, `DescriptionTerm`
+- Types: `DescriptionDetailsOwnProps`, `DescriptionDetailsProps`, `DescriptionListOwnProps`, `DescriptionListProps`, `DescriptionTermOwnProps`, `DescriptionTermProps`
+
+## Props and shapes
+
+### DescriptionListOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### DescriptionTermOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### DescriptionDetailsOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `DescriptionListProps<TAs>`: `RenderableProps<TAs, DescriptionListOwnProps, Record<string, never>, HTMLElement>`
+- `DescriptionTermProps<TAs>`: `RenderableProps<TAs, DescriptionTermOwnProps, Record<string, never>, HTMLElement>`
+- `DescriptionDetailsProps<TAs>`: `RenderableProps<TAs, DescriptionDetailsOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/empty.md

@@ -0,0 +1,45 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# empty
+
+- Import: `@gunkin/uiify/components/empty`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `section`
+- Without JavaScript: full
+- Types file: `dist/components/empty.d.ts`
+
+## Exports
+
+- Runtime: `Empty`, `EmptyContent`, `EmptyDescription`, `EmptyTitle`
+- Types: `EmptyContentOwnProps`, `EmptyContentProps`, `EmptyDescriptionOwnProps`, `EmptyDescriptionProps`, `EmptyOwnProps`, `EmptyProps`, `EmptyTitleOwnProps`, `EmptyTitleProps`
+
+## Props and shapes
+
+### EmptyOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### EmptyTitleOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### EmptyDescriptionOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### EmptyContentOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `EmptyProps<TAs>`: `RenderableProps<TAs, EmptyOwnProps, Record<string, never>, HTMLElement>`
+- `EmptyTitleProps<TAs>`: `RenderableProps<TAs, EmptyTitleOwnProps, Record<string, never>, HTMLElement>`
+- `EmptyDescriptionProps<TAs>`: `RenderableProps<TAs, EmptyDescriptionOwnProps, Record<string, never>, HTMLElement>`
+- `EmptyContentProps<TAs>`: `RenderableProps<TAs, EmptyContentOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/fieldset.md

@@ -0,0 +1,31 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# fieldset
+
+- Import: `@gunkin/uiify/components/fieldset`
+- Tier 0 (RSC — zero client JavaScript); state source native; native element `fieldset + legend`
+- Without JavaScript: full
+- Types file: `dist/components/fieldset.d.ts`
+
+## Exports
+
+- Runtime: `Fieldset`, `FieldsetLegend`
+- Types: `FieldsetLegendProps`, `FieldsetRootProps`
+
+## Props and shapes
+
+### FieldsetRootOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### FieldsetLegendOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `FieldsetRootProps<TAs>`: `RenderableProps<TAs, FieldsetRootOwnProps, Record<string, never>, HTMLFieldSetElement>`
+- `FieldsetLegendProps<TAs>`: `RenderableProps<TAs, FieldsetLegendOwnProps, Record<string, never>, HTMLLegendElement>`

package/agents/reference/components/form-error-summary.md

@@ -0,0 +1,33 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# form-error-summary
+
+- Import: `@gunkin/uiify/components/form-error-summary`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `section + heading + ul + links`
+- Without JavaScript: full
+- Types file: `dist/components/form-error-summary.d.ts`
+- Note: Static server-rendered error links; no alert or focus script.
+
+## Exports
+
+- Runtime: `FormErrorSummary`
+- Types: `FormErrorSummaryError`, `FormErrorSummaryOwnProps`, `FormErrorSummaryProps`
+
+## Props and shapes
+
+### FormErrorSummaryError
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `href` | `string` | yes |  |
+| `message` | `ReactNode` | yes |  |
+
+### FormErrorSummaryOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `title` | `ReactNode` | yes |  |
+| `errors` | `readonly FormErrorSummaryError[]` | yes |  |
+
+## Other types
+
+- `FormErrorSummaryProps<TAs>`: `RenderableProps<TAs, FormErrorSummaryOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/input-group.md

@@ -0,0 +1,33 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# input-group
+
+- Import: `@gunkin/uiify/components/input-group`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `div + native controls`
+- Without JavaScript: full
+- Types file: `dist/components/input-group.d.ts`
+- Note: Static form component; keeps independently labeled native input and action.
+
+## Exports
+
+- Runtime: `InputGroup`, `InputGroupAddon`
+- Types: `InputGroupAddonOwnProps`, `InputGroupAddonProps`, `InputGroupRootOwnProps`, `InputGroupRootProps`
+
+## Props and shapes
+
+### InputGroupRootOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### InputGroupAddonOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `align` | `"start" \| "end"` | yes |  |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `InputGroupRootProps<TAs>`: `RenderableProps<TAs, InputGroupRootOwnProps, Record<string, never>, HTMLDivElement>`
+- `InputGroupAddonProps<TAs>`: `RenderableProps<TAs, InputGroupAddonOwnProps, Record<string, never>, HTMLSpanElement>`

package/agents/reference/components/item.md

@@ -0,0 +1,52 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# item
+
+- Import: `@gunkin/uiify/components/item`
+- Tier 0 (RSC — zero client JavaScript); state source none; native element `li`
+- Without JavaScript: full
+- Types file: `dist/components/item.d.ts`
+
+## Exports
+
+- Runtime: `Item`, `ItemActions`, `ItemContent`, `ItemMedia`, `ItemMetadata`
+- Types: `ItemActionsOwnProps`, `ItemActionsProps`, `ItemContentOwnProps`, `ItemContentProps`, `ItemMediaOwnProps`, `ItemMediaProps`, `ItemMetadataOwnProps`, `ItemMetadataProps`, `ItemOwnProps`, `ItemProps`
+
+## Props and shapes
+
+### ItemOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### ItemMediaOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### ItemContentOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### ItemMetadataOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+### ItemActionsOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `children` | `ReactNode` | no |  |
+
+## Other types
+
+- `ItemProps<TAs>`: `RenderableProps<TAs, ItemOwnProps, Record<string, never>, HTMLElement>`
+- `ItemMediaProps<TAs>`: `RenderableProps<TAs, ItemMediaOwnProps, Record<string, never>, HTMLElement>`
+- `ItemContentProps<TAs>`: `RenderableProps<TAs, ItemContentOwnProps, Record<string, never>, HTMLElement>`
+- `ItemMetadataProps<TAs>`: `RenderableProps<TAs, ItemMetadataOwnProps, Record<string, never>, HTMLElement>`
+- `ItemActionsProps<TAs>`: `RenderableProps<TAs, ItemActionsOwnProps, Record<string, never>, HTMLElement>`

package/agents/reference/components/progress.md

@@ -0,0 +1,16 @@
+<!-- Generated from the package source. Do not edit by hand. -->
+# progress
+
+- Import: `@gunkin/uiify/components/progress`
+- Tier 0 (RSC — zero client JavaScript); state source S1; native element `progress`
+- Without JavaScript: full
+- Types file: `dist/components/progress.d.ts`
+
+## Exports
+
+- Runtime: `Progress`
+- Types: `ProgressProps`
+
+## Other types
+
+- `ProgressProps`: `ComponentPropsWithRef<"progress">`

package/dist/components/alert/Alert.d.ts

@@ -0,0 +1,15 @@
+import type { ElementType, ReactElement } from "react";
+import type { AlertDescriptionProps, AlertProps, AlertTitleProps } from "./types.js";
+export declare function Alert<TAs extends ElementType = "div">(props: AlertProps<TAs>): ReactElement | null;
+export declare namespace Alert {
+    var displayName: string;
+}
+export declare function AlertTitle<TAs extends ElementType = "div">(props: AlertTitleProps<TAs>): ReactElement | null;
+export declare namespace AlertTitle {
+    var displayName: string;
+}
+export declare function AlertDescription<TAs extends ElementType = "div">(props: AlertDescriptionProps<TAs>): ReactElement | null;
+export declare namespace AlertDescription {
+    var displayName: string;
+}
+//# sourceMappingURL=Alert.d.ts.map

package/dist/components/alert/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../src/components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,qBAAqB,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAIrF,wBAAgB,KAAK,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACnD,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,GACrB,YAAY,GAAG,IAAI,CA8BrB;yBAhCe,KAAK;;;AAoCrB,wBAAgB,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACxD,KAAK,EAAE,eAAe,CAAC,GAAG,CAAC,GAC1B,YAAY,GAAG,IAAI,CASrB;yBAXe,UAAU;;;AAa1B,wBAAgB,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EAC9D,KAAK,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAChC,YAAY,GAAG,IAAI,CAarB;yBAfe,gBAAgB"}

package/dist/components/alert/Alert.js

@@ -0,0 +1,61 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+const symbols = { secondary: "\u24D8", success: "\u2713", warning: "\u26A0\uFE0E", destructive: "\xD7" };
+function Alert(props) {
+  const {
+    as,
+    render,
+    variant = "secondary",
+    symbol = symbols[variant],
+    children,
+    ...consumerProps
+  } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      "data-uiify-alert": "",
+      "data-variant": variant,
+      children: /* @__PURE__ */ jsxs(Fragment, { children: [
+        symbol !== false && /* @__PURE__ */ jsx("span", { "data-part": "symbol", "aria-hidden": "true", children: symbol }),
+        children
+      ] })
+    },
+    render,
+    state: {}
+  });
+}
+Alert.displayName = "Alert";
+function AlertTitle(props) {
+  const { as, render, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: { ...consumerProps, "data-uiify-alert-title": "", "data-part": "title" },
+    render,
+    state: {}
+  });
+}
+function AlertDescription(props) {
+  const { as, render, ...consumerProps } = props;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      "data-uiify-alert-description": "",
+      "data-part": "description"
+    },
+    render,
+    state: {}
+  });
+}
+AlertTitle.displayName = "AlertTitle";
+AlertDescription.displayName = "AlertDescription";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=Alert.js.map

package/dist/components/alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert/Alert.tsx"],"sourcesContent":["import type { ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AlertDescriptionProps, AlertProps, AlertTitleProps } from \"./types.js\";\n\nconst symbols = { secondary: \"ⓘ\", success: \"✓\", warning: \"⚠︎\", destructive: \"×\" };\n\nexport function Alert<TAs extends ElementType = \"div\">(\n  props: AlertProps<TAs>,\n): ReactElement | null {\n  const {\n    as,\n    render,\n    variant = \"secondary\",\n    symbol = symbols[variant],\n    children,\n    ...consumerProps\n  } = props as AlertProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert\": \"\",\n      \"data-variant\": variant,\n      children: (\n        <>\n          {symbol !== false && (\n            <span data-part=\"symbol\" aria-hidden=\"true\">\n              {symbol}\n            </span>\n          )}\n          {children}\n        </>\n      ),\n    },\n    render,\n    state: {},\n  });\n}\n\nAlert.displayName = \"Alert\";\n\nexport function AlertTitle<TAs extends ElementType = \"div\">(\n  props: AlertTitleProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertTitleProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: { ...consumerProps, \"data-uiify-alert-title\": \"\", \"data-part\": \"title\" },\n    render,\n    state: {},\n  });\n}\n\nexport function AlertDescription<TAs extends ElementType = \"div\">(\n  props: AlertDescriptionProps<TAs>,\n): ReactElement | null {\n  const { as, render, ...consumerProps } = props as AlertDescriptionProps<\"div\">;\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-alert-description\": \"\",\n      \"data-part\": \"description\",\n    },\n    render,\n    state: {},\n  });\n}\n\nAlertTitle.displayName = \"AlertTitle\";\nAlertDescription.displayName = \"AlertDescription\";\n"],"mappings":"AAyBQ,mBAEI,KAFJ;AAxBR,SAAS,wBAAwB;AAGjC,MAAM,UAAU,EAAE,WAAW,UAAK,SAAS,UAAK,SAAS,gBAAM,aAAa,OAAI;AAEzE,SAAS,MACd,OACqB;AACrB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,SAAS,QAAQ,OAAO;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,oBAAoB;AAAA,MACpB,gBAAgB;AAAA,MAChB,UACE,iCACG;AAAA,mBAAW,SACV,oBAAC,UAAK,aAAU,UAAS,eAAY,QAClC,kBACH;AAAA,QAED;AAAA,SACH;AAAA,IAEJ;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,MAAM,cAAc;AAEb,SAAS,WACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO,EAAE,GAAG,eAAe,0BAA0B,IAAI,aAAa,QAAQ;AAAA,IAC9E;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEO,SAAS,iBACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,GAAG,cAAc,IAAI;AACzC,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,gCAAgC;AAAA,MAChC,aAAa;AAAA,IACf;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AAEA,WAAW,cAAc;AACzB,iBAAiB,cAAc;","names":[]}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,3 @@
+export { Alert, AlertDescription, AlertTitle } from "./Alert.js";
+export type { AlertDescriptionOwnProps, AlertDescriptionProps, AlertOwnProps, AlertProps, AlertTitleOwnProps, AlertTitleProps, AlertVariant, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/alert/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACjE,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,kBAAkB,EAClB,eAAe,EACf,YAAY,GACb,MAAM,YAAY,CAAC"}

package/dist/components/alert/index.js

@@ -0,0 +1,7 @@
+import { Alert, AlertDescription, AlertTitle } from "./Alert.js";
+export {
+  Alert,
+  AlertDescription,
+  AlertTitle
+};
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/alert/index.ts"],"sourcesContent":["export { Alert, AlertDescription, AlertTitle } from \"./Alert.js\";\nexport type {\n  AlertDescriptionOwnProps,\n  AlertDescriptionProps,\n  AlertOwnProps,\n  AlertProps,\n  AlertTitleOwnProps,\n  AlertTitleProps,\n  AlertVariant,\n} from \"./types.js\";\n"],"mappings":"AAAA,SAAS,OAAO,kBAAkB,kBAAkB;","names":[]}

package/dist/components/alert/types.d.ts

@@ -0,0 +1,20 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export type AlertVariant = "secondary" | "success" | "warning" | "destructive";
+export interface AlertOwnProps {
+    readonly children?: ReactNode;
+    /** Visual status. Defaults to secondary without adding a live role. */
+    readonly variant?: AlertVariant;
+    /** Override the decorative text symbol, or hide it with false. */
+    readonly symbol?: string | false;
+}
+export type AlertProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertOwnProps, Record<string, never>, HTMLElement>;
+export interface AlertTitleOwnProps {
+    readonly children?: ReactNode;
+}
+export type AlertTitleProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertTitleOwnProps, Record<string, never>, HTMLElement>;
+export interface AlertDescriptionOwnProps {
+    readonly children?: ReactNode;
+}
+export type AlertDescriptionProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AlertDescriptionOwnProps, Record<string, never>, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map