mates 0.1.0-beta.14 → 0.1.0-beta.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/Directives/animationClasses.d.ts +1 -1
  2. package/dist/Directives/onParentDirective.d.ts +1 -1
  3. package/dist/Directives/timerDirective.d.ts +2 -2
  4. package/dist/Utils/svgIcon.d.ts +2 -4
  5. package/dist/Utils/svgIcon.d.ts.map +1 -1
  6. package/dist/index.d.ts +6 -8
  7. package/dist/index.esm.js.map +1 -1
  8. package/package.json +3 -4
package/dist/Directives/animationClasses.d.ts CHANGED
@@ -18,7 +18,7 @@ export declare function injectMatesAnimations(): void;
18
18
  *
19
19
  * @example
20
20
  * ```ts
21
- * import { MA } from "@mates";
21
+ * import { MA } from "mates";
22
22
  * html`<div class=${MA.fadeIn}>Hello</div>`
23
23
  * html`<div class="${MA.slideInUp}" style="--mates-duration:500ms">Hi</div>`
24
24
  * ```
package/dist/Directives/onParentDirective.d.ts CHANGED
@@ -13,7 +13,7 @@ export type OnParentMap = {
13
13
  *
14
14
  * @example
15
15
  * ```ts
16
- * import { ref, setRef, onParent } from "@mates";
16
+ * import { ref, setRef, onParent } from "mates";
17
17
  *
18
18
  * const listRef = ref<HTMLUListElement>();
19
19
  *
package/dist/Directives/timerDirective.d.ts CHANGED
@@ -19,8 +19,8 @@ export type TimerContent = () => unknown;
19
19
  *
20
20
  * @example
21
21
  * ```ts
22
- * import { html } from "@mates";
23
- * import { timer } from "@mates";
22
+ * import { html } from "mates";
23
+ * import { timer } from "mates";
24
24
  *
25
25
  * // Live clock — updates every second, no component re-render
26
26
  * html`
package/dist/Utils/svgIcon.d.ts CHANGED
@@ -69,10 +69,8 @@ declare const svgIconDirective: (_markup: string, _config: SvgConfig) => import(
69
69
  * ```ts
70
70
  * import { safeSVG, html } from "mates";
71
71
  *
72
- * const heartIcon =
73
- * `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <!-- standard SVG namespace -->
74
- * <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5…"/>
75
- * </svg>`;
72
+ * // markup must be a valid SVG string (starts with <svg ...>)
73
+ * const heartIcon = `<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5…"/></svg>`;
76
74
  *
77
75
  * html`<button>${safeSVG(heartIcon, { size: 24, fill: "currentColor" })}</button>`;
78
76
  * ```
package/dist/Utils/svgIcon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"svgIcon.d.ts","sourceRoot":"","sources":["../../lib/Utils/svgIcon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAuB,MAAM,uBAAuB,CAAC;AAIvE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsFF,cAAM,gBAAiB,SAAQ,SAAS;;gBAY1B,QAAQ,EAAE,QAAQ;IASrB,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;IAuD7D,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS;CA2BpD;AAED,QAAA,MAAM,gBAAgB,mHAA8B,CAAC;AAIrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,SAAc,GACrB,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAErC;AAED;;;;;;;;;GASG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"svgIcon.d.ts","sourceRoot":"","sources":["../../lib/Utils/svgIcon.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,SAAS,EAAuB,MAAM,uBAAuB,CAAC;AAIvE;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,gEAAgE;IAChE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IAC5C,4CAA4C;IAC5C,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,OAAO,CAAC;IAC7C,wDAAwD;IACxD,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAsFF,cAAM,gBAAiB,SAAQ,SAAS;;gBAY1B,QAAQ,EAAE,QAAQ;IASrB,MAAM,CAAC,IAAI,EAAE,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;IAuD7D,MAAM,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS;CA2BpD;AAED,QAAA,MAAM,gBAAgB,mHAA8B,CAAC;AAIrD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,OAAO,CACrB,MAAM,EAAE,MAAM,EACd,MAAM,GAAE,SAAc,GACrB,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAErC;AAED;;;;;;;;;GASG;AACH,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,CAAC"}
package/dist/index.d.ts CHANGED
@@ -209,7 +209,7 @@ declare function injectMatesAnimations(): void;
209
209
  *
210
210
  * @example
211
211
  * ```ts
212
- * import { MA } from "@mates";
212
+ * import { MA } from "mates";
213
213
  * html`<div class=${MA.fadeIn}>Hello</div>`
214
214
  * html`<div class="${MA.slideInUp}" style="--mates-duration:500ms">Hi</div>`
215
215
  * ```
@@ -3074,7 +3074,7 @@ type OnParentMap = {
3074
3074
  *
3075
3075
  * @example
3076
3076
  * ```ts
3077
- * import { ref, setRef, onParent } from "@mates";
3077
+ * import { ref, setRef, onParent } from "mates";
3078
3078
  *
3079
3079
  * const listRef = ref<HTMLUListElement>();
3080
3080
  *
@@ -3167,8 +3167,8 @@ type TimerContent = () => unknown;
3167
3167
  *
3168
3168
  * @example
3169
3169
  * ```ts
3170
- * import { html } from "@mates";
3171
- * import { timer } from "@mates";
3170
+ * import { html } from "mates";
3171
+ * import { timer } from "mates";
3172
3172
  *
3173
3173
  * // Live clock — updates every second, no component re-render
3174
3174
  * html`
@@ -5900,10 +5900,8 @@ declare const svgIconDirective: (_markup: string, _config: SvgConfig) => lit_htm
5900
5900
  * ```ts
5901
5901
  * import { safeSVG, html } from "mates";
5902
5902
  *
5903
- * const heartIcon =
5904
- * `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <!-- standard SVG namespace -->
5905
- * <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5…"/>
5906
- * </svg>`;
5903
+ * // markup must be a valid SVG string (starts with <svg ...>)
5904
+ * const heartIcon = `<svg viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5…"/></svg>`;
5907
5905
  *
5908
5906
  * html`<button>${safeSVG(heartIcon, { size: 24, fill: "currentColor" })}</button>`;
5909
5907
  * ```