@salesmind-ai/design-system 1.7.0 → 1.9.0

package/dist/v2-auth/index.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var chunkYWJKSY5C_cjs = require('../chunk-YWJKSY5C.cjs');
+var React = require('react');
+var clsx = require('clsx');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var clsx__default = /*#__PURE__*/_interopDefault(clsx);
+
+var VoidBackground = React__default.default.forwardRef(
+  ({ showGrid = true, showGrain = true, className, children }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: clsx__default.default("void", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__base", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "void__orbs", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__orb void__orb--warm" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__orb void__orb--purple" })
+      ] }),
+      showGrid && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__grid", "aria-hidden": "true" }),
+      showGrain && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__grain", "aria-hidden": "true" }),
+      children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "void__content", children })
+    ] });
+  }
+);
+VoidBackground.displayName = "VoidBackground";
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.Button; }
+});
+Object.defineProperty(exports, "ChangeEmail", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.ChangeEmail; }
+});
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.Checkbox; }
+});
+Object.defineProperty(exports, "ForgotPassword", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.ForgotPassword; }
+});
+Object.defineProperty(exports, "Login", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.Login; }
+});
+Object.defineProperty(exports, "Signup", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.Signup; }
+});
+Object.defineProperty(exports, "TextField", {
+  enumerable: true,
+  get: function () { return chunkYWJKSY5C_cjs.TextField; }
+});
+exports.VoidBackground = VoidBackground;
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.cjs.map

package/dist/v2-auth/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/v2-auth/VoidBackground/VoidBackground.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW;AAClB,OAAO,UAAU;AA8BT,cAGA,YAHA;AALD,IAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,MAAM,YAAY,MAAM,WAAW,SAAS,GAAG,QAAQ;AACnE,WACE,qBAAC,SAAI,KAAU,WAAW,KAAK,QAAQ,SAAS,GAE9C;AAAA,0BAAC,SAAI,WAAU,cAAa,eAAY,QAAO;AAAA,MAG/C,qBAAC,SAAI,WAAU,cAAa,eAAY,QACtC;AAAA,4BAAC,SAAI,WAAU,6BAA4B;AAAA,QAC3C,oBAAC,SAAI,WAAU,+BAA8B;AAAA,SAC/C;AAAA,MAGC,YAAY,oBAAC,SAAI,WAAU,cAAa,eAAY,QAAO;AAAA,MAG3D,aAAa,oBAAC,SAAI,WAAU,eAAc,eAAY,QAAO;AAAA,MAG7D,YAAY,oBAAC,SAAI,WAAU,iBAAiB,UAAS;AAAA,OACxD;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc","sourcesContent":["import React from 'react';\r\nimport clsx from 'clsx';\r\nimport './VoidBackground.css';\r\n\r\nexport interface VoidBackgroundProps {\r\n  /** Show the engineered grid overlay */\r\n  showGrid?: boolean;\r\n  /** Show the film grain texture */\r\n  showGrain?: boolean;\r\n  /** Custom class name */\r\n  className?: string;\r\n  /** Child content rendered above the void */\r\n  children?: React.ReactNode;\r\n}\r\n\r\n/**\r\n * VoidBackground — The Void Signature Design System Level 0 Environment\r\n *\r\n * A four-layer atmospheric background system:\r\n * 1. Base Color — Deep purple-black (#08040a)\r\n * 2. Light Orbs — Radial gradients with mix-blend-mode: screen\r\n * 3. Engineered Grid — 80×80px with radial fade mask\r\n * 4. Film Grain — Static SVG noise for texture\r\n *\r\n * The Void is not decoration — it is the lighting engine for the UI.\r\n */\r\nexport const VoidBackground = React.forwardRef<HTMLDivElement, VoidBackgroundProps>(\r\n  ({ showGrid = true, showGrain = true, className, children }, ref) => {\r\n    return (\r\n      <div ref={ref} className={clsx('void', className)}>\r\n        {/* Layer 1: Base Color */}\r\n        <div className=\"void__base\" aria-hidden=\"true\" />\r\n\r\n        {/* Layer 2: Light Orbs (Infusion Engine) */}\r\n        <div className=\"void__orbs\" aria-hidden=\"true\">\r\n          <div className=\"void__orb void__orb--warm\" />\r\n          <div className=\"void__orb void__orb--purple\" />\r\n        </div>\r\n\r\n        {/* Layer 3: Engineered Grid */}\r\n        {showGrid && <div className=\"void__grid\" aria-hidden=\"true\" />}\r\n\r\n        {/* Layer 4: Film Grain */}\r\n        {showGrain && <div className=\"void__grain\" aria-hidden=\"true\" />}\r\n\r\n        {/* Content Layer */}\r\n        {children && <div className=\"void__content\">{children}</div>}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nVoidBackground.displayName = 'VoidBackground';\r\n"]}