@gunkin/uiify 0.0.20-alpha → 0.0.24-alpha

package/agents/reference/components/form.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/form.d.ts`
 
+## Related knowledge
+
+- Recipe: [form](../../../skills/uiify/references/elements/form.md)
+
 ## Exports
 
 - Runtime: `Form`

package/agents/reference/components/header.md

@@ -7,6 +7,10 @@
 - Types file: `dist/components/header.d.ts`
 - Note: Semantic header root; compose native navigation with Modal. Full functionality without JavaScript; optional header/client adds scroll hide/reveal.
 
+## Related knowledge
+
+- Recipe: [header](../../../skills/uiify/references/elements/header.md)
+
 ## Exports
 
 - Runtime: `Header`, `HeaderRoot`

package/agents/reference/components/hover-card.md

@@ -6,6 +6,10 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/hover-card.d.ts`
 
+## Related knowledge
+
+- Recipe: [hover-card](../../../skills/uiify/references/elements/hover-card.md)
+
 ## Exports
 
 - Runtime: `HoverCard`

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

@@ -0,0 +1,37 @@
+<!-- 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.
+
+## Related knowledge
+
+- Recipe: [input-group](../../../skills/uiify/references/elements/input-group.md)
+
+## 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/input.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/input.d.ts`
 
+## Related knowledge
+
+- Recipe: [input](../../../skills/uiify/references/elements/input.md)
+
 ## Exports
 
 - Runtime: `Input`

package/agents/reference/components/item.md

@@ -0,0 +1,56 @@
+<!-- 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`
+
+## Related knowledge
+
+- Recipe: [item](../../../skills/uiify/references/elements/item.md)
+
+## 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

@@ -7,6 +7,10 @@
 - Types file: `dist/components/line-chart.d.ts`
 - Note: Static line segments are computed during render and expressed as percentage CSS custom properties; the decorative CSS line has an accessible table fallback.
 
+## Related knowledge
+
+- Recipe: [line-chart](../../../skills/uiify/references/elements/line-chart.md)
+
 ## Exports
 
 - Runtime: `LineChart`

package/agents/reference/components/modal.md

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `dialog + command=show-modal`
 - Without JavaScript: full
 - Types file: `dist/components/modal.d.ts`
+- Related native Element (manifest): [dialog](../elements/dialog.md)
 - Note: True modal via show-modal/request-close; the browser owns inertness, Escape and focus return. Controlled/initially open state lives in @gunkin/uiify/components/modal/client. Trigger/Close built on @gunkin/uiify/elements/dialog. Backdrop tap and swipe-down are optional UIEnhance improvements; without them the modal still closes by icon, Escape and (Chrome/Firefox) backdrop tap.
 
+## Related knowledge
+
+- Recipe: [modal](../../../skills/uiify/references/elements/modal.md)
+
 ## Exports
 
 - Runtime: `Modal`, `ModalBody`, `ModalClose`, `ModalContent`, `ModalDescription`, `ModalFooter`, `ModalGrabber`, `ModalHeader`, `ModalTitle`, `ModalTrigger`

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

@@ -6,6 +6,10 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/number-field.d.ts`
 
+## Related knowledge
+
+- Recipe: [number-field](../../../skills/uiify/references/elements/number-field.md)
+
 ## Exports
 
 - Runtime: `NumberField`, `NumberFieldDecrement`, `NumberFieldGroup`, `NumberFieldIncrement`, `NumberFieldInput`, `NumberFieldRoot`

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

@@ -6,6 +6,10 @@
 - Without JavaScript: pre-hydration-only
 - Types file: `dist/components/otp-input.d.ts`
 
+## Related knowledge
+
+- Recipe: [otp-input](../../../skills/uiify/references/elements/otp-input.md)
+
 ## Exports
 
 - Runtime: `OtpInput`, `OtpInputHiddenInput`, `OtpInputRoot`, `OtpInputSlot`

package/agents/reference/components/pagination.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/pagination.d.ts`
 
+## Related knowledge
+
+- Recipe: [pagination](../../../skills/uiify/references/elements/pagination.md)
+
 ## Exports
 
 - Runtime: `buildPaginationItems`, `Pagination`, `PaginationEllipsis`, `PaginationItem`, `PaginationLink`, `PaginationList`, `PaginationRoot`

package/agents/reference/components/popup.md

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `[popover]+popovertarget`
 - Without JavaScript: full
 - Types file: `dist/components/popup.d.ts`
+- Related native Element (manifest): [popover](../elements/popover.md)
 - Note: Native parts anchor to their invoker (implicit anchor) and carry no aria-expanded; Chromium exposes expanded through the accessibility tree, other engines are unmeasured. The legacy Popup.Root compound keeps UIEnhance for its DOM attribute. Trigger/Content/Close built on @gunkin/uiify/elements/popover.
 
+## Related knowledge
+
+- Recipe: [popup](../../../skills/uiify/references/elements/popup.md)
+
 ## Exports
 
 - Runtime: `Popup`, `PopupClose`, `PopupContent`, `PopupTrigger`

package/agents/reference/components/progress.md

@@ -0,0 +1,20 @@
+<!-- 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`
+
+## Related knowledge
+
+- Recipe: [progress-bar](../../../skills/uiify/references/elements/progress-bar.md)
+
+## Exports
+
+- Runtime: `Progress`
+- Types: `ProgressProps`
+
+## Other types
+
+- `ProgressProps`: `ComponentPropsWithRef<"progress">`

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

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
 - Without JavaScript: full
 - Types file: `dist/components/radio-group.d.ts`
+- Related native Element (manifest): [choice](../elements/choice.md)
 - Note: Data-driven native radio group; browser owns selection. Built on @gunkin/uiify/elements/choice.
 
+## Related knowledge
+
+- Recipe: [radio-group](../../../skills/uiify/references/elements/radio-group.md)
+
 ## Exports
 
 - Runtime: `RadioGroup`

package/agents/reference/components/rating.md

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
 - Without JavaScript: full
 - Types file: `dist/components/rating.d.ts`
+- Related native Element (manifest): [choice](../elements/choice.md)
 - Note: Native radio group; hover preview and persisted selection are pure CSS (:checked/:hover sibling rules), no JS. Controlled value/onValueChange lives in the separate rating/client entry. Built on @gunkin/uiify/elements/choice.
 
+## Related knowledge
+
+- Recipe: [rating](../../../skills/uiify/references/elements/rating.md)
+
 ## Exports
 
 - Runtime: `Rating`

package/agents/reference/components/segmented-control.md

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
 - Without JavaScript: full
 - Types file: `dist/components/segmented-control.d.ts`
+- Related native Element (manifest): [choice](../elements/choice.md)
 - Note: Built on @gunkin/uiify/elements/choice.
 
+## Related knowledge
+
+- Recipe: [segmented-control](../../../skills/uiify/references/elements/segmented-control.md)
+
 ## Exports
 
 - Runtime: `SegmentedControl`

package/agents/reference/components/select.md

@@ -7,6 +7,11 @@
 - Types file: `dist/components/select.d.ts`
 - Note: Native text-only select; appearance:base-select is a Chrome+Safari cosmetic enhancement and Firefox keeps the OS picker.
 
+## Related knowledge
+
+- Recipe: [select](../../../skills/uiify/references/elements/select.md)
+- Example: [select-basic](../../../skills/uiify/references/examples/select-basic.md)
+
 ## Exports
 
 - Runtime: `Select`, `SelectContent`, `SelectGroup`, `SelectItem`, `SelectRoot`, `SelectSeparator`

package/agents/reference/components/skeleton.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/skeleton.d.ts`
 
+## Related knowledge
+
+- Recipe: [skeleton](../../../skills/uiify/references/elements/skeleton.md)
+
 ## Exports
 
 - Runtime: `Skeleton`

package/agents/reference/components/slider.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/slider.d.ts`
 
+## Related knowledge
+
+- Recipe: [slider](../../../skills/uiify/references/elements/slider.md)
+
 ## Exports
 
 - Runtime: `Slider`

package/agents/reference/components/spinner.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/spinner.d.ts`
 
+## Related knowledge
+
+- Recipe: [spinner](../../../skills/uiify/references/elements/spinner.md)
+
 ## Exports
 
 - Runtime: `Spinner`

package/agents/reference/components/switch.md

@@ -6,6 +6,10 @@
 - Without JavaScript: full
 - Types file: `dist/components/switch.d.ts`
 
+## Related knowledge
+
+- Recipe: [switch](../../../skills/uiify/references/elements/switch.md)
+
 ## Exports
 
 - Runtime: `Switch`

package/agents/reference/components/table-of-contents.md

@@ -7,6 +7,10 @@
 - Types file: `dist/components/table-of-contents.d.ts`
 - Note: Base entry is a server-pure native navigation shell; /client adds enhancements. Native links and popover invocation/dismissal work without JavaScript.
 
+## Related knowledge
+
+- Recipe: [table-of-contents](../../../skills/uiify/references/elements/table-of-contents.md)
+
 ## Exports
 
 - Runtime: `TableOfContents`, `TableOfContentsRoot`, `TableOfContentsTrigger`, `TableOfContentsRail`, `TableOfContentsIndicator`, `TableOfContentsContent`, `TableOfContentsList`, `TableOfContentsLink`

package/agents/reference/components/table.md

@@ -7,6 +7,11 @@
 - Types file: `dist/components/table.d.ts`
 - Note: Native semantic Table parts; selection, sorting and expansion use the explicit /client entry.
 
+## Related knowledge
+
+- Recipe: [table](../../../skills/uiify/references/elements/table.md)
+- Example: [table-controls](../../../skills/uiify/references/examples/table-controls.md)
+
 ## Exports
 
 - Runtime: `Table`, `TableFooter`, `TableRowHeader`, `TableBody`, `TableCaption`, `TableCell`, `TableColumnHeader`, `TableHeader`, `TableRoot`, `TableRow`

package/agents/reference/components/tabs.md

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio]`
 - Without JavaScript: full
 - Types file: `dist/components/tabs.d.ts`
+- Related native Element (manifest): [choice](../elements/choice.md)
 - Note: Data-driven native radio switcher; CSS-only panels. Built on @gunkin/uiify/elements/choice.
 
+## Related knowledge
+
+- Recipe: [tabs](../../../skills/uiify/references/elements/tabs.md)
+
 ## Exports
 
 - Runtime: `Tabs`

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

@@ -6,6 +6,10 @@
 - Without JavaScript: pre-hydration-only
 - Types file: `dist/components/tags-input.d.ts`
 
+## Related knowledge
+
+- Recipe: [tags-input](../../../skills/uiify/references/elements/tags-input.md)
+
 ## Exports
 
 - Runtime: `TagsInput`, `TagsInputInput`, `TagsInputList`, `TagsInputRoot`, `TagsInputTag`, `TagsInputTagRemove`, `splitTags`

package/agents/reference/components/textarea.md

@@ -7,6 +7,10 @@
 - Types file: `dist/components/textarea.d.ts`
 - Note: field-sizing:content replaces the auto-grow JS. Baseline since Firefox 152.
 
+## Related knowledge
+
+- Recipe: [textarea](../../../skills/uiify/references/elements/textarea.md)
+
 ## Exports
 
 - Runtime: `Textarea`

package/agents/reference/components/toast.md

@@ -6,6 +6,10 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/toast.d.ts`
 
+## Related knowledge
+
+- Recipe: [toast](../../../skills/uiify/references/elements/toast.md)
+
 ## Exports
 
 - Runtime: `Toast`, `ToastAction`, `ToastClose`, `ToastDescription`, `ToastProvider`, `ToastRoot`, `ToastTitle`, `ToastViewport`, `useToast`

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

@@ -5,8 +5,13 @@
 - Tier 0 (RSC — zero client JavaScript); state source S1; native element `input[type=radio|checkbox]`
 - Without JavaScript: full
 - Types file: `dist/components/toggle-group.d.ts`
+- Related native Element (manifest): [choice](../elements/choice.md)
 - Note: Built on @gunkin/uiify/elements/choice.
 
+## Related knowledge
+
+- Recipe: [toggle-group](../../../skills/uiify/references/elements/toggle-group.md)
+
 ## Exports
 
 - Runtime: `ToggleGroup`

package/agents/reference/components/toggle.md

@@ -7,6 +7,10 @@
 - Types file: `dist/components/toggle.d.ts`
 - Note: Native checkbox + label toggle; browser owns pressed state.
 
+## Related knowledge
+
+- Recipe: [toggle](../../../skills/uiify/references/elements/toggle.md)
+
 ## Exports
 
 - Runtime: `Toggle`

package/agents/reference/components/toolbar.md

@@ -6,6 +6,10 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/toolbar.d.ts`
 
+## Related knowledge
+
+- Recipe: [toolbar](../../../skills/uiify/references/elements/toolbar.md)
+
 ## Exports
 
 - Runtime: `Toolbar`

package/agents/reference/components/tooltip.md

@@ -6,6 +6,10 @@
 - Without JavaScript: degraded-documented
 - Types file: `dist/components/tooltip.d.ts`
 
+## Related knowledge
+
+- Recipe: [tooltip](../../../skills/uiify/references/elements/tooltip.md)
+
 ## Exports
 
 - Runtime: `Tooltip`, `TooltipContent`, `TooltipProvider`, `TooltipRoot`, `TooltipTrigger`

package/agents/reference/components/virtual-scroll.md

@@ -6,6 +6,10 @@
 - Without JavaScript: pre-hydration-only
 - Types file: `dist/components/virtual-scroll.d.ts`
 
+## Related knowledge
+
+- Recipe: [virtual-scroll](../../../skills/uiify/references/elements/virtual-scroll.md)
+
 ## Exports
 
 - Runtime: `VirtualScroll`, `VIRTUAL_SCROLL_ANCHOR_THRESHOLD`, `VIRTUAL_SCROLL_OVERSCAN`, `VIRTUAL_SCROLL_ROW_HEIGHT`, `VIRTUAL_SCROLL_SCROLL_RESET_DELAY`

package/agents/reference/elements/choice.md

@@ -4,7 +4,7 @@
 - Import: `@gunkin/uiify/elements/choice`
 - Native mechanism: input[type=radio|checkbox] + label
 - Parts: `Choice.Group`, `Choice.Item`
-- Used by: radio-group, tabs, toggle-group, segmented-control, rating
+- Used by: [radio-group](../components/radio-group.md), [tabs](../components/tabs.md), [toggle-group](../components/toggle-group.md), [segmented-control](../components/segmented-control.md), [rating](../components/rating.md)
 - Types file: `dist/elements/choice.d.ts`
 
 ## Exports

package/agents/reference/elements/details.md

@@ -4,7 +4,7 @@
 - Import: `@gunkin/uiify/elements/details`
 - Native mechanism: details/summary
 - Parts: `Details.Root`, `Details.Summary`, `Details.Content`
-- Used by: accordion, collapsible, breadcrumb
+- Used by: [accordion](../components/accordion.md), [collapsible](../components/collapsible.md), [breadcrumb](../components/breadcrumb.md)
 - Types file: `dist/elements/details.d.ts`
 
 ## Exports

package/agents/reference/elements/dialog.md

@@ -4,7 +4,7 @@
 - Import: `@gunkin/uiify/elements/dialog`
 - Native mechanism: dialog + command=show-modal
 - Parts: `Dialog.Trigger`, `Dialog.Content`, `Dialog.Close`
-- Used by: modal, alert-modal, drawer
+- Used by: [modal](../components/modal.md), [alert-modal](../components/alert-modal.md), [drawer](../components/drawer.md)
 - Types file: `dist/elements/dialog.d.ts`
 
 ## Exports

package/agents/reference/elements/invoker.md

@@ -4,7 +4,7 @@
 - Import: `@gunkin/uiify/elements/invoker`
 - Native mechanism: command/commandfor attributes
 - Parts: `Invoker`
-- Used by: dialog
+- Used by: [dialog](../elements/dialog.md)
 - Types file: `dist/elements/invoker.d.ts`
 
 ## Exports

package/agents/reference/elements/popover.md

@@ -4,7 +4,7 @@
 - Import: `@gunkin/uiify/elements/popover`
 - Native mechanism: [popover] + popovertarget
 - Parts: `Popover.Trigger`, `Popover.Surface`, `Popover.Close`
-- Used by: popup
+- Used by: [popup](../components/popup.md)
 - Types file: `dist/elements/popover.d.ts`
 
 ## Exports

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