@histoire/controls 0.17.17 → 1.0.0-alpha.1

package/dist/style-standalone.css

@@ -175,6 +175,17 @@
   left:-2px
 }
 
+.v-popper--theme-tooltip .v-popper__inner{
+  background:rgba(0,0,0,.8);
+  color:#fff;
+  border-radius:6px;
+  padding:7px 12px 6px
+}
+
+.v-popper--theme-tooltip .v-popper__arrow-outer{
+  border-color:#000c
+}
+
 .v-popper--theme-dropdown .v-popper__inner{
   background:#fff;
   color:#000;
@@ -192,17 +203,6 @@
   border-color:#ddd
 }
 
-.v-popper--theme-tooltip .v-popper__inner{
-  background:rgba(0,0,0,.8);
-  color:#fff;
-  border-radius:6px;
-  padding:7px 12px 6px
-}
-
-.v-popper--theme-tooltip .v-popper__arrow-outer{
-  border-color:#000c
-}
-
 *, ::before, ::after{
   --tw-border-spacing-x:0;
   --tw-border-spacing-y:0;
@@ -250,7 +250,11 @@
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: 
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: 
 }
 
 ::backdrop{
@@ -300,7 +304,11 @@
   --tw-backdrop-invert: ;
   --tw-backdrop-opacity: ;
   --tw-backdrop-saturate: ;
-  --tw-backdrop-sepia: 
+  --tw-backdrop-sepia: ;
+  --tw-contain-size: ;
+  --tw-contain-layout: ;
+  --tw-contain-paint: ;
+  --tw-contain-style: 
 }
 
 .htw-absolute{
@@ -625,27 +633,27 @@
 
 .htw-border-gray-850{
   --tw-border-opacity:1;
-  border-color:rgb(31 31 33 / var(--tw-border-opacity))
+  border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))
 }
 
 .htw-border-primary-500{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
 .\!htw-bg-primary-500{
   --tw-bg-opacity:1 !important;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity)) !important
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important
 }
 
 .htw-bg-gray-200{
   --tw-bg-opacity:1;
-  background-color:rgb(228 228 231 / var(--tw-bg-opacity))
+  background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-gray-50{
   --tw-bg-opacity:1;
-  background-color:rgb(250 250 250 / var(--tw-bg-opacity))
+  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-gray-500\/10{
@@ -658,22 +666,22 @@
 
 .htw-bg-gray-700{
   --tw-bg-opacity:1;
-  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
+  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-primary-200{
   --tw-bg-opacity:1;
-  background-color:rgb(167 243 208 / var(--tw-bg-opacity))
+  background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-primary-500{
   --tw-bg-opacity:1;
-  background-color:rgb(16 185 129 / var(--tw-bg-opacity))
+  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-primary-800{
   --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
 .htw-bg-transparent{
@@ -682,7 +690,7 @@
 
 .htw-bg-white{
   --tw-bg-opacity:1;
-  background-color:rgb(255 255 255 / var(--tw-bg-opacity))
+  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
 }
 
 .htw-fill-primary-500{
@@ -748,12 +756,12 @@
 
 .htw-text-gray-700{
   --tw-text-opacity:1;
-  color:rgb(63 63 70 / var(--tw-text-opacity))
+  color:rgb(63 63 70 / var(--tw-text-opacity, 1))
 }
 
 .htw-text-gray-900{
   --tw-text-opacity:1;
-  color:rgb(24 24 27 / var(--tw-text-opacity))
+  color:rgb(24 24 27 / var(--tw-text-opacity, 1))
 }
 
 .htw-text-inherit{
@@ -762,12 +770,12 @@
 
 .htw-text-orange-500{
   --tw-text-opacity:1;
-  color:rgb(249 115 22 / var(--tw-text-opacity))
+  color:rgb(249 115 22 / var(--tw-text-opacity, 1))
 }
 
 .htw-text-white{
   --tw-text-opacity:1;
-  color:rgb(255 255 255 / var(--tw-text-opacity))
+  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
 
 .htw-opacity-50{
@@ -823,9 +831,9 @@ body {
   font-size: 1.125rem;
 }
 
-:is(.htw-dark body){
+body:is(.htw-dark *){
   --tw-text-opacity:1;
-  color:rgb(244 244 245 / var(--tw-text-opacity))
+  color:rgb(244 244 245 / var(--tw-text-opacity, 1))
 }
 
 @media (min-width: 640px) {
@@ -836,12 +844,12 @@ body {
 
 .focus-within\:htw-border-primary-500:focus-within{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
 .hover\:htw-border-primary-500:hover{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
 .hover\:htw-bg-gray-500\/20:hover{
@@ -850,22 +858,22 @@ body {
 
 .hover\:htw-bg-primary-100:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(209 250 229 / var(--tw-bg-opacity))
+  background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))
 }
 
 .hover\:htw-bg-primary-200:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(167 243 208 / var(--tw-bg-opacity))
+  background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))
 }
 
 .hover\:htw-bg-primary-600:hover{
   --tw-bg-opacity:1;
-  background-color:rgb(5 150 105 / var(--tw-bg-opacity))
+  background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))
 }
 
 .hover\:htw-text-primary-500:hover{
   --tw-text-opacity:1;
-  color:rgb(16 185 129 / var(--tw-text-opacity))
+  color:rgb(16 185 129 / var(--tw-text-opacity, 1))
 }
 
 .hover\:htw-opacity-100:hover{
@@ -874,88 +882,88 @@ body {
 
 .focus\:htw-border-primary-500:focus{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
 .htw-group:hover .group-hover\:htw-border-primary-500{
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
 .htw-group:active .group-active\:htw-bg-gray-500\/20{
   background-color:rgb(113 113 122 / 0.2)
 }
 
-:is(.htw-dark .dark\:htw-border-white\/25){
+.dark\:htw-border-white\/25:is(.htw-dark *){
   border-color:rgb(255 255 255 / 0.25)
 }
 
-:is(.htw-dark .dark\:htw-bg-black){
+.dark\:htw-bg-black:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(0 0 0 / var(--tw-bg-opacity))
+  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-bg-gray-600){
+.dark\:htw-bg-gray-600:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(82 82 91 / var(--tw-bg-opacity))
+  background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-bg-gray-700){
+.dark\:htw-bg-gray-700:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(63 63 70 / var(--tw-bg-opacity))
+  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-bg-gray-750){
+.dark\:htw-bg-gray-750:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(50 50 56 / var(--tw-bg-opacity))
+  background-color:rgb(50 50 56 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-bg-primary-800){
+.dark\:htw-bg-primary-800:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-text-black){
+.dark\:htw-text-black:is(.htw-dark *){
   --tw-text-opacity:1;
-  color:rgb(0 0 0 / var(--tw-text-opacity))
+  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
 }
 
-:is(.htw-dark .dark\:htw-text-gray-100){
+.dark\:htw-text-gray-100:is(.htw-dark *){
   --tw-text-opacity:1;
-  color:rgb(244 244 245 / var(--tw-text-opacity))
+  color:rgb(244 244 245 / var(--tw-text-opacity, 1))
 }
 
-:is(.htw-dark .dark\:focus-within\:htw-border-primary-500:focus-within){
+.dark\:focus-within\:htw-border-primary-500:focus-within:is(.htw-dark *){
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-:is(.htw-dark .dark\:hover\:htw-border-primary-500:hover){
+.dark\:hover\:htw-border-primary-500:hover:is(.htw-dark *){
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-:is(.htw-dark .dark\:hover\:htw-bg-primary-700:hover){
+.dark\:hover\:htw-bg-primary-700:hover:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(4 120 87 / var(--tw-bg-opacity))
+  background-color:rgb(4 120 87 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:hover\:htw-bg-primary-800:hover){
+.dark\:hover\:htw-bg-primary-800:hover:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(6 95 70 / var(--tw-bg-opacity))
+  background-color:rgb(6 95 70 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:hover\:htw-bg-primary-900:hover){
+.dark\:hover\:htw-bg-primary-900:hover:is(.htw-dark *){
   --tw-bg-opacity:1;
-  background-color:rgb(6 78 59 / var(--tw-bg-opacity))
+  background-color:rgb(6 78 59 / var(--tw-bg-opacity, 1))
 }
 
-:is(.htw-dark .dark\:focus\:htw-border-primary-500:focus){
+.dark\:focus\:htw-border-primary-500:focus:is(.htw-dark *){
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }
 
-.htw-group:hover :is(.htw-dark .group-hover\:dark\:htw-border-primary-500){
+.htw-group:hover .group-hover\:dark\:htw-border-primary-500:is(.htw-dark *){
   --tw-border-opacity:1;
-  border-color:rgb(16 185 129 / var(--tw-border-opacity))
+  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))
 }

package/dist/utils.d.ts

@@ -1 +1 @@
-export declare const isDark: import("vue").Ref<boolean>;
+export declare const isDark: import("vue").Ref<boolean, boolean>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@histoire/controls",
   "type": "module",
-  "version": "0.17.17",
+  "version": "1.0.0-alpha.1",
   "description": "Prebuilt controls components",
   "author": {
     "name": "Guillaume Chau"
@@ -31,34 +31,34 @@
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
   "dependencies": {
-    "@codemirror/commands": "^6.3.0",
+    "@codemirror/commands": "^6.7.1",
     "@codemirror/lang-json": "^6.0.1",
-    "@codemirror/language": "^6.9.2",
-    "@codemirror/lint": "^6.4.2",
-    "@codemirror/state": "^6.3.1",
+    "@codemirror/language": "^6.10.6",
+    "@codemirror/lint": "^6.8.4",
+    "@codemirror/state": "^6.4.1",
     "@codemirror/theme-one-dark": "^6.1.2",
-    "@codemirror/view": "^6.22.0",
-    "@histoire/shared": "^0.17.17",
-    "@histoire/vendors": "^0.17.17"
+    "@codemirror/view": "^6.35.0",
+    "@histoire/shared": "^1.0.0-alpha.1",
+    "@histoire/vendors": "^1.0.0-alpha.1"
   },
   "devDependencies": {
-    "@types/node": "^18.11.9",
-    "@vitejs/plugin-vue": "^4.5.0",
-    "@vue/runtime-dom": "^3.3.8",
-    "@vue/test-utils": "^2.4.2",
-    "@vueuse/core": "^9.13.0",
-    "autoprefixer": "^10.4.16",
-    "concurrently": "^7.6.0",
-    "floating-vue": "2.0.0-beta.19",
-    "jsdom": "^22.1.0",
-    "postcss": "^8.4.31",
-    "postcss-import": "^14.1.0",
-    "tailwindcss": "^3.3.5",
-    "typescript": "^5.4.4",
-    "vite": "^5.0.11",
-    "vitest": "^0.34.6",
-    "vue": "^3.3.8",
-    "vue-tsc": "^2.0.11"
+    "@types/node": "^22.10.1",
+    "@vitejs/plugin-vue": "^5.2.1",
+    "@vue/runtime-dom": "^3.5.13",
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^12.0.0",
+    "autoprefixer": "^10.4.20",
+    "concurrently": "^9.1.0",
+    "floating-vue": "5.2.2",
+    "jsdom": "^25.0.1",
+    "postcss": "^8.4.49",
+    "postcss-import": "^16.1.0",
+    "tailwindcss": "^3.4.16",
+    "typescript": "5.6.3",
+    "vite": "^6.0.5",
+    "vitest": "0.34.6",
+    "vue": "^3.5.13",
+    "vue-tsc": "^2.1.10"
   },
   "scripts": {
     "build": "rimraf dist && pnpm run build:css && vite build && pnpm run build:types",

package/src/components/HstCopyIcon.vue

@@ -5,10 +5,10 @@ export default {
 </script>
 
 <script lang="ts" setup>
+import type { Awaitable } from '@histoire/shared'
 import { Icon } from '@iconify/vue'
 import { useClipboard } from '@vueuse/core'
 import { VTooltip as vTooltip } from 'floating-vue'
-import type { Awaitable } from '@histoire/shared'
 
 const props = defineProps<{
   content: string | (() => Awaitable<string>)

package/src/components/HstWrapper.vue

@@ -5,8 +5,8 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { withDefaults } from 'vue'
 import { VTooltip as vTooltip } from 'floating-vue'
+import { withDefaults } from 'vue'
 
 withDefaults(defineProps<{
   title?: string

package/src/components/button/HstButtonGroup.vue

@@ -6,9 +6,9 @@ export default {
 
 <script setup lang="ts">
 import type { ComputedRef } from 'vue'
+import type { HstControlOption } from '../../types'
 import { computed } from 'vue'
 import HstWrapper from '../HstWrapper.vue'
-import type { HstControlOption } from '../../types'
 import HstButton from './HstButton.vue'
 
 const props = defineProps<{

package/src/components/checkbox/HstCheckboxList.vue

@@ -6,9 +6,9 @@ export default {
 
 <script lang="ts" setup>
 import type { ComputedRef } from 'vue'
+import type { HstControlOption } from '../../types'
 import { computed } from 'vue'
 import HstWrapper from '../HstWrapper.vue'
-import type { HstControlOption } from '../../types'
 import HstSimpleCheckbox from './HstSimpleCheckbox.vue'
 
 const props = defineProps<{

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

@@ -5,9 +5,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
-import { VTooltip as vTooltip } from 'floating-vue'
 import type { CSSProperties } from 'vue'
+import { VTooltip as vTooltip } from 'floating-vue'
+import { computed, ref } from 'vue'
 import HstCopyIcon from '../HstCopyIcon.vue'
 
 const props = defineProps<{

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

@@ -5,8 +5,8 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { computed, ref, withDefaults } from 'vue'
 import { VTooltip as vTooltip } from 'floating-vue'
+import { computed, ref, withDefaults } from 'vue'
 import HstCopyIcon from '../HstCopyIcon.vue'
 
 const props = withDefaults(defineProps<{

package/src/components/json/HstJson.vue

@@ -6,20 +6,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { onMounted, ref, watch, watchEffect } from 'vue'
-import { Icon } from '@iconify/vue'
-import { VTooltip as vTooltip } from 'floating-vue'
-import { Compartment } from '@codemirror/state'
 import type {
   ViewUpdate,
 } from '@codemirror/view'
-import {
-  EditorView,
-  highlightActiveLine,
-  highlightActiveLineGutter,
-  highlightSpecialChars,
-  keymap,
-} from '@codemirror/view'
 import { defaultKeymap } from '@codemirror/commands'
 import { json } from '@codemirror/lang-json'
 import {
@@ -31,9 +20,20 @@ import {
   syntaxHighlighting,
 } from '@codemirror/language'
 import { lintKeymap } from '@codemirror/lint'
+import { Compartment } from '@codemirror/state'
 import { oneDarkHighlightStyle, oneDarkTheme } from '@codemirror/theme-one-dark'
-import HstWrapper from '../HstWrapper.vue'
+import {
+  EditorView,
+  highlightActiveLine,
+  highlightActiveLineGutter,
+  highlightSpecialChars,
+  keymap,
+} from '@codemirror/view'
+import { Icon } from '@iconify/vue'
+import { VTooltip as vTooltip } from 'floating-vue'
+import { onMounted, ref, watch, watchEffect } from 'vue'
 import { isDark } from '../../utils'
+import HstWrapper from '../HstWrapper.vue'
 
 const props = defineProps<{
   title?: string

package/src/components/radio/HstRadio.vue

@@ -6,9 +6,9 @@ export default {
 
 <script lang="ts" setup>
 import type { ComputedRef } from 'vue'
+import type { HstControlOption } from '../../types'
 import { computed, ref } from 'vue'
 import HstWrapper from '../HstWrapper.vue'
-import type { HstControlOption } from '../../types'
 
 const props = defineProps<{
   title?: string

package/src/components/select/CustomSelect.vue

@@ -5,11 +5,11 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { Dropdown as VDropdown } from 'floating-vue'
 import type { ComputedRef } from 'vue'
-import { computed } from 'vue'
-import { Icon } from '@iconify/vue'
 import type { HstControlOption } from '../../types'
+import { Icon } from '@iconify/vue'
+import { Dropdown as VDropdown } from 'floating-vue'
+import { computed } from 'vue'
 
 const props = defineProps<{
   modelValue: string

package/src/components/select/HstSelect.vue

@@ -5,8 +5,8 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import HstWrapper from '../HstWrapper.vue'
 import type { HstControlOption } from '../../types'
+import HstWrapper from '../HstWrapper.vue'
 import CustomSelect from './CustomSelect.vue'
 
 defineProps<{

package/src/components/slider/HstSlider.vue

@@ -6,9 +6,9 @@ export default {
 </script>
 
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
 import type { CSSProperties } from 'vue'
 import { VTooltip as vTooltip } from 'floating-vue'
+import { computed, ref } from 'vue'
 import HstWrapper from '../HstWrapper.vue'
 
 const props = defineProps<{

package/src/index.ts

@@ -2,18 +2,18 @@ import HstButtonVue from './components/button/HstButton.vue'
 import HstButtonGroupVue from './components/button/HstButtonGroup.vue'
 import HstCheckboxVue from './components/checkbox/HstCheckbox.vue'
 import HstCheckboxListVue from './components/checkbox/HstCheckboxList.vue'
-import HstTextVue from './components/text/HstText.vue'
-import HstNumberVue from './components/number/HstNumber.vue'
-import HstSliderVue from './components/slider/HstSlider.vue'
-import HstTextareaVue from './components/textarea/HstTextarea.vue'
-import HstSelectVue from './components/select/HstSelect.vue'
+import HstColorSelectVue from './components/colorselect/HstColorSelect.vue'
 import HstColorShadesVue from './components/design-tokens/HstColorShades.vue'
-import HstTokenListVue from './components/design-tokens/HstTokenList.vue'
 import HstTokenGridVue from './components/design-tokens/HstTokenGrid.vue'
+import HstTokenListVue from './components/design-tokens/HstTokenList.vue'
 import HstCopyIconVue from './components/HstCopyIcon.vue'
-import HstRadioVue from './components/radio/HstRadio.vue'
 import HstJsonVue from './components/json/HstJson.vue'
-import HstColorSelectVue from './components/colorselect/HstColorSelect.vue'
+import HstNumberVue from './components/number/HstNumber.vue'
+import HstRadioVue from './components/radio/HstRadio.vue'
+import HstSelectVue from './components/select/HstSelect.vue'
+import HstSliderVue from './components/slider/HstSlider.vue'
+import HstTextVue from './components/text/HstText.vue'
+import HstTextareaVue from './components/textarea/HstTextarea.vue'
 
 export const HstButton = HstButtonVue
 export const HstButtonGroup = HstButtonGroupVue

package/tsconfig.json

@@ -31,6 +31,7 @@
     // Strict
     "noImplicitAny": false,
     "noImplicitThis": true,
+    // Output
     "outDir": "dist",
     "removeComments": false,
     "sourceMap": false,

package/vite.config.ts

@@ -1,7 +1,7 @@
 /// <reference types="vitest" />
 
-import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [

package/dist/style.css

@@ -1 +0,0 @@
-.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;-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))}:is(.htw-dark .htw-range-input)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;-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))}:is(.htw-dark .htw-range-input)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity))!important}.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));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity))}.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-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-935458a7] .cm-editor{height:100%;min-width:280px}

package/histoire-dist/__sandbox.html

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Histoire</title>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width,initial-scale=1">
-  <meta name="description" content="">
-  <link rel="stylesheet" href="/assets/style.7657d2ac.css">
-  
-</head>
-<body>
-  <div id="app"></div>
-  <script type="module" src="/assets/sandbox.2c60450a.js"></script>
-</body>
-</html>

package/histoire-dist/assets/BaseEmpty.a84c14c8.js

@@ -1 +0,0 @@
-import{_ as s}from"./index.58f51dd0.js";import{o as r,g as o,b as c}from"./vendor.70a554f6.js";const t={},a={class:"htw-flex htw-flex-col htw-items-center htw-justify-center htw-space-y-4 htw-py-12 htw-h-full htw-text-center htw-text-gray-400 htw-text-lg"};function n(e,l){return r(),o("div",a,[c(e.$slots,"default")])}t.__file="../histoire/dist/client/app/components/base/BaseEmpty.vue";var f=s(t,[["render",n]]);export{f as B};

package/histoire-dist/assets/HomeView.f524bd4b.js

@@ -1 +0,0 @@
-import{h as o,c as a}from"./global-components.84d0ab22.js";import{d as r,f as c,o as i,g as n,a as h,u as l}from"./vendor.70a554f6.js";var f="/assets/histoire.8af7bd1f.svg";const m={class:"htw-flex htw-items-center htw-justify-center htw-h-full"},u=["src"],p=r({setup(_){const s=c(()=>{var e,t;return((t=(e=o.theme)==null?void 0:e.logo)==null?void 0:t.square)?a.square:f});return(e,t)=>(i(),n("div",m,[h("img",{src:l(s),alt:"Logo",class:"htw-w-64 htw-h-64 htw-opacity-25"},null,8,u)]))}});p.__file="../histoire/dist/client/app/components/HomeView.vue";export{p as default};

package/histoire-dist/assets/HstCheckbox.story.9f622545.js

@@ -1 +0,0 @@
-var L=Object.defineProperty,N=Object.defineProperties;var z=Object.getOwnPropertyDescriptors;var k=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var b=(t,e,o)=>e in t?L(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,y=(t,e)=>{for(var o in e||(e={}))E.call(e,o)&&b(t,o,e[o]);if(k)for(var o of k(e))K.call(e,o)&&b(t,o,e[o]);return t},V=(t,e)=>N(t,z(e));import{d as S,p as u,f as x,q as T,o as p,g,a as i,n as C,u as q,b as M,e as $,y as B,c as Z,w as h,h as w,Z as U,r as H}from"./vendor.70a554f6.js";const j={class:"htw-text-white htw-w-[16px] htw-h-[16px] htw-relative"},A={width:"16",height:"16",viewBox:"0 0 24 24",class:"htw-relative htw-z-10"},D=["stroke-dasharray","stroke-dashoffset"],F={name:"HstCheckbox"},m=S(V(y({},F),{props:{modelValue:{type:Boolean,default:!1}},emits:{"update:modelValue":t=>!0},setup(t,{emit:e}){const o=t;function c(){e("update:modelValue",!o.modelValue),f.value=!0}const r=u(),l=u(0),s=x(()=>o.modelValue?1:0),n=x(()=>(1-s.value)*l.value),f=u(!1);return T(r,v=>{var a,d,_;l.value=(_=(d=(a=r.value).getTotalLength)==null?void 0:d.call(a))!=null?_:21.21}),(v,a)=>(p(),g("div",{role:"checkbox",tabindex:"0",class:"htw-flex htw-items-center htw-gap-2 htw-select-none htw-px-4 htw-py-3 htw-cursor-pointer hover:htw-bg-primary-100 dark:hover:htw-bg-primary-700",onClick:a[0]||(a[0]=d=>c()),onKeydown:[a[1]||(a[1]=$(B(d=>c(),["prevent"]),["enter"])),a[2]||(a[2]=$(B(d=>c(),["prevent"]),["space"]))]},[i("div",j,[i("div",{class:C(["htw-border 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",[t.modelValue?"htw-border-primary-500 htw-border-8":"htw-border-gray-300 dark:htw-border-gray-500 htw-delay-150"]])},null,2),(p(),g("svg",A,[i("path",{ref_key:"path",ref:r,d:"m 4 12 l 5 5 l 10 -10",fill:"none",class:C(["htw-stroke-white htw-stroke-2 htw-duration-200 htw-ease-in-out",[f.value?"htw-transition-all":"htw-transition-none",{"htw-delay-150":t.modelValue}]]),"stroke-dasharray":l.value,"stroke-dashoffset":q(n)},null,10,D)]))]),M(v.$slots,"default")],32))}}));m.__file="src/components/checkbox/HstCheckbox.vue";const G=U(" Label "),I=U(" Label "),J=S({setup(t){function e(){return{checked:!1}}return(o,c)=>{const r=H("Variant"),l=H("Story");return p(),Z(l,{title:"HstCheckbox"},{default:h(()=>[w(r,{title:"playground","init-state":e},{default:h(({state:s})=>[w(m,{modelValue:s.checked,"onUpdate:modelValue":n=>s.checked=n},{default:h(()=>[G]),_:2},1032,["modelValue","onUpdate:modelValue"])]),controls:h(({state:s})=>[w(m,{modelValue:s.checked,"onUpdate:modelValue":n=>s.checked=n},{default:h(()=>[I]),_:2},1032,["modelValue","onUpdate:modelValue"])]),_:1})]),_:1})}}});J.__file="src/components/checkbox/HstCheckbox.story.vue";export{J as default};