@d4gger/design-system 2.7.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 D4gger
+
+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/README.md

@@ -0,0 +1,145 @@
+# @d4gger/design-system
+
+React design system package for D4gger. It ships foundations, primitives, components, icons, tokens, motion helpers, and CSS from one public package.
+
+## What this package ships
+
+- **Foundations** — theme, layout, typography, responsive helpers, shared polymorphic utilities
+- **Primitives** — low-level building blocks aligned with `docs/design-system/HIERARCHY.md`: `AccessibleIcon`, `AspectRatio`, `Avatar`, `Badge`, `Button`, `Checkbox`, `Icon`, `Input`, `Label`, `Progress`, `RadioGroup`, `Separator`, `Skeleton`, `Slider`, `Slot`, `Spinner`, `Switch`, `TextArea`, `Toggle`, `Tooltip`, `VisuallyHidden`
+- **Components** — higher-level UI for overlays, menus, navigation, forms, data display, feedback, editors, and pickers, including `CommentThread`, `DataTable`, `Prose`, `Result`, `RichTextEditor`, `SortableList`, and `TableOfContents`
+- **Icons** — named React icon exports
+- **Tokens** — generated token exports plus CSS token variables
+- **Motion** — `motion` and `AnimatePresence` re-exported from `framer-motion`
+- **Props** — prop-definition primitives and reusable prop-def bundles for DS-local extension work
+- **Helpers** — `extractProps` for turning prop definitions into merged class/style output
+- **CSS** — bundled styles, reset styles, utilities, tokens, component CSS, and per-component CSS entrypoints
+
+## Public entrypoints
+
+### JavaScript
+
+- `@d4gger/design-system`
+- `@d4gger/design-system/foundations`
+- `@d4gger/design-system/components`
+- `@d4gger/design-system/icons`
+- `@d4gger/design-system/motion`
+- `@d4gger/design-system/article-nodes` (read-side renderers; no Tiptap peer required)
+- `@d4gger/design-system/article-extensions` (Tiptap article schema extensions)
+- `@d4gger/design-system/sortable-list` (dnd-kit-backed reordering)
+- Dedicated advanced-component entrypoints listed in `package.json`
+
+### CSS
+
+- `@d4gger/design-system/styles.css`
+- `@d4gger/design-system/reset.css`
+- `@d4gger/design-system/tokens.css`
+- `@d4gger/design-system/utilities.css`
+- `@d4gger/design-system/components.css`
+- `@d4gger/design-system/tailwind.css` (optional Tailwind v4 token adapter)
+- `@d4gger/design-system/brand-effects.css` (optional product atmosphere)
+- `@d4gger/design-system/components/*.css`
+
+## Installation requirements
+
+Install the package and satisfy these peer dependencies:
+
+- `react >= 18`
+- `react-dom >= 18`
+- `lucide-react >= 1`
+- `framer-motion >= 11` only if you use `@d4gger/design-system/motion`
+- `@dnd-kit/core`, `@dnd-kit/sortable`, and `@dnd-kit/utilities` only if you use `SortableList`
+- `@tiptap/core`, `@tiptap/react`, `@tiptap/starter-kit`, the documented Tiptap image/table/code-block extensions, `@tiptap/pm`, and `lowlight` only if you use `RichTextEditor`
+
+## Setup contract
+
+- Import `@d4gger/design-system/styles.css` once at app entry.
+- Tailwind v4 applications may import `tailwind.css` after `tailwindcss`; the app still owns the Tailwind build and uses it for composition only. Named DS spacing utilities are namespaced (`p-dsx-sm`, `gap-dsx-lg`), numeric spacing keeps the 4px base, standard named `max-w-*` retains Tailwind semantics, and DS page widths use `Container` or the adapter's `max-w-content` / `max-w-wide`.
+- Import `brand-effects.css` only when a page uses the optional ambient, starfield, or shimmer wrapper classes. Select `dsx-brand-starfield--sparse` / `--dense`, or tune the published `--dsx-brand-starfield-*` and `--dsx-brand-shimmer-opacity` variables on the wrapper.
+- Use `Theme` when you want the package to apply theme attributes for appearance, density, scaling, accent, gray, radius, panel background, and surface.
+- `Theme` supports `mode="light" | "dark"`, `appearance="light" | "dark" | "inherit"`, `accentColor="rift" | "warp" | "ray"`, `grayColor="auto" | "neutral"`, `radius="none" | "small" | "medium" | "large" | "full"`, `panelBackground="solid" | "translucent"`, `density="comfortable" | "compact"`, optional `scaling`, and `surface="theme" | "transparent"`.
+- `Theme` defaults to dark mode, comfortable density, rift accent, auto gray, medium radius, translucent panel background, and theme surface.
+- Nested `Theme` wrappers inherit the active theme context automatically, and `appearance="inherit"` preserves the current light or dark appearance while allowing local overrides for the rest of the theme state.
+- Accent roles are deliberately distinct: `accent-track` is a solid fill, `accent-contrast` is its foreground, `accent-indicator` is accent-as-foreground/indicator paint, and `accent-surface` is a subtle tinted background. Light themes use darker indicator values than their track values.
+- `Theme` can run locally on a wrapper element or globally with `applyToDocument`.
+- When `applyToDocument` is enabled, `Theme` writes `data-dsx-theme`, `data-dsx-density`, `data-dsx-scaling`, `data-accent-color`, `data-gray-color`, `data-radius`, `data-panel-background`, `data-has-background`, and `colorScheme` to `html` and `body`.
+- Use `ThemeProvider` when you want persisted theme preference plus persisted accent, gray, radius, panel background, density, and scaling settings.
+- `ThemeProvider` stores `light`, `dark`, or `system` in `localStorage`, resolves system theme from the user’s media query, mirrors the full theme data-attribute contract to the document, and requires a `storageKey`.
+- `useTheme` must be used inside `ThemeProvider`.
+
+## Import model
+
+- The root entrypoint is the broad app-facing surface for interactive React consumers. It exposes tokens, icons, foundations, primitives, and components so current frontend apps can import from one package path.
+- Use `@d4gger/design-system/foundations` for the canonical app-composition layout API: `Box`, `Flex`, `Grid`, `Stack`, `Container`, `Section`, theme, typography, responsive helpers, and shared polymorphic utilities.
+- Use `@d4gger/design-system/components` for primitives and composite UI families with internal slots, coordinated behavior, or heavier app-shell responsibilities.
+- Use the root entrypoint for generated JavaScript token exports and `@d4gger/design-system/tokens.css` for CSS token variables.
+- Use `@d4gger/design-system/icons` for icon exports.
+- Use only documented public entrypoints. Do not import from internal source paths.
+- Import `SortableList` from `@d4gger/design-system/sortable-list` and direct Tiptap article extensions from `@d4gger/design-system/article-extensions`; these optional-peer surfaces are intentionally absent from the root and `components` barrels.
+- Read-side article renderers remain available from the root/components barrels and from `@d4gger/design-system/article-nodes` because they do not load Tiptap.
+- `@d4gger/design-system/motion` is a thin re-export of `framer-motion`, not a separate animation API.
+- Component-level CSS can be imported from `@d4gger/design-system/components/*.css` when full bundled styles are not desired.
+- Component-level layout wrappers exposed from `@d4gger/design-system/components` are compatibility and package-authoring conveniences. Prefer the foundations layout exports for new app shells and product composition.
+
+## Surface maturity contract
+
+- Canonical primitives and components are indexed in `docs/design-system/HIERARCHY.md` and `docs/design-system-index.md`.
+- Package-shipped surfaces without first-class specs are valid exports, but they are package-stage surfaces until canonical anatomy, accessibility, and Penpot contracts are written.
+- Package-stage today: none. All shipped component surfaces now have canonical specs under `docs/design-system/`.
+- `Card` canonical variants are `default` and `glass`; `outline` remains compatibility-only for older frontend usage.
+- `Sidebar` is a panel/cabinet shell component. Apps own routing, auth, nav data, permissions, and page orchestration.
+- `Cabinet Shell` is the canonical authenticated product-area pattern for composing `Sidebar`, `Toolbar`, `DropdownMenu`, `Card`, `DataList`, `EmptyState`, layout, and typography without shipping app routing or auth.
+- Tailwind consumer policy lives in the shipped consumer guide: Tailwind may be downstream app-local composition mapped to DS variables, not a DS token source or component system.
+- `Chart` is a tokenized DS chart shell. Apps own analytics semantics; raw Recharts exports are compatibility escape hatches, not the canonical DS anatomy.
+- Heavy and adapter-backed surfaces are classified in `docs/heavy-component-boundaries.md`; package exports do not imply that every shipped surface is canonical or app-semantics-owning.
+- `Command`, `Drawer`, `Resizable`, `RichTextEditor`, `Chart`, and `Sonner` are advanced adapter-backed surfaces. The package owns shells and tokens; apps own product behavior.
+
+## RichTextEditor boundary
+
+- `RichTextEditor` is a managed convenience wrapper that creates a default Tiptap editor for simple package consumers.
+- `RichTextEditor.Shell` is the canon-aligned shell surface when the app owns the editor instance, schema, extension policy, and persistence format.
+- Use `preset="article"` for the package article schema or `createRichTextEditorExtensions` to compose an app-owned editor. `extensions` remains a full replacement escape hatch.
+- Authored HTML and stable `data-dsx-*` attributes are the interoperability contract. Apps own sanitization, migrations, storage, uploads, embed resolution/allowlists, and poll APIs.
+- `onUpdate` remains the compatibility callback for string output and defaults to HTML serialization unless `serialize` is provided.
+
+## DatePicker boundary
+
+- `DatePicker` is the canonical product-facing date-selection surface and stays single-date only.
+- `Calendar` is the lower-level builder underneath that surface; use it directly only when the app owns calendar composition beyond the standard trigger-plus-popover pattern.
+- `DatePicker` accepts and emits JavaScript `Date` values for one selected calendar day. The package does not define canonical timezone, range, or persistence semantics for those values.
+- The default trigger label uses host-locale `toLocaleDateString(..., { dateStyle: 'medium' })`. Supply `formatDate` when product copy must be fixed to a specific locale, timezone, or domain-specific wording.
+- `calendarProps` is for lower-level calendar configuration around the package-owned picker flow; selection state and single-date mode stay controlled by `DatePicker`.
+
+## Motion-safe status and ticker surfaces
+
+- `Status pulse` becomes a static semantic dot under `prefers-reduced-motion: reduce`.
+- `InputOtp` keeps a visible caret but removes infinite blinking under reduced motion.
+- `Marquee` keeps its existing `speed`, `direction`, and `pauseOnHover` API and adds `edgeFade?: boolean` (default `false`).
+- `Marquee edgeFade` uses `--dsx-marquee-edge-fade-width` (default `var(--dsx-space-xl)`), clears while focus is inside, and is removed in reduced motion. The reduced-motion layout presents one static wrapping content copy.
+
+## Layout and responsive contract
+
+- Foundations expose `Box`, `Flex`, `Grid`, `Stack`, `Container`, and `Section` as the canonical layout composition API for app shells and product pages.
+- `Container` is a centered block-width shell by default. Nest `Flex`, `Grid`, or `Stack` inside it instead of assuming Container is a flex layout.
+- Box-derived spacing props accept numeric token strings `0`–`9` and the named scale: `none`, `xs`, `sm`, `md`, `lg`, `xl`, `2xl`, `3xl`, `gutter`, and `margin`.
+- `Inset` remains a component-level utility for edge padding inside composed surfaces; do not treat it as a separate app-shell primitive.
+- Component-level layout wrappers share the same CSS classes where possible, but their prop vocabulary is a compatibility/package-authoring seam rather than the preferred app import model.
+- Responsive helpers expose breakpoint and container contracts.
+- Density modes are `comfortable` and `compact`.
+
+## Accordion indicator contract
+
+- `Accordion.Trigger` renders one built-in chevron by default.
+- Pass `indicator={false}` to hide it or `indicator={<YourIcon />}` to replace it.
+- `Accordion.ItemIndicator` and `Accordion.ItemBody` are compatibility exports. Prefer the trigger prop and `Accordion.Content`; never compose the legacy indicator alongside the built-in one or nest `ItemBody` inside `Content`.
+
+## Offline API documentation
+
+The installed package includes `dist/docs/index.md` plus canonical component specifications and the consumer guide.
+
+## Published artifact
+
+The published package contains built JavaScript, CommonJS bundles, type declarations, CSS assets, `README.md`, `package.json`, and a package-scoped MIT `LICENSE` file.
+
+## License
+
+MIT

package/dist/_internal/BaseButton.cjs

@@ -0,0 +1,74 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BaseButton_exports = {};
+__export(BaseButton_exports, {
+  BaseButton: () => BaseButton
+});
+module.exports = __toCommonJS(BaseButton_exports);
+var React = __toESM(require("react"), 1);
+var import_react_slot = require("@radix-ui/react-slot");
+var import_jsx_runtime = require("react/jsx-runtime");
+const BaseButton = React.forwardRef(function BaseButton2({
+  asChild = false,
+  children,
+  disabled = false,
+  loading = false,
+  onClick,
+  type = "button",
+  ...props
+}, ref) {
+  const Comp = asChild ? import_react_slot.Slot : "button";
+  const isDisabled = disabled || loading;
+  const handleClick = React.useCallback(
+    (event) => {
+      if (isDisabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      onClick?.(event);
+    },
+    [isDisabled, onClick]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Comp,
+    {
+      ...props,
+      ref,
+      "aria-busy": loading || void 0,
+      "aria-disabled": isDisabled || void 0,
+      "data-disabled": isDisabled ? "true" : void 0,
+      "data-loading": loading ? "true" : void 0,
+      onClick: handleClick,
+      ...!asChild ? { disabled: isDisabled, type } : { type: void 0 },
+      children
+    }
+  );
+});
+//# sourceMappingURL=BaseButton.cjs.map

package/dist/_internal/BaseButton.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/_internal/BaseButton.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nexport type BaseButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  asChild?: boolean\n  loading?: boolean\n}\n\nexport const BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(function BaseButton(\n  {\n    asChild = false,\n    children,\n    disabled = false,\n    loading = false,\n    onClick,\n    type = 'button',\n    ...props\n  },\n  ref,\n) {\n  const Comp = asChild ? Slot : 'button'\n  const isDisabled = disabled || loading\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n    (event) => {\n      if (isDisabled) {\n        event.preventDefault()\n        event.stopPropagation()\n        return\n      }\n\n      onClick?.(event)\n    },\n    [isDisabled, onClick],\n  )\n\n  return (\n    <Comp\n      {...props}\n      ref={ref}\n      aria-busy={loading || undefined}\n      aria-disabled={isDisabled || undefined}\n      data-disabled={isDisabled ? 'true' : undefined}\n      data-loading={loading ? 'true' : undefined}\n      onClick={handleClick}\n      {...(!asChild ? { disabled: isDisabled, type } : { type: undefined })}\n    >\n      {children}\n    </Comp>\n  )\n})\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,wBAAqB;AAoCjB;AA7BG,MAAM,aAAa,MAAM,WAA+C,SAASA,YACtF;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAO,UAAU,yBAAO;AAC9B,QAAM,aAAa,YAAY;AAE/B,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,UAAU;AACT,UAAI,YAAY;AACd,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,gBAAU,KAAK;AAAA,IACjB;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,EACtB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,aAAW,WAAW;AAAA,MACtB,iBAAe,cAAc;AAAA,MAC7B,iBAAe,aAAa,SAAS;AAAA,MACrC,gBAAc,UAAU,SAAS;AAAA,MACjC,SAAS;AAAA,MACR,GAAI,CAAC,UAAU,EAAE,UAAU,YAAY,KAAK,IAAI,EAAE,MAAM,OAAU;AAAA,MAElE;AAAA;AAAA,EACH;AAEJ,CAAC;",
+  "names": ["BaseButton"]
+}

package/dist/_internal/BaseButton.d.cts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type BaseButtonProps = React.ComponentPropsWithoutRef<'button'> & {
+    asChild?: boolean;
+    loading?: boolean;
+};
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+    loading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BaseButton.d.cts.map

package/dist/_internal/BaseButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.cts","sourceRoot":"","sources":["../../src/_internal/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU;cAJX,OAAO;cACP,OAAO;2CA6CjB,CAAA"}

package/dist/_internal/BaseButton.d.mts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type BaseButtonProps = React.ComponentPropsWithoutRef<'button'> & {
+    asChild?: boolean;
+    loading?: boolean;
+};
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+    loading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BaseButton.d.mts.map

package/dist/_internal/BaseButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.mts","sourceRoot":"","sources":["../../src/_internal/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU;cAJX,OAAO;cACP,OAAO;2CA6CjB,CAAA"}

package/dist/_internal/BaseButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export type BaseButtonProps = React.ComponentPropsWithoutRef<'button'> & {
+    asChild?: boolean;
+    loading?: boolean;
+};
+export declare const BaseButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+    loading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=BaseButton.d.ts.map

package/dist/_internal/BaseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../src/_internal/BaseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,GAAG;IACvE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU;cAJX,OAAO;cACP,OAAO;2CA6CjB,CAAA"}

package/dist/_internal/BaseButton.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+const BaseButton = React.forwardRef(function BaseButton2({
+  asChild = false,
+  children,
+  disabled = false,
+  loading = false,
+  onClick,
+  type = "button",
+  ...props
+}, ref) {
+  const Comp = asChild ? Slot : "button";
+  const isDisabled = disabled || loading;
+  const handleClick = React.useCallback(
+    (event) => {
+      if (isDisabled) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
+      onClick?.(event);
+    },
+    [isDisabled, onClick]
+  );
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      ref,
+      "aria-busy": loading || void 0,
+      "aria-disabled": isDisabled || void 0,
+      "data-disabled": isDisabled ? "true" : void 0,
+      "data-loading": loading ? "true" : void 0,
+      onClick: handleClick,
+      ...!asChild ? { disabled: isDisabled, type } : { type: void 0 },
+      children
+    }
+  );
+});
+export {
+  BaseButton
+};
+//# sourceMappingURL=BaseButton.js.map

package/dist/_internal/BaseButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/_internal/BaseButton.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport { Slot } from '@radix-ui/react-slot'\n\nexport type BaseButtonProps = React.ComponentPropsWithoutRef<'button'> & {\n  asChild?: boolean\n  loading?: boolean\n}\n\nexport const BaseButton = React.forwardRef<HTMLButtonElement, BaseButtonProps>(function BaseButton(\n  {\n    asChild = false,\n    children,\n    disabled = false,\n    loading = false,\n    onClick,\n    type = 'button',\n    ...props\n  },\n  ref,\n) {\n  const Comp = asChild ? Slot : 'button'\n  const isDisabled = disabled || loading\n\n  const handleClick = React.useCallback<React.MouseEventHandler<HTMLButtonElement>>(\n    (event) => {\n      if (isDisabled) {\n        event.preventDefault()\n        event.stopPropagation()\n        return\n      }\n\n      onClick?.(event)\n    },\n    [isDisabled, onClick],\n  )\n\n  return (\n    <Comp\n      {...props}\n      ref={ref}\n      aria-busy={loading || undefined}\n      aria-disabled={isDisabled || undefined}\n      data-disabled={isDisabled ? 'true' : undefined}\n      data-loading={loading ? 'true' : undefined}\n      onClick={handleClick}\n      {...(!asChild ? { disabled: isDisabled, type } : { type: undefined })}\n    >\n      {children}\n    </Comp>\n  )\n})\n"],
+  "mappings": "AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAoCjB;AA7BG,MAAM,aAAa,MAAM,WAA+C,SAASA,YACtF;AAAA,EACE,UAAU;AAAA,EACV;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GACA,KACA;AACA,QAAM,OAAO,UAAU,OAAO;AAC9B,QAAM,aAAa,YAAY;AAE/B,QAAM,cAAc,MAAM;AAAA,IACxB,CAAC,UAAU;AACT,UAAI,YAAY;AACd,cAAM,eAAe;AACrB,cAAM,gBAAgB;AACtB;AAAA,MACF;AAEA,gBAAU,KAAK;AAAA,IACjB;AAAA,IACA,CAAC,YAAY,OAAO;AAAA,EACtB;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,aAAW,WAAW;AAAA,MACtB,iBAAe,cAAc;AAAA,MAC7B,iBAAe,aAAa,SAAS;AAAA,MACrC,gBAAc,UAAU,SAAS;AAAA,MACjC,SAAS;AAAA,MACR,GAAI,CAAC,UAAU,EAAE,UAAU,YAAY,KAAK,IAAI,EAAE,MAAM,OAAU;AAAA,MAElE;AAAA;AAAA,EACH;AAEJ,CAAC;",
+  "names": ["BaseButton"]
+}

package/dist/_internal/BaseDialog.cjs

@@ -0,0 +1,180 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var BaseDialog_exports = {};
+__export(BaseDialog_exports, {
+  BaseDialogClose: () => BaseDialogClose,
+  BaseDialogContent: () => BaseDialogContent,
+  BaseDialogOverlay: () => BaseDialogOverlay,
+  BaseDialogRoot: () => BaseDialogRoot,
+  BaseDialogTrigger: () => BaseDialogTrigger,
+  PortalThemeBoundary: () => PortalThemeBoundary,
+  PortalThemeWrapper: () => PortalThemeWrapper,
+  usePortalThemeState: () => usePortalThemeState
+});
+module.exports = __toCommonJS(BaseDialog_exports);
+var React = __toESM(require("react"), 1);
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_foundations = require("../foundations");
+var import_responsive = require("../layout/responsive.props");
+var import_cn = require("./cn");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DEFAULT_PORTAL_THEME_STATE = {
+  accentColor: "rift",
+  mode: "dark",
+  density: "comfortable",
+  grayColor: "auto",
+  hasBackground: true,
+  panelBackground: "translucent",
+  radius: "md",
+  scaling: "100"
+};
+const PortalThemeContext = React.createContext(DEFAULT_PORTAL_THEME_STATE);
+function usePortalThemeState() {
+  return React.useContext(PortalThemeContext);
+}
+function getClosestThemeAttribute(element, attributeName) {
+  let current = element;
+  while (current) {
+    const value = current.getAttribute(attributeName);
+    if (value !== null) {
+      return value;
+    }
+    current = current.parentElement;
+  }
+  return null;
+}
+function getThemeObservationTargets(element) {
+  const targets = [];
+  let current = element?.parentElement ?? null;
+  while (current) {
+    targets.push(current);
+    current = current.parentElement;
+  }
+  return targets;
+}
+function resolvePortalThemeState(element) {
+  const scaling = getClosestThemeAttribute(element, "data-dsx-scaling");
+  const accentColor = getClosestThemeAttribute(element, "data-accent-color");
+  const mode = getClosestThemeAttribute(element, "data-dsx-theme");
+  const density = getClosestThemeAttribute(element, "data-dsx-density");
+  const grayColor = getClosestThemeAttribute(element, "data-gray-color");
+  const hasBackground = getClosestThemeAttribute(element, "data-has-background");
+  const panelBackground = getClosestThemeAttribute(element, "data-panel-background");
+  const radius = getClosestThemeAttribute(element, "data-radius");
+  return {
+    accentColor: accentColor === "warp" ? "warp" : accentColor === "ray" ? "ray" : "rift",
+    mode: mode === "light" ? "light" : "dark",
+    density: density === "compact" ? "compact" : "comfortable",
+    grayColor: grayColor === "neutral" ? "neutral" : "auto",
+    hasBackground: hasBackground !== "false",
+    panelBackground: panelBackground === "solid" ? "solid" : "translucent",
+    radius: radius === "none" ? "none" : radius === "sm" ? "sm" : radius === "lg" ? "lg" : radius === "full" ? "full" : "md",
+    scaling: scaling === "90" || scaling === "95" || scaling === "100" || scaling === "105" || scaling === "110" ? scaling : void 0
+  };
+}
+function PortalThemeBoundary({ children }) {
+  const probeRef = React.useRef(null);
+  const [themeState, setThemeState] = React.useState(DEFAULT_PORTAL_THEME_STATE);
+  React.useLayoutEffect(() => {
+    const probe = probeRef.current;
+    if (!probe) {
+      return;
+    }
+    const updateThemeState = () => {
+      setThemeState(resolvePortalThemeState(probe));
+    };
+    updateThemeState();
+    if (typeof MutationObserver === "undefined") {
+      return;
+    }
+    const observer = new MutationObserver(updateThemeState);
+    const targets = getThemeObservationTargets(probe);
+    for (const target of targets) {
+      observer.observe(target, {
+        attributes: true,
+        attributeFilter: [
+          "data-accent-color",
+          "data-gray-color",
+          "data-dsx-theme",
+          "data-dsx-density",
+          "data-dsx-scaling",
+          "data-has-background",
+          "data-panel-background",
+          "data-radius"
+        ]
+      });
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PortalThemeContext.Provider, { value: themeState, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { ref: probeRef, hidden: true, "aria-hidden": "true", "data-dsx-portal-probe": "" }),
+    children
+  ] });
+}
+function PortalThemeWrapper({ children }) {
+  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_foundations.Theme,
+    {
+      asChild: true,
+      mode,
+      density,
+      scaling,
+      accentColor,
+      grayColor,
+      panelBackground,
+      radius,
+      surface: "transparent",
+      children
+    }
+  );
+}
+function BaseDialogRoot({ children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalThemeBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Root, { ...props, children }) });
+}
+const BaseDialogTrigger = DialogPrimitive.Trigger;
+const BaseDialogClose = DialogPrimitive.Close;
+const BaseDialogOverlay = React.forwardRef(function BaseDialogOverlay2({ className, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Overlay, { ...props, ref, className: (0, import_cn.cn)(className) });
+});
+const BaseDialogContent = React.forwardRef(function BaseDialogContent2({ children, className, overlayClassName, overlayProps, portalProps, ...props }, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(DialogPrimitive.Portal, { ...portalProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      BaseDialogOverlay,
+      {
+        ...overlayProps,
+        className: (0, import_cn.cn)(overlayProps?.className, overlayClassName)
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalThemeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DialogPrimitive.Content, { ...props, ref, className: (0, import_cn.cn)(className), children }) })
+  ] });
+});
+//# sourceMappingURL=BaseDialog.cjs.map

package/dist/_internal/BaseDialog.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/_internal/BaseDialog.tsx"],
+  "sourcesContent": ["import * as React from 'react'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\n\nimport {\n  Theme,\n  type ThemeAccentColor,\n  type ThemeGrayColor,\n  type ThemeMode,\n  type ThemePanelBackground,\n  type ThemeRadius,\n  type ThemeScaling,\n} from '../foundations'\nimport { type DensityMode } from '../layout/responsive.props'\nimport { cn } from './cn'\n\nexport type PortalThemeState = {\n  accentColor: ThemeAccentColor\n  mode: ThemeMode\n  density: DensityMode\n  grayColor: ThemeGrayColor\n  hasBackground: boolean\n  panelBackground: ThemePanelBackground\n  radius: ThemeRadius\n  scaling?: ThemeScaling\n}\n\nconst DEFAULT_PORTAL_THEME_STATE: PortalThemeState = {\n  accentColor: 'rift',\n  mode: 'dark',\n  density: 'comfortable',\n  grayColor: 'auto',\n  hasBackground: true,\n  panelBackground: 'translucent',\n  radius: 'md',\n  scaling: '100',\n}\n\nconst PortalThemeContext = React.createContext<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\nexport function usePortalThemeState() {\n  return React.useContext(PortalThemeContext)\n}\n\nfunction getClosestThemeAttribute(element: HTMLElement | null, attributeName: string) {\n  let current = element\n\n  while (current) {\n    const value = current.getAttribute(attributeName)\n\n    if (value !== null) {\n      return value\n    }\n\n    current = current.parentElement\n  }\n\n  return null\n}\n\nfunction getThemeObservationTargets(element: HTMLElement | null) {\n  const targets: HTMLElement[] = []\n  let current = element?.parentElement ?? null\n\n  while (current) {\n    targets.push(current)\n    current = current.parentElement\n  }\n\n  return targets\n}\n\nfunction resolvePortalThemeState(element: HTMLElement | null): PortalThemeState {\n  const scaling = getClosestThemeAttribute(element, 'data-dsx-scaling')\n  const accentColor = getClosestThemeAttribute(element, 'data-accent-color')\n  const mode = getClosestThemeAttribute(element, 'data-dsx-theme')\n  const density = getClosestThemeAttribute(element, 'data-dsx-density')\n  const grayColor = getClosestThemeAttribute(element, 'data-gray-color')\n  const hasBackground = getClosestThemeAttribute(element, 'data-has-background')\n  const panelBackground = getClosestThemeAttribute(element, 'data-panel-background')\n  const radius = getClosestThemeAttribute(element, 'data-radius')\n\n  return {\n    accentColor:\n      accentColor === 'warp'\n        ? 'warp'\n        : accentColor === 'ray'\n          ? 'ray'\n          : 'rift',\n    mode: mode === 'light' ? 'light' : 'dark',\n    density: density === 'compact' ? 'compact' : 'comfortable',\n    grayColor: grayColor === 'neutral' ? 'neutral' : 'auto',\n    hasBackground: hasBackground !== 'false',\n    panelBackground: panelBackground === 'solid' ? 'solid' : 'translucent',\n    radius:\n      radius === 'none'\n        ? 'none'\n        : radius === 'sm'\n          ? 'sm'\n          : radius === 'lg'\n            ? 'lg'\n            : radius === 'full'\n              ? 'full'\n              : 'md',\n    scaling:\n      scaling === '90' || scaling === '95' || scaling === '100' || scaling === '105' || scaling === '110'\n        ? scaling\n        : undefined,\n  }\n}\n\nexport function PortalThemeBoundary({ children }: { children?: React.ReactNode }) {\n  const probeRef = React.useRef<HTMLSpanElement>(null)\n  const [themeState, setThemeState] = React.useState<PortalThemeState>(DEFAULT_PORTAL_THEME_STATE)\n\n  React.useLayoutEffect(() => {\n    const probe = probeRef.current\n\n    if (!probe) {\n      return\n    }\n\n    const updateThemeState = () => {\n      setThemeState(resolvePortalThemeState(probe))\n    }\n\n    updateThemeState()\n\n    if (typeof MutationObserver === 'undefined') {\n      return\n    }\n\n    const observer = new MutationObserver(updateThemeState)\n    const targets = getThemeObservationTargets(probe)\n\n    for (const target of targets) {\n      observer.observe(target, {\n        attributes: true,\n        attributeFilter: [\n          'data-accent-color',\n          'data-gray-color',\n          'data-dsx-theme',\n          'data-dsx-density',\n          'data-dsx-scaling',\n          'data-has-background',\n          'data-panel-background',\n          'data-radius',\n        ],\n      })\n    }\n\n    return () => {\n      observer.disconnect()\n    }\n  }, [])\n\n  return (\n    <PortalThemeContext.Provider value={themeState}>\n      <span ref={probeRef} hidden aria-hidden=\"true\" data-dsx-portal-probe=\"\" />\n      {children}\n    </PortalThemeContext.Provider>\n  )\n}\n\nexport function PortalThemeWrapper({ children }: { children: React.ReactElement }) {\n  const { accentColor, density, grayColor, mode, panelBackground, radius, scaling } = usePortalThemeState()\n\n  return (\n    <Theme\n      asChild\n      mode={mode}\n      density={density}\n      scaling={scaling}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      panelBackground={panelBackground}\n      radius={radius}\n      surface=\"transparent\"\n    >\n      {children}\n    </Theme>\n  )\n}\n\nexport type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>\n\nexport function BaseDialogRoot({ children, ...props }: BaseDialogRootProps) {\n  return (\n    <PortalThemeBoundary>\n      <DialogPrimitive.Root {...props}>{children}</DialogPrimitive.Root>\n    </PortalThemeBoundary>\n  )\n}\n\nexport const BaseDialogTrigger: typeof DialogPrimitive.Trigger = DialogPrimitive.Trigger\nexport const BaseDialogClose: typeof DialogPrimitive.Close = DialogPrimitive.Close\n\nexport const BaseDialogOverlay = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(function BaseDialogOverlay({ className, ...props }, ref) {\n  return <DialogPrimitive.Overlay {...props} ref={ref} className={cn(className)} />\n})\n\nexport type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n  overlayClassName?: string\n  overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n  portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>\n}\n\nexport const BaseDialogContent = React.forwardRef<\n  React.ComponentRef<typeof DialogPrimitive.Content>,\n  BaseDialogContentProps\n>(function BaseDialogContent(\n  { children, className, overlayClassName, overlayProps, portalProps, ...props },\n  ref,\n) {\n  return (\n    <DialogPrimitive.Portal {...portalProps}>\n      <BaseDialogOverlay\n        {...overlayProps}\n        className={cn(overlayProps?.className, overlayClassName)}\n      />\n      <PortalThemeWrapper>\n        <DialogPrimitive.Content {...props} ref={ref} className={cn(className)}>\n          {children}\n        </DialogPrimitive.Content>\n      </PortalThemeWrapper>\n    </DialogPrimitive.Portal>\n  )\n})\n"],
+  "mappings": "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",
+  "names": ["BaseDialogOverlay", "BaseDialogContent"]
+}

package/dist/_internal/BaseDialog.d.cts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { type ThemeAccentColor, type ThemeGrayColor, type ThemeMode, type ThemePanelBackground, type ThemeRadius, type ThemeScaling } from '../foundations.cjs';
+import { type DensityMode } from '../layout/responsive.props.cjs';
+export type PortalThemeState = {
+    accentColor: ThemeAccentColor;
+    mode: ThemeMode;
+    density: DensityMode;
+    grayColor: ThemeGrayColor;
+    hasBackground: boolean;
+    panelBackground: ThemePanelBackground;
+    radius: ThemeRadius;
+    scaling?: ThemeScaling;
+};
+export declare function usePortalThemeState(): PortalThemeState;
+export declare function PortalThemeBoundary({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PortalThemeWrapper({ children }: {
+    children: React.ReactElement;
+}): import("react/jsx-runtime").JSX.Element;
+export type BaseDialogRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+export declare function BaseDialogRoot({ children, ...props }: BaseDialogRootProps): import("react/jsx-runtime").JSX.Element;
+export declare const BaseDialogTrigger: typeof DialogPrimitive.Trigger;
+export declare const BaseDialogClose: typeof DialogPrimitive.Close;
+export declare const BaseDialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export type BaseDialogContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
+    overlayClassName?: string;
+    overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
+};
+export declare const BaseDialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    overlayClassName?: string;
+    overlayProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
+    portalProps?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BaseDialog.d.cts.map

package/dist/_internal/BaseDialog.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseDialog.d.cts","sourceRoot":"","sources":["../../src/_internal/BaseDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,oBAAoB,EACzB,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,gBAAgB,CAAA;IAC7B,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,WAAW,CAAA;IACpB,SAAS,EAAE,cAAc,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,eAAe,EAAE,oBAAoB,CAAA;IACrC,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,CAAA;AAeD,wBAAgB,mBAAmB,qBAElC;AAqED,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAmD/E;AAED,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAAE,2CAkBhF;AAED,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAA;AAE7F,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAMzE;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,eAAe,CAAC,OAAiC,CAAA;AACxF,eAAO,MAAM,eAAe,EAAE,OAAO,eAAe,CAAC,KAA6B,CAAA;AAElF,eAAO,MAAM,iBAAiB,8JAK5B,CAAA;AAEF,MAAM,MAAM,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACpG,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,CAAA;IAC7E,WAAW,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB;uBALT,MAAM;mBACV,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC;kBAC/D,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC;wCAuB3E,CAAA"}