@portabletext/plugin-typography 2.0.3 → 3.0.0

package/README.md

@@ -76,21 +76,84 @@ The plugin includes the following typographic transformation rules:
 | `oneQuarter`       | `1/4` → `¼`                      |
 | `threeQuarters`    | `3/4` → `¾`                      |
 
-## Configuring what Rules are Enabled
+## Configuring Rules
 
-Use the `rules` prop on the `TypographyPlugin` to control which rules are enabled:
+The plugin supports flexible configuration through `preset`, `enable`, and `disable` props:
+
+### Using Presets
+
+The `preset` prop provides quick configuration:
+
+- `'default'` (default): Common typography rules enabled
+- `'all'`: Enable all rules
+- `'none'`: Start with no rules (use with `enable`)
 
 ```tsx
-return <TypographyPlugin rules={{multiplication: 'on'}} />
+// Use default rules (most common transformations)
+<TypographyPlugin />
+
+// Enable everything
+<TypographyPlugin preset="all" />
+
+// Start from scratch and enable only specific rules
+<TypographyPlugin preset="none" enable={['emDash', 'ellipsis']} />
+```
+
+### Enabling Additional Rules
+
+Use `enable` to add rules beyond the preset:
+
+```tsx
+// Add multiplication and plusMinus to default rules
+<TypographyPlugin enable={['multiplication', 'plusMinus']} />
+
+// Enable all rules except a few
+<TypographyPlugin preset="all" disable={['emDash', 'ellipsis']} />
 ```
 
-`emDash`, `ellipsis`, `openingDoubleQuote`, `closingDoubleQuote`, `openingSingleQuote`, `closingSingleQuote`, `leftArrow`, `rightArrow`, `copyright`, `trademark`, `servicemark`, and `registeredTrademark` are `'on'` by default.
+### Disabling Rules
+
+Use `disable` to remove rules from the preset:
+
+```tsx
+// Use defaults but disable quote transformations
+<TypographyPlugin
+  disable={[
+    'openingDoubleQuote',
+    'closingDoubleQuote',
+    'openingSingleQuote',
+    'closingSingleQuote',
+  ]}
+/>
+```
+
+### Combining Options
+
+All three props work together. The order of operations is:
+
+1. Start with `preset` (default: `'default'`)
+2. Add rules from `enable`
+3. Remove rules from `disable`
+
+```tsx
+// Start with all rules, then customize
+<TypographyPlugin
+  preset="all"
+  disable={['multiplication']}
+/>
+
+// Start with none, enable only math symbols
+<TypographyPlugin
+  preset="none"
+  enable={['multiplication', 'plusMinus', 'notEqual']}
+/>
+```
 
 ## Controlling when Text Transformations Run
 
 The `TypographyPlugin` has an optional `guard` prop that accepts any type of `BehaviorGuard`. Here, you'll have access to the current `EditorSnapshot` as well as information about the current rule being matched.
 
-Because disallowing text transformations inside code is a common use case, this plugin ships a built-in `createDecoratorGuard` function. use that to create a `guard` that disallows text transformations inside certain decorators:
+Because disallowing text transformations inside code is a common use case, this plugin ships a built-in `createDecoratorGuard` function. use that to create a `guard` that only allows text transformations inside certain decorators:
 
 ```tsx
 import {
@@ -101,9 +164,9 @@ import {
 return (
   <TypographyPlugin
     guard={createDecoratorGuard({
-      decorators: ({schema}) =>
-        schema.decorators.flatMap((decorator) =>
-          decorator.name === 'code' ? [decorator.name] : [],
+      decorators: ({context}) =>
+        context.schema.decorators.flatMap((decorator) =>
+          decorator.name === 'code' ? [] : [decorator.name],
         ),
     })}
   />

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import type {EditorSchema} from '@portabletext/editor'
+import type {EditorContext, EditorSchema} from '@portabletext/editor'
 import {InputRule, InputRuleGuard} from '@portabletext/plugin-input-rule'
 import {JSX} from 'react'
 
@@ -25,16 +25,133 @@ export declare const copyrightRule: InputRule<true>
  * @example
  * ```tsx
  * const guard = createDecoratorGuard({
- *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),
+ *  decorators: ({context}) => context.schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [] : [decorator.name]),
  * })
  *
  * <TypographyPlugin guard={guard} />
  * ```
  */
 export declare function createDecoratorGuard(config: {
-  decorators: ({schema}: {schema: EditorSchema}) => Array<string>
+  decorators: ({
+    context,
+  }: {
+    context: Pick<EditorContext, 'schema'>
+  }) => Array<EditorSchema['decorators'][number]['name']>
 }): InputRuleGuard
 
+declare const defaultRuleConfig: readonly [
+  {
+    readonly name: 'emDash'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'ellipsis'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'openingDoubleQuote'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'closingDoubleQuote'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'openingSingleQuote'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'closingSingleQuote'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'leftArrow'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'rightArrow'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'copyright'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'trademark'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'servicemark'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'registeredTrademark'
+    readonly rule: InputRule<true>
+    readonly state: 'on'
+  },
+  {
+    readonly name: 'oneHalf'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'plusMinus'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'laquo'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'notEqual'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'raquo'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'multiplication'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'superscriptTwo'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'superscriptThree'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'oneQuarter'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+  {
+    readonly name: 'threeQuarters'
+    readonly rule: InputRule<true>
+    readonly state: 'off'
+  },
+]
+
 /**
  * @public
  */
@@ -105,6 +222,8 @@ export declare const registeredTrademarkRule: InputRule<true>
  */
 export declare const rightArrowRule: InputRule<true>
 
+declare type RuleName = (typeof defaultRuleConfig)[number]['name']
+
 /**
  * @public
  */
@@ -138,109 +257,53 @@ export declare const trademarkRule: InputRule<true>
 /**
  * @public
  */
-export declare function TypographyPlugin(
-  props: TypographyPluginProps,
+export declare function TypographyPlugin<
+  TEnabledRuleName extends RuleName = never,
+  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,
+>(
+  props: TypographyPluginProps<TEnabledRuleName, TDisabledRuleName>,
 ): JSX.Element
 
 /**
  * @public
  */
-export declare type TypographyPluginProps = {
+export declare type TypographyPluginProps<
+  TEnabledRuleName extends RuleName = never,
+  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,
+> = {
   guard?: InputRuleGuard
   /**
-   * Configure which rules to enable or disable. Ordinary rules like `emDash` and `ellipsis` are enabled by default.
-   * Less common rules like `multiplication` are disabled by default.
+   * Preset configuration for rules.
+   * - `'default'`: Common typography rules enabled (em dash, ellipsis, quotes, arrows, copyright symbols)
+   * - `'all'`: All rules enabled
+   * - `'none'`: No rules enabled (use with `enable` prop)
+   *
+   * @defaultValue 'default'
+   */
+  preset?: 'default' | 'all' | 'none'
+  /**
+   * Enable specific rules (additive to preset).
+   * Use this to enable additional rules beyond the preset.
+   *
+   * @example
+   * ```tsx
+   * // Enable multiplication and plusMinus in addition to default rules
+   * <TypographyPlugin enable={['multiplication', 'plusMinus']} />
+   * ```
+   */
+  enable?: ReadonlyArray<TEnabledRuleName>
+  /**
+   * Disable specific rules (subtractive from preset).
+   * Use this to disable rules that would otherwise be enabled by the preset.
+   * Cannot contain rules that are in the `enable` array (TypeScript will enforce this).
+   *
+   * @example
+   * ```tsx
+   * // Disable em dash from the default rules
+   * <TypographyPlugin disable={['emDash']} />
+   * ```
    */
-  rules?: {
-    /**
-     * @defaultValue 'on'
-     */
-    emDash?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    ellipsis?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    openingDoubleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    closingDoubleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    openingSingleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    closingSingleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    leftArrow?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    rightArrow?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    copyright?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    trademark?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    servicemark?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    registeredTrademark?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    oneHalf?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    plusMinus?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    notEqual?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    laquo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    raquo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    multiplication?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    superscriptTwo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    superscriptThree?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    oneQuarter?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    threeQuarters?: 'on' | 'off'
-  }
+  disable?: ReadonlyArray<TDisabledRuleName>
 }
 
 export {}

package/dist/index.js

@@ -7,9 +7,11 @@ function createDecoratorGuard(config) {
     snapshot,
     event
   }) => {
-    const decorators = config.decorators({
-      schema: snapshot.context.schema
-    });
+    const allowedDecorators = config.decorators({
+      context: {
+        schema: snapshot.context.schema
+      }
+    }), decorators = snapshot.context.schema.decorators.flatMap((decorator) => allowedDecorators.includes(decorator.name) ? [] : [decorator.name]);
     if (decorators.length === 0)
       return !0;
     const matchedSpans = event.matches.flatMap((match) => getSelectedSpans({
@@ -189,21 +191,41 @@ const emDashRule = defineTextTransformRule({
   state: "off"
 }];
 function TypographyPlugin(props) {
-  const $ = c(6);
-  let t0;
-  $[0] !== props.guard || $[1] !== props.rules ? (t0 = defaultRuleConfig.flatMap((rule) => props.rules && props.rules[rule.name] === "on" ? {
-    ...rule.rule,
-    guard: props.guard ?? _temp
-  } : props.rules && props.rules[rule.name] === "off" || rule.state === "off" ? [] : {
-    ...rule.rule,
-    guard: props.guard ?? _temp2
-  }), $[0] = props.guard, $[1] = props.rules, $[2] = t0) : t0 = $[2];
-  const configuredInputRules = t0;
-  let t1;
-  return $[3] !== configuredInputRules || $[4] !== props ? (t1 = /* @__PURE__ */ jsx(InputRulePlugin, { ...props, rules: configuredInputRules }), $[3] = configuredInputRules, $[4] = props, $[5] = t1) : t1 = $[5], t1;
-}
-function _temp2() {
-  return !0;
+  const $ = c(13), {
+    preset: t0,
+    enable: t1,
+    disable: t2,
+    guard
+  } = props, preset = t0 === void 0 ? "default" : t0;
+  let t3;
+  $[0] !== t1 ? (t3 = t1 === void 0 ? [] : t1, $[0] = t1, $[1] = t3) : t3 = $[1];
+  const enable = t3;
+  let t4;
+  $[2] !== t2 ? (t4 = t2 === void 0 ? [] : t2, $[2] = t2, $[3] = t4) : t4 = $[3];
+  const disable = t4;
+  let enabledRules;
+  if ($[4] !== disable || $[5] !== enable || $[6] !== preset) {
+    if (enabledRules = /* @__PURE__ */ new Set(), preset === "all")
+      for (const rule of defaultRuleConfig)
+        enabledRules.add(rule.name);
+    else if (preset === "default")
+      for (const rule_0 of defaultRuleConfig)
+        rule_0.state === "on" && enabledRules.add(rule_0.name);
+    for (const ruleName of enable)
+      enabledRules.add(ruleName);
+    for (const ruleName_0 of disable)
+      enabledRules.delete(ruleName_0);
+    $[4] = disable, $[5] = enable, $[6] = preset, $[7] = enabledRules;
+  } else
+    enabledRules = $[7];
+  let t5;
+  $[8] !== enabledRules || $[9] !== guard ? (t5 = defaultRuleConfig.flatMap((rule_1) => enabledRules.has(rule_1.name) ? [{
+    ...rule_1.rule,
+    guard: guard ?? _temp
+  }] : []), $[8] = enabledRules, $[9] = guard, $[10] = t5) : t5 = $[10];
+  const configuredInputRules = t5;
+  let t6;
+  return $[11] !== configuredInputRules ? (t6 = /* @__PURE__ */ jsx(InputRulePlugin, { rules: configuredInputRules }), $[11] = configuredInputRules, $[12] = t6) : t6 = $[12], t6;
 }
 function _temp() {
   return !0;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/create-decorator-guard.ts","../src/input-rules.typography.ts","../src/plugin.typography.tsx"],"sourcesContent":["import type {EditorSchema} from '@portabletext/editor'\nimport {\n  getSelectedSpans,\n  isActiveDecorator,\n} from '@portabletext/editor/selectors'\nimport type {InputRuleGuard} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n * Create an `InputRuleGuard` that can prevent the rule from running inside\n * certain decorators.\n *\n * @example\n * ```tsx\n * const guard = createDecoratorGuard({\n *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),\n * })\n *\n * <TypographyPlugin guard={guard} />\n * ```\n */\nexport function createDecoratorGuard(config: {\n  decorators: ({schema}: {schema: EditorSchema}) => Array<string>\n}): InputRuleGuard {\n  return ({snapshot, event}) => {\n    const decorators = config.decorators({schema: snapshot.context.schema})\n\n    if (decorators.length === 0) {\n      return true\n    }\n\n    const matchedSpans = event.matches.flatMap((match) =>\n      getSelectedSpans({\n        ...snapshot,\n        context: {\n          ...snapshot.context,\n          selection: match.selection,\n        },\n      }),\n    )\n\n    let preventInputRule = false\n\n    for (const decorator of decorators) {\n      if (isActiveDecorator(decorator)(snapshot)) {\n        preventInputRule = true\n        break\n      }\n\n      if (matchedSpans.some((span) => span.node.marks?.includes(decorator))) {\n        preventInputRule = true\n        break\n      }\n    }\n\n    return !preventInputRule\n  }\n}\n","import {\n  defineTextTransformRule,\n  type InputRule,\n} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n */\nexport const emDashRule = defineTextTransformRule({\n  on: /--/,\n  transform: () => '—',\n})\n\n/**\n * @public\n */\nexport const ellipsisRule = defineTextTransformRule({\n  on: /\\.\\.\\./,\n  transform: () => '…',\n})\n\n/**\n * @public\n */\nexport const openingDoubleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))\"/g,\n  transform: () => '“',\n})\n\n/**\n * @public\n */\nexport const closingDoubleQuoteRule = defineTextTransformRule({\n  on: /\"/g,\n  transform: () => '”',\n})\n\n/**\n * @public\n */\nexport const openingSingleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))'/g,\n  transform: () => '‘',\n})\n\n/**\n * @public\n */\nexport const closingSingleQuoteRule = defineTextTransformRule({\n  on: /'/g,\n  transform: () => '’',\n})\n\n/**\n * @public\n */\nexport const smartQuotesRules: Array<InputRule> = [\n  openingDoubleQuoteRule,\n  closingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  closingSingleQuoteRule,\n]\n\n/**\n * @public\n */\nexport const leftArrowRule = defineTextTransformRule({\n  on: /<-/,\n  transform: () => '←',\n})\n\n/**\n * @public\n */\nexport const rightArrowRule = defineTextTransformRule({\n  on: /->/,\n  transform: () => '→',\n})\n\n/**\n * @public\n */\nexport const copyrightRule = defineTextTransformRule({\n  on: /\\(c\\)/,\n  transform: () => '©',\n})\n\n/**\n * @public\n */\nexport const servicemarkRule = defineTextTransformRule({\n  on: /\\(sm\\)/,\n  transform: () => '℠',\n})\n\n/**\n * @public\n */\nexport const trademarkRule = defineTextTransformRule({\n  on: /\\(tm\\)/,\n  transform: () => '™',\n})\n\n/**\n * @beta\n */\nexport const registeredTrademarkRule = defineTextTransformRule({\n  on: /\\(r\\)/,\n  transform: () => '®',\n})\n\n/**\n * @public\n */\nexport const oneHalfRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/2)\\s/,\n  transform: () => '½',\n})\n\n/**\n * @public\n */\nexport const plusMinusRule = defineTextTransformRule({\n  on: /\\+\\/-/,\n  transform: () => '±',\n})\n\n/**\n * @public\n */\nexport const notEqualRule = defineTextTransformRule({\n  on: /!=/,\n  transform: () => '≠',\n})\n\n/**\n * @public\n */\nexport const laquoRule = defineTextTransformRule({\n  on: /<</,\n  transform: () => '«',\n})\n\n/**\n * @public\n */\nexport const raquoRule = defineTextTransformRule({\n  on: />>/,\n  transform: () => '»',\n})\n\n/**\n * @public\n */\nexport const multiplicationRule = defineTextTransformRule({\n  on: /\\d+\\s?([*x])\\s?\\d+/,\n  transform: () => '×',\n})\n\n/**\n * @public\n */\nexport const superscriptTwoRule = defineTextTransformRule({\n  on: /\\^2/,\n  transform: () => '²',\n})\n\n/**\n * @public\n */\nexport const superscriptThreeRule = defineTextTransformRule({\n  on: /\\^3/,\n  transform: () => '³',\n})\n\n/**\n * @public\n */\nexport const oneQuarterRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/4)\\s/,\n  transform: () => '¼',\n})\n\n/**\n * @public\n */\nexport const threeQuartersRule = defineTextTransformRule({\n  on: /(?:^|\\s)(3\\/4)\\s/,\n  transform: () => '¾',\n})\n","import {\n  InputRulePlugin,\n  type InputRule,\n  type InputRuleGuard,\n} from '@portabletext/plugin-input-rule'\nimport {useMemo} from 'react'\nimport {\n  closingDoubleQuoteRule,\n  closingSingleQuoteRule,\n  copyrightRule,\n  ellipsisRule,\n  emDashRule,\n  laquoRule,\n  leftArrowRule,\n  multiplicationRule,\n  notEqualRule,\n  oneHalfRule,\n  oneQuarterRule,\n  openingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  plusMinusRule,\n  raquoRule,\n  registeredTrademarkRule,\n  rightArrowRule,\n  servicemarkRule,\n  superscriptThreeRule,\n  superscriptTwoRule,\n  threeQuartersRule,\n  trademarkRule,\n} from './input-rules.typography'\n\n/**\n * @public\n */\nexport type TypographyPluginProps = {\n  guard?: InputRuleGuard\n  /**\n   * Configure which rules to enable or disable. Ordinary rules like `emDash` and `ellipsis` are enabled by default.\n   * Less common rules like `multiplication` are disabled by default.\n   */\n  rules?: {\n    /**\n     * @defaultValue 'on'\n     */\n    emDash?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    ellipsis?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    openingDoubleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    closingDoubleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    openingSingleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    closingSingleQuote?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    leftArrow?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    rightArrow?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    copyright?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    trademark?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    servicemark?: 'on' | 'off'\n    /**\n     * @defaultValue 'on'\n     */\n    registeredTrademark?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    oneHalf?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    plusMinus?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    notEqual?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    laquo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    raquo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    multiplication?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    superscriptTwo?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    superscriptThree?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    oneQuarter?: 'on' | 'off'\n    /**\n     * @defaultValue 'off'\n     */\n    threeQuarters?: 'on' | 'off'\n  }\n}\n\ntype RuleName = keyof NonNullable<TypographyPluginProps['rules']>\n\nconst defaultRuleConfig: Array<{\n  name: RuleName\n  rule: InputRule\n  state: 'on' | 'off'\n}> = [\n  {name: 'emDash', rule: emDashRule, state: 'on'},\n  {name: 'ellipsis', rule: ellipsisRule, state: 'on'},\n  {name: 'openingDoubleQuote', rule: openingDoubleQuoteRule, state: 'on'},\n  {name: 'closingDoubleQuote', rule: closingDoubleQuoteRule, state: 'on'},\n  {name: 'openingSingleQuote', rule: openingSingleQuoteRule, state: 'on'},\n  {name: 'closingSingleQuote', rule: closingSingleQuoteRule, state: 'on'},\n  {name: 'leftArrow', rule: leftArrowRule, state: 'on'},\n  {name: 'rightArrow', rule: rightArrowRule, state: 'on'},\n  {name: 'copyright', rule: copyrightRule, state: 'on'},\n  {name: 'trademark', rule: trademarkRule, state: 'on'},\n  {name: 'servicemark', rule: servicemarkRule, state: 'on'},\n  {name: 'registeredTrademark', rule: registeredTrademarkRule, state: 'on'},\n  {name: 'oneHalf', rule: oneHalfRule, state: 'off'},\n  {name: 'plusMinus', rule: plusMinusRule, state: 'off'},\n  {name: 'laquo', rule: laquoRule, state: 'off'},\n  {name: 'notEqual', rule: notEqualRule, state: 'off'},\n  {name: 'raquo', rule: raquoRule, state: 'off'},\n  {name: 'multiplication', rule: multiplicationRule, state: 'off'},\n  {name: 'superscriptTwo', rule: superscriptTwoRule, state: 'off'},\n  {name: 'superscriptThree', rule: superscriptThreeRule, state: 'off'},\n  {name: 'oneQuarter', rule: oneQuarterRule, state: 'off'},\n  {name: 'threeQuarters', rule: threeQuartersRule, state: 'off'},\n]\n\n/**\n * @public\n */\nexport function TypographyPlugin(props: TypographyPluginProps) {\n  const configuredInputRules = useMemo(\n    () =>\n      defaultRuleConfig.flatMap((rule) =>\n        props.rules && props.rules[rule.name] === 'on'\n          ? {...rule.rule, guard: props.guard ?? (() => true)}\n          : (props.rules && props.rules[rule.name] === 'off') ||\n              rule.state === 'off'\n            ? []\n            : {...rule.rule, guard: props.guard ?? (() => true)},\n      ),\n    [props.guard, props.rules],\n  )\n\n  return <InputRulePlugin {...props} rules={configuredInputRules} />\n}\n"],"names":["createDecoratorGuard","config","snapshot","event","decorators","schema","context","length","matchedSpans","matches","flatMap","match","getSelectedSpans","selection","preventInputRule","decorator","isActiveDecorator","some","span","node","marks","includes","emDashRule","defineTextTransformRule","on","transform","ellipsisRule","openingDoubleQuoteRule","closingDoubleQuoteRule","openingSingleQuoteRule","closingSingleQuoteRule","smartQuotesRules","leftArrowRule","rightArrowRule","copyrightRule","servicemarkRule","trademarkRule","registeredTrademarkRule","oneHalfRule","plusMinusRule","notEqualRule","laquoRule","raquoRule","multiplicationRule","superscriptTwoRule","superscriptThreeRule","oneQuarterRule","threeQuartersRule","defaultRuleConfig","name","rule","state","TypographyPlugin","props","$","_c","t0","guard","rules","_temp","_temp2","configuredInputRules","t1"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/create-decorator-guard.ts","../src/input-rules.typography.ts","../src/plugin.typography.tsx"],"sourcesContent":["import type {EditorContext, EditorSchema} from '@portabletext/editor'\nimport {\n  getSelectedSpans,\n  isActiveDecorator,\n} from '@portabletext/editor/selectors'\nimport type {InputRuleGuard} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n * Create an `InputRuleGuard` that can prevent the rule from running inside\n * certain decorators.\n *\n * @example\n * ```tsx\n * const guard = createDecoratorGuard({\n *  decorators: ({context}) => context.schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [] : [decorator.name]),\n * })\n *\n * <TypographyPlugin guard={guard} />\n * ```\n */\nexport function createDecoratorGuard(config: {\n  decorators: ({\n    context,\n  }: {\n    context: Pick<EditorContext, 'schema'>\n  }) => Array<EditorSchema['decorators'][number]['name']>\n}): InputRuleGuard {\n  return ({snapshot, event}) => {\n    const allowedDecorators = config.decorators({\n      context: {\n        schema: snapshot.context.schema,\n      },\n    })\n    const decorators = snapshot.context.schema.decorators.flatMap(\n      (decorator) =>\n        allowedDecorators.includes(decorator.name) ? [] : [decorator.name],\n    )\n\n    if (decorators.length === 0) {\n      return true\n    }\n\n    const matchedSpans = event.matches.flatMap((match) =>\n      getSelectedSpans({\n        ...snapshot,\n        context: {\n          ...snapshot.context,\n          selection: match.selection,\n        },\n      }),\n    )\n\n    let preventInputRule = false\n\n    for (const decorator of decorators) {\n      if (isActiveDecorator(decorator)(snapshot)) {\n        preventInputRule = true\n        break\n      }\n\n      if (matchedSpans.some((span) => span.node.marks?.includes(decorator))) {\n        preventInputRule = true\n        break\n      }\n    }\n\n    return !preventInputRule\n  }\n}\n","import {\n  defineTextTransformRule,\n  type InputRule,\n} from '@portabletext/plugin-input-rule'\n\n/**\n * @public\n */\nexport const emDashRule = defineTextTransformRule({\n  on: /--/,\n  transform: () => '—',\n})\n\n/**\n * @public\n */\nexport const ellipsisRule = defineTextTransformRule({\n  on: /\\.\\.\\./,\n  transform: () => '…',\n})\n\n/**\n * @public\n */\nexport const openingDoubleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))\"/g,\n  transform: () => '“',\n})\n\n/**\n * @public\n */\nexport const closingDoubleQuoteRule = defineTextTransformRule({\n  on: /\"/g,\n  transform: () => '”',\n})\n\n/**\n * @public\n */\nexport const openingSingleQuoteRule = defineTextTransformRule({\n  on: /(?:^|(?<=[\\s{[(<'\"\\u2018\\u201C]))'/g,\n  transform: () => '‘',\n})\n\n/**\n * @public\n */\nexport const closingSingleQuoteRule = defineTextTransformRule({\n  on: /'/g,\n  transform: () => '’',\n})\n\n/**\n * @public\n */\nexport const smartQuotesRules: Array<InputRule> = [\n  openingDoubleQuoteRule,\n  closingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  closingSingleQuoteRule,\n]\n\n/**\n * @public\n */\nexport const leftArrowRule = defineTextTransformRule({\n  on: /<-/,\n  transform: () => '←',\n})\n\n/**\n * @public\n */\nexport const rightArrowRule = defineTextTransformRule({\n  on: /->/,\n  transform: () => '→',\n})\n\n/**\n * @public\n */\nexport const copyrightRule = defineTextTransformRule({\n  on: /\\(c\\)/,\n  transform: () => '©',\n})\n\n/**\n * @public\n */\nexport const servicemarkRule = defineTextTransformRule({\n  on: /\\(sm\\)/,\n  transform: () => '℠',\n})\n\n/**\n * @public\n */\nexport const trademarkRule = defineTextTransformRule({\n  on: /\\(tm\\)/,\n  transform: () => '™',\n})\n\n/**\n * @beta\n */\nexport const registeredTrademarkRule = defineTextTransformRule({\n  on: /\\(r\\)/,\n  transform: () => '®',\n})\n\n/**\n * @public\n */\nexport const oneHalfRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/2)\\s/,\n  transform: () => '½',\n})\n\n/**\n * @public\n */\nexport const plusMinusRule = defineTextTransformRule({\n  on: /\\+\\/-/,\n  transform: () => '±',\n})\n\n/**\n * @public\n */\nexport const notEqualRule = defineTextTransformRule({\n  on: /!=/,\n  transform: () => '≠',\n})\n\n/**\n * @public\n */\nexport const laquoRule = defineTextTransformRule({\n  on: /<</,\n  transform: () => '«',\n})\n\n/**\n * @public\n */\nexport const raquoRule = defineTextTransformRule({\n  on: />>/,\n  transform: () => '»',\n})\n\n/**\n * @public\n */\nexport const multiplicationRule = defineTextTransformRule({\n  on: /\\d+\\s?([*x])\\s?\\d+/,\n  transform: () => '×',\n})\n\n/**\n * @public\n */\nexport const superscriptTwoRule = defineTextTransformRule({\n  on: /\\^2/,\n  transform: () => '²',\n})\n\n/**\n * @public\n */\nexport const superscriptThreeRule = defineTextTransformRule({\n  on: /\\^3/,\n  transform: () => '³',\n})\n\n/**\n * @public\n */\nexport const oneQuarterRule = defineTextTransformRule({\n  on: /(?:^|\\s)(1\\/4)\\s/,\n  transform: () => '¼',\n})\n\n/**\n * @public\n */\nexport const threeQuartersRule = defineTextTransformRule({\n  on: /(?:^|\\s)(3\\/4)\\s/,\n  transform: () => '¾',\n})\n","import {\n  InputRulePlugin,\n  type InputRuleGuard,\n} from '@portabletext/plugin-input-rule'\nimport {useMemo} from 'react'\nimport {\n  closingDoubleQuoteRule,\n  closingSingleQuoteRule,\n  copyrightRule,\n  ellipsisRule,\n  emDashRule,\n  laquoRule,\n  leftArrowRule,\n  multiplicationRule,\n  notEqualRule,\n  oneHalfRule,\n  oneQuarterRule,\n  openingDoubleQuoteRule,\n  openingSingleQuoteRule,\n  plusMinusRule,\n  raquoRule,\n  registeredTrademarkRule,\n  rightArrowRule,\n  servicemarkRule,\n  superscriptThreeRule,\n  superscriptTwoRule,\n  threeQuartersRule,\n  trademarkRule,\n} from './input-rules.typography'\n\nconst defaultRuleConfig = [\n  {name: 'emDash', rule: emDashRule, state: 'on'},\n  {name: 'ellipsis', rule: ellipsisRule, state: 'on'},\n  {name: 'openingDoubleQuote', rule: openingDoubleQuoteRule, state: 'on'},\n  {name: 'closingDoubleQuote', rule: closingDoubleQuoteRule, state: 'on'},\n  {name: 'openingSingleQuote', rule: openingSingleQuoteRule, state: 'on'},\n  {name: 'closingSingleQuote', rule: closingSingleQuoteRule, state: 'on'},\n  {name: 'leftArrow', rule: leftArrowRule, state: 'on'},\n  {name: 'rightArrow', rule: rightArrowRule, state: 'on'},\n  {name: 'copyright', rule: copyrightRule, state: 'on'},\n  {name: 'trademark', rule: trademarkRule, state: 'on'},\n  {name: 'servicemark', rule: servicemarkRule, state: 'on'},\n  {name: 'registeredTrademark', rule: registeredTrademarkRule, state: 'on'},\n  {name: 'oneHalf', rule: oneHalfRule, state: 'off'},\n  {name: 'plusMinus', rule: plusMinusRule, state: 'off'},\n  {name: 'laquo', rule: laquoRule, state: 'off'},\n  {name: 'notEqual', rule: notEqualRule, state: 'off'},\n  {name: 'raquo', rule: raquoRule, state: 'off'},\n  {name: 'multiplication', rule: multiplicationRule, state: 'off'},\n  {name: 'superscriptTwo', rule: superscriptTwoRule, state: 'off'},\n  {name: 'superscriptThree', rule: superscriptThreeRule, state: 'off'},\n  {name: 'oneQuarter', rule: oneQuarterRule, state: 'off'},\n  {name: 'threeQuarters', rule: threeQuartersRule, state: 'off'},\n] as const\n\ntype RuleName = (typeof defaultRuleConfig)[number]['name']\n\n/**\n * @public\n */\nexport type TypographyPluginProps<\n  TEnabledRuleName extends RuleName = never,\n  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,\n> = {\n  guard?: InputRuleGuard\n  /**\n   * Preset configuration for rules.\n   * - `'default'`: Common typography rules enabled (em dash, ellipsis, quotes, arrows, copyright symbols)\n   * - `'all'`: All rules enabled\n   * - `'none'`: No rules enabled (use with `enable` prop)\n   *\n   * @defaultValue 'default'\n   */\n  preset?: 'default' | 'all' | 'none'\n  /**\n   * Enable specific rules (additive to preset).\n   * Use this to enable additional rules beyond the preset.\n   *\n   * @example\n   * ```tsx\n   * // Enable multiplication and plusMinus in addition to default rules\n   * <TypographyPlugin enable={['multiplication', 'plusMinus']} />\n   * ```\n   */\n  enable?: ReadonlyArray<TEnabledRuleName>\n  /**\n   * Disable specific rules (subtractive from preset).\n   * Use this to disable rules that would otherwise be enabled by the preset.\n   * Cannot contain rules that are in the `enable` array (TypeScript will enforce this).\n   *\n   * @example\n   * ```tsx\n   * // Disable em dash from the default rules\n   * <TypographyPlugin disable={['emDash']} />\n   * ```\n   */\n  disable?: ReadonlyArray<TDisabledRuleName>\n}\n\n/**\n * @public\n */\nexport function TypographyPlugin<\n  TEnabledRuleName extends RuleName = never,\n  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,\n>(props: TypographyPluginProps<TEnabledRuleName, TDisabledRuleName>) {\n  const {preset = 'default', enable = [], disable = [], guard} = props\n\n  const configuredInputRules = useMemo(() => {\n    // Determine which rules should be enabled based on preset\n    const enabledRules = new Set<RuleName>()\n\n    if (preset === 'all') {\n      // Enable all rules\n      for (const rule of defaultRuleConfig) {\n        enabledRules.add(rule.name)\n      }\n    } else if (preset === 'default') {\n      // Enable only default rules (state: 'on')\n      for (const rule of defaultRuleConfig) {\n        if (rule.state === 'on') {\n          enabledRules.add(rule.name)\n        }\n      }\n    }\n    // preset === 'none' starts with empty set\n\n    // Apply enable list (additive)\n    for (const ruleName of enable) {\n      enabledRules.add(ruleName)\n    }\n\n    // Apply disable list (subtractive)\n    for (const ruleName of disable) {\n      enabledRules.delete(ruleName)\n    }\n\n    // Build final rule list\n    return defaultRuleConfig.flatMap((rule) =>\n      enabledRules.has(rule.name)\n        ? [{...rule.rule, guard: guard ?? (() => true)}]\n        : [],\n    )\n  }, [preset, enable, disable, guard])\n\n  return <InputRulePlugin rules={configuredInputRules} />\n}\n"],"names":["createDecoratorGuard","config","snapshot","event","allowedDecorators","decorators","context","schema","flatMap","decorator","includes","name","length","matchedSpans","matches","match","getSelectedSpans","selection","preventInputRule","isActiveDecorator","some","span","node","marks","emDashRule","defineTextTransformRule","on","transform","ellipsisRule","openingDoubleQuoteRule","closingDoubleQuoteRule","openingSingleQuoteRule","closingSingleQuoteRule","smartQuotesRules","leftArrowRule","rightArrowRule","copyrightRule","servicemarkRule","trademarkRule","registeredTrademarkRule","oneHalfRule","plusMinusRule","notEqualRule","laquoRule","raquoRule","multiplicationRule","superscriptTwoRule","superscriptThreeRule","oneQuarterRule","threeQuartersRule","defaultRuleConfig","rule","state","TypographyPlugin","props","$","_c","preset","t0","enable","t1","disable","t2","guard","undefined","t3","t4","enabledRules","Set","add","rule_0","ruleName","ruleName_0","delete","t5","rule_1","has","_temp","configuredInputRules","t6"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portabletext/plugin-typography",
-  "version": "2.0.3",
+  "version": "3.0.0",
   "description": "Automatically transform text to typographic variants",
   "keywords": [
     "portabletext",

package/src/create-decorator-guard.ts

@@ -1,4 +1,4 @@
-import type {EditorSchema} from '@portabletext/editor'
+import type {EditorContext, EditorSchema} from '@portabletext/editor'
 import {
   getSelectedSpans,
   isActiveDecorator,
@@ -13,17 +13,29 @@ import type {InputRuleGuard} from '@portabletext/plugin-input-rule'
  * @example
  * ```tsx
  * const guard = createDecoratorGuard({
- *   decorators: ({schema}) => schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [decorator.name] : []),
+ *  decorators: ({context}) => context.schema.decorators.flatMap((decorator) => decorator.name === 'code' ? [] : [decorator.name]),
  * })
  *
  * <TypographyPlugin guard={guard} />
  * ```
  */
 export function createDecoratorGuard(config: {
-  decorators: ({schema}: {schema: EditorSchema}) => Array<string>
+  decorators: ({
+    context,
+  }: {
+    context: Pick<EditorContext, 'schema'>
+  }) => Array<EditorSchema['decorators'][number]['name']>
 }): InputRuleGuard {
   return ({snapshot, event}) => {
-    const decorators = config.decorators({schema: snapshot.context.schema})
+    const allowedDecorators = config.decorators({
+      context: {
+        schema: snapshot.context.schema,
+      },
+    })
+    const decorators = snapshot.context.schema.decorators.flatMap(
+      (decorator) =>
+        allowedDecorators.includes(decorator.name) ? [] : [decorator.name],
+    )
 
     if (decorators.length === 0) {
       return true

package/src/disallow-in-code.feature

@@ -41,14 +41,17 @@ Feature: Disallow in code
 
   Scenario Outline: Decorated and annotated text
     Given the text "foo bar baz"
-    And "code" around "bar"
+    And <decorator> around "bar"
     And a "link" "l1" around "bar"
     When the caret is put <position>
     And "->" is typed
     Then the text is <new text>
 
     Examples:
-      | position        | new text          |
-      | after "bar"     | "foo ,bar,→ baz"  |
-      | before "bar"    | "foo →,bar, baz"  |
-      | before "ar baz" | "foo ,b->ar, baz" |
+      | decorator | position        | new text          |
+      | "code"    | after "bar"     | "foo ,bar,→ baz"  |
+      | "strong"  | after "bar"     | "foo ,bar,→ baz"  |
+      | "code"    | before "bar"    | "foo →,bar, baz"  |
+      | "strong"  | before "bar"    | "foo →,bar, baz"  |
+      | "code"    | before "ar baz" | "foo ,b->ar, baz" |
+      | "strong"  | before "ar baz" | "foo ,b→ar, baz"  |

package/src/disallow-in-code.test.tsx

@@ -12,9 +12,9 @@ import disallowInCodeFeature from './disallow-in-code.feature?raw'
 import {TypographyPlugin} from './plugin.typography'
 
 const codeGuard = createDecoratorGuard({
-  decorators: ({schema}) =>
-    schema.decorators.flatMap((decorator) =>
-      decorator.name === 'code' ? [decorator.name] : [],
+  decorators: ({context}) =>
+    context.schema.decorators.flatMap((decorator) =>
+      decorator.name === 'code' ? [] : [decorator.name],
     ),
 })
 
@@ -23,7 +23,7 @@ Feature({
     Before(async (context: Context) => {
       const {editor, locator} = await createTestEditor({
         children: (
-          <TypographyPlugin guard={codeGuard} rules={{multiplication: 'on'}} />
+          <TypographyPlugin guard={codeGuard} enable={['multiplication']} />
         ),
         schemaDefinition: defineSchema({
           decorators: [{name: 'strong'}, {name: 'code'}],

package/src/input-rule.multiplication.test.tsx

@@ -14,7 +14,7 @@ Feature({
   hooks: [
     Before(async (context: Context) => {
       const {editor, locator} = await createTestEditor({
-        children: <TypographyPlugin rules={{multiplication: 'on'}} />,
+        children: <TypographyPlugin enable={['multiplication']} />,
         schemaDefinition: defineSchema({
           decorators: [{name: 'strong'}],
           annotations: [{name: 'link'}],

package/src/plugin.typography.tsx

@@ -1,6 +1,5 @@
 import {
   InputRulePlugin,
-  type InputRule,
   type InputRuleGuard,
 } from '@portabletext/plugin-input-rule'
 import {useMemo} from 'react'
@@ -29,114 +28,7 @@ import {
   trademarkRule,
 } from './input-rules.typography'
 
-/**
- * @public
- */
-export type TypographyPluginProps = {
-  guard?: InputRuleGuard
-  /**
-   * Configure which rules to enable or disable. Ordinary rules like `emDash` and `ellipsis` are enabled by default.
-   * Less common rules like `multiplication` are disabled by default.
-   */
-  rules?: {
-    /**
-     * @defaultValue 'on'
-     */
-    emDash?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    ellipsis?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    openingDoubleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    closingDoubleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    openingSingleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    closingSingleQuote?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    leftArrow?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    rightArrow?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    copyright?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    trademark?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    servicemark?: 'on' | 'off'
-    /**
-     * @defaultValue 'on'
-     */
-    registeredTrademark?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    oneHalf?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    plusMinus?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    notEqual?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    laquo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    raquo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    multiplication?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    superscriptTwo?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    superscriptThree?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    oneQuarter?: 'on' | 'off'
-    /**
-     * @defaultValue 'off'
-     */
-    threeQuarters?: 'on' | 'off'
-  }
-}
-
-type RuleName = keyof NonNullable<TypographyPluginProps['rules']>
-
-const defaultRuleConfig: Array<{
-  name: RuleName
-  rule: InputRule
-  state: 'on' | 'off'
-}> = [
+const defaultRuleConfig = [
   {name: 'emDash', rule: emDashRule, state: 'on'},
   {name: 'ellipsis', rule: ellipsisRule, state: 'on'},
   {name: 'openingDoubleQuote', rule: openingDoubleQuoteRule, state: 'on'},
@@ -159,24 +51,97 @@ const defaultRuleConfig: Array<{
   {name: 'superscriptThree', rule: superscriptThreeRule, state: 'off'},
   {name: 'oneQuarter', rule: oneQuarterRule, state: 'off'},
   {name: 'threeQuarters', rule: threeQuartersRule, state: 'off'},
-]
+] as const
+
+type RuleName = (typeof defaultRuleConfig)[number]['name']
 
 /**
  * @public
  */
-export function TypographyPlugin(props: TypographyPluginProps) {
-  const configuredInputRules = useMemo(
-    () =>
-      defaultRuleConfig.flatMap((rule) =>
-        props.rules && props.rules[rule.name] === 'on'
-          ? {...rule.rule, guard: props.guard ?? (() => true)}
-          : (props.rules && props.rules[rule.name] === 'off') ||
-              rule.state === 'off'
-            ? []
-            : {...rule.rule, guard: props.guard ?? (() => true)},
-      ),
-    [props.guard, props.rules],
-  )
+export type TypographyPluginProps<
+  TEnabledRuleName extends RuleName = never,
+  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,
+> = {
+  guard?: InputRuleGuard
+  /**
+   * Preset configuration for rules.
+   * - `'default'`: Common typography rules enabled (em dash, ellipsis, quotes, arrows, copyright symbols)
+   * - `'all'`: All rules enabled
+   * - `'none'`: No rules enabled (use with `enable` prop)
+   *
+   * @defaultValue 'default'
+   */
+  preset?: 'default' | 'all' | 'none'
+  /**
+   * Enable specific rules (additive to preset).
+   * Use this to enable additional rules beyond the preset.
+   *
+   * @example
+   * ```tsx
+   * // Enable multiplication and plusMinus in addition to default rules
+   * <TypographyPlugin enable={['multiplication', 'plusMinus']} />
+   * ```
+   */
+  enable?: ReadonlyArray<TEnabledRuleName>
+  /**
+   * Disable specific rules (subtractive from preset).
+   * Use this to disable rules that would otherwise be enabled by the preset.
+   * Cannot contain rules that are in the `enable` array (TypeScript will enforce this).
+   *
+   * @example
+   * ```tsx
+   * // Disable em dash from the default rules
+   * <TypographyPlugin disable={['emDash']} />
+   * ```
+   */
+  disable?: ReadonlyArray<TDisabledRuleName>
+}
+
+/**
+ * @public
+ */
+export function TypographyPlugin<
+  TEnabledRuleName extends RuleName = never,
+  TDisabledRuleName extends Exclude<RuleName, TEnabledRuleName> = never,
+>(props: TypographyPluginProps<TEnabledRuleName, TDisabledRuleName>) {
+  const {preset = 'default', enable = [], disable = [], guard} = props
+
+  const configuredInputRules = useMemo(() => {
+    // Determine which rules should be enabled based on preset
+    const enabledRules = new Set<RuleName>()
+
+    if (preset === 'all') {
+      // Enable all rules
+      for (const rule of defaultRuleConfig) {
+        enabledRules.add(rule.name)
+      }
+    } else if (preset === 'default') {
+      // Enable only default rules (state: 'on')
+      for (const rule of defaultRuleConfig) {
+        if (rule.state === 'on') {
+          enabledRules.add(rule.name)
+        }
+      }
+    }
+    // preset === 'none' starts with empty set
+
+    // Apply enable list (additive)
+    for (const ruleName of enable) {
+      enabledRules.add(ruleName)
+    }
+
+    // Apply disable list (subtractive)
+    for (const ruleName of disable) {
+      enabledRules.delete(ruleName)
+    }
+
+    // Build final rule list
+    return defaultRuleConfig.flatMap((rule) =>
+      enabledRules.has(rule.name)
+        ? [{...rule.rule, guard: guard ?? (() => true)}]
+        : [],
+    )
+  }, [preset, enable, disable, guard])
 
-  return <InputRulePlugin {...props} rules={configuredInputRules} />
+  return <InputRulePlugin rules={configuredInputRules} />
 }