@tempots/beatui 1.4.0 → 1.6.0

package/dist/index-DeUj-5ph.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("@tempots/std"),G=require("./colors-DPCHjRMj.cjs"),A={none:"0",thin:"1px",default:"1.5px",medium:"2px",thick:"3px"};function f(e){return`--border-width-${e}`}function Re(e){return`var(${f(e)})`}function Z(){const e={};return i.objectEntries(A).forEach(([a,t])=>{e[f(a)]=t}),e}const Q={none:"0",default:"1px",focus:"2px"};function x(e){return`--outline-width-${e}`}function Pe(e){return`var(${x(e)})`}function U(){const e={};return i.objectEntries(Q).forEach(([a,t])=>{e[x(a)]=t}),e}const h={sm:"40rem",md:"48rem",lg:"64rem",xl:"80rem","2xl":"96rem"};function V(e){return`--breakpoint-${e}`}function Le(e){return`var(${V(e)})`}function De(e){return`@media (width >= ${h[e]})`}function q(){const e={};return i.objectEntries(h).forEach(([a,t])=>{e[V(a)]=t}),e}const J={xs:"calc(var(--spacing-base) * 7)",sm:"calc(var(--spacing-base) * 8)",md:"calc(var(--spacing-base) * 10)",lg:"calc(var(--spacing-base) * 12)",xl:"calc(var(--spacing-base) * 14)"};function v(e){return`--control-height-${e}`}function Ge(e){return`var(${v(e)})`}function K(){const e={};return i.objectEntries(J).forEach(([a,t])=>{e[v(a)]=t}),e}const X={xs:"var(--spacing-xs)",sm:"var(--spacing-sm)",md:"var(--spacing-md)",lg:"var(--spacing-mdh)",xl:"var(--spacing-lg)"};function S(e){return`--control-padding-block-${e}`}function Ae(e){return`var(${S(e)})`}const Y={xs:"var(--spacing-md)",sm:"var(--spacing-mdh)",md:"var(--spacing-lg)",lg:"var(--spacing-lgh)",xl:"var(--spacing-xl)"};function N(e){return`--control-padding-inline-${e}`}function Ze(e){return`var(${N(e)})`}function _(){const e={};return i.objectEntries(X).forEach(([a,t])=>{e[S(a)]=t}),i.objectEntries(Y).forEach(([a,t])=>{e[N(a)]=t}),e}const ee={xs:"var(--spacing-xs)",sm:"var(--spacing-sm)",md:"var(--spacing-smh)",lg:"var(--spacing-md)",xl:"var(--spacing-mdh)"};function w(e){return`--control-gap-${e}`}function Qe(e){return`var(${w(e)})`}function ae(){const e={};return i.objectEntries(ee).forEach(([a,t])=>{e[w(a)]=t}),e}const te={xs:"min(20rem, 90vw)",sm:"min(25rem, 90vw)",md:"min(37.5rem, 90vw)",lg:"min(50rem, 90vw)",xl:"min(62.5rem, 90vw)","min-width":"12rem"};function z(e){return`--overlay-width-${e}`}function Ue(e){return`var(${z(e)})`}function ne(){const e={};return i.objectEntries(te).forEach(([a,t])=>{e[z(a)]=t}),e}function re(){return{...K(),..._(),...ae(),...ne()}}const y={none:"0",xs:"var(--spacing-xs)",sm:"var(--spacing-sm)",md:"var(--spacing-smh)",lg:"var(--spacing-md)",xl:"var(--spacing-mdh)",full:"9999px"};function E(e){return`--radius-${e}`}function o(e){return`var(${E(e)})`}function qe(e){return`@media (width >= ${y[e]})`}function ie(){const e={};return i.objectEntries(y).forEach(([a,t])=>{e[E(a)]=t}),e}const Je=["control","control-sm","control-xs","button","surface","overlay","popover","pill","focus"],Ke={control:o("md"),"control-sm":o("sm"),"control-xs":o("xs"),button:o("md"),surface:o("lg"),overlay:o("lg"),popover:o("md"),pill:o("full"),focus:o("sm")};function oe(e){return`--radius-${e}`}function se(e){const a={},t={...Ke,...e};return i.objectEntries(t).forEach(([n,r])=>{a[oe(n)]=r}),a}const $="0.25rem",ce={none:"0",px:"1px",base:$,xs:"calc(var(--spacing-base) / 2)",sm:"var(--spacing-base)",smh:"calc(var(--spacing-base) * 1.5)",md:"calc(var(--spacing-base) * 2)",mdh:"calc(var(--spacing-base) * 3)",lg:"calc(var(--spacing-base) * 4)",lgh:"calc(var(--spacing-base) * 5)",xl:"calc(var(--spacing-base) * 6)","2xl":"calc(var(--spacing-base) * 8)","2xlh":"calc(var(--spacing-base) * 10)","3xl":"calc(var(--spacing-base) * 12)","4xl":"calc(var(--spacing-base) * 16)",full:"2000px"};function d(e){return`--spacing-${e}`}function Xe(e){return`var(${d(e)})`}function ge(){const e={"--spacing-base-raw":$,"--spacing-scale":"1"};return i.objectEntries(ce).forEach(([a,t])=>{a==="base"?e[d(a)]="calc(var(--spacing-base-raw) * var(--spacing-scale))":e[d(a)]=t}),e}const Ye=["stack-2xs","stack-xs","stack-sm","stack-md","stack-lg","stack-xl"],_e={"stack-2xs":"var(--spacing-xs)","stack-xs":"var(--spacing-sm)","stack-sm":"var(--spacing-md)","stack-md":"var(--spacing-mdh)","stack-lg":"var(--spacing-lg)","stack-xl":"var(--spacing-xl)"};function le(e){return`--spacing-${e}`}function me(e){const a={},t={..._e,...e};return i.objectEntries(t).forEach(([n,r])=>{a[le(n)]=r}),a}const ue={none:"none","2xs":"0 1px rgb(0 0 0 / 0.05)",xs:"0 1px 2px 0 rgb(0 0 0 / 0.05)",sm:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)","top-2xs":"0 -1px rgb(0 0 0 / 0.05)","top-xs":"0 -1px 2px 0 rgb(0 0 0 / 0.05)","top-sm":"0 -1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)","top-md":"0 -4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)","top-lg":"0 -10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)","top-xl":"0 -20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","top-2xl":"0 -25px 50px -12px rgb(0 0 0 / 0.25)"};function F(e){return`--shadow-${e}`}function g(e){return`var(${F(e)})`}function pe(){const e={};return i.objectEntries(ue).forEach(([a,t])=>{e[F(a)]=t}),e}const ea=["surface","surface-elevated","popover","overlay","button"],aa={surface:g("sm"),"surface-elevated":g("md"),popover:g("lg"),overlay:g("xl"),button:g("xs")};function de(e){return`--shadow-${e}`}function be(e){const a={},t={...aa,...e};return i.objectEntries(t).forEach(([n,r])=>{a[de(n)]=r}),a}const fe="1rem",k={"3xs":["calc(var(--font-size-base) * 0.5)",{lineHeight:"calc(var(--font-size-base) * 0.75)"}],"2xs":["calc(var(--font-size-base) * 0.625)",{lineHeight:"calc(var(--font-size-base) * 0.75)"}],xs:["calc(var(--font-size-base) * 0.75)",{lineHeight:"var(--font-size-base)"}],sm:["calc(var(--font-size-base) * 0.875)",{lineHeight:"calc(var(--font-size-base) * 1.25)"}],md:["var(--font-size-base)",{lineHeight:"calc(var(--font-size-base) * 1.5)"}],lg:["calc(var(--font-size-base) * 1.125)",{lineHeight:"calc(var(--font-size-base) * 1.75)"}],xl:["calc(var(--font-size-base) * 1.25)",{lineHeight:"calc(var(--font-size-base) * 1.75)"}],"2xl":["calc(var(--font-size-base) * 1.5)",{lineHeight:"calc(var(--font-size-base) * 2)"}],"3xl":["calc(var(--font-size-base) * 1.875)",{lineHeight:"calc(var(--font-size-base) * 2.25)"}],"4xl":["calc(var(--font-size-base) * 2.25)",{lineHeight:"calc(var(--font-size-base) * 2.5)"}],"5xl":["calc(var(--font-size-base) * 3)",{lineHeight:"1"}],"6xl":["calc(var(--font-size-base) * 3.75)",{lineHeight:"1"}],"7xl":["calc(var(--font-size-base) * 4.5)",{lineHeight:"1"}],"8xl":["calc(var(--font-size-base) * 6)",{lineHeight:"1"}],"9xl":["calc(var(--font-size-base) * 8)",{lineHeight:"1"}]};function ta(e,a){const t=Object.keys(k),n=t.indexOf(e);if(n===-1)throw new Error(`Invalid font size: ${e}`);const r=Math.min(Math.max(n+a,0),t.length-1);return t[r]}const xe={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},he={none:"1",tight:"1.25",snug:"1.375",normal:"1.5",relaxed:"1.625",loose:"2"},Ve={tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"},ve={sans:["system-ui","-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial",'"Noto Sans"',"sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"','"Noto Color Emoji"'],serif:["ui-serif","Georgia","Cambria",'"Times New Roman"',"Times","serif"],mono:["ui-monospace","SFMono-Regular",'"SF Mono"',"Consolas",'"Liberation Mono"',"Menlo","monospace"]};function Se(e){return Array.isArray(e)?e.join(", "):e}const na=["body","heading","display","mono","ui","prose"],ra={body:s("sans"),heading:s("sans"),display:s("sans"),mono:s("mono"),ui:s("sans"),prose:s("serif")};function H(e){return`--font-size-${e}`}function ia(e){return`var(${H(e)})`}function j(){return"--font-size-base"}function oa(){return`var(${j()})`}function C(e){return`--font-size-${e}-lh`}function sa(e){return`var(${C(e)})`}function M(e){return`--font-weight-${e}`}function ca(e){return`var(${M(e)})`}function O(e){return`--line-height-${e}`}function ga(e){return`var(${O(e)})`}function W(e){return`--letter-spacing-${e}`}function la(e){return`var(${W(e)})`}function b(e){return`--font-family-${e}`}function s(e){return`var(${b(e)})`}function B(e){return`--font-${e}`}function c(e){return`var(${B(e)})`}function Ne(){const e={};return e["--font-size-base-raw"]=fe,e["--font-size-scale"]="1",e[j()]="calc(var(--font-size-base-raw) * var(--font-size-scale))",Object.entries(k).forEach(([a,t])=>{const[n,r]=Array.isArray(t)?t:[t,void 0];e[H(a)]=n,r&&typeof r=="object"&&"lineHeight"in r&&(e[C(a)]=r.lineHeight)}),Object.entries(xe).forEach(([a,t])=>{e[M(a)]=t}),Object.entries(he).forEach(([a,t])=>{e[O(a)]=t}),Object.entries(Ve).forEach(([a,t])=>{e[W(a)]=t}),Object.entries(ve).forEach(([a,t])=>{const n=Se(t);e[b(a)]=n,e[`--font-${a}`]=n}),e}function ma(e){if(!e)return{};const a={};return Object.entries(e).forEach(([t,n])=>{if(n==null)return;const r=Se(n);a[b(t)]=r,a[`--font-${t}`]=r}),a}function we(e){const a={},t={...ra,...e};return Object.entries(t).forEach(([n,r])=>{a[B(n)]=r}),a["--font-family-default"]=c("body"),a["--font-family-default-heading"]=c("heading"),a["--font-family-default-display"]=c("display"),a["--font-family-default-ui"]=c("ui"),a["--font-family-default-prose"]=c("prose"),a["--font-family-default-mono"]=c("mono"),a}const ze={base:0,raised:100,navigation:200,sidebar:200,overlay:500,modal:600,tooltip:700,popover:800,notification:900,maximum:1e3};function T(e){return`--z-index-${e}`}function ua(e){return`var(${T(e)})`}function ye(){const e={};return i.objectEntries(ze).forEach(([a,t])=>{e[T(a)]=t.toString()}),e}const Ee="200ms",$e={instant:"0s",fast:"calc(var(--motion-duration-base) * 0.6)",base:Ee,slow:"calc(var(--motion-duration-base) * 1.6)",relaxed:"calc(var(--motion-duration-base) * 2.4)"},Fe={standard:"cubic-bezier(0.2, 0, 0, 1)",emphasized:"cubic-bezier(0.33, 1, 0.68, 1)",entrance:"cubic-bezier(0, 0, 0.2, 1)",exit:"cubic-bezier(0.8, 0, 0.6, 1)"};function I(e){return`--motion-duration-${e}`}function l(e){return`var(${I(e)})`}function ke(){return"--motion-duration-base"}function pa(){return`var(${ke()})`}function R(e){return`--motion-easing-${e}`}function u(e){return`var(${R(e)})`}function He(){const e={};return i.objectEntries($e).forEach(([a,t])=>{e[I(a)]=t}),i.objectEntries(Fe).forEach(([a,t])=>{e[R(a)]=t}),e}const da=["transition-fast","transition-medium","transition-slow","transition-overlay","transition-emphasis","easing-standard","easing-emphasis","easing-entrance","easing-exit"],ba={"transition-fast":l("fast"),"transition-medium":l("base"),"transition-slow":l("slow"),"transition-overlay":l("relaxed"),"transition-emphasis":l("fast"),"easing-standard":u("standard"),"easing-emphasis":u("emphasized"),"easing-entrance":u("entrance"),"easing-exit":u("exit")};function je(e){return`--motion-${e}`}function Ce(e){const a={},t={...ba,...e};return i.objectEntries(t).forEach(([n,r])=>{const m=je(n);r!==`var(${m})`&&(a[m]=r)}),a}const Me={none:"none","2xs":"0px 1px 0px rgb(0 0 0 / 0.15)",xs:"0px 1px 1px rgb(0 0 0 / 0.2)",sm:"0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075)",md:"0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1)",lg:"0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1)"},fa=["button-filled","button-light","button-default"],xa={"button-filled":p("sm"),"button-light":p("xs"),"button-default":p("2xs")};function P(e){return`--text-shadow-${e}`}function p(e){return`var(${P(e)})`}function Oe(){const e={};return i.objectEntries(Me).forEach(([a,t])=>{e[P(a)]=t}),e}function We(e){return`--text-shadow-${e}`}function Be(e){const a={},t={...xa,...e};return i.objectEntries(t).forEach(([n,r])=>{a[We(n)]=r}),a}function Te(){return{...G.generateCoreColorVariables(),...ge(),...Ne(),...q(),...ie(),...pe(),...He(),...Oe(),...ye(),...Z(),...U(),...re()}}function ha(e){return typeof e=="object"&&e!==null&&("colors"in e||"fonts"in e||"radii"in e||"shadows"in e||"motion"in e||"spacing"in e||"textShadows"in e)}function Ie(e){let a,t,n,r,m,L,D;return ha(e)?(a=e.colors,t=e.fonts,n=e.radii,r=e.shadows,m=e.motion,L=e.spacing,D=e.textShadows):a=e,{...G.generateSemanticColorVariables(a),...we(t),...se(n),...be(r),...Ce(m),...me(L),...Be(D)}}function Va(){return{...Te(),...Ie()}}function va(e,a){return a==null&&typeof window>"u"?"":getComputedStyle(a??document.documentElement).getPropertyValue(e).trim()}exports.baseFontSize=fe;exports.baseMotionDuration=Ee;exports.baseSpacing=$;exports.borderWidth=A;exports.breakpoints=h;exports.changeFontSize=ta;exports.controlGap=ee;exports.controlHeight=J;exports.controlPaddingBlock=X;exports.controlPaddingInline=Y;exports.fontFamily=ve;exports.fontSize=k;exports.fontWeight=xe;exports.generateAllTokenVariables=Va;exports.generateBorderWidthVariables=Z;exports.generateBreakpointVariables=q;exports.generateControlGapVariables=ae;exports.generateControlHeightVariables=K;exports.generateControlPaddingVariables=_;exports.generateControlTokenVariables=re;exports.generateCoreTokenVariables=Te;exports.generateFontFamilyOverrideVariables=ma;exports.generateMotionVariables=He;exports.generateOutlineWidthVariables=U;exports.generateOverlayWidthVariables=ne;exports.generateRadiusVariables=ie;exports.generateSemanticFontVariables=we;exports.generateSemanticMotionVariables=Ce;exports.generateSemanticRadiusVariables=se;exports.generateSemanticShadowVariables=be;exports.generateSemanticSpacingVariables=me;exports.generateSemanticTextShadowVariables=Be;exports.generateSemanticTokenVariables=Ie;exports.generateShadowVariables=pe;exports.generateSpacingVariables=ge;exports.generateTextShadowVariables=Oe;exports.generateTypographyVariables=Ne;exports.generateZIndexVariables=ye;exports.getBaseFontSizeVar=oa;exports.getBaseFontSizeVarName=j;exports.getBaseMotionDurationVar=pa;exports.getBaseMotionDurationVarName=ke;exports.getBorderWidthVar=Re;exports.getBorderWidthVarName=f;exports.getBreakpointMediaQuery=De;exports.getBreakpointVar=Le;exports.getBreakpointVarName=V;exports.getControlGapVar=Qe;exports.getControlGapVarName=w;exports.getControlHeightVar=Ge;exports.getControlHeightVarName=v;exports.getControlPaddingBlockVar=Ae;exports.getControlPaddingBlockVarName=S;exports.getControlPaddingInlineVar=Ze;exports.getControlPaddingInlineVarName=N;exports.getFontFamilyVar=s;exports.getFontFamilyVarName=b;exports.getFontSizeLineHeightVar=sa;exports.getFontSizeLineHeightVarName=C;exports.getFontSizeVar=ia;exports.getFontSizeVarName=H;exports.getFontWeightVar=ca;exports.getFontWeightVarName=M;exports.getLetterSpacingVar=la;exports.getLetterSpacingVarName=W;exports.getLineHeightVar=ga;exports.getLineHeightVarName=O;exports.getMotionDurationVar=l;exports.getMotionDurationVarName=I;exports.getMotionEasingVar=u;exports.getMotionEasingVarName=R;exports.getOutlineWidthVar=Pe;exports.getOutlineWidthVarName=x;exports.getOverlayWidthVar=Ue;exports.getOverlayWidthVarName=z;exports.getRadiusMediaQuery=qe;exports.getRadiusVar=o;exports.getRadiusVarName=E;exports.getSemanticFontVar=c;exports.getSemanticFontVarName=B;exports.getSemanticMotionVarName=je;exports.getSemanticRadiusVarName=oe;exports.getSemanticShadowVarName=de;exports.getSemanticSpacingVarName=le;exports.getSemanticTextShadowVarName=We;exports.getShadowVar=g;exports.getShadowVarName=F;exports.getSpacingVar=Xe;exports.getSpacingVarName=d;exports.getTextShadowVar=p;exports.getTextShadowVarName=P;exports.getTokenValue=va;exports.getZIndexVar=ua;exports.getZIndexVarName=T;exports.letterSpacing=Ve;exports.lineHeight=he;exports.motionDurations=$e;exports.motionEasings=Fe;exports.outlineWidth=Q;exports.overlayWidth=te;exports.radius=y;exports.semanticFontNames=na;exports.semanticMotionNames=da;exports.semanticRadiusNames=Je;exports.semanticShadowNames=ea;exports.semanticSpacingNames=Ye;exports.semanticTextShadowNames=fa;exports.shadows=ue;exports.spacing=ce;exports.textShadows=Me;exports.zIndex=ze;