@devslab/dds-react 0.0.0-stage → 0.20.0

package/LICENSE

@@ -0,0 +1,74 @@
+DevsLab Source-Available License 1.0
+
+Copyright (c) 2026 DevsLab. All rights reserved.
+
+This license governs the DDS software, design tokens, components, icons,
+documentation, and other materials distributed with this license (the
+"Software").
+
+1. Permitted use
+
+Subject to this license, DevsLab grants you a limited, worldwide,
+non-exclusive, non-transferable, revocable, royalty-free right to:
+
+- download and install unmodified copies of the Software;
+- use and execute the Software for internal or commercial applications;
+- compile, minify, tree-shake, and bundle unmodified Software solely as a
+  technical part of building an application; and
+- distribute the resulting object code only as an inseparable part of that
+  application and not as a standalone library, design system, component kit,
+  template, or asset collection.
+
+Normal application configuration through documented public APIs, design-token
+overrides, CSS custom properties, and component properties is permitted and is
+not considered modification of the Software.
+
+2. Restrictions
+
+Except where applicable law does not allow the restriction, you may not:
+
+- modify, adapt, translate, reverse engineer, or create derivative works of the
+  Software itself;
+- publish, republish, sublicense, sell, rent, host, or redistribute the
+  Software or any modified version as a standalone package or downloadable
+  collection;
+- use the Software or a substantial portion of it to create or operate a
+  competing general-purpose design system, UI kit, component library, icon
+  library, token library, template marketplace, or hosted equivalent;
+- remove or alter copyright, license, attribution, or provenance notices; or
+- use DevsLab names, logos, product marks, or trade dress except to make a
+  truthful statement that an application uses the Software.
+
+No patent, trademark, design, or branding rights are granted except the
+copyright permissions stated in Section 1.
+
+3. Ownership and feedback
+
+The Software is licensed, not sold. DevsLab and its licensors retain all
+right, title, and interest in the Software. You grant DevsLab a perpetual,
+worldwide, irrevocable, royalty-free right to use feedback you voluntarily
+provide about the Software.
+
+4. Termination
+
+This license terminates automatically if you breach it. Upon termination, you
+must stop using and distributing the Software and delete all copies under your
+control. Sections 2, 3, 5, and 6 survive termination.
+
+5. Disclaimer and limitation of liability
+
+THE SOFTWARE IS PROVIDED "AS IS" WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING MERCHANTABILITY, FITNESS FOR A PARTICULAR
+PURPOSE, TITLE, AND NON-INFRINGEMENT. TO THE MAXIMUM EXTENT PERMITTED BY LAW,
+DEVSLAB WILL NOT BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL,
+CONSEQUENTIAL, EXEMPLARY, OR PUNITIVE DAMAGES, OR FOR LOSS OF DATA, PROFITS,
+REVENUE, OR BUSINESS, ARISING FROM OR RELATED TO THE SOFTWARE.
+
+6. Governing law
+
+This license is governed by the laws of the Republic of Korea, excluding
+conflict-of-law rules. The Seoul Central District Court has exclusive
+jurisdiction over disputes arising from this license.
+
+This is a source-available license, not an open-source license approved by the
+Open Source Initiative.

package/README.ko.md

@@ -0,0 +1,28 @@
+# DDS React
+
+Ark UI 5.39.3과 DDS 토큰·CSS·아이콘을 사용하는 React 접근성 컴포넌트입니다. React/React DOM 18.3 또는 19를 peer dependency로 사용합니다.
+
+```tsx
+import '@devslab/dds-react/styles.css';
+import { Button, Field, Select, Dialog } from '@devslab/dds-react';
+
+<Field label="국가" helpText="국가를 선택하세요">
+  {control => <Select {...control} defaultValue="kr"><option value="kr">한국</option></Select>}
+</Field>
+<Button onClick={() => setOpen(true)}>편집</Button>
+<Dialog open={open} onOpenChange={setOpen} title="국가 편집">
+  <Button onClick={() => setOpen(false)}>완료</Button>
+</Dialog>
+```
+
+Button, IconButton, Field, Checkbox, Radio, Select, Switch, RadioGroup, Dialog, Tabs/TabList/Tab/TabPanel, Tooltip, Icon, ToastProvider/useToast, ConsoleShell 및 props 타입을 제공합니다. 모든 제품 문구와 접근성 이름은 호출자가 전달합니다.
+
+React DOM 속성(`className`, `htmlFor`, `onChange`)과 객체/콜백 ref를 사용합니다. Checkbox/Radio/Switch는 `checked`, `defaultChecked`, `onCheckedChange(boolean)`을 지원하고, Select는 네이티브 value/onChange를 사용합니다. RadioGroup은 label/options와 value/defaultValue/onValueChange(string)을 받습니다. Tabs는 Ark 옵션과 onValueChange(string)을 지원합니다.
+
+Dialog는 기본적으로 portal을 사용하며 Ark가 중첩 모달, 포커스 복원, Escape, 스크롤 잠금을 관리합니다. `portal={false}`로 SSR 열린 콘텐츠를 인라인 렌더링할 수 있습니다. `contentProps`, `actions`, `frame`, `initialFocus`, `finalFocus`, `unstyled`와 Ark root 옵션을 제공합니다. Solid의 커스텀 additionalFocusContainers는 모방하지 않습니다. 고급 구성은 ArkDialog/ArkTabs/ArkTooltip/ArkRadioGroup/ArkCheckbox/ArkSwitch/ArkField/ArkToast 네임스페이스를 사용하세요.
+
+Tooltip은 하나의 포커스 가능한 요소 또는 trigger props를 받는 render 함수를 사용합니다. ToastProvider의 regionLabel/dismissLabel은 호출자가 지정합니다. dismissLabel이 없으면 닫기 버튼이 없습니다. useToast는 show/dismiss/clear를 반환하며 duration 0은 유지됩니다. 언마운트 때 알림을 정리합니다.
+
+ConsoleShell은 brand/nav/header/labels/foot을 받으며 인스턴스별 고유 ID를 사용합니다. 브라우저 전역 없이 import와 SSR이 가능하고, React useId로 hydration 연결을 유지합니다. Solid accessor/ref/render 방식 대신 React JSX/ref와 Ark asChild 요소 구성을 사용합니다. AG Grid는 별도 패키지 `@devslab/dds-table-react`입니다.
+
+ESM, 타입 선언 및 명시적 CSS export를 제공합니다. React/React DOM/Ark를 번들에 복제하지 않습니다. 라이선스는 저장소와 동일한 포함 LICENSE를 확인하세요. 상세 API는 영문 README를 참고하세요.

package/README.md

@@ -1,3 +1,34 @@
-# Temporary Holding Version
+# DDS React
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+Accessible React primitives using Ark UI 5.39.3 and shared DDS tokens, CSS and icons. React and React DOM are peers (18.3 or 19). Import CSS once in the application:
+
+```tsx
+import '@devslab/dds-react/styles.css';
+import { Button, Field, Select, Dialog, Tabs, TabList, Tab, TabPanel } from '@devslab/dds-react';
+
+<Field label="Country" helpText="Choose a country">
+  {control => <Select {...control} defaultValue="kr"><option value="kr">Korea</option></Select>}
+</Field>
+<Button tone="primary" onClick={() => setOpen(true)}>Edit</Button>
+<Dialog open={open} onOpenChange={setOpen} title="Edit country" description="Changes apply to your profile">
+  <Button onClick={() => setOpen(false)}>Done</Button>
+</Dialog>
+<Tabs defaultValue="overview">
+  <TabList aria-label="Sections"><Tab value="overview">Overview</Tab></TabList>
+  <TabPanel value="overview">Content</TabPanel>
+</Tabs>
+```
+
+Exports: `Button`, `IconButton`, `Field`, `Checkbox`, `Radio`, `Select`, `Switch`, `RadioGroup`, `Dialog`, `Tabs`, `TabList`, `Tab`, `TabPanel`, `Tooltip`, `Icon`, `ToastProvider`, `useToast`, `ConsoleShell`, and their prop types. Labels, tooltip messages, dialog titles and notification copy come from the caller. There is no translated fallback copy.
+
+Native DOM attributes use React spelling (`className`, `htmlFor`, `onChange`). DOM components accept React object or callback refs; Select refs target its select and Dialog refs target content. Button defaults to `type="button"`; loading prevents activation and preserves its name. Checkbox, Radio and Switch accept `checked`/`defaultChecked`, `onCheckedChange(boolean)` and native input attributes. Select uses native `value`/`defaultValue` and `onChange`. RadioGroup takes `label` and `options: { value, label, disabled? }[]`, with `value`/`defaultValue` and `onValueChange(string)`.
+
+Tabs extends Ark root options, with `onValueChange(string)`; parts accept normal Ark DOM props including `asChild`. Dialog accepts Ark root options with `onOpenChange(boolean)`, `closeOnOutside`, `initialFocus`, `finalFocus`, `contentProps`, `actions`, `frame(parts)` and `unstyled`. Dialog portals by default; use `portal={false}` for inline markup, including open SSR content. Ark owns nested modal isolation, focus, Escape handling and scroll locking. Additional focus containers from the Solid package are not emulated; use Ark `persistentElements` and `modal`/`trapFocus` according to application needs.
+
+Tooltip accepts one element child (Ark `asChild`) or a render function receiving native button trigger props. Use a focusable trigger and preserve the supplied events. `ToastProvider` accepts optional caller `regionLabel` and `dismissLabel` (string or record-to-string function); without `dismissLabel` it renders no close button. `useToast()` returns `show({ message, tone?, duration? })`, `dismiss(id)`, and `clear()`; duration 0 persists. Providers clear their notifications on unmount.
+
+Advanced compositional parts are exported as `ArkDialog`, `ArkTabs`, `ArkTooltip`, `ArkRadioGroup`, `ArkCheckbox`, `ArkSwitch`, `ArkField`, and `ArkToast`. They are the pinned upstream Ark namespaces, useful inside convenience component children or for application-owned composition.
+
+ConsoleShell accepts caller brand/navigation/header/labels/foot slots and unique per-instance landmark IDs. Its rail uses caller route state; no router or business store is included. Imports and server rendering require no browser globals; client-only effects start after mounting. React `useId` keeps label associations stable through hydration. React JSX, React refs and Ark `asChild` element composition differ from Solid render callbacks/accessors. The grid is a separate dependency: use `@devslab/dds-table-react` for AG Grid.
+
+ESM and declarations are shipped; React, React DOM and Ark remain external to the DDS bundle. This package is source-available under the included LICENSE, matching the DDS repository.

package/dist/console-shell.d.ts

@@ -0,0 +1,44 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface ConsoleNavItem {
+    id: string;
+    href: string;
+    label: string;
+    badge?: number;
+    active?: boolean;
+}
+export interface ConsoleNavGroup {
+    label: string;
+    items: readonly ConsoleNavItem[];
+}
+export interface ConsoleShellLabels {
+    skip: string;
+    menuOpen: string;
+    menuClose: string;
+    nav: string;
+    badge: string;
+}
+export interface ConsoleHeader {
+    eyebrow?: string;
+    title: string;
+    actions?: ReactNode;
+}
+export interface ConsoleShellProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "context"> {
+    surface: string;
+    activePath: string;
+    brand: {
+        href: string;
+        name: string;
+        mark: string;
+    };
+    context?: readonly {
+        label: string;
+        value: string;
+    }[];
+    nav: readonly ConsoleNavGroup[];
+    labels: ConsoleShellLabels;
+    header: ConsoleHeader;
+    foot?: ReactNode;
+    children: ReactNode;
+}
+export declare const ConsoleShell: import("react").ForwardRefExoticComponent<ConsoleShellProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=console-shell.d.ts.map

package/dist/console-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"console-shell.d.ts","sourceRoot":"","sources":["../src/console-shell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;CAClC;AACD,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AACD,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AACD,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IACpE,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,OAAO,CAAC,EAAE,SAAS;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACtD,GAAG,EAAE,SAAS,eAAe,EAAE,CAAC;IAChC,MAAM,EAAE,kBAAkB,CAAC;IAC3B,MAAM,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AASD,eAAO,MAAM,YAAY,8GA8IxB,CAAC"}

package/dist/controls.d.ts

@@ -0,0 +1,45 @@
+import { type ButtonHTMLAttributes, type InputHTMLAttributes, type SelectHTMLAttributes, type HTMLAttributes, type ReactNode } from "react";
+export declare const classes: (...values: (string | false | undefined)[]) => string;
+export type ButtonTone = "primary" | "secondary" | "ghost" | "danger";
+export type ControlSize = "sm" | "md" | "lg";
+export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    tone?: ButtonTone;
+    size?: ControlSize;
+    loading?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface IconButtonProps extends Omit<ButtonProps, "tone"> {
+    "aria-label": string;
+    tone?: "ghost" | "secondary" | "danger";
+}
+export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface FieldControlProps {
+    id: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: true;
+    "aria-required"?: true;
+}
+export interface FieldProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    label: ReactNode;
+    helpText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    children: ReactNode | ((props: FieldControlProps) => ReactNode);
+}
+export declare const Field: import("react").ForwardRefExoticComponent<FieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
+    invalid?: boolean;
+    wrapperClassName?: string;
+}
+export declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "children"> {
+    label: ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
+    inputClassName?: string;
+}
+export type RadioProps = CheckboxProps;
+export type SwitchProps = CheckboxProps;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Switch: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Radio: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=controls.d.ts.map

package/dist/controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controls.d.ts","sourceRoot":"","sources":["../src/controls.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EACxB,KAAK,oBAAoB,EACzB,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAIf,eAAO,MAAM,OAAO,cAAe,CAAC,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC,EAAE,WAC/B,CAAC;AACnC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AACtE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AACD,eAAO,MAAM,MAAM,2GAiClB,CAAC;AACF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC;IAChE,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,WAAW,GAAG,QAAQ,CAAC;CACzC;AACD,eAAO,MAAM,UAAU,+GAgCtB,CAAC;AACF,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,IAAI,CAAC;CACxB;AACD,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC,CAAC;CACjE;AACD,eAAO,MAAM,KAAK,uGA2DhB,CAAC;AACH,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,MAAM,2GAkBlB,CAAC;AACF,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACxE,KAAK,EAAE,SAAS,CAAC;IACjB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AACD,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AACvC,MAAM,MAAM,WAAW,GAAG,aAAa,CAAC;AA0ExC,eAAO,MAAM,QAAQ,4GAEpB,CAAC;AACF,eAAO,MAAM,MAAM,4GAElB,CAAC;AACF,eAAO,MAAM,KAAK,4GAoBhB,CAAC"}

package/dist/icon.d.ts

@@ -0,0 +1,10 @@
+import { type SVGProps } from "react";
+import { type DdsIconName } from "@devslab/dds-icons";
+export interface IconProps extends Omit<SVGProps<SVGSVGElement>, "name" | "children"> {
+    name: DdsIconName;
+    label?: string;
+    size?: number | string;
+    directional?: boolean;
+}
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# sourceMappingURL=icon.d.ts.map

package/dist/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../src/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAA0B,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAE9E,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC1D,IAAI,EAAE,WAAW,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,eAAO,MAAM,IAAI,kHA8Bf,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export * from "./controls";
+export * from "./selection";
+export * from "./overlays";
+export * from "./icon";
+export * from "./toast";
+export * from "./console-shell";
+export { Dialog as ArkDialog } from "@ark-ui/react/dialog";
+export { Tabs as ArkTabs } from "@ark-ui/react/tabs";
+export { Tooltip as ArkTooltip } from "@ark-ui/react/tooltip";
+export { RadioGroup as ArkRadioGroup } from "@ark-ui/react/radio-group";
+export { Checkbox as ArkCheckbox } from "@ark-ui/react/checkbox";
+export { Switch as ArkSwitch } from "@ark-ui/react/switch";
+export { Field as ArkField } from "@ark-ui/react/field";
+export { Toast as ArkToast } from "@ark-ui/react/toast";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,KAAK,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/index.js

@@ -0,0 +1,459 @@
+import { createContext as e, forwardRef as t, useContext as n, useEffect as r, useId as i, useMemo as a, useRef as o, useState as s } from "react";
+import { Field as c, Field as l } from "@ark-ui/react/field";
+import { Checkbox as u, Checkbox as d } from "@ark-ui/react/checkbox";
+import { Switch as f, Switch as p } from "@ark-ui/react/switch";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Tabs as _, Tabs as v, useTabsContext as y } from "@ark-ui/react/tabs";
+import { RadioGroup as b, RadioGroup as x, useRadioGroupContext as S } from "@ark-ui/react/radio-group";
+import { Dialog as C, Dialog as w } from "@ark-ui/react/dialog";
+import { Tooltip as T, Tooltip as E } from "@ark-ui/react/tooltip";
+import { Portal as D } from "@ark-ui/react/portal";
+import { directionPolicy as O, icons as k } from "@devslab/dds-icons";
+import { Toast as A, Toast as j, Toaster as M, createToaster as N } from "@ark-ui/react/toast";
+//#region src/controls.tsx
+var P = (...e) => e.filter(Boolean).join(" "), F = t(function({ tone: e = "primary", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
+	return /* @__PURE__ */ g("button", {
+		...s,
+		ref: c,
+		type: i,
+		disabled: r || n,
+		"aria-busy": n || void 0,
+		className: P("dds-btn", `dds-btn--${e}`, t !== "md" && `dds-btn--${t}`, a),
+		children: [n && /* @__PURE__ */ h("span", {
+			className: "dds-spinner",
+			"aria-hidden": !0
+		}), o]
+	});
+}), I = t(function({ tone: e = "ghost", size: t = "md", loading: n, disabled: r, type: i = "button", className: a, children: o, ...s }, c) {
+	return /* @__PURE__ */ h("button", {
+		...s,
+		ref: c,
+		type: i,
+		disabled: r || n,
+		"aria-busy": n || void 0,
+		className: P("dds-iconbtn", e !== "ghost" && `dds-iconbtn--${e}`, t !== "md" && `dds-iconbtn--${t}`, a),
+		children: n ? /* @__PURE__ */ h("span", {
+			className: "dds-spinner",
+			"aria-hidden": !0
+		}) : o
+	});
+}), L = t(function({ id: e, label: t, helpText: n, error: r, required: a, className: o, children: s, ...c }, u) {
+	let d = i(), f = e ?? `dds-field-${d}`, p = {
+		id: f,
+		"aria-describedby": [n && `${f}-help`, r && `${f}-error`].filter(Boolean).join(" ") || void 0,
+		"aria-invalid": r ? !0 : void 0,
+		"aria-required": a ? !0 : void 0
+	};
+	return /* @__PURE__ */ g(l.Root, {
+		...c,
+		ref: u,
+		invalid: !!r,
+		required: a,
+		id: f,
+		ids: {
+			control: `${f}-root`,
+			helperText: `${f}-help`,
+			errorText: `${f}-error`
+		},
+		className: P("dds-field", !!r && "dds-field--error", o),
+		children: [
+			/* @__PURE__ */ g(l.Label, {
+				htmlFor: f,
+				className: "dds-field__label",
+				children: [t, a && /* @__PURE__ */ h("span", {
+					"aria-hidden": !0,
+					children: " *"
+				})]
+			}),
+			typeof s == "function" ? s(p) : s,
+			n && /* @__PURE__ */ h(l.HelperText, {
+				className: "dds-field__help",
+				children: n
+			}),
+			r && /* @__PURE__ */ h(l.ErrorText, {
+				className: "dds-field__error",
+				role: "alert",
+				children: r
+			})
+		]
+	});
+}), R = t(function({ invalid: e, wrapperClassName: t, className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ h("span", {
+		className: P("dds-select", t),
+		children: /* @__PURE__ */ h("select", {
+			...i,
+			ref: a,
+			className: P("dds-select__input", n),
+			"aria-invalid": e || i["aria-invalid"],
+			children: r
+		})
+	});
+}), z = t(function({ kind: e, label: t, checked: n, defaultChecked: r, onCheckedChange: i, id: a, name: o, value: s, disabled: c, required: l, readOnly: u, form: f, className: m, inputClassName: _, onChange: v, ...y }, b) {
+	let x = e === "switch" ? p.Root : d.Root, S = e === "switch" ? p.Label : d.Label, C = e === "switch" ? p.Context : d.Context, w = e === "switch" ? "dds-switch" : "dds-check";
+	return /* @__PURE__ */ g(x, {
+		checked: n,
+		defaultChecked: r,
+		onCheckedChange: (e) => i?.(e.checked === !0),
+		ids: a ? { hiddenInput: a } : void 0,
+		name: o,
+		value: String(s ?? "on"),
+		disabled: c,
+		required: l,
+		readOnly: u,
+		form: f,
+		className: P(w, m),
+		children: [/* @__PURE__ */ h(C, { children: (t) => {
+			let { style: n, defaultChecked: r, ...i } = t.getHiddenInputProps();
+			return /* @__PURE__ */ h("input", {
+				...i,
+				...y,
+				ref: b,
+				checked: t.checked,
+				role: e === "switch" ? "switch" : void 0,
+				onChange: v ?? (() => {}),
+				onClick: (e) => {
+					y.onClick?.(e), e.defaultPrevented || i.onClick?.(e);
+				},
+				className: P(`${w}__input`, _)
+			});
+		} }), /* @__PURE__ */ h(S, { children: t })]
+	});
+}), B = t((e, t) => /* @__PURE__ */ h(z, {
+	...e,
+	kind: "checkbox",
+	ref: t
+})), V = t((e, t) => /* @__PURE__ */ h(z, {
+	...e,
+	kind: "switch",
+	ref: t
+})), H = t(function({ label: e, className: t, inputClassName: n, onCheckedChange: r, onChange: i, ...a }, o) {
+	return /* @__PURE__ */ g("label", {
+		className: P("dds-check", t),
+		children: [/* @__PURE__ */ h("input", {
+			...a,
+			ref: o,
+			type: "radio",
+			className: P("dds-check__input", n),
+			onChange: (e) => {
+				i?.(e), e.defaultPrevented || r?.(e.currentTarget.checked);
+			}
+		}), /* @__PURE__ */ h("span", { children: e })]
+	});
+}), U = t(function({ onValueChange: e, unstyled: t, className: n, ...r }, i) {
+	return /* @__PURE__ */ h(v.Root, {
+		...r,
+		ref: i,
+		onValueChange: (t) => e?.(t.value),
+		className: P(!t && "dds-tabs-root", n)
+	});
+}), W = t(function({ unstyled: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ h(v.List, {
+		...n,
+		ref: r,
+		className: P(!e && "dds-tabs", t)
+	});
+}), G = t(function({ unstyled: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ h(v.Trigger, {
+		...n,
+		ref: r,
+		className: P(!e && "dds-tab", t)
+	});
+}), K = t(function({ value: e, style: t, ...n }, r) {
+	let i = y().value !== e;
+	return /* @__PURE__ */ h(v.Content, {
+		...n,
+		value: e,
+		ref: r,
+		hidden: i,
+		style: i ? {
+			...t,
+			display: "none"
+		} : t
+	});
+});
+function q({ option: e }) {
+	let t = S(), { style: n, defaultChecked: r, ...i } = t.getItemHiddenInputProps(e);
+	return /* @__PURE__ */ h("input", {
+		...i,
+		checked: t.value === e.value,
+		onChange: () => {},
+		className: "dds-check__input"
+	});
+}
+var J = t(function({ options: e, label: t, onValueChange: n, className: r, children: i, ...a }, o) {
+	return /* @__PURE__ */ g(x.Root, {
+		...a,
+		ref: o,
+		onValueChange: (e) => {
+			e.value !== null && n?.(e.value);
+		},
+		className: P("dds-radio-group", r),
+		children: [
+			/* @__PURE__ */ h(x.Label, {
+				className: "dds-field__label",
+				children: t
+			}),
+			e.map((e) => /* @__PURE__ */ g(x.Item, {
+				value: e.value,
+				disabled: e.disabled,
+				className: "dds-check",
+				children: [/* @__PURE__ */ h(q, { option: e }), /* @__PURE__ */ h(x.ItemText, { children: e.label })]
+			}, e.value)),
+			i
+		]
+	});
+}), Y = t(function({ title: e, description: t, children: n, actions: r, onOpenChange: i, closeOnOutside: a, portal: o = !0, className: s, overlayClassName: c, contentProps: l, initialFocus: u, finalFocus: d, frame: f, unstyled: p, ..._ }, v) {
+	let y = {
+		title: /* @__PURE__ */ h(w.Title, {
+			className: p ? void 0 : "dds-dialog__title",
+			children: e
+		}),
+		description: t && /* @__PURE__ */ h(w.Description, {
+			className: p ? void 0 : "dds-dialog__body",
+			children: t
+		}),
+		children: n,
+		actions: r && /* @__PURE__ */ h("div", {
+			className: p ? void 0 : "dds-dialog__actions",
+			children: r
+		})
+	}, b = /* @__PURE__ */ h(w.Positioner, {
+		className: P(!p && "dds-dialog-overlay", c),
+		children: /* @__PURE__ */ h(w.Content, {
+			...l,
+			ref: v,
+			"aria-describedby": t ? l?.["aria-describedby"] : void 0,
+			className: P(!p && "dds-dialog", s, l?.className),
+			children: f ? f(y) : /* @__PURE__ */ g(m, { children: [
+				y.title,
+				y.description,
+				n,
+				y.actions
+			] })
+		})
+	});
+	return /* @__PURE__ */ h(w.Root, {
+		..._,
+		onOpenChange: (e) => i?.(e.open),
+		closeOnInteractOutside: a ?? _.closeOnInteractOutside,
+		initialFocusEl: u ? () => u() ?? null : _.initialFocusEl,
+		finalFocusEl: d ? () => d() ?? null : _.finalFocusEl,
+		lazyMount: !0,
+		unmountOnExit: !0,
+		children: o ? /* @__PURE__ */ h(D, { children: b }) : b
+	});
+});
+function X({ content: e, children: t, onOpenChange: n, className: r, contentProps: i, ...a }) {
+	return /* @__PURE__ */ h(E.Root, {
+		openDelay: 0,
+		closeDelay: 0,
+		...a,
+		onOpenChange: (e) => n?.(e.open),
+		children: /* @__PURE__ */ g("span", {
+			className: P("dds-tooltip", r),
+			children: [typeof t == "function" ? /* @__PURE__ */ h(E.Context, { children: (e) => t(e.getTriggerProps()) }) : /* @__PURE__ */ h(E.Trigger, {
+				asChild: !0,
+				children: t
+			}), /* @__PURE__ */ h(D, { children: /* @__PURE__ */ h(E.Positioner, { children: /* @__PURE__ */ h(E.Content, {
+				...i,
+				className: P("dds-tooltip__bubble", i?.className),
+				children: e
+			}) }) })]
+		})
+	});
+}
+//#endregion
+//#region src/icon.tsx
+var Z = t(function({ name: e, label: t, size: n = 24, directional: r, className: i, ...a }, o) {
+	let s = k[e];
+	return /* @__PURE__ */ g("svg", {
+		...a,
+		ref: o,
+		viewBox: s.viewBox,
+		width: n,
+		height: n,
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: s.strokeWidth,
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		role: t ? "img" : void 0,
+		"aria-label": t,
+		"aria-hidden": !t || void 0,
+		className: P((r ?? O.mirrorInRtl.includes(e)) && O.cssClass, i),
+		children: [t && /* @__PURE__ */ h("title", { children: t }), /* @__PURE__ */ h("g", { dangerouslySetInnerHTML: { __html: s.body } })]
+	});
+}), Q = e(null);
+function $({ children: e, defaultDuration: t = 5e3, dismissLabel: n, regionLabel: s, className: c }) {
+	let l = i(), u = o(0), d = a(() => N({
+		placement: "bottom-end",
+		overlap: !1,
+		gap: 8,
+		offsets: "var(--dds-space-16)",
+		removeDelay: 0,
+		hotkey: ["DDS_NO_HOTKEY"]
+	}), []), f = a(() => ({
+		show(e) {
+			let n = `dds-toast-${l}-${++u.current}`, r = e.duration ?? t;
+			return d.create({
+				id: n,
+				description: e.message,
+				type: e.tone === "danger" ? "error" : e.tone ?? "info",
+				duration: r > 0 ? r : Infinity,
+				meta: { dds: {
+					...e,
+					id: n
+				} }
+			}), n;
+		},
+		dismiss: (e) => d.remove(e),
+		clear: () => d.remove()
+	}), [
+		d,
+		l,
+		t
+	]);
+	return r(() => () => d.remove(), [d]), /* @__PURE__ */ g(Q.Provider, {
+		value: f,
+		children: [e, /* @__PURE__ */ h(M, {
+			toaster: d,
+			label: s ?? "",
+			"aria-label": s ?? "",
+			role: s ? "region" : "presentation",
+			className: P("dds-toast-region", c),
+			children: (e) => {
+				let t = e.meta?.dds;
+				return /* @__PURE__ */ g(A.Root, {
+					className: P("dds-toast", `dds-toast--${t.tone ?? "info"}`),
+					role: t.tone === "danger" ? "alert" : "status",
+					children: [/* @__PURE__ */ h(A.Description, { children: e.description }), n && /* @__PURE__ */ h(A.CloseTrigger, {
+						className: "dds-iconbtn dds-iconbtn--sm",
+						"aria-label": typeof n == "function" ? n(t) : n,
+						children: "×"
+					})]
+				});
+			}
+		})]
+	});
+}
+function ee() {
+	let e = n(Q);
+	if (!e) throw Error("useToast must be called inside <ToastProvider>");
+	return e;
+}
+//#endregion
+//#region src/console-shell.tsx
+function te(e, t) {
+	return t.active ?? (t.href.split("/").filter(Boolean).length <= 1 ? e === t.href : e === t.href || e.startsWith(`${t.href}/`));
+}
+var ne = t(function({ surface: e, activePath: t, brand: n, context: a, nav: o, labels: c, header: l, foot: u, children: d, className: f, ...p }, m) {
+	let [_, v] = s(!1), [y, b] = s(!1), x = i(), S = `dds-console-rail-${x}`, C = `dds-console-main-${x}`;
+	return r(() => {
+		b(!0);
+		let e = (e) => {
+			e.key === "Escape" && v(!1);
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, []), /* @__PURE__ */ g("div", {
+		...p,
+		ref: m,
+		className: P("dds-console-shell", f),
+		"data-surface": e,
+		"data-hydrated": y ? "true" : void 0,
+		children: [
+			/* @__PURE__ */ h("a", {
+				className: "dds-console-skip dds-visually-hidden",
+				href: `#${C}`,
+				children: c.skip
+			}),
+			/* @__PURE__ */ g("button", {
+				className: "dds-console-rail__toggle",
+				type: "button",
+				"data-action": "toggle-rail",
+				"aria-controls": S,
+				"aria-expanded": _,
+				onClick: () => v(!_),
+				children: [/* @__PURE__ */ h("span", { "aria-hidden": !0 }), /* @__PURE__ */ h("span", {
+					className: "dds-visually-hidden",
+					children: _ ? c.menuClose : c.menuOpen
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "dds-console-rail__scrim",
+				"data-open": String(_),
+				onClick: () => v(!1)
+			}),
+			/* @__PURE__ */ g("aside", {
+				id: S,
+				className: "dds-console-rail",
+				"data-open": String(_),
+				children: [
+					/* @__PURE__ */ g("a", {
+						className: "dds-console-rail__brand",
+						href: n.href,
+						children: [/* @__PURE__ */ h("img", {
+							src: n.mark,
+							alt: "",
+							width: 20,
+							height: 20
+						}), /* @__PURE__ */ h("strong", { children: n.name })]
+					}),
+					a && a.length > 0 && /* @__PURE__ */ h("dl", {
+						className: "dds-console-rail__context",
+						children: a.map((e, t) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("dt", { children: e.label }), /* @__PURE__ */ h("dd", { children: e.value })] }, t))
+					}),
+					/* @__PURE__ */ h("nav", {
+						className: "dds-console-rail__nav",
+						"aria-label": c.nav,
+						children: o.map((n, r) => /* @__PURE__ */ g("section", {
+							className: "dds-console-rail__group",
+							"aria-labelledby": `${x}-group-${r}`,
+							children: [/* @__PURE__ */ h("h2", {
+								id: `${x}-group-${r}`,
+								className: "dds-console-rail__group-label",
+								children: n.label
+							}), /* @__PURE__ */ h("ul", { children: n.items.map((n) => /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("a", {
+								className: "dds-console-rail__item",
+								"data-nav": `${e}.${n.id}`,
+								href: n.href,
+								"aria-current": te(t, n) ? "page" : void 0,
+								onClick: () => v(!1),
+								children: [/* @__PURE__ */ h("span", { children: n.label }), n.badge !== void 0 && n.badge > 0 && /* @__PURE__ */ h("span", {
+									className: "dds-console-rail__badge",
+									"aria-label": c.badge.replace("{count}", () => String(n.badge)),
+									children: n.badge
+								})]
+							}) }, n.id)) })]
+						}, r))
+					}),
+					u && /* @__PURE__ */ h("div", {
+						className: "dds-console-rail__foot",
+						children: u
+					})
+				]
+			}),
+			/* @__PURE__ */ g("main", {
+				id: C,
+				className: "dds-console-main",
+				tabIndex: -1,
+				children: [/* @__PURE__ */ g("header", {
+					className: "dds-console-page-header",
+					children: [/* @__PURE__ */ g("div", {
+						className: "dds-console-page-header__text",
+						children: [l.eyebrow && /* @__PURE__ */ h("p", {
+							className: "dds-console-page-eyebrow",
+							children: l.eyebrow
+						}), /* @__PURE__ */ h("h1", { children: l.title })]
+					}), l.actions && /* @__PURE__ */ h("div", {
+						className: "dds-console-page-header__actions",
+						children: l.actions
+					})]
+				}), d]
+			})
+		]
+	});
+});
+//#endregion
+export { u as ArkCheckbox, C as ArkDialog, c as ArkField, b as ArkRadioGroup, f as ArkSwitch, _ as ArkTabs, j as ArkToast, T as ArkTooltip, F as Button, B as Checkbox, ne as ConsoleShell, Y as Dialog, L as Field, Z as Icon, I as IconButton, H as Radio, J as RadioGroup, R as Select, V as Switch, G as Tab, W as TabList, K as TabPanel, U as Tabs, $ as ToastProvider, X as Tooltip, P as classes, ee as useToast };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../src/controls.tsx","../src/selection.tsx","../src/overlays.tsx","../src/icon.tsx","../src/toast.tsx","../src/console-shell.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  type ButtonHTMLAttributes,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Field as ArkField } from \"@ark-ui/react/field\";\nimport { Checkbox as ArkCheckbox } from \"@ark-ui/react/checkbox\";\nimport { Switch as ArkSwitch } from \"@ark-ui/react/switch\";\nexport const classes = (...values: (string | false | undefined)[]) =>\n  values.filter(Boolean).join(\" \");\nexport type ButtonTone = \"primary\" | \"secondary\" | \"ghost\" | \"danger\";\nexport type ControlSize = \"sm\" | \"md\" | \"lg\";\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  tone?: ButtonTone;\n  size?: ControlSize;\n  loading?: boolean;\n}\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  function Button(\n    {\n      tone = \"primary\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-btn\",\n          `dds-btn--${tone}`,\n          size !== \"md\" && `dds-btn--${size}`,\n          className\n        )}\n      >\n        {loading && <span className=\"dds-spinner\" aria-hidden />}\n        {children}\n      </button>\n    );\n  }\n);\nexport interface IconButtonProps extends Omit<ButtonProps, \"tone\"> {\n  \"aria-label\": string;\n  tone?: \"ghost\" | \"secondary\" | \"danger\";\n}\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  function IconButton(\n    {\n      tone = \"ghost\",\n      size = \"md\",\n      loading,\n      disabled,\n      type = \"button\",\n      className,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    return (\n      <button\n        {...rest}\n        ref={ref}\n        type={type}\n        disabled={disabled || loading}\n        aria-busy={loading || undefined}\n        className={classes(\n          \"dds-iconbtn\",\n          tone !== \"ghost\" && `dds-iconbtn--${tone}`,\n          size !== \"md\" && `dds-iconbtn--${size}`,\n          className\n        )}\n      >\n        {loading ? <span className=\"dds-spinner\" aria-hidden /> : children}\n      </button>\n    );\n  }\n);\nexport interface FieldControlProps {\n  id: string;\n  \"aria-describedby\"?: string;\n  \"aria-invalid\"?: true;\n  \"aria-required\"?: true;\n}\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\"> {\n  label: ReactNode;\n  helpText?: ReactNode;\n  error?: ReactNode;\n  required?: boolean;\n  children: ReactNode | ((props: FieldControlProps) => ReactNode);\n}\nexport const Field = forwardRef<HTMLDivElement, FieldProps>(function Field(\n  {\n    id: requested,\n    label,\n    helpText,\n    error,\n    required,\n    className,\n    children,\n    ...rest\n  },\n  ref\n) {\n  const generated = useId();\n  const id = requested ?? `dds-field-${generated}`;\n  const control: FieldControlProps = {\n    id,\n    \"aria-describedby\":\n      [helpText && `${id}-help`, error && `${id}-error`]\n        .filter(Boolean)\n        .join(\" \") || undefined,\n    \"aria-invalid\": error ? true : undefined,\n    \"aria-required\": required ? true : undefined,\n  };\n  return (\n    <ArkField.Root\n      {...rest}\n      ref={ref}\n      invalid={Boolean(error)}\n      required={required}\n      id={id}\n      ids={{\n        control: `${id}-root`,\n        helperText: `${id}-help`,\n        errorText: `${id}-error`,\n      }}\n      className={classes(\n        \"dds-field\",\n        Boolean(error) && \"dds-field--error\",\n        className\n      )}\n    >\n      <ArkField.Label htmlFor={id} className=\"dds-field__label\">\n        {label}\n        {required && <span aria-hidden> *</span>}\n      </ArkField.Label>\n      {typeof children === \"function\" ? children(control) : children}\n      {helpText && (\n        <ArkField.HelperText className=\"dds-field__help\">\n          {helpText}\n        </ArkField.HelperText>\n      )}\n      {error && (\n        <ArkField.ErrorText className=\"dds-field__error\" role=\"alert\">\n          {error}\n        </ArkField.ErrorText>\n      )}\n    </ArkField.Root>\n  );\n});\nexport interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {\n  invalid?: boolean;\n  wrapperClassName?: string;\n}\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n  function Select(\n    { invalid, wrapperClassName, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <span className={classes(\"dds-select\", wrapperClassName)}>\n        <select\n          {...rest}\n          ref={ref}\n          className={classes(\"dds-select__input\", className)}\n          aria-invalid={invalid || rest[\"aria-invalid\"]}\n        >\n          {children}\n        </select>\n      </span>\n    );\n  }\n);\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"children\"> {\n  label: ReactNode;\n  onCheckedChange?: (checked: boolean) => void;\n  inputClassName?: string;\n}\nexport type RadioProps = CheckboxProps;\nexport type SwitchProps = CheckboxProps;\nconst Checkable = forwardRef<\n  HTMLInputElement,\n  CheckboxProps & { kind: \"checkbox\" | \"switch\" }\n>(function Checkable(\n  {\n    kind,\n    label,\n    checked,\n    defaultChecked,\n    onCheckedChange,\n    id,\n    name,\n    value,\n    disabled,\n    required,\n    readOnly,\n    form,\n    className,\n    inputClassName,\n    onChange,\n    ...rest\n  },\n  ref\n) {\n  const Root = kind === \"switch\" ? ArkSwitch.Root : ArkCheckbox.Root;\n  const Label = kind === \"switch\" ? ArkSwitch.Label : ArkCheckbox.Label;\n  const Context = kind === \"switch\" ? ArkSwitch.Context : ArkCheckbox.Context;\n  const base = kind === \"switch\" ? \"dds-switch\" : \"dds-check\";\n  return (\n    <Root\n      checked={checked}\n      defaultChecked={defaultChecked}\n      onCheckedChange={(details) => onCheckedChange?.(details.checked === true)}\n      ids={id ? { hiddenInput: id } : undefined}\n      name={name}\n      value={String(value ?? \"on\")}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      form={form}\n      className={classes(base, className)}\n    >\n      <Context>\n        {(api) => {\n          // DDS styles the actual input. Keep Ark's events and state, but omit\n          // its visually hidden style and use React's controlled checked prop\n          // so a caller-declined change also restores the native DOM value.\n          const {\n            style: _,\n            defaultChecked: __,\n            ...inputProps\n          } = api.getHiddenInputProps();\n          return (\n            <input\n              {...inputProps}\n              {...rest}\n              ref={ref}\n              checked={api.checked}\n              role={kind === \"switch\" ? \"switch\" : undefined}\n              onChange={onChange ?? (() => {})}\n              onClick={(event) => {\n                rest.onClick?.(event);\n                if (!event.defaultPrevented) inputProps.onClick?.(event);\n              }}\n              className={classes(`${base}__input`, inputClassName)}\n            />\n          );\n        }}\n      </Context>\n      <Label>{label}</Label>\n    </Root>\n  );\n});\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (props, ref) => <Checkable {...props} kind=\"checkbox\" ref={ref} />\n);\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  (props, ref) => <Checkable {...props} kind=\"switch\" ref={ref} />\n);\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(function Radio(\n  { label, className, inputClassName, onCheckedChange, onChange, ...rest },\n  ref\n) {\n  return (\n    <label className={classes(\"dds-check\", className)}>\n      <input\n        {...rest}\n        ref={ref}\n        type=\"radio\"\n        className={classes(\"dds-check__input\", inputClassName)}\n        onChange={(event) => {\n          onChange?.(event);\n          if (!event.defaultPrevented)\n            onCheckedChange?.(event.currentTarget.checked);\n        }}\n      />\n      <span>{label}</span>\n    </label>\n  );\n});\n","import { forwardRef, type ComponentProps, type ReactNode } from \"react\";\nimport { Tabs as ArkTabs, useTabsContext } from \"@ark-ui/react/tabs\";\nimport {\n  RadioGroup as ArkRadioGroup,\n  useRadioGroupContext,\n} from \"@ark-ui/react/radio-group\";\nimport { classes } from \"./controls\";\nexport interface TabsProps\n  extends Omit<ComponentProps<typeof ArkTabs.Root>, \"onValueChange\"> {\n  onValueChange?: (value: string) => void;\n  unstyled?: boolean;\n}\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  { onValueChange, unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Root\n      {...rest}\n      ref={ref}\n      onValueChange={(details) => onValueChange?.(details.value)}\n      className={classes(!unstyled && \"dds-tabs-root\", className)}\n    />\n  );\n});\nexport type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {\n  unstyled?: boolean;\n};\nexport type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;\nexport const TabList = forwardRef<\n  HTMLDivElement,\n  ComponentProps<typeof ArkTabs.List> & { unstyled?: boolean }\n>(function TabList({ unstyled, className, ...rest }, ref) {\n  return (\n    <ArkTabs.List\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tabs\", className)}\n    />\n  );\n});\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { unstyled, className, ...rest },\n  ref\n) {\n  return (\n    <ArkTabs.Trigger\n      {...rest}\n      ref={ref}\n      className={classes(!unstyled && \"dds-tab\", className)}\n    />\n  );\n});\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(\n  function TabPanel({ value, style, ...rest }, ref) {\n    const tabs = useTabsContext();\n    const inactive = tabs.value !== value;\n    return (\n      <ArkTabs.Content\n        {...rest}\n        value={value}\n        ref={ref}\n        hidden={inactive}\n        style={inactive ? { ...style, display: \"none\" } : style}\n      />\n    );\n  }\n);\nfunction VisibleRadioInput({ option }: { option: RadioOption }) {\n  const group = useRadioGroupContext();\n  // Ark owns selection and roving focus; DDS displays the native radio.\n  const {\n    style: _,\n    defaultChecked: __,\n    ...inputProps\n  } = group.getItemHiddenInputProps(option);\n  return (\n    <input\n      {...inputProps}\n      checked={group.value === option.value}\n      onChange={() => {}}\n      className=\"dds-check__input\"\n    />\n  );\n}\nexport interface RadioOption {\n  value: string;\n  label: ReactNode;\n  disabled?: boolean;\n}\nexport interface RadioGroupProps\n  extends Omit<\n    ComponentProps<typeof ArkRadioGroup.Root>,\n    \"onValueChange\" | \"children\"\n  > {\n  options: readonly RadioOption[];\n  label: ReactNode;\n  onValueChange?: (value: string) => void;\n  children?: ReactNode;\n}\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>(\n  function RadioGroup(\n    { options, label, onValueChange, className, children, ...rest },\n    ref\n  ) {\n    return (\n      <ArkRadioGroup.Root\n        {...rest}\n        ref={ref}\n        onValueChange={(details) => {\n          if (details.value !== null) onValueChange?.(details.value);\n        }}\n        className={classes(\"dds-radio-group\", className)}\n      >\n        <ArkRadioGroup.Label className=\"dds-field__label\">\n          {label}\n        </ArkRadioGroup.Label>\n        {options.map((option) => (\n          <ArkRadioGroup.Item\n            key={option.value}\n            value={option.value}\n            disabled={option.disabled}\n            className=\"dds-check\"\n          >\n            <VisibleRadioInput option={option} />\n            <ArkRadioGroup.ItemText>{option.label}</ArkRadioGroup.ItemText>\n          </ArkRadioGroup.Item>\n        ))}\n        {children}\n      </ArkRadioGroup.Root>\n    );\n  }\n);\n","import {\n  forwardRef,\n  type ComponentProps,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { Dialog as ArkDialog } from \"@ark-ui/react/dialog\";\nimport { Tooltip as ArkTooltip } from \"@ark-ui/react/tooltip\";\nimport { Portal } from \"@ark-ui/react/portal\";\nimport { classes } from \"./controls\";\nexport interface DialogFrameParts {\n  title: ReactNode;\n  description: ReactNode;\n  children: ReactNode;\n  actions: ReactNode;\n}\nexport interface DialogProps\n  extends Omit<\n    ComponentProps<typeof ArkDialog.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  title: ReactNode;\n  description?: ReactNode;\n  children: ReactNode;\n  actions?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  closeOnOutside?: boolean;\n  portal?: boolean;\n  className?: string;\n  overlayClassName?: string;\n  contentProps?: ComponentProps<typeof ArkDialog.Content>;\n  initialFocus?: () => HTMLElement | null | undefined;\n  finalFocus?: () => HTMLElement | null | undefined;\n  frame?: (parts: DialogFrameParts) => ReactNode;\n  unstyled?: boolean;\n}\nexport const Dialog = forwardRef<HTMLDivElement, DialogProps>(function Dialog(\n  {\n    title,\n    description,\n    children,\n    actions,\n    onOpenChange,\n    closeOnOutside,\n    portal = true,\n    className,\n    overlayClassName,\n    contentProps,\n    initialFocus,\n    finalFocus,\n    frame,\n    unstyled,\n    ...rest\n  },\n  ref\n) {\n  const parts: DialogFrameParts = {\n    title: (\n      <ArkDialog.Title className={unstyled ? undefined : \"dds-dialog__title\"}>\n        {title}\n      </ArkDialog.Title>\n    ),\n    description: description && (\n      <ArkDialog.Description\n        className={unstyled ? undefined : \"dds-dialog__body\"}\n      >\n        {description}\n      </ArkDialog.Description>\n    ),\n    children,\n    actions: actions && (\n      <div className={unstyled ? undefined : \"dds-dialog__actions\"}>\n        {actions}\n      </div>\n    ),\n  };\n  const content = (\n    <ArkDialog.Positioner\n      className={classes(!unstyled && \"dds-dialog-overlay\", overlayClassName)}\n    >\n      <ArkDialog.Content\n        {...contentProps}\n        ref={ref}\n        aria-describedby={\n          description ? contentProps?.[\"aria-describedby\"] : undefined\n        }\n        className={classes(\n          !unstyled && \"dds-dialog\",\n          className,\n          contentProps?.className\n        )}\n      >\n        {frame ? (\n          frame(parts)\n        ) : (\n          <>\n            {parts.title}\n            {parts.description}\n            {children}\n            {parts.actions}\n          </>\n        )}\n      </ArkDialog.Content>\n    </ArkDialog.Positioner>\n  );\n  return (\n    <ArkDialog.Root\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n      closeOnInteractOutside={closeOnOutside ?? rest.closeOnInteractOutside}\n      initialFocusEl={\n        initialFocus ? () => initialFocus() ?? null : rest.initialFocusEl\n      }\n      finalFocusEl={finalFocus ? () => finalFocus() ?? null : rest.finalFocusEl}\n      lazyMount\n      unmountOnExit\n    >\n      {portal ? <Portal>{content}</Portal> : content}\n    </ArkDialog.Root>\n  );\n});\nexport type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;\nexport interface TooltipProps\n  extends Omit<\n    ComponentProps<typeof ArkTooltip.Root>,\n    \"children\" | \"onOpenChange\"\n  > {\n  content: ReactNode;\n  children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  contentProps?: ComponentProps<typeof ArkTooltip.Content>;\n}\nexport function Tooltip({\n  content,\n  children,\n  onOpenChange,\n  className,\n  contentProps,\n  ...rest\n}: TooltipProps) {\n  return (\n    <ArkTooltip.Root\n      openDelay={0}\n      closeDelay={0}\n      {...rest}\n      onOpenChange={(details) => onOpenChange?.(details.open)}\n    >\n      <span className={classes(\"dds-tooltip\", className)}>\n        {typeof children === \"function\" ? (\n          <ArkTooltip.Context>\n            {(api) => children(api.getTriggerProps())}\n          </ArkTooltip.Context>\n        ) : (\n          <ArkTooltip.Trigger asChild>{children}</ArkTooltip.Trigger>\n        )}\n        <Portal>\n          <ArkTooltip.Positioner>\n            <ArkTooltip.Content\n              {...contentProps}\n              className={classes(\n                \"dds-tooltip__bubble\",\n                contentProps?.className\n              )}\n            >\n              {content}\n            </ArkTooltip.Content>\n          </ArkTooltip.Positioner>\n        </Portal>\n      </span>\n    </ArkTooltip.Root>\n  );\n}\n","import { forwardRef, type SVGProps } from \"react\";\nimport { icons, directionPolicy, type DdsIconName } from \"@devslab/dds-icons\";\nimport { classes } from \"./controls\";\nexport interface IconProps\n  extends Omit<SVGProps<SVGSVGElement>, \"name\" | \"children\"> {\n  name: DdsIconName;\n  label?: string;\n  size?: number | string;\n  directional?: boolean;\n}\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(function Icon(\n  { name, label, size = 24, directional, className, ...rest },\n  ref\n) {\n  const icon = icons[name];\n  return (\n    <svg\n      {...rest}\n      ref={ref}\n      viewBox={icon.viewBox}\n      width={size}\n      height={size}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={icon.strokeWidth}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      aria-hidden={label ? undefined : true}\n      className={classes(\n        (directional ?? directionPolicy.mirrorInRtl.includes(name)) &&\n          directionPolicy.cssClass,\n        className\n      )}\n    >\n      {label && <title>{label}</title>}\n      <g dangerouslySetInnerHTML={{ __html: icon.body }} />\n    </svg>\n  );\n});\n","import {\n  createContext,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  type ReactNode,\n} from \"react\";\nimport { Toast as ArkToast, Toaster, createToaster } from \"@ark-ui/react/toast\";\nimport { classes } from \"./controls\";\nexport type ToastTone = \"success\" | \"warning\" | \"danger\" | \"info\";\nexport interface ToastInput {\n  message: ReactNode;\n  tone?: ToastTone;\n  duration?: number;\n}\nexport interface ToastRecord extends ToastInput {\n  id: string;\n}\nexport interface ToastApi {\n  show: (toast: ToastInput) => string;\n  dismiss: (id: string) => void;\n  clear: () => void;\n}\nexport interface ToastProviderProps {\n  children: ReactNode;\n  defaultDuration?: number;\n  dismissLabel?: string | ((toast: ToastRecord) => string);\n  regionLabel?: string;\n  className?: string;\n}\nconst ToastContext = createContext<ToastApi | null>(null);\nexport function ToastProvider({\n  children,\n  defaultDuration = 5000,\n  dismissLabel,\n  regionLabel,\n  className,\n}: ToastProviderProps) {\n  const prefix = useId();\n  const sequence = useRef(0);\n  const toaster = useMemo(\n    () =>\n      createToaster({\n        placement: \"bottom-end\",\n        overlap: false,\n        gap: 8,\n        offsets: \"var(--dds-space-16)\",\n        removeDelay: 0,\n        hotkey: [\"DDS_NO_HOTKEY\"],\n      }),\n    []\n  );\n  const api = useMemo<ToastApi>(() => {\n    return {\n      show(input) {\n        const id = `dds-toast-${prefix}-${++sequence.current}`;\n        const duration = input.duration ?? defaultDuration;\n        toaster.create({\n          id,\n          description: input.message,\n          type: input.tone === \"danger\" ? \"error\" : input.tone ?? \"info\",\n          duration: duration > 0 ? duration : Infinity,\n          meta: { dds: { ...input, id } },\n        });\n        return id;\n      },\n      dismiss: (id) => toaster.remove(id),\n      clear: () => toaster.remove(),\n    };\n  }, [toaster, prefix, defaultDuration]);\n  useEffect(() => () => toaster.remove(), [toaster]);\n  return (\n    <ToastContext.Provider value={api}>\n      {children}\n      <Toaster\n        toaster={toaster}\n        label={regionLabel ?? \"\"}\n        aria-label={regionLabel ?? \"\"}\n        role={regionLabel ? \"region\" : \"presentation\"}\n        className={classes(\"dds-toast-region\", className)}\n      >\n        {(toast) => {\n          const record = toast.meta?.dds as ToastRecord;\n          return (\n            <ArkToast.Root\n              className={classes(\n                \"dds-toast\",\n                `dds-toast--${record.tone ?? \"info\"}`\n              )}\n              role={record.tone === \"danger\" ? \"alert\" : \"status\"}\n            >\n              <ArkToast.Description>{toast.description}</ArkToast.Description>\n              {dismissLabel && (\n                <ArkToast.CloseTrigger\n                  className=\"dds-iconbtn dds-iconbtn--sm\"\n                  aria-label={\n                    typeof dismissLabel === \"function\"\n                      ? dismissLabel(record)\n                      : dismissLabel\n                  }\n                >\n                  ×\n                </ArkToast.CloseTrigger>\n              )}\n            </ArkToast.Root>\n          );\n        }}\n      </Toaster>\n    </ToastContext.Provider>\n  );\n}\nexport function useToast(): ToastApi {\n  const api = useContext(ToastContext);\n  if (!api) throw new Error(\"useToast must be called inside <ToastProvider>\");\n  return api;\n}\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport { classes } from \"./controls\";\nexport interface ConsoleNavItem {\n  id: string;\n  href: string;\n  label: string;\n  badge?: number;\n  active?: boolean;\n}\nexport interface ConsoleNavGroup {\n  label: string;\n  items: readonly ConsoleNavItem[];\n}\nexport interface ConsoleShellLabels {\n  skip: string;\n  menuOpen: string;\n  menuClose: string;\n  nav: string;\n  badge: string;\n}\nexport interface ConsoleHeader {\n  eyebrow?: string;\n  title: string;\n  actions?: ReactNode;\n}\nexport interface ConsoleShellProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"children\" | \"context\"> {\n  surface: string;\n  activePath: string;\n  brand: { href: string; name: string; mark: string };\n  context?: readonly { label: string; value: string }[];\n  nav: readonly ConsoleNavGroup[];\n  labels: ConsoleShellLabels;\n  header: ConsoleHeader;\n  foot?: ReactNode;\n  children: ReactNode;\n}\nfunction isActive(path: string, item: ConsoleNavItem) {\n  return (\n    item.active ??\n    (item.href.split(\"/\").filter(Boolean).length <= 1\n      ? path === item.href\n      : path === item.href || path.startsWith(`${item.href}/`))\n  );\n}\nexport const ConsoleShell = forwardRef<HTMLDivElement, ConsoleShellProps>(\n  function ConsoleShell(\n    {\n      surface,\n      activePath,\n      brand,\n      context,\n      nav,\n      labels,\n      header,\n      foot,\n      children,\n      className,\n      ...rest\n    },\n    ref\n  ) {\n    const [open, setOpen] = useState(false);\n    const [hydrated, setHydrated] = useState(false);\n    const id = useId();\n    const railId = `dds-console-rail-${id}`;\n    const mainId = `dds-console-main-${id}`;\n    useEffect(() => {\n      setHydrated(true);\n      const onKey = (event: KeyboardEvent) => {\n        if (event.key === \"Escape\") setOpen(false);\n      };\n      document.addEventListener(\"keydown\", onKey);\n      return () => document.removeEventListener(\"keydown\", onKey);\n    }, []);\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        className={classes(\"dds-console-shell\", className)}\n        data-surface={surface}\n        data-hydrated={hydrated ? \"true\" : undefined}\n      >\n        <a className=\"dds-console-skip dds-visually-hidden\" href={`#${mainId}`}>\n          {labels.skip}\n        </a>\n        <button\n          className=\"dds-console-rail__toggle\"\n          type=\"button\"\n          data-action=\"toggle-rail\"\n          aria-controls={railId}\n          aria-expanded={open}\n          onClick={() => setOpen(!open)}\n        >\n          <span aria-hidden />\n          <span className=\"dds-visually-hidden\">\n            {open ? labels.menuClose : labels.menuOpen}\n          </span>\n        </button>\n        <div\n          className=\"dds-console-rail__scrim\"\n          data-open={String(open)}\n          onClick={() => setOpen(false)}\n        />\n        <aside\n          id={railId}\n          className=\"dds-console-rail\"\n          data-open={String(open)}\n        >\n          <a className=\"dds-console-rail__brand\" href={brand.href}>\n            <img src={brand.mark} alt=\"\" width={20} height={20} />\n            <strong>{brand.name}</strong>\n          </a>\n          {context && context.length > 0 && (\n            <dl className=\"dds-console-rail__context\">\n              {context.map((row, index) => (\n                <div key={index}>\n                  <dt>{row.label}</dt>\n                  <dd>{row.value}</dd>\n                </div>\n              ))}\n            </dl>\n          )}\n          <nav className=\"dds-console-rail__nav\" aria-label={labels.nav}>\n            {nav.map((group, index) => (\n              <section\n                key={index}\n                className=\"dds-console-rail__group\"\n                aria-labelledby={`${id}-group-${index}`}\n              >\n                <h2\n                  id={`${id}-group-${index}`}\n                  className=\"dds-console-rail__group-label\"\n                >\n                  {group.label}\n                </h2>\n                <ul>\n                  {group.items.map((item) => (\n                    <li key={item.id}>\n                      <a\n                        className=\"dds-console-rail__item\"\n                        data-nav={`${surface}.${item.id}`}\n                        href={item.href}\n                        aria-current={\n                          isActive(activePath, item) ? \"page\" : undefined\n                        }\n                        onClick={() => setOpen(false)}\n                      >\n                        <span>{item.label}</span>\n                        {item.badge !== undefined && item.badge > 0 && (\n                          <span\n                            className=\"dds-console-rail__badge\"\n                            aria-label={labels.badge.replace(\"{count}\", () =>\n                              String(item.badge)\n                            )}\n                          >\n                            {item.badge}\n                          </span>\n                        )}\n                      </a>\n                    </li>\n                  ))}\n                </ul>\n              </section>\n            ))}\n          </nav>\n          {foot && <div className=\"dds-console-rail__foot\">{foot}</div>}\n        </aside>\n        <main id={mainId} className=\"dds-console-main\" tabIndex={-1}>\n          <header className=\"dds-console-page-header\">\n            <div className=\"dds-console-page-header__text\">\n              {header.eyebrow && (\n                <p className=\"dds-console-page-eyebrow\">{header.eyebrow}</p>\n              )}\n              <h1>{header.title}</h1>\n            </div>\n            {header.actions && (\n              <div className=\"dds-console-page-header__actions\">\n                {header.actions}\n              </div>\n            )}\n          </header>\n          {children}\n        </main>\n      </div>\n    );\n  }\n);\n"],"mappings":"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"}

package/dist/overlays.d.ts

@@ -0,0 +1,36 @@
+import { type ComponentProps, type ButtonHTMLAttributes, type ReactNode } from "react";
+import { Dialog as ArkDialog } from "@ark-ui/react/dialog";
+import { Tooltip as ArkTooltip } from "@ark-ui/react/tooltip";
+export interface DialogFrameParts {
+    title: ReactNode;
+    description: ReactNode;
+    children: ReactNode;
+    actions: ReactNode;
+}
+export interface DialogProps extends Omit<ComponentProps<typeof ArkDialog.Root>, "children" | "onOpenChange"> {
+    title: ReactNode;
+    description?: ReactNode;
+    children: ReactNode;
+    actions?: ReactNode;
+    onOpenChange?: (open: boolean) => void;
+    closeOnOutside?: boolean;
+    portal?: boolean;
+    className?: string;
+    overlayClassName?: string;
+    contentProps?: ComponentProps<typeof ArkDialog.Content>;
+    initialFocus?: () => HTMLElement | null | undefined;
+    finalFocus?: () => HTMLElement | null | undefined;
+    frame?: (parts: DialogFrameParts) => ReactNode;
+    unstyled?: boolean;
+}
+export declare const Dialog: import("react").ForwardRefExoticComponent<DialogProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TooltipTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
+export interface TooltipProps extends Omit<ComponentProps<typeof ArkTooltip.Root>, "children" | "onOpenChange"> {
+    content: ReactNode;
+    children: ReactNode | ((props: TooltipTriggerProps) => ReactNode);
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    contentProps?: ComponentProps<typeof ArkTooltip.Content>;
+}
+export declare function Tooltip({ content, children, onOpenChange, className, contentProps, ...rest }: TooltipProps): import("react").JSX.Element;
+//# sourceMappingURL=overlays.d.ts.map

package/dist/overlays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAG9D,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,WACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,EACrC,UAAU,GAAG,cAAc,CAC5B;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IAClD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,MAAM,wGAoFjB,CAAC;AACH,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC1E,MAAM,WAAW,YACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EACtC,UAAU,GAAG,cAAc,CAC5B;IACD,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,mBAAmB,KAAK,SAAS,CAAC,CAAC;IAClE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;CAC1D;AACD,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,YAAY,+BAgCd"}

package/dist/selection.d.ts

@@ -0,0 +1,30 @@
+import { type ComponentProps, type ReactNode } from "react";
+import { Tabs as ArkTabs } from "@ark-ui/react/tabs";
+import { RadioGroup as ArkRadioGroup } from "@ark-ui/react/radio-group";
+export interface TabsProps extends Omit<ComponentProps<typeof ArkTabs.Root>, "onValueChange"> {
+    onValueChange?: (value: string) => void;
+    unstyled?: boolean;
+}
+export declare const Tabs: import("react").ForwardRefExoticComponent<Omit<TabsProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export type TabProps = ComponentProps<typeof ArkTabs.Trigger> & {
+    unstyled?: boolean;
+};
+export type TabPanelProps = ComponentProps<typeof ArkTabs.Content>;
+export declare const TabList: import("react").ForwardRefExoticComponent<Omit<ArkTabs.ListProps & import("react").RefAttributes<HTMLDivElement> & {
+    unstyled?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<ArkTabs.ContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface RadioOption {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+}
+export interface RadioGroupProps extends Omit<ComponentProps<typeof ArkRadioGroup.Root>, "onValueChange" | "children"> {
+    options: readonly RadioOption[];
+    label: ReactNode;
+    onValueChange?: (value: string) => void;
+    children?: ReactNode;
+}
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadioGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=selection.d.ts.map

package/dist/selection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../src/selection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkB,MAAM,oBAAoB,CAAC;AACrE,OAAO,EACL,UAAU,IAAI,aAAa,EAE5B,MAAM,2BAA2B,CAAC;AAEnC,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,IAAI,CAAC,EAAE,eAAe,CAAC;IAClE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,eAAO,MAAM,IAAI,mHAYf,CAAC;AACH,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,GAAG;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,OAAO,OAAO,CAAC,OAAO,CAAC,CAAC;AACnE,eAAO,MAAM,OAAO;eAEiC,OAAO;0DAS1D,CAAC;AACH,eAAO,MAAM,GAAG,qHAWd,CAAC;AACH,eAAO,MAAM,QAAQ,8KAcpB,CAAC;AAkBF,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzC,eAAe,GAAG,UAAU,CAC7B;IACD,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IAChC,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AACD,eAAO,MAAM,UAAU,yHAgCtB,CAAC"}

package/dist/toast.d.ts

@@ -0,0 +1,25 @@
+import { type ReactNode } from "react";
+export type ToastTone = "success" | "warning" | "danger" | "info";
+export interface ToastInput {
+    message: ReactNode;
+    tone?: ToastTone;
+    duration?: number;
+}
+export interface ToastRecord extends ToastInput {
+    id: string;
+}
+export interface ToastApi {
+    show: (toast: ToastInput) => string;
+    dismiss: (id: string) => void;
+    clear: () => void;
+}
+export interface ToastProviderProps {
+    children: ReactNode;
+    defaultDuration?: number;
+    dismissLabel?: string | ((toast: ToastRecord) => string);
+    regionLabel?: string;
+    className?: string;
+}
+export declare function ToastProvider({ children, defaultDuration, dismissLabel, regionLabel, className, }: ToastProviderProps): import("react").JSX.Element;
+export declare function useToast(): ToastApi;
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAClE,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,MAAM,WAAW,WAAY,SAAQ,UAAU;IAC7C,EAAE,EAAE,MAAM,CAAC;CACZ;AACD,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,MAAM,CAAC;IACpC,OAAO,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AACD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,KAAK,MAAM,CAAC,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAsB,EACtB,YAAY,EACZ,WAAW,EACX,SAAS,GACV,EAAE,kBAAkB,+BAyEpB;AACD,wBAAgB,QAAQ,IAAI,QAAQ,CAInC"}

package/package.json

@@ -1,6 +1,78 @@
 {
   "name": "@devslab/dds-react",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.20.0",
+  "description": "Accessible React primitives for the DevsLab Design System",
+  "type": "module",
+  "license": "SEE LICENSE IN LICENSE",
+  "sideEffects": [
+    "./styles.css"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/devslab-kr/dds.git",
+    "directory": "packages/dds-react"
+  },
+  "homepage": "https://devslab.kr/brand/",
+  "bugs": {
+    "url": "https://github.com/devslab-kr/dds/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "provenance": true
+  },
+  "files": [
+    "dist",
+    "styles.css",
+    "README.md",
+    "README.ko.md"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./styles.css": "./styles.css"
+  },
+  "dependencies": {
+    "@ark-ui/react": "5.39.3",
+    "@devslab/dds-css": "0.20.0",
+    "@devslab/dds-icons": "0.20.0",
+    "@devslab/dds-tokens": "0.20.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@testing-library/react": "16.3.2",
+    "@testing-library/user-event": "14.6.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@types/node": "26.3.0",
+    "axe-core": "4.13.0",
+    "jsdom": "30.0.1",
+    "typescript": "7.0.2",
+    "vite": "8.2.1",
+    "vitest": "4.1.1"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "accessibility",
+    "design-system",
+    "devslab"
+  ],
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.build.json --emitDeclarationOnly",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "test": "vitest run && vitest run --config vitest.ssr.config.ts",
+    "test:a11y": "vitest run src/__tests__/a11y.test.tsx"
+  }
 }

package/styles.css

@@ -0,0 +1,20 @@
+@import "@devslab/dds-tokens/tokens.css";
+@import "@devslab/dds-css/dds.css";
+
+/* Keep the former context-only Tabs layout while Ark owns its DOM contract. */
+.dds-tabs-root {
+  display: contents;
+}
+
+/* Ark positions the wrapper; DDS continues to own the bubble appearance. */
+.dds-tooltip__bubble[data-scope="tooltip"] {
+  position: relative;
+  inset: auto;
+  transform: none;
+  opacity: 1;
+}
+
+.dds-toast[data-scope="toast"] {
+  transform: translate(var(--x), var(--y));
+  opacity: var(--opacity);
+}