@poveste/controls 0.1.0 → 0.1.2

package/dist/index.es.css

@@ -1 +1 @@
-.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-d4369e5a] .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}
+.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}

package/dist/index.es.js

@@ -16,7 +16,7 @@ const jh = {
       flat: "htw-bg-transparent hover:htw-bg-gray-500/20 htw-text-gray-900 dark:htw-text-gray-100"
     };
     return (e, i) => (B(), q("button", {
-      class: pt(["histoire-button htw-cursor-pointer htw-rounded-sm htw-border-none", t[n.color ?? "default"]])
+      class: pt(["poveste-button htw-cursor-pointer htw-rounded-sm htw-border-none", t[n.color ?? "default"]])
     }, [
       ht(e.$slots, "default")
     ], 2));
@@ -30,7 +30,7 @@ const jh = {
     tag: { default: "label" }
   },
   setup(n) {
-    return (t, e) => (B(), X(Fh(n.tag), { class: "histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap" }, {
+    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" }, {
       default: K(() => [
         Ht((B(), q("span", Uh, [
           oe(Bt(n.title), 1)
@@ -73,7 +73,7 @@ const jh = {
       tag: "div",
       role: "group",
       title: n.title,
-      class: "histoire-button-group htw-flex-nowrap htw-items-center"
+      class: "poveste-button-group htw-flex-nowrap htw-items-center"
     }, {
       actions: K(() => [
         ht(o.$slots, "actions")
@@ -125,7 +125,7 @@ const jh = {
     return xs(r, () => {
       o.value = r.value.getTotalLength?.() ?? 21.21;
     }), (c, f) => (B(), q("div", {
-      class: pt(["histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative", { "htw-cursor-pointer": n.withToggle }]),
+      class: pt(["poveste-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative", { "htw-cursor-pointer": n.withToggle }]),
       onClick: s
     }, [
       N("div", {
@@ -175,7 +175,7 @@ const jh = {
     return (o, l) => (B(), X(Ft, {
       role: "checkbox",
       tabindex: "0",
-      class: "histoire-checkbox htw-cursor-pointer htw-items-center",
+      class: "poveste-checkbox htw-cursor-pointer htw-items-center",
       title: n.title,
       onClick: l[0] || (l[0] = (a) => s()),
       onKeydown: [
@@ -210,7 +210,7 @@ const jh = {
     return (o, l) => (B(), X(Ft, {
       role: "group",
       title: n.title,
-      class: pt(["histoire-checkbox-list htw-cursor-text", o.$attrs.class]),
+      class: pt(["poveste-checkbox-list htw-cursor-text", o.$attrs.class]),
       style: Pt(o.$attrs.style)
     }, {
       actions: K(() => [
@@ -280,7 +280,7 @@ const jh = {
     }
     return (a, h) => (B(), X(Ft, {
       title: n.title,
-      class: pt(["histoire-select htw-cursor-text htw-items-center", a.$attrs.class]),
+      class: pt(["poveste-select htw-cursor-text htw-items-center", a.$attrs.class]),
       style: Pt(a.$attrs.style)
     }, {
       actions: K(() => [
@@ -334,7 +334,7 @@ const jh = {
   }
 }), pc = {
   key: 0,
-  class: "histoire-color-shades htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
+  class: "poveste-color-shades htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
 }, 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 = {
   name: "HstColorShades"
 }, kc = /* @__PURE__ */ et({
@@ -438,9 +438,9 @@ const jh = {
       });
     }), i = st(() => `${t.colSize}px`), s = at(null);
     return (r, o) => (B(), q("div", {
-      class: "histoire-token-grid htw-bind-col-size htw-grid htw-gap-4 htw-m-4",
+      class: "poveste-token-grid htw-bind-col-size htw-grid htw-gap-4 htw-m-4",
       style: Pt({
-        "--histoire-col-size": i.value
+        "--poveste-col-size": i.value
       })
     }, [
       (B(!0), q(me, null, $e(e.value, (l) => (B(), q("div", {
@@ -501,7 +501,7 @@ const jh = {
     }), i = at(null);
     return (s, r) => (B(!0), q(me, null, $e(e.value, (o) => (B(), q("div", {
       key: o.key,
-      class: "histoire-token-list htw-flex htw-flex-col htw-gap-2 htw-my-8",
+      class: "poveste-token-list htw-flex htw-flex-col htw-gap-2 htw-my-8",
       onMouseenter: (l) => i.value = o.key,
       onMouseleave: r[0] || (r[0] = (l) => i.value = null)
     }, [
@@ -15972,7 +15972,7 @@ const Am = {
       }
     }), (f, u) => (B(), X(Ft, {
       title: n.title,
-      class: pt(["histoire-json htw-cursor-text", f.$attrs.class]),
+      class: pt(["poveste-json htw-cursor-text", f.$attrs.class]),
       style: Pt(f.$attrs.style)
     }, {
       actions: K(() => [
@@ -15989,7 +15989,7 @@ const Am = {
         N("div", ze({
           ref_key: "editorElement",
           ref: l,
-          class: "__histoire-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"
+          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"
         }, { ...f.$attrs, class: null, style: null }), null, 16)
       ]),
       _: 3
@@ -16000,7 +16000,7 @@ const Am = {
   for (const [i, s] of t)
     e[i] = s;
   return e;
-}, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-d4369e5a"]]), Dm = {
+}, Tm = /* @__PURE__ */ Om(Mm, [["__scopeId", "data-v-857ca532"]]), Dm = {
   name: "HstNumber",
   inheritAttrs: !1
 }, Bm = /* @__PURE__ */ et({
@@ -16037,7 +16037,7 @@ const Am = {
     return _h(() => {
       u();
     }), (d, p) => (B(), X(Ft, {
-      class: pt(["histoire-number htw-cursor-ew-resize htw-items-center", [
+      class: pt(["poveste-number htw-cursor-ew-resize htw-items-center", [
         d.$attrs.class,
         { "htw-select-none": l.value }
       ]]),
@@ -16090,7 +16090,7 @@ const Am = {
     return (l, a) => (B(), X(Ft, {
       role: "group",
       title: n.title,
-      class: pt(["histoire-radio htw-cursor-text", l.$attrs.class]),
+      class: pt(["poveste-radio htw-cursor-text", l.$attrs.class]),
       style: Pt(l.$attrs.style)
     }, {
       actions: K(() => [
@@ -16203,7 +16203,7 @@ const Am = {
     const e = t;
     return (i, s) => (B(), X(Ft, {
       title: n.title,
-      class: pt(["histoire-select htw-cursor-text htw-items-center", i.$attrs.class]),
+      class: pt(["poveste-select htw-cursor-text htw-items-center", i.$attrs.class]),
       style: Pt(i.$attrs.style)
     }, {
       actions: K(() => [
@@ -16243,7 +16243,7 @@ const Am = {
       left: `${8 + (r.value.clientWidth - 16) * l.value}px`
     } : {});
     return (h, c) => (B(), X(Ft, {
-      class: pt(["histoire-slider htw-items-center", h.$attrs.class]),
+      class: pt(["poveste-slider htw-items-center", h.$attrs.class]),
       title: n.title,
       style: Pt(h.$attrs.style)
     }, {
@@ -16296,7 +16296,7 @@ const Am = {
     const e = t, i = at();
     return (s, r) => (B(), X(Ft, {
       title: n.title,
-      class: pt(["histoire-text htw-cursor-text htw-items-center", s.$attrs.class]),
+      class: pt(["poveste-text htw-cursor-text htw-items-center", s.$attrs.class]),
       style: Pt(s.$attrs.style),
       onClick: r[1] || (r[1] = (o) => i.value.focus())
     }, {
@@ -16333,7 +16333,7 @@ const Am = {
     const e = t, i = at();
     return (s, r) => (B(), X(Ft, {
       title: n.title,
-      class: pt(["histoire-textarea htw-cursor-text", s.$attrs.class]),
+      class: pt(["poveste-textarea htw-cursor-text", s.$attrs.class]),
       style: Pt(s.$attrs.style),
       onClick: r[1] || (r[1] = (o) => i.value.focus())
     }, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@poveste/controls",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "Prebuilt controls components",
   "author": {
     "name": "Sorin Gitlan"
@@ -38,8 +38,8 @@
     "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.2",
     "@codemirror/view": "^6.35.0",
-    "@poveste/shared": "^0.1.0",
-    "@poveste/vendors": "^0.1.0"
+    "@poveste/shared": "^0.1.2",
+    "@poveste/vendors": "^0.1.2"
   },
   "devDependencies": {
     "@types/node": "^22.10.1",

package/src/components/HstWrapper.vue

@@ -19,7 +19,7 @@ withDefaults(defineProps<{
 <template>
   <component
     :is="tag"
-    class="histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap"
+    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"
   >
     <span
       v-tooltip="{

package/src/components/button/HstButton.vue

@@ -18,7 +18,7 @@ defineProps<{
 
 <template>
   <button
-    class="histoire-button htw-cursor-pointer htw-rounded-sm htw-border-none"
+    class="poveste-button htw-cursor-pointer htw-rounded-sm htw-border-none"
     :class="colors[color ?? 'default']"
   >
     <slot />

package/src/components/button/HstButtonGroup.vue

@@ -50,7 +50,7 @@ function selectOption(value: string) {
     tag="div"
     role="group"
     :title="title"
-    class="histoire-button-group htw-flex-nowrap htw-items-center"
+    class="poveste-button-group htw-flex-nowrap htw-items-center"
   >
     <div 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">
       <HstButton

package/src/components/checkbox/HstCheckbox.vue

@@ -42,7 +42,7 @@ const isTrue = computed(() => {
   <HstWrapper
     role="checkbox"
     tabindex="0"
-    class="histoire-checkbox htw-cursor-pointer htw-items-center"
+    class="poveste-checkbox htw-cursor-pointer htw-items-center"
     :title="title"
     @click="toggle()"
     @keydown.enter.prevent="toggle()"

package/src/components/checkbox/HstCheckboxList.vue

@@ -49,7 +49,7 @@ function toggleOption(value: string) {
   <HstWrapper
     role="group"
     :title="title"
-    class="histoire-checkbox-list htw-cursor-text"
+    class="poveste-checkbox-list htw-cursor-text"
     :class="$attrs.class"
     :style="$attrs.style"
   >

package/src/components/checkbox/HstSimpleCheckbox.vue

@@ -45,7 +45,7 @@ watch(path, () => {
 
 <template>
   <div
-    class="histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"
+    class="poveste-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"
     :class="{ 'htw-cursor-pointer': withToggle }"
     @click="toggle"
   >

package/src/components/checkbox/__snapshots__/HstCheckbox.spec.ts.snap

@@ -1,5 +1,5 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`hstCheckbox > toggle to checked 1`] = `"<label class="histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="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 htw-border-black/25 dark:htw-border-white/25 htw-delay-150"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none" stroke-dasharray="21.21" stroke-dashoffset="21.21"></path></svg></div></span></span></label>"`;
+exports[`hstCheckbox > toggle to checked 1`] = `"<label 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 poveste-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="poveste-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="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 htw-border-black/25 dark:htw-border-white/25 htw-delay-150"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none" stroke-dasharray="21.21" stroke-dashoffset="21.21"></path></svg></div></span></span></label>"`;
 
-exports[`hstCheckbox > toggle to unchecked 1`] = `"<label class="histoire-wrapper htw-p-2 hover:htw-bg-primary-100 dark:hover:htw-bg-primary-800 htw-flex htw-gap-2 htw-flex-wrap histoire-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="histoire-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="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 htw-border-primary-500 htw-border-8"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none htw-delay-150" stroke-dasharray="21.21" stroke-dashoffset="0"></path></svg></div></span></span></label>"`;
+exports[`hstCheckbox > toggle to unchecked 1`] = `"<label 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 poveste-checkbox htw-cursor-pointer htw-items-center" role="checkbox" tabindex="0"><span class="htw-w-28 htw-whitespace-nowrap htw-text-ellipsis htw-overflow-hidden htw-shrink-0 v-popper--has-tooltip">Label</span><span class="htw-grow htw-max-w-full htw-flex htw-items-center htw-gap-1"><span class="htw-block htw-grow htw-max-w-full"><div class="poveste-simple-checkbox htw-group htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"><div class="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 htw-border-primary-500 htw-border-8"></div><svg width="16" height="16" viewBox="0 0 24 24" class="htw-relative htw-z-10"><path d="m 4 12 l 5 5 l 10 -10" fill="none" class="htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out htw-transition-none htw-delay-150" stroke-dasharray="21.21" stroke-dashoffset="0"></path></svg></div></span></span></label>"`;

package/src/components/colorselect/HstColorSelect.vue

@@ -64,7 +64,7 @@ function processChange(inp) {
 <template>
   <HstWrapper
     :title="title"
-    class="histoire-select htw-cursor-text htw-items-center"
+    class="poveste-select htw-cursor-text htw-items-center"
     :class="$attrs.class"
     :style="$attrs.style"
   >

package/src/components/design-tokens/HstColorShades.vue

@@ -53,7 +53,7 @@ const hover = ref<string>(null)
 <template>
   <div
     v-if="displayedShades.length"
-    class="histoire-color-shades htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
+    class="poveste-color-shades htw-grid htw-gap-4 htw-grid-cols-[repeat(auto-fill,minmax(200px,1fr))] htw-m-4"
   >
     <div
       v-for="shade of displayedShades"

package/src/components/design-tokens/HstTokenGrid.vue

@@ -38,9 +38,9 @@ const hover = ref<string>(null)
 
 <template>
   <div
-    class="histoire-token-grid htw-bind-col-size htw-grid htw-gap-4 htw-m-4"
+    class="poveste-token-grid htw-bind-col-size htw-grid htw-gap-4 htw-m-4"
     :style="{
-      '--histoire-col-size': colSizePx,
+      '--poveste-col-size': colSizePx,
     }"
   >
     <div
@@ -83,6 +83,6 @@ const hover = ref<string>(null)
 
 <style>
 .htw-bind-col-size {
-  grid-template-columns: repeat(auto-fill, minmax(var(--histoire-col-size), 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(var(--poveste-col-size), 1fr));
 }
 </style>

package/src/components/design-tokens/HstTokenList.vue

@@ -33,7 +33,7 @@ const hover = ref<string>(null)
   <div
     v-for="token of processedTokens"
     :key="token.key"
-    class="histoire-token-list htw-flex htw-flex-col htw-gap-2 htw-my-8"
+    class="poveste-token-list htw-flex htw-flex-col htw-gap-2 htw-my-8"
     @mouseenter="hover = token.key"
     @mouseleave="hover = null"
   >

package/src/components/json/HstJson.vue

@@ -120,13 +120,13 @@ watch(() => internalValue.value, () => {
 <template>
   <HstWrapper
     :title="title"
-    class="histoire-json htw-cursor-text"
+    class="poveste-json htw-cursor-text"
     :class="$attrs.class"
     :style="$attrs.style"
   >
     <div
       ref="editorElement"
-      class="__histoire-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"
+      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"
       v-bind="{ ...$attrs, class: null, style: null }"
     />
 
@@ -144,7 +144,7 @@ watch(() => internalValue.value, () => {
 </template>
 
 <style scoped>
-.__histoire-json-code :deep(.cm-editor) {
+.__poveste-json-code :deep(.cm-editor) {
   height: 100%;
   min-width: 280px;
 }

package/src/components/number/HstNumber.vue

@@ -67,7 +67,7 @@ onUnmounted(() => {
 
 <template>
   <HstWrapper
-    class="histoire-number htw-cursor-ew-resize htw-items-center"
+    class="poveste-number htw-cursor-ew-resize htw-items-center"
     :title="title"
     :class="[
       $attrs.class,

package/src/components/radio/HstRadio.vue

@@ -47,7 +47,7 @@ const animationEnabled = ref(false)
   <HstWrapper
     role="group"
     :title="title"
-    class="histoire-radio htw-cursor-text"
+    class="poveste-radio htw-cursor-text"
     :class="$attrs.class"
     :style="$attrs.style"
   >

package/src/components/select/HstSelect.vue

@@ -23,7 +23,7 @@ const emit = defineEmits<{
 <template>
   <HstWrapper
     :title="title"
-    class="histoire-select htw-cursor-text htw-items-center"
+    class="poveste-select htw-cursor-text htw-items-center"
     :class="$attrs.class"
     :style="$attrs.style"
   >

package/src/components/slider/HstSlider.vue

@@ -50,7 +50,7 @@ const tooltipStyle = computed<CSSProperties>(() => {
 
 <template>
   <HstWrapper
-    class="histoire-slider htw-items-center"
+    class="poveste-slider htw-items-center"
     :title="title"
     :class="$attrs.class"
     :style="$attrs.style"

package/src/components/text/HstText.vue

@@ -23,7 +23,7 @@ const input = ref<HTMLInputElement>()
 <template>
   <HstWrapper
     :title="title"
-    class="histoire-text htw-cursor-text htw-items-center"
+    class="poveste-text htw-cursor-text htw-items-center"
     :class="$attrs.class"
     :style="$attrs.style"
     @click="input.focus()"

package/src/components/textarea/HstTextarea.vue

@@ -24,7 +24,7 @@ const input = ref<HTMLInputElement>()
 <template>
   <HstWrapper
     :title="title"
-    class="histoire-textarea htw-cursor-text"
+    class="poveste-textarea htw-cursor-text"
     :class="$attrs.class"
     :style="$attrs.style"
     @click="input.focus()"