@geektech/one 0.0.1

package/dist/index.js

@@ -0,0 +1,1476 @@
+// lib/button/OneButton.ts
+import { Component } from "@geektech/tsone";
+
+// lib/styles/shared.ts
+var ONE_THEME_DEFAULTS = {
+  colorPrimary: "#5fd956",
+  colorPrimaryHover: "#4bc944",
+  colorDanger: "#b83232",
+  colorDangerHover: "#9f2d2d",
+  colorSurface: "#ffffff",
+  colorText: "#162018",
+  colorMuted: "#647268",
+  colorBorder: "#d9e8d6",
+  colorFocus: "#2f7c39",
+  radiusSm: "4px",
+  radiusMd: "8px",
+  spaceXs: "4px",
+  spaceSm: "8px",
+  spaceMd: "12px",
+  spaceLg: "16px",
+  fontSizeSm: "12px",
+  fontSizeMd: "14px",
+  fontSizeLg: "16px",
+  shadowCard: "0 12px 30px rgba(32, 74, 38, 0.1)",
+  fontFamily: "Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"
+};
+var ONE_SIZES = ["sm", "md", "lg"];
+function normalizeOneSize(value) {
+  return ONE_SIZES.includes(value) ? value : "md";
+}
+
+// lib/button/OneButton.ts
+var ONE_BUTTON_VARIANTS = [
+  "primary",
+  "secondary",
+  "danger"
+];
+var ONE_BUTTON_TYPES = [
+  "button",
+  "submit",
+  "reset"
+];
+var ONE_BUTTON_STYLES = [
+  {
+    name: "one-button-base",
+    selector: ".one-button",
+    properties: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: `var(--one-button-gap, var(--one-space-sm, ${ONE_THEME_DEFAULTS.spaceSm}))`,
+      border: "1px solid transparent",
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      fontFamily: `var(--one-font-family, ${ONE_THEME_DEFAULTS.fontFamily})`,
+      fontWeight: "500",
+      lineHeight: "1.5",
+      cursor: "pointer",
+      transition: "150ms ease"
+    }
+  },
+  {
+    name: "one-button-primary",
+    selector: ".one-button--primary",
+    properties: {
+      color: `var(--one-color-primary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    },
+    hover: {
+      backgroundColor: `var(--one-color-primary-hover, ${ONE_THEME_DEFAULTS.colorPrimaryHover})`
+    }
+  },
+  {
+    name: "one-button-secondary",
+    selector: ".one-button--secondary",
+    properties: {
+      color: `var(--one-color-secondary-contrast, ${ONE_THEME_DEFAULTS.colorText})`,
+      backgroundColor: `var(--one-color-secondary, ${ONE_THEME_DEFAULTS.colorSurface})`
+    },
+    hover: {
+      backgroundColor: `var(--one-color-secondary-hover, ${ONE_THEME_DEFAULTS.colorBorder})`
+    }
+  },
+  {
+    name: "one-button-danger",
+    selector: ".one-button--danger",
+    properties: {
+      color: `var(--one-color-danger-contrast, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      backgroundColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    },
+    hover: {
+      backgroundColor: `var(--one-color-danger-hover, ${ONE_THEME_DEFAULTS.colorDangerHover})`
+    }
+  },
+  {
+    name: "one-button-sm",
+    selector: ".one-button--sm",
+    properties: {
+      minHeight: "32px",
+      padding: `var(--one-button-padding-sm, ${ONE_THEME_DEFAULTS.spaceXs} ${ONE_THEME_DEFAULTS.spaceMd})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
+    }
+  },
+  {
+    name: "one-button-md",
+    selector: ".one-button--md",
+    properties: {
+      minHeight: "40px",
+      padding: `var(--one-button-padding-md, ${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceLg})`,
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
+    }
+  },
+  {
+    name: "one-button-lg",
+    selector: ".one-button--lg",
+    properties: {
+      minHeight: "48px",
+      padding: `var(--one-button-padding-lg, ${ONE_THEME_DEFAULTS.spaceMd} ${ONE_THEME_DEFAULTS.spaceLg})`,
+      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
+    }
+  },
+  {
+    name: "one-button-disabled",
+    selector: ".one-button:disabled",
+    properties: {
+      opacity: "0.5",
+      cursor: "not-allowed"
+    }
+  },
+  {
+    name: "one-button-focus-visible",
+    selector: ".one-button:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  },
+  {
+    name: "one-button-spinner",
+    selector: ".one-button__spinner",
+    properties: {
+      width: "1em",
+      height: "1em",
+      border: "2px solid currentColor",
+      borderRightColor: "transparent",
+      borderRadius: "50%"
+    }
+  }
+];
+function normalizeButtonVariant(value) {
+  return ONE_BUTTON_VARIANTS.includes(value) ? value : "primary";
+}
+function normalizeButtonType(value) {
+  return ONE_BUTTON_TYPES.includes(value) ? value : "button";
+}
+
+class OneButton extends Component {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_BUTTON_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const variant = normalizeButtonVariant(this.props.variant);
+    const size = normalizeOneSize(this.props.size);
+    const disabled = this.props.disabled === true || this.props.loading === true;
+    return {
+      tag: "button",
+      props: {
+        className: `one-button one-button--${variant} one-button--${size}`,
+        type: normalizeButtonType(this.props.type),
+        disabled,
+        "aria-busy": this.props.loading === true ? "true" : undefined
+      },
+      listeners: {
+        click: (event) => {
+          if (!disabled && event instanceof MouseEvent) {
+            this.emit("click", event);
+          }
+        }
+      },
+      children: [
+        ...this.props.loading ? [
+          {
+            tag: "span",
+            props: {
+              className: "one-button__spinner",
+              "aria-hidden": "true"
+            }
+          }
+        ] : [],
+        ...this.props.children ?? []
+      ]
+    };
+  }
+}
+// lib/input/OneInput.ts
+import { Component as Component2 } from "@geektech/tsone";
+
+// lib/form/context.ts
+var ONE_FORM_MODEL_KEY = Symbol("one-form-model");
+var ONE_FORM_FIELD_KEY = Symbol("one-form-field");
+
+// lib/input/OneInput.ts
+var ONE_INPUT_STYLES = [
+  {
+    name: "one-input-base",
+    selector: ".one-input",
+    properties: {
+      boxSizing: "border-box",
+      width: "100%",
+      border: `1px solid var(--one-input-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`,
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      color: `var(--one-input-color, var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText}))`,
+      backgroundColor: `var(--one-input-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`,
+      fontFamily: `var(--one-font-family, ${ONE_THEME_DEFAULTS.fontFamily})`,
+      lineHeight: "1.5",
+      transition: "150ms ease"
+    }
+  },
+  {
+    name: "one-input-sm",
+    selector: ".one-input--sm",
+    properties: {
+      minHeight: "32px",
+      padding: `var(--one-input-padding-sm, ${ONE_THEME_DEFAULTS.spaceXs} ${ONE_THEME_DEFAULTS.spaceSm})`,
+      fontSize: `var(--one-font-size-sm, ${ONE_THEME_DEFAULTS.fontSizeSm})`
+    }
+  },
+  {
+    name: "one-input-md",
+    selector: ".one-input--md",
+    properties: {
+      minHeight: "40px",
+      padding: `var(--one-input-padding-md, ${ONE_THEME_DEFAULTS.spaceSm} ${ONE_THEME_DEFAULTS.spaceMd})`,
+      fontSize: `var(--one-font-size-md, ${ONE_THEME_DEFAULTS.fontSizeMd})`
+    }
+  },
+  {
+    name: "one-input-lg",
+    selector: ".one-input--lg",
+    properties: {
+      minHeight: "48px",
+      padding: `var(--one-input-padding-lg, ${ONE_THEME_DEFAULTS.spaceMd} ${ONE_THEME_DEFAULTS.spaceLg})`,
+      fontSize: `var(--one-font-size-lg, ${ONE_THEME_DEFAULTS.fontSizeLg})`
+    }
+  },
+  {
+    name: "one-input-invalid",
+    selector: ".one-input--invalid",
+    properties: {
+      borderColor: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-input-disabled",
+    selector: ".one-input:disabled",
+    properties: {
+      opacity: "0.5",
+      cursor: "not-allowed",
+      backgroundColor: `var(--one-input-disabled-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`
+    }
+  },
+  {
+    name: "one-input-focus-visible",
+    selector: ".one-input:focus-visible",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px",
+      borderColor: `var(--one-input-focus-border-color, var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus}))`
+    }
+  }
+];
+
+class OneInput extends Component2 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalValue: this.props.defaultValue ?? "", revision: 0 };
+  }
+  initStyles() {
+    ONE_INPUT_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    this.state.revision;
+    const size = normalizeOneSize(this.props.size);
+    const fieldContext = this.fieldContext;
+    const fieldErrors = fieldContext?.model.getErrors(fieldContext.name) ?? [];
+    const value = fieldContext ? fieldContext.model.getValue(fieldContext.name) : this.props.value ?? this.state.internalValue;
+    const classNames = [
+      "one-input",
+      ...this.props.invalid || fieldErrors.length > 0 ? ["one-input--invalid"] : [],
+      `one-input--${size}`
+    ];
+    return {
+      tag: "input",
+      props: {
+        className: classNames.join(" "),
+        value: typeof value === "string" ? value : "",
+        type: this.props.type,
+        name: fieldContext?.name ?? this.props.name,
+        id: fieldContext?.controlId,
+        placeholder: this.props.placeholder,
+        disabled: this.props.disabled === true,
+        readonly: this.props.readonly === true,
+        required: this.props.required === true,
+        "aria-invalid": this.props.invalid || fieldErrors.length > 0 ? "true" : undefined,
+        "aria-describedby": fieldContext?.describedBy,
+        "aria-label": this.props.ariaLabel
+      },
+      listeners: {
+        input: (event) => this.emitValue("input", event),
+        change: (event) => this.emitValue("change", event)
+      }
+    };
+  }
+  onUpdated() {
+    const input = this.getElement();
+    if (!this.fieldContext && this.props.value !== undefined && input instanceof HTMLInputElement) {
+      input.value = this.props.value;
+    }
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    if (this.fieldContext) {
+      this.fieldContext.model.ensureValue(this.fieldContext.name, this.props.value ?? this.props.defaultValue ?? "");
+    }
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  emitValue(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement)) {
+      return;
+    }
+    const nextValue = input.value;
+    if (this.fieldContext) {
+      this.fieldContext.model.setValue(this.fieldContext.name, nextValue);
+    } else if (this.props.value === undefined) {
+      this.state.internalValue = nextValue;
+    }
+    this.emit(eventName, { value: nextValue, originalEvent: event });
+    if (!this.fieldContext && this.props.value !== undefined) {
+      input.value = this.props.value;
+    }
+  }
+}
+// lib/form/model.ts
+function hasOwn(object, key) {
+  return Object.prototype.hasOwnProperty.call(object, key);
+}
+function cloneFieldValue(value) {
+  return Array.isArray(value) ? [...value] : value;
+}
+function cloneValues(values) {
+  return Object.fromEntries(Object.entries(values).map(([name, value]) => [name, cloneFieldValue(value)]));
+}
+function isRequiredValue(value) {
+  return value !== undefined && value !== "" && value !== false && (!Array.isArray(value) || value.length > 0);
+}
+function getLength(value) {
+  return typeof value === "string" || Array.isArray(value) ? value.length : undefined;
+}
+function defaultRuleMessage(rule) {
+  if (rule.required) {
+    return "此字段为必填项";
+  }
+  if (rule.minLength !== undefined) {
+    return `长度不能少于 ${rule.minLength}`;
+  }
+  if (rule.maxLength !== undefined) {
+    return `长度不能超过 ${rule.maxLength}`;
+  }
+  if (rule.pattern) {
+    return "格式不正确";
+  }
+  return "校验失败";
+}
+
+class OneFormModel {
+  initialValues;
+  rules;
+  values = {};
+  errors = new Map;
+  fields = new Map;
+  subscribers = new Set;
+  constructor(initialValues = {}, rules = {}) {
+    this.initialValues = cloneValues(initialValues);
+    this.rules = Object.fromEntries(Object.entries(rules).map(([name, fieldRules]) => [
+      name,
+      fieldRules ? fieldRules.map((rule) => ({ ...rule })) : []
+    ]));
+  }
+  ensureValue(name, fallback) {
+    if (hasOwn(this.values, name)) {
+      return;
+    }
+    this.values[name] = cloneFieldValue(hasOwn(this.initialValues, name) ? this.initialValues[name] : fallback);
+    this.notify();
+  }
+  setValue(name, value) {
+    this.values[name] = cloneFieldValue(value);
+    this.notify();
+  }
+  getValue(name) {
+    return cloneFieldValue(this.values[name]);
+  }
+  getValues() {
+    return cloneValues(Object.fromEntries([...this.fields.keys()].map((name) => [name, this.values[name]])));
+  }
+  getErrors(name) {
+    return [...this.errors.get(name) ?? []];
+  }
+  validate() {
+    this.errors.clear();
+    const values = this.getValues();
+    this.fields.forEach((_, name) => {
+      const messages = this.validateField(name, values);
+      if (messages.length > 0) {
+        this.errors.set(name, messages);
+      }
+    });
+    this.notify();
+    return this.getValidationResult();
+  }
+  reset() {
+    this.errors.clear();
+    this.fields.forEach((_, name) => {
+      if (hasOwn(this.initialValues, name)) {
+        this.values[name] = cloneFieldValue(this.initialValues[name]);
+      } else {
+        delete this.values[name];
+      }
+    });
+    this.notify();
+  }
+  subscribe(listener) {
+    this.subscribers.add(listener);
+    return () => this.subscribers.delete(listener);
+  }
+  registerField(name, focus) {
+    if (!hasOwn(this.values, name) && hasOwn(this.initialValues, name)) {
+      this.values[name] = cloneFieldValue(this.initialValues[name]);
+    }
+    this.fields.set(name, focus);
+    return () => {
+      this.fields.delete(name);
+      this.errors.delete(name);
+      delete this.values[name];
+      this.notify();
+    };
+  }
+  focusFirstInvalidField() {
+    for (const [name, focus] of this.fields) {
+      if (this.errors.has(name)) {
+        focus();
+        return true;
+      }
+    }
+    return false;
+  }
+  validateField(name, values) {
+    const value = this.values[name];
+    const messages = [];
+    this.rules[name]?.forEach((rule) => {
+      if (rule.required && !isRequiredValue(value)) {
+        messages.push(rule.message ?? defaultRuleMessage(rule));
+      }
+      const length = getLength(value);
+      if (rule.minLength !== undefined && length !== undefined && length < rule.minLength) {
+        messages.push(rule.message ?? defaultRuleMessage(rule));
+      }
+      if (rule.maxLength !== undefined && length !== undefined && length > rule.maxLength) {
+        messages.push(rule.message ?? defaultRuleMessage(rule));
+      }
+      if (rule.pattern && typeof value === "string" && !rule.pattern.test(value)) {
+        messages.push(rule.message ?? defaultRuleMessage(rule));
+      }
+      if (rule.validator) {
+        try {
+          const message = rule.validator(cloneFieldValue(value), values);
+          if (message) {
+            messages.push(message);
+          }
+        } catch {
+          messages.push("校验器执行失败");
+        }
+      }
+    });
+    return messages;
+  }
+  getValidationResult() {
+    const errors = Object.fromEntries([...this.errors.entries()].map(([name, messages]) => [name, [...messages]]));
+    return { valid: this.errors.size === 0, errors };
+  }
+  notify() {
+    [...this.subscribers].forEach((listener) => listener());
+  }
+}
+// lib/form/OneForm.ts
+import { Component as Component3, slot } from "@geektech/tsone";
+var ONE_FORM_STYLES = [
+  {
+    name: "one-form-base",
+    selector: ".one-form",
+    properties: {
+      display: "grid",
+      gap: "16px"
+    }
+  }
+];
+
+class OneForm extends Component3 {
+  model;
+  constructor(props = {}) {
+    super(props);
+    this.model = new OneFormModel(props.initialValues, props.rules);
+    this.provide(ONE_FORM_MODEL_KEY, this.model);
+  }
+  validate() {
+    return this.model.validate();
+  }
+  reset() {
+    this.model.reset();
+  }
+  getValues() {
+    return this.model.getValues();
+  }
+  initState() {
+    return { revision: 0 };
+  }
+  initStyles() {
+    ONE_FORM_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    return {
+      tag: "form",
+      props: { className: "one-form", novalidate: true },
+      children: [slot("default")],
+      listeners: {
+        submit: (event) => this.handleSubmit(event),
+        reset: (event) => this.handleReset(event)
+      }
+    };
+  }
+  handleSubmit(event) {
+    event.preventDefault();
+    const result = this.model.validate();
+    if (!result.valid) {
+      this.model.focusFirstInvalidField();
+      return;
+    }
+    this.emit("submit", { values: this.model.getValues() });
+  }
+  handleReset(event) {
+    event.preventDefault();
+    this.model.reset();
+  }
+}
+// lib/form/OneFormItem.ts
+import { Component as Component4, slot as slot2 } from "@geektech/tsone";
+var ONE_FORM_ITEM_STYLES = [
+  {
+    name: "one-form-item-base",
+    selector: ".one-form-item",
+    properties: {
+      display: "grid",
+      gap: "6px"
+    }
+  },
+  {
+    name: "one-form-item-label",
+    selector: ".one-form-item__label",
+    properties: { fontWeight: "500" }
+  },
+  {
+    name: "one-form-item-description",
+    selector: ".one-form-item__description",
+    properties: { color: "var(--one-color-muted, #647268)", fontSize: "12px" }
+  },
+  {
+    name: "one-form-item-error",
+    selector: ".one-form-item__error",
+    properties: { color: "var(--one-color-danger, #b83232)", fontSize: "12px" }
+  }
+];
+function normalizeName(name) {
+  return name.trim().replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "field";
+}
+
+class OneFormItem extends Component4 {
+  model;
+  unsubscribe;
+  unregister;
+  fieldSignature = "";
+  initState() {
+    return { revision: 0 };
+  }
+  initStyles() {
+    ONE_FORM_ITEM_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  beforeMount() {
+    const model = this.inject(ONE_FORM_MODEL_KEY);
+    if (!model) {
+      throw new Error("OneFormItem requires OneForm");
+    }
+    this.model = model;
+    this.fieldSignature = this.getFieldSignature(model);
+    this.provide(ONE_FORM_FIELD_KEY, this.getFieldContext(model));
+    this.unregister = model.registerField(this.props.name, () => {
+      const element = this.getElement();
+      if (!(element instanceof HTMLElement)) {
+        return;
+      }
+      element.querySelector("input, button")?.focus();
+    });
+  }
+  onMounted() {
+    this.unsubscribe = this.model?.subscribe(() => {
+      if (!this.model) {
+        return;
+      }
+      const fieldSignature = this.getFieldSignature(this.model);
+      if (fieldSignature === this.fieldSignature) {
+        return;
+      }
+      this.fieldSignature = fieldSignature;
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.unregister?.();
+    this.unregister = undefined;
+    this.model = undefined;
+  }
+  render() {
+    this.state.revision;
+    const model = this.model;
+    const ids = this.getIds();
+    const errors = model?.getErrors(this.props.name) ?? [];
+    return {
+      tag: "div",
+      props: { className: "one-form-item" },
+      children: [
+        ...this.props.label ? [
+          {
+            tag: "label",
+            props: { className: "one-form-item__label", for: ids.control },
+            children: [this.props.label]
+          }
+        ] : [],
+        slot2("default"),
+        ...this.props.description ? [
+          {
+            tag: "div",
+            props: {
+              id: ids.description,
+              className: "one-form-item__description"
+            },
+            children: [this.props.description]
+          }
+        ] : [],
+        ...errors.length > 0 ? [
+          {
+            tag: "div",
+            props: {
+              id: ids.error,
+              className: "one-form-item__error",
+              role: "alert"
+            },
+            children: [errors.join(" ")]
+          }
+        ] : []
+      ]
+    };
+  }
+  getFieldContext(model) {
+    const ids = this.getIds();
+    return {
+      name: this.props.name,
+      controlId: ids.control,
+      describedBy: this.props.description ? `${ids.description} ${ids.error}` : ids.error,
+      model
+    };
+  }
+  getIds() {
+    const name = normalizeName(this.props.name);
+    return {
+      control: `one-form-${name}-control`,
+      description: `one-form-${name}-description`,
+      error: `one-form-${name}-error`
+    };
+  }
+  getFieldSignature(model) {
+    return JSON.stringify([
+      model.getValue(this.props.name),
+      model.getErrors(this.props.name)
+    ]);
+  }
+}
+// lib/checkbox/OneCheckbox.ts
+import { Component as Component5, slot as slot3 } from "@geektech/tsone";
+var ONE_CHECKBOX_STYLES = [
+  {
+    name: "one-checkbox-base",
+    selector: ".one-checkbox",
+    properties: {
+      display: "inline-flex",
+      gap: "8px",
+      alignItems: "center",
+      color: `var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText})`
+    }
+  },
+  {
+    name: "one-checkbox-input",
+    selector: ".one-checkbox__input",
+    properties: {
+      accentColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-checkbox-invalid",
+    selector: ".one-checkbox--invalid",
+    properties: {
+      color: `var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-checkbox-disabled",
+    selector: ".one-checkbox--disabled",
+    properties: { opacity: "0.5", cursor: "not-allowed" }
+  }
+];
+
+class OneCheckbox extends Component5 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalChecked: this.props.defaultChecked ?? false, revision: 0 };
+  }
+  initStyles() {
+    ONE_CHECKBOX_STYLES.forEach(({ name, ...style }) => this.styleManager.addStyle(name, style));
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    this.fieldContext?.model.ensureValue(this.fieldContext.name, this.props.checked ?? this.props.defaultChecked ?? false);
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  onUpdated() {
+    const element = this.getElement();
+    const input = element instanceof HTMLElement ? element.querySelector("input") : null;
+    if (input instanceof HTMLInputElement)
+      input.checked = this.getChecked();
+  }
+  render() {
+    this.state.revision;
+    const checked = this.getChecked();
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    return {
+      tag: "label",
+      props: {
+        className: [
+          "one-checkbox",
+          ...invalid ? ["one-checkbox--invalid"] : [],
+          ...this.props.disabled ? ["one-checkbox--disabled"] : []
+        ].join(" ")
+      },
+      children: [
+        {
+          tag: "input",
+          props: {
+            className: "one-checkbox__input",
+            type: "checkbox",
+            checked,
+            name: this.fieldContext?.name ?? this.props.name,
+            disabled: this.props.disabled === true,
+            required: this.props.required === true,
+            id: this.fieldContext?.controlId,
+            "aria-label": this.props.ariaLabel,
+            "aria-invalid": invalid ? "true" : undefined,
+            "aria-describedby": this.fieldContext?.describedBy
+          },
+          listeners: {
+            input: (event) => this.emitChecked("input", event),
+            change: (event) => this.emitChecked("change", event)
+          }
+        },
+        slot3("default")
+      ]
+    };
+  }
+  getChecked() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    return typeof value === "boolean" ? value : this.props.checked ?? this.state.internalChecked;
+  }
+  emitChecked(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    const value = input.checked;
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, value);
+    else if (this.props.checked === undefined)
+      this.state.internalChecked = value;
+    this.emit(eventName, {
+      value,
+      originalEvent: event
+    });
+    if (!this.fieldContext && this.props.checked !== undefined)
+      input.checked = this.props.checked;
+  }
+}
+// lib/checkbox/OneCheckboxGroup.ts
+import { Component as Component6 } from "@geektech/tsone";
+class OneCheckboxGroup extends Component6 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalValue: [...this.props.defaultValue ?? []], revision: 0 };
+  }
+  initStyles() {}
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    this.fieldContext?.model.ensureValue(this.fieldContext.name, this.props.value ?? this.props.defaultValue ?? []);
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  render() {
+    this.state.revision;
+    const values = this.getValue();
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    return {
+      tag: "div",
+      props: {
+        className: "one-checkbox-group",
+        role: "group",
+        "aria-label": this.props.ariaLabel,
+        "aria-invalid": invalid ? "true" : undefined,
+        "aria-describedby": this.fieldContext?.describedBy
+      },
+      children: this.props.options.map((option) => ({
+        tag: "label",
+        props: { className: "one-checkbox-group__option" },
+        children: [
+          {
+            tag: "input",
+            props: {
+              type: "checkbox",
+              checked: values.includes(option.value),
+              disabled: this.props.disabled || option.disabled,
+              name: this.fieldContext?.name ?? this.props.name
+            },
+            listeners: { change: (event) => this.toggle(option, event) }
+          },
+          option.label
+        ]
+      }))
+    };
+  }
+  getValue() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    return Array.isArray(value) ? [...value] : this.props.value ? [...this.props.value] : [...this.state.internalValue];
+  }
+  toggle(option, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled || option.disabled)
+      return;
+    const current = this.getValue();
+    const next = input.checked ? [...current, option.value] : current.filter((value) => value !== option.value);
+    const ordered = this.props.options.filter((item) => new Set(next).has(item.value)).map((item) => item.value);
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, ordered);
+    else if (this.props.value === undefined)
+      this.state.internalValue = ordered;
+    this.emit("input", {
+      value: ordered,
+      originalEvent: event
+    });
+    this.emit("change", {
+      value: ordered,
+      originalEvent: event
+    });
+  }
+}
+// lib/switch/OneSwitch.ts
+import { Component as Component7 } from "@geektech/tsone";
+var ONE_SWITCH_STYLES = [
+  {
+    name: "one-switch-base",
+    selector: ".one-switch",
+    properties: {
+      display: "inline-flex",
+      alignItems: "center",
+      position: "relative",
+      width: "44px",
+      height: "24px",
+      borderRadius: "999px",
+      backgroundColor: `var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      cursor: "pointer",
+      transition: "150ms ease"
+    }
+  },
+  {
+    name: "one-switch-input",
+    selector: ".one-switch__input",
+    properties: {
+      position: "absolute",
+      inset: "0",
+      width: "100%",
+      height: "100%",
+      margin: "0",
+      opacity: "0",
+      cursor: "inherit"
+    }
+  },
+  {
+    name: "one-switch-thumb",
+    selector: ".one-switch__thumb",
+    properties: {
+      width: "18px",
+      height: "18px",
+      marginLeft: "3px",
+      borderRadius: "50%",
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`,
+      boxShadow: "0 1px 3px rgba(22, 32, 24, 0.28)",
+      pointerEvents: "none",
+      transition: "150ms ease"
+    }
+  },
+  {
+    name: "one-switch-thumb-checked",
+    selector: ".one-switch--checked .one-switch__thumb",
+    properties: { transform: "translateX(20px)" }
+  },
+  {
+    name: "one-switch-checked",
+    selector: ".one-switch--checked",
+    properties: {
+      backgroundColor: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-switch-invalid",
+    selector: ".one-switch--invalid",
+    properties: {
+      outline: `2px solid var(--one-color-danger, ${ONE_THEME_DEFAULTS.colorDanger})`
+    }
+  },
+  {
+    name: "one-switch-disabled",
+    selector: ".one-switch--disabled",
+    properties: { opacity: "0.5", cursor: "not-allowed" }
+  },
+  {
+    name: "one-switch-focus-visible",
+    selector: ".one-switch:has(.one-switch__input:focus-visible)",
+    properties: {
+      outline: `2px solid var(--one-color-focus, ${ONE_THEME_DEFAULTS.colorFocus})`,
+      outlineOffset: "2px"
+    }
+  }
+];
+
+class OneSwitch extends Component7 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return { internalChecked: this.props.defaultChecked ?? false, revision: 0 };
+  }
+  initStyles() {
+    ONE_SWITCH_STYLES.forEach(({ name, ...style }) => this.styleManager.addStyle(name, style));
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    this.fieldContext?.model.ensureValue(this.fieldContext.name, this.props.checked ?? this.props.defaultChecked ?? false);
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  onUpdated() {
+    const element = this.getElement();
+    const input = element instanceof HTMLElement ? element.querySelector("input") : null;
+    if (input instanceof HTMLInputElement)
+      input.checked = this.getChecked();
+  }
+  render() {
+    this.state.revision;
+    const checked = this.getChecked();
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    return {
+      tag: "label",
+      props: {
+        className: [
+          "one-switch",
+          ...checked ? ["one-switch--checked"] : [],
+          ...invalid ? ["one-switch--invalid"] : [],
+          ...this.props.disabled ? ["one-switch--disabled"] : []
+        ].join(" "),
+        role: "switch",
+        "aria-checked": checked ? "true" : "false"
+      },
+      children: [
+        {
+          tag: "input",
+          props: {
+            className: "one-switch__input",
+            type: "checkbox",
+            checked,
+            name: this.fieldContext?.name ?? this.props.name,
+            disabled: this.props.disabled === true,
+            required: this.props.required === true,
+            id: this.fieldContext?.controlId,
+            "aria-label": this.props.ariaLabel,
+            "aria-invalid": invalid ? "true" : undefined,
+            "aria-describedby": this.fieldContext?.describedBy
+          },
+          listeners: {
+            input: (event) => this.emitChecked("input", event),
+            change: (event) => this.emitChecked("change", event)
+          }
+        },
+        {
+          tag: "span",
+          props: { className: "one-switch__thumb", "aria-hidden": "true" }
+        }
+      ]
+    };
+  }
+  getChecked() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    return typeof value === "boolean" ? value : this.props.checked ?? this.state.internalChecked;
+  }
+  emitChecked(eventName, event) {
+    const input = event.currentTarget;
+    if (!(input instanceof HTMLInputElement) || this.props.disabled)
+      return;
+    const value = input.checked;
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, value);
+    else if (this.props.checked === undefined)
+      this.state.internalChecked = value;
+    this.emit(eventName, {
+      value,
+      originalEvent: event
+    });
+    if (!this.fieldContext && this.props.checked !== undefined)
+      input.checked = this.props.checked;
+  }
+}
+// lib/select/OneSelect.ts
+import { Component as Component8 } from "@geektech/tsone";
+var ONE_SELECT_STYLES = [
+  {
+    name: "one-select-base",
+    selector: ".one-select",
+    properties: { position: "relative", width: "100%" }
+  },
+  {
+    name: "one-select-trigger",
+    selector: ".one-select__trigger",
+    properties: {
+      width: "100%",
+      minHeight: "40px",
+      textAlign: "left",
+      border: `1px solid var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`
+    }
+  },
+  {
+    name: "one-select-menu",
+    selector: ".one-select__menu",
+    properties: {
+      position: "absolute",
+      zIndex: "1",
+      width: "100%",
+      marginTop: "4px",
+      padding: "4px",
+      border: `1px solid var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder})`,
+      borderRadius: `var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd})`,
+      backgroundColor: `var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface})`
+    }
+  },
+  {
+    name: "one-select-option",
+    selector: ".one-select__option",
+    properties: {
+      display: "block",
+      width: "100%",
+      padding: "8px",
+      textAlign: "left",
+      backgroundColor: "transparent",
+      border: "0"
+    }
+  },
+  {
+    name: "one-select-option-selected",
+    selector: ".one-select__option--selected",
+    properties: {
+      color: `var(--one-color-primary, ${ONE_THEME_DEFAULTS.colorPrimary})`
+    }
+  },
+  {
+    name: "one-select-option-disabled",
+    selector: ".one-select__option--disabled",
+    properties: { opacity: "0.5", cursor: "not-allowed" }
+  }
+];
+function isGroup(option) {
+  return "options" in option;
+}
+function flattenOptions(options) {
+  return options.flatMap((option) => isGroup(option) ? option.options.map((item) => ({ ...item, group: option.label })) : [option]);
+}
+function normalizeSelectValue(value, multiple) {
+  if (multiple)
+    return Array.isArray(value) && value.every((item) => typeof item === "string") ? [...value] : [];
+  return typeof value === "string" ? value : "";
+}
+function matchesSearch(option, query) {
+  return option.label.toLowerCase().includes(query.trim().toLowerCase());
+}
+
+class OneSelect extends Component8 {
+  fieldContext;
+  unsubscribe;
+  initState() {
+    return {
+      open: false,
+      query: "",
+      activeIndex: 0,
+      internalValue: normalizeSelectValue(this.props.defaultValue, this.props.multiple === true),
+      revision: 0
+    };
+  }
+  initStyles() {
+    ONE_SELECT_STYLES.forEach(({ name, ...style }) => this.styleManager.addStyle(name, style));
+  }
+  beforeMount() {
+    this.fieldContext = this.inject(ONE_FORM_FIELD_KEY);
+    this.fieldContext?.model.ensureValue(this.fieldContext.name, normalizeSelectValue(this.props.value ?? this.props.defaultValue, this.props.multiple === true));
+  }
+  onMounted() {
+    this.unsubscribe = this.fieldContext?.model.subscribe(() => {
+      this.state.revision += 1;
+    });
+  }
+  onUnmounted() {
+    this.unsubscribe?.();
+    this.unsubscribe = undefined;
+    this.fieldContext = undefined;
+  }
+  render() {
+    this.state.revision;
+    const multiple = this.props.multiple === true;
+    const values = this.getValue();
+    const selected = new Set(Array.isArray(values) ? values : values ? [values] : []);
+    const all = flattenOptions(this.props.options);
+    const visible = all.filter((option) => matchesSearch(option, this.state.query));
+    const invalid = this.props.invalid || (this.fieldContext?.model.getErrors(this.fieldContext.name).length ?? 0) > 0;
+    const labels = all.filter((option) => selected.has(option.value)).map((option) => option.label);
+    return {
+      tag: "div",
+      props: { className: "one-select" },
+      children: [
+        {
+          tag: "button",
+          props: {
+            type: "button",
+            className: "one-select__trigger",
+            role: "combobox",
+            disabled: this.props.disabled === true,
+            id: this.fieldContext?.controlId,
+            name: this.fieldContext?.name ?? this.props.name,
+            "aria-label": this.props.ariaLabel,
+            "aria-expanded": this.state.open ? "true" : "false",
+            "aria-controls": "one-select-listbox",
+            "aria-invalid": invalid ? "true" : undefined,
+            "aria-describedby": this.fieldContext?.describedBy
+          },
+          children: [labels.join(", ") || this.props.placeholder || "请选择"],
+          listeners: {
+            click: () => {
+              if (!this.props.disabled)
+                this.state.open = !this.state.open;
+            },
+            keydown: (event) => this.handleKeydown(event, visible)
+          }
+        },
+        ...this.state.open ? [
+          {
+            tag: "div",
+            props: {
+              className: "one-select__menu",
+              id: "one-select-listbox",
+              role: "listbox",
+              "aria-multiselectable": multiple ? "true" : undefined
+            },
+            children: [
+              ...this.props.searchable ? [
+                {
+                  tag: "input",
+                  props: {
+                    type: "search",
+                    value: this.state.query,
+                    "aria-label": "搜索选项"
+                  },
+                  listeners: {
+                    input: (event) => {
+                      const input = event.currentTarget;
+                      if (input instanceof HTMLInputElement)
+                        this.state.query = input.value;
+                    }
+                  }
+                }
+              ] : [],
+              ...visible.flatMap((option, index) => [
+                ...option.group && (index === 0 || visible[index - 1].group !== option.group) ? [
+                  {
+                    tag: "div",
+                    props: { className: "one-select__group" },
+                    children: [option.group]
+                  }
+                ] : [],
+                {
+                  tag: "button",
+                  props: {
+                    type: "button",
+                    className: [
+                      "one-select__option",
+                      ...selected.has(option.value) ? ["one-select__option--selected"] : [],
+                      ...option.disabled ? ["one-select__option--disabled"] : []
+                    ].join(" "),
+                    role: "option",
+                    disabled: option.disabled === true,
+                    "aria-selected": selected.has(option.value) ? "true" : "false"
+                  },
+                  children: [option.label],
+                  listeners: {
+                    click: (event) => this.selectOption(option, event)
+                  }
+                }
+              ])
+            ]
+          }
+        ] : []
+      ]
+    };
+  }
+  getValue() {
+    const value = this.fieldContext?.model.getValue(this.fieldContext.name);
+    return value !== undefined ? normalizeSelectValue(value, this.props.multiple === true) : normalizeSelectValue(this.props.value ?? this.state.internalValue, this.props.multiple === true);
+  }
+  selectOption(option, event) {
+    if (option.disabled)
+      return;
+    const multiple = this.props.multiple === true;
+    const current = this.getValue();
+    const next = multiple ? this.normalizeMultiple([
+      ...current,
+      ...current.includes(option.value) ? [] : [option.value]
+    ], option.value) : option.value;
+    if (multiple && current.includes(option.value)) {
+      const values = current.filter((value) => value !== option.value);
+      this.commit(values, event);
+      return;
+    }
+    this.commit(next, event);
+    if (!multiple)
+      this.state.open = false;
+  }
+  normalizeMultiple(values, _changed) {
+    const selected = new Set(values);
+    return flattenOptions(this.props.options).filter((option) => selected.has(option.value)).map((option) => option.value);
+  }
+  commit(value, event) {
+    if (this.fieldContext)
+      this.fieldContext.model.setValue(this.fieldContext.name, value);
+    else if (this.props.value === undefined)
+      this.state.internalValue = value;
+    this.emit("input", {
+      value,
+      originalEvent: event
+    });
+    this.emit("change", {
+      value,
+      originalEvent: event
+    });
+  }
+  handleKeydown(event, options) {
+    if (!(event instanceof KeyboardEvent))
+      return;
+    if (event.key === "Escape") {
+      this.state.open = false;
+      return;
+    }
+    if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+      event.preventDefault();
+      this.state.open = true;
+      const direction = event.key === "ArrowDown" ? 1 : -1;
+      this.state.activeIndex = (this.state.activeIndex + direction + options.length) % options.length;
+      return;
+    }
+    if (event.key === "Enter" && this.state.open && options[this.state.activeIndex]) {
+      event.preventDefault();
+      this.selectOption(options[this.state.activeIndex], event);
+    }
+  }
+}
+// lib/categories.ts
+var ONE_COMPONENT_CATEGORIES = [
+  { id: "basic", label: "基础", components: ["OneButton", "OneInput"] },
+  {
+    id: "form",
+    label: "表单",
+    components: [
+      "OneForm",
+      "OneFormItem",
+      "OneSelect",
+      "OneCheckbox",
+      "OneCheckboxGroup",
+      "OneSwitch"
+    ]
+  },
+  { id: "data-display", label: "数据展示", components: ["OneCard"] },
+  { id: "feedback", label: "反馈与浮层", components: [] }
+];
+// lib/card/OneCard.ts
+import { Component as Component9, slot as slot4 } from "@geektech/tsone";
+var ONE_CARD_STYLES = [
+  {
+    name: "one-card-base",
+    selector: ".one-card",
+    properties: {
+      overflow: "hidden",
+      color: `var(--one-card-color, var(--one-color-text, ${ONE_THEME_DEFAULTS.colorText}))`,
+      backgroundColor: `var(--one-card-background, var(--one-color-surface, ${ONE_THEME_DEFAULTS.colorSurface}))`,
+      border: `1px solid var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`,
+      borderRadius: `var(--one-card-radius, var(--one-radius-md, ${ONE_THEME_DEFAULTS.radiusMd}))`,
+      boxShadow: `var(--one-card-shadow, var(--one-shadow-card, ${ONE_THEME_DEFAULTS.shadowCard}))`
+    }
+  },
+  {
+    name: "one-card-header",
+    selector: ".one-card__header",
+    properties: {
+      padding: `var(--one-card-header-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
+      borderBottom: `1px solid var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`,
+      fontWeight: "500"
+    }
+  },
+  {
+    name: "one-card-body",
+    selector: ".one-card__body",
+    properties: {
+      padding: `var(--one-card-body-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`
+    }
+  },
+  {
+    name: "one-card-footer",
+    selector: ".one-card__footer",
+    properties: {
+      padding: `var(--one-card-footer-padding, var(--one-space-lg, ${ONE_THEME_DEFAULTS.spaceLg}))`,
+      borderTop: `1px solid var(--one-card-border-color, var(--one-color-border, ${ONE_THEME_DEFAULTS.colorBorder}))`
+    }
+  }
+];
+function hasNamedSlot(children, name) {
+  return children.some((child) => typeof child !== "string" && child.slot === name);
+}
+
+class OneCard extends Component9 {
+  initState() {
+    return {};
+  }
+  initStyles() {
+    ONE_CARD_STYLES.forEach(({ name, ...style }) => {
+      this.styleManager.addStyle(name, style);
+    });
+  }
+  render() {
+    const children = this.props.children ?? [];
+    const hasHeaderSlot = hasNamedSlot(children, "header");
+    const hasFooterSlot = hasNamedSlot(children, "footer");
+    const headerChildren = hasHeaderSlot ? [slot4("header")] : this.props.title ? [this.props.title] : [];
+    return {
+      tag: "section",
+      props: { className: "one-card" },
+      children: [
+        ...headerChildren.length > 0 ? [
+          {
+            tag: "header",
+            props: { className: "one-card__header" },
+            children: headerChildren
+          }
+        ] : [],
+        {
+          tag: "div",
+          props: { className: "one-card__body" },
+          children: [slot4("default")]
+        },
+        ...hasFooterSlot ? [
+          {
+            tag: "footer",
+            props: { className: "one-card__footer" },
+            children: [slot4("footer")]
+          }
+        ] : []
+      ]
+    };
+  }
+}
+// lib/index.ts
+var ONE_NAME = "@geektech/one";
+var ONE_VERSION = "0.0.1";
+export {
+  OneSwitch,
+  OneSelect,
+  OneInput,
+  OneFormModel,
+  OneFormItem,
+  OneForm,
+  OneCheckboxGroup,
+  OneCheckbox,
+  OneCard,
+  OneButton,
+  ONE_VERSION,
+  ONE_THEME_DEFAULTS,
+  ONE_NAME,
+  ONE_COMPONENT_CATEGORIES
+};
+
+//# debugId=789C7C07D840D57764756E2164756E21
+//# sourceMappingURL=index.js.map