@aristobyte-ui/switch 1.0.113 → 2.0.0

package/dist/es/main/components/Switch.js

@@ -0,0 +1,54 @@
+"use client";
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import * as React from "react";
+export var Switch = function (_a) {
+    var onChange = _a.onChange, label = _a.label, _b = _a.alignLabel, alignLabel = _b === void 0 ? "vertical" : _b, checked = _a.checked, _c = _a.switchSize, switchSize = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "default" : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, trackIcon = _a.trackIcon, thumbIcon = _a.thumbIcon, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
+    var id = React.useId();
+    var _h = __read(React.useState(!!checked), 2), isChecked = _h[0], setIsChecked = _h[1];
+    var handleChange = function () {
+        setIsChecked(function (prev) { return !prev; });
+        if (onChange)
+            onChange();
+    };
+    var baseClasses = [
+        "switch",
+        "switch-size-".concat(switchSize),
+        "switch-variant-".concat(variant),
+        "switch-align-label-".concat(alignLabel),
+        disabled && "switch--disabled",
+        className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (React.createElement("label", { htmlFor: id, className: baseClasses, style: style },
+        React.createElement("input", { id: id, type: "checkbox", disabled: disabled, checked: isChecked, onChange: handleChange }),
+        React.createElement("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out" },
+            (trackIcon === null || trackIcon === void 0 ? void 0 : trackIcon.checked) && (React.createElement("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0" }, trackIcon.checked.component({
+                size: trackIcon.checked.size,
+                color: trackIcon.checked.color,
+            }))),
+            React.createElement("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10" }, thumbIcon && (React.createElement("span", { className: "switch__thumb-icon flex items-center justify-center" }, thumbIcon.component({
+                size: thumbIcon.size,
+                color: thumbIcon.color,
+            })))),
+            (trackIcon === null || trackIcon === void 0 ? void 0 : trackIcon.unchecked) && (React.createElement("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0" }, trackIcon.unchecked.component({
+                size: trackIcon.unchecked.size,
+                color: trackIcon.unchecked.color,
+            })))),
+        label && React.createElement("span", { className: "switch__label ml-2" }, label)));
+};

package/dist/es/main/components/index.js

@@ -0,0 +1 @@
+export * from "./Switch";

package/dist/es/main/index.js

@@ -0,0 +1 @@
+"use strict";

package/dist/lib/main/components/Switch.js

@@ -0,0 +1,91 @@
+"use strict";
+"use client";
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = void 0;
+var React = __importStar(require("react"));
+var Switch = function (_a) {
+    var onChange = _a.onChange, label = _a.label, _b = _a.alignLabel, alignLabel = _b === void 0 ? "vertical" : _b, checked = _a.checked, _c = _a.switchSize, switchSize = _c === void 0 ? "md" : _c, _d = _a.variant, variant = _d === void 0 ? "default" : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, trackIcon = _a.trackIcon, thumbIcon = _a.thumbIcon, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.style, style = _g === void 0 ? {} : _g;
+    var id = React.useId();
+    var _h = __read(React.useState(!!checked), 2), isChecked = _h[0], setIsChecked = _h[1];
+    var handleChange = function () {
+        setIsChecked(function (prev) { return !prev; });
+        if (onChange)
+            onChange();
+    };
+    var baseClasses = [
+        "switch",
+        "switch-size-".concat(switchSize),
+        "switch-variant-".concat(variant),
+        "switch-align-label-".concat(alignLabel),
+        disabled && "switch--disabled",
+        className,
+    ]
+        .filter(Boolean)
+        .join(" ");
+    return (React.createElement("label", { htmlFor: id, className: baseClasses, style: style },
+        React.createElement("input", { id: id, type: "checkbox", disabled: disabled, checked: isChecked, onChange: handleChange }),
+        React.createElement("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out" },
+            (trackIcon === null || trackIcon === void 0 ? void 0 : trackIcon.checked) && (React.createElement("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0" }, trackIcon.checked.component({
+                size: trackIcon.checked.size,
+                color: trackIcon.checked.color,
+            }))),
+            React.createElement("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10" }, thumbIcon && (React.createElement("span", { className: "switch__thumb-icon flex items-center justify-center" }, thumbIcon.component({
+                size: thumbIcon.size,
+                color: thumbIcon.color,
+            })))),
+            (trackIcon === null || trackIcon === void 0 ? void 0 : trackIcon.unchecked) && (React.createElement("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0" }, trackIcon.unchecked.component({
+                size: trackIcon.unchecked.size,
+                color: trackIcon.unchecked.color,
+            })))),
+        label && React.createElement("span", { className: "switch__label ml-2" }, label)));
+};
+exports.Switch = Switch;

package/dist/lib/main/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Switch"), exports);

package/dist/lib/main/index.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aristobyte-ui/switch",
   "description": "A fully typed, customizable Switch/toggle component for React with multiple sizes, variants, label alignments, and optional icons. Built to integrate seamlessly with AristoByteUI design tokens and SCSS modules.",
-  "version": "1.0.113",
+  "version": "2.0.0",
   "license": "MIT",
   "private": false,
   "author": "AristoByte <info@aristobyte.com>",
@@ -38,39 +38,10 @@
   "publishConfig": {
     "access": "public"
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
-  "exports": {
-    "development": {
-      "import": "./index.ts",
-      "types": "./index.ts"
-    },
-    "default": {
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "scripts": {
-    "build": "tsup",
-    "lint": "eslint . --max-warnings 0",
-    "generate:component": "turbo gen react-component",
-    "check-types": "tsc --noEmit"
-  },
+  "main": "dist/lib/main/index.js",
+  "module": "dist/es/main/index.js",
   "peerDependencies": {
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
-  },
-  "devDependencies": {
-    "@aristobyte-ui/eslint-config": "^1.0.113",
-    "@aristobyte-ui/typescript-config": "^1.0.113",
-    "@turbo/gen": "^2.5.0",
-    "@types/node": "^24.3.0",
-    "@types/react": "19.1.0",
-    "@types/react-dom": "19.1.1",
-    "eslint": "^9.27.0",
-    "tsup": "^8.5.0",
-    "typescript": "^5.8.3"
   }
 }

package/dist/index.d.mts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { IconPropsType } from '@aristobyte-ui/utils';
-
-interface ISwitch {
-    onChange?: () => void;
-    label?: string;
-    alignLabel?: "horizontal" | "vertical";
-    switchSize?: "xsm" | "sm" | "md" | "lg" | "xlg";
-    variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
-    trackIcon?: {
-        checked?: {
-            component: (props: IconPropsType) => React.JSX.Element;
-            size?: number;
-            color?: string;
-        };
-        unchecked?: {
-            component: (props: IconPropsType) => React.JSX.Element;
-            size?: number;
-            color?: string;
-        };
-    };
-    thumbIcon?: {
-        component: (props: IconPropsType) => React.JSX.Element;
-        size?: number;
-        color?: string;
-    };
-    checked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const Switch: React.FC<ISwitch>;
-
-export { type ISwitch, Switch };

package/dist/index.d.ts

@@ -1,34 +0,0 @@
-import * as React from 'react';
-import { IconPropsType } from '@aristobyte-ui/utils';
-
-interface ISwitch {
-    onChange?: () => void;
-    label?: string;
-    alignLabel?: "horizontal" | "vertical";
-    switchSize?: "xsm" | "sm" | "md" | "lg" | "xlg";
-    variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
-    trackIcon?: {
-        checked?: {
-            component: (props: IconPropsType) => React.JSX.Element;
-            size?: number;
-            color?: string;
-        };
-        unchecked?: {
-            component: (props: IconPropsType) => React.JSX.Element;
-            size?: number;
-            color?: string;
-        };
-    };
-    thumbIcon?: {
-        component: (props: IconPropsType) => React.JSX.Element;
-        size?: number;
-        color?: string;
-    };
-    checked?: boolean;
-    disabled?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const Switch: React.FC<ISwitch>;
-
-export { type ISwitch, Switch };

package/dist/index.js

@@ -1,100 +0,0 @@
-"use client";
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// index.ts
-var index_exports = {};
-__export(index_exports, {
-  Switch: () => Switch
-});
-module.exports = __toCommonJS(index_exports);
-
-// components/Switch.tsx
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var Switch = ({
-  onChange,
-  label,
-  alignLabel = "vertical",
-  checked,
-  switchSize = "md",
-  variant = "default",
-  disabled = false,
-  trackIcon,
-  thumbIcon,
-  className = "",
-  style = {}
-}) => {
-  const id = React.useId();
-  const [isChecked, setIsChecked] = React.useState(!!checked);
-  const handleChange = () => {
-    setIsChecked((prev) => !prev);
-    if (onChange) onChange();
-  };
-  const baseClasses = [
-    "switch",
-    `switch-size-${switchSize}`,
-    `switch-variant-${variant}`,
-    `switch-align-label-${alignLabel}`,
-    disabled && "switch--disabled",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { htmlFor: id, className: baseClasses, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "input",
-      {
-        id,
-        type: "checkbox",
-        disabled,
-        checked: isChecked,
-        onChange: handleChange
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out", children: [
-      (trackIcon == null ? void 0 : trackIcon.checked) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.checked.component({
-        size: trackIcon.checked.size,
-        color: trackIcon.checked.color
-      }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10", children: thumbIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__thumb-icon flex items-center justify-center", children: thumbIcon.component({
-        size: thumbIcon.size,
-        color: thumbIcon.color
-      }) }) }),
-      (trackIcon == null ? void 0 : trackIcon.unchecked) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.unchecked.component({
-        size: trackIcon.unchecked.size,
-        color: trackIcon.unchecked.color
-      }) })
-    ] }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "switch__label ml-2", children: label })
-  ] });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Switch
-});
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../index.ts","../components/Switch.tsx"],"sourcesContent":["export * from \"./components\";\n","\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nexport interface ISwitch {\n  onChange?: () => void;\n  label?: string;\n  alignLabel?: \"horizontal\" | \"vertical\";\n  switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  trackIcon?: {\n    checked?: {\n      component: (props: IconPropsType) => React.JSX.Element;\n      size?: number;\n      color?: string;\n    };\n    unchecked?: {\n      component: (props: IconPropsType) => React.JSX.Element;\n      size?: number;\n      color?: string;\n    };\n  };\n  thumbIcon?: {\n    component: (props: IconPropsType) => React.JSX.Element;\n    size?: number;\n    color?: string;\n  };\n  checked?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Switch: React.FC<ISwitch> = ({\n  onChange,\n  label,\n  alignLabel = \"vertical\",\n  checked,\n  switchSize = \"md\",\n  variant = \"default\",\n  disabled = false,\n  trackIcon,\n  thumbIcon,\n  className = \"\",\n  style = {},\n}) => {\n  const id = React.useId();\n  const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n  const handleChange = () => {\n    setIsChecked((prev) => !prev);\n    if (onChange) onChange();\n  };\n\n  const baseClasses = [\n    \"switch\",\n    `switch-size-${switchSize}`,\n    `switch-variant-${variant}`,\n    `switch-align-label-${alignLabel}`,\n    disabled && \"switch--disabled\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label htmlFor={id} className={baseClasses} style={style}>\n      <input\n        id={id}\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={isChecked}\n        onChange={handleChange}\n      />\n\n      <span className=\"switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out\">\n        {trackIcon?.checked && (\n          <span className=\"switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n            {trackIcon.checked.component({\n              size: trackIcon.checked.size,\n              color: trackIcon.checked.color,\n            })}\n          </span>\n        )}\n\n        <span className=\"switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10\">\n          {thumbIcon && (\n            <span className=\"switch__thumb-icon flex items-center justify-center\">\n              {thumbIcon.component({\n                size: thumbIcon.size,\n                color: thumbIcon.color,\n              })}\n            </span>\n          )}\n        </span>\n\n        {trackIcon?.unchecked && (\n          <span className=\"switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n            {trackIcon.unchecked.component({\n              size: trackIcon.unchecked.size,\n              color: trackIcon.unchecked.color,\n            })}\n          </span>\n        )}\n      </span>\n\n      {label && <span className=\"switch__label ml-2\">{label}</span>}\n    </label>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,YAAuB;AAwEjB;AAlCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAC5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,UAAU;AAAA,IACzB,kBAAkB,OAAO;AAAA,IACzB,sBAAsB,UAAU;AAAA,IAChC,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,6CAAC,WAAM,SAAS,IAAI,WAAW,aAAa,OAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA,6CAAC,UAAK,WAAU,kGACb;AAAA,8CAAW,YACV,4CAAC,UAAK,WAAU,6IACb,oBAAU,QAAQ,UAAU;AAAA,QAC3B,MAAM,UAAU,QAAQ;AAAA,QACxB,OAAO,UAAU,QAAQ;AAAA,MAC3B,CAAC,GACH;AAAA,MAGF,4CAAC,UAAK,WAAU,qKACb,uBACC,4CAAC,UAAK,WAAU,uDACb,oBAAU,UAAU;AAAA,QACnB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,MACnB,CAAC,GACH,GAEJ;AAAA,OAEC,uCAAW,cACV,4CAAC,UAAK,WAAU,+IACb,oBAAU,UAAU,UAAU;AAAA,QAC7B,MAAM,UAAU,UAAU;AAAA,QAC1B,OAAO,UAAU,UAAU;AAAA,MAC7B,CAAC,GACH;AAAA,OAEJ;AAAA,IAEC,SAAS,4CAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,KACxD;AAEJ;","names":[]}

package/dist/index.mjs

@@ -1,64 +0,0 @@
-"use client";
-
-// components/Switch.tsx
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Switch = ({
-  onChange,
-  label,
-  alignLabel = "vertical",
-  checked,
-  switchSize = "md",
-  variant = "default",
-  disabled = false,
-  trackIcon,
-  thumbIcon,
-  className = "",
-  style = {}
-}) => {
-  const id = React.useId();
-  const [isChecked, setIsChecked] = React.useState(!!checked);
-  const handleChange = () => {
-    setIsChecked((prev) => !prev);
-    if (onChange) onChange();
-  };
-  const baseClasses = [
-    "switch",
-    `switch-size-${switchSize}`,
-    `switch-variant-${variant}`,
-    `switch-align-label-${alignLabel}`,
-    disabled && "switch--disabled",
-    className
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { htmlFor: id, className: baseClasses, style, children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        id,
-        type: "checkbox",
-        disabled,
-        checked: isChecked,
-        onChange: handleChange
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out", children: [
-      (trackIcon == null ? void 0 : trackIcon.checked) && /* @__PURE__ */ jsx("span", { className: "switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.checked.component({
-        size: trackIcon.checked.size,
-        color: trackIcon.checked.color
-      }) }),
-      /* @__PURE__ */ jsx("span", { className: "switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10", children: thumbIcon && /* @__PURE__ */ jsx("span", { className: "switch__thumb-icon flex items-center justify-center", children: thumbIcon.component({
-        size: thumbIcon.size,
-        color: thumbIcon.color
-      }) }) }),
-      (trackIcon == null ? void 0 : trackIcon.unchecked) && /* @__PURE__ */ jsx("span", { className: "switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0", children: trackIcon.unchecked.component({
-        size: trackIcon.unchecked.size,
-        color: trackIcon.unchecked.color
-      }) })
-    ] }),
-    label && /* @__PURE__ */ jsx("span", { className: "switch__label ml-2", children: label })
-  ] });
-};
-export {
-  Switch
-};
-//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../components/Switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { type IconPropsType } from \"@aristobyte-ui/utils\";\n\nexport interface ISwitch {\n  onChange?: () => void;\n  label?: string;\n  alignLabel?: \"horizontal\" | \"vertical\";\n  switchSize?: \"xsm\" | \"sm\" | \"md\" | \"lg\" | \"xlg\";\n  variant?:\n    | \"default\"\n    | \"primary\"\n    | \"secondary\"\n    | \"success\"\n    | \"error\"\n    | \"warning\";\n  trackIcon?: {\n    checked?: {\n      component: (props: IconPropsType) => React.JSX.Element;\n      size?: number;\n      color?: string;\n    };\n    unchecked?: {\n      component: (props: IconPropsType) => React.JSX.Element;\n      size?: number;\n      color?: string;\n    };\n  };\n  thumbIcon?: {\n    component: (props: IconPropsType) => React.JSX.Element;\n    size?: number;\n    color?: string;\n  };\n  checked?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nexport const Switch: React.FC<ISwitch> = ({\n  onChange,\n  label,\n  alignLabel = \"vertical\",\n  checked,\n  switchSize = \"md\",\n  variant = \"default\",\n  disabled = false,\n  trackIcon,\n  thumbIcon,\n  className = \"\",\n  style = {},\n}) => {\n  const id = React.useId();\n  const [isChecked, setIsChecked] = React.useState<boolean>(!!checked);\n\n  const handleChange = () => {\n    setIsChecked((prev) => !prev);\n    if (onChange) onChange();\n  };\n\n  const baseClasses = [\n    \"switch\",\n    `switch-size-${switchSize}`,\n    `switch-variant-${variant}`,\n    `switch-align-label-${alignLabel}`,\n    disabled && \"switch--disabled\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label htmlFor={id} className={baseClasses} style={style}>\n      <input\n        id={id}\n        type=\"checkbox\"\n        disabled={disabled}\n        checked={isChecked}\n        onChange={handleChange}\n      />\n\n      <span className=\"switch__track relative rounded-full overflow-hidden transition-colors duration-300 ease-in-out\">\n        {trackIcon?.checked && (\n          <span className=\"switch__track-icon switch__track-icon--checked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n            {trackIcon.checked.component({\n              size: trackIcon.checked.size,\n              color: trackIcon.checked.color,\n            })}\n          </span>\n        )}\n\n        <span className=\"switch__thumb absolute top-1/2 left-0 bg-white rounded-full transform -translate-y-1/2 transition-all duration-200 ease-out flex items-center justify-center z-10\">\n          {thumbIcon && (\n            <span className=\"switch__thumb-icon flex items-center justify-center\">\n              {thumbIcon.component({\n                size: thumbIcon.size,\n                color: thumbIcon.color,\n              })}\n            </span>\n          )}\n        </span>\n\n        {trackIcon?.unchecked && (\n          <span className=\"switch__track-icon switch__track-icon--unchecked absolute top-1/2 flex items-center justify-center transition-all duration-200 ease-out z-0\">\n            {trackIcon.unchecked.component({\n              size: trackIcon.unchecked.size,\n              color: trackIcon.unchecked.color,\n            })}\n          </span>\n        )}\n      </span>\n\n      {label && <span className=\"switch__label ml-2\">{label}</span>}\n    </label>\n  );\n};\n"],"mappings":";;;AAEA,YAAY,WAAW;AAwEjB,cAQA,YARA;AAlCC,IAAM,SAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ,CAAC;AACX,MAAM;AACJ,QAAM,KAAW,YAAM;AACvB,QAAM,CAAC,WAAW,YAAY,IAAU,eAAkB,CAAC,CAAC,OAAO;AAEnE,QAAM,eAAe,MAAM;AACzB,iBAAa,CAAC,SAAS,CAAC,IAAI;AAC5B,QAAI,SAAU,UAAS;AAAA,EACzB;AAEA,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,eAAe,UAAU;AAAA,IACzB,kBAAkB,OAAO;AAAA,IACzB,sBAAsB,UAAU;AAAA,IAChC,YAAY;AAAA,IACZ;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,qBAAC,WAAM,SAAS,IAAI,WAAW,aAAa,OAC1C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAK;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT,UAAU;AAAA;AAAA,IACZ;AAAA,IAEA,qBAAC,UAAK,WAAU,kGACb;AAAA,8CAAW,YACV,oBAAC,UAAK,WAAU,6IACb,oBAAU,QAAQ,UAAU;AAAA,QAC3B,MAAM,UAAU,QAAQ;AAAA,QACxB,OAAO,UAAU,QAAQ;AAAA,MAC3B,CAAC,GACH;AAAA,MAGF,oBAAC,UAAK,WAAU,qKACb,uBACC,oBAAC,UAAK,WAAU,uDACb,oBAAU,UAAU;AAAA,QACnB,MAAM,UAAU;AAAA,QAChB,OAAO,UAAU;AAAA,MACnB,CAAC,GACH,GAEJ;AAAA,OAEC,uCAAW,cACV,oBAAC,UAAK,WAAU,+IACb,oBAAU,UAAU,UAAU;AAAA,QAC7B,MAAM,UAAU,UAAU;AAAA,QAC1B,OAAO,UAAU,UAAU;AAAA,MAC7B,CAAC,GACH;AAAA,OAEJ;AAAA,IAEC,SAAS,oBAAC,UAAK,WAAU,sBAAsB,iBAAM;AAAA,KACxD;AAEJ;","names":[]}