proto-daisy-db 0.0.400 → 0.0.402

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.
@@ -94,7 +94,7 @@ const ProtoFauxStamp = class {
94
94
  };
95
95
  ProtoFauxStamp.style = ProtoFauxStampStyle0;
96
96
 
97
- const utilsCss = "/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";
97
+ const utilsCss = "/*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";
98
98
  const ProtoFauxTriggerStyle0 = utilsCss;
99
99
 
100
100
  const ProtoFauxTrigger = class {
@@ -0,0 +1,60 @@
1
+ @property --tw-border-style {
2
+ syntax: '*';
3
+ inherits: false;
4
+ initial-value: solid;
5
+ }
6
+ @property --tw-shadow {
7
+ syntax: '*';
8
+ inherits: false;
9
+ initial-value: 0 0 #0000;
10
+ }
11
+ @property --tw-shadow-color {
12
+ syntax: '*';
13
+ inherits: false;
14
+ }
15
+ @property --tw-inset-shadow {
16
+ syntax: '*';
17
+ inherits: false;
18
+ initial-value: 0 0 #0000;
19
+ }
20
+ @property --tw-inset-shadow-color {
21
+ syntax: '*';
22
+ inherits: false;
23
+ }
24
+ @property --tw-ring-color {
25
+ syntax: '*';
26
+ inherits: false;
27
+ }
28
+ @property --tw-ring-shadow {
29
+ syntax: '*';
30
+ inherits: false;
31
+ initial-value: 0 0 #0000;
32
+ }
33
+ @property --tw-inset-ring-color {
34
+ syntax: '*';
35
+ inherits: false;
36
+ }
37
+ @property --tw-inset-ring-shadow {
38
+ syntax: '*';
39
+ inherits: false;
40
+ initial-value: 0 0 #0000;
41
+ }
42
+ @property --tw-ring-inset {
43
+ syntax: '*';
44
+ inherits: false;
45
+ }
46
+ @property --tw-ring-offset-width {
47
+ syntax: '<length>';
48
+ inherits: false;
49
+ initial-value: 0px;
50
+ }
51
+ @property --tw-ring-offset-color {
52
+ syntax: '*';
53
+ inherits: false;
54
+ initial-value: #fff;
55
+ }
56
+ @property --tw-ring-offset-shadow {
57
+ syntax: '*';
58
+ inherits: false;
59
+ initial-value: 0 0 #0000;
60
+ }
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer utilities {
4
4
  .mt-2 {
@@ -104,63 +104,3 @@
104
104
  animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
105
105
  }
106
106
  }
107
- @property --tw-border-style {
108
- syntax: '*';
109
- inherits: false;
110
- initial-value: solid;
111
- }
112
- @property --tw-shadow {
113
- syntax: '*';
114
- inherits: false;
115
- initial-value: 0 0 #0000;
116
- }
117
- @property --tw-shadow-color {
118
- syntax: '*';
119
- inherits: false;
120
- }
121
- @property --tw-inset-shadow {
122
- syntax: '*';
123
- inherits: false;
124
- initial-value: 0 0 #0000;
125
- }
126
- @property --tw-inset-shadow-color {
127
- syntax: '*';
128
- inherits: false;
129
- }
130
- @property --tw-ring-color {
131
- syntax: '*';
132
- inherits: false;
133
- }
134
- @property --tw-ring-shadow {
135
- syntax: '*';
136
- inherits: false;
137
- initial-value: 0 0 #0000;
138
- }
139
- @property --tw-inset-ring-color {
140
- syntax: '*';
141
- inherits: false;
142
- }
143
- @property --tw-inset-ring-shadow {
144
- syntax: '*';
145
- inherits: false;
146
- initial-value: 0 0 #0000;
147
- }
148
- @property --tw-ring-inset {
149
- syntax: '*';
150
- inherits: false;
151
- }
152
- @property --tw-ring-offset-width {
153
- syntax: '<length>';
154
- inherits: false;
155
- initial-value: 0px;
156
- }
157
- @property --tw-ring-offset-color {
158
- syntax: '*';
159
- inherits: false;
160
- initial-value: #fff;
161
- }
162
- @property --tw-ring-offset-shadow {
163
- syntax: '*';
164
- inherits: false;
165
- initial-value: 0 0 #0000;
166
- }
@@ -1,7 +1,8 @@
1
- /*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
- :root {
4
+ :root,
5
+ :host {
5
6
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
6
7
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
7
8
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -1,4 +1,4 @@
1
1
  // WARNING: generated file...
2
- const TW_VERSION = '4.0.0';
2
+ const TW_VERSION = '4.0.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 utilsCss = "/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";
6
+ const utilsCss = "/*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";
7
7
  const ProtoFauxTriggerStyle0 = utilsCss;
8
8
 
9
9
  const ProtoFauxTrigger$1 = /*@__PURE__*/ proxyCustomElement(class ProtoFauxTrigger extends HTMLElement {
@@ -90,7 +90,7 @@ const ProtoFauxStamp = class {
90
90
  };
91
91
  ProtoFauxStamp.style = ProtoFauxStampStyle0;
92
92
 
93
- const utilsCss = "/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";
93
+ const utilsCss = "/*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";
94
94
  const ProtoFauxTriggerStyle0 = utilsCss;
95
95
 
96
96
  const ProtoFauxTrigger = class {
@@ -1 +1 @@
1
- import{r as n,h as t}from"./p-edd2ae50.js";const a="proto-daisy-db:app-data",e=class{constructor(t){n(this,t),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const n=window[this.emitter];n.on("app-data:get",(()=>{var t;console.log("app-data:get"),(t=localStorage.getItem(a),new Promise(((n,a)=>{try{n(JSON.parse(t))}catch(n){a(n)}}))).then((t=>{n.emit("app-data:value",t)})).catch((n=>{console.log(n)}))})),n.on("app-data:store",(n=>{console.log("app-data:store",n),(n=>{const t=JSON.stringify(n);localStorage.setItem(a,t)})(n)})),n.emit("proto-daisy-db",{ready:!0})}}render(){return t("div",{key:"35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81"})}};e.style="";const s=class{constructor(t){n(this,t),this.data=void 0}render(){const n=this.data?Object.keys(this.data):[];return t("div",{key:"a423b82d951a69b266dd3d508a8dc11326a8008b",class:"flex flex-col"},n.map((n=>t("span",null,n))))}};s.style="";const r=class{constructor(t){n(this,t),this.data=void 0}render(){return t("div",{key:"f4837fa667d5d6e57086b09d1bc91719035442be",class:"flex"},t("span",{key:"a70fa27ba603ead243b5d262922082141420e0ac"},this.data?this.data.stamp:""))}};r.style="";const i=class{constructor(t){n(this,t),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(n=>{this.data=n}))}emitData(){if(this.emitter&&window[this.emitter]){const n=window[this.emitter],t={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,n.emit("app-data:store",t)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return t("div",{key:"47a9f4c68160b18fceedba61f54a7be29c75325a",class:"flex flex-col font-sans"},t("div",{key:"334f34a36a896139cf4cc01f66bbf0d09bd89505",class:"flex flex-row content-center gap-2"},t("button",{key:"784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5",class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),t("button",{key:"8526e3216eb0a725ea22b288ac0cb3c503405ee4",class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),t("proto-faux-type",{key:"3033b83816b2997c790fb8df1e1d90f387f62afa",class:"mt-4",emitter:this.emitter}),t("proto-faux-stamp",{key:"811eef59cdcdfa2edb318ee5facf7ae0bc497c82",class:"mt-2 text-xs",data:this.data}),t("proto-faux-keys",{key:"ed39e233d92c46f801841240d32d783ee6b0f0fd",class:"mt-2",data:this.data}))}};i.style="/*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n@property --tw-border-style {\n syntax: '*';\n inherits: false;\n initial-value: solid;\n}\n@property --tw-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: '*';\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: '*';\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: '<length>';\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: '*';\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: '*';\n inherits: false;\n initial-value: 0 0 #0000;\n}\n";const o=class{constructor(t){n(this,t),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(n=>{this.eventType=n}))}render(){return t("div",{key:"d441f639241a54d1ef8ae9c26a4560b5266457df"},t("span",{key:"a192c0ce3af5f94d72856ca851300537fd00f31f",class:"text-xs italic"},this.eventType))}};o.style="proto-faux-type{}";export{e as proto_daisy_db,s as proto_faux_keys,r as proto_faux_stamp,i as proto_faux_trigger,o as proto_faux_type}
1
+ import{r as n,h as t}from"./p-edd2ae50.js";const a="proto-daisy-db:app-data",e=class{constructor(t){n(this,t),this.emitter=void 0}componentDidLoad(){if(this.emitter&&window[this.emitter]){const n=window[this.emitter];n.on("app-data:get",(()=>{var t;console.log("app-data:get"),(t=localStorage.getItem(a),new Promise(((n,a)=>{try{n(JSON.parse(t))}catch(n){a(n)}}))).then((t=>{n.emit("app-data:value",t)})).catch((n=>{console.log(n)}))})),n.on("app-data:store",(n=>{console.log("app-data:store",n),(n=>{const t=JSON.stringify(n);localStorage.setItem(a,t)})(n)})),n.emit("proto-daisy-db",{ready:!0})}}render(){return t("div",{key:"35e42fc3a7d518f3bc0211bc5f2c8221fd9bcc81"})}};e.style="";const s=class{constructor(t){n(this,t),this.data=void 0}render(){const n=this.data?Object.keys(this.data):[];return t("div",{key:"a423b82d951a69b266dd3d508a8dc11326a8008b",class:"flex flex-col"},n.map((n=>t("span",null,n))))}};s.style="";const o=class{constructor(t){n(this,t),this.data=void 0}render(){return t("div",{key:"f4837fa667d5d6e57086b09d1bc91719035442be",class:"flex"},t("span",{key:"a70fa27ba603ead243b5d262922082141420e0ac"},this.data?this.data.stamp:""))}};o.style="";const r=class{constructor(t){n(this,t),this.emitter=void 0,this.data=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("app-data:value",(n=>{this.data=n}))}emitData(){if(this.emitter&&window[this.emitter]){const n=window[this.emitter],t={login:!0,stamp:Date.now(),theme:"dark",dealers:[]};this.data=void 0,n.emit("app-data:store",t)}}fetchData(){this.emitter&&window[this.emitter]&&window[this.emitter].emit("app-data:get",42)}render(){return t("div",{key:"47a9f4c68160b18fceedba61f54a7be29c75325a",class:"flex flex-col font-sans"},t("div",{key:"334f34a36a896139cf4cc01f66bbf0d09bd89505",class:"flex flex-row content-center gap-2"},t("button",{key:"784f07b93d4cd4a0287e6dd172bc73ab8e3c49e5",class:"btn bg-clrs-navy text-clrs-white",onClick:()=>this.emitData()},"Save"),t("button",{key:"8526e3216eb0a725ea22b288ac0cb3c503405ee4",class:"btn bg-clrs-blue text-clrs-white",onClick:()=>this.fetchData()},"Fetch")),t("proto-faux-type",{key:"3033b83816b2997c790fb8df1e1d90f387f62afa",class:"mt-4",emitter:this.emitter}),t("proto-faux-stamp",{key:"811eef59cdcdfa2edb318ee5facf7ae0bc497c82",class:"mt-2 text-xs",data:this.data}),t("proto-faux-keys",{key:"ed39e233d92c46f801841240d32d783ee6b0f0fd",class:"mt-2",data:this.data}))}};r.style="/*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */\n@layer theme, base, components, utilities;\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 .p-2 {\n padding: calc(var(--spacing) * 2);\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: 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: 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@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n}\n@keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n}\n@keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n}\n";const i=class{constructor(t){n(this,t),this.emitter=void 0,this.eventType=void 0}componentDidLoad(){this.emitter&&window[this.emitter]&&window[this.emitter].on("*",(n=>{this.eventType=n}))}render(){return t("div",{key:"d441f639241a54d1ef8ae9c26a4560b5266457df"},t("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}
@@ -0,0 +1,60 @@
1
+ @property --tw-border-style {
2
+ syntax: '*';
3
+ inherits: false;
4
+ initial-value: solid;
5
+ }
6
+ @property --tw-shadow {
7
+ syntax: '*';
8
+ inherits: false;
9
+ initial-value: 0 0 #0000;
10
+ }
11
+ @property --tw-shadow-color {
12
+ syntax: '*';
13
+ inherits: false;
14
+ }
15
+ @property --tw-inset-shadow {
16
+ syntax: '*';
17
+ inherits: false;
18
+ initial-value: 0 0 #0000;
19
+ }
20
+ @property --tw-inset-shadow-color {
21
+ syntax: '*';
22
+ inherits: false;
23
+ }
24
+ @property --tw-ring-color {
25
+ syntax: '*';
26
+ inherits: false;
27
+ }
28
+ @property --tw-ring-shadow {
29
+ syntax: '*';
30
+ inherits: false;
31
+ initial-value: 0 0 #0000;
32
+ }
33
+ @property --tw-inset-ring-color {
34
+ syntax: '*';
35
+ inherits: false;
36
+ }
37
+ @property --tw-inset-ring-shadow {
38
+ syntax: '*';
39
+ inherits: false;
40
+ initial-value: 0 0 #0000;
41
+ }
42
+ @property --tw-ring-inset {
43
+ syntax: '*';
44
+ inherits: false;
45
+ }
46
+ @property --tw-ring-offset-width {
47
+ syntax: '<length>';
48
+ inherits: false;
49
+ initial-value: 0px;
50
+ }
51
+ @property --tw-ring-offset-color {
52
+ syntax: '*';
53
+ inherits: false;
54
+ initial-value: #fff;
55
+ }
56
+ @property --tw-ring-offset-shadow {
57
+ syntax: '*';
58
+ inherits: false;
59
+ initial-value: 0 0 #0000;
60
+ }
@@ -1 +1 @@
1
- import{p as t,b as e}from"./p-edd2ae50.js";export{s as setNonce}from"./p-edd2ae50.js";import{g as a}from"./p-e1255160.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((async t=>(await a(),e([["p-61113941",[[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-edd2ae50.js";export{s as setNonce}from"./p-edd2ae50.js";import{g as a}from"./p-e1255160.js";(()=>{const e=import.meta.url,a={};return""!==e&&(a.resourcesUrl=new URL(".",e).href),t(a)})().then((async t=>(await a(),e([["p-21f5e389",[[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,7 +1,8 @@
1
- /*! tailwindcss v4.0.0 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.0.1 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
3
  @layer theme {
4
- :root {
4
+ :root,
5
+ :host {
5
6
  --font-sans: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',
6
7
  'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
7
8
  --font-serif: ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
@@ -1,3 +1,3 @@
1
- declare const TW_VERSION = "4.0.0";
1
+ declare const TW_VERSION = "4.0.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.0.400",
3
+ "version": "0.0.402",
4
4
  "description": "Stencil Component Starter",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.js",
@@ -38,7 +38,7 @@
38
38
  "prettier": "3.4.2",
39
39
  "prettier-plugin-tailwindcss": "0.6.11",
40
40
  "proto-tailwindcss-clrs": "0.0.399",
41
- "tailwindcss": "4.0.0",
41
+ "tailwindcss": "4.0.1",
42
42
  "workbox-build": "7.3.0"
43
43
  },
44
44
  "license": "MIT"