@droplinked_inc/ui-kit 0.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Droplinked Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/MIGRATION.md

@@ -0,0 +1,129 @@
+# Migration: `droplinked-ui-kit@0.0.40` → `@droplinked_inc/ui-kit@0.1.0`
+
+This document covers the upgrade path for the **39 consumer files** in
+`droplinked-checkout` (and any other repo that imports
+`droplinked-ui-kit`).
+
+## TL;DR
+
+- Package name changed: `droplinked-ui-kit` → `@droplinked_inc/ui-kit`.
+- API surface is **largely identical** for the v0.1 shipped components.
+- Implementation rebuilt on **Chakra UI v3** (same as the substrate) +
+  hardened URL/text rendering.
+- 10 substrate exports are **deferred to v0.2** (see "Deferred" below).
+
+## Codemod (search-and-replace)
+
+For each `.ts` / `.tsx` file:
+
+```bash
+# 1. Swap the import specifier
+find src -type f \( -name '*.ts' -o -name '*.tsx' \) -print0 \
+  | xargs -0 sed -i '' "s/from 'droplinked-ui-kit'/from '@droplinked_inc\/ui-kit'/g"
+
+# 2. Swap the package in package.json
+# (manual — replace "droplinked-ui-kit": "^0.0.40" with
+#  "@droplinked_inc/ui-kit": "^0.1.0" + reinstall)
+```
+
+That should compile **out-of-the-box for every component in the v0.1
+shipping set** (see below). Anything that does not compile is calling
+into a deferred export — track those in the v0.2 backlog.
+
+## v0.1 shipping set — confirmed compatible
+
+These have a 1:1 prop-shape mapping (consumer code unchanged):
+
+| Component         | Consumer usage count | Notes                                        |
+| ----------------- | -------------------- | -------------------------------------------- |
+| `Button`          | 12                   | `variant` enum identical; `leftIcon`/`rightIcon`/`buttonType` preserved. |
+| `Input`           | 7                    | Forwarded ref preserved.                     |
+| `Divider`         | 7                    | Adds `role="separator"` + `aria-orientation`. |
+| `ProductCard`     | 6                    | URLs are now sanitised — `javascript:`/`data:` dropped. |
+| `DetailsItem`     | 5                    | Re-exported with `DetailsData` too.          |
+| `SectionTitle`    | 3                    |                                              |
+| `SearchBar`       | 3                    |                                              |
+| `RuledGrid`       | 3                    |                                              |
+| `ListItem`        | 3                    | Discriminated union (`type: 'text' \| 'icon'`) unchanged. |
+| `IconContainer`   | 3                    | `imageSrc` sanitised.                        |
+| `Dropdown`        | 3                    |                                              |
+| `SelectionCard`   | 2                    | `actionMenuItems` accepted but renders compact "⋯" — full ActionMenu lands in v0.2. |
+| `Modal`           | 2                    | Built on Chakra v3 `Dialog.*` — focus-trap is now native. |
+| `UIKitProvider`   | 1                    | `system` prop type unchanged.                |
+| `defaultSystem`   | 1                    |                                              |
+| `Toast`           | 1                    |                                              |
+| `TextArea`        | 1                    | Forwarded ref preserved.                     |
+| `SuccessBar`      | 1                    | Adds `role="status"`.                        |
+| `SelectionTab`    | 1                    | Adds `role="tab"` + `aria-selected`.         |
+| `Chips`           | 1                    |                                              |
+| `CheckoutHeader`  | 1                    | `imageSrc` sanitised.                        |
+| `Checkbox`        | 1                    |                                              |
+| `ActionMenuItem`  | 1                    | Type-only export.                            |
+
+Type-only exports preserved: `Variant` (and lowercase alias `variants`),
+`AlertBoxState`, `RadiiOption`, `RadiiConfigs`, `TypographyConfigs`,
+`FullThemePalette`, `ActionMenuItem`, `ActionMenuItemVariant`,
+`ListItemProps`, `TextListItemProps`, `IconListItemProps`.
+
+Theme helpers preserved: `createThemeSystem`, `defaultLightTheme`,
+`defaultRadii`, `defaultTypography`, `cornerRadiusOptions`.
+
+## Breaking changes (small)
+
+1. **Package name** — the only mandatory change.
+2. **Provider**: substrate's `UIKitProvider` wrapped `next-themes`.
+   v0.1 wraps only `ChakraProvider`. Apps that relied on next-themes
+   dark-mode toggling should wire `next-themes` at the app shell. The
+   checkout consumer does not appear to do this — no action needed.
+3. **`Modal`**: the close-button is now a `<button aria-label="Close
+   dialog">`. Apps that hide it via `showCloseButton={false}` still work
+   identically.
+4. **URL props are sanitised** (`href`, `src` on `ProductCard`,
+   `IconContainer`, `CheckoutHeader`). `javascript:` / `data:` /
+   unknown-scheme URLs are dropped — the element renders without that
+   attribute. This is a security improvement; consumers should not have
+   been passing such URLs.
+
+## Deferred to v0.2 (not exported in v0.1)
+
+These substrate exports are not used anywhere in `droplinked-checkout`
+today, per the consumer-import audit at the time of the rebuild:
+
+- `ActionMenu` (component)
+- `ActionOverlay`
+- `AlertBox`
+- `DetailsData` — **shipped** (re-exported alongside `DetailsItem`)
+- `OnchainIconContainer`
+- `TokenSelectionCard`
+- `WalletSelectionCard`
+- `WalletTransferStatus`
+
+If a consumer file imports any of these, the build will fail with a
+clear "has no exported member" error from TypeScript — file a v0.2
+ticket and unblock locally by either (a) inlining the component, or
+(b) keeping the old package side-by-side under a temporary alias:
+
+```jsonc
+// package.json (temporary, while v0.2 is being built)
+{
+  "dependencies": {
+    "@droplinked_inc/ui-kit": "^0.1.0",
+    "droplinked-ui-kit-legacy": "npm:droplinked-ui-kit@0.0.40"
+  }
+}
+```
+
+```ts
+// only for deferred imports
+import { ActionMenu } from 'droplinked-ui-kit-legacy';
+```
+
+## Recommended rollout
+
+1. **Land this package** (no consumer change).
+2. **Single PR in `droplinked-checkout`** that runs the codemod above
+   and bumps `package.json`. Should be a green CI pass; touches all 39
+   files but is a pure rename.
+3. **Smoke-test the checkout flow** end-to-end on stage.
+4. **Cut a v0.2** with the deferred components when one of them is
+   actually needed.

package/README.md

@@ -0,0 +1,62 @@
+# @droplinked_inc/ui-kit
+
+Droplinked UI component kit. Built on **Chakra UI v3** + **Emotion**.
+
+This is a clean-room rebuild of the previous `droplinked-ui-kit@0.0.40`
+written against the recovered substrate. See
+[`MIGRATION.md`](./MIGRATION.md) for the upgrade path from the old
+package.
+
+## Install
+
+```sh
+pnpm add @droplinked_inc/ui-kit @chakra-ui/react @emotion/react react react-dom
+```
+
+## Use
+
+```tsx
+import { UIKitProvider, defaultSystem, Button } from '@droplinked_inc/ui-kit';
+
+export function App() {
+  return (
+    <UIKitProvider system={defaultSystem}>
+      <Button variant="primary">Pay now</Button>
+    </UIKitProvider>
+  );
+}
+```
+
+## What's in v0.1
+
+23 components covering the full surface used by `droplinked-checkout`:
+
+- **Primitives** — `Button`, `Input`, `TextArea`, `Checkbox`, `Divider`
+- **Layout** — `RuledGrid`, `SectionTitle`, `CheckoutHeader`
+- **Overlays** — `Modal`, `Toast`, `SuccessBar`
+- **Data display** — `Chips`, `IconContainer`, `ProductCard`,
+  `DetailsItem`, `DetailsData`, `ListItem`
+- **Selection** — `SelectionCard`, `SelectionTab`, `Dropdown`, `SearchBar`
+- **Theme** — `UIKitProvider`, `defaultSystem`, `createThemeSystem`,
+  `defaultLightTheme`, `defaultRadii`, `defaultTypography`,
+  `cornerRadiusOptions`
+
+## Hardening
+
+- URL props (`href`, `src`) pass through a strict allow-list (`http`,
+  `https`, `mailto`, relative paths). `javascript:` / `data:` URLs are
+  dropped.
+- No `dangerouslySetInnerHTML` anywhere in the package.
+- All string props render through React text nodes (no HTML
+  interpretation).
+- Form callbacks are strictly typed — no `any`.
+- Components forward refs where appropriate and accept `data-testid`.
+
+## Test & lint
+
+```sh
+pnpm test            # 67 tests, jsdom
+pnpm test:coverage   # ≥92% statements / ≥93% lines
+pnpm typecheck
+pnpm lint
+```

package/dist/components/Button.d.ts

@@ -0,0 +1,17 @@
+import { type ElementType } from 'react';
+import { type ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import type { Variant, TestableProps } from '../types';
+export type ButtonType = 'text' | 'icon';
+export interface ButtonProps extends Omit<ChakraButtonProps, 'variant'>, TestableProps {
+    leftIcon?: ElementType;
+    rightIcon?: ElementType;
+    icon?: ElementType;
+    variant?: Variant;
+    buttonType?: ButtonType;
+}
+/**
+ * Primary action component. Wraps Chakra Button with the Droplinked
+ * `variant` enum and optional `leftIcon` / `rightIcon` slots.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAA0B,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,EACxC,aAAa;IACf,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AA4BD;;;GAGG;AACH,eAAO,MAAM,MAAM,2GAqCjB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Button as ChakraButton } from '@chakra-ui/react';
+const variantToChakra = {
+    primary: 'solid',
+    outlined: 'outline',
+    filled: 'solid',
+    muted: 'subtle',
+    transparent: 'ghost',
+    information: 'subtle',
+    success: 'solid',
+    warning: 'solid',
+    error: 'solid',
+    disabled: 'ghost',
+};
+const variantToPalette = {
+    primary: 'dl.primary',
+    outlined: 'dl.primary',
+    filled: 'dl.primary',
+    muted: 'dl.neutral.30',
+    transparent: 'transparent',
+    information: 'dl.info',
+    success: 'dl.success',
+    warning: 'dl.warning',
+    error: 'dl.error',
+    disabled: 'dl.neutral.30',
+};
+/**
+ * Primary action component. Wraps Chakra Button with the Droplinked
+ * `variant` enum and optional `leftIcon` / `rightIcon` slots.
+ */
+export const Button = forwardRef(function Button({ leftIcon: LeftIcon, rightIcon: RightIcon, icon: Icon, variant = 'primary', buttonType = 'text', children, ...rest }, ref) {
+    const chakraVariant = variantToChakra[variant];
+    const palette = variantToPalette[variant];
+    if (buttonType === 'icon' && Icon) {
+        return (_jsx(ChakraButton, { ref: ref, variant: chakraVariant, bg: variant === 'primary' || variant === 'filled' ? palette : undefined, color: variant === 'primary' || variant === 'filled' ? 'dl.text.inverse' : palette, "aria-label": rest['aria-label'] ?? 'button', disabled: variant === 'disabled' || rest.disabled, ...rest, children: _jsx(Icon, {}) }));
+    }
+    return (_jsxs(ChakraButton, { ref: ref, variant: chakraVariant, bg: variant === 'primary' || variant === 'filled' ? palette : undefined, color: variant === 'primary' || variant === 'filled' ? 'dl.text.inverse' : palette, disabled: variant === 'disabled' || rest.disabled, ...rest, children: [LeftIcon ? _jsx(LeftIcon, {}) : null, children, RightIcon ? _jsx(RightIcon, {}) : null] }));
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAyC,MAAM,kBAAkB,CAAC;AAejG,MAAM,eAAe,GAA8D;IACjF,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,QAAQ;IACf,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,QAAQ;IACrB,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,OAAO;CAClB,CAAC;AAEF,MAAM,gBAAgB,GAA4B;IAChD,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,YAAY;IACtB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,eAAe;CAC1B,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAAiC,SAAS,MAAM,CAC9E,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,EAAE,UAAU,GAAG,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACrH,GAAG;IAEH,MAAM,aAAa,GAAG,eAAe,CAAC,OAAO,CAAC,CAAC;IAC/C,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAE1C,IAAI,UAAU,KAAK,MAAM,IAAI,IAAI,EAAE,CAAC;QAClC,OAAO,CACL,KAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,aAAa,EACtB,EAAE,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvE,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,gBACrE,IAAkC,CAAC,YAAY,CAAC,IAAI,QAAQ,EACzE,QAAQ,EAAE,OAAO,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,KAC7C,IAAI,YAER,KAAC,IAAI,KAAG,GACK,CAChB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,YAAY,IACX,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,aAAa,EACtB,EAAE,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACvE,KAAK,EAAE,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,EAClF,QAAQ,EAAE,OAAO,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,KAC7C,IAAI,aAEP,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC,CAAC,IAAI,EAC9B,QAAQ,EACR,SAAS,CAAC,CAAC,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC,CAAC,IAAI,IACpB,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,18 @@
+import { type ChangeEvent, type ElementType } from 'react';
+import { type BoxProps } from '@chakra-ui/react';
+import type { TestableProps } from '../types';
+export interface CheckboxProps extends Omit<BoxProps, 'onChange'>, TestableProps {
+    id?: string;
+    label?: string;
+    subtitle?: string;
+    isRequired?: boolean;
+    requiredText?: string;
+    chipsLabel?: string;
+    isDisabled?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    icon?: ElementType;
+}
+export declare function Checkbox({ id, label, subtitle, isRequired, requiredText, chipsLabel, isDisabled, checked, defaultChecked, onChange, icon: Icon, ...rest }: CheckboxProps): JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAmC,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAClF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE,aAAa;IAC9E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5E,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,GAAG,IAAI,EACR,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA4C7B"}

package/dist/components/Checkbox.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Checkbox as ChakraCheckbox } from '@chakra-ui/react';
+export function Checkbox({ id, label, subtitle, isRequired, requiredText, chipsLabel, isDisabled, checked, defaultChecked, onChange, icon: Icon, ...rest }) {
+    return (_jsxs(Box, { ...rest, children: [_jsxs(ChakraCheckbox.Root, { id: id, checked: checked, defaultChecked: defaultChecked, disabled: isDisabled, required: isRequired, onCheckedChange: (details) => {
+                    if (!onChange)
+                        return;
+                    // Synthesise a ChangeEvent-shaped object for API parity.
+                    const target = { checked: Boolean(details.checked) };
+                    const evt = { target, currentTarget: target };
+                    onChange(Boolean(details.checked), evt);
+                }, children: [_jsx(ChakraCheckbox.HiddenInput, {}), _jsx(ChakraCheckbox.Control, { children: Icon ? _jsx(Icon, {}) : _jsx(ChakraCheckbox.Indicator, {}) }), label ? (_jsxs(ChakraCheckbox.Label, { children: [label, isRequired && requiredText ? (_jsx(Box, { as: "span", color: "dl.error", ml: "1", children: requiredText })) : null, chipsLabel ? (_jsx(Box, { as: "span", ml: "2", px: "2", py: "0.5", bg: "dl.neutral.10", borderRadius: "dl.sm", fontSize: "xs", children: chipsLabel })) : null] })) : null] }), subtitle ? (_jsx(Box, { color: "dl.text.subtext", fontSize: "sm", mt: "1", children: subtitle })) : null] }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,QAAQ,IAAI,cAAc,EAAiB,MAAM,kBAAkB,CAAC;AAiBlF,MAAM,UAAU,QAAQ,CAAC,EACvB,EAAE,EACF,KAAK,EACL,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,UAAU,EACV,UAAU,EACV,OAAO,EACP,cAAc,EACd,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,GAAG,IAAI,EACO;IACd,OAAO,CACL,MAAC,GAAG,OAAK,IAAI,aACX,MAAC,cAAc,CAAC,IAAI,IAClB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,UAAU,EACpB,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE;oBAC3B,IAAI,CAAC,QAAQ;wBAAE,OAAO;oBACtB,yDAAyD;oBACzD,MAAM,MAAM,GAAG,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAiC,CAAC;oBACpF,MAAM,GAAG,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,EAA8C,CAAC;oBAC1F,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;gBAC1C,CAAC,aAED,KAAC,cAAc,CAAC,WAAW,KAAG,EAC9B,KAAC,cAAc,CAAC,OAAO,cACpB,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,KAAG,CAAC,CAAC,CAAC,KAAC,cAAc,CAAC,SAAS,KAAG,GACxB,EACxB,KAAK,CAAC,CAAC,CAAC,CACP,MAAC,cAAc,CAAC,KAAK,eAClB,KAAK,EACL,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,CAC5B,KAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,UAAU,EAAC,EAAE,EAAC,GAAG,YACnC,YAAY,GACT,CACP,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,CAAC,CAAC,CACZ,KAAC,GAAG,IAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,eAAe,EAAC,YAAY,EAAC,OAAO,EAAC,QAAQ,EAAC,IAAI,YACxF,UAAU,GACP,CACP,CAAC,CAAC,CAAC,IAAI,IACa,CACxB,CAAC,CAAC,CAAC,IAAI,IACY,EACrB,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,GAAG,IAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,YAC9C,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/CheckoutHeader.d.ts

@@ -0,0 +1,13 @@
+import type { TestableProps } from '../types';
+export interface CheckoutHeaderProps extends TestableProps {
+    buttonLabel: string;
+    onClick?: () => void;
+    imageSrc: string;
+    imageAlt: string;
+}
+/**
+ * Top header bar of the checkout flow.
+ * Sanitizes `imageSrc` (rejects javascript:/data: URLs).
+ */
+export declare function CheckoutHeader({ buttonLabel, onClick, imageSrc, imageAlt, ...rest }: CheckoutHeaderProps): JSX.Element;
+//# sourceMappingURL=CheckoutHeader.d.ts.map

package/dist/components/CheckoutHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutHeader.d.ts","sourceRoot":"","sources":["../../src/components/CheckoutHeader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAwBnC"}

package/dist/components/CheckoutHeader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Flex } from '@chakra-ui/react';
+import { Button } from './Button';
+import { safeUrl } from '../internal/sanitize';
+/**
+ * Top header bar of the checkout flow.
+ * Sanitizes `imageSrc` (rejects javascript:/data: URLs).
+ */
+export function CheckoutHeader({ buttonLabel, onClick, imageSrc, imageAlt, ...rest }) {
+    const safe = safeUrl(imageSrc);
+    return (_jsxs(Flex, { as: "header", align: "center", justify: "space-between", px: "6", py: "4", borderBottomWidth: "1px", borderColor: "dl.neutral.30", bg: "dl.bg", ...rest, children: [safe ? (_jsx("img", { src: safe, alt: imageAlt, height: 32, style: { height: '32px' } })) : (_jsx(Box, { height: "32px", "aria-label": imageAlt })), _jsx(Button, { variant: "outlined", onClick: onClick, children: buttonLabel })] }));
+}
+//# sourceMappingURL=CheckoutHeader.js.map

package/dist/components/CheckoutHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutHeader.js","sourceRoot":"","sources":["../../src/components/CheckoutHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAU/C;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACa;IACpB,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC/B,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,eAAe,EACvB,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,GAAG,EACN,iBAAiB,EAAC,KAAK,EACvB,WAAW,EAAC,eAAe,EAC3B,EAAE,EAAC,OAAO,KACN,IAAI,aAEP,IAAI,CAAC,CAAC,CAAC,CACN,cAAK,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,GAAI,CACzE,CAAC,CAAC,CAAC,CACF,KAAC,GAAG,IAAC,MAAM,EAAC,MAAM,gBAAa,QAAQ,GAAI,CAC5C,EACD,KAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,YACxC,WAAW,GACL,IACJ,CACR,CAAC;AACJ,CAAC"}

package/dist/components/Chips.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import { type BoxProps } from '@chakra-ui/react';
+import type { Variant, TestableProps } from '../types';
+export interface ChipsProps extends Omit<BoxProps, 'color' | 'direction'>, TestableProps {
+    label?: string;
+    showLeftIcon?: boolean;
+    showRightIcon?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    variant?: Variant;
+    onClick?: () => void;
+}
+export declare function Chips({ label, showLeftIcon, showRightIcon, leftIcon, rightIcon, variant, onClick, ...rest }: ChipsProps): JSX.Element;
+//# sourceMappingURL=Chips.d.ts.map

package/dist/components/Chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../src/components/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,WAAW,CAAC,EAAE,aAAa;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA4BD,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,YAAmB,EACnB,aAAoB,EACpB,QAAQ,EACR,SAAS,EACT,OAAiB,EACjB,OAAO,EACP,GAAG,IAAI,EACR,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAyB1B"}

package/dist/components/Chips.js

@@ -0,0 +1,30 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+const variantToBg = {
+    primary: 'dl.primary.tint10',
+    outlined: 'transparent',
+    filled: 'dl.primary',
+    muted: 'dl.neutral.10',
+    transparent: 'transparent',
+    information: 'dl.info.tint10',
+    success: 'dl.success.tint10',
+    warning: 'dl.warning.tint10',
+    error: 'dl.error.tint10',
+    disabled: 'dl.neutral.10',
+};
+const variantToColor = {
+    primary: 'dl.primary',
+    outlined: 'dl.text',
+    filled: 'dl.text.inverse',
+    muted: 'dl.text',
+    transparent: 'dl.text',
+    information: 'dl.info',
+    success: 'dl.success',
+    warning: 'dl.warning',
+    error: 'dl.error',
+    disabled: 'dl.text.disabled',
+};
+export function Chips({ label, showLeftIcon = true, showRightIcon = true, leftIcon, rightIcon, variant = 'muted', onClick, ...rest }) {
+    return (_jsxs(Box, { display: "inline-flex", alignItems: "center", gap: "1", px: "2", py: "0.5", borderRadius: "dl.sm", bg: variantToBg[variant], color: variantToColor[variant], borderWidth: variant === 'outlined' ? '1px' : 0, borderColor: "dl.neutral.30", fontSize: "xs", cursor: onClick ? 'pointer' : 'default', onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, ...rest, children: [showLeftIcon && leftIcon, label, showRightIcon && rightIcon] }));
+}
+//# sourceMappingURL=Chips.js.map

package/dist/components/Chips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../src/components/Chips.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAC;AAatD,MAAM,WAAW,GAA4B;IAC3C,OAAO,EAAE,mBAAmB;IAC5B,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,YAAY;IACpB,KAAK,EAAE,eAAe;IACtB,WAAW,EAAE,aAAa;IAC1B,WAAW,EAAE,gBAAgB;IAC7B,OAAO,EAAE,mBAAmB;IAC5B,OAAO,EAAE,mBAAmB;IAC5B,KAAK,EAAE,iBAAiB;IACxB,QAAQ,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,cAAc,GAA4B;IAC9C,OAAO,EAAE,YAAY;IACrB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,iBAAiB;IACzB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,SAAS;IACtB,WAAW,EAAE,SAAS;IACtB,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,UAAU;IACjB,QAAQ,EAAE,kBAAkB;CAC7B,CAAC;AAEF,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,YAAY,GAAG,IAAI,EACnB,aAAa,GAAG,IAAI,EACpB,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,OAAO,EACP,GAAG,IAAI,EACI;IACX,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAC,aAAa,EACrB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,GAAG,EACP,EAAE,EAAC,GAAG,EACN,EAAE,EAAC,KAAK,EACR,YAAY,EAAC,OAAO,EACpB,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,EACxB,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,EAC9B,WAAW,EAAE,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC/C,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAC,IAAI,EACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC7B,IAAI,aAEP,YAAY,IAAI,QAAQ,EACxB,KAAK,EACL,aAAa,IAAI,SAAS,IACvB,CACP,CAAC;AACJ,CAAC"}

package/dist/components/DetailsItem.d.ts

@@ -0,0 +1,28 @@
+import type { ElementType } from 'react';
+import { type BoxProps } from '@chakra-ui/react';
+import type { Variant, TestableProps } from '../types';
+export type DetailsDataVariant = 'text' | 'subtext' | 'icon' | 'chips';
+export interface DetailsDataProps extends Omit<BoxProps, 'color'>, TestableProps {
+    variant?: DetailsDataVariant;
+    text?: string;
+    subtext?: string;
+    chipsLabel?: string;
+    chipsVariant?: Variant;
+    icon?: ElementType;
+    contentAlign?: 'start' | 'end';
+}
+export declare function DetailsData({ variant, text, subtext, chipsLabel, chipsVariant, icon: Icon, contentAlign, ...rest }: DetailsDataProps): JSX.Element;
+export type DetailsItemVariant = 'compact' | 'full';
+export interface DetailsItemProps extends Omit<BoxProps, 'label' | 'color'>, TestableProps {
+    label?: string;
+    variant?: DetailsItemVariant;
+    infoIcon?: ElementType;
+    text?: string;
+    dataVariant?: DetailsDataVariant;
+    subtext?: string;
+    chipsLabel?: string;
+    chipsVariant?: Variant;
+    dataIcon?: ElementType;
+}
+export declare function DetailsItem({ label, variant, infoIcon: InfoIcon, text, dataVariant, subtext, chipsLabel, chipsVariant, dataIcon, ...rest }: DetailsItemProps): JSX.Element;
+//# sourceMappingURL=DetailsItem.d.ts.map

package/dist/components/DetailsItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsItem.d.ts","sourceRoot":"","sources":["../../src/components/DetailsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,EAAE,aAAa;IAC9E,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAgB,EAChB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,YAAsB,EACtB,IAAI,EAAE,IAAI,EACV,YAAoB,EACpB,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuBhC;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC,EAAE,aAAa;IACxF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAgB,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EACJ,WAAoB,EACpB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAyBhC"}

package/dist/components/DetailsItem.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { Chips } from './Chips';
+export function DetailsData({ variant = 'text', text, subtext, chipsLabel, chipsVariant = 'muted', icon: Icon, contentAlign = 'end', ...rest }) {
+    return (_jsxs(Box, { display: "flex", justifyContent: contentAlign === 'end' ? 'flex-end' : 'flex-start', alignItems: "center", gap: "2", ...rest, children: [variant === 'icon' && Icon ? _jsx(Icon, {}) : null, variant === 'chips' && chipsLabel ? _jsx(Chips, { label: chipsLabel, variant: chipsVariant }) : null, (variant === 'text' || variant === 'subtext') && text ? (_jsx(Box, { color: variant === 'subtext' ? 'dl.text.subtext' : 'dl.text', fontSize: variant === 'subtext' ? 'sm' : 'md', children: text })) : null, subtext && variant === 'text' ? (_jsx(Box, { color: "dl.text.subtext", fontSize: "sm", children: subtext })) : null] }));
+}
+export function DetailsItem({ label, variant = 'full', infoIcon: InfoIcon, text, dataVariant = 'text', subtext, chipsLabel, chipsVariant, dataIcon, ...rest }) {
+    return (_jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", width: "100%", py: variant === 'compact' ? '1' : '2', gap: "3", ...rest, children: [_jsxs(Box, { display: "flex", alignItems: "center", gap: "1", color: "dl.text.subtext", children: [label ? _jsx(Box, { fontSize: "sm", children: label }) : null, InfoIcon ? _jsx(InfoIcon, {}) : null] }), _jsx(DetailsData, { variant: dataVariant, text: text, subtext: subtext, chipsLabel: chipsLabel, chipsVariant: chipsVariant, icon: dataIcon })] }));
+}
+//# sourceMappingURL=DetailsItem.js.map

package/dist/components/DetailsItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsItem.js","sourceRoot":"","sources":["../../src/components/DetailsItem.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAehC,MAAM,UAAU,WAAW,CAAC,EAC1B,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,OAAO,EACP,UAAU,EACV,YAAY,GAAG,OAAO,EACtB,IAAI,EAAE,IAAI,EACV,YAAY,GAAG,KAAK,EACpB,GAAG,IAAI,EACU;IACjB,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,cAAc,EAAE,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,EAClE,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAC,GAAG,KACH,IAAI,aAEP,OAAO,KAAK,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,KAAC,IAAI,KAAG,CAAC,CAAC,CAAC,IAAI,EAC5C,OAAO,KAAK,OAAO,IAAI,UAAU,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9F,CAAC,OAAO,KAAK,MAAM,IAAI,OAAO,KAAK,SAAS,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CACvD,KAAC,GAAG,IAAC,KAAK,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,YAC7G,IAAI,GACD,CACP,CAAC,CAAC,CAAC,IAAI,EACP,OAAO,IAAI,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAC/B,KAAC,GAAG,IAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAC,IAAI,YACvC,OAAO,GACJ,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC;AAgBD,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,GAAG,MAAM,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EACJ,WAAW,GAAG,MAAM,EACpB,OAAO,EACP,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACU;IACjB,OAAO,CACL,MAAC,GAAG,IACF,OAAO,EAAC,MAAM,EACd,cAAc,EAAC,eAAe,EAC9B,UAAU,EAAC,QAAQ,EACnB,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EACrC,GAAG,EAAC,GAAG,KACH,IAAI,aAER,MAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,EAAC,KAAK,EAAC,iBAAiB,aACpE,KAAK,CAAC,CAAC,CAAC,KAAC,GAAG,IAAC,QAAQ,EAAC,IAAI,YAAE,KAAK,GAAO,CAAC,CAAC,CAAC,IAAI,EAC/C,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,KAAG,CAAC,CAAC,CAAC,IAAI,IAC3B,EACN,KAAC,WAAW,IACV,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,QAAQ,GACd,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Divider.d.ts

@@ -0,0 +1,15 @@
+import { type BoxProps } from '@chakra-ui/react';
+import type { TestableProps } from '../types';
+export type DividerOrientation = 'horizontal' | 'vertical';
+export interface DividerProps extends BoxProps, TestableProps {
+    orientation?: DividerOrientation;
+    length?: BoxProps['width'];
+    thickness?: BoxProps['height'];
+    colorToken?: string;
+}
+/**
+ * Thin separator. Honours `orientation`, `length`, and `thickness`.
+ * `role="separator"` + correct `aria-orientation` for a11y.
+ */
+export declare function Divider({ orientation, length, thickness, colorToken, ...rest }: DividerProps): JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,QAAQ,EAAE,aAAa;IAC3D,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,MAAM,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC3B,SAAS,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,MAAM,EACN,SAAiB,EACjB,UAA4B,EAC5B,GAAG,IAAI,EACR,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAY5B"}

package/dist/components/Divider.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+/**
+ * Thin separator. Honours `orientation`, `length`, and `thickness`.
+ * `role="separator"` + correct `aria-orientation` for a11y.
+ */
+export function Divider({ orientation = 'horizontal', length, thickness = '1px', colorToken = 'dl.neutral.30', ...rest }) {
+    const isVertical = orientation === 'vertical';
+    return (_jsx(Box, { role: "separator", "aria-orientation": orientation, bg: colorToken, width: isVertical ? thickness : length ?? '100%', height: isVertical ? length ?? '100%' : thickness, ...rest }));
+}
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAC;AAYtD;;;GAGG;AACH,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,MAAM,EACN,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,eAAe,EAC5B,GAAG,IAAI,EACM;IACb,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,OAAO,CACL,KAAC,GAAG,IACF,IAAI,EAAC,WAAW,sBACE,WAAW,EAC7B,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,EAChD,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,KAC7C,IAAI,GACR,CACH,CAAC;AACJ,CAAC"}

package/dist/components/Dropdown.d.ts

@@ -0,0 +1,27 @@
+import { type ElementType, type ReactNode } from 'react';
+import type { TestableProps } from '../types';
+interface DropdownRenderHelpers {
+    open: boolean;
+    close: () => void;
+}
+export interface DropdownProps extends TestableProps {
+    triggerText?: string;
+    children?: ReactNode | ((helpers: DropdownRenderHelpers) => ReactNode);
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    leftIcon?: ElementType;
+    headerContent?: ReactNode;
+    title?: string;
+    subtitle?: string;
+    secondaryText?: string;
+    required?: boolean;
+    chipsLabel?: string;
+    isDisabled?: boolean;
+    isError?: boolean;
+    isSuccess?: boolean;
+    message?: string;
+}
+export declare function Dropdown({ triggerText, children, open, defaultOpen, onOpenChange, leftIcon, title, subtitle, isDisabled, isError, isSuccess, message, ...rest }: DropdownProps): JSX.Element;
+export {};
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,aAAc,SAAQ,aAAa;IAClD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,qBAAqB,KAAK,SAAS,CAAC,CAAC;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CA+C7B"}

package/dist/components/Dropdown.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Menu, Portal, Box, Flex } from '@chakra-ui/react';
+import { Button } from './Button';
+export function Dropdown({ triggerText, children, open, defaultOpen, onOpenChange, leftIcon, title, subtitle, isDisabled, isError, isSuccess, message, ...rest }) {
+    const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);
+    const effectiveOpen = open ?? internalOpen;
+    const handleOpenChange = (next) => {
+        setInternalOpen(next);
+        onOpenChange?.(next);
+    };
+    const close = () => handleOpenChange(false);
+    return (_jsxs(Box, { ...rest, children: [title ? (_jsx(Box, { fontWeight: "500", color: "dl.text", mb: "1", children: title })) : null, subtitle ? (_jsx(Box, { color: "dl.text.subtext", fontSize: "sm", mb: "1", children: subtitle })) : null, _jsxs(Menu.Root, { open: effectiveOpen, onOpenChange: (details) => handleOpenChange(details.open), children: [_jsx(Menu.Trigger, { asChild: true, disabled: isDisabled, children: _jsx(Button, { variant: isError ? 'error' : isSuccess ? 'success' : 'outlined', leftIcon: leftIcon, children: triggerText ?? 'Select' }) }), _jsx(Portal, { children: _jsx(Menu.Positioner, { children: _jsx(Menu.Content, { children: typeof children === 'function' ? children({ open: effectiveOpen, close }) : children }) }) })] }), message ? (_jsx(Flex, { color: isError ? 'dl.error' : isSuccess ? 'dl.success' : 'dl.text.subtext', fontSize: "sm", mt: "1", children: message })) : null] }));
+}
+//# sourceMappingURL=Dropdown.js.map

package/dist/components/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../src/components/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAoC,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AA2BlC,MAAM,UAAU,QAAQ,CAAC,EACvB,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,EACP,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACO;IACd,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,WAAW,IAAI,KAAK,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,IAAI,IAAI,YAAY,CAAC;IAE3C,MAAM,gBAAgB,GAAG,CAAC,IAAa,EAAQ,EAAE;QAC/C,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,YAAY,EAAE,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,GAAS,EAAE,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,MAAC,GAAG,OAAK,IAAI,aACV,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,GAAG,IAAC,UAAU,EAAC,KAAK,EAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,GAAG,YACzC,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,CACV,KAAC,GAAG,IAAC,KAAK,EAAC,iBAAiB,EAAC,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,YAC9C,QAAQ,GACL,CACP,CAAC,CAAC,CAAC,IAAI,EACR,MAAC,IAAI,CAAC,IAAI,IACR,IAAI,EAAE,aAAa,EACnB,YAAY,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,aAEzD,KAAC,IAAI,CAAC,OAAO,IAAC,OAAO,QAAC,QAAQ,EAAE,UAAU,YACxC,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,YACxF,WAAW,IAAI,QAAQ,GACjB,GACI,EACf,KAAC,MAAM,cACL,KAAC,IAAI,CAAC,UAAU,cACd,KAAC,IAAI,CAAC,OAAO,cACV,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,GACxE,GACC,GACX,IACC,EACX,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,IAAI,IAAC,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,QAAQ,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,YACnG,OAAO,GACH,CACR,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/dist/components/IconContainer.d.ts

@@ -0,0 +1,14 @@
+import type { ElementType } from 'react';
+import type { TestableProps } from '../types';
+export type IconContainerType = 'icon' | 'text' | 'image';
+export type IconContainerVariant = 'outlined' | 'muted' | 'secondary' | 'information' | 'success' | 'warning' | 'error' | 'disabled' | 'image';
+export interface IconContainerProps extends TestableProps {
+    type?: IconContainerType;
+    variant?: IconContainerVariant;
+    icon?: ElementType;
+    text?: string;
+    imageSrc?: string;
+    imageAlt?: string;
+}
+export declare function IconContainer({ type, variant, icon: Icon, text, imageSrc, imageAlt, ...rest }: IconContainerProps): JSX.Element;
+//# sourceMappingURL=IconContainer.d.ts.map

package/dist/components/IconContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconContainer.d.ts","sourceRoot":"","sources":["../../src/components/IconContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAC5B,UAAU,GACV,OAAO,GACP,WAAW,GACX,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAcD,wBAAgB,aAAa,CAAC,EAC5B,IAAa,EACb,OAAiB,EACjB,IAAI,EAAE,IAAI,EACV,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CA8BlC"}

package/dist/components/IconContainer.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react';
+import { safeUrl } from '../internal/sanitize';
+const variantToTheme = {
+    outlined: { bg: 'transparent', color: 'dl.text', border: 'dl.neutral.30' },
+    muted: { bg: 'dl.neutral.10', color: 'dl.text', border: 'transparent' },
+    secondary: { bg: 'dl.primary.tint10', color: 'dl.primary', border: 'transparent' },
+    information: { bg: 'dl.info.tint10', color: 'dl.info', border: 'transparent' },
+    success: { bg: 'dl.success.tint10', color: 'dl.success', border: 'transparent' },
+    warning: { bg: 'dl.warning.tint10', color: 'dl.warning', border: 'transparent' },
+    error: { bg: 'dl.error.tint10', color: 'dl.error', border: 'transparent' },
+    disabled: { bg: 'dl.neutral.10', color: 'dl.text.disabled', border: 'transparent' },
+    image: { bg: 'transparent', color: 'dl.text', border: 'dl.neutral.30' },
+};
+export function IconContainer({ type = 'icon', variant = 'muted', icon: Icon, text, imageSrc, imageAlt, ...rest }) {
+    const theme = variantToTheme[variant];
+    const safe = safeUrl(imageSrc);
+    return (_jsxs(Box, { display: "inline-flex", alignItems: "center", justifyContent: "center", width: "40px", height: "40px", borderRadius: "dl.md", bg: theme.bg, color: theme.color, borderWidth: variant === 'outlined' || variant === 'image' ? '1px' : 0, borderColor: theme.border, overflow: "hidden", ...rest, children: [type === 'icon' && Icon ? _jsx(Icon, {}) : null, type === 'text' && text ? _jsx(Box, { fontSize: "sm", children: text }) : null, type === 'image' && safe ? (_jsx("img", { src: safe, alt: imageAlt ?? '', style: { width: '100%', height: '100%', objectFit: 'cover' } })) : null] }));
+}
+//# sourceMappingURL=IconContainer.js.map