@tapuz/tpz 0.1.7 → 0.1.8

package/dist/index.cjs.js

@@ -1,4 +1,4 @@
-var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var m=Object.prototype.hasOwnProperty;var u=(t,o)=>{for(var r in o)c(t,r,{get:o[r],enumerable:!0})},g=(t,o,r,e)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of b(o))!m.call(t,n)&&n!==r&&c(t,n,{get:()=>o[n],enumerable:!(e=f(o,n))||e.enumerable});return t};var h=t=>g(c({},"__esModule",{value:!0}),t);var k={};u(k,{TokensEngineProvider:()=>y});module.exports=h(k);var i=require("react"),s="https://tapuz.io",v=`
+var c=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var b=Object.prototype.hasOwnProperty;var h=(t,e)=>{for(var r in e)c(t,r,{get:e[r],enumerable:!0})},g=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of u(e))!b.call(t,n)&&n!==r&&c(t,n,{get:()=>e[n],enumerable:!(o=m(e,n))||o.enumerable});return t};var v=t=>g(c({},"__esModule",{value:!0}),t);var S={};h(S,{TokensEngineProvider:()=>E});module.exports=v(S);var s=require("react"),z="https://tapuz.io",y=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -45,10 +45,6 @@ var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.g
 .tpz-btn-fnt-sz-base { font-size: var(--tpz-button-font-size-base); }
 .tpz-btn-fnt-sz-sub  { font-size: var(--tpz-button-font-size-sub); }
 .tpz-btn-fnt-wgt     { font-weight: var(--tpz-button-font-weight); }
-.tpz-btn-shd-dst     { }
-.tpz-btn-shd-blur    { }
-.tpz-btn-shd-clr     { }
-.tpz-btn-shd-opc     { }
 
 /* Forms: compound */
 .tpz-frm-inpt { background-color: var(--tpz-form-input-background); border-color: var(--tpz-form-input-border-color); border-width: var(--tpz-form-input-border-width); border-style: var(--tpz-form-input-border-style); border-radius: var(--tpz-form-input-border-radius); }
@@ -58,42 +54,19 @@ var c=Object.defineProperty;var f=Object.getOwnPropertyDescriptor;var b=Object.g
 
 /* Forms: individual */
 .tpz-inpt-bg       { background-color: var(--tpz-form-input-background); }
-.tpz-inpt-bg-opc   { }
 .tpz-inpt-brdr-clr { border-color: var(--tpz-form-input-border-color); }
-.tpz-inpt-brdr-opc { }
 .tpz-inpt-brdr-w   { border-width: var(--tpz-form-input-border-width); }
 .tpz-inpt-brdr-sty { border-style: var(--tpz-form-input-border-style); }
 .tpz-inpt-bdr-r    { border-radius: var(--tpz-form-input-border-radius); }
-.tpz-inpt-slct-bg  { background-color: var(--tpz-form-selection-background); }
-.tpz-inpt-slct-clr { color: var(--tpz-form-selection-color); accent-color: var(--tpz-form-selection-color); }
-.tpz-inpt-err      { color: var(--tpz-form-validation-error); }
-.tpz-inpt-ok       { color: var(--tpz-form-validation-success); }
 .tpz-frm-err-brdr-clr { border-color: var(--tpz-form-error-border-color); }
 .tpz-frm-ok-brdr-clr  { border-color: var(--tpz-form-success-border-color); }
-.tpz-frm-msg-info  { color: var(--tpz-form-message-info); }
-.tpz-frm-msg-warn  { color: var(--tpz-form-message-warning); }
-
-/* Selection: checkbox */
-.tpz-ckbx { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 3px; border: 2px solid var(--tpz-form-selection-color, #111827); cursor: pointer; flex-shrink: 0; position: relative; background-color: transparent; transition: background-color 150ms ease, border-color 150ms ease; vertical-align: middle; }
-.tpz-ckbx:checked { background-color: var(--tpz-form-selection-color, #111827); border-color: var(--tpz-form-selection-color, #111827); }
-.tpz-ckbx:checked::after { content: ""; position: absolute; top: 1px; left: 4px; width: 5px; height: 9px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg); }
-
-/* Selection: toggle */
-.tpz-tgl { position: relative; display: inline-block; width: 44px; height: 24px; border-radius: 999px; background-color: #d1d5db; cursor: pointer; transition: background-color 200ms ease; border: none; outline: none; flex-shrink: 0; vertical-align: middle; }
-.tpz-tgl[aria-checked="true"], .tpz-tgl.tpz-tgl--on { background-color: var(--tpz-form-selection-color, #111827); }
-.tpz-tgl::after { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; transition: transform 200ms ease; }
-.tpz-tgl[aria-checked="true"]::after, .tpz-tgl.tpz-tgl--on::after { transform: translateX(20px); }
-
-/* Selection: dropdown */
-.tpz-slct { appearance: none; -webkit-appearance: none; background-color: var(--tpz-form-input-background, #fff); border-radius: var(--tpz-form-input-border-radius, 8px); border: var(--tpz-form-input-border-width, 2px) solid var(--tpz-form-input-border-color, #e5e7eb); padding: 0.5rem 2.25rem 0.5rem 0.75rem; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.6rem center; }
-.tpz-slct:focus { outline: none; }
 
 /* Messages: error */
 .tpz-frm-msg-err { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-error-background); color: var(--tpz-form-message-error-color); border-left: 4px solid var(--tpz-form-message-error-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
 
 /* Messages: success */
 .tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-success-background); color: var(--tpz-form-message-success-color); border-left: 4px solid var(--tpz-form-message-success-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
-`;function l(t,o){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=o}function z(t){let o=Object.entries(t).map(([r,e])=>`  --tpz-${r}: ${e};`).join(`
+`;function l(t,e){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=e}var w=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),_="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function d(t,e){let r=String(e||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||w.has(r.toLowerCase())){o&&o.remove();return}let n=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${_}&display=swap`,i=o;i||(i=document.createElement("link"),i.id=t,i.rel="stylesheet",document.head.appendChild(i)),i.href!==n&&(i.href=n)}function k(t){d("__tpz_font_heading",t["heading-family"]),d("__tpz_font_body",t["body-font-family"])}function f(t){let e=Object.entries(t).map(([r,o])=>`  --tpz-${r}: ${o};`).join(`
 `);l("__tpz_tokens",`:root {
-${o}
-}`)}function w(t,o){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||s;window.__tpz_config={...window.__tpz_config,apiKey:o,apiUrl:r};let e=document.createElement("script");e.id="__tpz_auth_script",e.src=`${r}/live-edit-auth.js`,e.async=!0,document.head.appendChild(e)}function y({apiKey:t,children:o,apiUrl:r}){return(0,i.useEffect)(()=>{l("__tpz_base",v),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&w(r,t)},[]),(0,i.useEffect)(()=>{if(!t)return;let e={};fetch(`${r||s}/api/tokens?key=${encodeURIComponent(t)}`).then(p=>p.json()).then(({tokens:p,defaults:a})=>{e={...a&&typeof a=="object"?a:{},...p&&typeof p=="object"?p:{}},z(e)}).catch(()=>{});let n;function d(){n=new EventSource(`${r||s}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=p=>{try{let{tokens:a}=JSON.parse(p.data);if(!a||typeof a!="object")return;e={...e,...a},z(e)}catch{}},n.onerror=()=>{n.close(),setTimeout(d,3e3)}}return d(),()=>{n&&n.close()}},[t,r]),(0,i.createElement)(i.Fragment,null,o)}
+${e}
+}`),k(t)}function x(t,e){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||z;window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function E({apiKey:t,children:e,apiUrl:r}){return(0,s.useEffect)(()=>{l("__tpz_base",y),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&x(r,t)},[]),(0,s.useEffect)(()=>{if(!t)return;let o={};fetch(`${r||z}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:p})=>{o={...p&&typeof p=="object"?p:{},...a&&typeof a=="object"?a:{}},f(o)}).catch(()=>{});let n;function i(){n=new EventSource(`${r||z}/api/token-stream?key=${encodeURIComponent(t)}`),n.onmessage=a=>{try{let{tokens:p}=JSON.parse(a.data);if(!p||typeof p!="object")return;o={...o,...p},f(o)}catch{}},n.onerror=()=>{n.close(),setTimeout(i,3e3)}}return i(),()=>{n&&n.close()}},[t,r]),(0,s.createElement)(s.Fragment,null,e)}

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import{useEffect as s,Fragment as l,createElement as f}from"react";var i="https://tapuz.io",b=`
+import{useEffect as c,Fragment as l,createElement as m}from"react";var s="https://tapuz.io",u=`
 /* Active palette: backgrounds */
 .tpz-bg-clr  { background-color: var(--tpz-background-color); }
 .tpz-srf-clr { background-color: var(--tpz-surface-color); }
@@ -45,10 +45,6 @@ import{useEffect as s,Fragment as l,createElement as f}from"react";var i="https:
 .tpz-btn-fnt-sz-base { font-size: var(--tpz-button-font-size-base); }
 .tpz-btn-fnt-sz-sub  { font-size: var(--tpz-button-font-size-sub); }
 .tpz-btn-fnt-wgt     { font-weight: var(--tpz-button-font-weight); }
-.tpz-btn-shd-dst     { }
-.tpz-btn-shd-blur    { }
-.tpz-btn-shd-clr     { }
-.tpz-btn-shd-opc     { }
 
 /* Forms: compound */
 .tpz-frm-inpt { background-color: var(--tpz-form-input-background); border-color: var(--tpz-form-input-border-color); border-width: var(--tpz-form-input-border-width); border-style: var(--tpz-form-input-border-style); border-radius: var(--tpz-form-input-border-radius); }
@@ -58,42 +54,19 @@ import{useEffect as s,Fragment as l,createElement as f}from"react";var i="https:
 
 /* Forms: individual */
 .tpz-inpt-bg       { background-color: var(--tpz-form-input-background); }
-.tpz-inpt-bg-opc   { }
 .tpz-inpt-brdr-clr { border-color: var(--tpz-form-input-border-color); }
-.tpz-inpt-brdr-opc { }
 .tpz-inpt-brdr-w   { border-width: var(--tpz-form-input-border-width); }
 .tpz-inpt-brdr-sty { border-style: var(--tpz-form-input-border-style); }
 .tpz-inpt-bdr-r    { border-radius: var(--tpz-form-input-border-radius); }
-.tpz-inpt-slct-bg  { background-color: var(--tpz-form-selection-background); }
-.tpz-inpt-slct-clr { color: var(--tpz-form-selection-color); accent-color: var(--tpz-form-selection-color); }
-.tpz-inpt-err      { color: var(--tpz-form-validation-error); }
-.tpz-inpt-ok       { color: var(--tpz-form-validation-success); }
 .tpz-frm-err-brdr-clr { border-color: var(--tpz-form-error-border-color); }
 .tpz-frm-ok-brdr-clr  { border-color: var(--tpz-form-success-border-color); }
-.tpz-frm-msg-info  { color: var(--tpz-form-message-info); }
-.tpz-frm-msg-warn  { color: var(--tpz-form-message-warning); }
-
-/* Selection: checkbox */
-.tpz-ckbx { appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border-radius: 3px; border: 2px solid var(--tpz-form-selection-color, #111827); cursor: pointer; flex-shrink: 0; position: relative; background-color: transparent; transition: background-color 150ms ease, border-color 150ms ease; vertical-align: middle; }
-.tpz-ckbx:checked { background-color: var(--tpz-form-selection-color, #111827); border-color: var(--tpz-form-selection-color, #111827); }
-.tpz-ckbx:checked::after { content: ""; position: absolute; top: 1px; left: 4px; width: 5px; height: 9px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg); }
-
-/* Selection: toggle */
-.tpz-tgl { position: relative; display: inline-block; width: 44px; height: 24px; border-radius: 999px; background-color: #d1d5db; cursor: pointer; transition: background-color 200ms ease; border: none; outline: none; flex-shrink: 0; vertical-align: middle; }
-.tpz-tgl[aria-checked="true"], .tpz-tgl.tpz-tgl--on { background-color: var(--tpz-form-selection-color, #111827); }
-.tpz-tgl::after { content: ""; position: absolute; top: 2px; left: 2px; width: 20px; height: 20px; border-radius: 50%; background-color: #fff; transition: transform 200ms ease; }
-.tpz-tgl[aria-checked="true"]::after, .tpz-tgl.tpz-tgl--on::after { transform: translateX(20px); }
-
-/* Selection: dropdown */
-.tpz-slct { appearance: none; -webkit-appearance: none; background-color: var(--tpz-form-input-background, #fff); border-radius: var(--tpz-form-input-border-radius, 8px); border: var(--tpz-form-input-border-width, 2px) solid var(--tpz-form-input-border-color, #e5e7eb); padding: 0.5rem 2.25rem 0.5rem 0.75rem; cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.6rem center; }
-.tpz-slct:focus { outline: none; }
 
 /* Messages: error */
 .tpz-frm-msg-err { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-error-background); color: var(--tpz-form-message-error-color); border-left: 4px solid var(--tpz-form-message-error-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
 
 /* Messages: success */
 .tpz-frm-msg-ok { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1rem; font-size: 13px; background-color: var(--tpz-form-message-success-background); color: var(--tpz-form-message-success-color); border-left: 4px solid var(--tpz-form-message-success-color); border-radius: var(--tpz-form-message-radius); box-sizing: border-box; }
-`;function z(o,e){let t=document.getElementById(o);t||(t=document.createElement("style"),t.id=o,document.head.appendChild(t)),t.textContent=e}function d(o){let e=Object.entries(o).map(([t,r])=>`  --tpz-${t}: ${r};`).join(`
-`);z("__tpz_tokens",`:root {
-${e}
-}`)}function m(o,e){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let t=o||i;window.__tpz_config={...window.__tpz_config,apiKey:e,apiUrl:t};let r=document.createElement("script");r.id="__tpz_auth_script",r.src=`${t}/live-edit-auth.js`,r.async=!0,document.head.appendChild(r)}function g({apiKey:o,children:e,apiUrl:t}){return s(()=>{z("__tpz_base",b),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&m(t,o)},[]),s(()=>{if(!o)return;let r={};fetch(`${t||i}/api/tokens?key=${encodeURIComponent(o)}`).then(n=>n.json()).then(({tokens:n,defaults:p})=>{r={...p&&typeof p=="object"?p:{},...n&&typeof n=="object"?n:{}},d(r)}).catch(()=>{});let a;function c(){a=new EventSource(`${t||i}/api/token-stream?key=${encodeURIComponent(o)}`),a.onmessage=n=>{try{let{tokens:p}=JSON.parse(n.data);if(!p||typeof p!="object")return;r={...r,...p},d(r)}catch{}},a.onerror=()=>{a.close(),setTimeout(c,3e3)}}return c(),()=>{a&&a.close()}},[o,t]),f(l,null,e)}export{g as TokensEngineProvider};
+`;function f(t,n){let r=document.getElementById(t);r||(r=document.createElement("style"),r.id=t,document.head.appendChild(r)),r.textContent=n}var b=new Set(["sans-serif","serif","monospace","system-ui","ui-sans-serif","ui-serif","ui-monospace","inherit","initial","arial","helvetica","times new roman","georgia","courier new","verdana","tahoma"]),h="100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic";function z(t,n){let r=String(n||"").split(",")[0].replace(/['"]/g,"").trim(),o=document.getElementById(t);if(!r||b.has(r.toLowerCase())){o&&o.remove();return}let i=`https://fonts.googleapis.com/css?family=${encodeURIComponent(r).replace(/%20/g,"+")}:${h}&display=swap`,e=o;e||(e=document.createElement("link"),e.id=t,e.rel="stylesheet",document.head.appendChild(e)),e.href!==i&&(e.href=i)}function g(t){z("__tpz_font_heading",t["heading-family"]),z("__tpz_font_body",t["body-font-family"])}function d(t){let n=Object.entries(t).map(([r,o])=>`  --tpz-${r}: ${o};`).join(`
+`);f("__tpz_tokens",`:root {
+${n}
+}`),g(t)}function v(t,n){if(document.getElementById("__tpz_auth_script")||document.getElementById("__tpz_editor_script")||document.getElementById("__tpz_code_box"))return;let r=t||s;window.__tpz_config={...window.__tpz_config,apiKey:n,apiUrl:r};let o=document.createElement("script");o.id="__tpz_auth_script",o.src=`${r}/live-edit-auth.js`,o.async=!0,document.head.appendChild(o)}function w({apiKey:t,children:n,apiUrl:r}){return c(()=>{f("__tpz_base",u),typeof window<"u"&&new URLSearchParams(window.location.search).has("tapuz-edit")&&v(r,t)},[]),c(()=>{if(!t)return;let o={};fetch(`${r||s}/api/tokens?key=${encodeURIComponent(t)}`).then(a=>a.json()).then(({tokens:a,defaults:p})=>{o={...p&&typeof p=="object"?p:{},...a&&typeof a=="object"?a:{}},d(o)}).catch(()=>{});let i;function e(){i=new EventSource(`${r||s}/api/token-stream?key=${encodeURIComponent(t)}`),i.onmessage=a=>{try{let{tokens:p}=JSON.parse(a.data);if(!p||typeof p!="object")return;o={...o,...p},d(o)}catch{}},i.onerror=()=>{i.close(),setTimeout(e,3e3)}}return e(),()=>{i&&i.close()}},[t,r]),m(l,null,n)}export{w as TokensEngineProvider};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tapuz/tpz",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Token-powered design system provider for React",
   "type": "module",
   "main": "dist/index.cjs.js",