@firsthandjs/styled 0.9.1 → 0.10.0

package/dist/index.js

@@ -1 +1 @@
-import{bind as F,signal as Y,useContext as _}from"@firsthandjs/core";import{component as D}from"@firsthandjs/dom";import{applyProp as K,insert as Q}from"@firsthandjs/dom/internal";var M=Symbol("firsthand.css");function x(e,...t){return{[M]:!0,strings:[...e],values:t}}function j(e){return typeof e=="object"&&e!==null&&M in e}function H(e){for(let t=e.length-1;t>=0;t--){let n=e[t];if(n===":")return!0;if(n===";"||n==="{"||n==="}")return!1}return!1}function O(e){return e==null||e===!1||e===!0?"":String(e)}function C(e,t,n=!0){let o=[],s=[],a="",c=()=>{a!==""&&(s.push(a),a="")},g=p=>{for(let[h,w]of p.strings.entries()){if(a+=w,h>=p.values.length)continue;let m=p.values[h];if(j(m)){g(m);continue}if(typeof m!="function"){a+=O(m);continue}let i=o.length,v=n&&H(a)?"value":"block",k={kind:v,property:`--${t}-${String(i)}`,fn:m};o.push(k),v==="value"?a+=`var(${k.property})`:(c(),s.push(k))}};return g(e),c(),{chunks:s,slots:o,static:o.length===0}}function R(e){return e.chunks.join("")}function b(e,t){let n="";for(let o of e.chunks)n+=typeof o=="string"?o:t(o);return n}function $(e){if(j(e)){let t=C(e,"x");if(!t.static)throw new Error("A css`` fragment returned from an interpolation must not contain further functions.");return R(t)}return O(e)}var P=new Map,d=null;function y(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return(t>>>0).toString(36)}function J(){return d!==null&&d.isConnected||(d=document.createElement("style"),d.setAttribute("data-firsthand-styled",""),document.head.appendChild(d)),d}function T(e,t){let n=P.get(e);if(n!==void 0)return n.count++,!1;let o=document.createTextNode(t);return P.set(e,{node:o,count:1}),J().appendChild(o),!0}function V(e){let t=P.get(e);t!==void 0&&(--t.count>0||(P.delete(e),t.node.remove()))}function L(){P.clear(),d?.remove(),d=null}import{createContext as N,useContext as X}from"@firsthandjs/core";var q=Object.freeze({}),S=N(q,"theme");function z(){return X(S)}function U(e,t){return t==="children"||t==="class"||t.startsWith("$")?!1:t in e||t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("on")||t==="style"||t==="role"}function Z(e,t){let n={};for(let o of Object.keys(e))Object.defineProperty(n,o,{enumerable:!0,get:()=>e[o]});return Object.defineProperty(n,"theme",{enumerable:!0,get:()=>t.value}),n}var ee=0,W=new WeakMap;function G(e,t){let n=typeof e=="string"?e:null,o=n===null?(W.get(e)??0)+1:0,s=`s${y(t.strings.join("|"))}${String(++ee)}`,a=i=>`.${i}`.repeat(o+1),c=C(t,s,n!==null),g=b(c,()=>""),p=`${s}-${y(g)}`,h=c.slots.some(i=>i.kind==="block");h||T(p,`${a(p)}{${g}}`);let m=D(i=>{let v=_(S),k=Z(i,v),f=n===null?null:document.createElement(n),E="",A=f===null?Y(""):null,I=r=>{let l=i.class,u=`${r}${typeof l=="string"&&l!==""?` ${l}`:""}`;u!==E&&(E=u,f===null?A.value=u:f.className=u)};h?F(()=>{let r=b(c,u=>$(u.fn(k))),l=`${s}-${y(r)}`;T(l,`${a(l)}{${r}}`),I(l)}):F(()=>{I(p)});for(let r of c.slots){if(r.kind!=="value")continue;let l=f;F(()=>{let u=r.fn(k),B=u==null||u===!1?"":String(u);l.style.setProperty(r.property,B)})}if(f===null){let r={};for(let l of Object.keys(i))l!=="class"&&Object.defineProperty(r,l,{enumerable:!0,get:()=>i[l]});return Object.defineProperty(r,"class",{enumerable:!0,get:()=>A.value}),e(r)}for(let r of Object.keys(i))U(f,r)&&F(()=>{K(f,r,i[r])});return Q(f,()=>i.children),f},void 0,`firsthand/styled:${s}`,n===null?`Styled(${e.name})`:`Styled(${n})`);return W.set(m,o),m}var te=new Proxy((e=>(t,...n)=>G(e,x(t,...n))),{get:(e,t)=>(n,...o)=>G(t,x(n,...o))});import{bind as ne,onCleanup as oe,useContext as re}from"@firsthandjs/core";import{component as se}from"@firsthandjs/dom";function ie(e,...t){let n=C(x(e,...t),"k",!1);if(!n.static)throw new Error("keyframes`` cannot interpolate functions: an animation has no props.");let o=R(n),s=`k${y(o)}`;return T(s,`@keyframes ${s}{${o}}`),s}function le(e,...t){let n=x(e,...t),o=C(n,"g",!1);return se(()=>{let a=re(S),c=null,g=()=>{c!==null&&(V(c),c=null)};return ne(()=>{let p={theme:a.value},h=b(o,m=>$(m.fn(p))),w=`g${y(h)}`;g(),T(w,h),c=w}),oe(g),null},void 0,`firsthand/styled:global${y(e.join("|"))}`,"GlobalStyle")}export{S as ThemeContext,le as createGlobalStyle,x as css,y as hash,j as isFragment,ie as keyframes,L as resetStyles,te as styled,z as useTheme};
+import{bind as T,signal as W,useContext as G}from"@firsthandjs/core";import{component as B}from"@firsthandjs/dom";import{applyProp as J,insert as N}from"@firsthandjs/dom/internal";var v=Symbol("firsthand.css");function f(e,...t){return{[v]:!0,strings:[...e],values:t}}function C(e){return typeof e=="object"&&e!==null&&v in e}function A(e){for(let t=e.length-1;t>=0;t--){let n=e[t];if(n===":")return!0;if(n===";"||n==="{"||n==="}")return!1}return!1}function j(e){return e==null||e===!1||e===!0?"":String(e)}function g(e,t,n=!0){let o=[],s=[],r="",i=()=>{r!==""&&(s.push(r),r="")},a=c=>{for(let[l,p]of c.strings.entries()){if(r+=p,l>=c.values.length)continue;let d=c.values[l];if(C(d)){a(d);continue}if(typeof d!="function"){r+=j(d);continue}let E=o.length,P=n&&A(r)?"value":"block",w={kind:P,property:`--${t}-${String(E)}`,fn:d};o.push(w),P==="value"?r+=`var(${w.property})`:(i(),s.push(w))}};return a(e),i(),{chunks:s,slots:o,static:o.length===0}}function b(e){return e.chunks.join("")}function x(e,t){let n="";for(let o of e.chunks)n+=typeof o=="string"?o:t(o);return n}function S(e){if(C(e)){let t=g(e,"x");if(!t.static)throw new Error("A css`` fragment returned from an interpolation must not contain further functions.");return b(t)}return j(e)}var k=new Map,u=null;function m(e){let t=2166136261;for(let n=0;n<e.length;n++)t^=e.charCodeAt(n),t=Math.imul(t,16777619);return(t>>>0).toString(36)}function M(){return u!==null&&u.isConnected||(u=document.createElement("style"),u.setAttribute("data-firsthand-styled",""),document.head.appendChild(u)),u}function y(e,t){let n=k.get(e);if(n!==void 0)return n.count++,!1;let o=document.createTextNode(t);return k.set(e,{node:o,count:1}),M().appendChild(o),!0}function $(e){let t=k.get(e);t!==void 0&&(--t.count>0||(k.delete(e),t.node.remove()))}function I(){k.clear(),u?.remove(),u=null}import{createContext as O,useContext as V}from"@firsthandjs/core";var H=Object.freeze({}),h=O(H,"theme");function L(){return V(h)}function X(e,t){return t==="children"||t==="class"||t.startsWith("$")?!1:t in e||t.startsWith("data-")||t.startsWith("aria-")||t.startsWith("on")||t==="style"||t==="role"}function q(e,t){let n={};for(let o of Object.keys(e))Object.defineProperty(n,o,{enumerable:!0,get:()=>e[o]});return Object.defineProperty(n,"theme",{enumerable:!0,get:()=>t.value}),n}var z=0,R=new WeakMap;function F(e,t){let n=typeof e=="string"?e:null,o=n===null?(R.get(e)??0)+1:0,s=`s${m(t.strings.join("|"))}${String(++z)}`,r=g(t,s,n!==null),i=x(r,()=>""),a={tag:n,id:s,compiled:r,selector:l=>`.${l}`.repeat(o+1),baseClass:`${s}-${m(i)}`,blocks:r.slots.some(l=>l.kind==="block")};a.blocks||y(a.baseClass,`${a.selector(a.baseClass)}{${i}}`);let c=B(l=>Y(l,a,e),void 0,`firsthand/styled:${s}`,n===null?`Styled(${e.name})`:`Styled(${n})`);return R.set(c,o),c}function Y(e,t,n){let o=G(h),s=q(e,o),r=t.tag===null?null:document.createElement(t.tag),i=r===null?W(""):null,a="";if(D(t,s,c=>{let l=e.class,p=`${c}${typeof l=="string"&&l!==""?` ${l}`:""}`;p!==a&&(a=p,_(r,i,p))}),K(t,s,r),r===null)return n(Q(e,i));for(let c of Object.keys(e))X(r,c)&&T(()=>{J(r,c,e[c])});return N(r,()=>e.children),r}function _(e,t,n){e===null?t.value=n:e.className=n}function D(e,t,n){if(!e.blocks){T(()=>{n(e.baseClass)});return}T(()=>{let o=x(e.compiled,r=>S(r.fn(t))),s=`${e.id}-${m(o)}`;y(s,`${e.selector(s)}{${o}}`),n(s)})}function K(e,t,n){for(let o of e.compiled.slots){if(o.kind!=="value")continue;let s=n;T(()=>{let r=o.fn(t),i=r==null||r===!1?"":String(r);s.style.setProperty(o.property,i)})}}function Q(e,t){let n={};for(let o of Object.keys(e))o!=="class"&&Object.defineProperty(n,o,{enumerable:!0,get:()=>e[o]});return Object.defineProperty(n,"class",{enumerable:!0,get:()=>t.value}),n}var U=new Proxy((e=>(t,...n)=>F(e,f(t,...n))),{get:(e,t)=>(n,...o)=>F(t,f(n,...o))});import{bind as Z,onCleanup as ee,useContext as te}from"@firsthandjs/core";import{component as ne}from"@firsthandjs/dom";function oe(e,...t){let n=g(f(e,...t),"k",!1);if(!n.static)throw new Error("keyframes`` cannot interpolate functions: an animation has no props.");let o=b(n),s=`k${m(o)}`;return y(s,`@keyframes ${s}{${o}}`),s}function re(e,...t){let n=f(e,...t),o=g(n,"g",!1);return ne(()=>{let r=te(h),i=null,a=()=>{i!==null&&($(i),i=null)};return Z(()=>{let c={theme:r.value},l=x(o,d=>S(d.fn(c))),p=`g${m(l)}`;a(),y(p,l),i=p}),ee(a),null},void 0,`firsthand/styled:global${m(e.join("|"))}`,"GlobalStyle")}export{h as ThemeContext,re as createGlobalStyle,f as css,m as hash,C as isFragment,oe as keyframes,I as resetStyles,U as styled,L as useTheme};

package/dist/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAUA,OAAO,EAAa,KAAK,SAAS,EAAa,MAAM,kBAAkB,CAAC;AAKxE,OAAO,EAA2B,UAAU,EAAQ,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvF,OAAO,EAAgB,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAC9E,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5B,0EAA0E;AAC1E,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;AAEpG,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI;IAChC;;;;;;OAMG;IACH,CAAC,CAAC,GAAG,OAAO,EACV,OAAO,EAAE,oBAAoB,EAC7B,GAAG,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GACnC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CACxB,CAAC;AAsMF,KAAK,IAAI,GAAG;KACT,CAAC,IAAI,MAAM,GAAG,CAAC,iBAAiB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,WAId,CAAC,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAG,aAAa,CAAC,CAAC,CAAC,CAQ5C,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAUA,OAAO,EAAa,KAAK,SAAS,EAAa,MAAM,kBAAkB,CAAC;AAKxE,OAAO,EAA2B,UAAU,EAAQ,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvF,OAAO,EAAgB,KAAK,KAAK,EAAE,MAAM,YAAY,CAAC;AAEtD,kEAAkE;AAClE,MAAM,MAAM,YAAY,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAC9E,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACxB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAE5B,0EAA0E;AAC1E,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC;AAEpG,MAAM,MAAM,aAAa,CAAC,IAAI,IAAI;IAChC;;;;;;OAMG;IACH,CAAC,CAAC,GAAG,OAAO,EACV,OAAO,EAAE,oBAAoB,EAC7B,GAAG,MAAM,EAAE,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,EAAE,GACnC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CACxB,CAAC;AAoPF,KAAK,IAAI,GAAG;KACT,CAAC,IAAI,MAAM,GAAG,CAAC,iBAAiB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,WAId,CAAC,QAAQ,SAAS,CAAC,CAAC,CAAC,KAAG,aAAa,CAAC,CAAC,CAAC,CAQ5C,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firsthandjs/styled",
-  "version": "0.9.1",
+  "version": "0.10.0",
   "description": "CSS-in-JS for Firsthand: tagged templates, themes, and fine-grained style updates.",
   "license": "MIT",
   "type": "module",
@@ -19,9 +19,9 @@
     "LICENSE"
   ],
   "dependencies": {
-    "@firsthandjs/core": "0.9.1",
-    "@firsthandjs/dom": "0.9.1",
-    "@firsthandjs/jsx-runtime": "0.9.1"
+    "@firsthandjs/core": "0.10.0",
+    "@firsthandjs/dom": "0.10.0",
+    "@firsthandjs/jsx-runtime": "0.10.0"
   },
   "engines": {
     "node": ">=20.11.0"