@poveste/controls 0.1.3 → 0.2.0

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 (33) hide show
  1. package/dist/index.es.css +1 -1
  2. package/dist/index.es.js +76 -76
  3. package/dist/style-standalone.css +148 -148
  4. package/package.json +3 -3
  5. package/src/components/HstCopyIcon.vue +1 -1
  6. package/src/components/HstWrapper.vue +4 -4
  7. package/src/components/button/HstButton.story.vue +1 -1
  8. package/src/components/button/HstButton.vue +4 -4
  9. package/src/components/button/HstButtonGroup.vue +3 -3
  10. package/src/components/checkbox/HstCheckbox.vue +1 -1
  11. package/src/components/checkbox/HstCheckboxList.vue +4 -4
  12. package/src/components/checkbox/HstSimpleCheckbox.vue +9 -9
  13. package/src/components/checkbox/__snapshots__/HstCheckbox.spec.ts.snap +2 -2
  14. package/src/components/colorselect/HstColorSelect.vue +3 -3
  15. package/src/components/design-tokens/HstColorShades.story.vue +3 -3
  16. package/src/components/design-tokens/HstColorShades.vue +9 -9
  17. package/src/components/design-tokens/HstTokenGrid.story.vue +1 -1
  18. package/src/components/design-tokens/HstTokenGrid.vue +9 -9
  19. package/src/components/design-tokens/HstTokenList.story.vue +2 -2
  20. package/src/components/design-tokens/HstTokenList.vue +8 -8
  21. package/src/components/json/HstJson.vue +3 -3
  22. package/src/components/number/HstNumber.vue +4 -4
  23. package/src/components/radio/HstRadio.vue +12 -12
  24. package/src/components/select/CustomSelect.vue +10 -10
  25. package/src/components/select/HstSelect.story.vue +4 -4
  26. package/src/components/select/HstSelect.vue +1 -1
  27. package/src/components/slider/HstSlider.vue +12 -12
  28. package/src/components/text/HstText.vue +2 -2
  29. package/src/components/textarea/HstTextarea.vue +2 -2
  30. package/src/end.d.ts +2 -2
  31. package/src/style/main.css +1 -1
  32. package/src/utils.ts +4 -4
  33. package/tailwind.config.cjs +1 -1
package/dist/index.es.css CHANGED
@@ -1 +1 @@
1
- .htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--poveste-col-size),1fr))}.__poveste-json-code[data-v-857ca532] .cm-editor{height:100%;min-width:280px}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.htw-range-input:is(.htw-dark *)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.htw-range-input:is(.htw-dark *)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}
1
+ .ptw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--poveste-col-size),1fr))}.__poveste-json-code[data-v-81a8a555] .cm-editor{height:100%;min-width:280px}.v-popper{line-height:0}.ptw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.ptw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.ptw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.ptw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ptw-range-input:is(.ptw-dark *)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.ptw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}.ptw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.ptw-range-input:is(.ptw-dark *)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.ptw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}
package/dist/index.es.js CHANGED
@@ -11,17 +11,17 @@ const jh = {
11
11
  },
12
12
  setup(n) {
13
13
  const t = {
14
- default: "htw-bg-gray-200 dark:htw-bg-gray-750 htw-text-gray-900 dark:htw-text-gray-100 hover:htw-bg-primary-200 dark:hover:htw-bg-primary-900",
15
- primary: "htw-bg-primary-500 hover:htw-bg-primary-600 htw-text-white dark:htw-text-black",
16
- flat: "htw-bg-transparent hover:htw-bg-gray-500/20 htw-text-gray-900 dark:htw-text-gray-100"
14
+ default: "ptw-bg-gray-200 dark:ptw-bg-gray-750 ptw-text-gray-900 dark:ptw-text-gray-100 hover:ptw-bg-primary-200 dark:hover:ptw-bg-primary-900",
15
+ primary: "ptw-bg-primary-500 hover:ptw-bg-primary-600 ptw-text-white dark:ptw-text-black",
16
+ flat: "ptw-bg-transparent hover:ptw-bg-gray-500/20 ptw-text-gray-900 dark:ptw-text-gray-100"
17
17
  };
18
18
  return (e, i) => (B(), q("button", {
19
- class: pt(["poveste-button htw-cursor-pointer htw-rounded-sm htw-border-none", t[n.color ?? "default"]])
19
+ class: pt(["poveste-button ptw-cursor-pointer ptw-rounded-sm ptw-border-none", t[n.color ?? "default"]])
20
20
  }, [
21
21
  ht(e.$slots, "default")
22
22
  ], 2));
23
23
  }
24
- }), Uh = { class: "htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0" }, Gh = { class: "htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1" }, Qh = { class: "htw-block htw-grow htw-max-w-full" }, Yh = {
24
+ }), Uh = { class: "ptw-w-28 ptw-whitespace-nowrap ptw-text-ellipsis ptw-overflow-hidden ptw-shrink-0" }, Gh = { class: "ptw-grow ptw-max-w-full ptw-flex ptw-items-center ptw-gap-1" }, Qh = { class: "ptw-block ptw-grow ptw-max-w-full" }, Yh = {
25
25
  name: "HstWrapper"
26
26
  }, Ft = /* @__PURE__ */ et({
27
27
  ...Yh,
@@ -30,7 +30,7 @@ const jh = {
30
30
  tag: { default: "label" }
31
31
  },
32
32
  setup(n) {
33
- return (t, e) => (B(), X(Fh(n.tag), { class: "poveste-wrapper histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap" }, {
33
+ return (t, e) => (B(), X(Fh(n.tag), { class: "poveste-wrapper histoire-wrapper ptw-p-2 hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-800 ptw-flex ptw-gap-2 ptw-flex-wrap" }, {
34
34
  default: K(() => [
35
35
  Ht((B(), q("span", Uh, [
36
36
  oe(Bt(n.title), 1)
@@ -51,7 +51,7 @@ const jh = {
51
51
  _: 3
52
52
  }));
53
53
  }
54
- }), Xh = { class: "htw-flex htw-gap-px htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 htw-rounded-sm htw-p-px" }, Jh = {
54
+ }), Xh = { class: "ptw-flex ptw-gap-px ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 ptw-rounded-sm ptw-p-px" }, Jh = {
55
55
  name: "HstButtonGroup"
56
56
  }, Zh = /* @__PURE__ */ et({
57
57
  ...Jh,
@@ -73,7 +73,7 @@ const jh = {
73
73
  tag: "div",
74
74
  role: "group",
75
75
  title: n.title,
76
- class: "poveste-button-group htw-flex-nowrap htw-items-center"
76
+ class: "poveste-button-group ptw-flex-nowrap ptw-items-center"
77
77
  }, {
78
78
  actions: K(() => [
79
79
  ht(o.$slots, "actions")
@@ -82,7 +82,7 @@ const jh = {
82
82
  N("div", Xh, [
83
83
  (B(!0), q(me, null, $e(i.value, ({ label: a, value: h }) => (B(), X(vl, {
84
84
  key: h,
85
- class: "htw-px-1 htw-h-[22px] htw-flex-1 !htw-rounded-[3px]",
85
+ class: "ptw-px-1 ptw-h-[22px] ptw-flex-1 !ptw-rounded-[3px]",
86
86
  color: h === n.modelValue ? "primary" : "flat",
87
87
  rounded: !1,
88
88
  onClick: (c) => r(h)
@@ -101,7 +101,7 @@ const jh = {
101
101
  width: "16",
102
102
  height: "16",
103
103
  viewBox: "0 0 24 24",
104
- class: "htw-relative htw-z-10"
104
+ class: "ptw-relative ptw-z-10"
105
105
  }, ec = ["stroke-dasharray", "stroke-dashoffset"], ic = {
106
106
  name: "HstSimpleCheckbox"
107
107
  }, Sl = /* @__PURE__ */ et({
@@ -125,12 +125,12 @@ const jh = {
125
125
  return xs(r, () => {
126
126
  o.value = r.value.getTotalLength?.() ?? 21.21;
127
127
  }), (c, f) => (B(), q("div", {
128
- class: pt(["poveste-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative", { "htw-cursor-pointer": n.withToggle }]),
128
+ class: pt(["poveste-simple-checkbox ptw-group ptw-text-white ptw-w-[16px] ptw-h-[16px] ptw-relative", { "ptw-cursor-pointer": n.withToggle }]),
129
129
  onClick: s
130
130
  }, [
131
131
  N("div", {
132
- class: pt(["htw-border htw-border-solid group-active:htw-bg-gray-500/20 htw-rounded-sm htw-box-border htw-absolute htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out group-hover:htw-border-primary-500 group-hover:dark:htw-border-primary-500", [
133
- n.modelValue ? "htw-border-primary-500 htw-border-8" : "htw-border-black/25 dark:htw-border-white/25 htw-delay-150"
132
+ class: pt(["ptw-border ptw-border-solid group-active:ptw-bg-gray-500/20 ptw-rounded-sm ptw-box-border ptw-absolute ptw-inset-0 ptw-transition-border ptw-duration-150 ptw-ease-out group-hover:ptw-border-primary-500 group-hover:dark:ptw-border-primary-500", [
133
+ n.modelValue ? "ptw-border-primary-500 ptw-border-8" : "ptw-border-black/25 dark:ptw-border-white/25 ptw-delay-150"
134
134
  ]])
135
135
  }, null, 2),
136
136
  (B(), q("svg", tc, [
@@ -139,10 +139,10 @@ const jh = {
139
139
  ref: r,
140
140
  d: "m 4 12 l 5 5 l 10 -10",
141
141
  fill: "none",
142
- class: pt(["htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out", [
143
- h.value ? "htw-transition-all" : "htw-transition-none",
142
+ class: pt(["ptw-stroke-white ptw-stroke-2 ptw-duration-200 ptw-ease-in-out", [
143
+ h.value ? "ptw-transition-all" : "ptw-transition-none",
144
144
  {
145
- "htw-delay-150": n.modelValue
145
+ "ptw-delay-150": n.modelValue
146
146
  }
147
147
  ]]),
148
148
  "stroke-dasharray": o.value,
@@ -175,7 +175,7 @@ const jh = {
175
175
  return (o, l) => (B(), X(Ft, {
176
176
  role: "checkbox",
177
177
  tabindex: "0",
178
- class: "poveste-checkbox htw-cursor-pointer htw-items-center",
178
+ class: "poveste-checkbox ptw-cursor-pointer ptw-items-center",
179
179
  title: n.title,
180
180
  onClick: l[0] || (l[0] = (a) => s()),
181
181
  onKeydown: [
@@ -192,7 +192,7 @@ const jh = {
192
192
  _: 3
193
193
  }, 8, ["title"]));
194
194
  }
195
- }), rc = { class: "-htw-my-1" }, oc = ["for", "onKeydown", "onClick"], lc = {
195
+ }), rc = { class: "-ptw-my-1" }, oc = ["for", "onKeydown", "onClick"], lc = {
196
196
  name: "HstCheckboxList"
197
197
  }, ac = /* @__PURE__ */ et({
198
198
  ...lc,
@@ -210,7 +210,7 @@ const jh = {
210
210
  return (o, l) => (B(), X(Ft, {
211
211
  role: "group",
212
212
  title: n.title,
213
- class: pt(["poveste-checkbox-list htw-cursor-text", o.$attrs.class]),
213
+ class: pt(["poveste-checkbox-list ptw-cursor-text", o.$attrs.class]),
214
214
  style: Pt(o.$attrs.style)
215
215
  }, {
216
216
  actions: K(() => [
@@ -222,7 +222,7 @@ const jh = {
222
222
  key: h,
223
223
  tabindex: "0",
224
224
  for: `${h}-radio`,
225
- class: "htw-cursor-pointer htw-flex htw-items-center htw-relative htw-py-1 htw-group",
225
+ class: "ptw-cursor-pointer ptw-flex ptw-items-center ptw-relative ptw-py-1 ptw-group",
226
226
  onKeydown: [
227
227
  Xe(Je((c) => r(h), ["prevent"]), ["enter"]),
228
228
  Xe(Je((c) => r(h), ["prevent"]), ["space"])
@@ -231,7 +231,7 @@ const jh = {
231
231
  }, [
232
232
  $s(Sl, {
233
233
  "model-value": n.modelValue.includes(h),
234
- class: "htw-mr-2"
234
+ class: "ptw-mr-2"
235
235
  }, null, 8, ["model-value"]),
236
236
  oe(" " + Bt(a), 1)
237
237
  ], 40, oc))), 128))
@@ -240,7 +240,7 @@ const jh = {
240
240
  _: 3
241
241
  }, 8, ["title", "class", "style"]));
242
242
  }
243
- }), hc = { class: "htw-flex htw-flex-row htw-gap-1" }, cc = ["value"], fc = {
243
+ }), hc = { class: "ptw-flex ptw-flex-row ptw-gap-1" }, cc = ["value"], fc = {
244
244
  name: "HstColorSelect",
245
245
  inheritAttrs: !1
246
246
  }, uc = /* @__PURE__ */ et({
@@ -280,7 +280,7 @@ const jh = {
280
280
  }
281
281
  return (a, h) => (B(), X(Ft, {
282
282
  title: n.title,
283
- class: pt(["poveste-select htw-cursor-text htw-items-center", a.$attrs.class]),
283
+ class: pt(["poveste-select ptw-cursor-text ptw-items-center", a.$attrs.class]),
284
284
  style: Pt(a.$attrs.style)
285
285
  }, {
286
286
  actions: K(() => [
@@ -291,7 +291,7 @@ const jh = {
291
291
  Ht(N("input", ze({ ...a.$attrs, class: null, style: null }, {
292
292
  "onUpdate:modelValue": h[0] || (h[0] = (c) => s.value = c),
293
293
  type: "text",
294
- class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm"
294
+ class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm"
295
295
  }), null, 16), [
296
296
  [fr, s.value]
297
297
  ]),
@@ -320,7 +320,7 @@ const jh = {
320
320
  }
321
321
  return (r, o) => Ht((B(), X(Ct(ur), {
322
322
  icon: "carbon:copy-file",
323
- class: "htw-w-4 htw-h-4 htw-opacity-50 hover:htw-opacity-100 hover:htw-text-primary-500 htw-cursor-pointer",
323
+ class: "ptw-w-4 ptw-h-4 ptw-opacity-50 hover:ptw-opacity-100 hover:ptw-text-primary-500 ptw-cursor-pointer",
324
324
  onClick: o[0] || (o[0] = (l) => s())
325
325
  }, null, 512)), [
326
326
  [Ct(we), {
@@ -334,8 +334,8 @@ const jh = {
334
334
  }
335
335
  }), pc = {
336
336
  key: 0,
337
- class: "poveste-color-shades htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
338
- }, gc = ["onMouseenter"], mc = { class: "htw-flex htw-gap-1" }, wc = { class: "htw-my-0 htw-truncate htw-shrink" }, bc = { class: "htw-flex htw-gap-1" }, yc = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" }, xc = {
337
+ class: "poveste-color-shades ptw-grid ptw-gap-4 ptw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] ptw-m-4"
338
+ }, gc = ["onMouseenter"], mc = { class: "ptw-flex ptw-gap-1" }, wc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, bc = { class: "ptw-flex ptw-gap-1" }, yc = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, xc = {
339
339
  name: "HstColorShades"
340
340
  }, kc = /* @__PURE__ */ et({
341
341
  ...xc,
@@ -373,7 +373,7 @@ const jh = {
373
373
  return (o, l) => s.value.length ? (B(), q("div", pc, [
374
374
  (B(!0), q(me, null, $e(s.value, (a) => (B(), q("div", {
375
375
  key: a.key,
376
- class: "htw-flex htw-flex-col htw-gap-2",
376
+ class: "ptw-flex ptw-flex-col ptw-gap-2",
377
377
  onMouseenter: (h) => r.value = a.key,
378
378
  onMouseleave: l[0] || (l[0] = (h) => r.value = null)
379
379
  }, [
@@ -381,7 +381,7 @@ const jh = {
381
381
  color: a.color
382
382
  }, () => [
383
383
  N("div", {
384
- class: "htw-rounded-full htw-w-16 htw-h-16",
384
+ class: "ptw-rounded-full ptw-w-16 ptw-h-16",
385
385
  style: Pt({
386
386
  backgroundColor: a.color
387
387
  })
@@ -397,7 +397,7 @@ const jh = {
397
397
  r.value === a.key ? (B(), X(Ne, {
398
398
  key: 0,
399
399
  content: a.name,
400
- class: "htw-flex-none"
400
+ class: "ptw-flex-none"
401
401
  }, null, 8, ["content"])) : ne("", !0)
402
402
  ]),
403
403
  N("div", bc, [
@@ -409,14 +409,14 @@ const jh = {
409
409
  r.value === a.key ? (B(), X(Ne, {
410
410
  key: 0,
411
411
  content: a.color,
412
- class: "htw-flex-none"
412
+ class: "ptw-flex-none"
413
413
  }, null, 8, ["content"])) : ne("", !0)
414
414
  ])
415
415
  ])
416
416
  ], 40, gc))), 128))
417
417
  ])) : ne("", !0);
418
418
  }
419
- }), vc = ["onMouseenter"], Sc = { class: "htw-flex htw-gap-1" }, Cc = { class: "htw-my-0 htw-truncate htw-shrink" }, Ac = { class: "htw-flex htw-gap-1" }, Mc = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" }, Oc = {
419
+ }), vc = ["onMouseenter"], Sc = { class: "ptw-flex ptw-gap-1" }, Cc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, Ac = { class: "ptw-flex ptw-gap-1" }, Mc = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, Oc = {
420
420
  name: "HstTokenGrid"
421
421
  }, Tc = /* @__PURE__ */ et({
422
422
  ...Oc,
@@ -438,14 +438,14 @@ const jh = {
438
438
  });
439
439
  }), i = st(() => `${t.colSize}px`), s = at(null);
440
440
  return (r, o) => (B(), q("div", {
441
- class: "poveste-token-grid htw-bind-col-size htw-grid htw-gap-4 htw-m-4",
441
+ class: "poveste-token-grid ptw-bind-col-size ptw-grid ptw-gap-4 ptw-m-4",
442
442
  style: Pt({
443
443
  "--poveste-col-size": i.value
444
444
  })
445
445
  }, [
446
446
  (B(!0), q(me, null, $e(e.value, (l) => (B(), q("div", {
447
447
  key: l.key,
448
- class: "htw-flex htw-flex-col htw-gap-2",
448
+ class: "ptw-flex ptw-flex-col ptw-gap-2",
449
449
  onMouseenter: (a) => s.value = l.key,
450
450
  onMouseleave: o[0] || (o[0] = (a) => s.value = null)
451
451
  }, [
@@ -460,7 +460,7 @@ const jh = {
460
460
  s.value === l.key ? (B(), X(Ne, {
461
461
  key: 0,
462
462
  content: l.name,
463
- class: "htw-flex-none"
463
+ class: "ptw-flex-none"
464
464
  }, null, 8, ["content"])) : ne("", !0)
465
465
  ]),
466
466
  N("div", Ac, [
@@ -472,14 +472,14 @@ const jh = {
472
472
  s.value === l.key ? (B(), X(Ne, {
473
473
  key: 0,
474
474
  content: typeof l.value == "string" ? l.value : JSON.stringify(l.value),
475
- class: "htw-flex-none"
475
+ class: "ptw-flex-none"
476
476
  }, null, 8, ["content"])) : ne("", !0)
477
477
  ])
478
478
  ])
479
479
  ], 40, vc))), 128))
480
480
  ], 4));
481
481
  }
482
- }), Dc = ["onMouseenter"], Bc = { class: "htw-mx-4" }, Pc = { class: "htw-flex htw-gap-1" }, Rc = { class: "htw-my-0 htw-truncate htw-shrink" }, Lc = { class: "htw-flex htw-gap-1" }, Ec = { class: "htw-my-0 htw-opacity-50 htw-truncate htw-shrink" }, Nc = {
482
+ }), Dc = ["onMouseenter"], Bc = { class: "ptw-mx-4" }, Pc = { class: "ptw-flex ptw-gap-1" }, Rc = { class: "ptw-my-0 ptw-truncate ptw-shrink" }, Lc = { class: "ptw-flex ptw-gap-1" }, Ec = { class: "ptw-my-0 ptw-opacity-50 ptw-truncate ptw-shrink" }, Nc = {
483
483
  name: "HstTokenList"
484
484
  }, Ic = /* @__PURE__ */ et({
485
485
  ...Nc,
@@ -501,7 +501,7 @@ const jh = {
501
501
  }), i = at(null);
502
502
  return (s, r) => (B(!0), q(me, null, $e(e.value, (o) => (B(), q("div", {
503
503
  key: o.key,
504
- class: "poveste-token-list htw-flex htw-flex-col htw-gap-2 htw-my-8",
504
+ class: "poveste-token-list ptw-flex ptw-flex-col ptw-gap-2 ptw-my-8",
505
505
  onMouseenter: (l) => i.value = o.key,
506
506
  onMouseleave: r[0] || (r[0] = (l) => i.value = null)
507
507
  }, [
@@ -512,7 +512,7 @@ const jh = {
512
512
  i.value === o.key ? (B(), X(Ne, {
513
513
  key: 0,
514
514
  content: o.name,
515
- class: "htw-flex-none"
515
+ class: "ptw-flex-none"
516
516
  }, null, 8, ["content"])) : ne("", !0)
517
517
  ]),
518
518
  N("div", Lc, [
@@ -520,7 +520,7 @@ const jh = {
520
520
  i.value === o.key ? (B(), X(Ne, {
521
521
  key: 0,
522
522
  content: typeof o.value == "string" ? o.value : JSON.stringify(o.value),
523
- class: "htw-flex-none"
523
+ class: "ptw-flex-none"
524
524
  }, null, 8, ["content"])) : ne("", !0)
525
525
  ])
526
526
  ])
@@ -15904,9 +15904,9 @@ const pm = [
15904
15904
  color: wm
15905
15905
  }
15906
15906
  ]), Wh = at(!1);
15907
- window.__hst_controls_dark || (window.__hst_controls_dark = []);
15908
- window.__hst_controls_dark.push(Wh);
15909
- window.__hst_controls_dark_ready?.();
15907
+ window.__pvt_controls_dark || (window.__pvt_controls_dark = []);
15908
+ window.__pvt_controls_dark.push(Wh);
15909
+ window.__pvt_controls_dark_ready?.();
15910
15910
  const Am = {
15911
15911
  name: "HstJson",
15912
15912
  inheritAttrs: !1
@@ -15972,14 +15972,14 @@ const Am = {
15972
15972
  }
15973
15973
  }), (f, u) => (B(), X(Ft, {
15974
15974
  title: n.title,
15975
- class: pt(["poveste-json htw-cursor-text", f.$attrs.class]),
15975
+ class: pt(["poveste-json ptw-cursor-text", f.$attrs.class]),
15976
15976
  style: Pt(f.$attrs.style)
15977
15977
  }, {
15978
15978
  actions: K(() => [
15979
15979
  o.value ? Ht((B(), X(Ct(ur), {
15980
15980
  key: 0,
15981
15981
  icon: "carbon:warning-alt",
15982
- class: "htw-text-orange-500"
15982
+ class: "ptw-text-orange-500"
15983
15983
  }, null, 512)), [
15984
15984
  [Ct(we), "JSON error"]
15985
15985
  ]) : ne("", !0),
@@ -15989,7 +15989,7 @@ const Am = {
15989
15989
  N("div", ze({
15990
15990
  ref_key: "editorElement",
15991
15991
  ref: l,
15992
- class: "__poveste-json-code htw-w-full htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus-within:htw-border-primary-500 dark:focus-within:htw-border-primary-500 htw-rounded-sm htw-box-border htw-overflow-auto htw-resize-y htw-min-h-32 htw-h-48 htw-relative"
15992
+ class: "__poveste-json-code ptw-w-full ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus-within:ptw-border-primary-500 dark:focus-within:ptw-border-primary-500 ptw-rounded-sm ptw-box-border ptw-overflow-auto ptw-resize-y ptw-min-h-32 ptw-h-48 ptw-relative"
15993
15993
  }, { ...f.$attrs, class: null, style: null }), null, 16)
15994
15994
  ]),
15995
15995
  _: 3
@@ -16000,7 +16000,7 @@ const Am = {
16000
16000
  for (const [i, s] of t)
16001
16001
  e[i] = s;
16002
16002
  return e;
16003
- }, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-857ca532"]]), Dm = {
16003
+ }, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-81a8a555"]]), Dm = {
16004
16004
  name: "HstNumber",
16005
16005
  inheritAttrs: !1
16006
16006
  }, Bm = /* @__PURE__ */ et({
@@ -16037,9 +16037,9 @@ const Am = {
16037
16037
  return _h(() => {
16038
16038
  u();
16039
16039
  }), (d, p) => (B(), X(Ft, {
16040
- class: pt(["poveste-number htw-cursor-ew-resize htw-items-center", [
16040
+ class: pt(["poveste-number ptw-cursor-ew-resize ptw-items-center", [
16041
16041
  d.$attrs.class,
16042
- { "htw-select-none": l.value }
16042
+ { "ptw-select-none": l.value }
16043
16043
  ]]),
16044
16044
  title: n.title,
16045
16045
  style: Pt(d.$attrs.style),
@@ -16057,8 +16057,8 @@ const Am = {
16057
16057
  "onUpdate:modelValue": p[0] || (p[0] = (g) => s.value = g),
16058
16058
  type: "number",
16059
16059
  class: [{
16060
- "htw-select-none": l.value
16061
- }, "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-pl-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm htw-cursor-ew-resize htw-box-border"]
16060
+ "ptw-select-none": l.value
16061
+ }, "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-pl-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm ptw-cursor-ew-resize ptw-box-border"]
16062
16062
  }), null, 16), [
16063
16063
  [
16064
16064
  fr,
@@ -16071,7 +16071,7 @@ const Am = {
16071
16071
  _: 3
16072
16072
  }, 8, ["title", "class", "style"]));
16073
16073
  }
16074
- }), Pm = { class: "-htw-my-1" }, Rm = ["id", "name", "value", "checked", "onChange"], Lm = ["for", "onKeydown"], Em = {
16074
+ }), Pm = { class: "-ptw-my-1" }, Rm = ["id", "name", "value", "checked", "onChange"], Lm = ["for", "onKeydown"], Em = {
16075
16075
  name: "HstRadio"
16076
16076
  }, Nm = /* @__PURE__ */ et({
16077
16077
  ...Em,
@@ -16090,7 +16090,7 @@ const Am = {
16090
16090
  return (l, a) => (B(), X(Ft, {
16091
16091
  role: "group",
16092
16092
  title: n.title,
16093
- class: pt(["poveste-radio htw-cursor-text", l.$attrs.class]),
16093
+ class: pt(["poveste-radio ptw-cursor-text", l.$attrs.class]),
16094
16094
  style: Pt(l.$attrs.style)
16095
16095
  }, {
16096
16096
  actions: K(() => [
@@ -16105,13 +16105,13 @@ const Am = {
16105
16105
  name: `${c}-radio_${n.title}`,
16106
16106
  value: c,
16107
16107
  checked: c === n.modelValue,
16108
- class: "!htw-hidden",
16108
+ class: "!ptw-hidden",
16109
16109
  onChange: (f) => r(c)
16110
16110
  }, null, 40, Rm),
16111
16111
  N("label", {
16112
16112
  tabindex: "0",
16113
16113
  for: `${c}-radio_${n.title}`,
16114
- class: "htw-cursor-pointer htw-flex htw-items-center htw-relative htw-py-1 htw-group",
16114
+ class: "ptw-cursor-pointer ptw-flex ptw-items-center ptw-relative ptw-py-1 ptw-group",
16115
16115
  onKeydown: [
16116
16116
  Xe(Je((f) => r(c), ["prevent"]), ["enter"]),
16117
16117
  Xe(Je((f) => r(c), ["prevent"]), ["space"])
@@ -16121,18 +16121,18 @@ const Am = {
16121
16121
  width: "16",
16122
16122
  height: "16",
16123
16123
  viewBox: "-12 -12 24 24",
16124
- class: pt(["htw-relative htw-z-10 htw-border htw-border-solid htw-text-inherit htw-rounded-full htw-box-border htw-inset-0 htw-transition-border htw-duration-150 htw-ease-out htw-mr-2 group-hover:htw-border-primary-500", [
16125
- n.modelValue === c ? "htw-border-primary-500" : "htw-border-black/25 dark:htw-border-white/25"
16124
+ class: pt(["ptw-relative ptw-z-10 ptw-border ptw-border-solid ptw-text-inherit ptw-rounded-full ptw-box-border ptw-inset-0 ptw-transition-border ptw-duration-150 ptw-ease-out ptw-mr-2 group-hover:ptw-border-primary-500", [
16125
+ n.modelValue === c ? "ptw-border-primary-500" : "ptw-border-black/25 dark:ptw-border-white/25"
16126
16126
  ]])
16127
16127
  }, [
16128
16128
  N("circle", {
16129
16129
  r: "7",
16130
- class: pt(["htw-will-change-transform", [
16131
- o.value ? "htw-transition-all" : "htw-transition-none",
16130
+ class: pt(["ptw-will-change-transform", [
16131
+ o.value ? "ptw-transition-all" : "ptw-transition-none",
16132
16132
  {
16133
- "htw-delay-150": n.modelValue === c
16133
+ "ptw-delay-150": n.modelValue === c
16134
16134
  },
16135
- n.modelValue === c ? "htw-fill-primary-500" : "htw-fill-transparent htw-scale-0"
16135
+ n.modelValue === c ? "ptw-fill-primary-500" : "ptw-fill-transparent ptw-scale-0"
16136
16136
  ]])
16137
16137
  }, null, 2)
16138
16138
  ], 2)),
@@ -16144,7 +16144,7 @@ const Am = {
16144
16144
  _: 3
16145
16145
  }, 8, ["title", "class", "style"]));
16146
16146
  }
16147
- }), Im = { class: "htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal" }, Vm = { class: "htw-flex-1 htw-truncate" }, Hm = { class: "htw-flex htw-flex-col htw-bg-gray-50 dark:htw-bg-gray-700" }, Wm = ["onClick"], Fm = {
16147
+ }), Im = { class: "ptw-cursor-pointer ptw-w-full ptw-outline-none ptw-px-2 ptw-h-[27px] -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 hover:ptw-border-primary-500 dark:hover:ptw-border-primary-500 ptw-rounded-sm ptw-flex ptw-gap-2 ptw-items-center ptw-leading-normal" }, Vm = { class: "ptw-flex-1 ptw-truncate" }, Hm = { class: "ptw-flex ptw-flex-col ptw-bg-gray-50 dark:ptw-bg-gray-700" }, Wm = ["onClick"], Fm = {
16148
16148
  name: "CustomSelect"
16149
16149
  }, $m = /* @__PURE__ */ et({
16150
16150
  ...Fm,
@@ -16166,8 +16166,8 @@ const Am = {
16166
16166
  N("div", Hm, [
16167
16167
  (B(!0), q(me, null, $e(s.value, ([c, f]) => (B(), q("div", ze({ ref_for: !0 }, { ...l.$attrs, class: null, style: null }, {
16168
16168
  key: f,
16169
- class: ["htw-px-2 htw-py-1 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700", {
16170
- "htw-bg-primary-200 dark:htw-bg-primary-800": e.modelValue === c
16169
+ class: ["ptw-px-2 ptw-py-1 ptw-cursor-pointer hover:ptw-bg-primary-100 dark:hover:ptw-bg-primary-700", {
16170
+ "ptw-bg-primary-200 dark:ptw-bg-primary-800": e.modelValue === c
16171
16171
  }],
16172
16172
  onClick: (u) => o(c, h)
16173
16173
  }), Bt(f), 17, Wm))), 128))
@@ -16182,7 +16182,7 @@ const Am = {
16182
16182
  ]),
16183
16183
  $s(Ct(ur), {
16184
16184
  icon: "carbon:chevron-sort",
16185
- class: "htw-w-4 htw-h-4 htw-flex-none htw-ml-auto"
16185
+ class: "ptw-w-4 ptw-h-4 ptw-flex-none ptw-ml-auto"
16186
16186
  })
16187
16187
  ])
16188
16188
  ]),
@@ -16203,7 +16203,7 @@ const Am = {
16203
16203
  const e = t;
16204
16204
  return (i, s) => (B(), X(Ft, {
16205
16205
  title: n.title,
16206
- class: pt(["poveste-select htw-cursor-text htw-items-center", i.$attrs.class]),
16206
+ class: pt(["poveste-select ptw-cursor-text ptw-items-center", i.$attrs.class]),
16207
16207
  style: Pt(i.$attrs.style)
16208
16208
  }, {
16209
16209
  actions: K(() => [
@@ -16219,7 +16219,7 @@ const Am = {
16219
16219
  _: 3
16220
16220
  }, 8, ["title", "class", "style"]));
16221
16221
  }
16222
- }), qm = { class: "htw-relative htw-w-full htw-flex htw-items-center" }, Km = {
16222
+ }), qm = { class: "ptw-relative ptw-w-full ptw-flex ptw-items-center" }, Km = {
16223
16223
  name: "HstSlider",
16224
16224
  inheritAttrs: !1
16225
16225
  }, jm = /* @__PURE__ */ et({
@@ -16243,20 +16243,20 @@ const Am = {
16243
16243
  left: `${8 + (r.value.clientWidth - 16) * l.value}px`
16244
16244
  } : {});
16245
16245
  return (h, c) => (B(), X(Ft, {
16246
- class: pt(["poveste-slider htw-items-center", h.$attrs.class]),
16246
+ class: pt(["poveste-slider ptw-items-center", h.$attrs.class]),
16247
16247
  title: n.title,
16248
16248
  style: Pt(h.$attrs.style)
16249
16249
  }, {
16250
16250
  default: K(() => [
16251
16251
  N("div", qm, [
16252
- c[3] || (c[3] = N("div", { class: "htw-absolute htw-inset-0 htw-flex htw-items-center" }, [
16253
- N("div", { class: "htw-border htw-border-black/25 dark:htw-border-white/25 htw-h-1 htw-w-full htw-rounded-full" })
16252
+ c[3] || (c[3] = N("div", { class: "ptw-absolute ptw-inset-0 ptw-flex ptw-items-center" }, [
16253
+ N("div", { class: "ptw-border ptw-border-black/25 dark:ptw-border-white/25 ptw-h-1 ptw-w-full ptw-rounded-full" })
16254
16254
  ], -1)),
16255
16255
  Ht(N("input", ze({
16256
16256
  ref_key: "input",
16257
16257
  ref: r,
16258
16258
  "onUpdate:modelValue": c[0] || (c[0] = (f) => o.value = f),
16259
- class: "htw-range-input htw-appearance-none htw-border-0 htw-bg-transparent htw-cursor-pointer htw-relative htw-w-full htw-m-0 htw-text-gray-700",
16259
+ class: "ptw-range-input ptw-appearance-none ptw-border-0 ptw-bg-transparent ptw-cursor-pointer ptw-relative ptw-w-full ptw-m-0 ptw-text-gray-700",
16260
16260
  type: "range"
16261
16261
  }, { ...h.$attrs, class: null, style: null, min: n.min, max: n.max }, {
16262
16262
  onMouseover: c[1] || (c[1] = (f) => s.value = !0),
@@ -16271,7 +16271,7 @@ const Am = {
16271
16271
  ]),
16272
16272
  s.value ? Ht((B(), q("div", {
16273
16273
  key: 0,
16274
- class: "htw-absolute",
16274
+ class: "ptw-absolute",
16275
16275
  style: Pt(a.value)
16276
16276
  }, null, 4)), [
16277
16277
  [Ct(we), { content: n.modelValue.toString(), shown: !0, distance: 16, delay: 0 }]
@@ -16296,7 +16296,7 @@ const Am = {
16296
16296
  const e = t, i = at();
16297
16297
  return (s, r) => (B(), X(Ft, {
16298
16298
  title: n.title,
16299
- class: pt(["poveste-text htw-cursor-text htw-items-center", s.$attrs.class]),
16299
+ class: pt(["poveste-text ptw-cursor-text ptw-items-center", s.$attrs.class]),
16300
16300
  style: Pt(s.$attrs.style),
16301
16301
  onClick: r[1] || (r[1] = (o) => i.value.focus())
16302
16302
  }, {
@@ -16310,7 +16310,7 @@ const Am = {
16310
16310
  }, { ...s.$attrs, class: null, style: null }, {
16311
16311
  type: "text",
16312
16312
  value: n.modelValue,
16313
- class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm",
16313
+ class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm",
16314
16314
  onInput: r[0] || (r[0] = (o) => e("update:modelValue", o.target.value))
16315
16315
  }), null, 16, Um)
16316
16316
  ]),
@@ -16333,7 +16333,7 @@ const Am = {
16333
16333
  const e = t, i = at();
16334
16334
  return (s, r) => (B(), X(Ft, {
16335
16335
  title: n.title,
16336
- class: pt(["poveste-textarea htw-cursor-text", s.$attrs.class]),
16336
+ class: pt(["poveste-textarea ptw-cursor-text", s.$attrs.class]),
16337
16337
  style: Pt(s.$attrs.style),
16338
16338
  onClick: r[1] || (r[1] = (o) => i.value.focus())
16339
16339
  }, {
@@ -16346,7 +16346,7 @@ const Am = {
16346
16346
  ref: i
16347
16347
  }, { ...s.$attrs, class: null, style: null }, {
16348
16348
  value: n.modelValue,
16349
- class: "htw-text-inherit htw-bg-transparent htw-w-full htw-outline-none htw-px-2 htw-py-1 -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 focus:htw-border-primary-500 dark:focus:htw-border-primary-500 htw-rounded-sm htw-box-border htw-resize-y htw-min-h-[26px]",
16349
+ class: "ptw-text-inherit ptw-bg-transparent ptw-w-full ptw-outline-none ptw-px-2 ptw-py-1 -ptw-my-1 ptw-border ptw-border-solid ptw-border-black/25 dark:ptw-border-white/25 focus:ptw-border-primary-500 dark:focus:ptw-border-primary-500 ptw-rounded-sm ptw-box-border ptw-resize-y ptw-min-h-[26px]",
16350
16350
  onInput: r[0] || (r[0] = (o) => e("update:modelValue", o.target.value))
16351
16351
  }), null, 16, Ym)
16352
16352
  ]),