@design-edito/tools 0.3.8 → 0.3.9

package/agnostic/arrays/index.d.ts

@@ -1,6 +1,6 @@
-export * as findDuplicates from './find-duplicates/index.js'
 export * as dedupe from './dedupe/index.js'
-export * as make from './make/index.js'
+export * as findDuplicates from './find-duplicates/index.js'
 export * as isArrayOf from './is-array-of/index.js'
 export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'
+export * as make from './make/index.js'

package/agnostic/arrays/index.js

@@ -1,6 +1,6 @@
-export * as findDuplicates from './find-duplicates/index.js'
 export * as dedupe from './dedupe/index.js'
-export * as make from './make/index.js'
+export * as findDuplicates from './find-duplicates/index.js'
 export * as isArrayOf from './is-array-of/index.js'
 export * as randomPick from './random-pick/index.js'
 export * as shuffle from './shuffle/index.js'
+export * as make from './make/index.js'

package/agnostic/colors/index.d.ts

@@ -2,11 +2,11 @@ export * as channels from './channels/index.js'
 export * as contrast from './contrast/index.js'
 export * as convert from './convert/index.js'
 export * as distance from './distance/index.js'
-export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/index.js'
+export * as grayscale from './grayscale/index.js'
+export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
-export * as rotate from './rotate/index.js'
 export * as palette from './palette/index.js'
-export * as typechecks from './typechecks/index.js'
-export * as lerp from './lerp/index.js'
 export * as tidy from './tidy/index.js'
+export * as typechecks from './typechecks/index.js'
+export * as rotate from './rotate/index.js'

package/agnostic/colors/index.js

@@ -2,11 +2,11 @@ export * as channels from './channels/index.js'
 export * as contrast from './contrast/index.js'
 export * as convert from './convert/index.js'
 export * as distance from './distance/index.js'
-export * as grayscale from './grayscale/index.js'
 export * as invert from './invert/index.js'
+export * as grayscale from './grayscale/index.js'
+export * as lerp from './lerp/index.js'
 export * as luminance from './luminance/index.js'
-export * as rotate from './rotate/index.js'
 export * as palette from './palette/index.js'
-export * as typechecks from './typechecks/index.js'
-export * as lerp from './lerp/index.js'
 export * as tidy from './tidy/index.js'
+export * as typechecks from './typechecks/index.js'
+export * as rotate from './rotate/index.js'

package/agnostic/css/index.d.ts

@@ -1,6 +1,6 @@
 export * as clss from './clss/index.js'
-export * as bem from './bem/index.js'
+export * as generateNiceColor from './generate-nice-color/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
 export * as scale from './scale/index.js'
+export * as bem from './bem/index.js'
 export * as stylesSet from './styles-set/index.js'
-export * as generateNiceColor from './generate-nice-color/index.js'

package/agnostic/css/index.js

@@ -1,6 +1,6 @@
 export * as clss from './clss/index.js'
-export * as bem from './bem/index.js'
+export * as generateNiceColor from './generate-nice-color/index.js'
 export * as isValidCssClassName from './is-valid-css-class-name/index.js'
 export * as scale from './scale/index.js'
+export * as bem from './bem/index.js'
 export * as stylesSet from './styles-set/index.js'
-export * as generateNiceColor from './generate-nice-color/index.js'

package/agnostic/html/hyper-json/smart-tags/coalesced/index.d.ts

@@ -1,52 +1,52 @@
 export * as add from './add/index.js'
-export * as and from './and/index.js'
 export * as addclass from './addclass/index.js'
-export * as append from './append/index.js'
+export * as and from './and/index.js'
 export * as at from './at/index.js'
+export * as append from './append/index.js'
 export * as call from './call/index.js'
 export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as getattribute from './getattribute/index.js'
 export * as equals from './equals/index.js'
+export * as getattribute from './getattribute/index.js'
+export * as getproperties from './getproperties/index.js'
 export * as getproperty from './getproperty/index.js'
+export * as hjstringify from './hjstringify/index.js'
 export * as hjparse from './hjparse/index.js'
-export * as getproperties from './getproperties/index.js'
 export * as if from './if/index.js'
 export * as initialize from './initialize/index.js'
-export * as hjstringify from './hjstringify/index.js'
-export * as length from './length/index.js'
 export * as join from './join/index.js'
-export * as map from './map/index.js'
+export * as length from './length/index.js'
 export * as negate from './negate/index.js'
+export * as map from './map/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
 export * as pickrandom from './pickrandom/index.js'
 export * as print from './print/index.js'
-export * as populate from './populate/index.js'
 export * as push from './push/index.js'
+export * as populate from './populate/index.js'
 export * as pusheach from './pusheach/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
 export * as removeclass from './removeclass/index.js'
-export * as removeattribute from './removeattribute/index.js'
 export * as renameproperty from './renameproperty/index.js'
+export * as replace from './replace/index.js'
 export * as select from './select/index.js'
 export * as set from './set/index.js'
-export * as setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
-export * as sorton from './sorton/index.js'
+export * as setattribute from './setattribute/index.js'
 export * as split from './split/index.js'
 export * as spread from './spread/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
+export * as sorton from './sorton/index.js'
+export * as toelement from './toelement/index.js'
+export * as removeattribute from './removeattribute/index.js'
 export * as toggleclass from './toggleclass/index.js'
 export * as tonodelist from './tonodelist/index.js'
-export * as toelement from './toelement/index.js'
-export * as replace from './replace/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
+export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
-export * as tostring from './tostring/index.js'
-export * as transformselected from './transformselected/index.js'
 export * as totext from './totext/index.js'
-export * as torecord from './torecord/index.js'
+export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
+export * as tostring from './tostring/index.js'

package/agnostic/html/hyper-json/smart-tags/coalesced/index.js

@@ -1,52 +1,52 @@
 export * as add from './add/index.js'
-export * as and from './and/index.js'
 export * as addclass from './addclass/index.js'
-export * as append from './append/index.js'
+export * as and from './and/index.js'
 export * as at from './at/index.js'
+export * as append from './append/index.js'
 export * as call from './call/index.js'
 export * as clone from './clone/index.js'
 export * as deleteproperties from './deleteproperties/index.js'
-export * as getattribute from './getattribute/index.js'
 export * as equals from './equals/index.js'
+export * as getattribute from './getattribute/index.js'
+export * as getproperties from './getproperties/index.js'
 export * as getproperty from './getproperty/index.js'
+export * as hjstringify from './hjstringify/index.js'
 export * as hjparse from './hjparse/index.js'
-export * as getproperties from './getproperties/index.js'
 export * as if from './if/index.js'
 export * as initialize from './initialize/index.js'
-export * as hjstringify from './hjstringify/index.js'
-export * as length from './length/index.js'
 export * as join from './join/index.js'
-export * as map from './map/index.js'
+export * as length from './length/index.js'
 export * as negate from './negate/index.js'
+export * as map from './map/index.js'
 export * as notrailing from './notrailing/index.js'
 export * as or from './or/index.js'
 export * as pickrandom from './pickrandom/index.js'
 export * as print from './print/index.js'
-export * as populate from './populate/index.js'
 export * as push from './push/index.js'
+export * as populate from './populate/index.js'
 export * as pusheach from './pusheach/index.js'
 export * as recordtoarray from './recordtoarray/index.js'
 export * as removeclass from './removeclass/index.js'
-export * as removeattribute from './removeattribute/index.js'
 export * as renameproperty from './renameproperty/index.js'
+export * as replace from './replace/index.js'
 export * as select from './select/index.js'
 export * as set from './set/index.js'
-export * as setattribute from './setattribute/index.js'
 export * as setproperty from './setproperty/index.js'
-export * as sorton from './sorton/index.js'
+export * as setattribute from './setattribute/index.js'
 export * as split from './split/index.js'
 export * as spread from './spread/index.js'
 export * as toarray from './toarray/index.js'
 export * as toboolean from './toboolean/index.js'
+export * as sorton from './sorton/index.js'
+export * as toelement from './toelement/index.js'
+export * as removeattribute from './removeattribute/index.js'
 export * as toggleclass from './toggleclass/index.js'
 export * as tonodelist from './tonodelist/index.js'
-export * as toelement from './toelement/index.js'
-export * as replace from './replace/index.js'
-export * as tonumber from './tonumber/index.js'
 export * as tonull from './tonull/index.js'
+export * as tonumber from './tonumber/index.js'
+export * as torecord from './torecord/index.js'
 export * as toref from './toref/index.js'
-export * as tostring from './tostring/index.js'
-export * as transformselected from './transformselected/index.js'
 export * as totext from './totext/index.js'
-export * as torecord from './torecord/index.js'
+export * as transformselected from './transformselected/index.js'
 export * as trim from './trim/index.js'
+export * as tostring from './tostring/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.d.ts

@@ -1,14 +1,14 @@
-export * as any from './any/index.js'
 export * as array from './array/index.js'
+export * as element from './element/index.js'
 export * as boolean from './boolean/index.js'
 export * as get from './get/index.js'
 export * as global from './global/index.js'
 export * as guess from './guess/index.js'
 export * as nodelist from './nodelist/index.js'
-export * as null from './null/index.js'
+export * as any from './any/index.js'
 export * as number from './number/index.js'
+export * as null from './null/index.js'
 export * as record from './record/index.js'
 export * as ref from './ref/index.js'
-export * as string from './string/index.js'
-export * as element from './element/index.js'
 export * as text from './text/index.js'
+export * as string from './string/index.js'

package/agnostic/html/hyper-json/smart-tags/isolated/index.js

@@ -1,14 +1,14 @@
-export * as any from './any/index.js'
 export * as array from './array/index.js'
+export * as element from './element/index.js'
 export * as boolean from './boolean/index.js'
 export * as get from './get/index.js'
 export * as global from './global/index.js'
 export * as guess from './guess/index.js'
 export * as nodelist from './nodelist/index.js'
-export * as null from './null/index.js'
+export * as any from './any/index.js'
 export * as number from './number/index.js'
+export * as null from './null/index.js'
 export * as record from './record/index.js'
 export * as ref from './ref/index.js'
-export * as string from './string/index.js'
-export * as element from './element/index.js'
 export * as text from './text/index.js'
+export * as string from './string/index.js'

package/agnostic/html/index.d.ts

@@ -1,8 +1,8 @@
-export * as getPositionInsideParent from './get-position-inside-parent/index.js'
 export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as hyperJson from './hyper-json/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
 export * as replaceInElement from './replace-in-element/index.js'
-export * as stringToNodes from './string-to-nodes/index.js'
 export * as selectorToElement from './selector-to-element/index.js'
+export * as getPositionInsideParent from './get-position-inside-parent/index.js'
+export * as stringToNodes from './string-to-nodes/index.js'

package/agnostic/html/index.js

@@ -1,8 +1,8 @@
-export * as getPositionInsideParent from './get-position-inside-parent/index.js'
 export * as getNodeAncestors from './get-node-ancestors/index.js'
 export * as hyperJson from './hyper-json/index.js'
 export * as insertNode from './insert-node/index.js'
 export * as placeholders from './placeholders/index.js'
 export * as replaceInElement from './replace-in-element/index.js'
-export * as stringToNodes from './string-to-nodes/index.js'
 export * as selectorToElement from './selector-to-element/index.js'
+export * as getPositionInsideParent from './get-position-inside-parent/index.js'
+export * as stringToNodes from './string-to-nodes/index.js'

package/agnostic/index.d.ts

@@ -1,16 +1,16 @@
-export * as booleans from './booleans/index.js'
 export * as arrays from './arrays/index.js'
+export * as booleans from './booleans/index.js'
 export * as colors from './colors/index.js'
-export * as css from './css/index.js'
-export * as errors from './errors/index.js'
 export * as html from './html/index.js'
-export * as numbers from './numbers/index.js'
+export * as errors from './errors/index.js'
+export * as misc from './misc/index.js'
+export * as css from './css/index.js'
+export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
-export * as misc from './misc/index.js'
 export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
-export * as objects from './objects/index.js'
+export * as numbers from './numbers/index.js'
 export * as time from './time/index.js'
 export * as typescript from './typescript/index.js'
 export * as strings from './strings/index.js'

package/agnostic/index.js

@@ -1,16 +1,16 @@
-export * as booleans from './booleans/index.js'
 export * as arrays from './arrays/index.js'
+export * as booleans from './booleans/index.js'
 export * as colors from './colors/index.js'
-export * as css from './css/index.js'
-export * as errors from './errors/index.js'
 export * as html from './html/index.js'
-export * as numbers from './numbers/index.js'
+export * as errors from './errors/index.js'
+export * as misc from './misc/index.js'
+export * as css from './css/index.js'
+export * as objects from './objects/index.js'
 export * as optim from './optim/index.js'
 export * as random from './random/index.js'
-export * as misc from './misc/index.js'
 export * as regexps from './regexps/index.js'
 export * as sanitization from './sanitization/index.js'
-export * as objects from './objects/index.js'
+export * as numbers from './numbers/index.js'
 export * as time from './time/index.js'
 export * as typescript from './typescript/index.js'
 export * as strings from './strings/index.js'

package/agnostic/misc/index.d.ts

@@ -1,12 +1,12 @@
-export * as assert from './assert/index.js'
 export * as connection from './connection/index.js'
-export * as crossenv from './crossenv/index.js'
-export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as cast from './cast/index.js'
+export * as assert from './assert/index.js'
+export * as crawler from './crawler/index.js'
+export * as dataSize from './data-size/index.js'
 export * as isNullish from './is-nullish/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as logs from './logs/index.js'
 export * as loremIpsum from './lorem-ipsum/index.js'
-export * as normalizeExtension from './normalize-extension/index.js'
-export * as crawler from './crawler/index.js'
+export * as crossenv from './crossenv/index.js'
 export * as outcome from './outcome/index.js'
+export * as normalizeExtension from './normalize-extension/index.js'

package/agnostic/misc/index.js

@@ -1,12 +1,12 @@
-export * as assert from './assert/index.js'
 export * as connection from './connection/index.js'
-export * as crossenv from './crossenv/index.js'
-export * as dataSize from './data-size/index.js'
-export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as cast from './cast/index.js'
+export * as assert from './assert/index.js'
+export * as crawler from './crawler/index.js'
+export * as dataSize from './data-size/index.js'
 export * as isNullish from './is-nullish/index.js'
+export * as isConstructorFunction from './is-constructor-function/index.js'
 export * as logs from './logs/index.js'
 export * as loremIpsum from './lorem-ipsum/index.js'
-export * as normalizeExtension from './normalize-extension/index.js'
-export * as crawler from './crawler/index.js'
+export * as crossenv from './crossenv/index.js'
 export * as outcome from './outcome/index.js'
+export * as normalizeExtension from './normalize-extension/index.js'

package/agnostic/misc/logs/logger/index.d.ts

@@ -31,12 +31,12 @@ declare class Log<T extends ConsoleMethod = ConsoleMethod> {
 export declare class Logger {
     _private_threads: Map<string, Log[]>;
     constructor();
-    dir(thread: string | undefined, ...args: ConsoleMethodsParams['dir']): void;
+    dir(thread?: string, ...args: ConsoleMethodsParams['dir']): void;
     error(thread?: string, ...args: ConsoleMethodsParams['error']): void;
     group(thread?: string, ...args: ConsoleMethodsParams['group']): void;
     groupEnd(thread?: string, ...args: ConsoleMethodsParams['groupEnd']): void;
     log(thread?: string, ...args: ConsoleMethodsParams['log']): void;
-    table(thread: string | undefined, ...args: ConsoleMethodsParams['table']): void;
+    table(thread?: string, ...args: ConsoleMethodsParams['table']): void;
     warn(thread?: string, ...args: ConsoleMethodsParams['warn']): void;
     setLog<T extends ConsoleMethod>(threadName: string, type: T, data: ConsoleMethodsParams[T]): this;
     print(this: Logger, threadFilter?: string, withStack?: boolean): void;

package/agnostic/numbers/index.d.ts

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
+export * as clamp from './clamp/index.js'
 export * as geometricProgressions from './geometric-progressions/index.js'
-export * as interpolate from './interpolate/index.js'
+export * as approximateRational from './approximate-rational/index.js'
 export * as round from './round/index.js'
-export * as clamp from './clamp/index.js'
+export * as interpolate from './interpolate/index.js'

package/agnostic/numbers/index.js

@@ -1,6 +1,6 @@
 export * as absoluteModulo from './absolute-modulo/index.js'
-export * as approximateRational from './approximate-rational/index.js'
+export * as clamp from './clamp/index.js'
 export * as geometricProgressions from './geometric-progressions/index.js'
-export * as interpolate from './interpolate/index.js'
+export * as approximateRational from './approximate-rational/index.js'
 export * as round from './round/index.js'
-export * as clamp from './clamp/index.js'
+export * as interpolate from './interpolate/index.js'

package/agnostic/objects/index.d.ts

@@ -1,8 +1,8 @@
 export * as deepGetProperty from './deep-get-property/index.js'
+export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
-export * as enums from './enums/index.js'
 export * as isRecord from './is-record/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as recordFormat from './record-format/index.js'
 export * as validation from './validation/index.js'
 export * as recordMap from './record-map/index.js'
+export * as enums from './enums/index.js'

package/agnostic/objects/index.js

@@ -1,8 +1,8 @@
 export * as deepGetProperty from './deep-get-property/index.js'
+export * as flattenGetters from './flatten-getters/index.js'
 export * as isObject from './is-object/index.js'
-export * as enums from './enums/index.js'
 export * as isRecord from './is-record/index.js'
-export * as flattenGetters from './flatten-getters/index.js'
 export * as recordFormat from './record-format/index.js'
 export * as validation from './validation/index.js'
 export * as recordMap from './record-map/index.js'
+export * as enums from './enums/index.js'

package/agnostic/optim/index.d.ts

@@ -1,2 +1,2 @@
-export * as throttleDebounce from './throttle-debounce/index.js'
 export * as memoize from './memoize/index.js'
+export * as throttleDebounce from './throttle-debounce/index.js'

package/agnostic/optim/index.js

@@ -1,2 +1,2 @@
-export * as throttleDebounce from './throttle-debounce/index.js'
 export * as memoize from './memoize/index.js'
+export * as throttleDebounce from './throttle-debounce/index.js'

package/agnostic/random/index.d.ts

@@ -1,3 +1,3 @@
+export * as hexChar from './hex-char/index.js'
 export * as uuid from './uuid/index.js'
 export * as random from './random/index.js'
-export * as hexChar from './hex-char/index.js'

package/agnostic/random/index.js

@@ -1,3 +1,3 @@
+export * as hexChar from './hex-char/index.js'
 export * as uuid from './uuid/index.js'
 export * as random from './random/index.js'
-export * as hexChar from './hex-char/index.js'

package/agnostic/sanitization/index.d.ts

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
+export * as html from './html/index.js'
 export * as path from './path/index.js'
 export * as userInput from './user-input/index.js'
-export * as html from './html/index.js'

package/agnostic/sanitization/index.js

@@ -1,4 +1,4 @@
 export * as fileName from './file-name/index.js'
+export * as html from './html/index.js'
 export * as path from './path/index.js'
 export * as userInput from './user-input/index.js'
-export * as html from './html/index.js'

package/agnostic/strings/index.d.ts

@@ -1,7 +1,7 @@
 export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
-export * as normalizeIndent from './normalize-indent/index.js'
-export * as parseTable from './parse-table/index.js'
 export * as replaceAll from './replace-all/index.js'
 export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as normalizeIndent from './normalize-indent/index.js'
+export * as parseTable from './parse-table/index.js'

package/agnostic/strings/index.js

@@ -1,7 +1,7 @@
 export * as charCodes from './char-codes/index.js'
 export * as matches from './matches/index.js'
-export * as normalizeIndent from './normalize-indent/index.js'
-export * as parseTable from './parse-table/index.js'
 export * as replaceAll from './replace-all/index.js'
 export * as toAlphanum from './to-alphanum/index.js'
 export * as trim from './trim/index.js'
+export * as normalizeIndent from './normalize-indent/index.js'
+export * as parseTable from './parse-table/index.js'

package/agnostic/time/index.d.ts

@@ -1,5 +1,5 @@
-export * as dates from './dates/index.js'
 export * as duration from './duration/index.js'
 export * as timeout from './timeout/index.js'
-export * as wait from './wait/index.js'
 export * as transitions from './transitions/index.js'
+export * as wait from './wait/index.js'
+export * as dates from './dates/index.js'

package/agnostic/time/index.js

@@ -1,5 +1,5 @@
-export * as dates from './dates/index.js'
 export * as duration from './duration/index.js'
 export * as timeout from './timeout/index.js'
-export * as wait from './wait/index.js'
 export * as transitions from './transitions/index.js'
+export * as wait from './wait/index.js'
+export * as dates from './dates/index.js'

package/components/EventListener/index.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+export type Props = {
+    className?: string;
+    type?: string | string[];
+    targetSelector?: string;
+    onEvent?: (e: Event) => void;
+    content?: ReactNode;
+    children?: ReactNode;
+};
+export declare const EventListenerComponent: ({ className, type, targetSelector, onEvent, content, children }: Props) => import("react/jsx-runtime").JSX.Element;

package/components/EventListener/index.js

@@ -0,0 +1,47 @@
+// src/components/EventListener/index.tsx
+import {
+  useRef,
+  useEffect
+} from "react";
+import { clss } from "../../agnostic/css/clss/index.js";
+import { isNotFalsy } from "../../agnostic/booleans/is-falsy/index.js";
+import { eventListener } from "../public-classnames.js";
+import cssModule from "./styles.module.css";
+import { jsxs } from "react/jsx-runtime";
+var EventListenerComponent = ({
+  className,
+  type,
+  targetSelector,
+  onEvent,
+  content,
+  children
+}) => {
+  const rootRef = useRef(null);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (onEvent === void 0 || type === void 0 || root === null) return;
+    const typeArr = Array.isArray(type) ? type : [type];
+    const elements = Array.from(targetSelector === void 0 ? [root] : root.querySelectorAll(targetSelector));
+    elements.forEach(
+      (elt) => typeArr.forEach((type2) => {
+        elt.addEventListener(type2, onEvent);
+      })
+    );
+    return () => {
+      elements.forEach(
+        (elt) => typeArr.forEach((type2) => {
+          elt.removeEventListener(type2, onEvent);
+        })
+      );
+    };
+  }, [targetSelector, type, onEvent]);
+  const c = clss(eventListener, { cssModule });
+  const wrapperClassName = [c(null), className].filter(isNotFalsy).join(" ");
+  return /* @__PURE__ */ jsxs("span", { className: wrapperClassName, ref: rootRef, children: [
+    children,
+    content
+  ] });
+};
+export {
+  EventListenerComponent
+};

package/components/Input/index.d.ts

@@ -0,0 +1,7 @@
+import { InputHTMLAttributes, JSX } from 'react';
+export type Props = InputHTMLAttributes<HTMLInputElement> & {
+    name: string;
+    label?: string | JSX.Element;
+    labelAfter?: boolean;
+};
+export declare const Input: (props: Props) => import("react/jsx-runtime").JSX.Element;

package/components/Input/index.js

@@ -0,0 +1,29 @@
+// src/components/Input/index.tsx
+import { clss } from "../../agnostic/css/clss/index.js";
+import { randomHash } from "../../agnostic/random/uuid/index.js";
+import * as classes from "../public-classnames.js";
+import styles from "./styles.module.css";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Input = (props) => {
+  const { label, labelAfter } = props;
+  delete props.label;
+  delete props.labelAfter;
+  const c = clss([classes.input], { cssModule: styles });
+  const inputClassName = c(null, { alt: true });
+  const inputId = props.id ?? randomHash(8);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    label !== void 0 && labelAfter !== true && /* @__PURE__ */ jsx("label", { children: label }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...props,
+        className: inputClassName,
+        id: inputId
+      }
+    ),
+    label !== void 0 && labelAfter === true && /* @__PURE__ */ jsx("label", { children: label })
+  ] });
+};
+export {
+  Input
+};