@skdx/react 0.27.0 → 0.29.0

package/dist/alert/AlertAction.d.cts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertActionProps } from './types.cjs';
 /**
- * Container for the alert's buttons and links ("Retry", "View details"). A
- * plain `<div>` with no role and no behavior — it exists so the action row
- * is an addressable part to style and to compose against, not to wrap or
- * re-implement the controls inside it.
+ * Container for the alert's buttons and links. A plain `<div>` that makes
+ * the action row an addressable, styleable part.
  *
  * @example
  * ```tsx
@@ -17,4 +15,7 @@ import type { AlertActionProps } from './types.cjs';
  * </Alert>
  * ```
  */
-export declare const AlertAction: React.ForwardRefExoticComponent<Omit<AlertActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertAction: {
+    ({ ref: forwardedRef, ...props }: AlertActionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertAction.d.ts

@@ -1,10 +1,8 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertActionProps } from './types.js';
 /**
- * Container for the alert's buttons and links ("Retry", "View details"). A
- * plain `<div>` with no role and no behavior — it exists so the action row
- * is an addressable part to style and to compose against, not to wrap or
- * re-implement the controls inside it.
+ * Container for the alert's buttons and links. A plain `<div>` that makes
+ * the action row an addressable, styleable part.
  *
  * @example
  * ```tsx
@@ -17,4 +15,7 @@ import type { AlertActionProps } from './types.js';
  * </Alert>
  * ```
  */
-export declare const AlertAction: React.ForwardRefExoticComponent<Omit<AlertActionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertAction: {
+    ({ ref: forwardedRef, ...props }: AlertActionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertAnatomy.d.cts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+/** @internal Derived anatomy: icon, title, description, body, action row, and close button. */
+export declare const AlertAnatomy: ({ icon, title, description, action, dismissible, children, }: {
+    icon?: React.ReactNode | undefined;
+    title?: string | undefined;
+    description?: React.ReactNode | undefined;
+    action?: React.ReactNode | undefined;
+    dismissible: boolean;
+    children?: React.ReactNode | undefined;
+}) => React.JSX.Element;

package/dist/alert/AlertAnatomy.d.ts

@@ -0,0 +1,10 @@
+import type * as React from 'react';
+/** @internal Derived anatomy: icon, title, description, body, action row, and close button. */
+export declare const AlertAnatomy: ({ icon, title, description, action, dismissible, children, }: {
+    icon?: React.ReactNode | undefined;
+    title?: string | undefined;
+    description?: React.ReactNode | undefined;
+    action?: React.ReactNode | undefined;
+    dismissible: boolean;
+    children?: React.ReactNode | undefined;
+}) => React.JSX.Element;

package/dist/alert/AlertClose.d.cts

@@ -1,13 +1,9 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertCloseProps } from './types.cjs';
 /**
- * Button that dismisses the alert when clicked — sets the Alert's `open` to
- * `false` (uncontrolled) and fires `onOpenChange(false)` either way. Must be
- * used inside an `Alert`.
+ * Close button — sets Alert's `open` to `false` and fires `onOpenChange(false)`. Carries default accessible name from root's `closeLabel` (default: `"Dismiss"`).
  *
- * Carries a default `aria-label="Dismiss"` so the common icon-only close
- * button is never an unnamed button; pass your own `aria-label` (or visible
- * text) to override it.
+ * Dismissing moves focus to the nearest focusable element before the alert or back to what held focus when alert mounted (not `document.body`).
  *
  * @example
  * ```tsx
@@ -17,4 +13,7 @@ import type { AlertCloseProps } from './types.cjs';
  * </Alert>
  * ```
  */
-export declare const AlertClose: React.ForwardRefExoticComponent<Omit<AlertCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertClose: {
+    ({ ref: forwardedRef, ...props }: AlertCloseProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertClose.d.ts

@@ -1,13 +1,9 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertCloseProps } from './types.js';
 /**
- * Button that dismisses the alert when clicked — sets the Alert's `open` to
- * `false` (uncontrolled) and fires `onOpenChange(false)` either way. Must be
- * used inside an `Alert`.
+ * Close button — sets Alert's `open` to `false` and fires `onOpenChange(false)`. Carries default accessible name from root's `closeLabel` (default: `"Dismiss"`).
  *
- * Carries a default `aria-label="Dismiss"` so the common icon-only close
- * button is never an unnamed button; pass your own `aria-label` (or visible
- * text) to override it.
+ * Dismissing moves focus to the nearest focusable element before the alert or back to what held focus when alert mounted (not `document.body`).
  *
  * @example
  * ```tsx
@@ -17,4 +13,7 @@ import type { AlertCloseProps } from './types.js';
  * </Alert>
  * ```
  */
-export declare const AlertClose: React.ForwardRefExoticComponent<Omit<AlertCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const AlertClose: {
+    ({ ref: forwardedRef, ...props }: AlertCloseProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertDescription.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDescriptionProps } from './types.cjs';
 /**
- * Renders a `<div>` with the `id` referenced by the parent `Alert`'s
- * `aria-describedby`, so its text is announced as the alert's description.
- * Must be used inside an `Alert`.
+ * `<div>` with `id` referenced by parent `Alert`'s `aria-describedby`, so its text is announced as the alert's description. Must be used inside an `Alert`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { AlertDescriptionProps } from './types.cjs';
  * </Alert>
  * ```
  */
-export declare const AlertDescription: React.ForwardRefExoticComponent<Omit<AlertDescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDescription: {
+    ({ ref: forwardedRef, ...props }: AlertDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertDescription.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertDescriptionProps } from './types.js';
 /**
- * Renders a `<div>` with the `id` referenced by the parent `Alert`'s
- * `aria-describedby`, so its text is announced as the alert's description.
- * Must be used inside an `Alert`.
+ * `<div>` with `id` referenced by parent `Alert`'s `aria-describedby`, so its text is announced as the alert's description. Must be used inside an `Alert`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { AlertDescriptionProps } from './types.js';
  * </Alert>
  * ```
  */
-export declare const AlertDescription: React.ForwardRefExoticComponent<Omit<AlertDescriptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AlertDescription: {
+    ({ ref: forwardedRef, ...props }: AlertDescriptionProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertIcon.d.cts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertIconProps } from './types.cjs';
 /**
  * Purely decorative icon slot for an `Alert` — always rendered with
@@ -13,4 +13,7 @@ import type { AlertIconProps } from './types.cjs';
  * </Alert>
  * ```
  */
-export declare const AlertIcon: React.ForwardRefExoticComponent<Omit<AlertIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AlertIcon: {
+    ({ ref: forwardedRef, ...props }: AlertIconProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertIcon.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AlertIconProps } from './types.js';
 /**
  * Purely decorative icon slot for an `Alert` — always rendered with
@@ -13,4 +13,7 @@ import type { AlertIconProps } from './types.js';
  * </Alert>
  * ```
  */
-export declare const AlertIcon: React.ForwardRefExoticComponent<Omit<AlertIconProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AlertIcon: {
+    ({ ref: forwardedRef, ...props }: AlertIconProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertTitle.d.cts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertTitleProps } from './types.cjs';
 /**
- * Renders an `<h3>` with the `id` referenced by the parent `Alert`'s
- * `aria-labelledby`, so its text is announced as the alert's label. Must be
- * used inside an `Alert`.
+ * `<h3>` with `id` referenced by parent `Alert`'s `aria-labelledby` so text is announced as the alert's label. Must be used inside an `Alert`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { AlertTitleProps } from './types.cjs';
  * </Alert>
  * ```
  */
-export declare const AlertTitle: React.ForwardRefExoticComponent<Omit<AlertTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertTitle: {
+    ({ ref: forwardedRef, ...props }: AlertTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/AlertTitle.d.ts

@@ -1,9 +1,7 @@
 import * as React from 'react';
 import type { AlertTitleProps } from './types.js';
 /**
- * Renders an `<h3>` with the `id` referenced by the parent `Alert`'s
- * `aria-labelledby`, so its text is announced as the alert's label. Must be
- * used inside an `Alert`.
+ * `<h3>` with `id` referenced by parent `Alert`'s `aria-labelledby` so text is announced as the alert's label. Must be used inside an `Alert`.
  *
  * @example
  * ```tsx
@@ -13,4 +11,7 @@ import type { AlertTitleProps } from './types.js';
  * </Alert>
  * ```
  */
-export declare const AlertTitle: React.ForwardRefExoticComponent<Omit<AlertTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AlertTitle: {
+    ({ ref: forwardedRef, ...props }: AlertTitleProps): React.ReactNode;
+    displayName: string;
+};

package/dist/alert/index.d.cts

@@ -1,7 +1,2 @@
-export * from './Alert.cjs';
-export { AlertTitle } from './AlertTitle.cjs';
-export { AlertDescription } from './AlertDescription.cjs';
-export { AlertIcon } from './AlertIcon.cjs';
-export { AlertClose } from './AlertClose.cjs';
-export { AlertAction } from './AlertAction.cjs';
-export type { AlertProps, AlertTitleProps, AlertDescriptionProps, AlertIconProps, AlertCloseProps, AlertActionProps, } from './types.cjs';
+export { Alert } from './Alert.cjs';
+export type { AlertProps } from './types.cjs';

package/dist/alert/index.d.ts

@@ -1,7 +1,2 @@
-export * from './Alert.js';
-export { AlertTitle } from './AlertTitle.js';
-export { AlertDescription } from './AlertDescription.js';
-export { AlertIcon } from './AlertIcon.js';
-export { AlertClose } from './AlertClose.js';
-export { AlertAction } from './AlertAction.js';
-export type { AlertProps, AlertTitleProps, AlertDescriptionProps, AlertIconProps, AlertCloseProps, AlertActionProps, } from './types.js';
+export { Alert } from './Alert.js';
+export type { AlertProps } from './types.js';

package/dist/alert/primitives.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `Alert` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { AlertAction, AlertClose, AlertDescription, AlertIcon, AlertRoot, AlertTitle } from '@skdx/react/primitives/alert';
+ *
+ * <AlertRoot role="alert" data-status="danger">
+ *   <AlertIcon>⚠️</AlertIcon>
+ *   <AlertTitle>Upload failed</AlertTitle>
+ *   <AlertDescription>The file was larger than 5 MB.</AlertDescription>
+ *   <AlertAction>
+ *     <button type="button">Retry</button>
+ *   </AlertAction>
+ *   <AlertClose>✕</AlertClose>
+ * </AlertRoot>
+ * ```
+ */
+export { AlertRoot } from './Alert.cjs';
+export { AlertTitle } from './AlertTitle.cjs';
+export { AlertDescription } from './AlertDescription.cjs';
+export { AlertIcon } from './AlertIcon.cjs';
+export { AlertClose } from './AlertClose.cjs';
+export { AlertAction } from './AlertAction.cjs';
+export type { AlertRootProps, AlertTitleProps, AlertDescriptionProps, AlertIconProps, AlertCloseProps, AlertActionProps, } from './types.cjs';

package/dist/alert/primitives.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Advanced primitives for `Alert` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { AlertAction, AlertClose, AlertDescription, AlertIcon, AlertRoot, AlertTitle } from '@skdx/react/primitives/alert';
+ *
+ * <AlertRoot role="alert" data-status="danger">
+ *   <AlertIcon>⚠️</AlertIcon>
+ *   <AlertTitle>Upload failed</AlertTitle>
+ *   <AlertDescription>The file was larger than 5 MB.</AlertDescription>
+ *   <AlertAction>
+ *     <button type="button">Retry</button>
+ *   </AlertAction>
+ *   <AlertClose>✕</AlertClose>
+ * </AlertRoot>
+ * ```
+ */
+export { AlertRoot } from './Alert.js';
+export { AlertTitle } from './AlertTitle.js';
+export { AlertDescription } from './AlertDescription.js';
+export { AlertIcon } from './AlertIcon.js';
+export { AlertClose } from './AlertClose.js';
+export { AlertAction } from './AlertAction.js';
+export type { AlertRootProps, AlertTitleProps, AlertDescriptionProps, AlertIconProps, AlertCloseProps, AlertActionProps, } from './types.js';

package/dist/alert/types.d.cts

@@ -1,3 +1,4 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 /** @internal Shared title/description ids and dismissal callback distributed from {@link Alert} to its parts via context. Not part of the public API. */
 export interface AlertContextValue {
@@ -7,35 +8,94 @@ export interface AlertContextValue {
     setHasTitle: (present: boolean) => void;
     /** Reports whether an {@link AlertDescription} is mounted, so the root only emits `aria-describedby` when there is something to point at. */
     setHasDescription: (present: boolean) => void;
+    /** Accessible name for {@link AlertClose}, from the root's `closeLabel`. */
+    closeLabel: string;
     onOpenChange: (open: boolean) => void;
 }
-/** Props for the {@link Alert} root. */
-export interface AlertProps extends PrimitivePropsWithRef<'div'> {
+/**
+ * Props for the {@link Alert} recipe. No `asChild`: the recipe always wraps its
+ * children in the derived anatomy, so `Slot` would never receive the single
+ * element it needs. Reach for `primitives/alert`'s headless `AlertRoot` for that.
+ */
+export interface AlertProps extends Omit<PrimitivePropsWithRef<'div'>, 'asChild'> {
+    /**
+     * The alert's accessible name, rendered into the derived `AlertTitle` and
+     * pointed at by `aria-labelledby`. A string, not a node.
+     * @default undefined
+     */
+    title?: string | undefined;
+    /**
+     * The alert's supporting text, rendered into the derived `AlertDescription` part
+     * and pointed at by the root's `aria-describedby`.
+     * @default undefined — no description part is rendered.
+     */
+    description?: React.ReactNode | undefined;
+    /**
+     * Decorative glyph rendered into the derived `AlertIcon` part, always `aria-hidden`.
+     * Consumer supplies content; position is derived.
+     * @default undefined
+     */
+    icon?: React.ReactNode | undefined;
+    /**
+     * Buttons and links responding to the alert ("Retry", "View details"),
+     * rendered into the derived `AlertAction` part after the description.
+     * @default undefined — no action part is rendered.
+     */
+    action?: React.ReactNode | undefined;
+    /**
+     * Renders the derived `AlertClose` part — a `type="button"` dismiss control named
+     * by `closeLabel`.
+     * @default false
+     */
+    dismissible?: boolean | undefined;
     /**
      * `"status"` (default) is a polite live region for informational banners.
      * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
      * @default 'status'
      */
-    role?: 'status' | 'alert';
+    role?: 'status' | 'alert' | undefined;
     /**
      * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
      * only reports the request and the Alert never hides itself.
      * @default undefined — uncontrolled, seeded from `defaultOpen`.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
-     * Initial visibility, for uncontrolled usage. Defaults to `true`, so an
-     * Alert with no dismissal wiring renders exactly as it always has.
+     * Initial visibility, used only when the alert is uncontrolled.
      * @default true
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
+    /**
+     * Fires when visibility changes, typically `false` when `AlertClose` is activated.
+     * Fires controlled or uncontrolled.
+     * @default undefined
+     */
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /**
+     * Accessible name for {@link AlertClose}, an icon-only button with no visible text.
+     * Lives on the root, not the part. `aria-label` on `AlertClose` overrides.
+     * @default 'Dismiss'
+     */
+    closeLabel?: string | undefined;
+    /**
+     * Whether `Escape` dismisses the alert while focus is inside it. Opt-in;
+     * when enabled, focus restores to the nearest focusable element before the alert.
+     * @default false
+     */
+    dismissOnEscape?: boolean | undefined;
+    /**
+     * Severity rung the skin colours the alert by, mirrored to `data-status`.
+     * @default undefined — the skin's own neutral styling.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
     /**
-     * Fires with the new visibility whenever it changes — in practice `false`,
-     * when `AlertClose` is activated. Fires controlled or not.
-     * @default undefined — no-op if omitted.
+     * Visual weight rung the skin reads, mirrored to `data-variant` on the root.
+     * @default undefined — the skin's own default weight.
      */
-    onOpenChange?: (open: boolean) => void;
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 }
+/** Props for {@link AlertRoot}: {@link AlertProps} minus the derived-anatomy-only props. */
+export type AlertRootProps = Omit<AlertProps, 'title' | 'description' | 'icon' | 'action' | 'dismissible'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;
 /** Props for {@link AlertClose}, the dismiss button — renders a `<button type="button">` with a default `aria-label` of `"Dismiss"`. */
 export interface AlertCloseProps extends PrimitivePropsWithRef<'button'> {
 }

package/dist/alert/types.d.ts

@@ -1,3 +1,4 @@
+import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /** @internal Shared title/description ids and dismissal callback distributed from {@link Alert} to its parts via context. Not part of the public API. */
 export interface AlertContextValue {
@@ -7,35 +8,94 @@ export interface AlertContextValue {
     setHasTitle: (present: boolean) => void;
     /** Reports whether an {@link AlertDescription} is mounted, so the root only emits `aria-describedby` when there is something to point at. */
     setHasDescription: (present: boolean) => void;
+    /** Accessible name for {@link AlertClose}, from the root's `closeLabel`. */
+    closeLabel: string;
     onOpenChange: (open: boolean) => void;
 }
-/** Props for the {@link Alert} root. */
-export interface AlertProps extends PrimitivePropsWithRef<'div'> {
+/**
+ * Props for the {@link Alert} recipe. No `asChild`: the recipe always wraps its
+ * children in the derived anatomy, so `Slot` would never receive the single
+ * element it needs. Reach for `primitives/alert`'s headless `AlertRoot` for that.
+ */
+export interface AlertProps extends Omit<PrimitivePropsWithRef<'div'>, 'asChild'> {
+    /**
+     * The alert's accessible name, rendered into the derived `AlertTitle` and
+     * pointed at by `aria-labelledby`. A string, not a node.
+     * @default undefined
+     */
+    title?: string | undefined;
+    /**
+     * The alert's supporting text, rendered into the derived `AlertDescription` part
+     * and pointed at by the root's `aria-describedby`.
+     * @default undefined — no description part is rendered.
+     */
+    description?: React.ReactNode | undefined;
+    /**
+     * Decorative glyph rendered into the derived `AlertIcon` part, always `aria-hidden`.
+     * Consumer supplies content; position is derived.
+     * @default undefined
+     */
+    icon?: React.ReactNode | undefined;
+    /**
+     * Buttons and links responding to the alert ("Retry", "View details"),
+     * rendered into the derived `AlertAction` part after the description.
+     * @default undefined — no action part is rendered.
+     */
+    action?: React.ReactNode | undefined;
+    /**
+     * Renders the derived `AlertClose` part — a `type="button"` dismiss control named
+     * by `closeLabel`.
+     * @default false
+     */
+    dismissible?: boolean | undefined;
     /**
      * `"status"` (default) is a polite live region for informational banners.
      * Use `"alert"` for assertive, time-critical messages (WAI-ARIA alert role).
      * @default 'status'
      */
-    role?: 'status' | 'alert';
+    role?: 'status' | 'alert' | undefined;
     /**
      * Controlled visibility. Pair with `onOpenChange`; while defined, `AlertClose`
      * only reports the request and the Alert never hides itself.
      * @default undefined — uncontrolled, seeded from `defaultOpen`.
      */
-    open?: boolean;
+    open?: boolean | undefined;
     /**
-     * Initial visibility, for uncontrolled usage. Defaults to `true`, so an
-     * Alert with no dismissal wiring renders exactly as it always has.
+     * Initial visibility, used only when the alert is uncontrolled.
      * @default true
      */
-    defaultOpen?: boolean;
+    defaultOpen?: boolean | undefined;
+    /**
+     * Fires when visibility changes, typically `false` when `AlertClose` is activated.
+     * Fires controlled or uncontrolled.
+     * @default undefined
+     */
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    /**
+     * Accessible name for {@link AlertClose}, an icon-only button with no visible text.
+     * Lives on the root, not the part. `aria-label` on `AlertClose` overrides.
+     * @default 'Dismiss'
+     */
+    closeLabel?: string | undefined;
+    /**
+     * Whether `Escape` dismisses the alert while focus is inside it. Opt-in;
+     * when enabled, focus restores to the nearest focusable element before the alert.
+     * @default false
+     */
+    dismissOnEscape?: boolean | undefined;
+    /**
+     * Severity rung the skin colours the alert by, mirrored to `data-status`.
+     * @default undefined — the skin's own neutral styling.
+     */
+    status?: 'info' | 'success' | 'warning' | 'danger' | (string & {}) | undefined;
     /**
-     * Fires with the new visibility whenever it changes — in practice `false`,
-     * when `AlertClose` is activated. Fires controlled or not.
-     * @default undefined — no-op if omitted.
+     * Visual weight rung the skin reads, mirrored to `data-variant` on the root.
+     * @default undefined — the skin's own default weight.
      */
-    onOpenChange?: (open: boolean) => void;
+    variant?: 'solid' | 'outline' | (string & {}) | undefined;
 }
+/** Props for {@link AlertRoot}: {@link AlertProps} minus the derived-anatomy-only props. */
+export type AlertRootProps = Omit<AlertProps, 'title' | 'description' | 'icon' | 'action' | 'dismissible'> & Pick<PrimitivePropsWithRef<'div'>, 'asChild'>;
 /** Props for {@link AlertClose}, the dismiss button — renders a `<button type="button">` with a default `aria-label` of `"Dismiss"`. */
 export interface AlertCloseProps extends PrimitivePropsWithRef<'button'> {
 }

package/dist/angle-slider/AngleSlider.cjs

@@ -1 +1,2 @@
-"use strict";var me=Object.create;var b=Object.defineProperty;var ue=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var fe=Object.getPrototypeOf,ce=Object.prototype.hasOwnProperty;var pe=(e,r)=>{for(var n in r)b(e,n,{get:r[n],enumerable:!0})},O=(e,r,n,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of ge(r))!ce.call(e,a)&&a!==n&&b(e,a,{get:()=>r[a],enumerable:!(i=ue(r,a))||i.enumerable});return e};var k=(e,r,n)=>(n=e!=null?me(fe(e)):{},O(r||!e||!e.__esModule?b(n,"default",{value:e,enumerable:!0}):n,e)),Se=e=>O(b({},"__esModule",{value:!0}),e);var Me={};pe(Me,{AngleSlider:()=>R,AngleSliderMark:()=>w,AngleSliderMarks:()=>T,AngleSliderThumb:()=>C});module.exports=Se(Me);var c=k(require("react"),1),$=require("../utils/composeRefs.cjs"),U=require("../utils/createContext.cjs"),h=require("../utils/direction.cjs"),W=require("../utils/part.cjs"),p=require("../utils/primitive.cjs"),I=require("../utils/useControllableState.cjs"),z=require("../utils/usePointerAngle.cjs"),M=require("react/jsx-runtime"),Ae="[data-skdx-angle-slider-mark]",Pe=10,ye=45,be=3,ke={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function S(e){return(e%360+360)%360}function he(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function ve(e){if(!e)return[];let r=Array.from(e.querySelectorAll(Ae),n=>Number(n.getAttribute("data-value"))).filter(n=>Number.isFinite(n));return[...new Set(r.map(S))].sort((n,i)=>n-i)}function _(e,r){let n=e[0],i=1/0;for(let a of e){let A=Math.abs(a-r),P=Math.min(A,360-A);P<i&&(i=P,n=a)}return n}var[xe,m]=(0,U.createSafeContext)("AngleSlider"),R=c.forwardRef((e,r)=>{let{value:n,defaultValue:i=0,onValueChange:a,onValueCommit:A,onValueChangeEnd:P,step:s=1,disabled:u=!1,readOnly:y=!1,restrictToMarks:D=!1,...g}=e,[l=0,ne]=(0,I.useControllableState)({prop:n,defaultProp:i,onChange:a}),E=c.useRef(null),te=(0,$.useComposedRefs)(r,E),ae=(0,h.useDirection)(),H=!u&&!y,V=c.useRef(l);V.current=l;let K=()=>D?ve(E.current):[],f=o=>{let d=K(),t=S(o);ne(d.length?_(d,t):S(he(t,s)))},{onPointerDown:oe,dragging:N}=(0,z.usePointerAngle)({step:D?0:s,onAngleChange:o=>f(o),onAngleChangeEnd:()=>(A??P)?.(V.current)}),ie=o=>{let d=(0,h.directionalKey)(o.key,o.currentTarget,ae),t=K();if(d==="Home"||d==="End"){o.preventDefault();let x=s>0?Math.floor(359/s)*s:359;f(d==="Home"?t.length?t[0]:0:t.length?t[t.length-1]:x);return}let v=ke[d];if(v===void 0)return;o.preventDefault();let L=d==="PageUp"||d==="PageDown";if(t.length){let x=t.indexOf(_(t,l)),se=v*(L||o.shiftKey?be:1);f(t[((x+se)%t.length+t.length)%t.length]);return}let de=s>0?s:1;f(l+v*(L?ye:o.shiftKey?Pe:de))},le={"--skdx-angle-slider-angle":`${l}deg`,touchAction:"none",...g.style};return(0,M.jsx)(xe,{value:l,step:s,disabled:u,readOnly:y,dragging:N,children:(0,M.jsx)(p.Primitive.div,{role:"slider","aria-valuemin":0,"aria-valuemax":360,"aria-valuenow":l,"aria-valuetext":`${l}\xB0`,"aria-disabled":u||void 0,"aria-readonly":y||void 0,tabIndex:u?-1:0,"data-value":l,"data-disabled":u?"":void 0,"data-readonly":y?"":void 0,"data-dragging":N?"":void 0,...g,...(0,W.skdxPart)("angle-slider","root",g.className),ref:te,onKeyDown:(0,p.composeEventHandlers)(g.onKeyDown,o=>{H&&ie(o)}),onPointerDown:(0,p.composeEventHandlers)(g.onPointerDown,o=>{H&&oe(o)}),style:le})})});R.displayName="AngleSlider";var F=k(require("react"),1),q=require("../utils/part.cjs"),G=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),C=F.forwardRef((e,r)=>{let n=m("AngleSliderThumb");return(0,J.jsx)(G.Primitive.div,{"aria-hidden":!0,"data-value":n.value,"data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,"data-dragging":n.dragging?"":void 0,...e,...(0,q.skdxPart)("angle-slider","thumb",e.className),ref:r})});C.displayName="AngleSliderThumb";var Y=k(require("react"),1),B=require("../utils/part.cjs"),Q=require("../utils/primitive.cjs");var X=require("react/jsx-runtime"),T=Y.forwardRef((e,r)=>{let n=m("AngleSliderMarks");return(0,X.jsx)(Q.Primitive.div,{"data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,...e,...(0,B.skdxPart)("angle-slider","marks",e.className),ref:r})});T.displayName="AngleSliderMarks";var Z=k(require("react"),1),j=require("../utils/part.cjs"),ee=require("../utils/primitive.cjs");var re=require("react/jsx-runtime"),w=Z.forwardRef(({value:e,...r},n)=>{let i=m("AngleSliderMark"),a=S(e);return(0,re.jsx)(ee.Primitive.div,{"data-skdx-angle-slider-mark":"","data-value":a,"data-state":i.value===a?"active":"inactive","data-disabled":i.disabled?"":void 0,"data-readonly":i.readOnly?"":void 0,...r,...(0,j.skdxPart)("angle-slider","mark",r.className),ref:n,style:{"--skdx-angle-slider-mark-angle":`${a}deg`,...r.style}})});w.displayName="AngleSliderMark";0&&(module.exports={AngleSlider,AngleSliderMark,AngleSliderMarks,AngleSliderThumb});
+'use client';
+"use strict";var be=Object.create;var h=Object.defineProperty;var Pe=Object.getOwnPropertyDescriptor;var ke=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Re=(e,r)=>{for(var t in r)h(e,t,{get:r[t],enumerable:!0})},U=(e,r,t,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let l of ke(r))!ve.call(e,l)&&l!==t&&h(e,l,{get:()=>r[l],enumerable:!(n=Pe(r,l))||n.enumerable});return e};var xe=(e,r,t)=>(t=e!=null?be(he(e)):{},U(r||!e||!e.__esModule?h(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>U(h({},"__esModule",{value:!0}),e);var Ne={};Re(Ne,{AngleSlider:()=>N,AngleSliderMark:()=>v,AngleSliderMarks:()=>R,AngleSliderProvider:()=>ie,AngleSliderThumb:()=>x,MARK_SELECTOR:()=>oe,nearestMark:()=>w,normalizeAngle:()=>m,readMarks:()=>le,useAngleSliderContext:()=>f});module.exports=Me(Ne);var g=xe(require("react"),1),Z=require("../utils/composeRefs.cjs"),j=require("../utils/createContext.cjs"),ee=require("../utils/formControl.cjs"),re=require("../utils/hiddenInput.cjs"),te=require("../utils/part.cjs"),S=require("../utils/primitive.cjs"),ne=require("../utils/useControllableState.cjs"),ae=require("../utils/usePointerAngle.cjs");var W=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),v=({value:e,ref:r,...t})=>{let n=f("AngleSliderMark"),l=m(e);return(0,J.jsx)(F.Primitive.div,{"data-skdx-angle-slider-mark":"","data-value":l,"data-state":n.value===l?"active":"inactive","data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,...t,...(0,W.skdxPart)("angle-slider","mark",t.className),ref:r,style:{"--skdx-angle-slider-mark-angle":`${l}deg`,...t.style}})};v.displayName="AngleSliderMark";var z=require("../utils/part.cjs"),X=require("../utils/primitive.cjs");var q=require("react/jsx-runtime"),R=({ref:e,...r})=>{let t=f("AngleSliderMarks");return(0,q.jsx)(X.Primitive.div,{"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...r,...(0,z.skdxPart)("angle-slider","marks",r.className),ref:e})};R.displayName="AngleSliderMarks";var G=require("../utils/part.cjs"),Y=require("../utils/primitive.cjs");var B=require("react/jsx-runtime"),x=({ref:e,...r})=>{let t=f("AngleSliderThumb");return(0,B.jsx)(Y.Primitive.div,{"aria-hidden":!0,"data-value":t.value,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-dragging":t.dragging?"":void 0,...r,...(0,G.skdxPart)("angle-slider","thumb",r.className),ref:e})};x.displayName="AngleSliderThumb";var u=require("react/jsx-runtime"),Q=({marks:e})=>(0,u.jsxs)(u.Fragment,{children:[e&&e.length>0?(0,u.jsx)(R,{children:e.map(r=>(0,u.jsx)(v,{value:r.value,children:r.label},r.value))}):null,(0,u.jsx)(x,{})]});var p=require("react/jsx-runtime"),oe="[data-skdx-angle-slider-mark]",Ce=10,De=45,Ee=3,Te={ArrowRight:1,ArrowUp:1,ArrowLeft:-1,ArrowDown:-1,PageUp:1,PageDown:-1};function m(e){return(e%360+360)%360}function Ve(e,r){return r<=0?e:Math.round(Math.round(e/r)*r*1e6)/1e6}function le(e){if(!e)return[];let r=Array.from(e.querySelectorAll(oe),t=>Number(t.getAttribute("data-value"))).filter(t=>Number.isFinite(t));return[...new Set(r.map(m))].sort((t,n)=>t-n)}function w(e,r){let t=e[0],n=1/0;for(let l of e){let P=Math.abs(l-r),i=Math.min(P,360-P);i<n&&(n=i,t=l)}return t}function we(e,r,t){return{"aria-disabled":e||void 0,"aria-readonly":r||void 0,tabIndex:e?-1:0,"data-disabled":e?"":void 0,"data-readonly":r?"":void 0,"data-dragging":t?"":void 0}}var[ie,f]=(0,j.createSafeContext)("AngleSlider"),N=({ref:e,...r})=>{let{value:t,defaultValue:n=0,onValueChange:l,onValueCommit:P,step:i=1,disabled:k=!1,readOnly:M=!1,restrictToMarks:H=!1,formatValue:de,name:K,form:se,marks:me,children:ue,...A}=r,C=g.useRef("programmatic"),D=g.useRef(null),[d=0,O]=(0,ne.useControllableState)({prop:t,defaultProp:n,onChange:a=>l?.({value:a,previousValue:D.current,reason:C.current})}),E=g.useRef(null),fe=(0,Z.useComposedRefs)(e,E),I=!k&&!M,y=g.useRef(d);g.useInsertionEffect(()=>{y.current=d});let L=()=>H?le(E.current):[];(0,ee.useFormReset)(E,()=>{y.current!==m(n)&&(C.current="programmatic",D.current=y.current,O(m(n)))});let b=(a,s)=>{let o=L(),c=m(a);C.current=s,D.current=y.current,O(o.length?w(o,c):m(Ve(c,i)))},{onPointerDown:ge,dragging:_}=(0,ae.usePointerAngle)({step:H?0:i,onAngleChange:a=>b(a,"pointer"),onAngleChangeEnd:()=>P?.(y.current)}),ce=a=>{let s=a.key,o=L();if(s==="Home"||s==="End"){a.preventDefault();let V=i>0?Math.floor(359/i)*i:359;b(s==="Home"?o.length?o[0]:0:o.length?o[o.length-1]:V,"keyboard");return}let c=Te[s];if(c===void 0)return;a.preventDefault();let $=s==="PageUp"||s==="PageDown";if(o.length){let V=o.indexOf(w(o,d)),ye=c*($||a.shiftKey?Ee:1);b(o[((V+ye)%o.length+o.length)%o.length],"keyboard");return}let T=i>0?i:1;$?T=De:a.shiftKey&&(T=Ce),b(d+c*T,"keyboard")},pe=i>0?Math.floor(359/i)*i:359,Se=de?.(d)||`${d}\xB0`,Ae={"--skdx-angle-slider-angle":`${d}deg`,touchAction:"none",...A.style};return(0,p.jsxs)(ie,{value:d,step:i,disabled:k,readOnly:M,dragging:_,children:[(0,p.jsx)(S.Primitive.div,{role:"slider","aria-valuemin":0,"aria-valuemax":pe,"aria-valuenow":d,"aria-valuetext":Se,"data-value":d,...we(k,M,_),...A,...(0,te.skdxPart)("angle-slider","root",A.className),ref:fe,onKeyDown:(0,S.useComposedEventHandlers)(A.onKeyDown,a=>{I&&ce(a)}),onPointerDown:(0,S.composeEventHandlers)(A.onPointerDown,a=>{I&&ge(a)}),style:Ae,children:ue??(0,p.jsx)(Q,{marks:me})}),K?(0,p.jsx)(re.HiddenInput,{type:"hidden",name:K,value:d,disabled:k,form:se}):null]})};N.displayName="AngleSlider";0&&(module.exports={AngleSlider,AngleSliderMark,AngleSliderMarks,AngleSliderProvider,AngleSliderThumb,MARK_SELECTOR,nearestMark,normalizeAngle,readMarks,useAngleSliderContext});