@moduix/react 2.2.0 → 2.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moduix/react",
-  "version": "2.2.0",
+  "version": "2.2.4",
   "description": "React implementation of the moduix component system, built on Ark UI primitives.",
   "keywords": [
     "accessible",
@@ -21,56 +21,416 @@
     "directory": "packages/react"
   },
   "files": [
-    "dist",
+    "dist/components",
+    "dist/internal",
+    "dist/locale.d.ts",
+    "dist/locale.js",
+    "dist/presets",
+    "dist/styles/animations.css",
+    "dist/styles/borders.css",
+    "dist/styles/colors.css",
+    "dist/styles/opacity.css",
+    "dist/styles/radius.css",
+    "dist/styles/reset.css",
+    "dist/styles/shadows.css",
+    "dist/styles/sizing.css",
+    "dist/styles/spacing.css",
+    "dist/styles/style.css",
+    "dist/styles/transforms.css",
+    "dist/styles/transitions.css",
+    "dist/styles/typography.css",
+    "dist/styles/z-index.css",
     "LICENSE.md"
   ],
   "type": "module",
   "sideEffects": [
     "**/*.css"
   ],
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./style.css": "./dist/lib/moduix/styles/style.css",
-    "./reset.css": "./dist/lib/moduix/styles/reset.css",
-    "./presets/contrast.css": "./dist/lib/moduix/presets/contrast.css",
-    "./presets/dense.css": "./dist/lib/moduix/presets/dense.css",
-    "./presets/soft.css": "./dist/lib/moduix/presets/soft.css",
+    "./accordion": {
+      "types": "./dist/components/accordion/index.d.ts",
+      "import": "./dist/components/accordion/index.js"
+    },
+    "./alert": {
+      "types": "./dist/components/alert/index.d.ts",
+      "import": "./dist/components/alert/index.js"
+    },
+    "./angle-slider": {
+      "types": "./dist/components/angle-slider/index.d.ts",
+      "import": "./dist/components/angle-slider/index.js"
+    },
+    "./aspect-ratio": {
+      "types": "./dist/components/aspect-ratio/index.d.ts",
+      "import": "./dist/components/aspect-ratio/index.js"
+    },
+    "./avatar": {
+      "types": "./dist/components/avatar/index.d.ts",
+      "import": "./dist/components/avatar/index.js"
+    },
+    "./badge": {
+      "types": "./dist/components/badge/index.d.ts",
+      "import": "./dist/components/badge/index.js"
+    },
+    "./bleed": {
+      "types": "./dist/components/bleed/index.d.ts",
+      "import": "./dist/components/bleed/index.js"
+    },
+    "./breadcrumbs": {
+      "types": "./dist/components/breadcrumbs/index.d.ts",
+      "import": "./dist/components/breadcrumbs/index.js"
+    },
+    "./button": {
+      "types": "./dist/components/button/index.d.ts",
+      "import": "./dist/components/button/index.js"
+    },
+    "./card": {
+      "types": "./dist/components/card/index.d.ts",
+      "import": "./dist/components/card/index.js"
+    },
+    "./carousel": {
+      "types": "./dist/components/carousel/index.d.ts",
+      "import": "./dist/components/carousel/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/components/checkbox/index.d.ts",
+      "import": "./dist/components/checkbox/index.js"
+    },
+    "./clipboard": {
+      "types": "./dist/components/clipboard/index.d.ts",
+      "import": "./dist/components/clipboard/index.js"
+    },
+    "./close-button": {
+      "types": "./dist/components/close-button/index.d.ts",
+      "import": "./dist/components/close-button/index.js"
+    },
+    "./collapsible": {
+      "types": "./dist/components/collapsible/index.d.ts",
+      "import": "./dist/components/collapsible/index.js"
+    },
+    "./color-picker": {
+      "types": "./dist/components/color-picker/index.d.ts",
+      "import": "./dist/components/color-picker/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/components/combobox/index.d.ts",
+      "import": "./dist/components/combobox/index.js"
+    },
+    "./command-palette": {
+      "types": "./dist/components/command-palette/index.d.ts",
+      "import": "./dist/components/command-palette/index.js"
+    },
+    "./container": {
+      "types": "./dist/components/container/index.d.ts",
+      "import": "./dist/components/container/index.js"
+    },
+    "./date-input": {
+      "types": "./dist/components/date-input/index.d.ts",
+      "import": "./dist/components/date-input/index.js"
+    },
+    "./date-picker": {
+      "types": "./dist/components/date-picker/index.d.ts",
+      "import": "./dist/components/date-picker/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/components/dialog/index.d.ts",
+      "import": "./dist/components/dialog/index.js"
+    },
+    "./drawer": {
+      "types": "./dist/components/drawer/index.d.ts",
+      "import": "./dist/components/drawer/index.js"
+    },
+    "./editable": {
+      "types": "./dist/components/editable/index.d.ts",
+      "import": "./dist/components/editable/index.js"
+    },
+    "./empty": {
+      "types": "./dist/components/empty/index.d.ts",
+      "import": "./dist/components/empty/index.js"
+    },
+    "./field": {
+      "types": "./dist/components/field/index.d.ts",
+      "import": "./dist/components/field/index.js"
+    },
+    "./fieldset": {
+      "types": "./dist/components/fieldset/index.d.ts",
+      "import": "./dist/components/fieldset/index.js"
+    },
+    "./file-upload": {
+      "types": "./dist/components/file-upload/index.d.ts",
+      "import": "./dist/components/file-upload/index.js"
+    },
+    "./floating-panel": {
+      "types": "./dist/components/floating-panel/index.d.ts",
+      "import": "./dist/components/floating-panel/index.js"
+    },
+    "./heading": {
+      "types": "./dist/components/heading/index.d.ts",
+      "import": "./dist/components/heading/index.js"
+    },
+    "./highlight": {
+      "types": "./dist/components/highlight/index.d.ts",
+      "import": "./dist/components/highlight/index.js"
+    },
+    "./hover-card": {
+      "types": "./dist/components/hover-card/index.d.ts",
+      "import": "./dist/components/hover-card/index.js"
+    },
+    "./image": {
+      "types": "./dist/components/image/index.d.ts",
+      "import": "./dist/components/image/index.js"
+    },
+    "./image-cropper": {
+      "types": "./dist/components/image-cropper/index.d.ts",
+      "import": "./dist/components/image-cropper/index.js"
+    },
+    "./input": {
+      "types": "./dist/components/input/index.d.ts",
+      "import": "./dist/components/input/index.js"
+    },
+    "./input-group": {
+      "types": "./dist/components/input-group/index.d.ts",
+      "import": "./dist/components/input-group/index.js"
+    },
+    "./kbd": {
+      "types": "./dist/components/kbd/index.d.ts",
+      "import": "./dist/components/kbd/index.js"
+    },
+    "./lightbox": {
+      "types": "./dist/components/lightbox/index.d.ts",
+      "import": "./dist/components/lightbox/index.js"
+    },
+    "./list": {
+      "types": "./dist/components/list/index.d.ts",
+      "import": "./dist/components/list/index.js"
+    },
+    "./listbox": {
+      "types": "./dist/components/listbox/index.d.ts",
+      "import": "./dist/components/listbox/index.js"
+    },
+    "./marquee": {
+      "types": "./dist/components/marquee/index.d.ts",
+      "import": "./dist/components/marquee/index.js"
+    },
+    "./menu": {
+      "types": "./dist/components/menu/index.d.ts",
+      "import": "./dist/components/menu/index.js"
+    },
+    "./native-select": {
+      "types": "./dist/components/native-select/index.d.ts",
+      "import": "./dist/components/native-select/index.js"
+    },
+    "./number-input": {
+      "types": "./dist/components/number-input/index.d.ts",
+      "import": "./dist/components/number-input/index.js"
+    },
+    "./pagination": {
+      "types": "./dist/components/pagination/index.d.ts",
+      "import": "./dist/components/pagination/index.js"
+    },
+    "./password-input": {
+      "types": "./dist/components/password-input/index.d.ts",
+      "import": "./dist/components/password-input/index.js"
+    },
+    "./pin-input": {
+      "types": "./dist/components/pin-input/index.d.ts",
+      "import": "./dist/components/pin-input/index.js"
+    },
+    "./popover": {
+      "types": "./dist/components/popover/index.d.ts",
+      "import": "./dist/components/popover/index.js"
+    },
+    "./progress-circular": {
+      "types": "./dist/components/progress-circular/index.d.ts",
+      "import": "./dist/components/progress-circular/index.js"
+    },
+    "./progress-linear": {
+      "types": "./dist/components/progress-linear/index.d.ts",
+      "import": "./dist/components/progress-linear/index.js"
+    },
+    "./qr-code": {
+      "types": "./dist/components/qr-code/index.d.ts",
+      "import": "./dist/components/qr-code/index.js"
+    },
+    "./radio-group": {
+      "types": "./dist/components/radio-group/index.d.ts",
+      "import": "./dist/components/radio-group/index.js"
+    },
+    "./rating-group": {
+      "types": "./dist/components/rating-group/index.d.ts",
+      "import": "./dist/components/rating-group/index.js"
+    },
+    "./scroll-area": {
+      "types": "./dist/components/scroll-area/index.d.ts",
+      "import": "./dist/components/scroll-area/index.js"
+    },
+    "./segment-group": {
+      "types": "./dist/components/segment-group/index.d.ts",
+      "import": "./dist/components/segment-group/index.js"
+    },
+    "./select": {
+      "types": "./dist/components/select/index.d.ts",
+      "import": "./dist/components/select/index.js"
+    },
+    "./separator": {
+      "types": "./dist/components/separator/index.d.ts",
+      "import": "./dist/components/separator/index.js"
+    },
+    "./sidebar": {
+      "types": "./dist/components/sidebar/index.d.ts",
+      "import": "./dist/components/sidebar/index.js"
+    },
+    "./signature-pad": {
+      "types": "./dist/components/signature-pad/index.d.ts",
+      "import": "./dist/components/signature-pad/index.js"
+    },
+    "./simple-grid": {
+      "types": "./dist/components/simple-grid/index.d.ts",
+      "import": "./dist/components/simple-grid/index.js"
+    },
+    "./skeleton": {
+      "types": "./dist/components/skeleton/index.d.ts",
+      "import": "./dist/components/skeleton/index.js"
+    },
+    "./slider": {
+      "types": "./dist/components/slider/index.d.ts",
+      "import": "./dist/components/slider/index.js"
+    },
+    "./spinner": {
+      "types": "./dist/components/spinner/index.d.ts",
+      "import": "./dist/components/spinner/index.js"
+    },
+    "./split-button": {
+      "types": "./dist/components/split-button/index.d.ts",
+      "import": "./dist/components/split-button/index.js"
+    },
+    "./splitter": {
+      "types": "./dist/components/splitter/index.d.ts",
+      "import": "./dist/components/splitter/index.js"
+    },
+    "./stack": {
+      "types": "./dist/components/stack/index.d.ts",
+      "import": "./dist/components/stack/index.js"
+    },
+    "./steps": {
+      "types": "./dist/components/steps/index.d.ts",
+      "import": "./dist/components/steps/index.js"
+    },
+    "./swap": {
+      "types": "./dist/components/swap/index.d.ts",
+      "import": "./dist/components/swap/index.js"
+    },
+    "./switch": {
+      "types": "./dist/components/switch/index.d.ts",
+      "import": "./dist/components/switch/index.js"
+    },
+    "./table": {
+      "types": "./dist/components/table/index.d.ts",
+      "import": "./dist/components/table/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/components/tabs/index.d.ts",
+      "import": "./dist/components/tabs/index.js"
+    },
+    "./tag": {
+      "types": "./dist/components/tag/index.d.ts",
+      "import": "./dist/components/tag/index.js"
+    },
+    "./tags-input": {
+      "types": "./dist/components/tags-input/index.d.ts",
+      "import": "./dist/components/tags-input/index.js"
+    },
+    "./text": {
+      "types": "./dist/components/text/index.d.ts",
+      "import": "./dist/components/text/index.js"
+    },
+    "./textarea": {
+      "types": "./dist/components/textarea/index.d.ts",
+      "import": "./dist/components/textarea/index.js"
+    },
+    "./timer": {
+      "types": "./dist/components/timer/index.d.ts",
+      "import": "./dist/components/timer/index.js"
+    },
+    "./toast": {
+      "types": "./dist/components/toast/index.d.ts",
+      "import": "./dist/components/toast/index.js"
+    },
+    "./toggle": {
+      "types": "./dist/components/toggle/index.d.ts",
+      "import": "./dist/components/toggle/index.js"
+    },
+    "./toggle-group": {
+      "types": "./dist/components/toggle-group/index.d.ts",
+      "import": "./dist/components/toggle-group/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/components/tooltip/index.d.ts",
+      "import": "./dist/components/tooltip/index.js"
+    },
+    "./tour": {
+      "types": "./dist/components/tour/index.d.ts",
+      "import": "./dist/components/tour/index.js"
+    },
+    "./tree-view": {
+      "types": "./dist/components/tree-view/index.d.ts",
+      "import": "./dist/components/tree-view/index.js"
+    },
+    "./typeset": {
+      "types": "./dist/components/typeset/index.d.ts",
+      "import": "./dist/components/typeset/index.js"
+    },
+    "./locale": {
+      "types": "./dist/locale.d.ts",
+      "import": "./dist/locale.js"
+    },
+    "./style.css": "./dist/styles/style.css",
+    "./reset.css": "./dist/styles/reset.css",
+    "./presets/contrast.css": "./dist/presets/contrast.css",
+    "./presets/dense.css": "./dist/presets/dense.css",
+    "./presets/soft.css": "./dist/presets/soft.css",
     "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "dev": "storybook dev -p 6006 --no-open",
-    "build": "tsdown",
-    "build-storybook": "storybook build",
-    "tsc:check": "tsc -b"
+    "build": "rslib",
+    "build:storybook": "storybook build",
+    "dev": "rslib --watch --no-clean",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "test": "rstest run",
+    "test:watch": "rstest --watch",
+    "tsc:check": "tsc --noEmit"
   },
   "dependencies": {
+    "@unpic/core": "^1.0.3",
     "@unpic/react": "^1.0.2",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
     "@ark-ui/react": "^5.37.2",
     "@internationalized/date": "^3.12.2",
-    "@storybook/react-vite": "10.5.0",
-    "@tsdown/css": "^0.22.3",
+    "@microsoft/api-extractor": "^7.58.12",
+    "@rsbuild/core": "~2.1.4",
+    "@rsbuild/plugin-react": "^2.1.0",
+    "@rslib/core": "^0.23.2",
+    "@rstest/adapter-rslib": "^0.10.6",
+    "@rstest/core": "^0.10.6",
+    "@storybook/addon-docs": "10.5.3",
+    "@storybook/react": "10.5.3",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
     "@types/node": "^24.13.2",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
+    "happy-dom": "^20.10.6",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "storybook": "10.5.0",
-    "tsdown": "^0.22.3",
-    "typescript": "~6.0.3",
-    "vite": "^8.1.0",
-    "vite-plugin-svgr": "^5.2.0"
+    "storybook": "10.5.3",
+    "storybook-addon-rslib": "^3.3.4",
+    "storybook-react-rsbuild": "^3.3.4",
+    "typescript": "~6.0.3"
   },
   "peerDependencies": {
     "@ark-ui/react": "^5.37.2",

package/dist/components/angle-slider/AngleSlider.css

@@ -1,193 +0,0 @@
-@layer moduix.components {
-  .vn7zXa_root {
-    box-sizing: border-box;
-    align-items: center;
-    gap: var(--moduix-angle-slider-gap, var(--moduix-spacing-3));
-    min-width: 0;
-    color: var(--moduix-angle-slider-color, var(--moduix-color-foreground));
-    flex-direction: column;
-    display: inline-flex;
-
-    &[data-disabled] {
-      opacity: var(--moduix-angle-slider-disabled-opacity, var(--moduix-opacity-disabled));
-    }
-  }
-
-  .vn7zXa_label {
-    color: var(--moduix-angle-slider-label-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-angle-slider-label-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-angle-slider-label-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-angle-slider-label-line-height, var(--moduix-line-height-text-sm));
-    text-align: center;
-  }
-
-  .vn7zXa_control {
-    --_angle-slider-control-border-color: var(--moduix-angle-slider-control-border-color, var(--moduix-color-border));
-    --_angle-slider-track-border-color: var(--moduix-angle-slider-track-border-color, var(--moduix-color-border));
-    box-sizing: border-box;
-    width: var(--moduix-angle-slider-size, 8rem);
-    aspect-ratio: 1;
-    border-radius: var(--moduix-angle-slider-radius, var(--moduix-radius-full));
-    background: var(--moduix-angle-slider-track-bg, var(--moduix-color-muted));
-    min-width: 0;
-    box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
-        var(--_angle-slider-track-border-color),
-      var(--moduix-angle-slider-shadow, none);
-    cursor: pointer;
-    user-select: none;
-    outline: 0;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-    position: relative;
-
-    &:after {
-      z-index: 1;
-      inset: var(--moduix-angle-slider-ring-thickness, .875rem);
-      border-radius: inherit;
-      background: var(--moduix-angle-slider-control-bg, var(--moduix-color-background));
-      box-shadow: inset 0 0 0
-        var(--moduix-angle-slider-control-border-width, var(--moduix-border-width-sm))
-        var(--_angle-slider-control-border-color);
-      content: "";
-      position: absolute;
-    }
-
-    &:before {
-      z-index: 1;
-      width: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
-      height: var(--moduix-angle-slider-center-dot-size, var(--moduix-spacing-1-5));
-      border-radius: inherit;
-      background: var(--moduix-angle-slider-center-dot-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-      content: "";
-      position: absolute;
-    }
-
-    &:has(.vn7zXa_thumb:focus-visible) {
-      box-shadow: inset 0 0 0 var(--moduix-angle-slider-track-border-width, var(--moduix-border-width-sm))
-          var(--_angle-slider-track-border-color),
-        0 0 0 var(--moduix-angle-slider-focus-ring-width, .1875rem)
-          var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring)),
-        var(--moduix-angle-slider-shadow, none);
-    }
-
-    &[data-invalid] {
-      --_angle-slider-control-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-      --_angle-slider-track-border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-    }
-
-    &:is([data-disabled], [data-readonly]) {
-      cursor: default;
-    }
-  }
-
-  .vn7zXa_thumb {
-    top: 0;
-    bottom: 0;
-    left: calc(50% - var(--moduix-angle-slider-thumb-line-width, .1875rem) / 2);
-    z-index: 2;
-    width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
-    outline: 0;
-    position: absolute;
-
-    &:before {
-      top: var(--moduix-angle-slider-ring-thickness, .875rem);
-      box-sizing: border-box;
-      width: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
-      height: var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4));
-      border: var(--moduix-angle-slider-thumb-border-width, var(--moduix-border-width-sm)) solid
-        var(--moduix-angle-slider-thumb-border-color, var(--moduix-color-border));
-      border-radius: var(--moduix-angle-slider-thumb-radius, var(--moduix-radius-full));
-      background: var(--moduix-angle-slider-thumb-bg, var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)));
-      box-shadow: var(--moduix-angle-slider-thumb-shadow, var(--moduix-shadow-sm));
-      transition: border-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        box-shadow var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        background-color var(--moduix-angle-slider-transition, var(--moduix-transition-default)),
-        transform var(--moduix-angle-slider-transition, var(--moduix-transition-default));
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:after {
-      top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) +
-          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) + var(--moduix-spacing-1));
-      width: var(--moduix-angle-slider-thumb-line-width, .1875rem);
-      height: calc(50% - var(--moduix-angle-slider-ring-thickness, .875rem) -
-          var(--moduix-angle-slider-thumb-size, var(--moduix-spacing-4)) - var(--moduix-spacing-1-5));
-      border-radius: var(--moduix-radius-full);
-      background: linear-gradient(to bottom,
-        var(--moduix-angle-slider-indicator-bg, var(--moduix-color-primary)),
-        transparent);
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-    }
-
-    &:focus-visible:before {
-      border-color: var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
-      box-shadow: 0 0 0 var(--moduix-border-width-sm)
-        var(--moduix-angle-slider-focus-ring-color, var(--moduix-color-ring));
-    }
-
-    &:active:not([data-disabled], [data-readonly]):before {
-      transform: translateX(-50%) scale(1.08);
-    }
-
-    &[data-invalid]:before {
-      border-color: var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive));
-    }
-
-    &[data-invalid]:after {
-      background: linear-gradient(to bottom,
-        var(--moduix-angle-slider-invalid-color, var(--moduix-color-destructive)),
-        transparent);
-    }
-
-    &[data-disabled] {
-      pointer-events: none;
-    }
-  }
-
-  .vn7zXa_markerGroup {
-    z-index: 1;
-    pointer-events: none;
-    position: absolute;
-    inset: 0;
-  }
-
-  .vn7zXa_marker {
-    position: absolute;
-    inset: 0;
-
-    &:before {
-      top: calc(var(--moduix-angle-slider-ring-thickness, .875rem) + .125rem);
-      width: var(--moduix-angle-slider-marker-width, .125rem);
-      height: var(--moduix-angle-slider-marker-height, .625rem);
-      border-radius: var(--moduix-radius-full);
-      background: var(--moduix-angle-slider-marker-color, var(--moduix-color-muted-foreground));
-      content: "";
-      position: absolute;
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &[data-state="under-value"]:before {
-      background: var(--moduix-angle-slider-marker-active-color, var(--moduix-color-primary));
-    }
-
-    &[data-state="at-value"]:before {
-      background: var(--moduix-angle-slider-marker-current-color, var(--moduix-color-foreground));
-    }
-  }
-
-  .vn7zXa_valueText {
-    color: var(--moduix-angle-slider-value-text-color, var(--moduix-angle-slider-color, var(--moduix-color-foreground)));
-    font-size: var(--moduix-angle-slider-value-text-font-size, var(--moduix-text-sm));
-    font-weight: var(--moduix-angle-slider-value-text-font-weight, var(--moduix-weight-medium));
-    line-height: var(--moduix-angle-slider-value-text-line-height, var(--moduix-line-height-text-sm));
-    text-align: center;
-  }
-}