@appcorp/shadcn 1.1.85 → 1.1.86

package/components/enhanced-slider.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { Slider } from "./ui/slider";
+interface EnhancedSliderProps extends React.ComponentPropsWithoutRef<typeof Slider> {
+    label?: string;
+    info?: string;
+    error?: string;
+    min?: number;
+    max?: number;
+    testIdWrapper?: string;
+    testIdLabel?: string;
+    testIdMessage?: string;
+    testIdError?: string;
+    testIdInfo?: string;
+    testIdSlider?: string;
+    testIdMin?: string;
+    testIdMax?: string;
+}
+declare const EnhancedSlider: React.ForwardRefExoticComponent<EnhancedSliderProps & React.RefAttributes<HTMLSpanElement>>;
+export { EnhancedSlider };

package/components/enhanced-slider.js

@@ -0,0 +1,80 @@
+"use client";
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnhancedSlider = void 0;
+var React = __importStar(require("react"));
+var utils_1 = require("../lib/utils");
+var enhanced_label_1 = require("./enhanced-label");
+var slider_1 = require("./ui/slider");
+var EnhancedSlider = React.forwardRef(function (_a, ref) {
+    var _b, _c, _d, _e;
+    var className = _a.className, label = _a.label, info = _a.info, error = _a.error, min = _a.min, max = _a.max, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, testIdSlider = _a.testIdSlider, testIdMin = _a.testIdMin, testIdMax = _a.testIdMax, props = __rest(_a, ["className", "label", "info", "error", "min", "max", "testIdWrapper", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo", "testIdSlider", "testIdMin", "testIdMax"]);
+    // Prefer explicit min/max props; fall back to Slider props
+    var sliderMin = (_c = min !== null && min !== void 0 ? min : (_b = props.defaultValue) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 0;
+    var sliderMax = (_e = max !== null && max !== void 0 ? max : (_d = props.defaultValue) === null || _d === void 0 ? void 0 : _d[1]) !== null && _e !== void 0 ? _e : 100;
+    var sliderElement = (React.createElement(slider_1.Slider, __assign({ ref: ref, className: (0, utils_1.cn)("w-full", className), "data-testid": testIdSlider }, props)));
+    return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
+        label && (React.createElement(enhanced_label_1.EnhancedLabel, { "data-testid": testIdLabel, className: "mb-0" }, label)),
+        React.createElement("div", { className: "flex items-center justify-between text-xs text-muted-foreground" },
+            React.createElement("span", { "data-testid": testIdMin }, sliderMin),
+            React.createElement("span", { "data-testid": testIdMax }, sliderMax)),
+        sliderElement,
+        (error || info) && (React.createElement("div", { "data-testid": testIdMessage }, error ? (React.createElement("p", { className: "text-xs text-destructive", "data-testid": testIdError }, error)) : info ? (React.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400", "data-testid": testIdInfo }, info)) : null))));
+});
+exports.EnhancedSlider = EnhancedSlider;
+EnhancedSlider.displayName = "EnhancedSlider";

package/components/ui/slider.js

@@ -65,7 +65,15 @@ var Slider = React.forwardRef(function (_a, ref) {
     return (React.createElement(SliderPrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)("relative flex w-full touch-none select-none items-center", className) }, props),
         React.createElement(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20" },
             React.createElement(SliderPrimitive.Range, { className: "absolute h-full bg-primary" })),
-        React.createElement(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })));
+        // Render one thumb per value when used as a range (defaultValue or value is an array)
+        (function () {
+            var values = Array.isArray(props.value)
+                ? props.value
+                : Array.isArray(props.defaultValue)
+                    ? props.defaultValue
+                    : [undefined];
+            return values.map(function (_, i) { return (React.createElement(SliderPrimitive.Thumb, { key: i, className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })); });
+        })()));
 });
 exports.Slider = Slider;
 Slider.displayName = SliderPrimitive.Root.displayName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.1.85",
+  "version": "1.1.86",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "mv ../.pnp.cjs ../.pnp.cjs.bak 2>/dev/null || true && storybook build -c .storybook -o .out && mv ../.pnp.cjs.bak ../.pnp.cjs 2>/dev/null || true",
@@ -32,6 +32,7 @@
   "license": "MIT",
   "devDependencies": {
     "@ai-sdk/react": "^3",
+    "@base-ui/react": "^1.5.0",
     "@commitlint/cli": "^20",
     "@commitlint/config-conventional": "^20",
     "@dnd-kit/core": "^6",
@@ -111,7 +112,7 @@
     "next-themes": "^0",
     "postcss": "^8",
     "prettier": "^3",
-    "radix-ui": "^1",
+    "radix-ui": "^1.4.3",
     "react": "^19",
     "react-day-picker": "^9",
     "react-dom": "^19",