@appcorp/shadcn 1.2.0 → 2.0.1

package/components/enhanced-label.js

@@ -1,68 +1 @@
-"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.EnhancedLabel = EnhancedLabel;
-var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-var label_1 = require("./ui/label");
-function EnhancedLabel(_a) {
-    var className = _a.className, _b = _a.required, required = _b === void 0 ? false : _b, children = _a.children, testIdLabel = _a.testIdLabel, testIdRequired = _a.testIdRequired, props = __rest(_a, ["className", "required", "children", "testIdLabel", "testIdRequired"]);
-    return (React.createElement(label_1.Label, __assign({ "data-slot": "label", "data-testid": testIdLabel, className: (0, utils_1.cn)("flex items-center gap-1 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 min-h-5", className) }, props),
-        children,
-        required && (React.createElement("span", { className: "text-destructive text-sm", "aria-label": "required", "data-testid": testIdRequired }, "*"))));
-}
+"use strict";"use client";var i=function(t,n){var a={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&n.indexOf(e)<0&&(a[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)n.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(a[e[r]]=t[e[r]]);return a};import*as l from"react";import{cn as c}from"../lib/utils";import{Label as d}from"./ui/label";function p(t){var{className:n,required:a=!1,children:e,testIdLabel:r,testIdRequired:o}=t,s=i(t,["className","required","children","testIdLabel","testIdRequired"]);return l.createElement(d,Object.assign({"data-slot":"label","data-testid":r,className:c("flex items-center gap-1 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 min-h-5",n)},s),e,a&&l.createElement("span",{className:"text-destructive text-sm","aria-label":"required","data-testid":o},"*"))}export{p as EnhancedLabel};

package/components/enhanced-radio.js

@@ -1,23 +1 @@
-"use client";
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedRadio = void 0;
-var react_1 = __importDefault(require("react"));
-var enhanced_label_1 = require("./enhanced-label");
-var radio_group_1 = require("./ui/radio-group");
-var utils_1 = require("../lib/utils");
-var EnhancedRadio = function (_a) {
-    var className = _a.className, label = _a.label, name = _a.name, onValueChange = _a.onValueChange, options = _a.options, value = _a.value;
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full space-y-2", className) },
-        label ? react_1.default.createElement(enhanced_label_1.EnhancedLabel, null, label) : null,
-        react_1.default.createElement(radio_group_1.RadioGroup, { value: value, onValueChange: onValueChange }, options.map(function (option) {
-            var id = "".concat(name, "-").concat(option.value);
-            return (react_1.default.createElement("div", { key: option.value, className: "flex items-center space-x-2" },
-                react_1.default.createElement(radio_group_1.RadioGroupItem, { id: id, value: option.value }),
-                react_1.default.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id }, option.label)));
-        }))));
-};
-exports.EnhancedRadio = EnhancedRadio;
+"use strict";"use client";import e from"react";import{EnhancedLabel as r}from"./enhanced-label";import{RadioGroup as i,RadioGroupItem as s}from"./ui/radio-group";import{cn as d}from"../lib/utils";export const EnhancedRadio=({className:m,label:l,name:c,onValueChange:n,options:u,value:o})=>e.createElement("div",{className:d("w-full space-y-2",m)},l?e.createElement(r,null,l):null,e.createElement(i,{value:o,onValueChange:n},u.map(a=>{const t=`${c}-${a.value}`;return e.createElement("div",{key:a.value,className:"flex items-center space-x-2"},e.createElement(s,{id:t,value:a.value}),e.createElement(r,{htmlFor:t},a.label))})));

package/components/enhanced-select.js

@@ -1,81 +1 @@
-"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.EnhancedSelectTrigger = exports.EnhancedSelect = void 0;
-var React = __importStar(require("react"));
-var utils_1 = require("../lib/utils");
-var select_1 = require("./ui/select");
-var enhanced_label_1 = require("./enhanced-label");
-var EnhancedSelect = function (_a) {
-    var error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, children = _a.children, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, selectProps = __rest(_a, ["error", "info", "label", "required", "id", "children", "testIdWrapper", "testIdLabel", "testIdMessage", "testIdError", "testIdInfo"]);
-    return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
-        label && (React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label)),
-        React.createElement(select_1.Select, __assign({}, selectProps), children),
-        (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.EnhancedSelect = EnhancedSelect;
-var EnhancedSelectTrigger = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, children = _a.children, props = __rest(_a, ["className", "error", "children"]);
-    var hasError = Boolean(error);
-    return (React.createElement(select_1.SelectTrigger, __assign({ ref: ref, "aria-invalid": hasError, className: (0, utils_1.cn)(
-        // Error state styling
-        hasError &&
-            "border-destructive focus:ring-destructive/20 focus:border-destructive", className) }, props), children));
-});
-exports.EnhancedSelectTrigger = EnhancedSelectTrigger;
-EnhancedSelectTrigger.displayName = "EnhancedSelectTrigger";
+"use strict";"use client";var o=function(t,s){var a={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&s.indexOf(e)<0&&(a[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,e=Object.getOwnPropertySymbols(t);r<e.length;r++)s.indexOf(e[r])<0&&Object.prototype.propertyIsEnumerable.call(t,e[r])&&(a[e[r]]=t[e[r]]);return a};import*as l from"react";import{cn as E}from"../lib/utils";import{Select as g,SelectTrigger as h}from"./ui/select";import{EnhancedLabel as I}from"./enhanced-label";const v=t=>{var{error:s,info:a,label:e,required:r,id:n,children:c,testIdWrapper:i,testIdLabel:m,testIdMessage:f,testIdError:p,testIdInfo:u}=t,b=o(t,["error","info","label","required","id","children","testIdWrapper","testIdLabel","testIdMessage","testIdError","testIdInfo"]);return l.createElement("div",{className:"w-full space-y-2","data-testid":i},e&&l.createElement(I,{htmlFor:n,required:r,testIdLabel:m},e),l.createElement(g,Object.assign({},b),c),(s||a)&&l.createElement("div",{"data-testid":f},s?l.createElement("p",{className:"text-xs text-destructive","data-testid":p},s):a?l.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":u},a):null))},d=l.forwardRef((t,s)=>{var{className:a,error:e,children:r}=t,n=o(t,["className","error","children"]);const c=!!e;return l.createElement(h,Object.assign({ref:s,"aria-invalid":c,className:E(c&&"border-destructive focus:ring-destructive/20 focus:border-destructive",a)},n),r)});d.displayName="EnhancedSelectTrigger";export{v as EnhancedSelect,d as EnhancedSelectTrigger};

package/components/enhanced-slider.js

@@ -1,80 +1 @@
-"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, min: sliderMin, max: sliderMax }, 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 }, min),
-            React.createElement("span", { "data-testid": testIdMax }, max)),
-        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";
+"use strict";"use client";var w=function(t,s){var l={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&s.indexOf(e)<0&&(l[e]=t[e]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,e=Object.getOwnPropertySymbols(t);a<e.length;a++)s.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(t,e[a])&&(l[e[a]]=t[e[a]]);return l};import*as r from"react";import{cn as S}from"../lib/utils";import{EnhancedLabel as _}from"./enhanced-label";import{Slider as j}from"./ui/slider";const u=r.forwardRef((t,s)=>{var l,e,a,i,{className:p,label:f,info:o,error:c,min:d,max:n,testIdWrapper:x,testIdLabel:I,testIdMessage:b,testIdError:v,testIdInfo:E,testIdSlider:y,testIdMin:O,testIdMax:N}=t,m=w(t,["className","label","info","error","min","max","testIdWrapper","testIdLabel","testIdMessage","testIdError","testIdInfo","testIdSlider","testIdMin","testIdMax"]);const M=(e=d??((l=m.defaultValue)===null||l===void 0?void 0:l[0]))!==null&&e!==void 0?e:0,g=(i=n??((a=m.defaultValue)===null||a===void 0?void 0:a[1]))!==null&&i!==void 0?i:100,h=r.createElement(j,Object.assign({ref:s,className:S("w-full",p),"data-testid":y,min:M,max:g},m));return r.createElement("div",{className:"w-full space-y-2","data-testid":x},f&&r.createElement(_,{"data-testid":I,className:"mb-0"},f),r.createElement("div",{className:"flex items-center justify-between text-xs text-muted-foreground"},r.createElement("span",{"data-testid":O},d),r.createElement("span",{"data-testid":N},n)),h,(c||o)&&r.createElement("div",{"data-testid":b},c?r.createElement("p",{className:"text-xs text-destructive","data-testid":v},c):o?r.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":E},o):null))});u.displayName="EnhancedSlider";export{u as EnhancedSlider};

package/components/enhanced-switch.js

@@ -1,89 +1 @@
-"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.EnhancedSwitch = void 0;
-var React = __importStar(require("react"));
-var SwitchPrimitives = __importStar(require("@radix-ui/react-switch"));
-var utils_1 = require("../lib/utils");
-var enhanced_label_1 = require("./enhanced-label");
-var EnhancedSwitch = React.forwardRef(function (_a, ref) {
-    var className = _a.className, error = _a.error, info = _a.info, label = _a.label, required = _a.required, id = _a.id, description = _a.description, testIdWrapper = _a.testIdWrapper, testIdLabel = _a.testIdLabel, testIdSwitch = _a.testIdSwitch, testIdThumb = _a.testIdThumb, testIdDescription = _a.testIdDescription, testIdMessage = _a.testIdMessage, testIdError = _a.testIdError, testIdInfo = _a.testIdInfo, props = __rest(_a, ["className", "error", "info", "label", "required", "id", "description", "testIdWrapper", "testIdLabel", "testIdSwitch", "testIdThumb", "testIdDescription", "testIdMessage", "testIdError", "testIdInfo"]);
-    // Determine if there's an error (for aria-invalid and styling)
-    var hasError = Boolean(error);
-    var switchElement = (React.createElement(SwitchPrimitives.Root, __assign({ ref: ref, id: id, "data-slot": "switch", "data-testid": testIdSwitch, "aria-invalid": hasError, required: required, className: (0, utils_1.cn)("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", 
-        // Error state styling
-        hasError &&
-            "data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20", className) }, props),
-        React.createElement(SwitchPrimitives.Thumb, { "data-slot": "switch-thumb", "data-testid": testIdThumb, className: (0, utils_1.cn)("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0") })));
-    // If label is provided, render the complete switch with label structure
-    if (label) {
-        return (React.createElement("div", { className: "w-full space-y-2", "data-testid": testIdWrapper },
-            React.createElement("div", { className: "flex items-center justify-between space-x-2" },
-                React.createElement("div", null,
-                    React.createElement(enhanced_label_1.EnhancedLabel, { htmlFor: id, required: required, testIdLabel: testIdLabel }, label),
-                    description && (React.createElement("p", { className: "text-sm text-gray-400", "data-testid": testIdDescription }, description))),
-                switchElement),
-            (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))));
-    }
-    // If no label, render just the switch with messages (backward compatibility)
-    return (React.createElement("div", { className: "w-full", "data-testid": testIdWrapper },
-        switchElement,
-        (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.EnhancedSwitch = EnhancedSwitch;
-EnhancedSwitch.displayName = "EnhancedSwitch";
+"use strict";"use client";var N=function(r,i){var s={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&i.indexOf(e)<0&&(s[e]=r[e]);if(r!=null&&typeof Object.getOwnPropertySymbols=="function")for(var a=0,e=Object.getOwnPropertySymbols(r);a<e.length;a++)i.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(r,e[a])&&(s[e[a]]=r[e[a]]);return s};import*as t from"react";import*as h from"@radix-ui/react-switch";import{cn as v}from"../lib/utils";import{EnhancedLabel as k}from"./enhanced-label";const x=t.forwardRef((r,i)=>{var{className:s,error:e,info:a,label:d,required:n,id:c,description:l,testIdWrapper:o,testIdLabel:g,testIdSwitch:E,testIdThumb:w,testIdDescription:I,testIdMessage:u,testIdError:m,testIdInfo:b}=r,y=N(r,["className","error","info","label","required","id","description","testIdWrapper","testIdLabel","testIdSwitch","testIdThumb","testIdDescription","testIdMessage","testIdError","testIdInfo"]);const f=!!e,p=t.createElement(h.Root,Object.assign({ref:i,id:c,"data-slot":"switch","data-testid":E,"aria-invalid":f,required:n,className:v("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",f&&"data-[state=checked]:bg-destructive data-[state=unchecked]:bg-destructive/20 border-destructive focus-visible:border-destructive focus-visible:ring-destructive/20",s)},y),t.createElement(h.Thumb,{"data-slot":"switch-thumb","data-testid":w,className:v("pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0")}));return d?t.createElement("div",{className:"w-full space-y-2","data-testid":o},t.createElement("div",{className:"flex items-center justify-between space-x-2"},t.createElement("div",null,t.createElement(k,{htmlFor:c,required:n,testIdLabel:g},d),l&&t.createElement("p",{className:"text-sm text-gray-400","data-testid":I},l)),p),(e||a)&&t.createElement("div",{"data-testid":u},e?t.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):a?t.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":b},a):null)):t.createElement("div",{className:"w-full","data-testid":o},p,(e||a)&&t.createElement("div",{"data-testid":u},e?t.createElement("p",{className:"text-xs text-destructive","data-testid":m},e):a?t.createElement("p",{className:"text-xs text-blue-600 dark:text-blue-400","data-testid":b},a):null))});x.displayName="EnhancedSwitch";export{x as EnhancedSwitch};

package/components/enhanced-table-footer-action.js

@@ -1,110 +1 @@
-"use strict";
-/**
- * Enhanced Table Footer Action Component
- *
- * Navigation buttons for table pagination with RTL/LTR support.
- * Automatically adjusts arrow directions and button order based on locale.
- *
- * Features:
- * - RTL/LTR arrow direction adjustment
- * - Button order reversal for RTL layouts
- * - Accessibility attributes
- * - Internationalized aria labels
- * - Disabled state handling
- * - Loading state support
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableFooterAction = void 0;
-var react_1 = __importDefault(require("react"));
-var lucide_react_1 = require("lucide-react");
-var button_1 = require("./ui/button");
-var EnhancedTableFooterAction = function (_a) {
-    var handleNextOnClick = _a.handleNextOnClick, handlePreviousOnClick = _a.handlePreviousOnClick, isNextDisabled = _a.isNextDisabled, isPreviousDisabled = _a.isPreviousDisabled, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.nextPageLabel, nextPageLabel = _c === void 0 ? "Next page" : _c, _d = _a.previousPageLabel, previousPageLabel = _d === void 0 ? "Previous page" : _d, testIdWrapper = _a.testIdWrapper, testIdPrevious = _a.testIdPrevious, testIdNext = _a.testIdNext, testIdPreviousIcon = _a.testIdPreviousIcon, testIdNextIcon = _a.testIdNextIcon;
-    // In RTL, arrows should be swapped:
-    // Previous should show → (ChevronRight) as it goes to the right in RTL reading order
-    // Next should show ← (ChevronLeft) as it goes to the left in RTL reading order
-    var PreviousIcon = isRTL ? lucide_react_1.ChevronRight : lucide_react_1.ChevronLeft;
-    var NextIcon = isRTL ? lucide_react_1.ChevronLeft : lucide_react_1.ChevronRight;
-    return (react_1.default.createElement("div", { className: "flex gap-1 ".concat(isRTL ? "flex-row-reverse" : ""), "data-testid": testIdWrapper },
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", "data-testid": testIdPrevious, onClick: handlePreviousOnClick, disabled: isPreviousDisabled || loading, "aria-label": previousPageLabel, title: previousPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(PreviousIcon, { className: "h-4 w-4", "data-testid": testIdPreviousIcon })),
-        react_1.default.createElement(button_1.Button, { variant: "outline", size: "icon", "data-testid": testIdNext, onClick: handleNextOnClick, disabled: isNextDisabled || loading, "aria-label": nextPageLabel, title: nextPageLabel, className: "".concat(isRTL ? "rotate-180" : "") },
-            react_1.default.createElement(NextIcon, { className: "h-4 w-4", "data-testid": testIdNextIcon }))));
-};
-exports.EnhancedTableFooterAction = EnhancedTableFooterAction;
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n and RTL support
-<EnhancedTableFooterAction
-  handlePreviousOnClick={() => setCurrentPage(prev => prev - 1)}
-  handleNextOnClick={() => setCurrentPage(prev => prev + 1)}
-  isPreviousDisabled={currentPage === 1}
-  isNextDisabled={currentPage === totalPages}
-  loading={false}
-/>
-
-Example 2: With custom aria labels
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  isPreviousDisabled={isPreviousDisabled}
-  isNextDisabled={isNextDisabled}
-  loading={isLoading}
-  ariaLabels={{
-    previous: "Go to previous page",
-    next: "Go to next page"
-  }}
-/>
-
-Example 3: Loading state
-<EnhancedTableFooterAction
-  handlePreviousOnClick={handlePrevious}
-  handleNextOnClick={handleNext}
-  loading={true}  // Both buttons will be disabled
-/>
-
-RTL Behavior:
-- In LTR languages (English): Previous (←) | Next (→)
-- In RTL languages (Arabic/Urdu): Previous (→) | Next (←)
-- Button order is reversed in RTL: [Next] [Previous]
-- Arrows automatically adjust to reading direction
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **RTL/LTR Layout Support**
-   - Automatic arrow direction adjustment based on locale
-   - Button order reversal for RTL layouts (flex-row-reverse)
-   - Direction-aware icon selection (ChevronLeft/Right swap)
-   - Proper navigation flow for both reading directions
-
-2. **Internationalization (i18n)**
-   - Translation support using next-intl
-   - Fallback aria labels for accessibility
-   - Custom aria label override capability
-   - Tooltip support with title attributes
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Title attributes for tooltips
-   - Proper button semantics
-   - Keyboard navigation support
-
-4. **Visual Consistency**
-   - Maintains button spacing and alignment
-   - Consistent with existing table footer components
-   - Proper disabled state handling
-   - Loading state support
-
-Translation Keys Added:
-- common.previousPage: "Previous page" / "پچھلا صفحہ"
-- common.nextPage: "Next page" / "اگلا صفحہ"
-*/
+"use strict";import t from"react";import{ChevronLeft as i,ChevronRight as l}from"lucide-react";import{Button as n}from"./ui/button";export const EnhancedTableFooterAction=({handleNextOnClick:c,handlePreviousOnClick:s,isNextDisabled:m,isPreviousDisabled:d,isRTL:e=!1,loading:a,nextPageLabel:o="Next page",previousPageLabel:r="Previous page",testIdWrapper:f,testIdPrevious:v,testIdNext:N,testIdPreviousIcon:h,testIdNextIcon:p})=>{const E=e?l:i,u=e?i:l;return t.createElement("div",{className:`flex gap-1 ${e?"flex-row-reverse":""}`,"data-testid":f},t.createElement(n,{variant:"outline",size:"icon","data-testid":v,onClick:s,disabled:d||a,"aria-label":r,title:r,className:`${e?"rotate-180":""}`},t.createElement(E,{className:"h-4 w-4","data-testid":h})),t.createElement(n,{variant:"outline",size:"icon","data-testid":N,onClick:c,disabled:m||a,"aria-label":o,title:o,className:`${e?"rotate-180":""}`},t.createElement(u,{className:"h-4 w-4","data-testid":p})))};

package/components/enhanced-table-footer-page.js

@@ -1,132 +1 @@
-"use strict";
-/**
- * Enhanced Table Footer Page Component
- *
- * Displays pagination information with internationalization and RTL/LTR support.
- * Automatically adapts text direction and order based on locale.
- *
- * Features:
- * - Full i18n support with fallback text
- * - RTL/LTR layout adaptation
- * - Loading state indicator
- * - Accessibility attributes
- * - Custom translation overrides
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EnhancedTableFooterPage = void 0;
-var react_1 = __importDefault(require("react"));
-var EnhancedTableFooterPage = function (_a) {
-    var currentPage = _a.currentPage, _b = _a.isRTL, isRTL = _b === void 0 ? false : _b, loading = _a.loading, _c = _a.loadingLabel, loadingLabel = _c === void 0 ? "Loading" : _c, _d = _a.ofLabel, ofLabel = _d === void 0 ? "of" : _d, _e = _a.pageLabel, pageLabel = _e === void 0 ? "Page" : _e, totalPages = _a.totalPages, _f = _a.className, className = _f === void 0 ? "" : _f, testIdWrapper = _a.testIdWrapper, testIdCurrent = _a.testIdCurrent, testIdPageLabel = _a.testIdPageLabel, testIdOfLabel = _a.testIdOfLabel, testIdTotal = _a.testIdTotal, testIdLoadingWrapper = _a.testIdLoadingWrapper, testIdLoadingSpinner = _a.testIdLoadingSpinner;
-    return (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "rtl" : "ltr", " ").concat(className), dir: isRTL ? "rtl" : "ltr", role: "status", "aria-live": "polite", "aria-label": "".concat(pageLabel, " ").concat(currentPage, " ").concat(ofLabel, " ").concat(totalPages), "data-testid": testIdWrapper },
-        react_1.default.createElement("span", { className: "text-sm text-muted-foreground" }, isRTL ? (
-        // RTL layout: Numbers read right-to-left but maintain logical order
-        react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", { "data-testid": testIdTotal }, totalPages),
-            react_1.default.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
-            react_1.default.createElement("span", { "data-testid": testIdCurrent }, currentPage),
-            react_1.default.createElement("span", { "data-testid": testIdPageLabel }, pageLabel))) : (
-        // LTR layout: "Page currentPage of totalPages"
-        react_1.default.createElement("span", { className: "inline-flex items-center gap-1" },
-            react_1.default.createElement("span", { "data-testid": testIdPageLabel }, pageLabel),
-            react_1.default.createElement("span", { "data-testid": testIdCurrent }, currentPage),
-            react_1.default.createElement("span", { "data-testid": testIdOfLabel }, ofLabel),
-            react_1.default.createElement("span", { "data-testid": testIdTotal }, totalPages)))),
-        loading && (react_1.default.createElement("div", { className: "flex items-center gap-2 ".concat(isRTL ? "order-first" : "order-last"), "aria-label": loadingLabel, "data-testid": testIdLoadingWrapper },
-            react_1.default.createElement("div", { className: "w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin", role: "progressbar", "aria-label": loadingLabel, "data-testid": testIdLoadingSpinner })))));
-};
-exports.EnhancedTableFooterPage = EnhancedTableFooterPage;
-// ============================================================================
-// USAGE EXAMPLES
-// ============================================================================
-/*
-Example 1: Basic usage with automatic i18n
-<EnhancedTableFooterPage
-  currentPage={2}
-  totalPages={10}
-  loading={false}
-/>
-
-Example 2: With custom translations
-<EnhancedTableFooterPage
-  currentPage={1}
-  totalPages={5}
-  loading={true}
-  translationMap={{
-    pageLabel: "صفحہ",  // Urdu for "Page"
-    ofLabel: "کا",      // Urdu for "of"
-    loadingLabel: "لوڈ ہو رہا ہے"  // Urdu for "Loading"
-  }}
-/>
-
-Example 3: With custom styling
-<EnhancedTableFooterPage
-  currentPage={3}
-  totalPages={7}
-  loading={false}
-  className="bg-gray-50 p-2 rounded-md"
-/>
-
-Translation Keys (Already Added to messages files):
-English (en.json):
-{
-  "common": {
-    "page": "Page",
-    "of": "of",
-    "loading": "Loading"
-  }
-}
-
-Urdu (ur.json):
-{
-  "common": {
-    "page": "صفحہ",
-    "of": "کا",
-    "loading": "لوڈ ہو رہا ہے"
-  }
-}
-
-RTL Layout Features:
-- Automatic text direction detection and application
-- Proper order of page information in RTL languages
-- RTL-aware loading indicator positioning
-- Accessibility attributes for screen readers
-- Direction-specific CSS classes and DOM attributes
-*/
-// ============================================================================
-// COMPONENT ENHANCEMENTS SUMMARY
-// ============================================================================
-/*
-Enhancements Applied:
-
-1. **Internationalization (i18n)**
-   - Full translation support using next-intl
-   - Fallback text for missing translations
-   - Custom translation override capability
-
-2. **RTL/LTR Layout Support**
-   - Automatic layout detection using useRTL hook
-   - Proper text ordering for RTL languages
-   - Direction-aware CSS classes and attributes
-   - RTL-appropriate visual element positioning
-
-3. **Accessibility Improvements**
-   - ARIA labels for screen readers
-   - Role attributes for semantic meaning
-   - Live region announcements for dynamic content
-   - Proper labeling of interactive elements
-
-4. **Developer Experience**
-   - Comprehensive JSDoc documentation
-   - Usage examples and patterns
-   - TypeScript interface improvements
-   - Flexible customization options
-
-5. **Code Quality**
-   - Clean, readable component structure
-   - Consistent naming conventions
-   - Performance-optimized rendering
-   - Maintainable and extensible design
-*/
+"use strict";import e from"react";export const EnhancedTableFooterPage=({currentPage:a,isRTL:t=!1,loading:p,loadingLabel:l="Loading",ofLabel:r="of",pageLabel:n="Page",totalPages:s,className:E="",testIdWrapper:o,testIdCurrent:d,testIdPageLabel:i,testIdOfLabel:m,testIdTotal:c,testIdLoadingWrapper:f,testIdLoadingSpinner:x})=>e.createElement("div",{className:`flex items-center gap-2 ${t?"rtl":"ltr"} ${E}`,dir:t?"rtl":"ltr",role:"status","aria-live":"polite","aria-label":`${n} ${a} ${r} ${s}`,"data-testid":o},e.createElement("span",{className:"text-sm text-muted-foreground"},t?e.createElement("span",{className:"inline-flex items-center gap-1"},e.createElement("span",{"data-testid":c},s),e.createElement("span",{"data-testid":m},r),e.createElement("span",{"data-testid":d},a),e.createElement("span",{"data-testid":i},n)):e.createElement("span",{className:"inline-flex items-center gap-1"},e.createElement("span",{"data-testid":i},n),e.createElement("span",{"data-testid":d},a),e.createElement("span",{"data-testid":m},r),e.createElement("span",{"data-testid":c},s))),p&&e.createElement("div",{className:`flex items-center gap-2 ${t?"order-first":"order-last"}`,"aria-label":l,"data-testid":f},e.createElement("div",{className:"w-4 h-4 border-2 border-primary border-t-transparent rounded-full animate-spin",role:"progressbar","aria-label":l,"data-testid":x})));