@kolkrabbi/kol-component 0.1.0

package/src/atoms/Stepper.jsx

@@ -0,0 +1,97 @@
+/**
+ * Stepper — number input + chevron buttons, built on the .kol-control shell.
+ *
+ *   size="sm" (default) / "md" / "lg" — matched padding + type class.
+ *   Chevron scale follows the size: 8 / 10 / 12 px each, stacked.
+ *
+ * Loaded from `00-kol/chevron-{up,down}.svg` via the Icon registry — first
+ * stroke icons in the kol curated set. For a plain number input without
+ * bump affordance, use `<Input type="number" />`.
+ */
+import { Icon } from '@kolkrabbi/kol-loader'
+
+const SIZE_TYPE    = { sm: 'kol-mono-12', md: 'kol-mono-14', lg: 'kol-mono-16' }
+const CHEVRON_SIZE = { sm: 8,             md: 10,            lg: 12 }
+
+export default function Stepper({
+  value,
+  onChange,
+  min,
+  max,
+  step = 1,
+  size = 'sm',
+  className = '',
+  style = {},
+  ...props
+}) {
+  const handleIncrement = () => {
+    const newValue = Number(value) + step
+    if (max !== undefined && newValue > max) return
+    onChange?.({ target: { value: newValue } })
+  }
+
+  const handleDecrement = () => {
+    const newValue = Number(value) - step
+    if (min !== undefined && newValue < min) return
+    onChange?.({ target: { value: newValue } })
+  }
+
+  const handleInputChange = (e) => {
+    const newValue = e.target.value
+    if (newValue === '' || newValue === '-') { onChange?.(e); return }
+    const numValue = Number(newValue)
+    if (isNaN(numValue)) return
+    if (min !== undefined && numValue < min) return
+    if (max !== undefined && numValue > max) return
+    onChange?.(e)
+  }
+
+  const shellCls = [
+    'kol-control',
+    'kol-control--filled',
+    `kol-control-${size}`,
+    SIZE_TYPE[size],
+    'relative',
+    className,
+  ].filter(Boolean).join(' ')
+
+  /* Reserve right space inside the input so the value never tucks under the
+   * chevrons. Chevrons themselves are absolute — shell height stays driven
+   * by the input's line-height, not by chevron stack height. */
+  const chevronWidth = CHEVRON_SIZE[size]
+  const inputPaddingRight = chevronWidth + 4
+
+  return (
+    <div className={shellCls} style={style}>
+      <input
+        type="number"
+        value={value ?? ''}
+        onChange={handleInputChange}
+        min={min}
+        max={max}
+        step={step}
+        className="w-full min-w-0 bg-transparent border-none outline-none text-auto hide-number-spinners"
+        style={{ paddingRight: `${inputPaddingRight}px` }}
+        {...props}
+      />
+      <div className="absolute top-1/2 -translate-y-1/2 right-2 flex flex-col shrink-0 leading-none">
+        <button
+          type="button"
+          onClick={handleIncrement}
+          className="flex items-center justify-center text-meta hover:text-emphasis transition-colors"
+          aria-label="Increment"
+        >
+          <Icon name="chevron-up" size={chevronWidth} />
+        </button>
+        <button
+          type="button"
+          onClick={handleDecrement}
+          className="flex items-center justify-center text-meta hover:text-emphasis transition-colors"
+          aria-label="Decrement"
+        >
+          <Icon name="chevron-down" size={chevronWidth} />
+        </button>
+      </div>
+    </div>
+  )
+}

package/src/atoms/Textarea.jsx

@@ -0,0 +1,70 @@
+import { Icon } from '@kolkrabbi/kol-loader'
+
+/**
+ * Textarea — multi-line text atom built on the .kol-control shell with the
+ * `--textarea` modifier (display: block).
+ *
+ *   variant="filled" (default) — persistent solid bg
+ *   variant="ghost"            — borderless at rest, reveals on hover/focus
+ *   variant="outline"          — bordered, transparent bg
+ *
+ *   size="sm" / "md" (default) / "lg" — padding + type class
+ *
+ * Default rows = 3 (kept short — long content gets scrollbars instead of
+ * dominating the panel). No native resize handle — fixed size, scrollable
+ * overflow. The kol resize-corner icon in the bottom-right is decorative.
+ *
+ * Controlled OR uncontrolled:
+ *   - pass `value` + `onChange` for controlled,
+ *   - pass `value` alone (no onChange) and we route through defaultValue.
+ *
+ * Pairs with `<Input>` for single-line.
+ */
+
+const SIZE_TYPE = { sm: 'kol-mono-12', md: 'kol-mono-14', lg: 'kol-mono-16' }
+
+export default function Textarea({
+  value,
+  onChange,
+  variant = 'filled',
+  size = 'md',
+  rows = 3,
+  placeholder,
+  disabled = false,
+  className = '',
+  ...props
+}) {
+  const wrapperCls = [
+    'kol-control',
+    `kol-control--${variant}`,
+    'kol-control--textarea',
+    `kol-control-${size}`,
+    SIZE_TYPE[size],
+    'relative block w-full',
+    className,
+  ].filter(Boolean).join(' ')
+
+  /* React requires controlled inputs (value + onChange) OR uncontrolled
+   * (defaultValue only). Pick based on whether onChange was passed. */
+  const valueProps = onChange
+    ? { value: value ?? '', onChange }
+    : { defaultValue: value ?? '' }
+
+  return (
+    <label className={wrapperCls} aria-disabled={disabled || undefined}>
+      <textarea
+        {...valueProps}
+        rows={rows}
+        placeholder={placeholder}
+        disabled={disabled}
+        spellCheck={false}
+        className="block w-full bg-transparent border-none outline-none text-auto"
+        style={{ resize: 'none' }}
+        {...props}
+      />
+      <span aria-hidden="true" className="kol-textarea-resize-icon text-meta pointer-events-none">
+        <Icon name="resize-corner" size={12} />
+      </span>
+    </label>
+  )
+}

package/src/atoms/ToggleCheckbox.jsx

@@ -0,0 +1,40 @@
+import React from 'react'
+
+const ToggleCheckbox = ({
+  label,
+  checked = false,
+  onChange,
+  className = '',
+  hint,
+  ...props
+}) => {
+  const handleChange = (event) => {
+    const next = event.target.checked
+    if (onChange) onChange(next)
+  }
+
+  return (
+    <label
+      className={`toggle-checkbox ${checked ? 'is-active' : ''} ${className}`.trim()}
+      {...props}
+    >
+      <input
+        type="checkbox"
+        checked={checked}
+        onChange={handleChange}
+        aria-checked={checked}
+      />
+      <span className="toggle-checkbox-indicator" aria-hidden="true">
+        <svg viewBox="0 0 12 9" width="12" height="9">
+          <polyline points="1 5 4 8 11 1" fill="none" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      </span>
+      <span className="toggle-checkbox-label kol-helper-12 uppercase tracking-[0.08em]">
+        {label}
+        {hint ? <span className="ml-2 opacity-60 normal-case tracking-normal text-[10px]">{hint}</span> : null}
+      </span>
+    </label>
+  )
+}
+
+export default ToggleCheckbox

package/src/atoms/ToggleSwitch.jsx

@@ -0,0 +1,42 @@
+import React from 'react'
+
+const ToggleSwitch = ({
+  label,
+  checked = false,
+  onChange,
+  onToggle,
+  variant = 'default',
+  className = '',
+  hint,
+  ...props
+}) => {
+  const handleClick = () => {
+    if (onToggle) onToggle(!checked)
+    if (onChange) onChange(!checked)
+  }
+
+  const variantClass = variant === 'plain' ? 'toggle-switch--plain' : ''
+
+  return (
+    <button
+      type="button"
+      className={`toggle-switch ${variantClass} ${className}`.trim()}
+      data-state={checked ? 'on' : 'off'}
+      onClick={handleClick}
+      aria-pressed={checked}
+      {...props}
+    >
+      <span className="toggle-switch-label">
+        {label}
+        {hint ? (
+          <span className="ml-2 opacity-60 normal-case tracking-normal text-[10px]">
+            {hint}
+          </span>
+        ) : null}
+      </span>
+      <span className="toggle-switch-indicator" aria-hidden="true" />
+    </button>
+  )
+}
+
+export default ToggleSwitch

package/src/atoms/TransparentX.jsx

@@ -0,0 +1,37 @@
+/**
+ * TransparentX — diagonal stroke indicator for transparent / disabled / unused
+ * slots. Universal "no value" affordance.
+ *
+ * Renders absolute-positioned to fill its parent. Parent must be `position:
+ * relative` and apply `overflow: hidden` if a clean clip at the corners is
+ * desired. Stroke uses non-scaling stroke so the line stays a thin 1px
+ * regardless of container size.
+ *
+ * Props:
+ *   tone — 'warning' (default, yellow) | 'error' (red) | 'info' (blue) |
+ *          'success' (green). Maps to `var(--ui-{tone})`.
+ */
+const TONE_VAR = {
+  warning: 'var(--ui-warning)',
+  error:   'var(--ui-error)',
+  info:    'var(--ui-info)',
+  success: 'var(--ui-success)',
+}
+
+export default function TransparentX({ tone = 'warning', className = '' }) {
+  return (
+    <svg
+      aria-hidden="true"
+      viewBox="0 0 24 24"
+      preserveAspectRatio="none"
+      className={`absolute inset-0 w-full h-full pointer-events-none ${className}`.trim()}
+    >
+      <line
+        x1="0" y1="24" x2="24" y2="0"
+        stroke={TONE_VAR[tone] ?? TONE_VAR.warning}
+        strokeWidth="1"
+        vectorEffect="non-scaling-stroke"
+      />
+    </svg>
+  )
+}

package/src/graphics/Graphic.jsx

@@ -0,0 +1,53 @@
+/**
+ * Graphic — SVG illustration loader.
+ *
+ * Globs ./svg/<category>/<name>.svg at build time. Usage:
+ *   <Graphic category="patterns" name="pattern-05" />
+ *
+ * When an asset is missing, renders an AssetPlaceholder with the
+ * category/name labeled — missing graphics are visible rather than silently
+ * empty. Matches the logo loader pattern (loader lives with assets).
+ */
+import AssetPlaceholder from '../primitives/AssetPlaceholder.jsx'
+
+const svgModules = import.meta.glob('./svg/**/*.svg', { eager: true, query: '?raw', import: 'default' })
+
+// category → name → raw SVG string. Exported so gallery/table consumers
+// (e.g. AssetTable) read raw markup without a cross-package glob.
+export const GRAPHIC_RAW = Object.entries(svgModules).reduce((acc, [path, svg]) => {
+  const [category, file] = path.replace('./svg/', '').split('/')
+  const name = file.replace('.svg', '')
+  if (!acc[category]) acc[category] = {}
+  acc[category][name] = svg
+  return acc
+}, {})
+
+const GRAPHIC_CACHE = GRAPHIC_RAW
+
+export const GRAPHICS = Object.fromEntries(
+  Object.entries(GRAPHIC_CACHE).map(([category, items]) => [category, Object.keys(items).sort()])
+)
+
+export default function Graphic({
+  category,
+  name,
+  className = '',
+  style,
+  title,
+  aspectRatio = '1 / 1',
+}) {
+  const raw = GRAPHIC_CACHE[category]?.[name]
+  if (!raw) {
+    if (import.meta.env.DEV) console.warn(`Graphic: ${category}/${name} not found`)
+    return <AssetPlaceholder category={category} name={name} aspectRatio={aspectRatio} note="pending" className={className} />
+  }
+  return (
+    <span
+      className={`kol-graphic inline-flex w-full h-auto ${className}`.trim()}
+      style={style}
+      role={title ? 'img' : undefined}
+      aria-label={title}
+      dangerouslySetInnerHTML={{ __html: raw }}
+    />
+  )
+}

package/src/graphics/svg/abstract/abstract-01.svg

@@ -0,0 +1,3 @@
+<svg width="640" height="800" viewBox="0 0 640 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M591.998 656.037C591.998 707.715 551.164 749.856 500.002 751.955C497.794 752.046 495.998 750.246 495.998 748.037V494.524C495.998 492.315 494.207 490.524 491.998 490.524H484C481.791 490.524 480 492.315 480 494.524V544.038C480 657.572 389.037 749.86 276.014 751.999C273.806 752.041 272 750.246 272 748.037V494.524C272 492.315 270.209 490.524 268 490.524H260C257.791 490.524 256 492.315 256 494.524V544.038C256 657.572 165.037 749.86 52.0143 751.999C49.8056 752.041 48 750.246 48 748.037V325.011C48 273.333 88.8338 231.192 139.996 229.093C142.204 229.002 144 230.802 144 233.011V486.524C144 488.734 145.791 490.524 148 490.524H156C158.209 490.524 160 488.734 160 486.524V255.963C160 142.429 250.963 50.1402 363.986 48.0008C366.194 47.959 368 49.7537 368 51.9629V486.524C368 488.734 369.791 490.524 372 490.524H380C382.209 490.524 384 488.734 384 486.524V255.963C384 142.429 474.963 50.1402 587.986 48.0008C590.194 47.959 592 49.7537 592 51.9629V490.523L591.998 490.525V656.037Z" fill="currentColor"/>
+</svg>

package/src/graphics/svg/abstract/abstract-02.svg

@@ -0,0 +1,3 @@
+<svg width="640" height="800" viewBox="0 0 640 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M591.995 400.772C591.582 433.428 564.981 459.773 532.227 459.773H432C429.899 459.773 427.818 459.946 425.877 460.279C423.936 460.613 422.172 461.102 420.687 461.719C419.201 462.335 418.022 463.067 417.218 463.873C416.414 464.679 416 465.543 416 466.415C416 467.287 416.414 468.151 417.218 468.957C418.022 469.763 419.201 470.495 420.687 471.111C422.172 471.728 423.936 472.217 425.877 472.551C427.818 472.885 429.899 473.057 432 473.057H576C584.837 473.057 592.101 480.254 591.05 489.028C583.161 554.857 527.125 605.887 459.17 605.887H432C429.899 605.887 427.818 606.059 425.877 606.393C423.936 606.726 422.172 607.215 420.687 607.832C419.201 608.449 418.022 609.181 417.218 609.986C416.414 610.792 416 611.656 416 612.528C416 613.4 416.414 614.265 417.218 615.07C418.022 615.876 419.201 616.608 420.687 617.225C422.172 617.841 423.936 618.33 425.877 618.664C427.818 618.998 429.899 619.17 432 619.17H576C584.837 619.17 592.101 626.367 591.05 635.141C583.161 700.971 527.125 752 459.17 752H331.773C304.236 752 281.048 733.379 274.115 708.042C271.782 699.519 279.163 692.227 288 692.227H432C434.101 692.227 436.182 692.054 438.123 691.721C440.064 691.387 441.828 690.898 443.313 690.281C444.799 689.665 445.978 688.933 446.782 688.127C447.586 687.321 448 686.457 448 685.585C448 684.713 447.586 683.849 446.782 683.043C445.978 682.237 444.799 681.505 443.313 680.889C441.828 680.272 440.064 679.783 438.123 679.449C436.182 679.115 434.101 678.943 432 678.943H180.83C112.875 678.943 56.8389 627.914 48.9503 562.084C47.8989 553.31 55.1635 546.113 64 546.113H432C434.101 546.113 436.182 545.941 438.123 545.607C440.064 545.274 441.828 544.785 443.313 544.168C444.799 543.551 445.978 542.819 446.782 542.014C447.586 541.208 448 540.344 448 539.472C448 538.6 447.586 537.735 446.782 536.93C445.978 536.124 444.799 535.392 443.313 534.775C441.828 534.159 440.064 533.67 438.123 533.336C436.182 533.002 434.101 532.83 432 532.83H180.83C107.47 532.83 48.0001 473.36 48 400C48 366.988 74.7615 340.227 107.773 340.227H208C210.101 340.227 212.182 340.054 214.123 339.721C216.064 339.387 217.828 338.898 219.313 338.281C220.799 337.665 221.978 336.933 222.782 336.127C223.586 335.321 224 334.457 224 333.585C224 332.713 223.586 331.849 222.782 331.043C221.978 330.237 220.799 329.505 219.313 328.889C217.828 328.272 216.064 327.783 214.123 327.449C212.182 327.115 210.101 326.943 208 326.943H64C55.1635 326.943 47.8989 319.746 48.9503 310.972C56.8389 245.143 112.875 194.113 180.83 194.113H208C210.101 194.113 212.182 193.941 214.123 193.607C216.064 193.274 217.828 192.785 219.313 192.168C220.799 191.551 221.978 190.819 222.782 190.014C223.586 189.208 224 188.344 224 187.472C224 186.6 223.586 185.735 222.782 184.93C221.978 184.124 220.799 183.392 219.313 182.775C217.828 182.159 216.064 181.67 214.123 181.336C212.182 181.002 210.101 180.83 208 180.83H64C55.1635 180.83 47.8989 173.633 48.9503 164.859C56.8389 99.0295 112.875 48 180.83 48H308.227C335.764 48.0001 358.952 66.6211 365.885 91.9582C368.218 100.481 360.837 107.773 352 107.773H208C205.899 107.773 203.818 107.946 201.877 108.279C199.936 108.613 198.172 109.102 196.687 109.719C195.201 110.335 194.022 111.067 193.218 111.873C192.414 112.679 192 113.543 192 114.415C192 115.287 192.414 116.151 193.218 116.957C194.022 117.763 195.201 118.495 196.687 119.111C198.172 119.728 199.936 120.217 201.877 120.551C203.818 120.885 205.899 121.057 208 121.057H459.17C527.125 121.057 583.161 172.086 591.05 237.916C592.101 246.69 584.837 253.887 576 253.887H208C205.899 253.887 203.818 254.059 201.877 254.393C199.936 254.726 198.172 255.215 196.687 255.832C195.201 256.449 194.022 257.181 193.218 257.986C192.414 258.792 192 259.656 192 260.528C192 261.4 192.414 262.265 193.218 263.07C194.022 263.876 195.201 264.608 196.687 265.225C198.172 265.841 199.936 266.33 201.877 266.664C203.818 266.998 205.899 267.17 208 267.17H459.17C532.53 267.17 592 326.64 592 400L591.995 400.772Z" fill="currentColor"/>
+</svg>

package/src/graphics/svg/abstract/abstract-03.svg

@@ -0,0 +1,3 @@
+<svg width="640" height="800" viewBox="0 0 640 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M214.123 339.215C212.182 339.883 210.101 340.226 208 340.226C119.634 340.226 48 399.697 48 473.057L48 589.887C48 598.723 55.1634 605.887 64 605.887H208C210.101 605.887 212.182 606.23 214.123 606.898C216.064 607.565 217.828 608.544 219.314 609.777C220.799 611.011 221.978 612.475 222.782 614.087C223.586 615.698 224 617.425 224 619.17C224 620.914 223.586 622.641 222.782 624.253C221.978 625.865 220.799 627.329 219.314 628.562C217.828 629.796 216.064 630.774 214.123 631.442C212.182 632.109 210.101 632.453 208 632.453H192C118.981 632.453 58.6555 677.572 49.2688 736.061C47.8686 744.785 55.1634 752 64 752H576C584.837 752 592.06 744.817 591.429 736.003C581.466 596.731 442.261 486.34 272 486.34H208C205.899 486.34 203.818 485.996 201.877 485.329C199.936 484.661 198.172 483.683 196.686 482.449C195.201 481.216 194.022 479.751 193.218 478.14C192.414 476.528 192 474.801 192 473.057C192 471.312 192.414 469.585 193.218 467.973C194.022 466.362 195.201 464.898 196.686 463.664C198.172 462.431 199.936 461.452 201.877 460.785C203.818 460.117 205.899 459.774 208 459.774L576 459.774C584.837 459.774 592.06 452.59 591.429 443.776C581.466 304.505 442.261 194.113 272 194.113H208C205.899 194.113 203.818 193.77 201.877 193.102C199.936 192.435 198.172 191.456 196.686 190.223C195.201 188.989 194.022 187.525 193.218 185.913C192.414 184.302 192 182.575 192 180.83C192 179.086 192.414 177.359 193.218 175.747C194.022 174.135 195.201 172.671 196.686 171.438C198.172 170.204 199.936 169.226 201.877 168.558C203.818 167.891 205.899 167.547 208 167.547L352 167.547C360.837 167.547 368.131 160.333 366.731 151.608C357.345 93.1194 297.019 48 224 48L208 48C119.634 48 48 107.47 48 180.83L48 297.66C48 306.497 55.1635 313.66 64 313.66H208C210.101 313.66 212.182 314.004 214.123 314.671C216.064 315.339 217.828 316.317 219.314 317.551C220.799 318.784 221.978 320.249 222.782 321.86C223.586 323.472 224 325.199 224 326.943C224 328.688 223.586 330.415 222.782 332.027C221.978 333.638 220.799 335.102 219.314 336.336C217.828 337.569 216.064 338.548 214.123 339.215Z" fill="currentColor"/>
+</svg>

package/src/graphics/svg/abstract/abstract-06.svg

@@ -0,0 +1,4 @@
+<svg width="640" height="800" viewBox="0 0 640 800" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M279.529 48C332.809 48 376 91.1915 376 144.471V165.019C376 173.855 368.837 181.019 360 181.019H279.529C278.263 181.019 277.008 181.191 275.838 181.525C274.667 181.86 273.604 182.349 272.708 182.967C271.812 183.584 271.101 184.317 270.616 185.124C270.131 185.931 269.883 186.797 269.883 187.67C269.883 188.543 270.132 189.408 270.616 190.215C271.101 191.022 271.812 191.755 272.708 192.372C273.604 192.99 274.667 193.48 275.838 193.814C277.008 194.149 278.263 194.32 279.529 194.32L280.776 194.329C333.481 194.997 376 237.928 376 290.791V311.339C376 320.175 368.837 327.339 360 327.339H279.53C279.53 327.339 279.53 327.339 279.53 327.339C279.53 327.339 279.529 327.34 279.529 327.34C278.262 327.34 277.008 327.512 275.838 327.847C274.667 328.181 273.604 328.67 272.708 329.288C271.812 329.906 271.101 330.638 270.616 331.445C270.131 332.252 269.883 333.118 269.883 333.991C269.883 334.864 270.132 335.729 270.616 336.536C271.101 337.343 271.812 338.076 272.708 338.693C273.604 339.311 274.668 339.802 275.838 340.136C277.008 340.47 278.263 340.642 279.529 340.642H316.142C348.865 340.642 375.455 366.9 375.991 399.496C375.991 399.498 375.993 399.5 375.996 399.5C375.998 399.5 376 399.502 376 399.504C376 399.67 375.997 399.835 375.996 400C375.997 400.165 376 400.33 376 400.496C376 400.498 375.998 400.5 375.996 400.5C375.993 400.5 375.991 400.502 375.991 400.504C375.455 433.1 348.865 459.358 316.142 459.358H279.529C278.263 459.358 277.008 459.53 275.838 459.864C274.668 460.198 273.604 460.689 272.708 461.307C271.812 461.924 271.101 462.657 270.616 463.464C270.132 464.271 269.883 465.136 269.883 466.009C269.883 466.882 270.132 467.748 270.616 468.555C271.101 469.362 271.812 470.094 272.708 470.712C273.604 471.33 274.668 471.819 275.838 472.153C277.008 472.488 278.263 472.661 279.529 472.661L360 472.661C368.837 472.661 376 479.825 376 488.661V509.209C376 562.072 333.481 605.003 280.776 605.671L279.529 605.68C278.263 605.68 277.008 605.851 275.838 606.186C274.667 606.52 273.604 607.01 272.708 607.628C271.812 608.245 271.101 608.978 270.616 609.785C270.132 610.592 269.883 611.457 269.883 612.33C269.883 613.203 270.131 614.069 270.616 614.876C271.101 615.683 271.812 616.416 272.708 617.033C273.604 617.651 274.667 618.14 275.838 618.475C277.008 618.809 278.263 618.981 279.529 618.981H360C368.837 618.981 376 626.145 376 634.981V655.529C376 708.809 332.809 752 279.529 752H242.917C215.333 752 192.107 733.342 185.17 707.957C182.841 699.433 190.222 692.142 199.059 692.142H279.529C280.796 692.142 282.05 691.969 283.221 691.635C284.391 691.301 285.455 690.811 286.351 690.193C287.246 689.576 287.958 688.843 288.442 688.036C288.927 687.229 289.177 686.364 289.177 685.49C289.177 684.617 288.927 683.752 288.442 682.945C287.958 682.138 287.246 681.406 286.351 680.788C285.455 680.171 284.391 679.68 283.221 679.346C282.197 679.053 281.109 678.885 280.004 678.848L279.529 678.84H181.019C112.96 678.84 56.8389 627.726 48.949 561.792C47.8991 553.018 55.1635 545.821 64.0001 545.821H279.529C280.796 545.821 282.05 545.649 283.221 545.314C284.391 544.98 285.455 544.491 286.351 543.873C287.246 543.256 287.958 542.523 288.442 541.716C288.927 540.909 289.177 540.043 289.177 539.17C289.177 538.297 288.927 537.432 288.442 536.625C287.958 535.818 287.246 535.085 286.351 534.468C285.455 533.85 284.391 533.36 283.221 533.025C282.05 532.691 280.796 532.52 279.529 532.52L181.019 532.519C107.889 532.518 48.545 473.505 48.0059 400.503C48.0059 400.501 48.0046 400.5 48.0029 400.5C48.0013 400.5 48 400.499 48 400.497C48 400.331 48.0023 400.166 48.0029 400C48.0023 399.834 48 399.669 48 399.503C48 399.501 48.0013 399.5 48.0029 399.5C48.0046 399.5 48.0059 399.499 48.0059 399.497C48.545 326.495 107.889 267.482 181.019 267.481L279.529 267.48C280.796 267.48 282.05 267.309 283.221 266.975C284.391 266.64 285.455 266.15 286.351 265.532C287.246 264.915 287.958 264.182 288.442 263.375C288.927 262.568 289.177 261.703 289.177 260.83C289.177 259.957 288.927 259.091 288.442 258.284C287.958 257.477 287.246 256.744 286.351 256.127C285.455 255.509 284.391 255.02 283.221 254.686C282.05 254.351 280.796 254.179 279.529 254.179H64.0001C55.1635 254.179 47.8991 246.982 48.949 238.208C56.8389 172.274 112.96 121.16 181.019 121.16H279.529L280.004 121.152C281.109 121.115 282.197 120.947 283.221 120.654C284.391 120.32 285.455 119.829 286.351 119.212C287.246 118.594 287.958 117.862 288.442 117.055C288.927 116.248 289.177 115.383 289.177 114.51C289.177 113.636 288.927 112.771 288.442 111.964C287.958 111.157 287.246 110.424 286.351 109.807C285.455 109.189 284.391 108.699 283.221 108.365C282.05 108.031 280.796 107.858 279.529 107.858H199.059C190.222 107.858 182.841 100.567 185.17 92.0426C192.107 66.6584 215.333 48.0001 242.917 48H279.529Z" fill="currentColor"/>
+<path d="M456.471 48C487.658 48.0001 512.941 73.2829 512.941 104.471C512.941 106.342 511.425 107.858 509.554 107.858H456.471C455.729 107.858 454.995 108.031 454.31 108.365C453.625 108.699 453.002 109.189 452.478 109.807C451.953 110.424 451.538 111.157 451.254 111.964C450.97 112.771 450.823 113.636 450.823 114.51C450.823 115.383 450.97 116.248 451.254 117.055C451.538 117.861 451.953 118.594 452.478 119.212C453.002 119.829 453.624 120.32 454.31 120.654C454.995 120.989 455.729 121.16 456.471 121.16H458.981C527.04 121.16 583.161 172.274 591.051 238.208C592.101 246.982 584.837 254.179 576 254.179H456.471C455.729 254.179 454.995 254.351 454.31 254.686C453.625 255.02 453.002 255.51 452.478 256.127C451.953 256.744 451.538 257.478 451.254 258.284C450.97 259.091 450.823 259.957 450.823 260.83C450.823 261.703 450.97 262.568 451.254 263.375C451.538 264.182 451.953 264.915 452.478 265.532C453.002 266.15 453.624 266.64 454.31 266.975C454.995 267.309 455.729 267.481 456.471 267.481L458.981 267.481C532.111 267.482 591.455 326.495 591.994 399.497C591.994 399.499 591.995 399.5 591.997 399.5C591.999 399.5 592 399.501 592 399.503C592 399.669 591.997 399.834 591.996 400C591.997 400.166 592 400.331 592 400.497C592 400.499 591.999 400.5 591.997 400.5C591.995 400.5 591.994 400.501 591.994 400.503C591.455 473.505 532.111 532.518 458.981 532.519L456.471 532.519C455.729 532.519 454.995 532.691 454.31 533.025C453.624 533.36 453.002 533.85 452.478 534.468C451.953 535.085 451.538 535.818 451.254 536.625C450.97 537.432 450.823 538.297 450.823 539.17C450.823 540.043 450.97 540.909 451.254 541.716C451.538 542.522 451.953 543.256 452.478 543.873C453.002 544.49 453.625 544.98 454.31 545.314C454.995 545.649 455.729 545.821 456.471 545.821H576C584.837 545.821 592.101 553.018 591.051 561.792C583.161 627.726 527.04 678.84 458.981 678.84H456.471C455.729 678.84 454.995 679.011 454.31 679.346C453.624 679.68 453.002 680.171 452.478 680.788C451.953 681.406 451.538 682.139 451.254 682.945C450.97 683.752 450.823 684.617 450.823 685.49C450.823 686.364 450.97 687.229 451.254 688.036C451.538 688.843 451.953 689.576 452.478 690.193C453.002 690.811 453.625 691.301 454.31 691.635C454.995 691.969 455.729 692.142 456.471 692.142H509.554C511.425 692.142 512.941 693.658 512.941 695.529C512.941 726.717 487.658 752 456.471 752C425.283 752 400 726.717 400 695.529V634.981C400 626.145 407.163 618.981 416 618.981H456.471L456.748 618.974C457.395 618.936 458.032 618.767 458.632 618.475C459.317 618.14 459.94 617.651 460.464 617.033C460.988 616.416 461.404 615.683 461.688 614.876C461.971 614.069 462.117 613.203 462.117 612.33C462.117 611.457 461.971 610.592 461.688 609.785C461.404 608.978 460.988 608.245 460.464 607.628C459.94 607.01 459.317 606.52 458.632 606.186C458.032 605.893 457.395 605.725 456.748 605.688L456.471 605.68C425.283 605.68 400 580.397 400 549.209V488.661C400 479.825 407.163 472.661 416 472.661H456.47C456.47 472.661 456.47 472.661 456.47 472.661C456.47 472.661 456.471 472.66 456.471 472.66C457.213 472.66 457.947 472.487 458.632 472.153C459.317 471.819 459.94 471.329 460.464 470.712C460.988 470.095 461.404 469.361 461.688 468.555C461.971 467.748 462.117 466.882 462.117 466.009C462.117 465.136 461.971 464.271 461.688 463.464C461.404 462.657 460.988 461.924 460.464 461.307C459.94 460.689 459.317 460.198 458.632 459.864C458.032 459.572 457.395 459.405 456.748 459.367L456.471 459.358C425.283 459.358 400 434.076 400 402.888V397.112C400 365.924 425.283 340.642 456.471 340.642L456.748 340.633C457.395 340.595 458.032 340.428 458.632 340.136C459.317 339.802 459.94 339.311 460.464 338.693C460.988 338.076 461.404 337.343 461.688 336.536C461.971 335.729 462.117 334.864 462.117 333.991C462.117 333.118 461.971 332.252 461.688 331.445C461.404 330.639 460.988 329.905 460.464 329.288C459.94 328.671 459.317 328.181 458.632 327.847C457.947 327.513 457.212 327.339 456.471 327.339L416 327.339C407.163 327.339 400 320.175 400 311.339V250.791C400 219.603 425.283 194.32 456.471 194.32L456.748 194.312C457.395 194.275 458.032 194.107 458.632 193.814C459.317 193.48 459.94 192.99 460.464 192.372C460.988 191.755 461.404 191.022 461.688 190.215C461.971 189.408 462.117 188.543 462.117 187.67C462.117 186.797 461.971 185.931 461.688 185.124C461.404 184.317 460.988 183.584 460.464 182.967C459.94 182.349 459.317 181.86 458.632 181.525C458.032 181.233 457.395 181.064 456.748 181.026L456.471 181.019H416C407.163 181.019 400 173.855 400 165.019V104.471C400 73.2829 425.283 48 456.471 48Z" fill="currentColor"/>
+</svg>

package/src/graphics/svg/diagrams/ac-structure.svg

@@ -0,0 +1,90 @@
+<svg width="553" height="193" viewBox="0 0 553 193" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.6">
+<g clip-path="url(#clip0_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 552.375 0.375)" fill="currentColor"/>
+</g>
+<rect width="32" height="32" transform="matrix(-1 0 0 1 552.375 0.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M552.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M520.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<g clip-path="url(#clip1_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 552.375 160.375)" fill="currentColor"/>
+</g>
+<rect width="32" height="32" transform="matrix(-1 0 0 1 552.375 160.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M392.375 0.375014L520.375 0.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M392.375 32.375L520.375 32.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M520.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M392.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M392.375 160.375L520.375 160.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M392.375 192.375L520.375 192.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<g clip-path="url(#clip2_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 392.375 0.375)" fill="currentColor"/>
+</g>
+<rect width="24" height="32" transform="matrix(-1 0 0 1 392.375 0.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M392.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M368.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<g clip-path="url(#clip3_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 392.375 160.375)" fill="currentColor"/>
+</g>
+<rect width="24" height="32" transform="matrix(-1 0 0 1 392.375 160.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M32.375 0.375014L368.375 0.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M32.375 32.375L368.375 32.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M368.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M32.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M32.375 160.375L368.375 160.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<path d="M32.375 192.375L368.375 192.375" stroke="currentColor" stroke-width="0.75" stroke-dasharray="4 4"/>
+<g clip-path="url(#clip4_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 32.375 0.375)" fill="currentColor"/>
+</g>
+<rect width="32" height="32" transform="matrix(-1 0 0 1 32.375 0.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M32.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M0.375 32.375V160.375" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<g clip-path="url(#clip5_140_30425)">
+<rect opacity="0.1" width="32" height="32" transform="matrix(-1 0 0 1 32.375 160.375)" fill="currentColor"/>
+</g>
+<rect width="32" height="32" transform="matrix(-1 0 0 1 32.375 160.375)" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M552.375 96.375H0.374981" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M552.375 140.375H0.374981" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+<path d="M552.375 52.375H0.374981" stroke="currentColor" stroke-width="0.75" stroke-linecap="square" stroke-dasharray="4 4"/>
+</g>
+<path d="M51.9844 104.375C62.4922 104.375 68.625 110.547 68.8594 124.688L60.5 126.367C60.4609 114.922 57.5703 111.172 52.1016 111.172C46.0859 111.172 43.1953 115.859 43.1953 125.938V139.18C43.1953 149.258 46.125 153.945 52.1797 153.945C57.5703 153.945 60.6562 150.117 60.8125 138.203L69.2891 140.273C68.9375 154.648 62.4531 160.781 52.0625 160.781C40.2656 160.781 34.4062 152.93 34.4062 137.695V127.461C34.4062 112.227 40.3438 104.375 51.9844 104.375Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M269.974 104.375C282.044 104.375 288.255 112.266 288.255 127.539V137.656C288.255 152.93 282.044 160.781 269.974 160.781C257.864 160.781 251.653 152.93 251.653 137.656V127.539C251.653 112.266 257.864 104.375 269.974 104.375ZM269.935 111.172C263.567 111.172 260.481 116.055 260.481 126.172V139.258C260.481 149.18 263.567 153.945 269.974 153.945C276.341 153.945 279.427 149.18 279.427 139.258V126.172C279.427 116.055 276.341 111.172 269.935 111.172Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95.0674 105.234C105.106 105.234 110.419 109.883 110.419 118.555V120.469C110.419 127.031 106.864 131.094 100.458 131.914V132.656C104.716 133.828 106.356 135.781 107.685 142.266L109.013 148.789C110.341 155.273 111.474 157.695 113.231 159.023L113.114 159.922H103.271C102.06 157.773 101.396 155 100.341 148.984L99.2471 142.969C98.1924 136.953 96.7469 135.313 92.4111 135.312H87.6846V159.922H79.0127V105.234H95.0674ZM87.6846 128.711H94.1689C99.286 128.711 101.708 126.445 101.708 121.641V119.18C101.708 114.336 99.286 112.109 94.1689 112.109H87.6846V128.711Z" fill="currentColor"/>
+<path d="M147.408 112.305H129.479V128.047H145.885V134.375H129.479V152.852H148.111V159.922H120.807V105.234H147.408V112.305Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M191.701 159.922H182.561L180.139 149.453H165.061L162.639 159.922H154.162L167.521 105.234H178.225L191.701 159.922ZM172.17 114.336C171.506 119.531 170.803 123.477 169.787 128.125L166.428 143.086H178.771L175.451 128.125C174.436 123.477 173.693 119.531 172.99 114.336H172.17Z" fill="currentColor"/>
+<path d="M225.214 112.305H213.339V159.922H204.667V112.305H192.792V105.234H225.214V112.305Z" fill="currentColor"/>
+<path d="M241.734 159.922H233.062V105.234H241.734V159.922Z" fill="currentColor"/>
+<path d="M320.791 137.148C322.002 140.352 322.9 143.242 323.916 147.305L324.697 147.227C324.229 142.266 323.916 137.578 323.916 133.32V105.234H332.275V159.922H322.314L309.893 128.281C308.564 124.961 307.666 121.992 306.572 117.617L305.752 117.695C306.221 122.578 306.494 127.5 306.494 131.797L306.533 159.922H298.135V105.234H308.291L320.791 137.148Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M140.143 32.375C152.213 32.3752 158.424 40.2658 158.424 55.5391V65.6562C158.424 80.9295 152.213 88.7811 140.143 88.7812C128.033 88.7812 121.822 80.9297 121.822 65.6562V55.5391C121.822 40.2656 128.033 32.375 140.143 32.375ZM140.104 39.1719C133.736 39.1719 130.65 44.0547 130.65 54.1719V67.2578C130.65 77.1797 133.736 81.9453 140.143 81.9453C146.51 81.9451 149.596 77.1795 149.596 67.2578V54.1719C149.596 44.0549 146.51 39.1721 140.104 39.1719Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M69.9141 87.9219H60.7734L58.3516 77.4531H43.2734L40.8516 87.9219H32.375L45.7344 33.2344H56.4375L69.9141 87.9219ZM50.3828 42.3359C49.7188 47.5312 49.0156 51.4766 48 56.125L44.6406 71.0859H56.9844L53.6641 56.125C52.6484 51.4766 51.9062 47.5312 51.2031 42.3359H50.3828Z" fill="currentColor"/>
+<path d="M100.419 65.1484C101.63 68.3515 102.528 71.2422 103.544 75.3047L104.325 75.2266C103.856 70.2656 103.544 65.5781 103.544 61.3203V33.2344H111.903V87.9219H101.942L89.5205 56.2812C88.1924 52.961 87.2939 49.9922 86.2002 45.6172L85.3799 45.6953C85.8486 50.5781 86.1221 55.5 86.1221 59.7969L86.1611 87.9219H77.7627V33.2344H87.9189L100.419 65.1484Z" fill="currentColor"/>
+<path d="M196.779 40.3047H184.904V87.9219H176.232V40.3047H164.357V33.2344H196.779V40.3047Z" fill="currentColor"/>
+<path d="M213.3 55.4609H229.159V33.2344H237.831V87.9219H229.159V62.4922H213.3V87.9219H204.628V33.2344H213.3V55.4609Z" fill="currentColor"/>
+<path d="M275.523 40.3047H257.594V56.0469H274V62.375H257.594V80.8516H276.227V87.9219H248.922V33.2344H275.523V40.3047Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M301.536 33.2344C311.575 33.2344 316.888 37.8829 316.888 46.5547V48.4688C316.888 55.0312 313.333 59.0937 306.927 59.9141V60.6562C311.184 61.8281 312.825 63.7814 314.153 70.2656L315.481 76.7891C316.81 83.2734 317.942 85.6953 319.7 87.0234L319.583 87.9219H309.739C308.528 85.7734 307.864 83 306.81 76.9844L305.716 70.9688C304.661 64.9532 303.216 63.3126 298.88 63.3125H294.153V87.9219H285.481V33.2344H301.536ZM294.153 56.7109H300.638C305.755 56.7109 308.177 54.4452 308.177 49.6406V47.1797C308.177 42.336 305.755 40.1094 300.638 40.1094H294.153V56.7109Z" fill="currentColor"/>
+<path d="M366.275 44.375V148.781" stroke="currentColor" stroke-width="4"/>
+<path d="M458.56 47.2901C458.705 47.292 459.389 47.8761 460.08 48.5883C460.771 49.2999 461.336 49.9708 461.337 50.08C461.336 50.1894 461.075 50.8718 460.755 51.5966C460.434 52.3226 459.391 54.3777 458.437 56.1639C457.482 57.9501 456.389 59.9884 456.007 60.6934C455.624 61.3984 454.393 63.6609 453.271 65.7209C452.148 67.781 450.393 71.019 449.37 72.9165C448.348 74.8138 446.981 77.3421 446.334 78.5349C445.687 79.7276 444.945 81.1029 444.686 81.5908C444.426 82.0794 442.559 85.5835 440.537 89.378C436.861 96.2772 436.861 96.2781 436.956 97.2635C437.07 98.4308 436.379 99.9907 438 100.853C439.622 101.713 445.343 91.7838 446.901 91.0111C449.27 89.8361 449.953 89.108 452.017 87.3506C452.923 86.5794 454.562 85.0887 455.659 84.0377C456.756 82.9865 458.59 81.0655 459.735 79.7689C460.879 78.4724 462.206 76.8223 462.682 76.1024C463.159 75.3825 463.628 74.7919 463.723 74.7898C464.438 74.7725 466.288 75.5517 466.794 76.1266C466.885 76.2313 466.772 76.7593 466.519 77.4097C466.282 78.0185 465.664 79.1183 465.147 79.8535C464.629 80.5891 463.66 82.1225 462.993 83.2609C462.326 84.3994 461.094 86.662 460.255 88.2884C459.415 89.9149 457.881 93.1182 456.845 95.4068C455.809 97.6955 454.602 100.534 454.163 101.715C453.723 102.896 453.176 104.484 452.947 105.243C452.717 106.002 452.418 107.044 452.283 107.559C452.147 108.074 452.103 108.495 452.184 108.495C452.267 108.494 452.738 107.909 453.233 107.194C453.728 106.478 454.604 105.036 455.18 103.99C455.753 102.949 456.237 102.075 456.26 102.04C456.278 102.014 456.982 102.256 457.824 102.58C458.665 102.903 459.384 103.202 459.421 103.244C459.456 103.289 459.289 103.92 459.047 104.649C458.805 105.381 458.322 106.514 457.973 107.167C457.624 107.82 456.778 109.206 456.093 110.248C455.408 111.29 454.406 112.612 453.867 113.186C453.329 113.76 452.613 114.362 452.275 114.522C451.697 114.797 451.568 114.779 450.062 114.212C449.17 113.876 448.33 113.428 448.159 113.199C447.957 112.925 447.855 112.453 447.856 111.775C447.856 111.218 447.971 110.141 448.11 109.382C448.25 108.623 448.631 107.16 448.957 106.13C449.728 103.687 450.536 101.265 451.43 98.8761C451.848 97.7603 452.74 95.554 453.412 93.9733C454.082 92.3984 454.596 91.0691 454.557 91.0111C454.514 90.9626 453.527 91.6482 452.363 92.5352C448.623 95.3858 440.786 107.571 436.956 106.135C435.562 105.612 434.316 104.474 434.1 102.58C431.22 102.607 425.296 119.794 424.521 122.399C423.988 124.191 416.226 147.168 415.75 148.903C415.274 150.638 414.618 153.255 414.29 154.719C413.963 156.183 413.599 158.09 413.481 158.957C413.363 159.825 413.252 160.553 413.233 160.575C413.212 160.597 412.434 160.486 411.503 160.327C410.571 160.168 409.746 160.081 409.666 160.136C409.588 160.19 408.969 159.651 408.291 158.937C407.262 157.854 407.059 157.536 407.06 157.017C407.061 156.675 407.174 155.918 407.31 155.335C407.446 154.753 407.888 153.378 408.292 152.28C411.464 143.654 413.481 137.683 418.193 125.928C419.96 121.52 422.094 117.205 423.537 112.641C423.845 111.665 424.825 108.737 425.715 106.135C426.605 103.533 427.638 100.561 428.01 99.5305C428.382 98.5003 429.313 96.0167 430.08 94.0111C430.847 92.0053 432.107 88.7718 432.88 86.8254C433.65 84.8849 434.281 83.2686 434.285 83.2269C434.285 83.1945 434.367 83.1679 434.467 83.1679C434.568 83.1684 435.348 83.4453 436.201 83.7838C437.658 84.3624 437.753 84.4339 437.754 84.9551C437.754 85.2603 437.826 85.5616 437.914 85.6239C438.004 85.682 438.772 84.424 439.621 82.8256C440.472 81.2247 441.739 78.8506 442.437 77.5495C443.135 76.2484 444.798 73.1873 446.131 70.7477C447.465 68.3084 448.861 65.7362 449.234 65.031C449.607 64.3263 450.377 62.9069 450.945 61.8768C451.513 60.8468 452.296 59.398 452.684 58.6577C453.072 57.9192 453.353 57.2727 453.31 57.2189C453.265 57.1678 453.121 57.2416 452.99 57.3821C452.858 57.5229 452.283 58.0806 451.712 58.6214C451.14 59.1623 450.587 59.6952 450.482 59.8048C450.376 59.9149 449.522 60.7583 448.584 61.6796C447.646 62.6013 446.132 64.0984 445.22 65.0068C444.308 65.915 443.289 66.9359 442.955 67.2754C442.621 67.6151 441.49 68.7348 440.441 69.7638C439.392 70.793 437.865 72.3005 437.048 73.1137C436.231 73.9268 434.904 75.2279 434.1 76.0049C433.296 76.7818 431.845 78.1571 430.876 79.0608C429.908 79.9645 428.348 81.3774 427.409 82.2007C426.47 83.0239 425.077 84.1891 424.314 84.7896C423.551 85.3902 422.454 86.1505 421.875 86.48C421.297 86.8094 420.547 87.1378 420.209 87.21C419.631 87.3331 419.511 87.2567 418.193 85.9276C417.255 84.9822 416.755 84.3258 416.681 83.9432C416.618 83.6152 416.694 82.8877 416.861 82.2347C417.021 81.6093 417.508 80.2107 417.945 79.1266C418.381 78.0424 419.243 76.0909 419.86 74.7898C420.477 73.4887 421.956 70.4723 423.147 68.087C424.338 65.7017 425.565 63.2616 425.873 62.665C426.181 62.0687 426.749 60.9592 427.134 60.1992C427.52 59.4391 428.085 58.2998 428.39 57.6677C428.826 56.7643 428.875 56.562 428.623 56.7216C428.447 56.8336 427.901 57.2632 427.41 57.676C426.919 58.0892 424.508 60.1563 422.053 62.2705C419.597 64.3849 417.384 66.2896 417.136 66.5023C416.886 66.7161 414.81 68.5253 412.521 70.524C410.233 72.5233 407.853 74.6163 407.233 75.1752C406.613 75.7339 404.358 77.7833 402.223 79.7289C400.087 81.6746 398.097 83.4844 397.8 83.7505C397.504 84.0168 396.636 84.8726 395.873 85.6526C394.485 87.0707 394.485 87.0709 393.229 85.7606C391.972 84.4497 391.972 84.4495 393.143 83.0697C393.786 82.3109 394.589 81.4163 394.927 81.0815C395.265 80.747 396.046 79.9925 396.663 79.4054C397.279 78.8183 398.174 77.983 398.65 77.5495C399.126 77.116 399.671 76.6152 399.862 76.4356C400.053 76.2562 400.833 75.5508 401.596 74.8684C402.359 74.1861 403.92 72.7845 405.065 71.7542C406.209 70.7239 407.575 69.5019 408.1 69.0383C408.624 68.5751 410.458 66.9702 412.175 65.4731C413.891 63.9763 415.5 62.5774 415.75 62.3635C416 62.15 418.214 60.2453 420.67 58.131C423.127 56.0166 426.2 53.3947 427.5 52.3047C428.8 51.2148 430.398 49.9063 431.053 49.3969C431.708 48.8875 432.414 48.4712 432.622 48.4712C432.844 48.4722 433.515 49.0078 434.257 49.7777C435.431 50.9953 435.509 51.1258 435.399 51.6994C435.335 52.0382 434.981 52.9975 434.613 53.8312C434.245 54.6654 432.41 58.3912 430.535 62.1111C428.66 65.831 426.275 70.6048 425.234 72.7192C424.193 74.8336 422.874 77.6599 422.302 78.9996C421.73 80.3391 421.285 81.5147 421.314 81.612C421.344 81.7075 421.991 81.3217 422.754 80.7535C423.517 80.1842 425.117 78.8533 426.309 77.7966C427.501 76.74 428.877 75.4982 429.368 75.0369C429.858 74.5756 430.678 73.8109 431.188 73.3381C431.699 72.8654 432.507 72.0978 432.984 71.6318C433.461 71.1658 434.485 70.1678 435.258 69.4139C436.032 68.6601 436.819 67.8755 437.008 67.6706C437.196 67.4656 438.08 66.5882 438.972 65.7209C439.864 64.8536 440.718 64.0104 440.871 63.8476C441.023 63.685 441.457 63.2518 441.835 62.8849C442.213 62.5178 442.987 61.7641 443.556 61.2096C444.124 60.6549 445.334 59.447 446.243 58.5254C447.153 57.6039 448.356 56.4062 448.916 55.8639C449.476 55.3218 450.264 54.5674 450.668 54.1879C451.072 53.8084 452.526 52.4269 453.899 51.1183C455.272 49.8099 456.824 48.4132 457.347 48.014C457.87 47.6153 458.415 47.2894 458.56 47.2901Z" fill="currentColor"/>
+<path d="M479.482 80.6863C481.086 79.1015 481.086 79.1019 482.43 79.7961C483.169 80.1781 483.881 80.6114 484.012 80.7588C484.213 80.9857 484.172 81.2036 483.742 82.178C483.463 82.8117 482.232 85.1484 481.007 87.371C479.782 89.5937 478.645 91.6787 478.48 92.004C478.316 92.3295 477.821 93.2547 477.382 94.0602C476.942 94.8656 476.616 95.5637 476.658 95.6116C476.704 95.6535 477.743 94.5117 478.969 93.0695C481.204 90.4413 481.204 90.4415 482.749 91.2438C483.954 91.8697 484.306 92.1439 484.351 92.4914C484.406 92.9091 484.466 92.9292 485.305 92.7997C485.798 92.724 487.126 92.5869 488.255 92.4952C490.028 92.3513 490.4 92.2589 490.982 91.8211C491.353 91.5423 491.726 91.3142 491.812 91.3141C491.899 91.3146 492.403 91.5402 492.933 91.8158C493.721 92.2261 493.955 92.2749 494.211 92.0818C494.384 91.9519 495.316 90.8609 496.281 89.6576C497.247 88.4545 498.818 86.402 499.773 85.0972C500.727 83.7929 501.636 82.6063 501.791 82.4591C502.033 82.231 502.276 82.2975 503.501 82.9284C504.287 83.3324 505.038 83.7803 505.17 83.9236C505.373 84.1448 505.297 84.5416 504.672 86.5171C504.267 87.7999 503.593 89.9588 503.177 91.3141C502.76 92.6693 502.418 93.8916 502.417 94.03C502.416 94.2197 502.545 94.2047 502.948 93.968C503.458 93.6682 503.536 93.6809 504.757 94.2589C505.599 94.6576 506.327 94.8627 506.897 94.8627C507.373 94.8625 508.997 94.5881 510.507 94.2529C512.017 93.9176 513.956 93.5971 514.814 93.5403C516.361 93.4382 516.389 93.4443 517.932 94.2567C518.789 94.7073 519.667 95.2655 519.883 95.4967C520.099 95.7279 520.276 96.0568 520.275 96.2275C520.274 96.3989 520.087 96.9936 519.859 97.5491C519.632 98.1051 519.364 98.6173 519.264 98.6872C519.164 98.7562 518.496 98.483 517.778 98.0796C516.473 97.3453 516.472 97.3454 515.21 97.5703C514.516 97.6941 513.089 97.9817 512.04 98.2096C510.991 98.4373 509.508 98.6386 508.745 98.6577C507.563 98.6871 507.207 98.6131 506.339 98.1575C505.782 97.8646 505.293 97.6244 505.25 97.6224C505.211 97.6224 504.395 98.4651 503.438 99.495C502.482 100.524 501.52 101.418 501.299 101.482C501.027 101.56 500.403 101.312 499.339 100.704C498.481 100.214 497.73 99.6676 497.669 99.4897C497.609 99.3124 497.561 98.8863 497.562 98.5429C497.563 98.1994 497.786 96.9646 498.058 95.799C498.329 94.637 498.521 93.6861 498.486 93.6801C498.444 93.6858 497.598 94.5608 496.6 95.6297C495.6 96.7023 494.494 97.7348 494.144 97.924C493.507 98.2675 493.506 98.2672 491.761 97.2922C490.016 96.3171 490.016 96.3171 488.022 96.5607C486.926 96.6947 485.638 96.8105 485.161 96.8177C484.581 96.8263 483.986 96.6671 483.366 96.3393C482.857 96.0698 482.339 95.8487 482.215 95.8481C482.092 95.8481 480.407 97.7777 478.471 100.136C476.535 102.494 474.126 105.381 473.119 106.551C472.112 107.72 470.99 108.911 470.627 109.197C469.967 109.718 469.966 109.718 468.416 108.854C467.121 108.132 466.866 107.914 466.866 107.527C466.866 107.272 467.178 106.374 467.56 105.531C467.94 104.69 468.252 103.94 468.253 103.862C468.254 103.785 468.617 102.994 469.06 102.103C469.503 101.211 470.231 99.7715 470.678 98.9041C471.124 98.0367 471.944 96.4397 472.501 95.3554C473.057 94.2714 473.7 93.0436 473.93 92.6267C474.16 92.211 474.308 91.8256 474.261 91.7698C474.213 91.7154 473.095 92.641 471.777 93.8259C470.459 95.0112 468.473 96.7517 467.364 97.6942C465.623 99.1742 465.307 99.5305 465.047 100.304C464.882 100.797 464.641 101.246 464.511 101.303C464.382 101.359 463.454 100.959 462.45 100.413C461.447 99.8683 460.626 99.3354 460.623 99.2282C460.623 99.1222 460.771 98.6506 460.951 98.1809C461.132 97.7113 461.424 97.1918 461.602 97.0262C461.779 96.8608 463.407 95.4478 465.219 93.8864C467.031 92.3251 469.294 90.3366 470.247 89.468C471.201 88.5993 473.308 86.6252 474.929 85.0805C476.551 83.5357 478.599 81.5581 479.482 80.6863Z" fill="currentColor"/>
+<path d="M514.75 82.6253C514.977 82.5596 515.51 82.6589 515.941 82.8483C516.37 83.0365 517.061 83.3465 517.477 83.5367C518.201 83.8679 518.229 83.9103 518.136 84.5629C518.082 84.9373 517.916 85.4564 517.767 85.716C517.585 86.0303 517.329 86.1883 517.001 86.1883C516.73 86.1881 515.933 85.9181 515.23 85.5883C514.526 85.2588 513.888 84.9177 513.811 84.8304C513.734 84.7435 513.821 84.2385 514.005 83.7082C514.241 83.025 514.458 82.7097 514.75 82.6253Z" fill="currentColor"/>
+<path d="M490.469 81.6543C490.647 81.6547 491.462 82.0312 492.281 82.4916C493.704 83.2926 493.765 83.354 493.672 83.8881C493.618 84.1955 493.412 84.7062 493.214 85.0223C493.016 85.3382 492.696 85.5962 492.503 85.5966C492.309 85.5966 491.495 85.1903 490.694 84.6936C489.893 84.1974 489.238 83.7053 489.236 83.5994C489.236 83.4943 489.363 83.1248 489.518 82.778C489.673 82.4313 489.877 82.0366 489.972 81.9007C490.067 81.7652 490.291 81.6543 490.469 81.6543Z" fill="currentColor"/>
+<path d="M457.782 32.5786C457.879 32.6102 458.606 32.8942 459.399 33.2096C460.807 33.7699 460.84 33.7971 460.744 34.3416C460.69 34.6483 460.525 35.1805 460.375 35.5242C460.202 35.9212 459.144 36.9768 457.477 38.4162C456.033 39.6631 453.949 41.5318 452.848 42.5686C451.747 43.6054 450.481 44.9155 450.037 45.4795C449.228 46.5041 449.227 46.5039 447.724 45.8853C446.22 45.2666 446.22 45.2662 446.336 44.5523C446.4 44.1594 446.655 43.4153 446.901 42.8988C447.182 42.3089 447.926 41.3926 448.903 40.4346C449.758 39.5958 452.067 37.472 454.034 35.7154C456 33.9592 457.686 32.5479 457.782 32.5786Z" fill="currentColor"/>
+<defs>
+<clipPath id="clip0_140_30425">
+<rect width="32" height="32" transform="matrix(-1 0 0 1 552.375 0.375)" fill="white"/>
+</clipPath>
+<clipPath id="clip1_140_30425">
+<rect width="32" height="32" transform="matrix(-1 0 0 1 552.375 160.375)" fill="white"/>
+</clipPath>
+<clipPath id="clip2_140_30425">
+<rect width="24" height="32" transform="matrix(-1 0 0 1 392.375 0.375)" fill="white"/>
+</clipPath>
+<clipPath id="clip3_140_30425">
+<rect width="24" height="32" transform="matrix(-1 0 0 1 392.375 160.375)" fill="white"/>
+</clipPath>
+<clipPath id="clip4_140_30425">
+<rect width="32" height="32" transform="matrix(-1 0 0 1 32.375 0.375)" fill="white"/>
+</clipPath>
+<clipPath id="clip5_140_30425">
+<rect width="32" height="32" transform="matrix(-1 0 0 1 32.375 160.375)" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/graphics/svg/diagrams/rg-x-height.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="68" viewBox="0 0 32 68" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.1611 68H0L8.94787 32.4457L0.606635 0L11.2227 0L14.4076 16.2229C14.8626 18.5543 15.1659 20.8371 15.4186 24.1886H16.4803C16.7836 20.8371 17.1374 18.5057 17.5924 16.2714L21.03 0L31.09 0L22.3949 31.8143L32 68H21.03L17.0869 47.4543C16.5814 44.6371 16.3286 42.5 16.0758 40.0714H15.0142C14.812 42.5 14.5592 44.6371 14.0032 47.5029L10.1611 68Z" fill="white"/>
+</svg>