@telegraph/tag 0.0.29 → 0.0.30

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @telegraph/tag
 
+## 0.0.30
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @telegraph/icon@0.0.18
+  - @telegraph/tooltip@0.0.10
+  - @telegraph/typography@0.0.16
+  - @telegraph/button@0.0.29
+
 ## 0.0.29
 
 ### Patch Changes

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),w=require("@telegraph/button"),h=require("@telegraph/icon"),L=require("@telegraph/compose-refs"),y=require("clsx"),c=require("react"),M=require("@telegraph/tooltip"),S=require("@telegraph/typography"),R=require("framer-motion"),g=["sm","md","lg","xl","2xl"],P=o=>{const t=[];let e=null;for(let r=0;r<g.length;r++){const n=g[r];if(o[n])e=o[n],t.push(e);else if(e!==null)t.push(e);else{let l=null;for(let i=r+1;i<g.length;i++)if(o[g[i]]){l=o[g[i]];break}if(l!==null){for(let i=0;i<=r;i++)t.push(l);e=l}}}return t},V=o=>typeof o=="object"&&(o.sm||o.md||o.lg||o.xl||o["2xl"]),s=({value:o,prop:t})=>{if(!o)return"";if(t.valueType==="static")return o.toString();const e=t.type==="color"?"":`-${t.type}`;return o===!0?`var(--tgph${e}-${t.default})`:`var(--tgph${e}-${o})`},f={top:0,right:1,bottom:2,left:3},d={topLeft:0,topRight:1,bottomRight:2,bottomLeft:3},X=({cssVariables:o,value:t,prop:e,direction:r="all"})=>{const n=o[`--tgph-${e.rule}`]||"",l=n?n.split(" "):[],i=[(l==null?void 0:l[0])||0,(l==null?void 0:l[1])||0,(l==null?void 0:l[2])||0,(l==null?void 0:l[3])||0];return r==="all"?s({value:t,prop:e}):(e.ordering==="clockwise"?(r==="top"&&(i[d.topLeft]=s({value:t,prop:e}),i[d.topRight]=s({value:t,prop:e})),r==="right"&&(i[d.topRight]=s({value:t,prop:e}),i[d.bottomRight]=s({value:t,prop:e})),r==="bottom"&&(i[d.bottomRight]=s({value:t,prop:e}),i[d.bottomLeft]=s({value:t,prop:e})),r==="left"&&(i[d.bottomLeft]=s({value:t,prop:e}),i[d.topLeft]=s({value:t,prop:e})),(r==="topLeft"||r==="topRight"||r==="bottomRight"||r==="bottomLeft")&&(i[d[r]]=s({value:t,prop:e}))):(r==="x"&&(i[f.left]=s({value:t,prop:e}),i[f.right]=s({value:t,prop:e})),r==="y"&&(i[f.top]=s({value:t,prop:e}),i[f.bottom]=s({value:t,prop:e})),(r==="top"||r==="bottom"||r==="left"||r==="right")&&(i[f[r]]=s({value:t,prop:e}))),i.join(" "))},j=({prop:o,value:t,cssVariables:e})=>o.direction?X({cssVariables:e,prop:o,value:t,direction:o.direction,type:o.type}):s({value:t,prop:o}),C=({props:o,ref:t,propsMap:e})=>{if(!t.current)return;const r={};Object.entries(o).forEach(([n,l])=>{const i=e[n];i&&(typeof l=="string"||typeof l=="boolean"?r[`--tgph-${i.rule}`]=j({prop:i,key:n,value:l,cssVariables:r}):V(l)&&P(l).forEach((a,u)=>{a&&(r[`--tgph-${i.rule}-${g[u]}`]=j({prop:i,key:n,value:a,cssVariables:r}))})),Object.entries(r).forEach(([a,u])=>{t.current&&t.current.style.setProperty(a,u)})})},T={display:{rule:"display",type:"block-display",valueType:"static"},h:{rule:"height",type:"spacing"},w:{rule:"width",type:"spacing"},maxH:{rule:"max-height",type:"spacing"},maxW:{rule:"max-width",type:"spacing"},p:{rule:"padding",type:"spacing",direction:"all"},m:{rule:"margin",type:"spacing",direction:"all"},pt:{rule:"padding",type:"spacing",direction:"top"},pl:{rule:"padding",type:"spacing",direction:"left"},pb:{rule:"padding",type:"spacing",direction:"bottom"},pr:{rule:"padding",type:"spacing",direction:"right"},px:{rule:"padding",type:"spacing",direction:"x"},py:{rule:"padding",type:"spacing",direction:"y"},mt:{rule:"margin",type:"spacing",direction:"top"},ml:{rule:"margin",type:"spacing",direction:"left"},mb:{rule:"margin",type:"spacing",direction:"bottom"},mr:{rule:"margin",type:"spacing",direction:"right"},mx:{rule:"margin",type:"spacing",direction:"x"},my:{rule:"margin",type:"spacing",direction:"y"},bg:{rule:"background-color",type:"color"},rounded:{rule:"border-radius",type:"rounded",direction:"all"},roundedTopLeft:{rule:"border-radius",type:"rounded",direction:"topLeft",ordering:"clockwise"},roundedBottomLeft:{rule:"border-radius",type:"rounded",direction:"bottomLeft",ordering:"clockwise"},roundedBottomRight:{rule:"border-radius",type:"rounded",direction:"bottomRight",ordering:"clockwise"},roundedTopRight:{rule:"border-radius",type:"rounded",direction:"topRight",ordering:"clockwise"},roundedTop:{rule:"border-radius",type:"rounded",direction:"top",ordering:"clockwise"},roundedBottom:{rule:"border-radius",type:"rounded",direction:"bottom",ordering:"clockwise"},roundedLeft:{rule:"border-radius",type:"rounded",direction:"left",ordering:"clockwise"},roundedRight:{rule:"border-radius",type:"rounded",direction:"right",ordering:"clockwise"},border:{rule:"border-width",type:"spacing",direction:"all",default:"px"},borderTop:{rule:"border-width",type:"spacing",direction:"top",default:"px"},borderLeft:{rule:"border-width",type:"spacing",direction:"left",default:"px"},borderBottom:{rule:"border-width",type:"spacing",direction:"bottom",default:"px"},borderRight:{rule:"border-width",type:"spacing",direction:"right",default:"px"},borderX:{rule:"border-width",type:"spacing",direction:"x",default:"px"},borderY:{rule:"border-width",type:"spacing",direction:"y",default:"px"},borderColor:{rule:"border-color",type:"color",default:"gray-4"},borderStyle:{rule:"border-style",type:"border-style",default:"solid"},shadow:{rule:"box-shadow",type:"shadow"}},A=({as:o,className:t,tgphRef:e,...r})=>{const n=o||"div",l=c.useRef(null),i=L.useComposedRefs(e,l),a=c.useMemo(()=>{const u={borderColor:!0,...r};return Object.keys(u).reduce((v,b)=>(Object.keys(T).some($=>$===b)?v.box[b]=u[b]:v.rest[b]=u[b],v),{box:{},rest:{}})},[r]);return c.useLayoutEffect(()=>{C({props:a.box,ref:l,propsMap:T})},[a.box]),p.jsx(n,{className:y("tgph-box",t),ref:i,...a.rest})},k={display:{rule:"display",type:"flex-display",valueType:"static"},direction:{rule:"flex-direction",type:"flex-direction",valueType:"static"},align:{rule:"align-items",type:"align-items",valueType:"static"},justify:{rule:"justify-content",type:"justify-content",valueType:"static"},wrap:{rule:"flex-wrap",type:"flex-wrap",valueType:"static"},gap:{rule:"gap",type:"spacing",valueType:"variable"}},D=({className:o,tgphRef:t,...e})=>{const r=c.useRef(null),n=L.useComposedRefs(t,r),l=c.useMemo(()=>Object.keys(e).reduce((i,a)=>(Object.keys(k).some(u=>u===a)?i.stack[a]=e[a]:i.rest[a]=e[a],i),{stack:{},rest:{}}),[e]);return c.useLayoutEffect(()=>{C({props:l.stack,ref:r,propsMap:k})},[l.stack,n]),p.jsx(A,{className:y("tgph-stack",o),tgphRef:n,...l.rest})},G={Root:{0:"h-5",1:"h-6",2:"h-8"}},B={Root:{0:"1",1:"2",2:"2"},Text:{0:"1",1:"2",2:"2"}},m={Root:{solid:{default:"bg-gray-9",accent:"bg-accent-9",gray:"bg-gray-9",red:"bg-red-9",blue:"bg-blue-9",green:"bg-green-9",yellow:"bg-yellow-9",purple:"bg-purple-9"},soft:{default:"bg-gray-3",accent:"bg-accent-3",gray:"bg-gray-3",red:"bg-red-3",blue:"bg-blue-3",green:"bg-green-3",yellow:"bg-yellow-3",purple:"bg-purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},x=c.createContext({size:"1",color:"default",variant:"soft"}),O=({as:o="span",size:t="1",color:e="default",variant:r="soft",className:n,...l})=>p.jsx(x.Provider,{value:{size:t,color:e,variant:r},children:p.jsx(D,{as:o,display:"inline-flex",align:"center",rounded:"3",pl:B.Root[t],className:y.clsx(G.Root[t],m.Root[r][e],n),...l,"data-tag":!0})}),q=({as:o="span",...t})=>{const e=c.useContext(x);return p.jsx(S.Text,{as:o,size:e.size,color:m.Text[e.variant][e.color],weight:"medium",mr:B.Text[e.size],...t})},N=({onClick:o,textToCopy:t,className:e,...r})=>{const n=c.useContext(x),[l,i]=c.useState(!1);return c.useEffect(()=>{if(l){const a=setTimeout(()=>i(!1),2e3);return()=>clearTimeout(a)}},[l]),p.jsx(R.AnimatePresence,{mode:"wait",initial:!1,children:p.jsx(M.Tooltip,{label:"Copy text",children:p.jsx(w.Button.Root,{onClick:a=>{var u;o==null||o(a),i(!0),t&&navigator.clipboard.writeText(t),(u=a.currentTarget)==null||u.blur()},size:n.size,color:m.Button[n.variant][n.color],variant:n.variant,className:y.clsx("overflow-hidden",e),roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...r,children:l?p.jsx(w.Button.Icon,{as:R.motion.span,initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{duration:.2,type:"spring",bounce:0},icon:h.Lucide.Check,alt:"Copied text"},"check icon"):p.jsx(w.Button.Icon,{as:R.motion.span,initial:{y:"-100%"},animate:{y:0},exit:{y:"-100%"},transition:{duration:.2,type:"spring",bounce:0},icon:h.Lucide.Copy,alt:"Copy text"},"copy icon")})})})},z=({className:o,...t})=>{const e=c.useContext(x);return p.jsx(w.Button,{size:e.size,color:m.Button[e.variant][e.color],variant:e.variant,icon:{icon:h.Lucide.X,alt:"close"},className:y.clsx("rounded-tl-0 rounded-bl-0",o),...t})},E=({icon:o,alt:t,"aria-hidden":e,className:r,...n})=>{const l=c.useContext(x),i=t?{alt:t}:{"aria-hidden":e};return p.jsx(h.Icon,{icon:o,size:l.size,color:m.Icon[l.variant][l.color],className:y.clsx("rounded-tl-0 rounded-bl-0 mr-1",r),...i,...n})},I=({color:o="default",size:t="1",variant:e="soft",icon:r,onRemove:n,onCopy:l,textToCopy:i,children:a,...u})=>p.jsxs(O,{color:o,size:t,variant:e,...u,children:[r&&p.jsx(E,{...r}),p.jsx(q,{as:"span",children:a}),n&&p.jsx(z,{onClick:n,icon:{icon:h.Lucide.X,alt:"Remove"}}),l&&p.jsx(N,{onClick:l,textToCopy:i})]});Object.assign(I,{Root:O,Button:z,Text:q,Icon:E,CopyButton:N});const H=I;exports.Tag=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),w=require("@telegraph/button"),h=require("@telegraph/icon"),L=require("@telegraph/compose-refs"),y=require("clsx"),c=require("react"),M=require("@telegraph/tooltip"),S=require("@telegraph/typography"),R=require("framer-motion"),g=["sm","md","lg","xl","2xl"],P=o=>{const t=[];let e=null;for(let r=0;r<g.length;r++){const n=g[r];if(o[n])e=o[n],t.push(e);else if(e!==null)t.push(e);else{let l=null;for(let i=r+1;i<g.length;i++)if(o[g[i]]){l=o[g[i]];break}if(l!==null){for(let i=0;i<=r;i++)t.push(l);e=l}}}return t},V=o=>typeof o=="object"&&(o.sm||o.md||o.lg||o.xl||o["2xl"]),u=({value:o,prop:t})=>{if(!o)return"";if(t.valueType==="static")return o.toString();const e=t.type==="color"?"":`-${t.type}`;return o===!0?`var(--tgph${e}-${t.default})`:`var(--tgph${e}-${o})`},f={top:0,right:1,bottom:2,left:3},d={topLeft:0,topRight:1,bottomRight:2,bottomLeft:3},X=({cssVariables:o,value:t,prop:e,direction:r="all"})=>{const n=o[`--tgph-${e.rule}`]||"",l=n?n.split(" "):[],i=[(l==null?void 0:l[0])||0,(l==null?void 0:l[1])||0,(l==null?void 0:l[2])||0,(l==null?void 0:l[3])||0];return r==="all"?u({value:t,prop:e}):(e.ordering==="clockwise"?(r==="top"&&(i[d.topLeft]=u({value:t,prop:e}),i[d.topRight]=u({value:t,prop:e})),r==="right"&&(i[d.topRight]=u({value:t,prop:e}),i[d.bottomRight]=u({value:t,prop:e})),r==="bottom"&&(i[d.bottomRight]=u({value:t,prop:e}),i[d.bottomLeft]=u({value:t,prop:e})),r==="left"&&(i[d.bottomLeft]=u({value:t,prop:e}),i[d.topLeft]=u({value:t,prop:e})),(r==="topLeft"||r==="topRight"||r==="bottomRight"||r==="bottomLeft")&&(i[d[r]]=u({value:t,prop:e}))):(r==="x"&&(i[f.left]=u({value:t,prop:e}),i[f.right]=u({value:t,prop:e})),r==="y"&&(i[f.top]=u({value:t,prop:e}),i[f.bottom]=u({value:t,prop:e})),(r==="top"||r==="bottom"||r==="left"||r==="right")&&(i[f[r]]=u({value:t,prop:e}))),i.join(" "))},j=({prop:o,value:t,cssVariables:e})=>o.direction?X({cssVariables:e,prop:o,value:t,direction:o.direction,type:o.type}):u({value:t,prop:o}),C=({props:o,ref:t,propsMap:e})=>{if(!t.current)return;const r={};Object.entries(o).forEach(([n,l])=>{const i=e[n];i&&(typeof l=="string"||typeof l=="boolean"?r[`--tgph-${i.rule}`]=j({prop:i,key:n,value:l,cssVariables:r}):V(l)&&P(l).forEach((a,s)=>{a&&(r[`--tgph-${i.rule}-${g[s]}`]=j({prop:i,key:n,value:a,cssVariables:r}))})),Object.entries(r).forEach(([a,s])=>{t.current&&t.current.style.setProperty(a,s)})})},T={display:{rule:"display",type:"block-display",valueType:"static"},h:{rule:"height",type:"spacing"},w:{rule:"width",type:"spacing"},maxH:{rule:"max-height",type:"spacing"},maxW:{rule:"max-width",type:"spacing"},p:{rule:"padding",type:"spacing",direction:"all"},m:{rule:"margin",type:"spacing",direction:"all"},pt:{rule:"padding",type:"spacing",direction:"top"},pl:{rule:"padding",type:"spacing",direction:"left"},pb:{rule:"padding",type:"spacing",direction:"bottom"},pr:{rule:"padding",type:"spacing",direction:"right"},px:{rule:"padding",type:"spacing",direction:"x"},py:{rule:"padding",type:"spacing",direction:"y"},mt:{rule:"margin",type:"spacing",direction:"top"},ml:{rule:"margin",type:"spacing",direction:"left"},mb:{rule:"margin",type:"spacing",direction:"bottom"},mr:{rule:"margin",type:"spacing",direction:"right"},mx:{rule:"margin",type:"spacing",direction:"x"},my:{rule:"margin",type:"spacing",direction:"y"},bg:{rule:"background-color",type:"color"},rounded:{rule:"border-radius",type:"rounded",direction:"all"},roundedTopLeft:{rule:"border-radius",type:"rounded",direction:"topLeft",ordering:"clockwise"},roundedBottomLeft:{rule:"border-radius",type:"rounded",direction:"bottomLeft",ordering:"clockwise"},roundedBottomRight:{rule:"border-radius",type:"rounded",direction:"bottomRight",ordering:"clockwise"},roundedTopRight:{rule:"border-radius",type:"rounded",direction:"topRight",ordering:"clockwise"},roundedTop:{rule:"border-radius",type:"rounded",direction:"top",ordering:"clockwise"},roundedBottom:{rule:"border-radius",type:"rounded",direction:"bottom",ordering:"clockwise"},roundedLeft:{rule:"border-radius",type:"rounded",direction:"left",ordering:"clockwise"},roundedRight:{rule:"border-radius",type:"rounded",direction:"right",ordering:"clockwise"},border:{rule:"border-width",type:"spacing",direction:"all",default:"px"},borderTop:{rule:"border-width",type:"spacing",direction:"top",default:"px"},borderLeft:{rule:"border-width",type:"spacing",direction:"left",default:"px"},borderBottom:{rule:"border-width",type:"spacing",direction:"bottom",default:"px"},borderRight:{rule:"border-width",type:"spacing",direction:"right",default:"px"},borderX:{rule:"border-width",type:"spacing",direction:"x",default:"px"},borderY:{rule:"border-width",type:"spacing",direction:"y",default:"px"},borderColor:{rule:"border-color",type:"color",default:"gray-4"},borderStyle:{rule:"border-style",type:"border-style",default:"solid"},shadow:{rule:"box-shadow",type:"shadow"},zIndex:{rule:"z-index",type:"zIndex"}},A=({as:o,className:t,tgphRef:e,...r})=>{const n=o||"div",l=c.useRef(null),i=L.useComposedRefs(e,l),a=c.useMemo(()=>{const s={borderColor:!0,...r};return Object.keys(s).reduce((v,b)=>(Object.keys(T).some($=>$===b)?v.box[b]=s[b]:v.rest[b]=s[b],v),{box:{},rest:{}})},[r]);return c.useLayoutEffect(()=>{C({props:a.box,ref:l,propsMap:T})},[a.box]),p.jsx(n,{className:y("tgph-box",t),ref:i,...a.rest})},k={display:{rule:"display",type:"flex-display",valueType:"static"},direction:{rule:"flex-direction",type:"flex-direction",valueType:"static"},align:{rule:"align-items",type:"align-items",valueType:"static"},justify:{rule:"justify-content",type:"justify-content",valueType:"static"},wrap:{rule:"flex-wrap",type:"flex-wrap",valueType:"static"},gap:{rule:"gap",type:"spacing",valueType:"variable"}},D=({className:o,tgphRef:t,...e})=>{const r=c.useRef(null),n=L.useComposedRefs(t,r),l=c.useMemo(()=>Object.keys(e).reduce((i,a)=>(Object.keys(k).some(s=>s===a)?i.stack[a]=e[a]:i.rest[a]=e[a],i),{stack:{},rest:{}}),[e]);return c.useLayoutEffect(()=>{C({props:l.stack,ref:r,propsMap:k})},[l.stack,n]),p.jsx(A,{className:y("tgph-stack",o),tgphRef:n,...l.rest})},G={Root:{0:"h-5",1:"h-6",2:"h-8"}},B={Root:{0:"1",1:"2",2:"2"},Text:{0:"1",1:"2",2:"2"}},m={Root:{solid:{default:"bg-gray-9",accent:"bg-accent-9",gray:"bg-gray-9",red:"bg-red-9",blue:"bg-blue-9",green:"bg-green-9",yellow:"bg-yellow-9",purple:"bg-purple-9"},soft:{default:"bg-gray-3",accent:"bg-accent-3",gray:"bg-gray-3",red:"bg-red-3",blue:"bg-blue-3",green:"bg-green-3",yellow:"bg-yellow-3",purple:"bg-purple-3"}},Icon:{solid:{default:"white",gray:"white",red:"white",accent:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Text:{solid:{default:"white",gray:"white",accent:"white",red:"white",blue:"white",green:"white",yellow:"white",purple:"white"},soft:{default:"default",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}},Button:{solid:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"},soft:{default:"gray",gray:"gray",accent:"accent",red:"red",blue:"blue",green:"green",yellow:"yellow",purple:"purple"}}},x=c.createContext({size:"1",color:"default",variant:"soft"}),z=({as:o="span",size:t="1",color:e="default",variant:r="soft",className:n,...l})=>p.jsx(x.Provider,{value:{size:t,color:e,variant:r},children:p.jsx(D,{as:o,display:"inline-flex",align:"center",rounded:"3",pl:B.Root[t],className:y.clsx(G.Root[t],m.Root[r][e],n),...l,"data-tag":!0})}),O=({as:o="span",...t})=>{const e=c.useContext(x);return p.jsx(S.Text,{as:o,size:e.size,color:m.Text[e.variant][e.color],weight:"medium",mr:B.Text[e.size],...t})},I=({onClick:o,textToCopy:t,className:e,...r})=>{const n=c.useContext(x),[l,i]=c.useState(!1);return c.useEffect(()=>{if(l){const a=setTimeout(()=>i(!1),2e3);return()=>clearTimeout(a)}},[l]),p.jsx(R.AnimatePresence,{mode:"wait",initial:!1,children:p.jsx(M.Tooltip,{label:"Copy text",children:p.jsx(w.Button.Root,{onClick:a=>{var s;o==null||o(a),i(!0),t&&navigator.clipboard.writeText(t),(s=a.currentTarget)==null||s.blur()},size:n.size,color:m.Button[n.variant][n.color],variant:n.variant,className:y.clsx("overflow-hidden",e),roundedTopRight:"3",roundedBottomRight:"3",roundedTopLeft:"0",roundedBottomLeft:"0",...r,children:l?p.jsx(w.Button.Icon,{as:R.motion.span,initial:{y:"100%"},animate:{y:0},exit:{y:"100%"},transition:{duration:.2,type:"spring",bounce:0},icon:h.Lucide.Check,alt:"Copied text"},"check icon"):p.jsx(w.Button.Icon,{as:R.motion.span,initial:{y:"-100%"},animate:{y:0},exit:{y:"-100%"},transition:{duration:.2,type:"spring",bounce:0},icon:h.Lucide.Copy,alt:"Copy text"},"copy icon")})})})},q=({className:o,...t})=>{const e=c.useContext(x);return p.jsx(w.Button,{size:e.size,color:m.Button[e.variant][e.color],variant:e.variant,icon:{icon:h.Lucide.X,alt:"close"},className:y.clsx("rounded-tl-0 rounded-bl-0",o),...t})},N=({icon:o,alt:t,"aria-hidden":e,className:r,...n})=>{const l=c.useContext(x),i=t?{alt:t}:{"aria-hidden":e};return p.jsx(h.Icon,{icon:o,size:l.size,color:m.Icon[l.variant][l.color],className:y.clsx("rounded-tl-0 rounded-bl-0 mr-1",r),...i,...n})},E=({color:o="default",size:t="1",variant:e="soft",icon:r,onRemove:n,onCopy:l,textToCopy:i,children:a,...s})=>p.jsxs(z,{color:o,size:t,variant:e,...s,children:[r&&p.jsx(N,{...r}),p.jsx(O,{as:"span",children:a}),n&&p.jsx(q,{onClick:n,icon:{icon:h.Lucide.X,alt:"Remove"}}),l&&p.jsx(I,{onClick:l,textToCopy:i})]});Object.assign(E,{Root:z,Button:q,Text:O,Icon:N,CopyButton:I});const H=E;exports.Tag=H;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../layout/dist/esm/index.mjs","../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["import { jsx as x } from \"react/jsx-runtime\";\nimport { useComposedRefs as R } from \"@telegraph/compose-refs\";\nimport w from \"clsx\";\nimport u from \"react\";\nconst a = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"], j = (i) => {\n  const e = [];\n  let t = null;\n  for (let r = 0; r < a.length; r++) {\n    const n = a[r];\n    if (i[n])\n      t = i[n], e.push(t);\n    else if (t !== null)\n      e.push(t);\n    else {\n      let s = null;\n      for (let o = r + 1; o < a.length; o++)\n        if (i[a[o]]) {\n          s = i[a[o]];\n          break;\n        }\n      if (s !== null) {\n        for (let o = 0; o <= r; o++)\n          e.push(s);\n        t = s;\n      }\n    }\n  }\n  return e;\n}, k = (i) => typeof i == \"object\" && (i.sm || i.md || i.lg || i.xl || i[\"2xl\"]), d = ({\n  value: i,\n  prop: e\n}) => {\n  if (!i) return \"\";\n  if (e.valueType === \"static\")\n    return i.toString();\n  const t = e.type === \"color\" ? \"\" : `-${e.type}`;\n  return i === !0 ? `var(--tgph${t}-${e.default})` : `var(--tgph${t}-${i})`;\n}, b = {\n  top: 0,\n  right: 1,\n  bottom: 2,\n  left: 3\n}, p = {\n  topLeft: 0,\n  topRight: 1,\n  bottomRight: 2,\n  bottomLeft: 3\n}, O = ({\n  cssVariables: i,\n  value: e,\n  prop: t,\n  direction: r = \"all\"\n}) => {\n  const n = i[`--tgph-${t.rule}`] || \"\", s = n ? n.split(\" \") : [], o = [\n    (s == null ? void 0 : s[0]) || 0,\n    (s == null ? void 0 : s[1]) || 0,\n    (s == null ? void 0 : s[2]) || 0,\n    (s == null ? void 0 : s[3]) || 0\n  ];\n  return r === \"all\" ? d({ value: e, prop: t }) : (t.ordering === \"clockwise\" ? (r === \"top\" && (o[p.topLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topRight] = d({\n    value: e,\n    prop: t\n  })), r === \"right\" && (o[p.topRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  })), r === \"bottom\" && (o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  })), r === \"left\" && (o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topLeft] = d({\n    value: e,\n    prop: t\n  })), (r === \"topLeft\" || r === \"topRight\" || r === \"bottomRight\" || r === \"bottomLeft\") && (o[p[r]] = d({\n    value: e,\n    prop: t\n  }))) : (r === \"x\" && (o[b.left] = d({\n    value: e,\n    prop: t\n  }), o[b.right] = d({\n    value: e,\n    prop: t\n  })), r === \"y\" && (o[b.top] = d({\n    value: e,\n    prop: t\n  }), o[b.bottom] = d({\n    value: e,\n    prop: t\n  })), (r === \"top\" || r === \"bottom\" || r === \"left\" || r === \"right\") && (o[b[r]] = d({\n    value: e,\n    prop: t\n  }))), o.join(\" \"));\n}, y = ({\n  prop: i,\n  value: e,\n  cssVariables: t\n}) => i.direction ? O({\n  cssVariables: t,\n  prop: i,\n  value: e,\n  direction: i.direction,\n  type: i.type\n}) : d({ value: e, prop: i }), L = ({\n  props: i,\n  ref: e,\n  propsMap: t\n}) => {\n  if (!e.current) return;\n  const r = {};\n  Object.entries(i).forEach(([n, s]) => {\n    const o = t[n];\n    o && (typeof s == \"string\" || typeof s == \"boolean\" ? r[`--tgph-${o.rule}`] = y({\n      prop: o,\n      key: n,\n      value: s,\n      cssVariables: r\n    }) : k(s) && j(s).forEach((c, f) => {\n      c && (r[`--tgph-${o.rule}-${a[f]}`] = y({\n        prop: o,\n        key: n,\n        value: c,\n        cssVariables: r\n      }));\n    })), Object.entries(r).forEach(([l, c]) => {\n      e.current && e.current.style.setProperty(l, c);\n    });\n  });\n}, m = {\n  display: {\n    rule: \"display\",\n    type: \"block-display\",\n    valueType: \"static\"\n  },\n  h: {\n    rule: \"height\",\n    type: \"spacing\"\n  },\n  w: {\n    rule: \"width\",\n    type: \"spacing\"\n  },\n  maxH: {\n    rule: \"max-height\",\n    type: \"spacing\"\n  },\n  maxW: {\n    rule: \"max-width\",\n    type: \"spacing\"\n  },\n  p: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  m: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  pt: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  pl: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  pb: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  pr: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  px: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  py: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  mt: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  ml: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  mb: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  mr: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  mx: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  my: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  bg: {\n    rule: \"background-color\",\n    type: \"color\"\n  },\n  rounded: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"all\"\n  },\n  roundedTopLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTopRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTop: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"top\",\n    ordering: \"clockwise\"\n  },\n  roundedBottom: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottom\",\n    ordering: \"clockwise\"\n  },\n  roundedLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"left\",\n    ordering: \"clockwise\"\n  },\n  roundedRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"right\",\n    ordering: \"clockwise\"\n  },\n  border: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"all\",\n    default: \"px\"\n  },\n  borderTop: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"top\",\n    default: \"px\"\n  },\n  borderLeft: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"left\",\n    default: \"px\"\n  },\n  borderBottom: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"bottom\",\n    default: \"px\"\n  },\n  borderRight: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"right\",\n    default: \"px\"\n  },\n  borderX: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"x\",\n    default: \"px\"\n  },\n  borderY: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"y\",\n    default: \"px\"\n  },\n  borderColor: {\n    rule: \"border-color\",\n    type: \"color\",\n    default: \"gray-4\"\n  },\n  borderStyle: {\n    rule: \"border-style\",\n    type: \"border-style\",\n    default: \"solid\"\n  },\n  shadow: {\n    rule: \"box-shadow\",\n    type: \"shadow\"\n  }\n}, C = ({\n  as: i,\n  className: e,\n  tgphRef: t,\n  ...r\n}) => {\n  const n = i || \"div\", s = u.useRef(null), o = R(t, s), l = u.useMemo(() => {\n    const c = { borderColor: !0, ...r };\n    return Object.keys(c).reduce(\n      (f, g) => (Object.keys(m).some((T) => T === g) ? f.box[g] = c[g] : f.rest[g] = c[g], f),\n      { box: {}, rest: {} }\n    );\n  }, [r]);\n  return u.useLayoutEffect(() => {\n    L({\n      props: l.box,\n      ref: s,\n      propsMap: m\n    });\n  }, [l.box]), /* @__PURE__ */ x(\n    n,\n    {\n      className: w(\"tgph-box\", e),\n      ref: o,\n      ...l.rest\n    }\n  );\n}, h = {\n  display: {\n    rule: \"display\",\n    type: \"flex-display\",\n    valueType: \"static\"\n  },\n  direction: {\n    rule: \"flex-direction\",\n    type: \"flex-direction\",\n    valueType: \"static\"\n  },\n  align: {\n    rule: \"align-items\",\n    type: \"align-items\",\n    valueType: \"static\"\n  },\n  justify: {\n    rule: \"justify-content\",\n    type: \"justify-content\",\n    valueType: \"static\"\n  },\n  wrap: {\n    rule: \"flex-wrap\",\n    type: \"flex-wrap\",\n    valueType: \"static\"\n  },\n  gap: {\n    rule: \"gap\",\n    type: \"spacing\",\n    valueType: \"variable\"\n  }\n}, E = ({\n  className: i,\n  tgphRef: e,\n  ...t\n}) => {\n  const r = u.useRef(null), n = R(e, r), s = u.useMemo(\n    () => Object.keys(t).reduce(\n      (o, l) => (Object.keys(h).some((c) => c === l) ? o.stack[l] = t[l] : o.rest[l] = t[l], o),\n      { stack: {}, rest: {} }\n    ),\n    [t]\n  );\n  return u.useLayoutEffect(() => {\n    L({\n      props: s.stack,\n      ref: r,\n      propsMap: h\n    });\n  }, [s.stack, n]), /* @__PURE__ */ x(\n    C,\n    {\n      className: w(\"tgph-stack\", i),\n      tgphRef: n,\n      ...s.rest\n    }\n  );\n};\nexport {\n  C as Box,\n  E as Stack\n};\n//# sourceMappingURL=index.mjs.map\n","export const SIZE = {\n  Root: {\n    \"0\": \"h-5\",\n    \"1\": \"h-6\",\n    \"2\": \"h-8\",\n  },\n} as const;\n\nexport const SPACING = {\n  Root: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n  Text: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n} as const;\n\nexport const COLOR = {\n  Root: {\n    solid: {\n      default: \"bg-gray-9\",\n      accent: \"bg-accent-9\",\n      gray: \"bg-gray-9\",\n      red: \"bg-red-9\",\n      blue: \"bg-blue-9\",\n      green: \"bg-green-9\",\n      yellow: \"bg-yellow-9\",\n      purple: \"bg-purple-9\",\n    },\n    soft: {\n      default: \"bg-gray-3\",\n      accent: \"bg-accent-3\",\n      gray: \"bg-gray-3\",\n      red: \"bg-red-3\",\n      blue: \"bg-blue-3\",\n      green: \"bg-green-3\",\n      yellow: \"bg-yellow-3\",\n      purple: \"bg-purple-3\",\n    },\n  },\n  Icon: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      red: \"white\",\n      accent: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Text: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      accent: \"white\",\n      red: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Button: {\n    solid: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n    soft: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n  PolymorphicProps,\n  PolymorphicPropsWithTgphRef,\n  Required,\n  TgphComponentProps,\n  TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n  size?: \"0\" | \"1\" | \"2\";\n  color?: keyof (typeof COLOR.Root)[\"soft\"];\n  variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n  T,\n  HTMLSpanElement\n> &\n  TgphComponentProps<typeof Stack> &\n  RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n  size: \"1\",\n  color: \"default\",\n  variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n  as = \"span\" as T,\n  size = \"1\",\n  color = \"default\",\n  variant = \"soft\",\n  className,\n  ...props\n}: RootProps<T>) => {\n  return (\n    <TagContext.Provider value={{ size, color, variant }}>\n      <Stack\n        as={as}\n        display=\"inline-flex\"\n        align=\"center\"\n        rounded=\"3\"\n        pl={SPACING.Root[size]}\n        className={clsx(SIZE.Root[size], COLOR.Root[variant][color], className)}\n        {...props}\n        data-tag\n      />\n    </TagContext.Provider>\n  );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n  TgphComponentProps<typeof TelegraphText<T>>,\n  \"as\"\n> & {\n  as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n  as = \"span\" as T,\n  ...props\n}: TextProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphText\n      as={as}\n      size={context.size}\n      color={COLOR.Text[context.variant][context.color]}\n      weight=\"medium\"\n      mr={SPACING.Text[context.size]}\n      {...props}\n    />\n  );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n  textToCopy?: string;\n};\n\nconst CopyButton = ({\n  onClick,\n  textToCopy,\n  className,\n  ...props\n}: CopyButtonProps) => {\n  const context = React.useContext(TagContext);\n\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (copied) {\n      const timeout = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [copied]);\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <Tooltip label=\"Copy text\">\n        <TelegraphButton.Root\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            // Still run onClick incase the consumer wants to do something else\n            onClick?.(event);\n            setCopied(true);\n            textToCopy && navigator.clipboard.writeText(textToCopy);\n            event.currentTarget?.blur();\n          }}\n          size={context.size}\n          color={COLOR.Button[context.variant][context.color]}\n          variant={context.variant}\n          className={clsx(\"overflow-hidden\", className)}\n          roundedTopRight=\"3\"\n          roundedBottomRight=\"3\"\n          roundedTopLeft=\"0\"\n          roundedBottomLeft=\"0\"\n          {...props}\n        >\n          {copied ? (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Check}\n              alt=\"Copied text\"\n              key={\"check icon\"}\n            />\n          ) : (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"-100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"-100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Copy}\n              alt=\"Copy text\"\n              key={\"copy icon\"}\n            />\n          )}\n        </TelegraphButton.Root>\n      </Tooltip>\n    </AnimatePresence>\n  );\n};\n\nconst Button = <T extends TgphElement>({\n  className,\n  ...props\n}: ButtonProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphButton\n      size={context.size}\n      color={COLOR.Button[context.variant][context.color]}\n      variant={context.variant}\n      icon={{ icon: Lucide.X, alt: \"close\" }}\n      className={clsx(\"rounded-tl-0 rounded-bl-0\", className)}\n      {...props}\n    />\n  );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n  icon,\n  alt,\n  \"aria-hidden\": ariaHidden,\n  className,\n  ...props\n}: IconProps<T>) => {\n  const context = React.useContext(TagContext);\n  const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n  return (\n    <TelegraphIcon\n      icon={icon}\n      size={context.size}\n      color={COLOR.Icon[context.variant][context.color]}\n      className={clsx(\"rounded-tl-0 rounded-bl-0 mr-1\", className)}\n      {...a11yProps}\n      {...props}\n    />\n  );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n  TgphComponentProps<typeof Root<T>> & {\n    icon?: React.ComponentProps<typeof TelegraphIcon>;\n    onRemove?: () => void;\n  } & ( // Optionally allow textToCopy only when onCopy is defined\n    | {\n        onCopy: () => void;\n        textToCopy?: string;\n      }\n    | {\n        onCopy?: never;\n        textToCopy?: never;\n      }\n  );\n\nconst Default = <T extends TgphElement>({\n  color = \"default\",\n  size = \"1\",\n  variant = \"soft\",\n  icon,\n  onRemove,\n  onCopy,\n  textToCopy,\n  children,\n  ...props\n}: DefaultProps<T>) => {\n  return (\n    <Root color={color} size={size} variant={variant} {...props}>\n      {icon && <Icon {...icon} />}\n      <Text as=\"span\">{children}</Text>\n      {onRemove && (\n        <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n      )}\n      {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n    </Root>\n  );\n};\n\nObject.assign(Default, {\n  Root,\n  Button,\n  Text,\n  Icon,\n  CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n  Root: typeof Root;\n  Button: typeof Button;\n  Text: typeof Text;\n  Icon: typeof Icon;\n  CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["a","j","i","e","t","s","o","k","d","b","p","O","y","L","c","f","l","m","C","u","R","g","T","x","w","h","E","SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","AnimatePresence","Tooltip","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","children","Tag"],"mappings":"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,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,MACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,QACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,OACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,MACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,QACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,OACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,mBACN,KAAM,OACP,EACD,QAAS,CACP,KAAM,gBACN,KAAM,UACN,UAAW,KACZ,EACD,eAAgB,CACd,KAAM,gBACN,KAAM,UACN,UAAW,UACX,SAAU,WACX,EACD,kBAAmB,CACjB,KAAM,gBACN,KAAM,UACN,UAAW,aACX,SAAU,WACX,EACD,mBAAoB,CAClB,KAAM,gBACN,KAAM,UACN,UAAW,cACX,SAAU,WACX,EACD,gBAAiB,CACf,KAAM,gBACN,KAAM,UACN,UAAW,WACX,SAAU,WACX,EACD,WAAY,CACV,KAAM,gBACN,KAAM,UACN,UAAW,MACX,SAAU,WACX,EACD,cAAe,CACb,KAAM,gBACN,KAAM,UACN,UAAW,SACX,SAAU,WACX,EACD,YAAa,CACX,KAAM,gBACN,KAAM,UACN,UAAW,OACX,SAAU,WACX,EACD,aAAc,CACZ,KAAM,gBACN,KAAM,UACN,UAAW,QACX,SAAU,WACX,EACD,OAAQ,CACN,KAAM,eACN,KAAM,UACN,UAAW,MACX,QAAS,IACV,EACD,UAAW,CACT,KAAM,eACN,KAAM,UACN,UAAW,MACX,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"}
+{"version":3,"file":"index.js","sources":["../../../layout/dist/esm/index.mjs","../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["import { jsx as x } from \"react/jsx-runtime\";\nimport { useComposedRefs as R } from \"@telegraph/compose-refs\";\nimport w from \"clsx\";\nimport u from \"react\";\nconst a = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"], j = (i) => {\n  const e = [];\n  let t = null;\n  for (let r = 0; r < a.length; r++) {\n    const n = a[r];\n    if (i[n])\n      t = i[n], e.push(t);\n    else if (t !== null)\n      e.push(t);\n    else {\n      let s = null;\n      for (let o = r + 1; o < a.length; o++)\n        if (i[a[o]]) {\n          s = i[a[o]];\n          break;\n        }\n      if (s !== null) {\n        for (let o = 0; o <= r; o++)\n          e.push(s);\n        t = s;\n      }\n    }\n  }\n  return e;\n}, k = (i) => typeof i == \"object\" && (i.sm || i.md || i.lg || i.xl || i[\"2xl\"]), d = ({\n  value: i,\n  prop: e\n}) => {\n  if (!i) return \"\";\n  if (e.valueType === \"static\")\n    return i.toString();\n  const t = e.type === \"color\" ? \"\" : `-${e.type}`;\n  return i === !0 ? `var(--tgph${t}-${e.default})` : `var(--tgph${t}-${i})`;\n}, b = {\n  top: 0,\n  right: 1,\n  bottom: 2,\n  left: 3\n}, p = {\n  topLeft: 0,\n  topRight: 1,\n  bottomRight: 2,\n  bottomLeft: 3\n}, O = ({\n  cssVariables: i,\n  value: e,\n  prop: t,\n  direction: r = \"all\"\n}) => {\n  const n = i[`--tgph-${t.rule}`] || \"\", s = n ? n.split(\" \") : [], o = [\n    (s == null ? void 0 : s[0]) || 0,\n    (s == null ? void 0 : s[1]) || 0,\n    (s == null ? void 0 : s[2]) || 0,\n    (s == null ? void 0 : s[3]) || 0\n  ];\n  return r === \"all\" ? d({ value: e, prop: t }) : (t.ordering === \"clockwise\" ? (r === \"top\" && (o[p.topLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topRight] = d({\n    value: e,\n    prop: t\n  })), r === \"right\" && (o[p.topRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  })), r === \"bottom\" && (o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  })), r === \"left\" && (o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topLeft] = d({\n    value: e,\n    prop: t\n  })), (r === \"topLeft\" || r === \"topRight\" || r === \"bottomRight\" || r === \"bottomLeft\") && (o[p[r]] = d({\n    value: e,\n    prop: t\n  }))) : (r === \"x\" && (o[b.left] = d({\n    value: e,\n    prop: t\n  }), o[b.right] = d({\n    value: e,\n    prop: t\n  })), r === \"y\" && (o[b.top] = d({\n    value: e,\n    prop: t\n  }), o[b.bottom] = d({\n    value: e,\n    prop: t\n  })), (r === \"top\" || r === \"bottom\" || r === \"left\" || r === \"right\") && (o[b[r]] = d({\n    value: e,\n    prop: t\n  }))), o.join(\" \"));\n}, y = ({\n  prop: i,\n  value: e,\n  cssVariables: t\n}) => i.direction ? O({\n  cssVariables: t,\n  prop: i,\n  value: e,\n  direction: i.direction,\n  type: i.type\n}) : d({ value: e, prop: i }), L = ({\n  props: i,\n  ref: e,\n  propsMap: t\n}) => {\n  if (!e.current) return;\n  const r = {};\n  Object.entries(i).forEach(([n, s]) => {\n    const o = t[n];\n    o && (typeof s == \"string\" || typeof s == \"boolean\" ? r[`--tgph-${o.rule}`] = y({\n      prop: o,\n      key: n,\n      value: s,\n      cssVariables: r\n    }) : k(s) && j(s).forEach((c, f) => {\n      c && (r[`--tgph-${o.rule}-${a[f]}`] = y({\n        prop: o,\n        key: n,\n        value: c,\n        cssVariables: r\n      }));\n    })), Object.entries(r).forEach(([l, c]) => {\n      e.current && e.current.style.setProperty(l, c);\n    });\n  });\n}, m = {\n  display: {\n    rule: \"display\",\n    type: \"block-display\",\n    valueType: \"static\"\n  },\n  h: {\n    rule: \"height\",\n    type: \"spacing\"\n  },\n  w: {\n    rule: \"width\",\n    type: \"spacing\"\n  },\n  maxH: {\n    rule: \"max-height\",\n    type: \"spacing\"\n  },\n  maxW: {\n    rule: \"max-width\",\n    type: \"spacing\"\n  },\n  p: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  m: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  pt: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  pl: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  pb: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  pr: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  px: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  py: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  mt: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  ml: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  mb: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  mr: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  mx: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  my: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  bg: {\n    rule: \"background-color\",\n    type: \"color\"\n  },\n  rounded: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"all\"\n  },\n  roundedTopLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTopRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTop: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"top\",\n    ordering: \"clockwise\"\n  },\n  roundedBottom: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottom\",\n    ordering: \"clockwise\"\n  },\n  roundedLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"left\",\n    ordering: \"clockwise\"\n  },\n  roundedRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"right\",\n    ordering: \"clockwise\"\n  },\n  border: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"all\",\n    default: \"px\"\n  },\n  borderTop: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"top\",\n    default: \"px\"\n  },\n  borderLeft: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"left\",\n    default: \"px\"\n  },\n  borderBottom: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"bottom\",\n    default: \"px\"\n  },\n  borderRight: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"right\",\n    default: \"px\"\n  },\n  borderX: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"x\",\n    default: \"px\"\n  },\n  borderY: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"y\",\n    default: \"px\"\n  },\n  borderColor: {\n    rule: \"border-color\",\n    type: \"color\",\n    default: \"gray-4\"\n  },\n  borderStyle: {\n    rule: \"border-style\",\n    type: \"border-style\",\n    default: \"solid\"\n  },\n  shadow: {\n    rule: \"box-shadow\",\n    type: \"shadow\"\n  },\n  zIndex: {\n    rule: \"z-index\",\n    type: \"zIndex\"\n  }\n}, C = ({\n  as: i,\n  className: e,\n  tgphRef: t,\n  ...r\n}) => {\n  const n = i || \"div\", s = u.useRef(null), o = R(t, s), l = u.useMemo(() => {\n    const c = { borderColor: !0, ...r };\n    return Object.keys(c).reduce(\n      (f, g) => (Object.keys(m).some((T) => T === g) ? f.box[g] = c[g] : f.rest[g] = c[g], f),\n      { box: {}, rest: {} }\n    );\n  }, [r]);\n  return u.useLayoutEffect(() => {\n    L({\n      props: l.box,\n      ref: s,\n      propsMap: m\n    });\n  }, [l.box]), /* @__PURE__ */ x(\n    n,\n    {\n      className: w(\"tgph-box\", e),\n      ref: o,\n      ...l.rest\n    }\n  );\n}, h = {\n  display: {\n    rule: \"display\",\n    type: \"flex-display\",\n    valueType: \"static\"\n  },\n  direction: {\n    rule: \"flex-direction\",\n    type: \"flex-direction\",\n    valueType: \"static\"\n  },\n  align: {\n    rule: \"align-items\",\n    type: \"align-items\",\n    valueType: \"static\"\n  },\n  justify: {\n    rule: \"justify-content\",\n    type: \"justify-content\",\n    valueType: \"static\"\n  },\n  wrap: {\n    rule: \"flex-wrap\",\n    type: \"flex-wrap\",\n    valueType: \"static\"\n  },\n  gap: {\n    rule: \"gap\",\n    type: \"spacing\",\n    valueType: \"variable\"\n  }\n}, E = ({\n  className: i,\n  tgphRef: e,\n  ...t\n}) => {\n  const r = u.useRef(null), n = R(e, r), s = u.useMemo(\n    () => Object.keys(t).reduce(\n      (o, l) => (Object.keys(h).some((c) => c === l) ? o.stack[l] = t[l] : o.rest[l] = t[l], o),\n      { stack: {}, rest: {} }\n    ),\n    [t]\n  );\n  return u.useLayoutEffect(() => {\n    L({\n      props: s.stack,\n      ref: r,\n      propsMap: h\n    });\n  }, [s.stack, n]), /* @__PURE__ */ x(\n    C,\n    {\n      className: w(\"tgph-stack\", i),\n      tgphRef: n,\n      ...s.rest\n    }\n  );\n};\nexport {\n  C as Box,\n  E as Stack\n};\n//# sourceMappingURL=index.mjs.map\n","export const SIZE = {\n  Root: {\n    \"0\": \"h-5\",\n    \"1\": \"h-6\",\n    \"2\": \"h-8\",\n  },\n} as const;\n\nexport const SPACING = {\n  Root: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n  Text: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n} as const;\n\nexport const COLOR = {\n  Root: {\n    solid: {\n      default: \"bg-gray-9\",\n      accent: \"bg-accent-9\",\n      gray: \"bg-gray-9\",\n      red: \"bg-red-9\",\n      blue: \"bg-blue-9\",\n      green: \"bg-green-9\",\n      yellow: \"bg-yellow-9\",\n      purple: \"bg-purple-9\",\n    },\n    soft: {\n      default: \"bg-gray-3\",\n      accent: \"bg-accent-3\",\n      gray: \"bg-gray-3\",\n      red: \"bg-red-3\",\n      blue: \"bg-blue-3\",\n      green: \"bg-green-3\",\n      yellow: \"bg-yellow-3\",\n      purple: \"bg-purple-3\",\n    },\n  },\n  Icon: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      red: \"white\",\n      accent: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Text: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      accent: \"white\",\n      red: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Button: {\n    solid: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n    soft: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n  PolymorphicProps,\n  PolymorphicPropsWithTgphRef,\n  Required,\n  TgphComponentProps,\n  TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n  size?: \"0\" | \"1\" | \"2\";\n  color?: keyof (typeof COLOR.Root)[\"soft\"];\n  variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n  T,\n  HTMLSpanElement\n> &\n  TgphComponentProps<typeof Stack> &\n  RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n  size: \"1\",\n  color: \"default\",\n  variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n  as = \"span\" as T,\n  size = \"1\",\n  color = \"default\",\n  variant = \"soft\",\n  className,\n  ...props\n}: RootProps<T>) => {\n  return (\n    <TagContext.Provider value={{ size, color, variant }}>\n      <Stack\n        as={as}\n        display=\"inline-flex\"\n        align=\"center\"\n        rounded=\"3\"\n        pl={SPACING.Root[size]}\n        className={clsx(SIZE.Root[size], COLOR.Root[variant][color], className)}\n        {...props}\n        data-tag\n      />\n    </TagContext.Provider>\n  );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n  TgphComponentProps<typeof TelegraphText<T>>,\n  \"as\"\n> & {\n  as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n  as = \"span\" as T,\n  ...props\n}: TextProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphText\n      as={as}\n      size={context.size}\n      color={COLOR.Text[context.variant][context.color]}\n      weight=\"medium\"\n      mr={SPACING.Text[context.size]}\n      {...props}\n    />\n  );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n  textToCopy?: string;\n};\n\nconst CopyButton = ({\n  onClick,\n  textToCopy,\n  className,\n  ...props\n}: CopyButtonProps) => {\n  const context = React.useContext(TagContext);\n\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (copied) {\n      const timeout = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [copied]);\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <Tooltip label=\"Copy text\">\n        <TelegraphButton.Root\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            // Still run onClick incase the consumer wants to do something else\n            onClick?.(event);\n            setCopied(true);\n            textToCopy && navigator.clipboard.writeText(textToCopy);\n            event.currentTarget?.blur();\n          }}\n          size={context.size}\n          color={COLOR.Button[context.variant][context.color]}\n          variant={context.variant}\n          className={clsx(\"overflow-hidden\", className)}\n          roundedTopRight=\"3\"\n          roundedBottomRight=\"3\"\n          roundedTopLeft=\"0\"\n          roundedBottomLeft=\"0\"\n          {...props}\n        >\n          {copied ? (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Check}\n              alt=\"Copied text\"\n              key={\"check icon\"}\n            />\n          ) : (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"-100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"-100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Copy}\n              alt=\"Copy text\"\n              key={\"copy icon\"}\n            />\n          )}\n        </TelegraphButton.Root>\n      </Tooltip>\n    </AnimatePresence>\n  );\n};\n\nconst Button = <T extends TgphElement>({\n  className,\n  ...props\n}: ButtonProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphButton\n      size={context.size}\n      color={COLOR.Button[context.variant][context.color]}\n      variant={context.variant}\n      icon={{ icon: Lucide.X, alt: \"close\" }}\n      className={clsx(\"rounded-tl-0 rounded-bl-0\", className)}\n      {...props}\n    />\n  );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n  icon,\n  alt,\n  \"aria-hidden\": ariaHidden,\n  className,\n  ...props\n}: IconProps<T>) => {\n  const context = React.useContext(TagContext);\n  const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n  return (\n    <TelegraphIcon\n      icon={icon}\n      size={context.size}\n      color={COLOR.Icon[context.variant][context.color]}\n      className={clsx(\"rounded-tl-0 rounded-bl-0 mr-1\", className)}\n      {...a11yProps}\n      {...props}\n    />\n  );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n  TgphComponentProps<typeof Root<T>> & {\n    icon?: React.ComponentProps<typeof TelegraphIcon>;\n    onRemove?: () => void;\n  } & ( // Optionally allow textToCopy only when onCopy is defined\n    | {\n        onCopy: () => void;\n        textToCopy?: string;\n      }\n    | {\n        onCopy?: never;\n        textToCopy?: never;\n      }\n  );\n\nconst Default = <T extends TgphElement>({\n  color = \"default\",\n  size = \"1\",\n  variant = \"soft\",\n  icon,\n  onRemove,\n  onCopy,\n  textToCopy,\n  children,\n  ...props\n}: DefaultProps<T>) => {\n  return (\n    <Root color={color} size={size} variant={variant} {...props}>\n      {icon && <Icon {...icon} />}\n      <Text as=\"span\">{children}</Text>\n      {onRemove && (\n        <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n      )}\n      {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n    </Root>\n  );\n};\n\nObject.assign(Default, {\n  Root,\n  Button,\n  Text,\n  Icon,\n  CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n  Root: typeof Root;\n  Button: typeof Button;\n  Text: typeof Text;\n  Icon: typeof Icon;\n  CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["a","j","i","e","t","s","o","k","d","b","p","O","y","L","c","f","l","m","C","u","R","g","T","x","w","h","E","SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","AnimatePresence","Tooltip","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","children","Tag"],"mappings":"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,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,MACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,QACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,OACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,UACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,KACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,MACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,QACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,OACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,SACN,KAAM,UACN,UAAW,GACZ,EACD,GAAI,CACF,KAAM,mBACN,KAAM,OACP,EACD,QAAS,CACP,KAAM,gBACN,KAAM,UACN,UAAW,KACZ,EACD,eAAgB,CACd,KAAM,gBACN,KAAM,UACN,UAAW,UACX,SAAU,WACX,EACD,kBAAmB,CACjB,KAAM,gBACN,KAAM,UACN,UAAW,aACX,SAAU,WACX,EACD,mBAAoB,CAClB,KAAM,gBACN,KAAM,UACN,UAAW,cACX,SAAU,WACX,EACD,gBAAiB,CACf,KAAM,gBACN,KAAM,UACN,UAAW,WACX,SAAU,WACX,EACD,WAAY,CACV,KAAM,gBACN,KAAM,UACN,UAAW,MACX,SAAU,WACX,EACD,cAAe,CACb,KAAM,gBACN,KAAM,UACN,UAAW,SACX,SAAU,WACX,EACD,YAAa,CACX,KAAM,gBACN,KAAM,UACN,UAAW,OACX,SAAU,WACX,EACD,aAAc,CACZ,KAAM,gBACN,KAAM,UACN,UAAW,QACX,SAAU,WACX,EACD,OAAQ,CACN,KAAM,eACN,KAAM,UACN,UAAW,MACX,QAAS,IACV,EACD,UAAW,CACT,KAAM,eACN,KAAM,UACN,UAAW,MACX,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"}

package/dist/esm/index.mjs

@@ -1,8 +1,8 @@
 import { jsx as d, jsxs as S } from "react/jsx-runtime";
 import { Button as h } from "@telegraph/button";
-import { Lucide as w, Icon as V } from "@telegraph/icon";
+import { Lucide as x, Icon as V } from "@telegraph/icon";
 import { useComposedRefs as C } from "@telegraph/compose-refs";
-import j, { clsx as x } from "clsx";
+import j, { clsx as w } from "clsx";
 import c from "react";
 import { Tooltip as X } from "@telegraph/tooltip";
 import { Text as A } from "@telegraph/typography";
@@ -344,6 +344,10 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
   shadow: {
     rule: "box-shadow",
     type: "shadow"
+  },
+  zIndex: {
+    rule: "z-index",
+    type: "zIndex"
   }
 }, Y = ({
   as: o,
@@ -539,7 +543,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
   size: "1",
   color: "default",
   variant: "soft"
-}), O = ({
+}), z = ({
   as: o = "span",
   size: t = "1",
   color: e = "default",
@@ -554,7 +558,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
     align: "center",
     rounded: "3",
     pl: $.Root[t],
-    className: x(q.Root[t], f.Root[r][e], n),
+    className: w(q.Root[t], f.Root[r][e], n),
     ...l,
     "data-tag": !0
   }
@@ -574,7 +578,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
       ...t
     }
   );
-}, N = ({
+}, O = ({
   onClick: o,
   textToCopy: t,
   className: e,
@@ -596,7 +600,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
       size: n.size,
       color: f.Button[n.variant][n.color],
       variant: n.variant,
-      className: x("overflow-hidden", e),
+      className: w("overflow-hidden", e),
       roundedTopRight: "3",
       roundedBottomRight: "3",
       roundedTopLeft: "0",
@@ -610,7 +614,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
           animate: { y: 0 },
           exit: { y: "100%" },
           transition: { duration: 0.2, type: "spring", bounce: 0 },
-          icon: w.Check,
+          icon: x.Check,
           alt: "Copied text"
         },
         "check icon"
@@ -622,14 +626,14 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
           animate: { y: 0 },
           exit: { y: "-100%" },
           transition: { duration: 0.2, type: "spring", bounce: 0 },
-          icon: w.Copy,
+          icon: x.Copy,
           alt: "Copy text"
         },
         "copy icon"
       )
     }
   ) }) });
-}, z = ({
+}, N = ({
   className: o,
   ...t
 }) => {
@@ -640,8 +644,8 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
       size: e.size,
       color: f.Button[e.variant][e.color],
       variant: e.variant,
-      icon: { icon: w.X, alt: "close" },
-      className: x("rounded-tl-0 rounded-bl-0", o),
+      icon: { icon: x.X, alt: "close" },
+      className: w("rounded-tl-0 rounded-bl-0", o),
       ...t
     }
   );
@@ -659,7 +663,7 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
       icon: o,
       size: l.size,
       color: f.Icon[l.variant][l.color],
-      className: x("rounded-tl-0 rounded-bl-0 mr-1", r),
+      className: w("rounded-tl-0 rounded-bl-0 mr-1", r),
       ...i,
       ...n
     }
@@ -674,18 +678,18 @@ const g = ["sm", "md", "lg", "xl", "2xl"], G = (o) => {
   textToCopy: i,
   children: a,
   ...u
-}) => /* @__PURE__ */ S(O, { color: o, size: t, variant: e, ...u, children: [
+}) => /* @__PURE__ */ S(z, { color: o, size: t, variant: e, ...u, children: [
   r && /* @__PURE__ */ d(E, { ...r }),
   /* @__PURE__ */ d(I, { as: "span", children: a }),
-  n && /* @__PURE__ */ d(z, { onClick: n, icon: { icon: w.X, alt: "Remove" } }),
-  l && /* @__PURE__ */ d(N, { onClick: l, textToCopy: i })
+  n && /* @__PURE__ */ d(N, { onClick: n, icon: { icon: x.X, alt: "Remove" } }),
+  l && /* @__PURE__ */ d(O, { onClick: l, textToCopy: i })
 ] });
 Object.assign(M, {
-  Root: O,
-  Button: z,
+  Root: z,
+  Button: N,
   Text: I,
   Icon: E,
-  CopyButton: N
+  CopyButton: O
 });
 const oe = M;
 export {

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../layout/dist/esm/index.mjs","../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["import { jsx as x } from \"react/jsx-runtime\";\nimport { useComposedRefs as R } from \"@telegraph/compose-refs\";\nimport w from \"clsx\";\nimport u from \"react\";\nconst a = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"], j = (i) => {\n  const e = [];\n  let t = null;\n  for (let r = 0; r < a.length; r++) {\n    const n = a[r];\n    if (i[n])\n      t = i[n], e.push(t);\n    else if (t !== null)\n      e.push(t);\n    else {\n      let s = null;\n      for (let o = r + 1; o < a.length; o++)\n        if (i[a[o]]) {\n          s = i[a[o]];\n          break;\n        }\n      if (s !== null) {\n        for (let o = 0; o <= r; o++)\n          e.push(s);\n        t = s;\n      }\n    }\n  }\n  return e;\n}, k = (i) => typeof i == \"object\" && (i.sm || i.md || i.lg || i.xl || i[\"2xl\"]), d = ({\n  value: i,\n  prop: e\n}) => {\n  if (!i) return \"\";\n  if (e.valueType === \"static\")\n    return i.toString();\n  const t = e.type === \"color\" ? \"\" : `-${e.type}`;\n  return i === !0 ? `var(--tgph${t}-${e.default})` : `var(--tgph${t}-${i})`;\n}, b = {\n  top: 0,\n  right: 1,\n  bottom: 2,\n  left: 3\n}, p = {\n  topLeft: 0,\n  topRight: 1,\n  bottomRight: 2,\n  bottomLeft: 3\n}, O = ({\n  cssVariables: i,\n  value: e,\n  prop: t,\n  direction: r = \"all\"\n}) => {\n  const n = i[`--tgph-${t.rule}`] || \"\", s = n ? n.split(\" \") : [], o = [\n    (s == null ? void 0 : s[0]) || 0,\n    (s == null ? void 0 : s[1]) || 0,\n    (s == null ? void 0 : s[2]) || 0,\n    (s == null ? void 0 : s[3]) || 0\n  ];\n  return r === \"all\" ? d({ value: e, prop: t }) : (t.ordering === \"clockwise\" ? (r === \"top\" && (o[p.topLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topRight] = d({\n    value: e,\n    prop: t\n  })), r === \"right\" && (o[p.topRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  })), r === \"bottom\" && (o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  })), r === \"left\" && (o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topLeft] = d({\n    value: e,\n    prop: t\n  })), (r === \"topLeft\" || r === \"topRight\" || r === \"bottomRight\" || r === \"bottomLeft\") && (o[p[r]] = d({\n    value: e,\n    prop: t\n  }))) : (r === \"x\" && (o[b.left] = d({\n    value: e,\n    prop: t\n  }), o[b.right] = d({\n    value: e,\n    prop: t\n  })), r === \"y\" && (o[b.top] = d({\n    value: e,\n    prop: t\n  }), o[b.bottom] = d({\n    value: e,\n    prop: t\n  })), (r === \"top\" || r === \"bottom\" || r === \"left\" || r === \"right\") && (o[b[r]] = d({\n    value: e,\n    prop: t\n  }))), o.join(\" \"));\n}, y = ({\n  prop: i,\n  value: e,\n  cssVariables: t\n}) => i.direction ? O({\n  cssVariables: t,\n  prop: i,\n  value: e,\n  direction: i.direction,\n  type: i.type\n}) : d({ value: e, prop: i }), L = ({\n  props: i,\n  ref: e,\n  propsMap: t\n}) => {\n  if (!e.current) return;\n  const r = {};\n  Object.entries(i).forEach(([n, s]) => {\n    const o = t[n];\n    o && (typeof s == \"string\" || typeof s == \"boolean\" ? r[`--tgph-${o.rule}`] = y({\n      prop: o,\n      key: n,\n      value: s,\n      cssVariables: r\n    }) : k(s) && j(s).forEach((c, f) => {\n      c && (r[`--tgph-${o.rule}-${a[f]}`] = y({\n        prop: o,\n        key: n,\n        value: c,\n        cssVariables: r\n      }));\n    })), Object.entries(r).forEach(([l, c]) => {\n      e.current && e.current.style.setProperty(l, c);\n    });\n  });\n}, m = {\n  display: {\n    rule: \"display\",\n    type: \"block-display\",\n    valueType: \"static\"\n  },\n  h: {\n    rule: \"height\",\n    type: \"spacing\"\n  },\n  w: {\n    rule: \"width\",\n    type: \"spacing\"\n  },\n  maxH: {\n    rule: \"max-height\",\n    type: \"spacing\"\n  },\n  maxW: {\n    rule: \"max-width\",\n    type: \"spacing\"\n  },\n  p: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  m: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  pt: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  pl: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  pb: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  pr: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  px: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  py: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  mt: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  ml: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  mb: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  mr: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  mx: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  my: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  bg: {\n    rule: \"background-color\",\n    type: \"color\"\n  },\n  rounded: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"all\"\n  },\n  roundedTopLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTopRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTop: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"top\",\n    ordering: \"clockwise\"\n  },\n  roundedBottom: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottom\",\n    ordering: \"clockwise\"\n  },\n  roundedLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"left\",\n    ordering: \"clockwise\"\n  },\n  roundedRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"right\",\n    ordering: \"clockwise\"\n  },\n  border: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"all\",\n    default: \"px\"\n  },\n  borderTop: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"top\",\n    default: \"px\"\n  },\n  borderLeft: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"left\",\n    default: \"px\"\n  },\n  borderBottom: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"bottom\",\n    default: \"px\"\n  },\n  borderRight: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"right\",\n    default: \"px\"\n  },\n  borderX: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"x\",\n    default: \"px\"\n  },\n  borderY: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"y\",\n    default: \"px\"\n  },\n  borderColor: {\n    rule: \"border-color\",\n    type: \"color\",\n    default: \"gray-4\"\n  },\n  borderStyle: {\n    rule: \"border-style\",\n    type: \"border-style\",\n    default: \"solid\"\n  },\n  shadow: {\n    rule: \"box-shadow\",\n    type: \"shadow\"\n  }\n}, C = ({\n  as: i,\n  className: e,\n  tgphRef: t,\n  ...r\n}) => {\n  const n = i || \"div\", s = u.useRef(null), o = R(t, s), l = u.useMemo(() => {\n    const c = { borderColor: !0, ...r };\n    return Object.keys(c).reduce(\n      (f, g) => (Object.keys(m).some((T) => T === g) ? f.box[g] = c[g] : f.rest[g] = c[g], f),\n      { box: {}, rest: {} }\n    );\n  }, [r]);\n  return u.useLayoutEffect(() => {\n    L({\n      props: l.box,\n      ref: s,\n      propsMap: m\n    });\n  }, [l.box]), /* @__PURE__ */ x(\n    n,\n    {\n      className: w(\"tgph-box\", e),\n      ref: o,\n      ...l.rest\n    }\n  );\n}, h = {\n  display: {\n    rule: \"display\",\n    type: \"flex-display\",\n    valueType: \"static\"\n  },\n  direction: {\n    rule: \"flex-direction\",\n    type: \"flex-direction\",\n    valueType: \"static\"\n  },\n  align: {\n    rule: \"align-items\",\n    type: \"align-items\",\n    valueType: \"static\"\n  },\n  justify: {\n    rule: \"justify-content\",\n    type: \"justify-content\",\n    valueType: \"static\"\n  },\n  wrap: {\n    rule: \"flex-wrap\",\n    type: \"flex-wrap\",\n    valueType: \"static\"\n  },\n  gap: {\n    rule: \"gap\",\n    type: \"spacing\",\n    valueType: \"variable\"\n  }\n}, E = ({\n  className: i,\n  tgphRef: e,\n  ...t\n}) => {\n  const r = u.useRef(null), n = R(e, r), s = u.useMemo(\n    () => Object.keys(t).reduce(\n      (o, l) => (Object.keys(h).some((c) => c === l) ? o.stack[l] = t[l] : o.rest[l] = t[l], o),\n      { stack: {}, rest: {} }\n    ),\n    [t]\n  );\n  return u.useLayoutEffect(() => {\n    L({\n      props: s.stack,\n      ref: r,\n      propsMap: h\n    });\n  }, [s.stack, n]), /* @__PURE__ */ x(\n    C,\n    {\n      className: w(\"tgph-stack\", i),\n      tgphRef: n,\n      ...s.rest\n    }\n  );\n};\nexport {\n  C as Box,\n  E as Stack\n};\n//# sourceMappingURL=index.mjs.map\n","export const SIZE = {\n  Root: {\n    \"0\": \"h-5\",\n    \"1\": \"h-6\",\n    \"2\": \"h-8\",\n  },\n} as const;\n\nexport const SPACING = {\n  Root: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n  Text: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n} as const;\n\nexport const COLOR = {\n  Root: {\n    solid: {\n      default: \"bg-gray-9\",\n      accent: \"bg-accent-9\",\n      gray: \"bg-gray-9\",\n      red: \"bg-red-9\",\n      blue: \"bg-blue-9\",\n      green: \"bg-green-9\",\n      yellow: \"bg-yellow-9\",\n      purple: \"bg-purple-9\",\n    },\n    soft: {\n      default: \"bg-gray-3\",\n      accent: \"bg-accent-3\",\n      gray: \"bg-gray-3\",\n      red: \"bg-red-3\",\n      blue: \"bg-blue-3\",\n      green: \"bg-green-3\",\n      yellow: \"bg-yellow-3\",\n      purple: \"bg-purple-3\",\n    },\n  },\n  Icon: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      red: \"white\",\n      accent: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Text: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      accent: \"white\",\n      red: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Button: {\n    solid: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n    soft: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n  PolymorphicProps,\n  PolymorphicPropsWithTgphRef,\n  Required,\n  TgphComponentProps,\n  TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n  size?: \"0\" | \"1\" | \"2\";\n  color?: keyof (typeof COLOR.Root)[\"soft\"];\n  variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n  T,\n  HTMLSpanElement\n> &\n  TgphComponentProps<typeof Stack> &\n  RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n  size: \"1\",\n  color: \"default\",\n  variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n  as = \"span\" as T,\n  size = \"1\",\n  color = \"default\",\n  variant = \"soft\",\n  className,\n  ...props\n}: RootProps<T>) => {\n  return (\n    <TagContext.Provider value={{ size, color, variant }}>\n      <Stack\n        as={as}\n        display=\"inline-flex\"\n        align=\"center\"\n        rounded=\"3\"\n        pl={SPACING.Root[size]}\n        className={clsx(SIZE.Root[size], COLOR.Root[variant][color], className)}\n        {...props}\n        data-tag\n      />\n    </TagContext.Provider>\n  );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n  TgphComponentProps<typeof TelegraphText<T>>,\n  \"as\"\n> & {\n  as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n  as = \"span\" as T,\n  ...props\n}: TextProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphText\n      as={as}\n      size={context.size}\n      color={COLOR.Text[context.variant][context.color]}\n      weight=\"medium\"\n      mr={SPACING.Text[context.size]}\n      {...props}\n    />\n  );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n  textToCopy?: string;\n};\n\nconst CopyButton = ({\n  onClick,\n  textToCopy,\n  className,\n  ...props\n}: CopyButtonProps) => {\n  const context = React.useContext(TagContext);\n\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (copied) {\n      const timeout = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [copied]);\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <Tooltip label=\"Copy text\">\n        <TelegraphButton.Root\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            // Still run onClick incase the consumer wants to do something else\n            onClick?.(event);\n            setCopied(true);\n            textToCopy && navigator.clipboard.writeText(textToCopy);\n            event.currentTarget?.blur();\n          }}\n          size={context.size}\n          color={COLOR.Button[context.variant][context.color]}\n          variant={context.variant}\n          className={clsx(\"overflow-hidden\", className)}\n          roundedTopRight=\"3\"\n          roundedBottomRight=\"3\"\n          roundedTopLeft=\"0\"\n          roundedBottomLeft=\"0\"\n          {...props}\n        >\n          {copied ? (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Check}\n              alt=\"Copied text\"\n              key={\"check icon\"}\n            />\n          ) : (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"-100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"-100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Copy}\n              alt=\"Copy text\"\n              key={\"copy icon\"}\n            />\n          )}\n        </TelegraphButton.Root>\n      </Tooltip>\n    </AnimatePresence>\n  );\n};\n\nconst Button = <T extends TgphElement>({\n  className,\n  ...props\n}: ButtonProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphButton\n      size={context.size}\n      color={COLOR.Button[context.variant][context.color]}\n      variant={context.variant}\n      icon={{ icon: Lucide.X, alt: \"close\" }}\n      className={clsx(\"rounded-tl-0 rounded-bl-0\", className)}\n      {...props}\n    />\n  );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n  icon,\n  alt,\n  \"aria-hidden\": ariaHidden,\n  className,\n  ...props\n}: IconProps<T>) => {\n  const context = React.useContext(TagContext);\n  const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n  return (\n    <TelegraphIcon\n      icon={icon}\n      size={context.size}\n      color={COLOR.Icon[context.variant][context.color]}\n      className={clsx(\"rounded-tl-0 rounded-bl-0 mr-1\", className)}\n      {...a11yProps}\n      {...props}\n    />\n  );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n  TgphComponentProps<typeof Root<T>> & {\n    icon?: React.ComponentProps<typeof TelegraphIcon>;\n    onRemove?: () => void;\n  } & ( // Optionally allow textToCopy only when onCopy is defined\n    | {\n        onCopy: () => void;\n        textToCopy?: string;\n      }\n    | {\n        onCopy?: never;\n        textToCopy?: never;\n      }\n  );\n\nconst Default = <T extends TgphElement>({\n  color = \"default\",\n  size = \"1\",\n  variant = \"soft\",\n  icon,\n  onRemove,\n  onCopy,\n  textToCopy,\n  children,\n  ...props\n}: DefaultProps<T>) => {\n  return (\n    <Root color={color} size={size} variant={variant} {...props}>\n      {icon && <Icon {...icon} />}\n      <Text as=\"span\">{children}</Text>\n      {onRemove && (\n        <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n      )}\n      {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n    </Root>\n  );\n};\n\nObject.assign(Default, {\n  Root,\n  Button,\n  Text,\n  Icon,\n  CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n  Root: typeof Root;\n  Button: typeof Button;\n  Text: typeof Text;\n  Icon: typeof Icon;\n  CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["a","j","i","e","t","s","o","k","d","p","O","y","L","c","f","l","m","C","u","R","g","T","x","w","h","E","SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","AnimatePresence","Tooltip","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","children","Tag"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../layout/dist/esm/index.mjs","../../src/Tag/Tag.constants.ts","../../src/Tag/Tag.tsx"],"sourcesContent":["import { jsx as x } from \"react/jsx-runtime\";\nimport { useComposedRefs as R } from \"@telegraph/compose-refs\";\nimport w from \"clsx\";\nimport u from \"react\";\nconst a = [\"sm\", \"md\", \"lg\", \"xl\", \"2xl\"], j = (i) => {\n  const e = [];\n  let t = null;\n  for (let r = 0; r < a.length; r++) {\n    const n = a[r];\n    if (i[n])\n      t = i[n], e.push(t);\n    else if (t !== null)\n      e.push(t);\n    else {\n      let s = null;\n      for (let o = r + 1; o < a.length; o++)\n        if (i[a[o]]) {\n          s = i[a[o]];\n          break;\n        }\n      if (s !== null) {\n        for (let o = 0; o <= r; o++)\n          e.push(s);\n        t = s;\n      }\n    }\n  }\n  return e;\n}, k = (i) => typeof i == \"object\" && (i.sm || i.md || i.lg || i.xl || i[\"2xl\"]), d = ({\n  value: i,\n  prop: e\n}) => {\n  if (!i) return \"\";\n  if (e.valueType === \"static\")\n    return i.toString();\n  const t = e.type === \"color\" ? \"\" : `-${e.type}`;\n  return i === !0 ? `var(--tgph${t}-${e.default})` : `var(--tgph${t}-${i})`;\n}, b = {\n  top: 0,\n  right: 1,\n  bottom: 2,\n  left: 3\n}, p = {\n  topLeft: 0,\n  topRight: 1,\n  bottomRight: 2,\n  bottomLeft: 3\n}, O = ({\n  cssVariables: i,\n  value: e,\n  prop: t,\n  direction: r = \"all\"\n}) => {\n  const n = i[`--tgph-${t.rule}`] || \"\", s = n ? n.split(\" \") : [], o = [\n    (s == null ? void 0 : s[0]) || 0,\n    (s == null ? void 0 : s[1]) || 0,\n    (s == null ? void 0 : s[2]) || 0,\n    (s == null ? void 0 : s[3]) || 0\n  ];\n  return r === \"all\" ? d({ value: e, prop: t }) : (t.ordering === \"clockwise\" ? (r === \"top\" && (o[p.topLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topRight] = d({\n    value: e,\n    prop: t\n  })), r === \"right\" && (o[p.topRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  })), r === \"bottom\" && (o[p.bottomRight] = d({\n    value: e,\n    prop: t\n  }), o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  })), r === \"left\" && (o[p.bottomLeft] = d({\n    value: e,\n    prop: t\n  }), o[p.topLeft] = d({\n    value: e,\n    prop: t\n  })), (r === \"topLeft\" || r === \"topRight\" || r === \"bottomRight\" || r === \"bottomLeft\") && (o[p[r]] = d({\n    value: e,\n    prop: t\n  }))) : (r === \"x\" && (o[b.left] = d({\n    value: e,\n    prop: t\n  }), o[b.right] = d({\n    value: e,\n    prop: t\n  })), r === \"y\" && (o[b.top] = d({\n    value: e,\n    prop: t\n  }), o[b.bottom] = d({\n    value: e,\n    prop: t\n  })), (r === \"top\" || r === \"bottom\" || r === \"left\" || r === \"right\") && (o[b[r]] = d({\n    value: e,\n    prop: t\n  }))), o.join(\" \"));\n}, y = ({\n  prop: i,\n  value: e,\n  cssVariables: t\n}) => i.direction ? O({\n  cssVariables: t,\n  prop: i,\n  value: e,\n  direction: i.direction,\n  type: i.type\n}) : d({ value: e, prop: i }), L = ({\n  props: i,\n  ref: e,\n  propsMap: t\n}) => {\n  if (!e.current) return;\n  const r = {};\n  Object.entries(i).forEach(([n, s]) => {\n    const o = t[n];\n    o && (typeof s == \"string\" || typeof s == \"boolean\" ? r[`--tgph-${o.rule}`] = y({\n      prop: o,\n      key: n,\n      value: s,\n      cssVariables: r\n    }) : k(s) && j(s).forEach((c, f) => {\n      c && (r[`--tgph-${o.rule}-${a[f]}`] = y({\n        prop: o,\n        key: n,\n        value: c,\n        cssVariables: r\n      }));\n    })), Object.entries(r).forEach(([l, c]) => {\n      e.current && e.current.style.setProperty(l, c);\n    });\n  });\n}, m = {\n  display: {\n    rule: \"display\",\n    type: \"block-display\",\n    valueType: \"static\"\n  },\n  h: {\n    rule: \"height\",\n    type: \"spacing\"\n  },\n  w: {\n    rule: \"width\",\n    type: \"spacing\"\n  },\n  maxH: {\n    rule: \"max-height\",\n    type: \"spacing\"\n  },\n  maxW: {\n    rule: \"max-width\",\n    type: \"spacing\"\n  },\n  p: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  m: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"all\"\n  },\n  pt: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  pl: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  pb: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  pr: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  px: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  py: {\n    rule: \"padding\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  mt: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"top\"\n  },\n  ml: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"left\"\n  },\n  mb: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"bottom\"\n  },\n  mr: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"right\"\n  },\n  mx: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"x\"\n  },\n  my: {\n    rule: \"margin\",\n    type: \"spacing\",\n    direction: \"y\"\n  },\n  bg: {\n    rule: \"background-color\",\n    type: \"color\"\n  },\n  rounded: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"all\"\n  },\n  roundedTopLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomLeft\",\n    ordering: \"clockwise\"\n  },\n  roundedBottomRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottomRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTopRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"topRight\",\n    ordering: \"clockwise\"\n  },\n  roundedTop: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"top\",\n    ordering: \"clockwise\"\n  },\n  roundedBottom: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"bottom\",\n    ordering: \"clockwise\"\n  },\n  roundedLeft: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"left\",\n    ordering: \"clockwise\"\n  },\n  roundedRight: {\n    rule: \"border-radius\",\n    type: \"rounded\",\n    direction: \"right\",\n    ordering: \"clockwise\"\n  },\n  border: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"all\",\n    default: \"px\"\n  },\n  borderTop: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"top\",\n    default: \"px\"\n  },\n  borderLeft: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"left\",\n    default: \"px\"\n  },\n  borderBottom: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"bottom\",\n    default: \"px\"\n  },\n  borderRight: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"right\",\n    default: \"px\"\n  },\n  borderX: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"x\",\n    default: \"px\"\n  },\n  borderY: {\n    rule: \"border-width\",\n    type: \"spacing\",\n    direction: \"y\",\n    default: \"px\"\n  },\n  borderColor: {\n    rule: \"border-color\",\n    type: \"color\",\n    default: \"gray-4\"\n  },\n  borderStyle: {\n    rule: \"border-style\",\n    type: \"border-style\",\n    default: \"solid\"\n  },\n  shadow: {\n    rule: \"box-shadow\",\n    type: \"shadow\"\n  },\n  zIndex: {\n    rule: \"z-index\",\n    type: \"zIndex\"\n  }\n}, C = ({\n  as: i,\n  className: e,\n  tgphRef: t,\n  ...r\n}) => {\n  const n = i || \"div\", s = u.useRef(null), o = R(t, s), l = u.useMemo(() => {\n    const c = { borderColor: !0, ...r };\n    return Object.keys(c).reduce(\n      (f, g) => (Object.keys(m).some((T) => T === g) ? f.box[g] = c[g] : f.rest[g] = c[g], f),\n      { box: {}, rest: {} }\n    );\n  }, [r]);\n  return u.useLayoutEffect(() => {\n    L({\n      props: l.box,\n      ref: s,\n      propsMap: m\n    });\n  }, [l.box]), /* @__PURE__ */ x(\n    n,\n    {\n      className: w(\"tgph-box\", e),\n      ref: o,\n      ...l.rest\n    }\n  );\n}, h = {\n  display: {\n    rule: \"display\",\n    type: \"flex-display\",\n    valueType: \"static\"\n  },\n  direction: {\n    rule: \"flex-direction\",\n    type: \"flex-direction\",\n    valueType: \"static\"\n  },\n  align: {\n    rule: \"align-items\",\n    type: \"align-items\",\n    valueType: \"static\"\n  },\n  justify: {\n    rule: \"justify-content\",\n    type: \"justify-content\",\n    valueType: \"static\"\n  },\n  wrap: {\n    rule: \"flex-wrap\",\n    type: \"flex-wrap\",\n    valueType: \"static\"\n  },\n  gap: {\n    rule: \"gap\",\n    type: \"spacing\",\n    valueType: \"variable\"\n  }\n}, E = ({\n  className: i,\n  tgphRef: e,\n  ...t\n}) => {\n  const r = u.useRef(null), n = R(e, r), s = u.useMemo(\n    () => Object.keys(t).reduce(\n      (o, l) => (Object.keys(h).some((c) => c === l) ? o.stack[l] = t[l] : o.rest[l] = t[l], o),\n      { stack: {}, rest: {} }\n    ),\n    [t]\n  );\n  return u.useLayoutEffect(() => {\n    L({\n      props: s.stack,\n      ref: r,\n      propsMap: h\n    });\n  }, [s.stack, n]), /* @__PURE__ */ x(\n    C,\n    {\n      className: w(\"tgph-stack\", i),\n      tgphRef: n,\n      ...s.rest\n    }\n  );\n};\nexport {\n  C as Box,\n  E as Stack\n};\n//# sourceMappingURL=index.mjs.map\n","export const SIZE = {\n  Root: {\n    \"0\": \"h-5\",\n    \"1\": \"h-6\",\n    \"2\": \"h-8\",\n  },\n} as const;\n\nexport const SPACING = {\n  Root: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n  Text: {\n    \"0\": \"1\",\n    \"1\": \"2\",\n    \"2\": \"2\",\n  },\n} as const;\n\nexport const COLOR = {\n  Root: {\n    solid: {\n      default: \"bg-gray-9\",\n      accent: \"bg-accent-9\",\n      gray: \"bg-gray-9\",\n      red: \"bg-red-9\",\n      blue: \"bg-blue-9\",\n      green: \"bg-green-9\",\n      yellow: \"bg-yellow-9\",\n      purple: \"bg-purple-9\",\n    },\n    soft: {\n      default: \"bg-gray-3\",\n      accent: \"bg-accent-3\",\n      gray: \"bg-gray-3\",\n      red: \"bg-red-3\",\n      blue: \"bg-blue-3\",\n      green: \"bg-green-3\",\n      yellow: \"bg-yellow-3\",\n      purple: \"bg-purple-3\",\n    },\n  },\n  Icon: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      red: \"white\",\n      accent: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Text: {\n    solid: {\n      default: \"white\",\n      gray: \"white\",\n      accent: \"white\",\n      red: \"white\",\n      blue: \"white\",\n      green: \"white\",\n      yellow: \"white\",\n      purple: \"white\",\n    },\n    soft: {\n      default: \"default\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n  Button: {\n    solid: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n    soft: {\n      default: \"gray\",\n      gray: \"gray\",\n      accent: \"accent\",\n      red: \"red\",\n      blue: \"blue\",\n      green: \"green\",\n      yellow: \"yellow\",\n      purple: \"purple\",\n    },\n  },\n} as const;\n","import { Button as TelegraphButton } from \"@telegraph/button\";\nimport type {\n  PolymorphicProps,\n  PolymorphicPropsWithTgphRef,\n  Required,\n  TgphComponentProps,\n  TgphElement,\n} from \"@telegraph/helpers\";\nimport { Lucide, Icon as TelegraphIcon } from \"@telegraph/icon\";\nimport { Stack } from \"@telegraph/layout\";\nimport { Tooltip } from \"@telegraph/tooltip\";\nimport { Text as TelegraphText } from \"@telegraph/typography\";\nimport { clsx } from \"clsx\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React from \"react\";\n\nimport { COLOR, SIZE, SPACING } from \"./Tag.constants\";\n\ntype RootBaseProps = {\n  size?: \"0\" | \"1\" | \"2\";\n  color?: keyof (typeof COLOR.Root)[\"soft\"];\n  variant?: keyof typeof COLOR.Root;\n};\n\ntype RootProps<T extends TgphElement> = PolymorphicPropsWithTgphRef<\n  T,\n  HTMLSpanElement\n> &\n  TgphComponentProps<typeof Stack> &\n  RootBaseProps;\n\nconst TagContext = React.createContext<Required<RootBaseProps>>({\n  size: \"1\",\n  color: \"default\",\n  variant: \"soft\",\n});\n\nconst Root = <T extends TgphElement>({\n  as = \"span\" as T,\n  size = \"1\",\n  color = \"default\",\n  variant = \"soft\",\n  className,\n  ...props\n}: RootProps<T>) => {\n  return (\n    <TagContext.Provider value={{ size, color, variant }}>\n      <Stack\n        as={as}\n        display=\"inline-flex\"\n        align=\"center\"\n        rounded=\"3\"\n        pl={SPACING.Root[size]}\n        className={clsx(SIZE.Root[size], COLOR.Root[variant][color], className)}\n        {...props}\n        data-tag\n      />\n    </TagContext.Provider>\n  );\n};\n\ntype TextProps<T extends TgphElement> = Omit<\n  TgphComponentProps<typeof TelegraphText<T>>,\n  \"as\"\n> & {\n  as?: T;\n};\n\nconst Text = <T extends TgphElement>({\n  as = \"span\" as T,\n  ...props\n}: TextProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphText\n      as={as}\n      size={context.size}\n      color={COLOR.Text[context.variant][context.color]}\n      weight=\"medium\"\n      mr={SPACING.Text[context.size]}\n      {...props}\n    />\n  );\n};\ntype ButtonProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphButton<T>\n>;\n\ntype CopyButtonProps = TgphComponentProps<typeof TelegraphButton.Root> & {\n  textToCopy?: string;\n};\n\nconst CopyButton = ({\n  onClick,\n  textToCopy,\n  className,\n  ...props\n}: CopyButtonProps) => {\n  const context = React.useContext(TagContext);\n\n  const [copied, setCopied] = React.useState(false);\n\n  React.useEffect(() => {\n    if (copied) {\n      const timeout = setTimeout(() => setCopied(false), 2000);\n      return () => clearTimeout(timeout);\n    }\n  }, [copied]);\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      <Tooltip label=\"Copy text\">\n        <TelegraphButton.Root\n          onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n            // Still run onClick incase the consumer wants to do something else\n            onClick?.(event);\n            setCopied(true);\n            textToCopy && navigator.clipboard.writeText(textToCopy);\n            event.currentTarget?.blur();\n          }}\n          size={context.size}\n          color={COLOR.Button[context.variant][context.color]}\n          variant={context.variant}\n          className={clsx(\"overflow-hidden\", className)}\n          roundedTopRight=\"3\"\n          roundedBottomRight=\"3\"\n          roundedTopLeft=\"0\"\n          roundedBottomLeft=\"0\"\n          {...props}\n        >\n          {copied ? (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Check}\n              alt=\"Copied text\"\n              key={\"check icon\"}\n            />\n          ) : (\n            <TelegraphButton.Icon\n              as={motion.span}\n              initial={{ y: \"-100%\" }}\n              animate={{ y: 0 }}\n              exit={{ y: \"-100%\" }}\n              transition={{ duration: 0.2, type: \"spring\", bounce: 0 }}\n              icon={Lucide.Copy}\n              alt=\"Copy text\"\n              key={\"copy icon\"}\n            />\n          )}\n        </TelegraphButton.Root>\n      </Tooltip>\n    </AnimatePresence>\n  );\n};\n\nconst Button = <T extends TgphElement>({\n  className,\n  ...props\n}: ButtonProps<T>) => {\n  const context = React.useContext(TagContext);\n  return (\n    <TelegraphButton\n      size={context.size}\n      color={COLOR.Button[context.variant][context.color]}\n      variant={context.variant}\n      icon={{ icon: Lucide.X, alt: \"close\" }}\n      className={clsx(\"rounded-tl-0 rounded-bl-0\", className)}\n      {...props}\n    />\n  );\n};\ntype IconProps<T extends TgphElement> = TgphComponentProps<\n  typeof TelegraphIcon<T>\n>;\n\nconst Icon = <T extends TgphElement>({\n  icon,\n  alt,\n  \"aria-hidden\": ariaHidden,\n  className,\n  ...props\n}: IconProps<T>) => {\n  const context = React.useContext(TagContext);\n  const a11yProps = !alt ? { \"aria-hidden\": ariaHidden } : { alt };\n  return (\n    <TelegraphIcon\n      icon={icon}\n      size={context.size}\n      color={COLOR.Icon[context.variant][context.color]}\n      className={clsx(\"rounded-tl-0 rounded-bl-0 mr-1\", className)}\n      {...a11yProps}\n      {...props}\n    />\n  );\n};\n\ntype DefaultProps<T extends TgphElement> = PolymorphicProps<T> &\n  TgphComponentProps<typeof Root<T>> & {\n    icon?: React.ComponentProps<typeof TelegraphIcon>;\n    onRemove?: () => void;\n  } & ( // Optionally allow textToCopy only when onCopy is defined\n    | {\n        onCopy: () => void;\n        textToCopy?: string;\n      }\n    | {\n        onCopy?: never;\n        textToCopy?: never;\n      }\n  );\n\nconst Default = <T extends TgphElement>({\n  color = \"default\",\n  size = \"1\",\n  variant = \"soft\",\n  icon,\n  onRemove,\n  onCopy,\n  textToCopy,\n  children,\n  ...props\n}: DefaultProps<T>) => {\n  return (\n    <Root color={color} size={size} variant={variant} {...props}>\n      {icon && <Icon {...icon} />}\n      <Text as=\"span\">{children}</Text>\n      {onRemove && (\n        <Button onClick={onRemove} icon={{ icon: Lucide.X, alt: \"Remove\" }} />\n      )}\n      {onCopy && <CopyButton onClick={onCopy} textToCopy={textToCopy} />}\n    </Root>\n  );\n};\n\nObject.assign(Default, {\n  Root,\n  Button,\n  Text,\n  Icon,\n  CopyButton,\n});\n\nconst Tag = Default as typeof Default & {\n  Root: typeof Root;\n  Button: typeof Button;\n  Text: typeof Text;\n  Icon: typeof Icon;\n  CopyButton: typeof CopyButton;\n};\n\nexport { Tag };\n"],"names":["a","j","i","e","t","s","o","k","d","p","O","y","L","c","f","l","m","C","u","R","g","T","x","w","h","E","SIZE","SPACING","COLOR","TagContext","React","Root","as","size","color","variant","className","props","jsx","Stack","clsx","Text","context","TelegraphText","CopyButton","onClick","textToCopy","copied","setCopied","timeout","AnimatePresence","Tooltip","TelegraphButton","event","_a","motion","Lucide","Button","Icon","icon","alt","ariaHidden","a11yProps","TelegraphIcon","Default","onRemove","onCopy","children","Tag"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telegraph/tag",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "repository": "https://github.com/knocklabs/telegraph/tree/main/packages/tag",
   "author": "@knocklabs",
   "license": "MIT",
@@ -34,12 +34,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@telegraph/button": "^0.0.28",
+    "@telegraph/button": "^0.0.29",
     "@telegraph/compose-refs": "^0.0.1",
     "@telegraph/helpers": "^0.0.3",
-    "@telegraph/icon": "^0.0.17",
-    "@telegraph/tooltip": "^0.0.9",
-    "@telegraph/typography": "^0.0.15",
+    "@telegraph/icon": "^0.0.18",
+    "@telegraph/tooltip": "^0.0.10",
+    "@telegraph/typography": "^0.0.16",
     "clsx": "^2.1.0",
     "framer-motion": "^11.1.9"
   },