@gunkin/uiify 0.0.19-alpha → 0.0.22-alpha

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/line-chart.md

@@ -44,6 +44,7 @@
 | `cursorY` | `number` | no |  |
 | `data` | `readonly LineChartData[]` | yes |  |
 | `interactive` | `boolean` | no |  |
+| `locale` | `string` | no | BCP 47 locale for default axis labels. Defaults to `"en-US"`. |
 | `onPointClick` | `(index: number) => void` | no |  |
 | `onPointPointerLeave` | `() => void` | no |  |
 | `onPointPointerMove` | `(position: LineChartPointerPosition) => void` | no |  |

package/agents/reference/components/modal.md

@@ -10,7 +10,7 @@
 ## Exports
 
 - Runtime: `Modal`, `ModalBody`, `ModalClose`, `ModalContent`, `ModalDescription`, `ModalFooter`, `ModalGrabber`, `ModalHeader`, `ModalTitle`, `ModalTrigger`
-- Types: `ModalAlign`, `ModalAppearanceProps`, `ModalBackdrop`, `ModalBodyProps`, `ModalCloseOwnProps`, `ModalCloseProps`, `ModalContentOwnProps`, `ModalContentProps`, `ModalDescriptionProps`, `ModalDismiss`, `ModalFooterProps`, `ModalGrabberProps`, `ModalHeaderProps`, `ModalProps`, `ModalSize`, `ModalTitleProps`, `ModalTriggerOwnProps`, `ModalTriggerProps`
+- Types: `ModalAlign`, `ModalAppearanceProps`, `ModalBackdrop`, `ModalBodyProps`, `ModalCloseOwnProps`, `ModalCloseProps`, `ModalContentOwnProps`, `ModalContentProps`, `ModalDescriptionProps`, `ModalDismiss`, `ModalFooterProps`, `ModalGrabberProps`, `ModalHeaderProps`, `ModalProps`, `ModalLabels`, `ModalSize`, `ModalTitleProps`, `ModalTriggerOwnProps`, `ModalTriggerProps`
 
 ## Values
 
@@ -42,9 +42,16 @@ Extends: `ModalAppearanceProps`
 | `description` | `ReactNode` | no |  |
 | `children` | `ReactNode` | no |  |
 | `closeLabel` | `string` | no | Accessible name of the header close icon. |
+| `labels` | `Partial<ModalLabels>` | no |  |
 | `footer` | `ReactNode` | no | Actions row pinned under the body. |
 | `className` | `string` | no |  |
 
+### ModalLabels
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `close` | `string` | yes |  |
+
 ### ModalTriggerOwnProps
 
 Own props of the native `show-modal` invoker.

package/agents/reference/components/number-field.md

@@ -2,14 +2,14 @@
 # number-field
 
 - Import: `@gunkin/uiify/components/number-field`
-- Tier 1 (RSC shell + thin client island); state source S1; native element `input[type=number]`
+- Tier 1 (RSC shell + thin client island); state source S1; native element `input[type=text][role=spinbutton]`
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/number-field.d.ts`
 
 ## Exports
 
 - Runtime: `NumberField`, `NumberFieldDecrement`, `NumberFieldGroup`, `NumberFieldIncrement`, `NumberFieldInput`, `NumberFieldRoot`
-- Types: `NumberFieldDecrementProps`, `NumberFieldGroupProps`, `NumberFieldIncrementProps`, `NumberFieldInputProps`, `NumberFieldRootOwnProps`, `NumberFieldRootProps`
+- Types: `NumberFieldDecrementProps`, `NumberFieldGroupProps`, `NumberFieldIncrementProps`, `NumberFieldInputOwnProps`, `NumberFieldInputProps`, `NumberFieldRootOwnProps`, `NumberFieldRootProps`
 
 ## Props and shapes
 
@@ -43,6 +43,7 @@
 | `defaultValue` | `number` | no |  |
 | `disabled` | `boolean` | no |  |
 | `formatOptions` | `Intl.NumberFormatOptions` | no |  |
+| `locale` | `string` | no | BCP 47 locale used to format and parse the value. Defaults to `"en-US"`. |
 | `max` | `number` | no |  |
 | `min` | `number` | no |  |
 | `onValueChange` | `(value: number \| undefined) => void` | no |  |
@@ -51,10 +52,20 @@
 | `step` | `number` | no |  |
 | `value` | `number` | no |  |
 
+### NumberFieldInputOwnProps
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `id` | `string` | no |  |
+| `onBlur` | `FocusEventHandler<HTMLInputElement>` | no |  |
+| `onChange` | `ChangeEventHandler<HTMLInputElement>` | no |  |
+| `onFocus` | `FocusEventHandler<HTMLInputElement>` | no |  |
+| `onKeyDown` | `KeyboardEventHandler<HTMLInputElement>` | no |  |
+
 ## Other types
 
 - `NumberFieldRootProps<TAs>`: `RenderableProps<TAs, NumberFieldRootOwnProps, NumberFieldRootOwnProps, HTMLElement>`
 - `NumberFieldGroupProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLElement>`
-- `NumberFieldInputProps<TAs>`: `RenderableProps<TAs, Record<string, never>, { disabled: boolean; readOnly: boolean; required: boolean }, HTMLInputElement>`
+- `NumberFieldInputProps<TAs>`: `RenderableProps<TAs, NumberFieldInputOwnProps, { disabled: boolean; readOnly: boolean; required: boolean }, HTMLInputElement>`
 - `NumberFieldIncrementProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLButtonElement>`
 - `NumberFieldDecrementProps<TAs>`: `RenderableProps<TAs, { readonly children?: ReactNode }, { disabled: boolean }, HTMLButtonElement>`

package/agents/reference/components/pagination.md

@@ -9,7 +9,7 @@
 ## Exports
 
 - Runtime: `buildPaginationItems`, `Pagination`, `PaginationEllipsis`, `PaginationItem`, `PaginationLink`, `PaginationList`, `PaginationRoot`
-- Types: `PaginationItemDescriptor`, `PaginationItemType`, `UsePaginationParams`, `PaginationEllipsisProps`, `PaginationEllipsisOwnProps`, `PaginationItemProps`, `PaginationItemOwnProps`, `PaginationLinkOwnProps`, `PaginationLinkProps`, `PaginationListOwnProps`, `PaginationListProps`, `PaginationRootOwnProps`, `PaginationRootProps`
+- Types: `PaginationItemDescriptor`, `PaginationItemType`, `UsePaginationParams`, `PaginationEllipsisProps`, `PaginationEllipsisOwnProps`, `PaginationItemProps`, `PaginationItemOwnProps`, `PaginationLinkOwnProps`, `PaginationLinkProps`, `PaginationListOwnProps`, `PaginationListProps`, `PaginationRootOwnProps`, `PaginationRootProps`, `PaginationLabels`
 
 ## Values
 
@@ -35,6 +35,21 @@
 | `selected` | `false` | yes |  |
 | `type` | `Exclude<PaginationItemType, "page">` | yes |  |
 
+### PaginationLabels
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `root` | `string` | yes |  |
+| `page` | `string` | yes |  |
+| `previous` | `string` | yes |  |
+| `next` | `string` | yes |  |
+| `first` | `string` | yes |  |
+| `last` | `string` | yes |  |
+| `previousText` | `string` | yes |  |
+| `nextText` | `string` | yes |  |
+| `firstText` | `string` | yes |  |
+| `lastText` | `string` | yes |  |
+
 ### UsePaginationParams
 
 | Member | Type | Required | Description |
@@ -62,6 +77,8 @@
 | --- | --- | --- | --- |
 | `count` | `number` | yes |  |
 | `items` | `readonly PaginationItem[]` | yes |  |
+| `labels` | `PaginationLabels` | yes |  |
+| `locale` | `string` | no |  |
 | `page` | `number` | yes |  |
 | `setPage` | `(page: number) => void` | yes |  |
 
@@ -74,6 +91,8 @@ Extends: `UsePaginationParams`
 | `"aria-label"` | `string` | no |  |
 | `children` | `ReactNode` | no |  |
 | `getPageHref` | `(page: number) => string` | no |  |
+| `labels` | `Partial<PaginationLabels>` | no |  |
+| `locale` | `string` | no |  |
 
 ### PaginationListOwnProps
 
@@ -93,6 +112,8 @@ Extends: `UsePaginationParams`
 | --- | --- | --- | --- |
 | `disabled` | `boolean` | no |  |
 | `getPageHref` | `(page: number) => string` | no |  |
+| `locale` | `string` | no |  |
+| `pageLabelTemplate` | `string` | no |  |
 | `page` | `number` | yes |  |
 | `selected` | `boolean` | no |  |
 

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/agents/reference/components/slider.md

@@ -9,7 +9,7 @@
 ## Exports
 
 - Runtime: `Slider`
-- Types: `SliderOwnProps`, `SliderProps`
+- Types: `SliderLabels`, `SliderOwnProps`, `SliderProps`
 
 ## Props and shapes
 
@@ -45,10 +45,18 @@
 | `disabled` | `boolean` | no |  |
 | `orientation` | `"horizontal" \| "vertical"` | no |  |
 | `marks` | `readonly SliderMark[]` | no |  |
+| `labels` | `Partial<SliderLabels>` | no |  |
 | `thumbLabels` | `readonly [string, string]` | no |  |
 | `"aria-label"` | `string` | no |  |
 | `"aria-labelledby"` | `string` | no |  |
 
+### SliderLabels
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `minimum` | `string` | yes |  |
+| `maximum` | `string` | yes |  |
+
 ### SliderClientRenderState
 
 | Member | Type | Required | Description |

package/agents/reference/components/spinner.md

@@ -9,7 +9,7 @@
 ## Exports
 
 - Runtime: `Spinner`
-- Types: `SpinnerAlign`, `SpinnerOwnProps`, `SpinnerProps`, `SpinnerSize`
+- Types: `SpinnerAlign`, `SpinnerLabels`, `SpinnerOwnProps`, `SpinnerProps`, `SpinnerSize`
 
 ## Values
 
@@ -18,6 +18,12 @@
 
 ## Props and shapes
 
+### SpinnerLabels
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `loading` | `string` | yes |  |
+
 ### SpinnerOwnProps
 
 | Member | Type | Required | Description |
@@ -26,6 +32,7 @@
 | `children` | `ReactNode` | no |  |
 | `delay` | `number` | no |  |
 | `label` | `string` | no |  |
+| `labels` | `Partial<SpinnerLabels>` | no |  |
 | `showLabel` | `boolean` | no |  |
 | `size` | `SpinnerSize` | no |  |
 

package/agents/reference/components/toast.md

@@ -9,7 +9,7 @@
 ## Exports
 
 - Runtime: `Toast`, `ToastAction`, `ToastClose`, `ToastDescription`, `ToastProvider`, `ToastRoot`, `ToastTitle`, `ToastViewport`, `useToast`
-- Types: `ToastActionOwnProps`, `ToastActionProps`, `ToastCloseOwnProps`, `ToastCloseProps`, `ToastDescriptionOwnProps`, `ToastProviderOwnProps`, `ToastRootOwnProps`, `ToastTitleOwnProps`, `ToastViewportOwnProps`, `ToastInput`, `ToastPriority`, `ToastRecord`, `ToastStore`
+- Types: `ToastActionOwnProps`, `ToastActionProps`, `ToastCloseOwnProps`, `ToastCloseProps`, `ToastLabels`, `ToastDescriptionOwnProps`, `ToastProviderOwnProps`, `ToastRootOwnProps`, `ToastTitleOwnProps`, `ToastViewportOwnProps`, `ToastInput`, `ToastPriority`, `ToastRecord`, `ToastStore`
 
 ## Values
 
@@ -17,6 +17,14 @@
 
 ## Props and shapes
 
+### ToastLabels
+
+| Member | Type | Required | Description |
+| --- | --- | --- | --- |
+| `region` | `string` | yes |  |
+| `notification` | `string` | yes |  |
+| `close` | `string` | yes |  |
+
 ### ToastAction
 
 | Member | Type | Required | Description |
@@ -82,12 +90,14 @@
 | `pause` | `(id: string) => void` | yes |  |
 | `resume` | `(id: string) => void` | yes |  |
 | `store` | `ToastStore` | yes |  |
+| `labels` | `ToastLabels` | yes |  |
 
 ### ToastProviderOwnProps
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
+| `labels` | `Partial<ToastLabels>` | no |  |
 | `limit` | `number` | no |  |
 
 ### ToastViewportOwnProps
@@ -97,6 +107,7 @@
 | `"aria-label"` | `string` | no |  |
 | `children` | `ReactNode` | no |  |
 | `className` | `string` | no |  |
+| `labels` | `Partial<ToastLabels>` | no |  |
 | `popover` | `"manual"` | no | Set by the live client viewport (@gunkin/uiify/components/toast/Toast.js) to `"manual"` so the queue's rendered surface sits in the top layer. The structural shell (this file's own re-exported ToastViewport, used directly by "Toast server shell" tests and any no-JS render) leaves it unset, since there is no queue-driven show/hide to wire up there. |
 | `ref` | `Ref<HTMLElement>` | no |  |
 
@@ -104,6 +115,7 @@
 
 | Member | Type | Required | Description |
 | --- | --- | --- | --- |
+| `labels` | `Partial<ToastLabels>` | no |  |
 | `toast` | `ToastRecord` | yes |  |
 
 ### ToastTitleOwnProps
@@ -141,6 +153,7 @@ Extends: `ToastActionOwnProps`
 | --- | --- | --- | --- |
 | `children` | `ReactNode` | no |  |
 | `className` | `string` | no |  |
+| `labels` | `Partial<ToastLabels>` | no |  |
 
 ### ToastCloseProps
 

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,MAAM,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAE/E,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAC9B,uEAAuE;IACvE,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,kEAAkE;IAClE,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClC;AAED,MAAM,MAAM,UAAU,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CACvE,GAAG,EACH,aAAa,EACb,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,eAAe,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC5E,GAAG,EACH,kBAAkB,EAClB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,qBAAqB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAClF,GAAG,EACH,wBAAwB,EACxB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/components/alert/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/alert.d.ts

@@ -0,0 +1 @@
+export * from "./alert/index.js";

package/dist/components/alert.js

@@ -0,0 +1 @@
+export * from "./alert/index.js";

package/dist/components/aspect-ratio/AspectRatio.d.ts

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

package/dist/components/aspect-ratio/AspectRatio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AspectRatio.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,WAAW,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,wBAAgB,WAAW,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,gBAAgB,CAAC,GAAG,CAAC,GAC3B,YAAY,GAAG,IAAI,CAqBrB;yBAvBe,WAAW"}

package/dist/components/aspect-ratio/AspectRatio.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useRenderElement } from "@gunkin/uiify/core/render";
+function AspectRatio(props) {
+  const { as, render, ratio, children, ...consumerProps } = props;
+  const style = consumerProps.style;
+  return useRenderElement({
+    as,
+    defaultTag: "div",
+    props: {
+      ...consumerProps,
+      "data-uiify-aspect-ratio": "",
+      style: {
+        ...style,
+        ...ratio !== void 0 ? { "--uiify-aspect-ratio": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 } : {}
+      },
+      children: /* @__PURE__ */ jsx("div", { "data-part": "content", children })
+    },
+    render,
+    state: {}
+  });
+}
+AspectRatio.displayName = "AspectRatio";
+export {
+  AspectRatio
+};
+//# sourceMappingURL=AspectRatio.js.map

package/dist/components/aspect-ratio/AspectRatio.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/aspect-ratio/AspectRatio.tsx"],"sourcesContent":["// API research: Radix UI Aspect Ratio; independently authored from UIify design notes.\nimport type { CSSProperties, ElementType, ReactElement } from \"react\";\nimport { useRenderElement } from \"@gunkin/uiify/core/render\";\nimport type { AspectRatioProps } from \"./types.js\";\n\nexport function AspectRatio<TAs extends ElementType = \"div\">(\n  props: AspectRatioProps<TAs>,\n): ReactElement | null {\n  const { as, render, ratio, children, ...consumerProps } = props as AspectRatioProps<\"div\">;\n  const style = (consumerProps as { style?: CSSProperties }).style;\n\n  return useRenderElement({\n    as,\n    defaultTag: \"div\",\n    props: {\n      ...consumerProps,\n      \"data-uiify-aspect-ratio\": \"\",\n      style: {\n        ...style,\n        ...(ratio !== undefined\n          ? { \"--uiify-aspect-ratio\": Number.isFinite(ratio) && ratio > 0 ? ratio : 1 }\n          : {}),\n      } as CSSProperties,\n      children: <div data-part=\"content\">{children}</div>,\n    },\n    render,\n    state: {},\n  });\n}\nAspectRatio.displayName = \"AspectRatio\";\n"],"mappings":"AAuBgB;AArBhB,SAAS,wBAAwB;AAG1B,SAAS,YACd,OACqB;AACrB,QAAM,EAAE,IAAI,QAAQ,OAAO,UAAU,GAAG,cAAc,IAAI;AAC1D,QAAM,QAAS,cAA4C;AAE3D,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,MACL,GAAG;AAAA,MACH,2BAA2B;AAAA,MAC3B,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAI,UAAU,SACV,EAAE,wBAAwB,OAAO,SAAS,KAAK,KAAK,QAAQ,IAAI,QAAQ,EAAE,IAC1E,CAAC;AAAA,MACP;AAAA,MACA,UAAU,oBAAC,SAAI,aAAU,WAAW,UAAS;AAAA,IAC/C;AAAA,IACA;AAAA,IACA,OAAO,CAAC;AAAA,EACV,CAAC;AACH;AACA,YAAY,cAAc;","names":[]}

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1,3 @@
+export { AspectRatio } from "./AspectRatio.js";
+export type { AspectRatioOwnProps, AspectRatioProps } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/aspect-ratio/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1,5 @@
+import { AspectRatio } from "./AspectRatio.js";
+export {
+  AspectRatio
+};
+//# sourceMappingURL=index.js.map

package/dist/components/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/aspect-ratio/index.ts"],"sourcesContent":["export { AspectRatio } from \"./AspectRatio.js\";\nexport type { AspectRatioOwnProps, AspectRatioProps } from \"./types.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

package/dist/components/aspect-ratio/types.d.ts

@@ -0,0 +1,9 @@
+import type { ElementType, ReactNode } from "react";
+import type { RenderableProps } from "@gunkin/uiify/core/render";
+export interface AspectRatioOwnProps {
+    /** Positive finite width / height ratio. Omit to use the CSS default (square). */
+    readonly ratio?: number;
+    readonly children?: ReactNode;
+}
+export type AspectRatioProps<TAs extends ElementType = "div"> = RenderableProps<TAs, AspectRatioOwnProps, Record<string, never>, HTMLElement>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/aspect-ratio/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/aspect-ratio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,WAAW,mBAAmB;IAClC,kFAAkF;IAClF,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;CAC/B;AAED,MAAM,MAAM,gBAAgB,CAAC,GAAG,SAAS,WAAW,GAAG,KAAK,IAAI,eAAe,CAC7E,GAAG,EACH,mBAAmB,EACnB,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,EACrB,WAAW,CACZ,CAAC"}

package/dist/components/aspect-ratio/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/aspect-ratio/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/aspect-ratio.d.ts

@@ -0,0 +1 @@
+export * from "./aspect-ratio/index.js";

package/dist/components/aspect-ratio.js

@@ -0,0 +1 @@
+export * from "./aspect-ratio/index.js";