nit

packages/core/engine/index.ts

@@ -68,13 +68,13 @@ function umbraAdjust(settings: UmbraSettings, scheme = defaultScheme) {
 
 export function umbraHydrate(input: UmbraInput, output: RawRange[]) {
   const apply = ({ element, formater, alias }: ApplyProps = {}) =>
-    format({ output, formater }).attach(input, element, alias)
+    format({ output, formater, input }).attach(element, alias)
   return {
     apply,
     input,
     output,
     isDark: () => isDark(input.scheme),
-    format: (formater?: Formater) => format({ output, formater }),
+    format: (formater?: Formater) => format({ input, output, formater }),
     inverse: () => umbra(inverse(input).scheme, input.settings)
   }
 }

packages/core/engine/primitives/format.ts

@@ -6,13 +6,14 @@ import { attach, Alias } from './attach'
 export type Formater = (color: Colord) => string
 
 interface FormatProps {
+  input: UmbraInput
   output: RawRange[]
   formater?: Formater
   element?: HTMLElement
 }
 
 export interface Format extends UmbraOutputs {
-  attach: (input: UmbraInput, element?: HTMLElement, alias?: Alias | boolean) => UmbraOutputs
+  attach: (element?: HTMLElement, alias?: Alias | boolean) => UmbraOutputs
 }
 
 export interface UmbraOutputs {
@@ -21,7 +22,11 @@ export interface UmbraOutputs {
   output: RawRange[]
 }
 
-export const format = ({ output = umbra().output, formater = defaultFormater }: FormatProps) => {
+export const format = ({
+  input,
+  output = umbra().output,
+  formater = defaultFormater
+}: FormatProps) => {
   let existingAccents = 0
   function getName(name: string) {
     if (name !== 'accent') return name
@@ -52,9 +57,11 @@ export const format = ({ output = umbra().output, formater = defaultFormater }:
   }
 
   return {
-    attach: (input, element, alias) => attach({ input, outputs, element, alias }),
-    ...outputs
-  } as Format
+    input,
+    ...outputs,
+    attach: (element?: HTMLElement, alias?: Alias | boolean) =>
+      attach({ input, outputs, element, alias })
+  }
 }
 
 export const defaultFormater = hexFormat

packages/core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbrajs/core",
-  "version": "0.0.332",
+  "version": "0.0.333",
   "description": "Umbra is a theme managment library that allows you to create semantic color themes that are easy to dynamically customize, change retroactively and scale progressively",
   "author": "Samuel M. Bednarz<https://github.com/CarelessCourage>",
   "repository": {