@kismet-ux/constellation 1.0.1 → 1.2.0

package/dist/ui/Chip/chip.css

@@ -0,0 +1,229 @@
+@charset "UTF-8";
+/**
+ * Size config. `icon-size` scales SVGs rendered as direct children to match
+ * the chip's visual weight. `padding-with-icon` trims horizontal padding
+ * when an icon is present (detected via `:has(> svg)`) so the overall shape
+ * stays balanced without icons looking crowded.
+ */
+.chip-module_chip__u4PJ9 {
+  align-items: center;
+  border: 1px solid;
+  border-radius: 999px;
+  display: inline-flex;
+  font-weight: 600;
+  gap: 0.35rem;
+  line-height: 1.1;
+  max-width: 100%;
+  transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
+  white-space: nowrap;
+}
+.chip-module_chip__u4PJ9 > svg {
+  flex-shrink: 0;
+}
+.chip-module_chip--wrap__YvZ3D {
+  white-space: normal;
+}
+.chip-module_chip--mono__SMCPR {
+  font-family: var(--font-mono), monospace;
+  font-variant-numeric: tabular-nums;
+}
+.chip-module_chip--uppercase__bLI8t {
+  font-weight: 700;
+  letter-spacing: 0.06em;
+  text-transform: uppercase;
+}
+.chip-module_chip--rounded__epRJb {
+  border-radius: var(--radius-xs);
+}
+.chip-module_chip--dashed__trSp1 {
+  border-style: dashed;
+}
+.chip-module_chip--2xs__GJtZF {
+  font-size: 0.56rem;
+  padding: 0 0.25rem;
+}
+.chip-module_chip--2xs__GJtZF > svg {
+  height: 0.6rem;
+  width: 0.6rem;
+}
+.chip-module_chip--2xs__GJtZF:has(> svg) {
+  padding: 0 0.2rem;
+}
+.chip-module_chip--xs__Smd5u {
+  font-size: 0.66rem;
+  padding: 0.1rem 0.4rem;
+}
+.chip-module_chip--xs__Smd5u > svg {
+  height: 0.7rem;
+  width: 0.7rem;
+}
+.chip-module_chip--xs__Smd5u:has(> svg) {
+  padding: 0.1rem 0.32rem;
+}
+.chip-module_chip--sm___bJkU {
+  font-size: 0.72rem;
+  padding: 0.15rem 0.5rem;
+}
+.chip-module_chip--sm___bJkU > svg {
+  height: 0.75rem;
+  width: 0.75rem;
+}
+.chip-module_chip--sm___bJkU:has(> svg) {
+  padding: 0.15rem 0.4rem;
+}
+.chip-module_chip--md__N7LAU {
+  font-size: 0.78rem;
+  padding: 0.25rem 0.65rem;
+}
+.chip-module_chip--md__N7LAU > svg {
+  height: 0.85rem;
+  width: 0.85rem;
+}
+.chip-module_chip--md__N7LAU:has(> svg) {
+  padding: 0.25rem 0.55rem;
+}
+.chip-module_chip__u4PJ9 {
+  /**
+   * Each theme resolves four roles. Every one is written as
+   * `var(--chip-color, <token>)`, so setting a single `--chip-color` on the
+   * element overrides the whole set — that is the escape hatch for a colour
+   * the theme scale does not have (a diet marker, a category hue), without
+   * needing a bespoke component.
+   */
+}
+.chip-module_chip__u4PJ9.chip-module_chip--primary__kBS6M {
+  --themed-main: var(--primary-main);
+  --themed-dark: var(--primary-dark);
+  --themed-emphasis: var(--primary-emphasis);
+  --themed-light: var(--primary-light);
+  --themed-contrast: var(--primary-contrast);
+  --themed-hover: var(--primary-hover);
+  --themed-focus: var(--primary-focus);
+  --themed-focus-visible: var(--primary-focus-visible);
+  --themed-outlined-border: var(--primary-outlined-border);
+  --themed-selected: var(--primary-selected);
+  --chip-ink: var(--chip-color, var(--primary-outlined-border));
+  --chip-fill: var(--chip-color, var(--primary-main));
+  --chip-wash: var(--chip-color, var(--primary-hover));
+  --chip-on-fill: var(--primary-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--secondary__eyfdz {
+  --themed-main: var(--secondary-main);
+  --themed-dark: var(--secondary-dark);
+  --themed-emphasis: var(--secondary-emphasis);
+  --themed-light: var(--secondary-light);
+  --themed-contrast: var(--secondary-contrast);
+  --themed-hover: var(--secondary-hover);
+  --themed-focus: var(--secondary-focus);
+  --themed-focus-visible: var(--secondary-focus-visible);
+  --themed-outlined-border: var(--secondary-outlined-border);
+  --themed-selected: var(--secondary-selected);
+  --chip-ink: var(--chip-color, var(--secondary-outlined-border));
+  --chip-fill: var(--chip-color, var(--secondary-main));
+  --chip-wash: var(--chip-color, var(--secondary-hover));
+  --chip-on-fill: var(--secondary-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--destructive__80JrW {
+  --themed-main: var(--destructive-main);
+  --themed-dark: var(--destructive-dark);
+  --themed-emphasis: var(--destructive-emphasis);
+  --themed-light: var(--destructive-light);
+  --themed-contrast: var(--destructive-contrast);
+  --themed-hover: var(--destructive-hover);
+  --themed-focus: var(--destructive-focus);
+  --themed-focus-visible: var(--destructive-focus-visible);
+  --themed-outlined-border: var(--destructive-outlined-border);
+  --themed-selected: var(--destructive-selected);
+  --chip-ink: var(--chip-color, var(--destructive-outlined-border));
+  --chip-fill: var(--chip-color, var(--destructive-main));
+  --chip-wash: var(--chip-color, var(--destructive-hover));
+  --chip-on-fill: var(--destructive-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--warning__3oxvl {
+  --themed-main: var(--warning-main);
+  --themed-dark: var(--warning-dark);
+  --themed-emphasis: var(--warning-emphasis);
+  --themed-light: var(--warning-light);
+  --themed-contrast: var(--warning-contrast);
+  --themed-hover: var(--warning-hover);
+  --themed-focus: var(--warning-focus);
+  --themed-focus-visible: var(--warning-focus-visible);
+  --themed-outlined-border: var(--warning-outlined-border);
+  --themed-selected: var(--warning-selected);
+  --chip-ink: var(--chip-color, var(--warning-outlined-border));
+  --chip-fill: var(--chip-color, var(--warning-main));
+  --chip-wash: var(--chip-color, var(--warning-hover));
+  --chip-on-fill: var(--warning-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--success__VF1tZ {
+  --themed-main: var(--success-main);
+  --themed-dark: var(--success-dark);
+  --themed-emphasis: var(--success-emphasis);
+  --themed-light: var(--success-light);
+  --themed-contrast: var(--success-contrast);
+  --themed-hover: var(--success-hover);
+  --themed-focus: var(--success-focus);
+  --themed-focus-visible: var(--success-focus-visible);
+  --themed-outlined-border: var(--success-outlined-border);
+  --themed-selected: var(--success-selected);
+  --chip-ink: var(--chip-color, var(--success-outlined-border));
+  --chip-fill: var(--chip-color, var(--success-main));
+  --chip-wash: var(--chip-color, var(--success-hover));
+  --chip-on-fill: var(--success-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--info__Jgnsc {
+  --themed-main: var(--info-main);
+  --themed-dark: var(--info-dark);
+  --themed-emphasis: var(--info-emphasis);
+  --themed-light: var(--info-light);
+  --themed-contrast: var(--info-contrast);
+  --themed-hover: var(--info-hover);
+  --themed-focus: var(--info-focus);
+  --themed-focus-visible: var(--info-focus-visible);
+  --themed-outlined-border: var(--info-outlined-border);
+  --themed-selected: var(--info-selected);
+  --chip-ink: var(--chip-color, var(--info-outlined-border));
+  --chip-fill: var(--chip-color, var(--info-main));
+  --chip-wash: var(--chip-color, var(--info-hover));
+  --chip-on-fill: var(--info-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--slate__vmQ7R {
+  --themed-main: var(--slate-main);
+  --themed-dark: var(--slate-dark);
+  --themed-emphasis: var(--slate-emphasis);
+  --themed-light: var(--slate-light);
+  --themed-contrast: var(--slate-contrast);
+  --themed-hover: var(--slate-hover);
+  --themed-focus: var(--slate-focus);
+  --themed-focus-visible: var(--slate-focus-visible);
+  --themed-outlined-border: var(--slate-outlined-border);
+  --themed-selected: var(--slate-selected);
+  --chip-ink: var(--chip-color, var(--slate-outlined-border));
+  --chip-fill: var(--chip-color, var(--slate-main));
+  --chip-wash: var(--chip-color, var(--slate-hover));
+  --chip-on-fill: var(--slate-contrast);
+}
+.chip-module_chip__u4PJ9.chip-module_chip--inherit__HjU_P {
+  --chip-ink: var(--chip-color, currentColor);
+  --chip-fill: var(--chip-color, currentColor);
+  --chip-wash: var(--chip-color, var(--themed-hover, var(--action-hover)));
+  --chip-on-fill: var(--themed-contrast, var(--background-default));
+}
+.chip-module_chip--soft__zYBtU {
+  background-color: color-mix(in srgb, var(--chip-wash) 20%, transparent);
+  border-color: var(--chip-ink);
+  color: var(--chip-ink);
+}
+.chip-module_chip--soft__zYBtU:hover {
+  background-color: color-mix(in srgb, var(--chip-wash) 40%, transparent);
+}
+.chip-module_chip--outline__TO-HF {
+  background-color: transparent;
+  border-color: color-mix(in srgb, var(--chip-ink) 55%, transparent);
+  color: var(--chip-ink);
+}
+.chip-module_chip--solid__F89cD {
+  background-color: var(--chip-fill);
+  border-color: var(--chip-fill);
+  color: var(--chip-on-fill);
+}

package/dist/ui/Chip/chip.d.ts

@@ -2,7 +2,21 @@ import { type VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 import { chipVariants } from './chip-variants';
 export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {
+    /**
+     * Any colour outside the theme scale — a category hue, a dietary marker.
+     * Overrides the whole set of colour roles the theme would otherwise supply,
+     * so one value is enough for every `variant`.
+     */
+    color?: string;
 }
+/**
+ * A small status marker.
+ *
+ * `variant` chooses how much weight it carries: `soft` (a tinted fill, the
+ * default) reads as ambient, `outline` recedes further, and `solid` is a claim.
+ * `dashed` marks the value as provisional — a guess rather than a reading —
+ * which is a distinction worth drawing without spending a second colour on it.
+ */
 declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
 export { Chip };
 //# sourceMappingURL=chip.d.ts.map

package/dist/ui/Chip/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/ui/Chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAErF,QAAA,MAAM,IAAI,mFAaT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/ui/Chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IAChF;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,mFAkCT,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/dist/ui/Chip/chip.js

@@ -4,8 +4,16 @@ import * as React from 'react';
 import { withAriaHiddenChildren } from '../../internal/with-aria-hidden-children.js';
 import { chipVariants } from './chip-variants.js';
 
-const Chip = React.forwardRef(({ className, size, theme, wrap, children, ...props }, ref) => {
-    return (jsx("span", { "data-slot": 'chip', ref: ref, className: cn(chipVariants({ size, theme, wrap }), className), ...props, children: withAriaHiddenChildren(children) }));
+/**
+ * A small status marker.
+ *
+ * `variant` chooses how much weight it carries: `soft` (a tinted fill, the
+ * default) reads as ambient, `outline` recedes further, and `solid` is a claim.
+ * `dashed` marks the value as provisional — a guess rather than a reading —
+ * which is a distinction worth drawing without spending a second colour on it.
+ */
+const Chip = React.forwardRef(({ className, size, theme, variant, shape, dashed, mono, uppercase, wrap, color, style, children, ...props }, ref) => {
+    return (jsx("span", { "data-slot": 'chip', ref: ref, className: cn(chipVariants({ size, theme, variant, shape, dashed, mono, uppercase, wrap }), className), style: color ? { ...style, '--chip-color': color } : style, ...props, children: withAriaHiddenChildren(children) }));
 });
 Chip.displayName = 'Chip';
 

package/dist/ui/Chip/chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.js","sources":["../../../src/ui/Chip/chip.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { withAriaHiddenChildren } from '../../internal/with-aria-hidden-children';\nimport { chipVariants } from './chip-variants';\n\nexport interface ChipProps\n  extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {}\n\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(\n  ({ className, size, theme, wrap, children, ...props }, ref) => {\n    return (\n      <span\n        data-slot={'chip'}\n        ref={ref}\n        className={cn(chipVariants({ size, theme, wrap }), className)}\n        {...props}\n      >\n        {withAriaHiddenChildren(children)}\n      </span>\n    );\n  },\n);\nChip.displayName = 'Chip';\n\nexport { Chip };\n"],"names":["_jsx"],"mappings":";;;;;;AASA,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC5D,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EACa,MAAM,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EAAA,GACzD,KAAK,EAAA,QAAA,EAER,sBAAsB,CAAC,QAAQ,CAAC,EAAA,CAC5B;AAEX,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}
+{"version":3,"file":"chip.js","sources":["../../../src/ui/Chip/chip.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { withAriaHiddenChildren } from '../../internal/with-aria-hidden-children';\nimport { chipVariants } from './chip-variants';\n\nexport interface ChipProps\n  extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {\n  /**\n   * Any colour outside the theme scale — a category hue, a dietary marker.\n   * Overrides the whole set of colour roles the theme would otherwise supply,\n   * so one value is enough for every `variant`.\n   */\n  color?: string;\n}\n\n/**\n * A small status marker.\n *\n * `variant` chooses how much weight it carries: `soft` (a tinted fill, the\n * default) reads as ambient, `outline` recedes further, and `solid` is a claim.\n * `dashed` marks the value as provisional — a guess rather than a reading —\n * which is a distinction worth drawing without spending a second colour on it.\n */\nconst Chip = React.forwardRef<HTMLSpanElement, ChipProps>(\n  (\n    {\n      className,\n      size,\n      theme,\n      variant,\n      shape,\n      dashed,\n      mono,\n      uppercase,\n      wrap,\n      color,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <span\n        data-slot={'chip'}\n        ref={ref}\n        className={cn(\n          chipVariants({ size, theme, variant, shape, dashed, mono, uppercase, wrap }),\n          className,\n        )}\n        style={color ? ({ ...style, '--chip-color': color } as React.CSSProperties) : style}\n        {...props}\n      >\n        {withAriaHiddenChildren(children)}\n      </span>\n    );\n  },\n);\nChip.displayName = 'Chip';\n\nexport { Chip };\n"],"names":["_jsx"],"mappings":";;;;;;AAgBA;;;;;;;AAOG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAC3B,CACE,EACE,SAAS,EACT,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,IAAI,EACJ,SAAS,EACT,IAAI,EACJ,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EACa,MAAM,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAC5E,SAAS,CACV,EACD,KAAK,EAAE,KAAK,GAAI,EAAE,GAAG,KAAK,EAAE,cAAc,EAAE,KAAK,EAA0B,GAAG,KAAK,EAAA,GAC/E,KAAK,EAAA,QAAA,EAER,sBAAsB,CAAC,QAAQ,CAAC,EAAA,CAC5B;AAEX,CAAC;AAEH,IAAI,CAAC,WAAW,GAAG,MAAM;;"}

package/dist/ui/Chip/chip.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"chip":"chip-module_chip__34UqT","chip--wrap":"chip-module_chip--wrap__j1u6x","chip--sm":"chip-module_chip--sm__KpQBK","chip--md":"chip-module_chip--md__VKLci","chip--inherit":"chip-module_chip--inherit__SdUYH","chip--primary":"chip-module_chip--primary__jYgT0","chip--secondary":"chip-module_chip--secondary__KLeJe","chip--destructive":"chip-module_chip--destructive__kgqtH","chip--warning":"chip-module_chip--warning__cHfvN","chip--success":"chip-module_chip--success__Nr5L6","chip--info":"chip-module_chip--info__0ATsI","chip--slate":"chip-module_chip--slate__vl3hs"};
+import './chip.css';
+
+var s = {"chip":"chip-module_chip__u4PJ9","chip--wrap":"chip-module_chip--wrap__YvZ3D","chip--mono":"chip-module_chip--mono__SMCPR","chip--uppercase":"chip-module_chip--uppercase__bLI8t","chip--rounded":"chip-module_chip--rounded__epRJb","chip--dashed":"chip-module_chip--dashed__trSp1","chip--2xs":"chip-module_chip--2xs__GJtZF","chip--xs":"chip-module_chip--xs__Smd5u","chip--sm":"chip-module_chip--sm___bJkU","chip--md":"chip-module_chip--md__N7LAU","chip--primary":"chip-module_chip--primary__kBS6M","chip--secondary":"chip-module_chip--secondary__eyfdz","chip--destructive":"chip-module_chip--destructive__80JrW","chip--warning":"chip-module_chip--warning__3oxvl","chip--success":"chip-module_chip--success__VF1tZ","chip--info":"chip-module_chip--info__Jgnsc","chip--slate":"chip-module_chip--slate__vmQ7R","chip--inherit":"chip-module_chip--inherit__HjU_P","chip--soft":"chip-module_chip--soft__zYBtU","chip--outline":"chip-module_chip--outline__TO-HF","chip--solid":"chip-module_chip--solid__F89cD"};
 
 export { s as default };
 //# sourceMappingURL=chip.module.scss.js.map

package/dist/ui/Chip/chip.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"chip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui/CodeBlock/code-block.css

@@ -0,0 +1,217 @@
+.code-block-module_code-block__dlInb {
+  background: var(--action-hover);
+  border: 1px solid var(--divider);
+  border-radius: 0.5rem;
+  font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;
+  line-height: 1.6;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+}
+
+.code-block-module_code-block-header__cB1NH {
+  align-items: center;
+  border-bottom: 1px solid var(--divider);
+  display: flex;
+  gap: 0.5rem;
+  justify-content: space-between;
+  padding: 0.375rem 0.75rem;
+}
+
+.code-block-module_code-block-language__CM8rN {
+  color: var(--text-secondary);
+  font-family: var(--font-sans), sans-serif;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.03em;
+  text-transform: uppercase;
+}
+
+.code-block-module_code-block-actions__OVOKb {
+  align-items: center;
+  display: flex;
+  gap: 0.25rem;
+}
+
+.code-block-module_code-block-body__tstAY {
+  position: relative;
+}
+
+.code-block-module_code-block-content__LV34i {
+  overflow-x: auto;
+  white-space: pre;
+}
+
+.code-block-module_code-block-content--collapsible__EZKCv {
+  overflow-y: hidden;
+  transition: max-height 250ms ease;
+}
+
+.code-block-module_code-block-collapse-fade__Y0TgX {
+  background: linear-gradient(to bottom, transparent, var(--action-hover));
+  bottom: 0;
+  height: 3rem;
+  left: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  transition: opacity 200ms ease;
+}
+
+.code-block-module_code-block-collapse-fade--hidden__eDesw {
+  opacity: 0;
+}
+
+.code-block-module_code-block-toggle__i40J8 {
+  border-top: 1px solid var(--divider);
+  display: flex;
+  justify-content: center;
+  padding: 0.25rem;
+}
+
+.code-block-module_code-block-toggle-icon__yL-sy {
+  transition: transform 200ms ease;
+}
+
+.code-block-module_code-block-toggle-icon--up__68WcS {
+  transform: rotate(180deg);
+}
+
+.code-block-module_code-block-copied__V5EJG {
+  align-items: center;
+  color: var(--success-main);
+  display: inline-flex;
+  font-family: var(--font-sans), sans-serif;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  gap: 0.25rem;
+}
+
+.code-block-module_code-block--sm__s15PL .code-block-module_code-block-content__LV34i {
+  font-size: 0.75rem;
+  padding: 0.5rem 0.75rem;
+}
+.code-block-module_code-block--sm__s15PL .code-block-module_code-block-header__cB1NH {
+  padding: 0.25rem 0.75rem;
+}
+
+.code-block-module_code-block--md__lxzux .code-block-module_code-block-content__LV34i {
+  font-size: 0.8125rem;
+  padding: 0.75rem 1rem;
+}
+
+.code-block-module_code-block--lg__6vc_3 .code-block-module_code-block-content__LV34i {
+  font-size: 0.875rem;
+  padding: 1rem 1.25rem;
+}
+
+.code-block-module_code-block--default__AVMES {
+  background: var(--action-hover);
+}
+
+.code-block-module_code-block--primary__z8MDA {
+  background-color: color-mix(in srgb, var(--primary-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--primary-main) 30%, var(--divider));
+}
+.code-block-module_code-block--primary__z8MDA .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--primary-main) 20%, var(--divider));
+}
+.code-block-module_code-block--primary__z8MDA .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--primary-main) 20%, var(--divider));
+}
+.code-block-module_code-block--primary__z8MDA .code-block-module_code-block-language__CM8rN {
+  color: var(--primary-emphasis);
+}
+
+.code-block-module_code-block--secondary__I_jKv {
+  background-color: color-mix(in srgb, var(--secondary-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--secondary-main) 30%, var(--divider));
+}
+.code-block-module_code-block--secondary__I_jKv .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--secondary-main) 20%, var(--divider));
+}
+.code-block-module_code-block--secondary__I_jKv .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--secondary-main) 20%, var(--divider));
+}
+.code-block-module_code-block--secondary__I_jKv .code-block-module_code-block-language__CM8rN {
+  color: var(--secondary-emphasis);
+}
+
+.code-block-module_code-block--destructive__UWw36 {
+  background-color: color-mix(in srgb, var(--destructive-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--destructive-main) 30%, var(--divider));
+}
+.code-block-module_code-block--destructive__UWw36 .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--destructive-main) 20%, var(--divider));
+}
+.code-block-module_code-block--destructive__UWw36 .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--destructive-main) 20%, var(--divider));
+}
+.code-block-module_code-block--destructive__UWw36 .code-block-module_code-block-language__CM8rN {
+  color: var(--destructive-emphasis);
+}
+
+.code-block-module_code-block--warning__Xj4R- {
+  background-color: color-mix(in srgb, var(--warning-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--warning-main) 30%, var(--divider));
+}
+.code-block-module_code-block--warning__Xj4R- .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--warning-main) 20%, var(--divider));
+}
+.code-block-module_code-block--warning__Xj4R- .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--warning-main) 20%, var(--divider));
+}
+.code-block-module_code-block--warning__Xj4R- .code-block-module_code-block-language__CM8rN {
+  color: var(--warning-emphasis);
+}
+
+.code-block-module_code-block--success__yKlNW {
+  background-color: color-mix(in srgb, var(--success-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--success-main) 30%, var(--divider));
+}
+.code-block-module_code-block--success__yKlNW .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--success-main) 20%, var(--divider));
+}
+.code-block-module_code-block--success__yKlNW .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--success-main) 20%, var(--divider));
+}
+.code-block-module_code-block--success__yKlNW .code-block-module_code-block-language__CM8rN {
+  color: var(--success-emphasis);
+}
+
+.code-block-module_code-block--info__L8P7K {
+  background-color: color-mix(in srgb, var(--info-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--info-main) 30%, var(--divider));
+}
+.code-block-module_code-block--info__L8P7K .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--info-main) 20%, var(--divider));
+}
+.code-block-module_code-block--info__L8P7K .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--info-main) 20%, var(--divider));
+}
+.code-block-module_code-block--info__L8P7K .code-block-module_code-block-language__CM8rN {
+  color: var(--info-emphasis);
+}
+
+.code-block-module_code-block--slate__UOAEs {
+  background-color: color-mix(in srgb, var(--slate-focus) 20%, var(--background-default));
+  border-color: color-mix(in srgb, var(--slate-main) 30%, var(--divider));
+}
+.code-block-module_code-block--slate__UOAEs .code-block-module_code-block-header__cB1NH {
+  border-bottom-color: color-mix(in srgb, var(--slate-main) 20%, var(--divider));
+}
+.code-block-module_code-block--slate__UOAEs .code-block-module_code-block-toggle__i40J8 {
+  border-top-color: color-mix(in srgb, var(--slate-main) 20%, var(--divider));
+}
+.code-block-module_code-block--slate__UOAEs .code-block-module_code-block-language__CM8rN {
+  color: var(--slate-emphasis);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .code-block-module_code-block-content--collapsible__EZKCv,
+  .code-block-module_code-block-collapse-fade__Y0TgX,
+  .code-block-module_code-block-toggle-icon__yL-sy {
+    transition: none;
+  }
+}

package/dist/ui/CodeBlock/code-block.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"code-block":"code-block-module_code-block__Kf7bm","code-block-header":"code-block-module_code-block-header__siN-o","code-block-language":"code-block-module_code-block-language__Ej-Wl","code-block-actions":"code-block-module_code-block-actions__Pd-Db","code-block-body":"code-block-module_code-block-body__rKvF9","code-block-content":"code-block-module_code-block-content__BrvYD","code-block-content--collapsible":"code-block-module_code-block-content--collapsible__YZY6q","code-block-collapse-fade":"code-block-module_code-block-collapse-fade__rpNH3","code-block-collapse-fade--hidden":"code-block-module_code-block-collapse-fade--hidden__kXMfK","code-block-toggle":"code-block-module_code-block-toggle__ynepa","code-block-toggle-icon":"code-block-module_code-block-toggle-icon__l7jsx","code-block-toggle-icon--up":"code-block-module_code-block-toggle-icon--up__fFd6b","code-block-copied":"code-block-module_code-block-copied__n7ms8","code-block--sm":"code-block-module_code-block--sm__x2LE2","code-block--md":"code-block-module_code-block--md__vpdzA","code-block--lg":"code-block-module_code-block--lg__OdpVn","code-block--default":"code-block-module_code-block--default__Ql8BE","code-block--primary":"code-block-module_code-block--primary__D6lRH","code-block--secondary":"code-block-module_code-block--secondary__HHhbI","code-block--destructive":"code-block-module_code-block--destructive__J5-Y3","code-block--warning":"code-block-module_code-block--warning__bQZ03","code-block--success":"code-block-module_code-block--success__gqxrD","code-block--info":"code-block-module_code-block--info__YJcXb","code-block--slate":"code-block-module_code-block--slate__ANuoU"};
+import './code-block.css';
+
+var s = {"code-block":"code-block-module_code-block__dlInb","code-block-header":"code-block-module_code-block-header__cB1NH","code-block-language":"code-block-module_code-block-language__CM8rN","code-block-actions":"code-block-module_code-block-actions__OVOKb","code-block-body":"code-block-module_code-block-body__tstAY","code-block-content":"code-block-module_code-block-content__LV34i","code-block-content--collapsible":"code-block-module_code-block-content--collapsible__EZKCv","code-block-collapse-fade":"code-block-module_code-block-collapse-fade__Y0TgX","code-block-collapse-fade--hidden":"code-block-module_code-block-collapse-fade--hidden__eDesw","code-block-toggle":"code-block-module_code-block-toggle__i40J8","code-block-toggle-icon":"code-block-module_code-block-toggle-icon__yL-sy","code-block-toggle-icon--up":"code-block-module_code-block-toggle-icon--up__68WcS","code-block-copied":"code-block-module_code-block-copied__V5EJG","code-block--sm":"code-block-module_code-block--sm__s15PL","code-block--md":"code-block-module_code-block--md__lxzux","code-block--lg":"code-block-module_code-block--lg__6vc_3","code-block--default":"code-block-module_code-block--default__AVMES","code-block--primary":"code-block-module_code-block--primary__z8MDA","code-block--secondary":"code-block-module_code-block--secondary__I_jKv","code-block--destructive":"code-block-module_code-block--destructive__UWw36","code-block--warning":"code-block-module_code-block--warning__Xj4R-","code-block--success":"code-block-module_code-block--success__yKlNW","code-block--info":"code-block-module_code-block--info__L8P7K","code-block--slate":"code-block-module_code-block--slate__UOAEs"};
 
 export { s as default };
 //# sourceMappingURL=code-block.module.scss.js.map

package/dist/ui/CodeBlock/code-block.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"code-block.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"code-block.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui/DevIndicator/dev-indicator.css

@@ -0,0 +1,31 @@
+.dev-indicator-module_dev-indicator__V_lzn {
+  align-items: center;
+  background: var(--primary-main);
+  border-radius: 50%;
+  bottom: 16px;
+  box-shadow: var(--shadow-elevation-4);
+  cursor: default;
+  display: flex;
+  height: 28px;
+  justify-content: center;
+  opacity: 0.35;
+  pointer-events: auto;
+  position: fixed;
+  right: 16px;
+  transition: opacity 0.2s ease, transform 0.2s ease;
+  user-select: none;
+  width: 28px;
+  z-index: var(--z-toast);
+}
+.dev-indicator-module_dev-indicator__V_lzn:hover {
+  opacity: 0.9;
+  transform: scale(1.1);
+}
+
+.dev-indicator-module_dev-indicator-label__DTXeO {
+  color: var(--primary-contrast);
+  font-family: var(--font-sans);
+  font-size: 0.8125rem;
+  font-weight: 700;
+  line-height: 1;
+}

package/dist/ui/DevIndicator/dev-indicator.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"dev-indicator":"dev-indicator-module_dev-indicator__X55Ol","dev-indicator-label":"dev-indicator-module_dev-indicator-label__zm55A"};
+import './dev-indicator.css';
+
+var s = {"dev-indicator":"dev-indicator-module_dev-indicator__V_lzn","dev-indicator-label":"dev-indicator-module_dev-indicator-label__DTXeO"};
 
 export { s as default };
 //# sourceMappingURL=dev-indicator.module.scss.js.map

package/dist/ui/DevIndicator/dev-indicator.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"dev-indicator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"dev-indicator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}