@reforma/components 0.2.1 → 0.3.0

package/dist/Button/Button.module.css

@@ -1 +1 @@
-@layer components{.Button_button_FnkZgZ{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-border-width: .0625rem;--reforma-button-color: inherit;--reforma-button-opacity: 1;--reforma-button-bg--hover: transparent;--reforma-button-color--hover: inherit;--reforma-button-border--hover: transparent;--reforma-button-opacity--hover: 1;--reforma-button-transform-pressed: scale(.97);--reforma-button-radius: var(--radius-lg);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;display:inline-flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;gap:var(--spacing-sm);opacity:var(--reforma-button-opacity);border:var(--reforma-button-border-width) solid var(--reforma-button-border);background-color:var(--reforma-button-bg);width:-moz-fit-content;width:fit-content;min-width:var(--reforma-button-size, auto);height:var(--reforma-button-size, auto);color:var(--reforma-button-color);font-weight:500;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;transition-duration:.15s;transition-property:background-color,border-color,color,opacity,transform;transition-timing-function:ease-out;outline:none;user-select:none}.Button_button_FnkZgZ[data-hovered=true],.Button_button_FnkZgZ[data-pressed=true]{opacity:var(--reforma-button-opacity--hover);border-color:var(--reforma-button-border--hover);background-color:var(--reforma-button-bg--hover);color:var(--reforma-button-color--hover)}.Button_button_FnkZgZ[data-pressed=true]{transform:var(--reforma-button-transform-pressed)}.Button_button_FnkZgZ[data-focus-visible=true]{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Button_button_FnkZgZ[data-size=xs]{--reforma-button-size: var(--spacing-24);--reforma-button-radius: var(--radius-sm);padding:var(--spacing-4) var(--spacing-10);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=sm]{--reforma-button-size: var(--spacing-30);--reforma-button-radius: var(--radius-md);padding:var(--spacing-4) var(--spacing-10);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=md]{--reforma-button-size: var(--spacing-36);--reforma-button-radius: var(--radius-lg);padding:var(--spacing-6) var(--spacing-14);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=lg]{--reforma-button-size: var(--spacing-56);--reforma-button-radius: var(--radius-xl);padding:var(--spacing-10) var(--spacing-30);font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=xs],.Button_button_FnkZgZ[data-size=sm],.Button_button_FnkZgZ[data-size=md],.Button_button_FnkZgZ[data-size=lg]{border-radius:calc(var(--reforma-button-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value))}.Button_button_FnkZgZ[data-icon-only]{padding:0;--reforma-button-transform-pressed: scale(.92)}.Button_button_FnkZgZ[data-variant=icon]{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-opacity--hover: var(--opacity-hover);padding:0;min-width:auto;height:auto;min-height:auto}.Button_button_FnkZgZ[data-variant=icon][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-rounded=true]{--reforma-button-radius: var(--radius-full);border-radius:var(--radius-full);corner-shape:round}.Button_button_FnkZgZ[data-variant=filled][data-color=primary]{--reforma-button-bg: var(--color-primary);--reforma-button-color: var(--color-primary-content);--reforma-button-bg--hover: var(--color-primary-light);--reforma-button-color--hover: var(--color-primary-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=secondary]{--reforma-button-bg: var(--color-secondary);--reforma-button-color: var(--color-secondary-content);--reforma-button-bg--hover: var(--color-secondary-light);--reforma-button-color--hover: var(--color-secondary-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=accent]{--reforma-button-bg: var(--color-accent);--reforma-button-color: var(--color-accent-content);--reforma-button-bg--hover: var(--color-accent-light);--reforma-button-color--hover: var(--color-accent-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=danger]{--reforma-button-bg: var(--color-danger);--reforma-button-color: var(--color-danger-content);--reforma-button-bg--hover: var(--color-danger-light);--reforma-button-color--hover: var(--color-danger-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=warning]{--reforma-button-bg: var(--color-warning);--reforma-button-color: var(--color-warning-content);--reforma-button-bg--hover: var(--color-warning-light);--reforma-button-color--hover: var(--color-warning-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=success]{--reforma-button-bg: var(--color-success);--reforma-button-color: var(--color-success-content);--reforma-button-bg--hover: var(--color-success-light);--reforma-button-color--hover: var(--color-success-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=contrast]{--reforma-button-bg: var(--color-contrast);--reforma-button-color: var(--color-contrast-content);--reforma-button-bg--hover: var(--color-contrast-light);--reforma-button-color--hover: var(--color-contrast-content)}.Button_button_FnkZgZ[data-variant=ghost]{--reforma-button-border: transparent;--reforma-button-border--hover: transparent}.Button_button_FnkZgZ[data-variant=ghost][data-color=primary]{--reforma-button-bg: var(--color-primary-muted-light);--reforma-button-color: var(--color-primary-muted-content);--reforma-button-bg--hover: var(--color-primary-muted);--reforma-button-color--hover: var(--color-primary-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=secondary]{--reforma-button-bg: var(--color-secondary-muted-light);--reforma-button-color: var(--color-secondary-muted-content);--reforma-button-bg--hover: var(--color-secondary-muted);--reforma-button-color--hover: var(--color-secondary-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=accent]{--reforma-button-bg: var(--color-accent-muted-light);--reforma-button-color: var(--color-accent-muted-content);--reforma-button-bg--hover: var(--color-accent-muted);--reforma-button-color--hover: var(--color-accent-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=danger]{--reforma-button-bg: var(--color-danger-muted-light);--reforma-button-color: var(--color-danger-muted-content);--reforma-button-bg--hover: var(--color-danger-muted);--reforma-button-color--hover: var(--color-danger-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=warning]{--reforma-button-bg: var(--color-warning-muted-light);--reforma-button-color: var(--color-warning-muted-content);--reforma-button-bg--hover: var(--color-warning-muted);--reforma-button-color--hover: var(--color-warning-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=success]{--reforma-button-bg: var(--color-success-muted-light);--reforma-button-color: var(--color-success-muted-content);--reforma-button-bg--hover: var(--color-success-muted);--reforma-button-color--hover: var(--color-success-muted-content)}.Button_button_FnkZgZ[data-variant=filling][data-color=primary]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-primary-text);--reforma-button-bg--hover: var(--color-primary-muted-light);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=secondary]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-text);--reforma-button-bg--hover: var(--color-secondary-muted-light);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=accent]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-accent-text);--reforma-button-bg--hover: var(--color-accent-muted-light);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=danger]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-danger-text);--reforma-button-bg--hover: var(--color-danger-muted-light);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=warning]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-warning-text);--reforma-button-bg--hover: var(--color-warning-muted-light);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=success]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-success-text);--reforma-button-bg--hover: var(--color-success-muted-light);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=inherit]{--reforma-button-bg: transparent;--reforma-button-color: inherit;--reforma-button-bg--hover: var(--color-secondary-muted-light);--reforma-button-color--hover: inherit}.Button_button_FnkZgZ[data-variant=transparent]{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-opacity--hover: var(--opacity-hover)}.Button_button_FnkZgZ[data-variant=transparent][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=inherit]{--reforma-button-color: inherit;--reforma-button-opacity: 1;--reforma-button-color--hover: inherit;--reforma-button-opacity--hover: 1}.Button_button_FnkZgZ[data-variant=inline]{--reforma-button-bg: transparent;--reforma-button-opacity--hover: var(--opacity-hover);--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-transform-pressed: scale(.99);padding:0;min-width:auto;height:auto;font-weight:inherit;font-size:inherit;line-height:inherit;-webkit-user-select:auto;-moz-user-select:auto;border:none;user-select:auto}.Button_button_FnkZgZ[data-variant=inline][data-color=inherit]{--reforma-button-color: inherit;--reforma-button-color--hover: inherit}.Button_button_FnkZgZ[data-variant=inline][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-opacity: var(--opacity-hover);--reforma-button-opacity--hover: 1}.Button_button_FnkZgZ[data-variant=inline][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=bordered][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text);--reforma-button-border: var(--color-primary-border);--reforma-button-border--hover: var(--color-primary-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-border: var(--color-secondary-border);--reforma-button-border--hover: var(--color-secondary-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text);--reforma-button-border: var(--color-accent-border);--reforma-button-border--hover: var(--color-accent-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text);--reforma-button-border: var(--color-danger-border);--reforma-button-border--hover: var(--color-danger-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text);--reforma-button-border: var(--color-warning-border);--reforma-button-border--hover: var(--color-warning-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text);--reforma-button-border: var(--color-success-border);--reforma-button-border--hover: var(--color-success-border-hover)}.Button_button_FnkZgZ[data-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Button_button_FnkZgZ[data-pending=true]{cursor:default}.Button_content_DBcItB{display:flex;flex:1;justify-content:center;align-items:center;gap:var(--spacing-sm)}.Button_button_FnkZgZ[data-full-width],.Button_button_FnkZgZ[data-truncate]{flex-shrink:1;min-width:0;max-width:100%}.Button_button_FnkZgZ[data-truncate]{overflow:hidden}.Button_button_FnkZgZ[data-truncate] .Button_content_DBcItB{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden}.Button_content_DBcItB[data-hidden=true]{opacity:0}.Button_spinner_HzkMPw{--spinner-color: currentColor;--spinner-size: calc(var(--reforma-button-size) * .44);--spinner-width: 2px;display:flex;position:absolute;justify-content:center;align-items:center;inset:0}}
+@layer components{.Button_button_FnkZgZ{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-border-width: .0625rem;--reforma-button-color: inherit;--reforma-button-opacity: 1;--reforma-button-bg--hover: transparent;--reforma-button-color--hover: inherit;--reforma-button-border--hover: transparent;--reforma-button-opacity--hover: 1;--reforma-button-transform-pressed: scale(.97);--reforma-button-radius: var(--radius-lg);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;margin:0;text-decoration:none;-webkit-tap-highlight-color:transparent;display:inline-flex;position:relative;flex-shrink:0;justify-content:center;align-items:center;gap:var(--spacing-sm);opacity:var(--reforma-button-opacity);border:var(--reforma-button-border-width) solid var(--reforma-button-border);background-color:var(--reforma-button-bg);width:-moz-fit-content;width:fit-content;min-width:var(--reforma-button-size, auto);height:var(--reforma-button-size, auto);color:var(--reforma-button-color);font-weight:500;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;transition-duration:.15s;transition-property:background-color,border-color,color,opacity,transform;transition-timing-function:ease-out;outline:none;user-select:none}.Button_button_FnkZgZ[data-hovered=true],.Button_button_FnkZgZ[data-pressed=true]{opacity:var(--reforma-button-opacity--hover);border-color:var(--reforma-button-border--hover);background-color:var(--reforma-button-bg--hover);color:var(--reforma-button-color--hover)}.Button_button_FnkZgZ:active{transform:var(--reforma-button-transform-pressed)}.Button_button_FnkZgZ[data-focus-visible=true]{outline:var(--spacing-4) solid var(--color-primary-muted-border);outline-offset:0}.Button_button_FnkZgZ[data-size=xs]{--reforma-button-size: var(--spacing-24);--reforma-button-radius: var(--radius-sm);padding:var(--spacing-4) var(--spacing-10);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=sm]{--reforma-button-size: var(--spacing-30);--reforma-button-radius: var(--radius-md);padding:var(--spacing-4) var(--spacing-10);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=md]{--reforma-button-size: var(--spacing-36);--reforma-button-radius: var(--radius-lg);padding:var(--spacing-6) var(--spacing-14);font-weight:400;font-size:var(--text-md);line-height:var(--leading-md);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=lg]{--reforma-button-size: var(--spacing-56);--reforma-button-radius: var(--radius-xl);padding:var(--spacing-10) var(--spacing-30);font-weight:500;font-size:var(--text-lg);line-height:var(--leading-lg);font-family:Onest,sans-serif;letter-spacing:0}.Button_button_FnkZgZ[data-size=xs],.Button_button_FnkZgZ[data-size=sm],.Button_button_FnkZgZ[data-size=md],.Button_button_FnkZgZ[data-size=lg]{border-radius:calc(var(--reforma-button-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value))}.Button_button_FnkZgZ[data-icon-only]{padding:0;--reforma-button-transform-pressed: scale(.92)}.Button_button_FnkZgZ[data-variant=icon]{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-opacity--hover: var(--opacity-hover);padding:0;min-width:auto;height:auto;min-height:auto}.Button_button_FnkZgZ[data-variant=icon][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=icon][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-rounded=true]{--reforma-button-radius: var(--radius-full);border-radius:var(--radius-full);corner-shape:round}.Button_button_FnkZgZ[data-variant=filled][data-color=primary]{--reforma-button-bg: var(--color-primary);--reforma-button-color: var(--color-primary-content);--reforma-button-bg--hover: var(--color-primary-light);--reforma-button-color--hover: var(--color-primary-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=secondary]{--reforma-button-bg: var(--color-secondary);--reforma-button-color: var(--color-secondary-content);--reforma-button-bg--hover: var(--color-secondary-light);--reforma-button-color--hover: var(--color-secondary-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=accent]{--reforma-button-bg: var(--color-accent);--reforma-button-color: var(--color-accent-content);--reforma-button-bg--hover: var(--color-accent-light);--reforma-button-color--hover: var(--color-accent-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=danger]{--reforma-button-bg: var(--color-danger);--reforma-button-color: var(--color-danger-content);--reforma-button-bg--hover: var(--color-danger-light);--reforma-button-color--hover: var(--color-danger-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=warning]{--reforma-button-bg: var(--color-warning);--reforma-button-color: var(--color-warning-content);--reforma-button-bg--hover: var(--color-warning-light);--reforma-button-color--hover: var(--color-warning-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=success]{--reforma-button-bg: var(--color-success);--reforma-button-color: var(--color-success-content);--reforma-button-bg--hover: var(--color-success-light);--reforma-button-color--hover: var(--color-success-content)}.Button_button_FnkZgZ[data-variant=filled][data-color=contrast]{--reforma-button-bg: var(--color-contrast);--reforma-button-color: var(--color-contrast-content);--reforma-button-bg--hover: var(--color-contrast-light);--reforma-button-color--hover: var(--color-contrast-content)}.Button_button_FnkZgZ[data-variant=ghost]{--reforma-button-border: transparent;--reforma-button-border--hover: transparent}.Button_button_FnkZgZ[data-variant=ghost][data-color=primary]{--reforma-button-bg: var(--color-primary-muted-light);--reforma-button-color: var(--color-primary-muted-content);--reforma-button-bg--hover: var(--color-primary-muted);--reforma-button-color--hover: var(--color-primary-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=secondary]{--reforma-button-bg: var(--color-secondary-muted-light);--reforma-button-color: var(--color-secondary-muted-content);--reforma-button-bg--hover: var(--color-secondary-muted);--reforma-button-color--hover: var(--color-secondary-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=accent]{--reforma-button-bg: var(--color-accent-muted-light);--reforma-button-color: var(--color-accent-muted-content);--reforma-button-bg--hover: var(--color-accent-muted);--reforma-button-color--hover: var(--color-accent-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=danger]{--reforma-button-bg: var(--color-danger-muted-light);--reforma-button-color: var(--color-danger-muted-content);--reforma-button-bg--hover: var(--color-danger-muted);--reforma-button-color--hover: var(--color-danger-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=warning]{--reforma-button-bg: var(--color-warning-muted-light);--reforma-button-color: var(--color-warning-muted-content);--reforma-button-bg--hover: var(--color-warning-muted);--reforma-button-color--hover: var(--color-warning-muted-content)}.Button_button_FnkZgZ[data-variant=ghost][data-color=success]{--reforma-button-bg: var(--color-success-muted-light);--reforma-button-color: var(--color-success-muted-content);--reforma-button-bg--hover: var(--color-success-muted);--reforma-button-color--hover: var(--color-success-muted-content)}.Button_button_FnkZgZ[data-variant=filling][data-color=primary]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-primary-text);--reforma-button-bg--hover: var(--color-primary-muted-light);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=secondary]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-text);--reforma-button-bg--hover: var(--color-secondary-muted-light);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=accent]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-accent-text);--reforma-button-bg--hover: var(--color-accent-muted-light);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=danger]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-danger-text);--reforma-button-bg--hover: var(--color-danger-muted-light);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=warning]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-warning-text);--reforma-button-bg--hover: var(--color-warning-muted-light);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=success]{--reforma-button-bg: transparent;--reforma-button-color: var(--color-success-text);--reforma-button-bg--hover: var(--color-success-muted-light);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=filling][data-color=inherit]{--reforma-button-bg: transparent;--reforma-button-color: inherit;--reforma-button-bg--hover: var(--color-secondary-muted-light);--reforma-button-color--hover: inherit}.Button_button_FnkZgZ[data-variant=transparent]{--reforma-button-bg: transparent;--reforma-button-border: transparent;--reforma-button-opacity--hover: var(--opacity-hover)}.Button_button_FnkZgZ[data-variant=transparent][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=transparent][data-color=inherit]{--reforma-button-color: inherit;--reforma-button-opacity: 1;--reforma-button-color--hover: inherit;--reforma-button-opacity--hover: 1}.Button_button_FnkZgZ[data-variant=inline]{--reforma-button-bg: transparent;--reforma-button-opacity--hover: var(--opacity-hover);--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-transform-pressed: scale(.99);padding:0;min-width:auto;height:auto;font-weight:inherit;font-size:inherit;line-height:inherit;-webkit-user-select:auto;-moz-user-select:auto;border:none;user-select:auto}.Button_button_FnkZgZ[data-variant=inline][data-color=inherit]{--reforma-button-color: inherit;--reforma-button-color--hover: inherit}.Button_button_FnkZgZ[data-variant=inline][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-opacity: var(--opacity-hover);--reforma-button-opacity--hover: 1}.Button_button_FnkZgZ[data-variant=inline][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text)}.Button_button_FnkZgZ[data-variant=inline][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text)}.Button_button_FnkZgZ[data-variant=bordered][data-color=primary]{--reforma-button-color: var(--color-primary-text);--reforma-button-color--hover: var(--color-primary-text);--reforma-button-border: var(--color-primary-border);--reforma-button-border--hover: var(--color-primary-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=secondary]{--reforma-button-color: var(--color-text);--reforma-button-color--hover: var(--color-text);--reforma-button-border: var(--color-secondary-border);--reforma-button-border--hover: var(--color-secondary-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=accent]{--reforma-button-color: var(--color-accent-text);--reforma-button-color--hover: var(--color-accent-text);--reforma-button-border: var(--color-accent-border);--reforma-button-border--hover: var(--color-accent-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=danger]{--reforma-button-color: var(--color-danger-text);--reforma-button-color--hover: var(--color-danger-text);--reforma-button-border: var(--color-danger-border);--reforma-button-border--hover: var(--color-danger-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=warning]{--reforma-button-color: var(--color-warning-text);--reforma-button-color--hover: var(--color-warning-text);--reforma-button-border: var(--color-warning-border);--reforma-button-border--hover: var(--color-warning-border-hover)}.Button_button_FnkZgZ[data-variant=bordered][data-color=success]{--reforma-button-color: var(--color-success-text);--reforma-button-color--hover: var(--color-success-text);--reforma-button-border: var(--color-success-border);--reforma-button-border--hover: var(--color-success-border-hover)}.Button_button_FnkZgZ[data-disabled=true]{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.Button_button_FnkZgZ[data-pending=true]{cursor:default}.Button_content_DBcItB{display:flex;flex:1;justify-content:center;align-items:center;gap:var(--spacing-sm)}.Button_button_FnkZgZ[data-full-width],.Button_button_FnkZgZ[data-truncate]{flex-shrink:1;min-width:0;max-width:100%}.Button_button_FnkZgZ[data-truncate]{overflow:hidden}.Button_button_FnkZgZ[data-truncate] .Button_content_DBcItB{flex:0 1 auto;min-width:0;max-width:100%;overflow:hidden}.Button_content_DBcItB[data-hidden=true]{opacity:0}.Button_spinner_HzkMPw{--spinner-color: currentColor;--spinner-size: calc(var(--reforma-button-size) * .44);--spinner-width: 2px;display:flex;position:absolute;justify-content:center;align-items:center;inset:0}}

package/dist/Composer/RichField.d.ts

@@ -1,3 +1,7 @@
-/** TipTap prompt field. Import this only when the plain textarea is not enough. */
-export declare function ComposerRichField(): import("react").JSX.Element;
+import type { HTMLAttributes } from 'react';
+import type { ComposerClassNames } from './types';
+/** TipTap field with caller-owned wrapper and editable-element classes. */
+export declare function ComposerRichField({ className, classNames: slots, style, ...props }: HTMLAttributes<HTMLDivElement> & {
+    classNames?: Pick<ComposerClassNames, 'textareaWrap' | 'editor'>;
+}): import("react").JSX.Element;
 //# sourceMappingURL=RichField.d.ts.map

package/dist/Composer/RichField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichField.d.ts","sourceRoot":"","sources":["../../src/Composer/RichField.tsx"],"names":[],"mappings":"AAWA,mFAAmF;AACnF,wBAAgB,iBAAiB,gCAoChC"}
+{"version":3,"file":"RichField.d.ts","sourceRoot":"","sources":["../../src/Composer/RichField.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,2EAA2E;AAC3E,wBAAgB,iBAAiB,CAAC,EAC9B,SAAS,EACT,UAAU,EAAE,KAAK,EACjB,KAAK,EACL,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,cAAc,CAAC,GAAG;IAChC,UAAU,CAAC,EAAE,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,QAAQ,CAAC,CAAC;CACpE,+BA4FA"}

package/dist/Composer/RichField.js

@@ -1,44 +1,114 @@
-import { useMemo as x } from "react";
-import { plainTextToDoc as d, docToPlainText as h } from "../RichInput/composerDoc.js";
-import { RichInput as T } from "../RichInput/RichInput.js";
-import r from "./Composer.module.css.js";
-import { useComposer as F } from "./context.js";
-import { jsx as m } from "react/jsx-runtime";
-function H() {
+import { cn as s } from "@reforma/lib";
+import E from "@tiptap/extension-bold";
+import S from "@tiptap/extension-code";
+import w from "@tiptap/extension-document";
+import F from "@tiptap/extension-hard-break";
+import H from "@tiptap/extension-history";
+import K from "@tiptap/extension-italic";
+import { ListKit as O } from "@tiptap/extension-list";
+import k from "@tiptap/extension-paragraph";
+import v from "@tiptap/extension-placeholder";
+import I from "@tiptap/extension-text";
+import { useEditor as L, EditorContent as R } from "@tiptap/react";
+import { useLayoutEffect as d, useEffect as j } from "react";
+import { docToPlainText as f, plainTextToDoc as u } from "../RichInput/composerDoc.js";
+import { handleComposerKeyDown as B } from "../RichInput/composerKeymap.js";
+import { useComposer as J } from "./context.js";
+import { jsx as h } from "react/jsx-runtime";
+function at({
+  className: x,
+  classNames: n,
+  style: b,
+  ...m
+}) {
   const {
-    value: o,
-    setPrompt: a,
-    submit: i,
-    placeholder: t,
-    autoFocus: s,
-    submitOnEnter: p,
-    minHeight: n,
-    focusRef: l,
-    addFiles: c,
-    pasteTextAsFile: u
-  } = F(), f = x(() => d(o.prompt), [o.prompt]);
-  return /* @__PURE__ */ m("div", {
-    className: r.textareaWrap,
-    children: /* @__PURE__ */ m(T, {
-      ref: (e) => {
-        l.current = e;
-      },
-      value: f,
-      onChange: (e) => a(h(e)),
-      autoFocus: s,
-      minHeight: n,
-      maxHeight: 280,
-      placeholder: t,
-      className: r.textarea,
-      "aria-label": t,
-      submitOnEnter: p,
-      onSubmit: () => i(),
-      onPasteFiles: (e) => c(e),
-      onPasteText: u
+    value: r,
+    setPrompt: y,
+    submit: g,
+    placeholder: l,
+    autoFocus: C,
+    submitOnEnter: N,
+    focusRef: a,
+    addFiles: D,
+    pasteTextAsFile: P,
+    classNames: i,
+    minHeight: T
+  } = J(), p = {
+    attributes: {
+      class: s(i.editor, n?.editor),
+      role: "textbox",
+      "aria-multiline": "true",
+      "aria-label": m["aria-label"] ?? l,
+      "aria-placeholder": l,
+      "data-slot": "composer-editor"
+    },
+    handleKeyDown: (t, o) => B(t, o, {
+      submitOnEnter: N,
+      hasMenuItems: !1,
+      onSubmit: () => g()
+    }),
+    handlePaste: (t, o) => {
+      const c = o.clipboardData?.files;
+      return c?.length ? (D([...c]), !0) : P(o.clipboardData?.getData("text/plain") ?? "");
+    }
+  }, e = L({
+    immediatelyRender: !1,
+    injectCSS: !1,
+    autofocus: C && (typeof document > "u" || !document.activeElement?.matches('input, textarea, [contenteditable="true"]')) ? "end" : !1,
+    extensions: [w, k, I, F.extend({
+      addKeyboardShortcuts: () => ({})
+    }), H, E, K, S, O.configure({
+      taskItem: !1,
+      taskList: !1
+    }), v.configure({
+      placeholder: ({
+        editor: t
+      }) => {
+        const o = t.options.editorProps.attributes;
+        return (typeof o == "function" ? o(t.state) : o)?.["aria-placeholder"] ?? "";
+      }
+    })],
+    content: u(r.prompt),
+    editorProps: p,
+    onUpdate: ({
+      editor: t
+    }) => y(f(t.getJSON()))
+  });
+  return d(() => {
+    e?.setOptions({
+      editorProps: p
+    });
+  }), d(() => {
+    if (!e)
+      return;
+    const t = {
+      focus: () => {
+        e.chain().focus().run();
+      }
+    };
+    return a.current = t, () => {
+      a.current === t && (a.current = null);
+    };
+  }, [e, a]), j(() => {
+    !e || f(e.getJSON()) === r.prompt || e.chain().setMeta("addToHistory", !1).setContent(u(r.prompt), {
+      emitUpdate: !1
+    }).run();
+  }, [e, r.prompt]), /* @__PURE__ */ h("div", {
+    "data-slot": "composer-field-wrapper",
+    className: s(i.textareaWrap, n?.textareaWrap),
+    children: /* @__PURE__ */ h(R, {
+      ...m,
+      editor: e,
+      "data-slot": "composer-rich-field",
+      className: s(i.textarea, x),
+      style: {
+        "--composer-min-height": `${T}px`,
+        ...b
+      }
     })
   });
 }
 export {
-  H as ComposerRichField
+  at as ComposerRichField
 };
 //# sourceMappingURL=RichField.js.map

package/dist/Composer/RichField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichField.js","sources":["../../src/Composer/RichField.tsx"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\n\nimport { docToPlainText, plainTextToDoc } from '../RichInput';\nimport { RichInput } from '../RichInput/RichInput';\nimport styles from './Composer.module.css';\nimport { useComposer } from './context';\n\nimport type { RichInputHandle } from '../RichInput/types';\n\n/** TipTap prompt field. Import this only when the plain textarea is not enough. */\nexport function ComposerRichField() {\n    const {\n        value,\n        setPrompt,\n        submit,\n        placeholder,\n        autoFocus,\n        submitOnEnter,\n        minHeight,\n        focusRef,\n        addFiles,\n        pasteTextAsFile,\n    } = useComposer();\n    const doc = useMemo(() => plainTextToDoc(value.prompt), [value.prompt]);\n\n    return (\n        <div className={ styles.textareaWrap }>\n            <RichInput\n                ref={ (node: RichInputHandle | null) => {\n                    focusRef.current = node;\n                } }\n                value={ doc }\n                onChange={ (next) => setPrompt(docToPlainText(next)) }\n                autoFocus={ autoFocus }\n                minHeight={ minHeight }\n                maxHeight={ 280 }\n                placeholder={ placeholder }\n                className={ styles.textarea }\n                aria-label={ placeholder }\n                submitOnEnter={ submitOnEnter }\n                onSubmit={ () => submit() }\n                onPasteFiles={ files => addFiles(files) }\n                onPasteText={ pasteTextAsFile }\n            />\n        </div>\n    );\n}\n"],"names":["ComposerRichField","value","setPrompt","submit","placeholder","autoFocus","submitOnEnter","minHeight","focusRef","addFiles","pasteTextAsFile","useComposer","doc","useMemo","plainTextToDoc","styles","RichInput","node","next","docToPlainText","files"],"mappings":";;;;;;AASO,SAASA,IAAoB;AAClC,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,WAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,EAAA,IACEC,EAAA,GACEC,IAAMC,EAAQ,MAAMC,EAAeb,EAAM,MAAM,GAAG,CAACA,EAAM,MAAM,CAAC;AACtE,2BAAyB,OAAO;AAAA,IAC9B,WAAWc,EAAO;AAAA,IAClB,4BAA4BC,GAAW;AAAA,MACrC,KAAK,CAAAC,MAAQ;AACX,QAAAT,EAAS,UAAUS;AAAA,MACrB;AAAA,MACA,OAAOL;AAAA,MACP,UAAU,CAAAM,MAAQhB,EAAUiB,EAAeD,CAAI,CAAC;AAAA,MAChD,WAAAb;AAAA,MACA,WAAAE;AAAA,MACA,WAAW;AAAA,MACX,aAAAH;AAAA,MACA,WAAWW,EAAO;AAAA,MAClB,cAAcX;AAAA,MACd,eAAAE;AAAA,MACA,UAAU,MAAMH,EAAA;AAAA,MAChB,cAAc,CAAAiB,MAASX,EAASW,CAAK;AAAA,MACrC,aAAaV;AAAA,IAAA,CACd;AAAA,EAAA,CACF;AACH;"}
+{"version":3,"file":"RichField.js","sources":["../../src/Composer/RichField.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@reforma/lib';\nimport Bold from '@tiptap/extension-bold';\nimport Code from '@tiptap/extension-code';\nimport Document from '@tiptap/extension-document';\nimport HardBreak from '@tiptap/extension-hard-break';\nimport History from '@tiptap/extension-history';\nimport Italic from '@tiptap/extension-italic';\nimport { ListKit } from '@tiptap/extension-list';\nimport Paragraph from '@tiptap/extension-paragraph';\nimport Placeholder from '@tiptap/extension-placeholder';\nimport Text from '@tiptap/extension-text';\nimport { EditorContent, useEditor } from '@tiptap/react';\nimport { useEffect, useLayoutEffect } from 'react';\n\nimport { docToPlainText, plainTextToDoc } from '../RichInput/composerDoc';\nimport { handleComposerKeyDown } from '../RichInput/composerKeymap';\nimport { useComposer } from './context';\n\nimport type { EditorOptions } from '@tiptap/core';\nimport type { CSSProperties, HTMLAttributes } from 'react';\nimport type { ComposerClassNames } from './types';\n\n/** TipTap field with caller-owned wrapper and editable-element classes. */\nexport function ComposerRichField({\n    className,\n    classNames: slots,\n    style,\n    ...props\n}: HTMLAttributes<HTMLDivElement> & {\n    classNames?: Pick<ComposerClassNames, 'textareaWrap' | 'editor'>;\n}) {\n    const {\n        value, setPrompt, submit, placeholder, autoFocus, submitOnEnter,\n        focusRef, addFiles, pasteTextAsFile, classNames, minHeight,\n    } = useComposer();\n    const editorClassName = cn(classNames.editor, slots?.editor);\n    const editorProps: EditorOptions['editorProps'] = {\n        attributes: {\n            class: editorClassName,\n            role: 'textbox',\n            'aria-multiline': 'true',\n            'aria-label': props['aria-label'] ?? placeholder,\n            'aria-placeholder': placeholder,\n            'data-slot': 'composer-editor',\n        },\n        handleKeyDown: (view, event) => handleComposerKeyDown(view, event, {\n            submitOnEnter,\n            hasMenuItems: false,\n            onSubmit: () => submit(),\n        }),\n        handlePaste: (_view, event) => {\n            const files = event.clipboardData?.files;\n            if (files?.length) {\n                addFiles([...files]);\n                return true;\n            }\n            return pasteTextAsFile(event.clipboardData?.getData('text/plain') ?? '');\n        },\n    };\n    const editor = useEditor({\n        immediatelyRender: false,\n        injectCSS: false,\n        autofocus: autoFocus && (typeof document === 'undefined' || !document.activeElement?.matches('input, textarea, [contenteditable=\"true\"]')) ? 'end' : false,\n        extensions: [\n            Document,\n            Paragraph,\n            Text,\n            HardBreak.extend({ addKeyboardShortcuts: () => ({}) }),\n            History,\n            Bold,\n            Italic,\n            Code,\n            ListKit.configure({ taskItem: false, taskList: false }),\n            Placeholder.configure({ placeholder: ({ editor: current }) => {\n                const attributes = current.options.editorProps.attributes;\n                return (typeof attributes === 'function' ? attributes(current.state) : attributes)?.['aria-placeholder'] ?? '';\n            } }),\n        ],\n        content: plainTextToDoc(value.prompt),\n        editorProps,\n        onUpdate: ({ editor: current }) => setPrompt(docToPlainText(current.getJSON())),\n    });\n\n    useLayoutEffect(() => {\n        editor?.setOptions({ editorProps });\n    });\n\n    useLayoutEffect(() => {\n        if (!editor) {\n            return;\n        }\n        const handle = { focus: () => {\n            editor.chain().focus().run();\n        } };\n        focusRef.current = handle;\n        return () => {\n            if (focusRef.current === handle) {\n                focusRef.current = null;\n            }\n        };\n    }, [editor, focusRef]);\n\n    useEffect(() => {\n        if (!editor || docToPlainText(editor.getJSON()) === value.prompt) {\n            return;\n        }\n        // Host resets do not become undo steps; local edits keep their rich document.\n        editor.chain().setMeta('addToHistory', false)\n            .setContent(plainTextToDoc(value.prompt), { emitUpdate: false }).run();\n    }, [editor, value.prompt]);\n\n    return (\n        <div data-slot=\"composer-field-wrapper\" className={ cn(classNames.textareaWrap, slots?.textareaWrap) }>\n            <EditorContent\n                { ...props }\n                editor={ editor }\n                data-slot=\"composer-rich-field\"\n                className={ cn(classNames.textarea, className) }\n                style={ { '--composer-min-height': `${ minHeight }px`, ...style } as CSSProperties }\n            />\n        </div>\n    );\n}\n"],"names":["ComposerRichField","className","slots","style","props","value","setPrompt","submit","placeholder","autoFocus","submitOnEnter","focusRef","addFiles","pasteTextAsFile","classNames","minHeight","useComposer","editorProps","cn","view","event","handleComposerKeyDown","_view","files","editor","useEditor","Document","Paragraph","Text","HardBreak","History","Bold","Italic","Code","ListKit","Placeholder","current","attributes","plainTextToDoc","docToPlainText","useLayoutEffect","handle","useEffect","EditorContent"],"mappings":"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"}

package/dist/Composer/context.d.ts

@@ -1,10 +1,11 @@
 import { type ReactNode, type RefObject } from 'react';
 import { useFileDrag } from '../hooks/useFileDrag';
-import type { ComposerUploadResult, ComposerValue } from './types';
+import type { ComposerClassNames, ComposerNotice, ComposerUploadResult, ComposerValue } from './types';
 export type ComposerFieldHandle = {
     focus: () => void;
 };
 export type ComposerContextValue = {
+    classNames: ComposerClassNames;
     value: ComposerValue;
     setPrompt: (prompt: string) => void;
     setPlanMode: (planMode: boolean) => void;
@@ -28,6 +29,9 @@ export type ComposerContextValue = {
 };
 export declare function useComposer(): ComposerContextValue;
 export type ComposerProviderProps = {
+    classNames?: ComposerClassNames;
+    /** Report validation errors in the host UI. Defaults to an inline alert. */
+    onError?: (notice: ComposerNotice) => void;
     value: ComposerValue;
     onChange: (value: ComposerValue) => void;
     onSubmit: () => void;
@@ -40,5 +44,5 @@ export type ComposerProviderProps = {
     rows?: number;
     children: ReactNode;
 };
-export declare function ComposerProvider({ value, onChange, onSubmit, uploadFile, busy, placeholder, autoFocus, submitHotkey, rows, children, }: ComposerProviderProps): import("react").JSX.Element;
+export declare function ComposerProvider({ classNames, onError, value, onChange, onSubmit, uploadFile, busy, placeholder, autoFocus, submitHotkey, rows, children, }: ComposerProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=context.d.ts.map

package/dist/Composer/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Composer/context.tsx"],"names":[],"mappings":"AASA,OAAO,EAQH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,KAAK,EAER,oBAAoB,EACpB,aAAa,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACxC,CAAC;AAIF,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD;AAmCD,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACrC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAY,EACZ,WAAkC,EAClC,SAAgB,EAChB,YAA0B,EAC1B,IAAQ,EACR,QAAQ,GACX,EAAE,qBAAqB,+BAgOvB"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Composer/context.tsx"],"names":[],"mappings":"AASA,OAAO,EAQH,KAAK,SAAS,EACd,KAAK,SAAS,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGnD,OAAO,KAAK,EAER,kBAAkB,EAClB,cAAc,EACd,oBAAoB,EACpB,aAAa,EAChB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,IAAI,EAAE,KAAK,IAAI,CAAC;IACtD,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,EAAE,OAAO,CAAC;IACtB,IAAI,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;CACxC,CAAC;AAIF,wBAAgB,WAAW,IAAI,oBAAoB,CAQlD;AAmCD,MAAM,MAAM,qBAAqB,GAAG;IAChC,UAAU,CAAC,EAAE,kBAAkB,CAAC;IAChC,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC1D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IACrC,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC7B,UAAe,EACf,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,IAAY,EACZ,WAAkC,EAClC,SAAgB,EAChB,YAA0B,EAC1B,IAAQ,EACR,QAAQ,GACX,EAAE,qBAAqB,+BAoQvB"}