@aussieljk/forkbook 0.0.0-stage → 0.0.1-10

package/dist/_browser-chunks/DocsRenderer-JXND3PVQ.js

@@ -0,0 +1,10 @@
+import {
+  DocsRenderer,
+  defaultComponents
+} from "./chunk-5I7E4GMO.js";
+import "./chunk-46Z7NGAS.js";
+import "./chunk-IMSF75WX.js";
+export {
+  DocsRenderer,
+  defaultComponents
+};

package/dist/_browser-chunks/WithTooltip-5S6F2P7L.js

@@ -0,0 +1,198 @@
+import {
+  PortalContainerContext,
+  PortalTheme,
+  index_parts_exports
+} from "./chunk-DNJ3OSLB.js";
+import "./chunk-XKTORVEQ.js";
+import "./chunk-NPNIBOPF.js";
+import "./chunk-XTQCLWVH.js";
+import {
+  global
+} from "./chunk-6AKCRYVX.js";
+import "./chunk-IMSF75WX.js";
+
+// src/components/components/tooltip/WithTooltip.tsx
+import React, { useCallback, useContext, useEffect, useId, useState } from "react";
+import { deprecate } from "@aussieljk/forkbook/internal/client-logger";
+
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/components/components/tooltip/WithTooltip.module.css
+var id = "core/src/components/components/tooltip/WithTooltip.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--fb-app-border-radius) + 2px);font-family:var(--fb-font-base);font-size:var(--fb-size-s1)}}:where([data-fb-theme=dark]) .fb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--fb-background-app)}.fb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.fb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.fb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
+}
+var WithTooltip_default = { targetSvg: "fb-QoytUq-targetSvg", arrow: "fb-QoytUq-arrow", target: "fb-QoytUq-target", wrapper: "fb-QoytUq-wrapper" };
+
+// src/components/components/tooltip/WithTooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var { document: document2 } = global, Tooltip = React.forwardRef(
+  ({
+    placement = "top",
+    hasChrome = !0,
+    children,
+    arrowProps = {},
+    tooltipRef,
+    color,
+    withArrows,
+    hidden,
+    className,
+    style,
+    ...props
+  }, ref) => jsxs(
+    "div",
+    {
+      "data-testid": "tooltip",
+      ref,
+      hidden,
+      ...props,
+      className: [WithTooltip_default.wrapper, className].filter(Boolean).join(" "),
+      style: { display: hidden ? "none" : void 0, ...style },
+      "data-chrome": hasChrome || void 0,
+      "data-color": color,
+      children: [
+        hasChrome && withArrows && jsx(
+          "div",
+          {
+            className: WithTooltip_default.arrow,
+            "data-side": placement.split("-")[0],
+            ...arrowProps,
+            "data-color": color
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Tooltip.displayName = "Tooltip";
+var toSideAndAlign = (placement) => {
+  let [side, align = "center"] = placement.split("-");
+  return {
+    side: side === "auto" ? "top" : side,
+    align
+  };
+}, WithTooltipPure = ({
+  svg = !1,
+  trigger = "click",
+  closeOnOutsideClick = !1,
+  placement = "top",
+  hasChrome = !0,
+  defaultVisible = !1,
+  withArrows,
+  offset = [0, 8],
+  tooltip,
+  children,
+  delayHide = trigger === "hover" ? 200 : 0,
+  visible,
+  interactive: _interactive,
+  delayShow = 0,
+  strategy,
+  onVisibleChange,
+  portalContainer,
+  ...props
+}) => {
+  let Container = svg ? "g" : "div", triggers = trigger === null ? [] : Array.isArray(trigger) ? trigger : [trigger], isHover = triggers.includes("hover"), isClick = triggers.includes("click"), isFocus = triggers.includes("focus"), triggerId = useId(), [shown, setShown] = useState(defaultVisible), isVisible = visible ?? shown, setVisible = useCallback(
+    (next) => {
+      setShown(next), onVisibleChange?.(next);
+    },
+    [onVisibleChange]
+  ), onOpenChange = useCallback(
+    (open, { reason }) => {
+      reason === "trigger-press" && !isClick || reason === "trigger-hover" && !isHover || reason === "trigger-focus" && !isFocus || reason === "outside-press" && !closeOnOutsideClick || setVisible(open);
+    },
+    [isClick, isHover, isFocus, closeOnOutsideClick, setVisible]
+  ), contextContainer = useContext(PortalContainerContext), portalTarget = (typeof portalContainer == "string" ? document2.querySelector(portalContainer) : portalContainer) || contextContainer || document2.body;
+  return jsxs(index_parts_exports.Root, { open: isVisible, onOpenChange, triggerId, children: [
+    jsx(
+      index_parts_exports.Trigger,
+      {
+        id: triggerId,
+        nativeButton: !1,
+        openOnHover: isHover,
+        delay: delayShow,
+        closeDelay: delayHide,
+        render: jsx(
+          Container,
+          {
+            className: svg ? WithTooltip_default.targetSvg : WithTooltip_default.target,
+            "data-hover": isHover || void 0,
+            ...props
+          }
+        ),
+        children
+      }
+    ),
+    jsx(index_parts_exports.Portal, { container: portalTarget, children: jsx(PortalTheme, { children: jsx(
+      index_parts_exports.Positioner,
+      {
+        ...toSideAndAlign(placement),
+        sideOffset: offset[1],
+        alignOffset: offset[0],
+        collisionPadding: 8,
+        arrowPadding: 8,
+        positionMethod: strategy,
+        style: { zIndex: 2147483647 },
+        children: jsxs(
+          index_parts_exports.Popup,
+          {
+            initialFocus: !1,
+            finalFocus: !1,
+            render: jsx(Tooltip, { hasChrome }),
+            children: [
+              hasChrome && withArrows && jsx(index_parts_exports.Arrow, { render: jsx("div", { className: WithTooltip_default.arrow }) }),
+              typeof tooltip == "function" ? tooltip({ onHide: () => setVisible(!1) }) : tooltip
+            ]
+          }
+        )
+      }
+    ) }) })
+  ] });
+}, WithToolTipState = ({
+  startOpen = !1,
+  onVisibleChange: onChange,
+  ...rest
+}) => {
+  let [tooltipShown, setTooltipShown] = useState(startOpen), onVisibilityChange = useCallback(
+    (visibility) => {
+      onChange && onChange(visibility) === !1 || setTooltipShown(visibility);
+    },
+    [onChange]
+  );
+  return useEffect(() => {
+    let hide = () => onVisibilityChange(!1), handleKeyDown = (e) => {
+      e.key === "Escape" && hide();
+    };
+    document2.addEventListener("keydown", handleKeyDown, !1);
+    let iframes = Array.from(document2.getElementsByTagName("iframe")), unbinders = [];
+    return iframes.forEach((iframe) => {
+      let bind = () => {
+        try {
+          iframe.contentWindow.document && (iframe.contentWindow.document.addEventListener("click", hide), unbinders.push(() => {
+            try {
+              iframe.contentWindow.document.removeEventListener("click", hide);
+            } catch {
+            }
+          }));
+        } catch {
+        }
+      };
+      bind(), iframe.addEventListener("load", bind), unbinders.push(() => {
+        iframe.removeEventListener("load", bind);
+      });
+    }), () => {
+      document2.removeEventListener("keydown", handleKeyDown), unbinders.forEach((unbind) => {
+        unbind();
+      });
+    };
+  }), jsx(WithTooltipPure, { ...rest, visible: tooltipShown, onVisibleChange: onVisibilityChange });
+}, DeprecatedPure = (props) => (deprecate(
+  "WithTooltipPure is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithTooltipPure, { "data-deprecated": "WithTooltipPure", ...props })), DeprecatedState = (props) => (deprecate(
+  "WithToolTipState is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithToolTipState, { "data-deprecated": "WithToolTipState", ...props }));
+export {
+  Tooltip,
+  DeprecatedState as WithToolTipState,
+  WithToolTipState as WithTooltip,
+  DeprecatedPure as WithTooltipPure
+};

package/dist/_browser-chunks/chunk-2JDQ35OA.js

@@ -0,0 +1,247 @@
+import {
+  argumentsTag,
+  arrayBufferTag,
+  arrayTag,
+  booleanTag,
+  dataViewTag,
+  dateTag,
+  float32ArrayTag,
+  float64ArrayTag,
+  getSymbols,
+  getTag,
+  int16ArrayTag,
+  int32ArrayTag,
+  int8ArrayTag,
+  isBuffer,
+  isPlainObject,
+  isPrimitive,
+  isTypedArray,
+  mapTag,
+  numberTag,
+  objectTag,
+  regexpTag,
+  setTag,
+  stringTag,
+  symbolTag,
+  uint16ArrayTag,
+  uint32ArrayTag,
+  uint8ArrayTag,
+  uint8ClampedArrayTag
+} from "./chunk-JWSKPMPC.js";
+
+// ../../node_modules/es-toolkit/dist/object/cloneDeepWith.mjs
+function cloneDeepWithImpl(valueToClone, keyToClone, objectToClone, stack = /* @__PURE__ */ new Map(), cloneValue = void 0) {
+  let cloned = cloneValue?.(valueToClone, keyToClone, objectToClone, stack);
+  if (cloned !== void 0) return cloned;
+  if (isPrimitive(valueToClone)) return valueToClone;
+  if (stack.has(valueToClone)) return stack.get(valueToClone);
+  if (Array.isArray(valueToClone)) {
+    let result = new Array(valueToClone.length);
+    stack.set(valueToClone, result);
+    for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+    return Object.hasOwn(valueToClone, "index") && (result.index = valueToClone.index), Object.hasOwn(valueToClone, "input") && (result.input = valueToClone.input), result;
+  }
+  if (valueToClone instanceof Date) return new Date(valueToClone.getTime());
+  if (valueToClone instanceof RegExp) {
+    let result = new RegExp(valueToClone.source, valueToClone.flags);
+    return result.lastIndex = valueToClone.lastIndex, result;
+  }
+  if (valueToClone instanceof Map) {
+    let result = /* @__PURE__ */ new Map();
+    stack.set(valueToClone, result);
+    for (let [key, value] of valueToClone) result.set(key, cloneDeepWithImpl(value, key, objectToClone, stack, cloneValue));
+    return result;
+  }
+  if (valueToClone instanceof Set) {
+    let result = /* @__PURE__ */ new Set();
+    stack.set(valueToClone, result);
+    for (let value of valueToClone) result.add(cloneDeepWithImpl(value, void 0, objectToClone, stack, cloneValue));
+    return result;
+  }
+  if (isBuffer(valueToClone)) return valueToClone.subarray();
+  if (isTypedArray(valueToClone)) {
+    let result = new (Object.getPrototypeOf(valueToClone)).constructor(valueToClone.length);
+    stack.set(valueToClone, result);
+    for (let i = 0; i < valueToClone.length; i++) result[i] = cloneDeepWithImpl(valueToClone[i], i, objectToClone, stack, cloneValue);
+    return result;
+  }
+  if (valueToClone instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && valueToClone instanceof SharedArrayBuffer) return valueToClone.slice(0);
+  if (valueToClone instanceof DataView) {
+    let result = new DataView(valueToClone.buffer.slice(0), valueToClone.byteOffset, valueToClone.byteLength);
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (typeof File < "u" && valueToClone instanceof File) {
+    let result = new File([valueToClone], valueToClone.name, { type: valueToClone.type });
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (typeof Blob < "u" && valueToClone instanceof Blob) {
+    let result = new Blob([valueToClone], { type: valueToClone.type });
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (valueToClone instanceof Error) {
+    let result = structuredClone(valueToClone);
+    return stack.set(valueToClone, result), result.message = valueToClone.message, result.name = valueToClone.name, result.stack = valueToClone.stack, result.cause = valueToClone.cause, result.constructor = valueToClone.constructor, copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (valueToClone instanceof Boolean) {
+    let result = new Boolean(valueToClone.valueOf());
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (valueToClone instanceof Number) {
+    let result = new Number(valueToClone.valueOf());
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (valueToClone instanceof String) {
+    let result = new String(valueToClone.valueOf());
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  if (typeof valueToClone == "object" && isCloneableObject(valueToClone)) {
+    let result = Object.create(Object.getPrototypeOf(valueToClone));
+    return stack.set(valueToClone, result), copyProperties(result, valueToClone, objectToClone, stack, cloneValue), result;
+  }
+  return valueToClone;
+}
+function copyProperties(target, source, objectToClone = target, stack, cloneValue) {
+  let keys = [...Object.keys(source), ...getSymbols(source)];
+  for (let i = 0; i < keys.length; i++) {
+    let key = keys[i], descriptor = Object.getOwnPropertyDescriptor(target, key);
+    (descriptor == null || descriptor.writable) && (target[key] = cloneDeepWithImpl(source[key], key, objectToClone, stack, cloneValue));
+  }
+}
+function isCloneableObject(object) {
+  switch (getTag(object)) {
+    case argumentsTag:
+    case arrayTag:
+    case arrayBufferTag:
+    case dataViewTag:
+    case booleanTag:
+    case dateTag:
+    case float32ArrayTag:
+    case float64ArrayTag:
+    case int8ArrayTag:
+    case int16ArrayTag:
+    case int32ArrayTag:
+    case mapTag:
+    case numberTag:
+    case objectTag:
+    case regexpTag:
+    case setTag:
+    case stringTag:
+    case symbolTag:
+    case uint8ArrayTag:
+    case uint8ClampedArrayTag:
+    case uint16ArrayTag:
+    case uint32ArrayTag:
+      return !0;
+    default:
+      return !1;
+  }
+}
+
+// ../../node_modules/es-toolkit/dist/object/cloneDeep.mjs
+function cloneDeep(obj) {
+  return cloneDeepWithImpl(obj, void 0, obj, /* @__PURE__ */ new Map(), void 0);
+}
+
+// ../../node_modules/es-toolkit/dist/object/mapValues.mjs
+function mapValues(object, getNewValue) {
+  let result = {}, keys = Object.keys(object);
+  for (let i = 0; i < keys.length; i++) {
+    let key = keys[i], value = object[key];
+    result[key] = getNewValue(value, key, object);
+  }
+  return result;
+}
+
+// ../../node_modules/es-toolkit/dist/_internal/isMergeableValue.mjs
+function isMergeableValue(value) {
+  return isPlainObject(value) || Array.isArray(value);
+}
+
+// ../../node_modules/es-toolkit/dist/_internal/isUnsafeProperty.mjs
+function isUnsafeProperty(key) {
+  return key === "__proto__";
+}
+
+// ../../node_modules/es-toolkit/dist/object/mergeWith.mjs
+function mergeWith(target, source, merge2) {
+  let sourceKeys = Object.keys(source);
+  for (let i = 0; i < sourceKeys.length; i++) {
+    let key = sourceKeys[i];
+    if (isUnsafeProperty(key)) continue;
+    let sourceValue = source[key], targetValue = target[key], merged = merge2(targetValue, sourceValue, key, target, source);
+    merged !== void 0 ? target[key] = merged : isMergeableValue(sourceValue) && isMergeableValue(targetValue) ? target[key] = mergeWith(targetValue, sourceValue, merge2) : Array.isArray(sourceValue) ? target[key] = mergeWith([], sourceValue, merge2) : isPlainObject(sourceValue) ? target[key] = mergeWith({}, sourceValue, merge2) : (targetValue === void 0 || sourceValue !== void 0) && (target[key] = sourceValue);
+  }
+  return target;
+}
+
+// ../../node_modules/es-toolkit/dist/object/pick.mjs
+function pick(obj, keys) {
+  let result = {};
+  for (let i = 0; i < keys.length; i++) {
+    let key = keys[i];
+    Object.hasOwn(obj, key) && (result[key] = obj[key]);
+  }
+  return result;
+}
+
+// ../../node_modules/es-toolkit/dist/object/pickBy.mjs
+function pickBy(obj, shouldPick) {
+  let result = {}, keys = Object.keys(obj);
+  for (let i = 0; i < keys.length; i++) {
+    let key = keys[i], objectKey = key, value = obj[objectKey];
+    shouldPick(value, key) && (result[objectKey] = value);
+  }
+  return result;
+}
+
+// ../../node_modules/es-toolkit/dist/object/clone.mjs
+function clone(obj) {
+  if (isPrimitive(obj)) return obj;
+  if (Array.isArray(obj) || isTypedArray(obj) || obj instanceof ArrayBuffer || typeof SharedArrayBuffer < "u" && obj instanceof SharedArrayBuffer) return obj.slice(0);
+  let prototype = Object.getPrototypeOf(obj);
+  if (prototype == null) return Object.assign(Object.create(prototype), obj);
+  let Constructor = prototype.constructor;
+  if (obj instanceof Date || obj instanceof Map || obj instanceof Set) return new Constructor(obj);
+  if (obj instanceof RegExp) {
+    let newRegExp = new Constructor(obj);
+    return newRegExp.lastIndex = obj.lastIndex, newRegExp;
+  }
+  if (obj instanceof DataView) return new Constructor(obj.buffer.slice(0));
+  if (obj instanceof Error) {
+    let newError;
+    return obj instanceof AggregateError ? newError = new Constructor(obj.errors, obj.message, { cause: obj.cause }) : newError = new Constructor(obj.message, { cause: obj.cause }), newError.stack = obj.stack, Object.assign(newError, obj), newError;
+  }
+  return typeof File < "u" && obj instanceof File ? new Constructor([obj], obj.name, {
+    type: obj.type,
+    lastModified: obj.lastModified
+  }) : typeof obj == "object" ? Object.assign(Object.create(prototype), obj) : obj;
+}
+
+// ../../node_modules/es-toolkit/dist/object/omit.mjs
+function omit(obj, keys) {
+  let result = { ...obj };
+  for (let i = 0; i < keys.length; i++) {
+    let key = keys[i];
+    delete result[key];
+  }
+  return result;
+}
+
+// ../../node_modules/es-toolkit/dist/object/toMerged.mjs
+function toMerged(target, source) {
+  return mergeWith(cloneDeep(target), source, function mergeRecursively(targetValue, sourceValue) {
+    if (isMergeableValue(sourceValue) && isMergeableValue(targetValue)) return mergeWith(clone(targetValue), sourceValue, mergeRecursively);
+    if (Array.isArray(sourceValue)) return mergeWith([], sourceValue, mergeRecursively);
+    if (isPlainObject(sourceValue)) return mergeWith({}, sourceValue, mergeRecursively);
+  });
+}
+
+export {
+  cloneDeep,
+  mapValues,
+  mergeWith,
+  omit,
+  pick,
+  pickBy,
+  toMerged
+};

package/dist/_browser-chunks/chunk-2JT76G3E.js

@@ -0,0 +1,104 @@
+// src/addon-a11y/visionSimulatorFilters.ts
+var filters = {
+  blurred: {
+    label: "Blurred vision",
+    filter: "blur(2px)",
+    percentage: 22.9
+  },
+  deuteranomaly: {
+    label: "Deuteranomaly",
+    filter: 'url("#storybook-a11y-vision-deuteranomaly")',
+    percentage: 2.7
+  },
+  deuteranopia: {
+    label: "Deuteranopia",
+    filter: 'url("#storybook-a11y-vision-deuteranopia")',
+    percentage: 0.56
+  },
+  protanomaly: {
+    label: "Protanomaly",
+    filter: 'url("#storybook-a11y-vision-protanomaly")',
+    percentage: 0.66
+  },
+  protanopia: {
+    label: "Protanopia",
+    filter: 'url("#storybook-a11y-vision-protanopia")',
+    percentage: 0.59
+  },
+  tritanomaly: {
+    label: "Tritanomaly",
+    filter: 'url("#storybook-a11y-vision-tritanomaly")',
+    percentage: 0.01
+  },
+  tritanopia: {
+    label: "Tritanopia",
+    filter: 'url("#storybook-a11y-vision-tritanopia")',
+    percentage: 0.016
+  },
+  achromatopsia: {
+    label: "Achromatopsia",
+    filter: 'url("#storybook-a11y-vision-achromatopsia")',
+    percentage: 1e-4
+  },
+  grayscale: {
+    label: "Grayscale",
+    filter: "grayscale(100%)"
+  }
+}, filterDefs = `<svg id="storybook-a11y-vision-filters" aria-hidden="true" color-interpolation-filters="sRGB" style="position:absolute;width:0;height:0;overflow:hidden">
+  <defs>
+    <filter id="storybook-a11y-vision-protanopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.567, 0.433, 0, 0, 0 0.558, 0.442, 0, 0, 0 0, 0.242, 0.758, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-protanomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.817, 0.183, 0, 0, 0 0.333, 0.667, 0, 0, 0 0, 0.125, 0.875, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-deuteranopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.625, 0.375, 0, 0, 0 0.7, 0.3, 0, 0, 0 0, 0.3, 0.7, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-deuteranomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.8, 0.2, 0, 0, 0 0.258, 0.742, 0, 0, 0 0, 0.142, 0.858, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-tritanopia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.95, 0.05,  0, 0, 0 0,  0.433, 0.567, 0, 0 0,  0.475, 0.525, 0, 0 0,  0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-tritanomaly">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.967, 0.033, 0, 0, 0 0, 0.733, 0.267, 0, 0 0, 0.183, 0.817, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+    <filter id="storybook-a11y-vision-achromatopsia">
+      <feColorMatrix
+        in="SourceGraphic"
+        type="matrix"
+        values="0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0.299, 0.587, 0.114, 0, 0 0, 0, 0, 1, 0"
+      />
+    </filter>
+  </defs>
+</svg>`;
+
+export {
+  filters,
+  filterDefs
+};