proto-daisy-db 0.1.15 → 0.1.17

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.
@@ -89,7 +89,7 @@ const ProtoFauxStamp = class {
89
89
  };
90
90
  ProtoFauxStamp.style = protoFauxStampCss;
91
91
 
92
- const shadowCss = "/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
92
+ const shadowCss = "/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n @layer base {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
93
93
 
94
94
  const ProtoFauxTrigger = class {
95
95
  constructor(hostRef) {
@@ -12,6 +12,11 @@
12
12
  syntax: '*';
13
13
  inherits: false;
14
14
  }
15
+ @property --tw-shadow-alpha {
16
+ syntax: '<percentage>';
17
+ inherits: false;
18
+ initial-value: 100%;
19
+ }
15
20
  @property --tw-inset-shadow {
16
21
  syntax: '*';
17
22
  inherits: false;
@@ -21,6 +26,11 @@
21
26
  syntax: '*';
22
27
  inherits: false;
23
28
  }
29
+ @property --tw-inset-shadow-alpha {
30
+ syntax: '<percentage>';
31
+ inherits: false;
32
+ initial-value: 100%;
33
+ }
24
34
  @property --tw-ring-color {
25
35
  syntax: '*';
26
36
  inherits: false;
@@ -1,5 +1,30 @@
1
- /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
4
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5
+ @layer base {
6
+ *,
7
+ ::before,
8
+ ::after,
9
+ ::backdrop {
10
+ --tw-border-style: solid;
11
+ --tw-shadow: 0 0 #0000;
12
+ --tw-shadow-color: initial;
13
+ --tw-shadow-alpha: 100%;
14
+ --tw-inset-shadow: 0 0 #0000;
15
+ --tw-inset-shadow-color: initial;
16
+ --tw-inset-shadow-alpha: 100%;
17
+ --tw-ring-color: initial;
18
+ --tw-ring-shadow: 0 0 #0000;
19
+ --tw-inset-ring-color: initial;
20
+ --tw-inset-ring-shadow: 0 0 #0000;
21
+ --tw-ring-inset: initial;
22
+ --tw-ring-offset-width: 0px;
23
+ --tw-ring-offset-color: #fff;
24
+ --tw-ring-offset-shadow: 0 0 #0000;
25
+ }
26
+ }
27
+ }
3
28
  @layer theme {
4
29
  :root,
5
30
  :host {
@@ -1,5 +1,30 @@
1
- /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
4
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5
+ @layer base {
6
+ *,
7
+ ::before,
8
+ ::after,
9
+ ::backdrop {
10
+ --tw-border-style: solid;
11
+ --tw-shadow: 0 0 #0000;
12
+ --tw-shadow-color: initial;
13
+ --tw-shadow-alpha: 100%;
14
+ --tw-inset-shadow: 0 0 #0000;
15
+ --tw-inset-shadow-color: initial;
16
+ --tw-inset-shadow-alpha: 100%;
17
+ --tw-ring-color: initial;
18
+ --tw-ring-shadow: 0 0 #0000;
19
+ --tw-inset-ring-color: initial;
20
+ --tw-inset-ring-shadow: 0 0 #0000;
21
+ --tw-ring-inset: initial;
22
+ --tw-ring-offset-width: 0px;
23
+ --tw-ring-offset-color: #fff;
24
+ --tw-ring-offset-shadow: 0 0 #0000;
25
+ }
26
+ }
27
+ }
3
28
  @layer theme {
4
29
  :root,
5
30
  :host {
@@ -1,4 +1,4 @@
1
1
  // WARNING: generated file...
2
- const TW_VERSION = '4.0.17';
2
+ const TW_VERSION = '4.1.1';
3
3
  export { TW_VERSION };
4
4
  export default TW_VERSION;
@@ -3,7 +3,7 @@ import { d as defineCustomElement$4 } from './proto-faux-keys2.js';
3
3
  import { d as defineCustomElement$3 } from './proto-faux-stamp2.js';
4
4
  import { d as defineCustomElement$2 } from './proto-faux-type2.js';
5
5
 
6
- const shadowCss = "/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
6
+ const shadowCss = "/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n @layer base {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
7
7
 
8
8
  const ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class ProtoFauxTrigger extends HTMLElement {
9
9
  constructor() {
@@ -87,7 +87,7 @@ const ProtoFauxStamp = class {
87
87
  };
88
88
  ProtoFauxStamp.style = protoFauxStampCss;
89
89
 
90
- const shadowCss = "/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
90
+ const shadowCss = "/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n @layer base {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";
91
91
 
92
92
  const ProtoFauxTrigger = class {
93
93
  constructor(hostRef) {
@@ -0,0 +1,2 @@
1
+ import{r as t,h as n}from"./p-D0TLN-F0.js";const a="proto-daisy-db:app-data",e=class{constructor(n){t(this,n),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter];t.on("app-data:get",(()=>{var n;console.log("app-data:get"),(n=localStorage.getItem(a),new Promise(((t,a)=>{try{t(JSON.parse(n))}catch(t){a(t)}}))).then((n=>{t.emit("app-data:value",n)})).catch((t=>{console.log(t)}))})),t.on("app-data:store",(t=>{console.log("app-data:store",t),(t=>{const n=JSON.stringify(t);localStorage.setItem(a,n)})(t)})),t.emit("proto-daisy-db",{ready:!0})}}render(){return n("div",{key:"35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81"})}};e.style="";const s=class{constructor(n){t(this,n),this.data=void 0}render(){const t=this.data?Object.keys(this.data):[];return n("div",{key:"a423b82d951a69b266dd3d508a8dc11326a8008b",class:"flex flex-col"},t.map((t=>n("span",null,t))))}};s.style="";const o=class{constructor(n){t(this,n),this.data=void 0}render(){return n("div",{key:"f4837fa667d5d6e57086b09d1bc91719035442be",class:"flex"},n("span",{key:"a70fa27ba603ead243b5d262922082141420e0ac"},this.data?this.data.stamp:""))}};o.style="";const r=class{constructor(n){t(this,n),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(t=>{this.data=t}))}emitData(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter],n={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,t.emit("app-data:store",n)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return n("div",{key:"47a9f4c68160b18fceedba61f54a7be29c75325a",class:"flex flex-col font-sans"},n("div",{key:"334f34a36a896139cf4cc01f66bbf0d09bd89505",class:"flex flex-row content-center gap-2"},n("button",{key:"784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5",class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),n("button",{key:"8526e3216eb0a725ea22b288ac0cb3c503405ee4",class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),n("proto-faux-type",{key:"3033b83816b2997c790fb8df1e1d90f387f62afa",class:"mt-4",emitter:this.emitter}),n("proto-faux-stamp",{key:"811eef59cdcdfa2edb318ee5facf7ae0bc497c82",class:"mt-2 text-xs",data:this.data}),n("proto-faux-keys",{key:"ed39e233d92c46f801841240d32d783ee6b0f0fd",class:"mt-2",data:this.data}))}};r.style="/*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or\n ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {\n @layer base {\n *,\n ::before,\n ::after,\n ::backdrop {\n --tw-border-style: solid;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n }\n }\n}\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";const i=class{constructor(n){t(this,n),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(t=>{this.eventType=t}))}render(){return n("div",{key:"d441f639241a54d1ef8ae9c26a4560b5266457df"},n("span",{key:"a192c0ce3af5f94d72856ca851300537fd00f31f",class:"text-xs italic"},this.eventType))}};i.style="proto-faux-type{}";export{e as proto_daisy_db,s as proto_faux_keys,o as proto_faux_stamp,r as proto_faux_trigger,i as proto_faux_type}
2
+ //# sourceMappingURL=p-76016d0b.entry.js.map
@@ -12,6 +12,11 @@
12
12
  syntax: '*';
13
13
  inherits: false;
14
14
  }
15
+ @property --tw-shadow-alpha {
16
+ syntax: '<percentage>';
17
+ inherits: false;
18
+ initial-value: 100%;
19
+ }
15
20
  @property --tw-inset-shadow {
16
21
  syntax: '*';
17
22
  inherits: false;
@@ -21,6 +26,11 @@
21
26
  syntax: '*';
22
27
  inherits: false;
23
28
  }
29
+ @property --tw-inset-shadow-alpha {
30
+ syntax: '<percentage>';
31
+ inherits: false;
32
+ initial-value: 100%;
33
+ }
24
34
  @property --tw-ring-color {
25
35
  syntax: '*';
26
36
  inherits: false;
@@ -1,2 +1,2 @@
1
- import{p as t,b as a}from"./p-D0TLN-F0.js";export{s as setNonce}from"./p-D0TLN-F0.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,e={};return""!==a&&(e.resourcesUrl=new URL(".",a).href),t(e)})().then((async t=>(await e(),a([["p-c834a329",[[0,"proto-faux-trigger",{emitter:[1],data:[1040]}],[1,"proto-daisy-db",{emitter:[1]}],[0,"proto-faux-keys",{data:[16]}],[0,"proto-faux-stamp",{data:[16]}],[0,"proto-faux-type",{emitter:[1],eventType:[1025,"event-type"]}]]]],t))));
1
+ import{p as t,b as e}from"./p-D0TLN-F0.js";export{s as setNonce}from"./p-D0TLN-F0.js";import{g as a}from"./p-DQuL1Twl.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((async t=>(await a(),e([["p-76016d0b",[[0,"proto-faux-trigger",{emitter:[1],data:[1040]}],[1,"proto-daisy-db",{emitter:[1]}],[0,"proto-faux-keys",{data:[16]}],[0,"proto-faux-stamp",{data:[16]}],[0,"proto-faux-type",{emitter:[1],eventType:[1025,"event-type"]}]]]],t))));
2
2
  //# sourceMappingURL=proto-daisy-db.esm.js.map
@@ -1,5 +1,30 @@
1
- /*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.1.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or
4
+ ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
5
+ @layer base {
6
+ *,
7
+ ::before,
8
+ ::after,
9
+ ::backdrop {
10
+ --tw-border-style: solid;
11
+ --tw-shadow: 0 0 #0000;
12
+ --tw-shadow-color: initial;
13
+ --tw-shadow-alpha: 100%;
14
+ --tw-inset-shadow: 0 0 #0000;
15
+ --tw-inset-shadow-color: initial;
16
+ --tw-inset-shadow-alpha: 100%;
17
+ --tw-ring-color: initial;
18
+ --tw-ring-shadow: 0 0 #0000;
19
+ --tw-inset-ring-color: initial;
20
+ --tw-inset-ring-shadow: 0 0 #0000;
21
+ --tw-ring-inset: initial;
22
+ --tw-ring-offset-width: 0px;
23
+ --tw-ring-offset-color: #fff;
24
+ --tw-ring-offset-shadow: 0 0 #0000;
25
+ }
26
+ }
27
+ }
3
28
  @layer theme {
4
29
  :root,
5
30
  :host {
@@ -1,3 +1,3 @@
1
- declare const TW_VERSION = "4.0.17";
1
+ declare const TW_VERSION = "4.1.1";
2
2
  export { TW_VERSION };
3
3
  export default TW_VERSION;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "proto-daisy-db",
3
- "version": "0.1.15",
3
+ "version": "0.1.17",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -33,12 +33,12 @@
33
33
  "devDependencies": {
34
34
  "autoprefixer": "10.4.21",
35
35
  "concurrently": "9.1.2",
36
- "cspell": "8.18.0",
36
+ "cspell": "8.18.1",
37
37
  "postcss": "8.5.3",
38
38
  "prettier": "3.5.3",
39
39
  "prettier-plugin-tailwindcss": "0.6.11",
40
- "proto-tailwindcss-clrs": "0.0.413",
41
- "tailwindcss": "4.0.17",
40
+ "proto-tailwindcss-clrs": "0.0.415",
41
+ "tailwindcss": "4.1.1",
42
42
  "workbox-build": "7.3.0"
43
43
  },
44
44
  "license": "MIT"
@@ -1,2 +0,0 @@
1
- import{r as t,h as a}from"./p-D0TLN-F0.js";const e="proto-daisy-db:app-data",n=class{constructor(a){t(this,a),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter];t.on("app-data:get",(()=>{var a;console.log("app-data:get"),(a=localStorage.getItem(e),new Promise(((t,e)=>{try{t(JSON.parse(a))}catch(t){e(t)}}))).then((a=>{t.emit("app-data:value",a)})).catch((t=>{console.log(t)}))})),t.on("app-data:store",(t=>{console.log("app-data:store",t),(t=>{const a=JSON.stringify(t);localStorage.setItem(e,a)})(t)})),t.emit("proto-daisy-db",{ready:!0})}}render(){return a("div",{key:"35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81"})}};n.style="";const s=class{constructor(a){t(this,a),this.data=void 0}render(){const t=this.data?Object.keys(this.data):[];return a("div",{key:"a423b82d951a69b266dd3d508a8dc11326a8008b",class:"flex flex-col"},t.map((t=>a("span",null,t))))}};s.style="";const o=class{constructor(a){t(this,a),this.data=void 0}render(){return a("div",{key:"f4837fa667d5d6e57086b09d1bc91719035442be",class:"flex"},a("span",{key:"a70fa27ba603ead243b5d262922082141420e0ac"},this.data?this.data.stamp:""))}};o.style="";const r=class{constructor(a){t(this,a),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(t=>{this.data=t}))}emitData(){if(this.emitter&&window[this.emitter]){const t=window[this.emitter],a={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,t.emit("app-data:store",a)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return a("div",{key:"47a9f4c68160b18fceedba61f54a7be29c75325a",class:"flex flex-col font-sans"},a("div",{key:"334f34a36a896139cf4cc01f66bbf0d09bd89505",class:"flex flex-row content-center gap-2"},a("button",{key:"784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5",class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),a("button",{key:"8526e3216eb0a725ea22b288ac0cb3c503405ee4",class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),a("proto-faux-type",{key:"3033b83816b2997c790fb8df1e1d90f387f62afa",class:"mt-4",emitter:this.emitter}),a("proto-faux-stamp",{key:"811eef59cdcdfa2edb318ee5facf7ae0bc497c82",class:"mt-2 text-xs",data:this.data}),a("proto-faux-keys",{key:"ed39e233d92c46f801841240d32d783ee6b0f0fd",class:"mt-2",data:this.data}))}};r.style="/*! tailwindcss v4.0.17 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\n@layer theme {\n :root,\n :host {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --radius-md: 0.375rem;\n }\n}\n@layer utilities {\n .mt-2 {\n margin-top: calc(var(--spacing) * 2);\n }\n .mt-4 {\n margin-top: calc(var(--spacing) * 4);\n }\n .flex {\n display: flex;\n }\n .flex-col {\n flex-direction: column;\n }\n .flex-row {\n flex-direction: row;\n }\n .content-center {\n align-content: center;\n }\n .gap-2 {\n gap: calc(var(--spacing) * 2);\n }\n .rounded-md {\n border-radius: var(--radius-md);\n }\n .border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n }\n .border-solid {\n --tw-border-style: solid;\n border-style: solid;\n }\n .border-clrs-aqua {\n border-color: var(--clrs-aqua, #7fdbff);\n }\n .bg-clrs-blue {\n background-color: var(--clrs-blue, #0074d9);\n }\n .bg-clrs-navy {\n background-color: var(--clrs-navy, #001f3f);\n }\n .font-sans {\n font-family: var(--font-sans);\n }\n .text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n }\n .text-clrs-white {\n color: var(--clrs-white, #ffffff);\n }\n .italic {\n font-style: italic;\n }\n .shadow {\n --tw-shadow:\n 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)),\n 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));\n box-shadow:\n var(--tw-inset-shadow), var(--tw-inset-ring-shadow),\n var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n@layer components {\n .btn {\n border-radius: var(--radius-md);\n border-style: var(--tw-border-style);\n border-width: 1px;\n --tw-border-style: solid;\n border-style: solid;\n border-color: var(--clrs-aqua, #7fdbff);\n padding: calc(var(--spacing) * 2);\n }\n}\n";const i=class{constructor(a){t(this,a),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(t=>{this.eventType=t}))}render(){return a("div",{key:"d441f639241a54d1ef8ae9c26a4560b5266457df"},a("span",{key:"a192c0ce3af5f94d72856ca851300537fd00f31f",class:"text-xs italic"},this.eventType))}};i.style="proto-faux-type{}";export{n as proto_daisy_db,s as proto_faux_keys,o as proto_faux_stamp,r as proto_faux_trigger,i as proto_faux_type}
2
- //# sourceMappingURL=p-c834a329.entry.js.map