@tempots/beatui 1.7.1 → 1.7.2

package/dist/index-XogEKwdt.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 Pe(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 Le(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 De(e){return`var(${V(e)})`}function Ge(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 Ae(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 Ze(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 Qe(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 Ue(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)"},ne="12rem";function y(e){return`--overlay-width-${e}`}function qe(e){return`var(${y(e)})`}function re(){const e={};return i.objectEntries(te).forEach(([a,t])=>{e[y(a)]=t}),e["--overlay-min-width"]=ne,e}function ie(){return{...K(),..._(),...ae(),...re()}}const z={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 Je(e){return`@media (width >= ${z[e]})`}function oe(){const e={};return i.objectEntries(z).forEach(([a,t])=>{e[E(a)]=t}),e}const Ke=["control","control-sm","control-xs","button","surface","overlay","popover","pill","focus"],Xe={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 se(e){return`--radius-${e}`}function ce(e){const a={},t={...Xe,...e};return i.objectEntries(t).forEach(([n,r])=>{a[se(n)]=r}),a}const $="0.25rem",ge={none:"0",px:"1px",base:$,"2xs":"calc(var(--spacing-base) / 4)",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 Ye(e){return`var(${d(e)})`}function le(){const e={"--spacing-base-raw":$,"--spacing-scale":"1"};return i.objectEntries(ge).forEach(([a,t])=>{a==="base"?e[d(a)]="calc(var(--spacing-base-raw) * var(--spacing-scale))":e[d(a)]=t}),e}const _e=["stack-2xs","stack-xs","stack-sm","stack-md","stack-lg","stack-xl"],ea={"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 me(e){return`--spacing-${e}`}function ue(e){const a={},t={...ea,...e};return i.objectEntries(t).forEach(([n,r])=>{a[me(n)]=r}),a}const pe={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 de(){const e={};return i.objectEntries(pe).forEach(([a,t])=>{e[F(a)]=t}),e}const aa=["surface","surface-elevated","popover","overlay","button"],ta={surface:g("sm"),"surface-elevated":g("md"),popover:g("lg"),overlay:g("xl"),button:g("xs")};function be(e){return`--shadow-${e}`}function fe(e){const a={},t={...ta,...e};return i.objectEntries(t).forEach(([n,r])=>{a[be(n)]=r}),a}const xe="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 na(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 he={thin:"100",extralight:"200",light:"300",normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800",black:"900"},Ve={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"},Se={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 Ne(e){return Array.isArray(e)?e.join(", "):e}const ra=["body","heading","display","mono","ui","prose"],ia={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 oa(e){return`var(${H(e)})`}function M(){return"--font-size-base"}function sa(){return`var(${M()})`}function j(e){return`--font-size-${e}-lh`}function ca(e){return`var(${j(e)})`}function C(e){return`--font-weight-${e}`}function ga(e){return`var(${C(e)})`}function O(e){return`--line-height-${e}`}function la(e){return`var(${O(e)})`}function W(e){return`--letter-spacing-${e}`}function ma(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 we(){const e={};return e["--font-size-base-raw"]=xe,e["--font-size-scale"]="1",e[M()]="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[j(a)]=r.lineHeight)}),Object.entries(he).forEach(([a,t])=>{e[C(a)]=t}),Object.entries(Ve).forEach(([a,t])=>{e[O(a)]=t}),Object.entries(ve).forEach(([a,t])=>{e[W(a)]=t}),Object.entries(Se).forEach(([a,t])=>{const n=Ne(t);e[b(a)]=n,e[`--font-${a}`]=n}),e}function ua(e){if(!e)return{};const a={};return Object.entries(e).forEach(([t,n])=>{if(n==null)return;const r=Ne(n);a[b(t)]=r,a[`--font-${t}`]=r}),a}function ye(e){const a={},t={...ia,...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 pa(e){return`var(${T(e)})`}function Ee(){const e={};return i.objectEntries(ze).forEach(([a,t])=>{e[T(a)]=t.toString()}),e}const $e="200ms",Fe={instant:"0s",fast:"calc(var(--motion-duration-base) * 0.6)",base:$e,slow:"calc(var(--motion-duration-base) * 1.6)",relaxed:"calc(var(--motion-duration-base) * 2.4)"},ke={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 He(){return"--motion-duration-base"}function da(){return`var(${He()})`}function R(e){return`--motion-easing-${e}`}function u(e){return`var(${R(e)})`}function Me(){const e={};return i.objectEntries(Fe).forEach(([a,t])=>{e[I(a)]=t}),i.objectEntries(ke).forEach(([a,t])=>{e[R(a)]=t}),e}const ba=["transition-fast","transition-medium","transition-slow","transition-overlay","transition-emphasis","easing-standard","easing-emphasis","easing-entrance","easing-exit"],fa={"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={...fa,...e};return i.objectEntries(t).forEach(([n,r])=>{const m=je(n);r!==`var(${m})`&&(a[m]=r)}),a}const Oe={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)"},xa=["button-filled","button-light","button-default"],ha={"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 We(){const e={};return i.objectEntries(Oe).forEach(([a,t])=>{e[P(a)]=t}),e}function Be(e){return`--text-shadow-${e}`}function Te(e){const a={},t={...ha,...e};return i.objectEntries(t).forEach(([n,r])=>{a[Be(n)]=r}),a}function Ie(){return{...G.generateCoreColorVariables(),...le(),...we(),...q(),...oe(),...de(),...Me(),...We(),...Ee(),...Z(),...U(),...ie()}}function Va(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 Re(e){let a,t,n,r,m,L,D;return Va(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),...ye(t),...ce(n),...fe(r),...Ce(m),...ue(L),...Te(D)}}function va(){return{...Ie(),...Re()}}function Sa(e,a){return a==null&&typeof window>"u"?"":getComputedStyle(a??document.documentElement).getPropertyValue(e).trim()}exports.baseFontSize=xe;exports.baseMotionDuration=$e;exports.baseSpacing=$;exports.borderWidth=A;exports.breakpoints=h;exports.changeFontSize=na;exports.controlGap=ee;exports.controlHeight=J;exports.controlPaddingBlock=X;exports.controlPaddingInline=Y;exports.fontFamily=Se;exports.fontSize=k;exports.fontWeight=he;exports.generateAllTokenVariables=va;exports.generateBorderWidthVariables=Z;exports.generateBreakpointVariables=q;exports.generateControlGapVariables=ae;exports.generateControlHeightVariables=K;exports.generateControlPaddingVariables=_;exports.generateControlTokenVariables=ie;exports.generateCoreTokenVariables=Ie;exports.generateFontFamilyOverrideVariables=ua;exports.generateMotionVariables=Me;exports.generateOutlineWidthVariables=U;exports.generateOverlayWidthVariables=re;exports.generateRadiusVariables=oe;exports.generateSemanticFontVariables=ye;exports.generateSemanticMotionVariables=Ce;exports.generateSemanticRadiusVariables=ce;exports.generateSemanticShadowVariables=fe;exports.generateSemanticSpacingVariables=ue;exports.generateSemanticTextShadowVariables=Te;exports.generateSemanticTokenVariables=Re;exports.generateShadowVariables=de;exports.generateSpacingVariables=le;exports.generateTextShadowVariables=We;exports.generateTypographyVariables=we;exports.generateZIndexVariables=Ee;exports.getBaseFontSizeVar=sa;exports.getBaseFontSizeVarName=M;exports.getBaseMotionDurationVar=da;exports.getBaseMotionDurationVarName=He;exports.getBorderWidthVar=Pe;exports.getBorderWidthVarName=f;exports.getBreakpointMediaQuery=Ge;exports.getBreakpointVar=De;exports.getBreakpointVarName=V;exports.getControlGapVar=Ue;exports.getControlGapVarName=w;exports.getControlHeightVar=Ae;exports.getControlHeightVarName=v;exports.getControlPaddingBlockVar=Ze;exports.getControlPaddingBlockVarName=S;exports.getControlPaddingInlineVar=Qe;exports.getControlPaddingInlineVarName=N;exports.getFontFamilyVar=s;exports.getFontFamilyVarName=b;exports.getFontSizeLineHeightVar=ca;exports.getFontSizeLineHeightVarName=j;exports.getFontSizeVar=oa;exports.getFontSizeVarName=H;exports.getFontWeightVar=ga;exports.getFontWeightVarName=C;exports.getLetterSpacingVar=ma;exports.getLetterSpacingVarName=W;exports.getLineHeightVar=la;exports.getLineHeightVarName=O;exports.getMotionDurationVar=l;exports.getMotionDurationVarName=I;exports.getMotionEasingVar=u;exports.getMotionEasingVarName=R;exports.getOutlineWidthVar=Le;exports.getOutlineWidthVarName=x;exports.getOverlayWidthVar=qe;exports.getOverlayWidthVarName=y;exports.getRadiusMediaQuery=Je;exports.getRadiusVar=o;exports.getRadiusVarName=E;exports.getSemanticFontVar=c;exports.getSemanticFontVarName=B;exports.getSemanticMotionVarName=je;exports.getSemanticRadiusVarName=se;exports.getSemanticShadowVarName=be;exports.getSemanticSpacingVarName=me;exports.getSemanticTextShadowVarName=Be;exports.getShadowVar=g;exports.getShadowVarName=F;exports.getSpacingVar=Ye;exports.getSpacingVarName=d;exports.getTextShadowVar=p;exports.getTextShadowVarName=P;exports.getTokenValue=Sa;exports.getZIndexVar=pa;exports.getZIndexVarName=T;exports.letterSpacing=ve;exports.lineHeight=Ve;exports.motionDurations=Fe;exports.motionEasings=ke;exports.outlineWidth=Q;exports.overlayMinWidth=ne;exports.overlayWidth=te;exports.radius=z;exports.semanticFontNames=ra;exports.semanticMotionNames=ba;exports.semanticRadiusNames=Ke;exports.semanticShadowNames=aa;exports.semanticSpacingNames=_e;exports.semanticTextShadowNames=xa;exports.shadows=pe;exports.spacing=ge;exports.textShadows=Oe;exports.zIndex=ze;