@sachin-tosa/tosa 1.0.2

package/dist/tosa.css

@@ -0,0 +1 @@
+._nav_10qgk_1{display:flex;justify-content:space-between;padding:1rem;background:#111;color:#fff}._menu_10qgk_17{display:flex;gap:1rem}._toggle_10qgk_27{display:none}@media(max-width:768px){._toggle_10qgk_27{display:block}._menu_10qgk_17{display:none;flex-direction:column}._open_10qgk_55{display:flex}}

package/dist/tosa.es.js

@@ -0,0 +1,282 @@
+import re, { useState as te } from "react";
+var T = { exports: {} }, E = {};
+var F;
+function ne() {
+  if (F) return E;
+  F = 1;
+  var l = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.fragment");
+  function u(c, o, s) {
+    var m = null;
+    if (s !== void 0 && (m = "" + s), o.key !== void 0 && (m = "" + o.key), "key" in o) {
+      s = {};
+      for (var _ in o)
+        _ !== "key" && (s[_] = o[_]);
+    } else s = o;
+    return o = s.ref, {
+      $$typeof: l,
+      type: c,
+      key: m,
+      ref: o !== void 0 ? o : null,
+      props: s
+    };
+  }
+  return E.Fragment = f, E.jsx = u, E.jsxs = u, E;
+}
+var v = {};
+var D;
+function ae() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
+    function l(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case k:
+          return "Fragment";
+        case J:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case H:
+          return "SuspenseList";
+        case Z:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case z:
+            return e.displayName || "Context";
+          case V:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case G:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return r = e.displayName || null, r !== null ? r : l(e.type) || "Memo";
+          case g:
+            r = e._payload, e = e._init;
+            try {
+              return l(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        f(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          n
+        ), f(e);
+      }
+    }
+    function c(e) {
+      if (e === k) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === g)
+        return "<...>";
+      try {
+        var r = l(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var e = O.A;
+      return e === null ? null : e.getOwner();
+    }
+    function s() {
+      return Error("react-stack-top-frame");
+    }
+    function m(e) {
+      if (w.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function _(e, r) {
+      function t() {
+        N || (N = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function L() {
+      var e = l(this.type);
+      return C[e] || (C[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function M(e, r, t, n, R, j) {
+      var a = t.ref;
+      return e = {
+        $$typeof: y,
+        type: e,
+        key: r,
+        props: t,
+        _owner: n
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: L
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: j
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function S(e, r, t, n, R, j) {
+      var a = r.children;
+      if (a !== void 0)
+        if (n)
+          if (K(a)) {
+            for (n = 0; n < a.length; n++)
+              h(a[n]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else h(a);
+      if (w.call(r, "key")) {
+        a = l(e);
+        var d = Object.keys(r).filter(function(ee) {
+          return ee !== "key";
+        });
+        n = 0 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (d = 0 < d.length ? "{" + d.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          n,
+          a,
+          d,
+          a
+        ), I[a + n] = !0);
+      }
+      if (a = null, t !== void 0 && (u(t), a = "" + t), m(r) && (u(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var A in r)
+          A !== "key" && (t[A] = r[A]);
+      } else t = r;
+      return a && _(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        a,
+        t,
+        o(),
+        R,
+        j
+      );
+    }
+    function h(e) {
+      P(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === g && (e._payload.status === "fulfilled" ? P(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function P(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === y;
+    }
+    var p = re, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), W = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), U = /* @__PURE__ */ Symbol.for("react.strict_mode"), J = /* @__PURE__ */ Symbol.for("react.profiler"), V = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), G = /* @__PURE__ */ Symbol.for("react.forward_ref"), X = /* @__PURE__ */ Symbol.for("react.suspense"), H = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), g = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), O = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, K = Array.isArray, x = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var N, C = {}, Y = p.react_stack_bottom_frame.bind(
+      p,
+      s
+    )(), $ = x(c(s)), I = {};
+    v.Fragment = k, v.jsx = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !1,
+        n ? Error("react-stack-top-frame") : Y,
+        n ? x(c(e)) : $
+      );
+    }, v.jsxs = function(e, r, t) {
+      var n = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return S(
+        e,
+        r,
+        t,
+        !0,
+        n ? Error("react-stack-top-frame") : Y,
+        n ? x(c(e)) : $
+      );
+    };
+  })()), v;
+}
+var q;
+function oe() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? T.exports = ne() : T.exports = ae()), T.exports;
+}
+var i = oe();
+const se = "_nav_10qgk_1", le = "_menu_10qgk_17", ue = "_toggle_10qgk_27", ce = "_open_10qgk_55", b = {
+  nav: se,
+  menu: le,
+  toggle: ue,
+  open: ce
+};
+function fe({ brand: l = "TOSA", links: f = [] }) {
+  const [u, c] = te(!1);
+  return /* @__PURE__ */ i.jsxs("nav", { className: b.nav, children: [
+    /* @__PURE__ */ i.jsx("div", { className: b.logo, children: l }),
+    /* @__PURE__ */ i.jsx("button", { className: b.toggle, onClick: () => c(!u), children: "☰" }),
+    /* @__PURE__ */ i.jsx("ul", { className: `${b.menu} ${u ? b.open : ""}`, children: f.map((o, s) => /* @__PURE__ */ i.jsx("li", { children: o }, s)) })
+  ] });
+}
+function de() {
+  return /* @__PURE__ */ i.jsx("nav", { children: /* @__PURE__ */ i.jsx("h1", { children: "Hello cards" }) });
+}
+export {
+  de as Card,
+  fe as Navbar
+};

package/dist/tosa.umd.js

@@ -0,0 +1,6 @@
+(function(u,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],d):(u=typeof globalThis<"u"?globalThis:u||self,d(u.Tosa={},u.React))})(this,(function(u,d){"use strict";var T={exports:{}},v={};var A;function W(){if(A)return v;A=1;var l=Symbol.for("react.transitional.element"),m=Symbol.for("react.fragment");function c(f,o,s){var b=null;if(s!==void 0&&(b=""+s),o.key!==void 0&&(b=""+o.key),"key"in o){s={};for(var R in o)R!=="key"&&(s[R]=o[R])}else s=o;return o=s.ref,{$$typeof:l,type:f,key:b,ref:o!==void 0?o:null,props:s}}return v.Fragment=m,v.jsx=c,v.jsxs=c,v}var E={};var P;function U(){return P||(P=1,process.env.NODE_ENV!=="production"&&(function(){function l(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===oe?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case O:return"Fragment";case Z:return"Profiler";case B:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case ae:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case H:return"Portal";case K:return e.displayName||"Context";case Q:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return r=e.displayName||null,r!==null?r:l(e.type)||"Memo";case h:r=e._payload,e=e._init;try{return l(e(r))}catch{}}return null}function m(e){return""+e}function c(e){try{m(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),m(e)}}function f(e){if(e===O)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===h)return"<...>";try{var r=l(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=j.A;return e===null?null:e.getOwner()}function s(){return Error("react-stack-top-frame")}function b(e){if(I.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function R(e,r){function t(){F||(F=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function G(){var e=l(this.type);return D[e]||(D[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function X(e,r,t,n,g,x){var a=t.ref;return e={$$typeof:$,type:e,key:r,props:t,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:G}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:g}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:x}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function N(e,r,t,n,g,x){var a=r.children;if(a!==void 0)if(n)if(se(a)){for(n=0;n<a.length;n++)C(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else C(a);if(I.call(r,"key")){a=l(e);var _=Object.keys(r).filter(function(le){return le!=="key"});n=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",L[a+n]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,n,a,_,a),L[a+n]=!0)}if(a=null,t!==void 0&&(c(t),a=""+t),b(r)&&(c(r.key),a=""+r.key),"key"in r){t={};for(var y in r)y!=="key"&&(t[y]=r[y])}else t=r;return a&&R(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),X(e,a,t,o(),g,x)}function C(e){Y(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===h&&(e._payload.status==="fulfilled"?Y(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function Y(e){return typeof e=="object"&&e!==null&&e.$$typeof===$}var k=d,$=Symbol.for("react.transitional.element"),H=Symbol.for("react.portal"),O=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),ae=Symbol.for("react.activity"),oe=Symbol.for("react.client.reference"),j=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,I=Object.prototype.hasOwnProperty,se=Array.isArray,S=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var F,D={},M=k.react_stack_bottom_frame.bind(k,s)(),q=S(f(s)),L={};E.Fragment=O,E.jsx=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return N(e,r,t,!1,n?Error("react-stack-top-frame"):M,n?S(f(e)):q)},E.jsxs=function(e,r,t){var n=1e4>j.recentlyCreatedOwnerStacks++;return N(e,r,t,!0,n?Error("react-stack-top-frame"):M,n?S(f(e)):q)}})()),E}var w;function J(){return w||(w=1,process.env.NODE_ENV==="production"?T.exports=W():T.exports=U()),T.exports}var i=J();const p={nav:"_nav_10qgk_1",menu:"_menu_10qgk_17",toggle:"_toggle_10qgk_27",open:"_open_10qgk_55"};function V({brand:l="TOSA",links:m=[]}){const[c,f]=d.useState(!1);return i.jsxs("nav",{className:p.nav,children:[i.jsx("div",{className:p.logo,children:l}),i.jsx("button",{className:p.toggle,onClick:()=>f(!c),children:"☰"}),i.jsx("ul",{className:`${p.menu} ${c?p.open:""}`,children:m.map((o,s)=>i.jsx("li",{children:o},s))})]})}function z(){return i.jsx("nav",{children:i.jsx("h1",{children:"Hello cards"})})}u.Card=z,u.Navbar=V,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@sachin-tosa/tosa",
+  "version": "1.0.2",
+  "description": "TOSA is a reusable React UI component library with responsive components like Navbar, Cards, Carousel, etc.",
+  "author": "Sachin Ruhela",
+  "license": "MIT",
+  "type": "module",
+  "main": "dist/tosa.umd.js",
+  "module": "dist/tosa.es.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "keywords": [
+    "react",
+    "ui-library",
+    "components",
+    "navbar",
+    "responsive",
+    "tosa"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^5.1.2",
+    "vite": "^7.3.1"
+  }
+}