@particle-network/ui-react 0.4.5-beta.20 → 0.4.5-beta.22

package/dist/components/UXSlider/slider-theme.d.ts

@@ -36,6 +36,7 @@ declare const slider: import("tailwind-variants").TVReturnType<{
             thumb: string;
             label: string;
             value: string;
+            step: string;
         };
         lg: {
             thumb: string;
@@ -199,6 +200,7 @@ declare const slider: import("tailwind-variants").TVReturnType<{
             thumb: string;
             label: string;
             value: string;
+            step: string;
         };
         lg: {
             thumb: string;
@@ -362,6 +364,7 @@ declare const slider: import("tailwind-variants").TVReturnType<{
             thumb: string;
             label: string;
             value: string;
+            step: string;
         };
         lg: {
             thumb: string;

package/dist/components/UXSlider/slider-theme.js

@@ -7,8 +7,6 @@ const slider = tv({
         label: '',
         value: '',
         step: [
-            'h-1.5',
-            'w-1.5',
             'absolute',
             'rounded-full',
             'bg-default-300/50',
@@ -51,14 +49,15 @@ const slider = tv({
             sm: {
                 label: 'text-small',
                 value: 'text-small',
-                thumb: 'w-4 h-4 after:w-3 after:h-3',
-                step: 'data-[in-range=false]:bg-default-200',
+                thumb: 'w-3 h-3 after:w-0 after:h-0',
+                step: 'h-1 w-1 data-[in-range=false]:bg-default-200',
                 mark: 'text-[10px]'
             },
             md: {
                 thumb: 'w-6 h-6 after:w-5 after:h-5',
                 label: 'text-small',
-                value: 'text-small'
+                value: 'text-small',
+                step: 'h-1.5 w-1.5'
             },
             lg: {
                 thumb: 'h-7 w-7 after:w-5 after:h-5',
@@ -286,7 +285,7 @@ const slider = tv({
             size: 'sm',
             isVertical: false,
             class: {
-                track: 'h-1 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-x-[calc(theme(spacing.5)/2)]'
+                track: 'h-0.5 my-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-x-[calc(theme(spacing.5)/2)]'
             }
         },
         {
@@ -307,7 +306,7 @@ const slider = tv({
             size: 'sm',
             isVertical: true,
             class: {
-                track: 'w-1 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-y-[calc(theme(spacing.5)/2)]'
+                track: 'w-0.5 mx-[calc((theme(spacing.5)-theme(spacing.1))/2)] border-y-[calc(theme(spacing.5)/2)]'
             }
         },
         {

package/dist/components/UXSlider/use-slider.d.ts

@@ -48,7 +48,7 @@ interface Props extends HTMLHeroUIProps {
     showSteps?: boolean;
     /**
      * Whether to show step indicators at mark positions.
-     * @default false
+     * @default true
      */
     showMarksSteps?: boolean;
     /**

package/dist/components/UXSlider/use-slider.js

@@ -11,7 +11,7 @@ import { slider } from "./slider-theme.js";
 function use_slider_useSlider(originalProps) {
     const globalContext = useProviderContext();
     const [props, variantProps] = mapPropsVariants(originalProps, slider.variantKeys);
-    const { ref, as, name, label, formatOptions, value: valueProp, maxValue = 100, minValue = 0, step = 1, showSteps = false, showMarksSteps = false, showTooltip = false, orientation = 'horizontal', marks = [], startContent, endContent, fillOffset, className, classNames, renderThumb, renderLabel, renderValue, onChange, onChangeEnd, getValue, getTooltipValue, tooltipValueFormatOptions = formatOptions, tooltipProps: userTooltipProps = {}, ...otherProps } = props;
+    const { ref, as, name, label, formatOptions, value: valueProp, maxValue = 100, minValue = 0, step = 1, showSteps = false, showMarksSteps = true, showTooltip = false, orientation = 'horizontal', marks = [], startContent, endContent, fillOffset, className, classNames, renderThumb, renderLabel, renderValue, onChange, onChangeEnd, getValue, getTooltipValue, tooltipValueFormatOptions = formatOptions, tooltipProps: userTooltipProps = {}, ...otherProps } = props;
     const isFixedValue = minValue === maxValue;
     if (isFixedValue) warn('Min and max values should not be the same. This may cause unexpected behavior.');
     const Component = as || 'div';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-network/ui-react",
-  "version": "0.4.5-beta.20",
+  "version": "0.4.5-beta.22",
   "type": "module",
   "exports": {
     ".": {