@luzmo/lucero 0.0.3 → 0.0.6

package/components/index-DCKCHDTt.cjs

@@ -0,0 +1,18 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";function u(r,e){E(r)&&(r="100%");const t=I(r);return r=e===360?r:Math.min(e,Math.max(0,parseFloat(r))),t&&(r=parseInt(String(r*e),10)/100),Math.abs(r-e)<1e-6?1:(e===360?r=(r<0?r%e+e:r%e)/parseFloat(String(e)):r=r%e/parseFloat(String(e)),r)}function m(r){return Math.min(1,Math.max(0,r))}function E(r){return typeof r=="string"&&r.indexOf(".")!==-1&&parseFloat(r)===1}function I(r){return typeof r=="string"&&r.indexOf("%")!==-1}function F(r){return r=parseFloat(r),(isNaN(r)||r<0||r>1)&&(r=1),r}function p(r){return Number(r)<=1?`${Number(r)*100}%`:r}function l(r){return r.length===1?"0"+r:String(r)}function B(r,e,t){return{r:u(r,255)*255,g:u(e,255)*255,b:u(t,255)*255}}function v(r,e,t){r=u(r,255),e=u(e,255),t=u(t,255);const n=Math.max(r,e,t),s=Math.min(r,e,t);let a=0,i=0;const h=(n+s)/2;if(n===s)i=0,a=0;else{const o=n-s;switch(i=h>.5?o/(2-n-s):o/(n+s),n){case r:a=(e-t)/o+(e<t?6:0);break;case e:a=(t-r)/o+2;break;case t:a=(r-e)/o+4;break}a/=6}return{h:a,s:i,l:h}}function w(r,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?r+(e-r)*(6*t):t<1/2?e:t<2/3?r+(e-r)*(2/3-t)*6:r}function q(r,e,t){let n,s,a;if(r=u(r,360),e=u(e,100),t=u(t,100),e===0)s=t,a=t,n=t;else{const i=t<.5?t*(1+e):t+e-t*e,h=2*t-i;n=w(h,i,r+1/3),s=w(h,i,r),a=w(h,i,r-1/3)}return{r:n*255,g:s*255,b:a*255}}function A(r,e,t){r=u(r,255),e=u(e,255),t=u(t,255);const n=Math.max(r,e,t),s=Math.min(r,e,t);let a=0;const i=n,h=n-s,o=n===0?0:h/n;if(n===s)a=0;else{switch(n){case r:a=(e-t)/h+(e<t?6:0);break;case e:a=(t-r)/h+2;break;case t:a=(r-e)/h+4;break}a/=6}return{h:a,s:o,v:i}}function P(r,e,t){r=u(r,360)*6,e=u(e,100),t=u(t,100);const n=Math.floor(r),s=r-n,a=t*(1-e),i=t*(1-s*e),h=t*(1-(1-s)*e),o=n%6,x=[t,i,a,a,h,t][o],M=[h,t,t,i,a,a][o],N=[a,a,h,t,t,i][o];return{r:x*255,g:M*255,b:N*255}}function H(r,e,t,n){const s=[l(Math.round(r).toString(16)),l(Math.round(e).toString(16)),l(Math.round(t).toString(16))];return n&&s[0].startsWith(s[0].charAt(1))&&s[1].startsWith(s[1].charAt(1))&&s[2].startsWith(s[2].charAt(1))?s[0].charAt(0)+s[1].charAt(0)+s[2].charAt(0):s.join("")}function j(r,e,t,n,s){const a=[l(Math.round(r).toString(16)),l(Math.round(e).toString(16)),l(Math.round(t).toString(16)),l(W(n))];return s&&a[0].startsWith(a[0].charAt(1))&&a[1].startsWith(a[1].charAt(1))&&a[2].startsWith(a[2].charAt(1))&&a[3].startsWith(a[3].charAt(1))?a[0].charAt(0)+a[1].charAt(0)+a[2].charAt(0)+a[3].charAt(0):a.join("")}function O(r,e,t,n){const s=r/100,a=e/100,i=t/100,h=n/100,o=255*(1-s)*(1-h),x=255*(1-a)*(1-h),M=255*(1-i)*(1-h);return{r:o,g:x,b:M}}function R(r,e,t){let n=1-r/255,s=1-e/255,a=1-t/255,i=Math.min(n,s,a);return i===1?(n=0,s=0,a=0):(n=(n-i)/(1-i)*100,s=(s-i)/(1-i)*100,a=(a-i)/(1-i)*100),i*=100,{c:Math.round(n),m:Math.round(s),y:Math.round(a),k:Math.round(i)}}function W(r){return Math.round(parseFloat(r)*255).toString(16)}function $(r){return c(r)/255}function c(r){return parseInt(r,16)}function G(r){return{r:r>>16,g:(r&65280)>>8,b:r&255}}const y={aliceblue:"#f0f8ff",antiquewhite:"#faebd7",aqua:"#00ffff",aquamarine:"#7fffd4",azure:"#f0ffff",beige:"#f5f5dc",bisque:"#ffe4c4",black:"#000000",blanchedalmond:"#ffebcd",blue:"#0000ff",blueviolet:"#8a2be2",brown:"#a52a2a",burlywood:"#deb887",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",cornflowerblue:"#6495ed",cornsilk:"#fff8dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",darkkhaki:"#bdb76b",darkmagenta:"#8b008b",darkolivegreen:"#556b2f",darkorange:"#ff8c00",darkorchid:"#9932cc",darkred:"#8b0000",darksalmon:"#e9967a",darkseagreen:"#8fbc8f",darkslateblue:"#483d8b",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",darkturquoise:"#00ced1",darkviolet:"#9400d3",deeppink:"#ff1493",deepskyblue:"#00bfff",dimgray:"#696969",dimgrey:"#696969",dodgerblue:"#1e90ff",firebrick:"#b22222",floralwhite:"#fffaf0",forestgreen:"#228b22",fuchsia:"#ff00ff",gainsboro:"#dcdcdc",ghostwhite:"#f8f8ff",goldenrod:"#daa520",gold:"#ffd700",gray:"#808080",green:"#008000",greenyellow:"#adff2f",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",indianred:"#cd5c5c",indigo:"#4b0082",ivory:"#fffff0",khaki:"#f0e68c",lavenderblush:"#fff0f5",lavender:"#e6e6fa",lawngreen:"#7cfc00",lemonchiffon:"#fffacd",lightblue:"#add8e6",lightcoral:"#f08080",lightcyan:"#e0ffff",lightgoldenrodyellow:"#fafad2",lightgray:"#d3d3d3",lightgreen:"#90ee90",lightgrey:"#d3d3d3",lightpink:"#ffb6c1",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",lightskyblue:"#87cefa",lightslategray:"#778899",lightslategrey:"#778899",lightsteelblue:"#b0c4de",lightyellow:"#ffffe0",lime:"#00ff00",limegreen:"#32cd32",linen:"#faf0e6",magenta:"#ff00ff",maroon:"#800000",mediumaquamarine:"#66cdaa",mediumblue:"#0000cd",mediumorchid:"#ba55d3",mediumpurple:"#9370db",mediumseagreen:"#3cb371",mediumslateblue:"#7b68ee",mediumspringgreen:"#00fa9a",mediumturquoise:"#48d1cc",mediumvioletred:"#c71585",midnightblue:"#191970",mintcream:"#f5fffa",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",navajowhite:"#ffdead",navy:"#000080",oldlace:"#fdf5e6",olive:"#808000",olivedrab:"#6b8e23",orange:"#ffa500",orangered:"#ff4500",orchid:"#da70d6",palegoldenrod:"#eee8aa",palegreen:"#98fb98",paleturquoise:"#afeeee",palevioletred:"#db7093",papayawhip:"#ffefd5",peachpuff:"#ffdab9",peru:"#cd853f",pink:"#ffc0cb",plum:"#dda0dd",powderblue:"#b0e0e6",purple:"#800080",rebeccapurple:"#663399",red:"#ff0000",rosybrown:"#bc8f8f",royalblue:"#4169e1",saddlebrown:"#8b4513",salmon:"#fa8072",sandybrown:"#f4a460",seagreen:"#2e8b57",seashell:"#fff5ee",sienna:"#a0522d",silver:"#c0c0c0",skyblue:"#87ceeb",slateblue:"#6a5acd",slategray:"#708090",slategrey:"#708090",snow:"#fffafa",springgreen:"#00ff7f",steelblue:"#4682b4",tan:"#d2b48c",teal:"#008080",thistle:"#d8bfd8",tomato:"#ff6347",turquoise:"#40e0d0",violet:"#ee82ee",wheat:"#f5deb3",white:"#ffffff",whitesmoke:"#f5f5f5",yellow:"#ffff00",yellowgreen:"#9acd32"};function T(r){let e={r:0,g:0,b:0},t=1,n=null,s=null,a=null,i=!1,h=!1;return typeof r=="string"&&(r=V(r)),typeof r=="object"&&(g(r.r)&&g(r.g)&&g(r.b)?(e=B(r.r,r.g,r.b),i=!0,h=String(r.r).substr(-1)==="%"?"prgb":"rgb"):g(r.h)&&g(r.s)&&g(r.v)?(n=p(r.s),s=p(r.v),e=P(r.h,n,s),i=!0,h="hsv"):g(r.h)&&g(r.s)&&g(r.l)?(n=p(r.s),a=p(r.l),e=q(r.h,n,a),i=!0,h="hsl"):g(r.c)&&g(r.m)&&g(r.y)&&g(r.k)&&(e=O(r.c,r.m,r.y,r.k),i=!0,h="cmyk"),Object.prototype.hasOwnProperty.call(r,"a")&&(t=r.a)),t=F(t),{ok:i,format:r.format||h,r:Math.min(255,Math.max(e.r,0)),g:Math.min(255,Math.max(e.g,0)),b:Math.min(255,Math.max(e.b,0)),a:t}}const U="[-\\+]?\\d+%?",D="[-\\+]?\\d*\\.\\d+%?",b="(?:"+D+")|(?:"+U+")",S="[\\s|\\(]+("+b+")[,|\\s]+("+b+")[,|\\s]+("+b+")\\s*\\)?",k="[\\s|\\(]+("+b+")[,|\\s]+("+b+")[,|\\s]+("+b+")[,|\\s]+("+b+")\\s*\\)?",d={CSS_UNIT:new RegExp(b),rgb:new RegExp("rgb"+S),rgba:new RegExp("rgba"+k),hsl:new RegExp("hsl"+S),hsla:new RegExp("hsla"+k),hsv:new RegExp("hsv"+S),hsva:new RegExp("hsva"+k),cmyk:new RegExp("cmyk"+k),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/};function V(r){if(r=r.trim().toLowerCase(),r.length===0)return!1;let e=!1;if(y[r])r=y[r],e=!0;else if(r==="transparent")return{r:0,g:0,b:0,a:0,format:"name"};let t=d.rgb.exec(r);return t?{r:t[1],g:t[2],b:t[3]}:(t=d.rgba.exec(r),t?{r:t[1],g:t[2],b:t[3],a:t[4]}:(t=d.hsl.exec(r),t?{h:t[1],s:t[2],l:t[3]}:(t=d.hsla.exec(r),t?{h:t[1],s:t[2],l:t[3],a:t[4]}:(t=d.hsv.exec(r),t?{h:t[1],s:t[2],v:t[3]}:(t=d.hsva.exec(r),t?{h:t[1],s:t[2],v:t[3],a:t[4]}:(t=d.cmyk.exec(r),t?{c:t[1],m:t[2],y:t[3],k:t[4]}:(t=d.hex8.exec(r),t?{r:c(t[1]),g:c(t[2]),b:c(t[3]),a:$(t[4]),format:e?"name":"hex8"}:(t=d.hex6.exec(r),t?{r:c(t[1]),g:c(t[2]),b:c(t[3]),format:e?"name":"hex"}:(t=d.hex4.exec(r),t?{r:c(t[1]+t[1]),g:c(t[2]+t[2]),b:c(t[3]+t[3]),a:$(t[4]+t[4]),format:e?"name":"hex8"}:(t=d.hex3.exec(r),t?{r:c(t[1]+t[1]),g:c(t[2]+t[2]),b:c(t[3]+t[3]),format:e?"name":"hex"}:!1))))))))))}function g(r){return typeof r=="number"?!Number.isNaN(r):d.CSS_UNIT.test(r)}class f{constructor(e="",t={}){if(e instanceof f)return e;typeof e=="number"&&(e=G(e)),this.originalInput=e;const n=T(e);this.originalInput=e,this.r=n.r,this.g=n.g,this.b=n.b,this.a=n.a,this.roundA=Math.round(100*this.a)/100,this.format=t.format??n.format,this.gradientType=t.gradientType,this.r<1&&(this.r=Math.round(this.r)),this.g<1&&(this.g=Math.round(this.g)),this.b<1&&(this.b=Math.round(this.b)),this.isValid=n.ok}isDark(){return this.getBrightness()<128}isLight(){return!this.isDark()}getBrightness(){const e=this.toRgb();return(e.r*299+e.g*587+e.b*114)/1e3}getLuminance(){const e=this.toRgb();let t,n,s;const a=e.r/255,i=e.g/255,h=e.b/255;return a<=.03928?t=a/12.92:t=Math.pow((a+.055)/1.055,2.4),i<=.03928?n=i/12.92:n=Math.pow((i+.055)/1.055,2.4),h<=.03928?s=h/12.92:s=Math.pow((h+.055)/1.055,2.4),.2126*t+.7152*n+.0722*s}getAlpha(){return this.a}setAlpha(e){return this.a=F(e),this.roundA=Math.round(100*this.a)/100,this}isMonochrome(){const{s:e}=this.toHsl();return e===0}toHsv(){const e=A(this.r,this.g,this.b);return{h:e.h*360,s:e.s,v:e.v,a:this.a}}toHsvString(){const e=A(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),s=Math.round(e.v*100);return this.a===1?`hsv(${t}, ${n}%, ${s}%)`:`hsva(${t}, ${n}%, ${s}%, ${this.roundA})`}toHsl(){const e=v(this.r,this.g,this.b);return{h:e.h*360,s:e.s,l:e.l,a:this.a}}toHslString(){const e=v(this.r,this.g,this.b),t=Math.round(e.h*360),n=Math.round(e.s*100),s=Math.round(e.l*100);return this.a===1?`hsl(${t}, ${n}%, ${s}%)`:`hsla(${t}, ${n}%, ${s}%, ${this.roundA})`}toHex(e=!1){return H(this.r,this.g,this.b,e)}toHexString(e=!1){return"#"+this.toHex(e)}toHex8(e=!1){return j(this.r,this.g,this.b,this.a,e)}toHex8String(e=!1){return"#"+this.toHex8(e)}toHexShortString(e=!1){return this.a===1?this.toHexString(e):this.toHex8String(e)}toRgb(){return{r:Math.round(this.r),g:Math.round(this.g),b:Math.round(this.b),a:this.a}}toRgbString(){const e=Math.round(this.r),t=Math.round(this.g),n=Math.round(this.b);return this.a===1?`rgb(${e}, ${t}, ${n})`:`rgba(${e}, ${t}, ${n}, ${this.roundA})`}toPercentageRgb(){const e=t=>`${Math.round(u(t,255)*100)}%`;return{r:e(this.r),g:e(this.g),b:e(this.b),a:this.a}}toPercentageRgbString(){const e=t=>Math.round(u(t,255)*100);return this.a===1?`rgb(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%)`:`rgba(${e(this.r)}%, ${e(this.g)}%, ${e(this.b)}%, ${this.roundA})`}toCmyk(){return{...R(this.r,this.g,this.b)}}toCmykString(){const{c:e,m:t,y:n,k:s}=R(this.r,this.g,this.b);return`cmyk(${e}, ${t}, ${n}, ${s})`}toName(){if(this.a===0)return"transparent";if(this.a<1)return!1;const e="#"+H(this.r,this.g,this.b,!1);for(const[t,n]of Object.entries(y))if(e===n)return t;return!1}toString(e){const t=!!e;e=e??this.format;let n=!1;const s=this.a<1&&this.a>=0;return!t&&s&&(e.startsWith("hex")||e==="name")?e==="name"&&this.a===0?this.toName():this.toRgbString():(e==="rgb"&&(n=this.toRgbString()),e==="prgb"&&(n=this.toPercentageRgbString()),(e==="hex"||e==="hex6")&&(n=this.toHexString()),e==="hex3"&&(n=this.toHexString(!0)),e==="hex4"&&(n=this.toHex8String(!0)),e==="hex8"&&(n=this.toHex8String()),e==="name"&&(n=this.toName()),e==="hsl"&&(n=this.toHslString()),e==="hsv"&&(n=this.toHsvString()),e==="cmyk"&&(n=this.toCmykString()),n||this.toHexString())}toNumber(){return(Math.round(this.r)<<16)+(Math.round(this.g)<<8)+Math.round(this.b)}clone(){return new f(this.toString())}lighten(e=10){const t=this.toHsl();return t.l+=e/100,t.l=m(t.l),new f(t)}brighten(e=10){const t=this.toRgb();return t.r=Math.max(0,Math.min(255,t.r-Math.round(255*-(e/100)))),t.g=Math.max(0,Math.min(255,t.g-Math.round(255*-(e/100)))),t.b=Math.max(0,Math.min(255,t.b-Math.round(255*-(e/100)))),new f(t)}darken(e=10){const t=this.toHsl();return t.l-=e/100,t.l=m(t.l),new f(t)}tint(e=10){return this.mix("white",e)}shade(e=10){return this.mix("black",e)}desaturate(e=10){const t=this.toHsl();return t.s-=e/100,t.s=m(t.s),new f(t)}saturate(e=10){const t=this.toHsl();return t.s+=e/100,t.s=m(t.s),new f(t)}greyscale(){return this.desaturate(100)}spin(e){const t=this.toHsl(),n=(t.h+e)%360;return t.h=n<0?360+n:n,new f(t)}mix(e,t=50){const n=this.toRgb(),s=new f(e).toRgb(),a=t/100,i={r:(s.r-n.r)*a+n.r,g:(s.g-n.g)*a+n.g,b:(s.b-n.b)*a+n.b,a:(s.a-n.a)*a+n.a};return new f(i)}analogous(e=6,t=30){const n=this.toHsl(),s=360/t,a=[this];for(n.h=(n.h-(s*e>>1)+720)%360;--e;)n.h=(n.h+s)%360,a.push(new f(n));return a}complement(){const e=this.toHsl();return e.h=(e.h+180)%360,new f(e)}monochromatic(e=6){const t=this.toHsv(),{h:n}=t,{s}=t;let{v:a}=t;const i=[],h=1/e;for(;e--;)i.push(new f({h:n,s,v:a})),a=(a+h)%1;return i}splitcomplement(){const e=this.toHsl(),{h:t}=e;return[this,new f({h:(t+72)%360,s:e.s,l:e.l}),new f({h:(t+216)%360,s:e.s,l:e.l})]}onBackground(e){const t=this.toRgb(),n=new f(e).toRgb(),s=t.a+n.a*(1-t.a);return new f({r:(t.r*t.a+n.r*n.a*(1-t.a))/s,g:(t.g*t.a+n.g*n.a*(1-t.a))/s,b:(t.b*t.a+n.b*n.a*(1-t.a))/s,a:s})}triad(){return this.polyad(3)}tetrad(){return this.polyad(4)}polyad(e){const t=this.toHsl(),{h:n}=t,s=[this],a=360/e;for(let i=1;i<e;i++)s.push(new f({h:(n+i*a)%360,s:t.s,l:t.l}));return s}equals(e){const t=new f(e);return this.format==="cmyk"||t.format==="cmyk"?this.toCmykString()===t.toCmykString():this.toRgbString()===t.toRgbString()}}exports.TinyColor=f;

package/components/index.cjs

@@ -0,0 +1,27 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z=require("./accordion/index.cjs"),h=require("./action-bar/index.cjs"),x=require("./action-button/index.cjs");require("./action-group/index.cjs");const C=require("./action-menu/index.cjs"),_=require("./avatar/index.cjs"),S=require("./button/index.cjs"),k=require("./button-group/index.cjs"),f=require("./checkbox/index.cjs"),y=require("./color-area/index.cjs"),T=require("./color-field/index.cjs"),I=require("./color-handle/index.cjs");require("./color-loupe/index.cjs");const P=require("./color-menu/index.cjs"),A=require("./color-picker/index.cjs"),B=require("./color-slider/index.cjs"),R=require("./divider/index.cjs");require("./field-group/index.cjs");require("./field-label/index.cjs");const O=require("./icon/index.cjs"),F=require("./infield-button/index.cjs"),M=require("./label/index.cjs"),t=require("./base-rtxi7uaR.cjs"),l=require("./index-CNtoBntg.cjs"),G=require("./multi-language-field/index.cjs"),E=require("./number-field/index.cjs"),u=require("./overlay/index.cjs");require("./picker/index.cjs");require("./popover/index.cjs");require("./progress-circle/index.cjs");const b=require("./radio/index.cjs"),w=require("./search/index.cjs"),D=require("./slider/index.cjs"),g=require("./swatch/index.cjs"),N=require("./switch/index.cjs"),v=require("./tags/index.cjs"),U=require("./text-field/index.cjs"),H=require("./tooltip/index.cjs"),$=require("./unit-input/index.cjs"),j=require("./action-group-C8YUQzt8.cjs"),V=require("./clear-button-DFXE6MLx.cjs"),J=require("./close-button-CcD-aVqh.cjs"),K=require("./color-loupe-BN3k1ACF.cjs"),Q=require("./field-group-d5Hkb8UW.cjs"),W=require("./field-label-D1zKXSG6.cjs"),e=require("./overlay-dn6Xe_vz.cjs"),q=require("./slottable-request-event-BfUUt1Mh.cjs"),m=require("./picker-8cOc-jjh.cjs"),X=require("./popover-CCzs4VH8.cjs"),Y=require("./progress-circle-DYSSkjlY.cjs"),Z=require("./text-field-BU7yxiOR.cjs"),ee=":host{border:.0625rem solid var(--luzmo-border-color);width:5.625rem;padding:.125rem .1875rem .1875rem;border-radius:var(--luzmo-border-radius)}.segment{height:1.5rem;width:100%;padding:.125rem 0;position:relative}.segment .option-block{width:1.5rem;height:1.25rem;border:.0625rem solid var(--luzmo-border-color);border-radius:.1875rem;background:var(--luzmo-background-color-hover);transition:background-color .2s ease-in-out;cursor:pointer;position:absolute}.segment .option-block:hover{background:var(--luzmo-secondary)}.segment .option-block.active,.segment .option-block.active:hover{background:var(--luzmo-primary)}.segment .option-block.top-left,.segment .option-block.left,.segment .option-block.bottom-left{left:0}.segment .option-block.top-right,.segment .option-block.right,.segment .option-block.bottom-right{right:0}.segment .option-block.top,.segment .option-block.middle,.segment .option-block.bottom{left:50%;transform:translate(-50%)}";var oe=Object.defineProperty,a=(L,i,o,s)=>{for(var n=void 0,c=L.length-1,p;c>=0;c--)(p=L[c])&&(n=p(i,o,n)||n);return n&&oe(i,o,n),n};const d=class d extends t.LuzmoElement{constructor(){super(...arguments),this.value="topRight",this.disabled=!1,this.disabledPositions=["middle"],this.positions=[{topLeft:"top-left",top:"top",topRight:"top-right"},{left:"left",middle:"middle",right:"right"},{bottomLeft:"bottom-left",bottom:"bottom",bottomRight:"bottom-right"}]}setPosition(i){this.disabled||(this.value=i,this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.value,bubbles:!0,composed:!0})))}render(){return this.positions.map(i=>t.x`
+        <div class="segment${this.disabled?" disabled":""}">
+          ${Object.entries(i).filter(([o,s])=>!this.disabledPositions.includes(o)).map(([o,s])=>t.x`
+                <div
+                  class="option-block ${s} ${this.value===o?"active":""}"
+                  @click=${()=>this.setPosition(o)}
+                ></div>
+              `)}
+        </div>
+      `)}};d.styles=t.r(ee);let r=d;a([t.n({type:String,reflect:!0,attribute:"value"})],r.prototype,"value");a([t.n({type:Boolean,reflect:!0,attribute:"disabled"})],r.prototype,"disabled");a([t.n({type:Array,reflect:!0,attribute:"disabledPositions"})],r.prototype,"disabledPositions");customElements.get("luzmo-legend-position")||customElements.define("luzmo-legend-position",r);exports.LuzmoAccordion=z.LuzmoAccordion;exports.LuzmoAccordionItem=z.LuzmoAccordionItem;exports.LuzmoActionBar=h.LuzmoActionBar;exports.LuzmoActionButton=x.LuzmoActionButton;exports.LuzmoActionMenu=C.LuzmoActionMenu;exports.LuzmoAvatar=_.LuzmoAvatar;exports.LuzmoButton=S.LuzmoButton;exports.LuzmoButtonGroup=k.LuzmoButtonGroup;exports.LuzmoCheckbox=f.LuzmoCheckbox;exports.LuzmoColorArea=y.LuzmoColorArea;exports.LuzmoColorField=T.LuzmoColorField;exports.LuzmoColorHandle=I.LuzmoColorHandle;exports.LuzmoColorMenu=P.LuzmoColorMenu;exports.LuzmoColorPicker=A.LuzmoColorPicker;exports.LuzmoColorSlider=B.LuzmoColorSlider;exports.Divider=R.Divider;exports.LuzmoIcon=O.LuzmoIcon;exports.LuzmoInfieldButton=F.LuzmoInfieldButton;exports.LuzmoLabel=M.LuzmoLabel;exports.LuzmoMenu=l.LuzmoMenu;exports.LuzmoMenuDivider=l.LuzmoMenuDivider;exports.LuzmoMenuGroup=l.LuzmoMenuGroup;exports.LuzmoMenuItem=l.LuzmoMenuItem;exports.MenuItemAddedOrUpdatedEvent=l.MenuItemAddedOrUpdatedEvent;exports.LuzmoMultiLangField=G.LuzmoMultiLangField;exports.LuzmoNumberField=E.LuzmoNumberField;exports.OverlayTrigger=u.OverlayTrigger;exports.OverlayTriggerDirective=u.OverlayTriggerDirective;exports.SlottableRequestDirective=u.SlottableRequestDirective;exports.openOverlay=u.openOverlay;exports.slottableRequest=u.slottableRequest;exports.trigger=u.trigger;exports.LuzmoRadio=b.LuzmoRadio;exports.LuzmoRadioGroup=b.LuzmoRadioGroup;exports.LuzmoSearch=w.LuzmoSearch;exports.LuzmoSlider=D.LuzmoSlider;exports.LuzmoSwatch=g.LuzmoSwatch;exports.LuzmoSwatchGroup=g.LuzmoSwatchGroup;exports.LuzmoSwitch=N.LuzmoSwitch;exports.LuzmoTag=v.LuzmoTag;exports.LuzmoTags=v.LuzmoTags;exports.HelpText=U.HelpText;exports.Tooltip=H.Tooltip;exports.LuzmoUnitInput=$.LuzmoUnitInput;exports.LuzmoActionGroup=j.LuzmoActionGroup;exports.LuzmoClearButton=V.LuzmoClearButton;exports.LuzmoCloseButton=J.LuzmoCloseButton;exports.LuzmoColorLoupe=K.LuzmoColorLoupe;exports.LuzmoFieldGroup=Q.LuzmoFieldGroup;exports.FieldLabel=W.FieldLabel;exports.AbstractOverlay=e.AbstractOverlay;exports.ClickController=e.ClickController;exports.HoverController=e.HoverController;exports.InteractionController=e.InteractionController;exports.InteractionTypes=e.InteractionTypes;exports.LONGPRESS_INSTRUCTIONS=e.LONGPRESS_INSTRUCTIONS;exports.LongpressController=e.LongpressController;exports.Overlay=e.Overlay;exports.PlacementController=e.PlacementController;exports.VirtualTrigger=e.VirtualTrigger;exports.guaranteedAllTransitionend=e.guaranteedAllTransitionend;exports.nextFrame=e.nextFrame;exports.noop=e.noop;exports.overlayTimer=e.overlayTimer;exports.placementUpdatedSymbol=e.placementUpdatedSymbol;exports.SlottableRequestEvent=q.SlottableRequestEvent;exports.removeSlottableRequest=q.removeSlottableRequest;exports.DESCRIPTION_ID=m.DESCRIPTION_ID;exports.LuzmoPicker=m.LuzmoPicker;exports.LuzmoPickerBase=m.LuzmoPickerBase;exports.Popover=X.Popover;exports.LuzmoProgressCircle=Y.LuzmoProgressCircle;exports.LuzmoTextField=Z.LuzmoTextField;exports.LuzmoLegendPosition=r;

package/components/index.js

@@ -0,0 +1,207 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { LuzmoAccordion as A, LuzmoAccordionItem as I } from "./accordion/index.js";
+import { LuzmoActionBar as T } from "./action-bar/index.js";
+import { LuzmoActionButton as R } from "./action-button/index.js";
+import "./action-group/index.js";
+import { LuzmoActionMenu as B } from "./action-menu/index.js";
+import { LuzmoAvatar as F } from "./avatar/index.js";
+import { LuzmoButton as D } from "./button/index.js";
+import { LuzmoButtonGroup as q } from "./button-group/index.js";
+import { LuzmoCheckbox as N } from "./checkbox/index.js";
+import { LuzmoColorArea as $ } from "./color-area/index.js";
+import { LuzmoColorField as j } from "./color-field/index.js";
+import { LuzmoColorHandle as K } from "./color-handle/index.js";
+import "./color-loupe/index.js";
+import { LuzmoColorMenu as W } from "./color-menu/index.js";
+import { LuzmoColorPicker as Y } from "./color-picker/index.js";
+import { LuzmoColorSlider as oo } from "./color-slider/index.js";
+import { Divider as eo } from "./divider/index.js";
+import "./field-group/index.js";
+import "./field-label/index.js";
+import { LuzmoIcon as lo } from "./icon/index.js";
+import { LuzmoInfieldButton as io } from "./infield-button/index.js";
+import { LuzmoLabel as ao } from "./label/index.js";
+import { L as p, r as z, x as c, n as u } from "./base-CxUap9HL.js";
+import { L as no, a as co, b as po, c as zo, M as fo } from "./index-Ci6Jnhu4.js";
+import { LuzmoMultiLangField as go } from "./multi-language-field/index.js";
+import { LuzmoNumberField as ho } from "./number-field/index.js";
+import { OverlayTrigger as Lo, OverlayTriggerDirective as yo, SlottableRequestDirective as ko, openOverlay as Co, slottableRequest as wo, trigger as So } from "./overlay/index.js";
+import "./picker/index.js";
+import "./popover/index.js";
+import "./progress-circle/index.js";
+import { LuzmoRadio as Io, LuzmoRadioGroup as Po } from "./radio/index.js";
+import { LuzmoSearch as Oo } from "./search/index.js";
+import { LuzmoSlider as Eo } from "./slider/index.js";
+import { LuzmoSwatch as Mo, LuzmoSwatchGroup as Fo } from "./swatch/index.js";
+import { LuzmoSwitch as Do } from "./switch/index.js";
+import { LuzmoTag as qo, LuzmoTags as Ho } from "./tags/index.js";
+import { HelpText as _o } from "./text-field/index.js";
+import { Tooltip as Vo } from "./tooltip/index.js";
+import { LuzmoUnitInput as Jo } from "./unit-input/index.js";
+import { L as Qo } from "./action-group-B7oQXv30.js";
+import { L as Xo } from "./clear-button-CyLF5dx_.js";
+import { L as Zo } from "./close-button-CzpdWCWI.js";
+import { L as rr } from "./color-loupe-CD-dhmB1.js";
+import { L as tr } from "./field-group-DAImvhSF.js";
+import { F as mr } from "./field-label-DY9iRmRI.js";
+import { A as ur, C as ar, H as sr, b as nr, I as cr, L as dr, c as pr, O as zr, P as fr, V as br, g as gr, a as xr, n as hr, o as vr, p as Lr } from "./overlay-C2Cck0Az.js";
+import { S as kr, r as Cr } from "./slottable-request-event-DggLA4Rx.js";
+import { D as Sr, a as Ar, L as Ir } from "./picker-BZAWrSDk.js";
+import { Popover as Tr } from "./popover-D0EliN0L.js";
+import { L as Rr } from "./progress-circle-_-9sAlMM.js";
+import { L as Br } from "./text-field-05QNK_Lj.js";
+const d = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const r = document.createElement("style");
+    r.setAttribute("data-luzmo-vars", ""), r.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(r);
+  }
+};
+d();
+const f = ":host{border:.0625rem solid var(--luzmo-border-color);width:5.625rem;padding:.125rem .1875rem .1875rem;border-radius:var(--luzmo-border-radius)}.segment{height:1.5rem;width:100%;padding:.125rem 0;position:relative}.segment .option-block{width:1.5rem;height:1.25rem;border:.0625rem solid var(--luzmo-border-color);border-radius:.1875rem;background:var(--luzmo-background-color-hover);transition:background-color .2s ease-in-out;cursor:pointer;position:absolute}.segment .option-block:hover{background:var(--luzmo-secondary)}.segment .option-block.active,.segment .option-block.active:hover{background:var(--luzmo-primary)}.segment .option-block.top-left,.segment .option-block.left,.segment .option-block.bottom-left{left:0}.segment .option-block.top-right,.segment .option-block.right,.segment .option-block.bottom-right{right:0}.segment .option-block.top,.segment .option-block.middle,.segment .option-block.bottom{left:50%;transform:translate(-50%)}";
+var b = Object.defineProperty, a = (r, e, o, m) => {
+  for (var t = void 0, i = r.length - 1, n; i >= 0; i--)
+    (n = r[i]) && (t = n(e, o, t) || t);
+  return t && b(e, o, t), t;
+};
+const s = class s extends p {
+  constructor() {
+    super(...arguments), this.value = "topRight", this.disabled = !1, this.disabledPositions = ["middle"], this.positions = [
+      { topLeft: "top-left", top: "top", topRight: "top-right" },
+      { left: "left", middle: "middle", right: "right" },
+      {
+        bottomLeft: "bottom-left",
+        bottom: "bottom",
+        bottomRight: "bottom-right"
+      }
+    ];
+  }
+  setPosition(e) {
+    this.disabled || (this.value = e, this.requestUpdate(), this.dispatchEvent(
+      new CustomEvent("change", {
+        detail: this.value,
+        bubbles: !0,
+        composed: !0
+      })
+    ));
+  }
+  render() {
+    return this.positions.map(
+      (e) => c`
+        <div class="segment${this.disabled ? " disabled" : ""}">
+          ${Object.entries(e).filter(([o, m]) => !this.disabledPositions.includes(o)).map(
+        ([o, m]) => c`
+                <div
+                  class="option-block ${m} ${this.value === o ? "active" : ""}"
+                  @click=${() => this.setPosition(o)}
+                ></div>
+              `
+      )}
+        </div>
+      `
+    );
+  }
+};
+s.styles = z(f);
+let l = s;
+a([
+  u({ type: String, reflect: !0, attribute: "value" })
+], l.prototype, "value");
+a([
+  u({ type: Boolean, reflect: !0, attribute: "disabled" })
+], l.prototype, "disabled");
+a([
+  u({ type: Array, reflect: !0, attribute: "disabledPositions" })
+], l.prototype, "disabledPositions");
+customElements.get("luzmo-legend-position") || customElements.define("luzmo-legend-position", l);
+export {
+  ur as AbstractOverlay,
+  ar as ClickController,
+  Sr as DESCRIPTION_ID,
+  eo as Divider,
+  mr as FieldLabel,
+  _o as HelpText,
+  sr as HoverController,
+  nr as InteractionController,
+  cr as InteractionTypes,
+  dr as LONGPRESS_INSTRUCTIONS,
+  pr as LongpressController,
+  A as LuzmoAccordion,
+  I as LuzmoAccordionItem,
+  T as LuzmoActionBar,
+  R as LuzmoActionButton,
+  Qo as LuzmoActionGroup,
+  B as LuzmoActionMenu,
+  F as LuzmoAvatar,
+  D as LuzmoButton,
+  q as LuzmoButtonGroup,
+  N as LuzmoCheckbox,
+  Xo as LuzmoClearButton,
+  Zo as LuzmoCloseButton,
+  $ as LuzmoColorArea,
+  j as LuzmoColorField,
+  K as LuzmoColorHandle,
+  rr as LuzmoColorLoupe,
+  W as LuzmoColorMenu,
+  Y as LuzmoColorPicker,
+  oo as LuzmoColorSlider,
+  tr as LuzmoFieldGroup,
+  lo as LuzmoIcon,
+  io as LuzmoInfieldButton,
+  ao as LuzmoLabel,
+  l as LuzmoLegendPosition,
+  no as LuzmoMenu,
+  co as LuzmoMenuDivider,
+  po as LuzmoMenuGroup,
+  zo as LuzmoMenuItem,
+  go as LuzmoMultiLangField,
+  ho as LuzmoNumberField,
+  Ar as LuzmoPicker,
+  Ir as LuzmoPickerBase,
+  Rr as LuzmoProgressCircle,
+  Io as LuzmoRadio,
+  Po as LuzmoRadioGroup,
+  Oo as LuzmoSearch,
+  Eo as LuzmoSlider,
+  Mo as LuzmoSwatch,
+  Fo as LuzmoSwatchGroup,
+  Do as LuzmoSwitch,
+  qo as LuzmoTag,
+  Ho as LuzmoTags,
+  Br as LuzmoTextField,
+  Jo as LuzmoUnitInput,
+  fo as MenuItemAddedOrUpdatedEvent,
+  zr as Overlay,
+  Lo as OverlayTrigger,
+  yo as OverlayTriggerDirective,
+  fr as PlacementController,
+  Tr as Popover,
+  ko as SlottableRequestDirective,
+  kr as SlottableRequestEvent,
+  Vo as Tooltip,
+  br as VirtualTrigger,
+  gr as guaranteedAllTransitionend,
+  xr as nextFrame,
+  hr as noop,
+  Co as openOverlay,
+  vr as overlayTimer,
+  Lr as placementUpdatedSymbol,
+  Cr as removeSlottableRequest,
+  wo as slottableRequest,
+  So as trigger
+};

package/components/infield-button/index.cjs

@@ -0,0 +1,22 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../base-rtxi7uaR.cjs"),u=require("../sized-mixin-BAI6NiE2.cjs"),b=require("../button-base-DjqSZyn2.cjs"),s="@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-color-disabled) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius-s);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-color-disabled);--infield-button-icon-color: var(--luzmo-color-disabled);--infield-button-icon-color-hover: var(--luzmo-color-disabled);--infield-button-icon-color-down: var(--luzmo-color-disabled);--infield-button-icon-color-key-focus: var(--luzmo-color-disabled)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--parent-element-icon-vertical-align: 1px;--icon-size: inherit}";var c=Object.defineProperty,d=(n,e,l,f)=>{for(var o=void 0,r=n.length-1,a;r>=0;r--)(a=n[r])&&(o=a(e,l,o)||o);return o&&c(e,l,o),o};class i extends u.SizedMixin(b.ButtonBase,{noDefaultSize:!0,validSizes:["s","m","l","xl"]}){constructor(){super(...arguments),this.quiet=!1}static get styles(){return[...super.styles,t.r(s)]}get buttonContent(){return[t.x`
+      <div class="fill">
+        <slot></slot>
+      </div>
+    `]}}d([t.n()],i.prototype,"block");d([t.n()],i.prototype,"inline");d([t.n({type:Boolean,reflect:!0})],i.prototype,"quiet");customElements.get("luzmo-infield-button")||customElements.define("luzmo-infield-button",i);exports.LuzmoInfieldButton=i;

package/components/infield-button/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoInfieldButton } from './infield-button';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-infield-button': LuzmoInfieldButton;
+    }
+}
+export { LuzmoInfieldButton } from './infield-button';

package/components/infield-button/index.js

@@ -0,0 +1,64 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { r as b, x as c, n as e } from "../base-CxUap9HL.js";
+import { S as s } from "../sized-mixin-DcJTTohI.js";
+import { B as f } from "../button-base-CgrTYVgq.js";
+const a = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+  }
+};
+a();
+const m = "@media (forced-colors: active){:host(:is(:active,[active])):not(:disabled),:host(:focus-visible):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}@media (forced-colors: active) and (hover: hover){:host(:hover):not(:disabled){--highcontrast-infield-button-border-color: Highlight}}:host{background-color:initial;cursor:pointer;block-size:var(--luzmo-infield-button-height, var(--infield-button-height));inline-size:var(--luzmo-infield-button-width, var(--infield-button-width));padding:var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill));color:var(--infield-button-content-color, inherit);border-style:none;justify-content:center;align-items:center;display:flex}.fill{block-size:100%;inline-size:100%;background-color:var(--luzmo-infield-button-background-color, var(--infield-button-background-color));border-width:var(--luzmo-infield-button-border-width, var(--infield-button-border-width));border-style:solid;border-color:var(--highcontrast-infield-button-border-color, var(--luzmo-infield-button-border-color, var(--infield-button-border-color)));padding:var(--luzmo-infield-button-fill-padding, var(--infield-button-fill-padding));border-start-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-start-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-end-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius));border-end-start-radius:var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius))}::slotted(*){color:var(--luzmo-infield-button-icon-color, var(--infield-button-icon-color))}:host([inline=end]) .fill{border-start-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([inline=start]) .fill{border-start-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-border-radius-reset, var(--infield-button-border-radius-reset))}:host([block=end]),:host([block=start]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 28px)}:host([block=end][size=s]),:host([block=start][size=s]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 20px)}:host([block=end][size=l]),:host([block=start][size=l]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 36px)}:host([block=end][size=xl]),:host([block=start][size=xl]){--infield-button-width: var(--luzmo-infield-button-width-stacked, 44px)}:host([quiet]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet, transparent );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-quiet, transparent );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-quiet, transparent );--infield-button-background-color-key-focus: var( --luzmo-infield-button-background-color-key-focus-quiet, transparent );--infield-border-color: var(--luzmo-infield-border-color-quiet, transparent);--infield-button-border-width: var( --luzmo-infield-button-border-width-quiet, 0 )}:host([quiet][disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-quiet-disabled, transparent );--infield-button-border-color: var( --luzmo-infield-button-border-color-quiet-disabled, transparent )}:host([disabled]){--infield-button-background-color: var( --luzmo-infield-button-background-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-hover: var( --luzmo-infield-button-background-color-hover-disabled, var(--luzmo-background-color-disabled) );--infield-button-background-color-down: var( --luzmo-infield-button-background-color-down-disabled, var(--luzmo-background-color-disabled) );--infield-button-border-color: var( --luzmo-infield-button-border-color-disabled, var(--luzmo-background-color-disabled) );--infield-button-content-color: var( --luzmo-infield-button-content-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color: var( --luzmo-infield-button-icon-color-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-hover: var( --luzmo-infield-button-icon-color-hover-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-down: var( --luzmo-infield-button-icon-color-down-disabled, var(--luzmo-color-disabled) );--infield-button-icon-color-key-focus: var( --luzmo-infield-button-icon-color-key-focus-disabled, var(--luzmo-color-disabled) );cursor:auto}@media (hover: hover){:host(:hover) .fill{background-color:var(--luzmo-infield-button-background-color-hover, var(--infield-button-background-color-hover))}:host(:hover) ::slotted(*){color:var(--luzmo-infield-button-icon-color-hover, var(--infield-button-icon-color-hover))}}:host(:is(:active,[active])) .fill{background-color:var(--luzmo-infield-button-background-color-down, var(--infield-button-background-color-down))}:host(:is(:active,[active])) ::slotted(*){color:var(--luzmo-infield-button-icon-color-down, var(--infield-button-icon-color-down))}:host(:focus-visible){outline:none}:host(:focus-visible) .fill{background-color:var(--luzmo-infield-button-background-color-key-focus, var(--infield-button-background-color-key-focus))}:host(:focus-visible) ::slotted(*){color:var(--luzmo-infield-button-icon-color-key-focus, var(--infield-button-icon-color-key-focus))}.fill{align-items:center;justify-content:var(--luzmo-infield-button-fill-justify-content, var(--infield-button-fill-justify-content));display:flex}:host([block=end]),:host([block=start]){block-size:calc(var(--luzmo-infield-button-height, var(--infield-button-height)) / 2)}:host([block=end]) .fill,:host([block=start]) .fill{box-sizing:border-box;padding-inline-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-inline-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inline, var(--infield-button-stacked-fill-padding-inline)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}:host([block=start]){padding-block-end:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=start]) .fill{border-block-end:none;border-start-start-radius:var(--luzmo-infield-button-stacked-top-border-radius-start-start, var(--infield-button-stacked-top-border-radius-start-start));border-end-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)))}:host([block=end]){padding-block-start:var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill))}:host([block=end]) .fill{border-block-end-width:var(--luzmo-infield-button-stacked-bottom-border-block-end-width, var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));border-start-start-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-start-end-radius:var(--luzmo-infield-button-stacked-border-radius-reset, var(--infield-button-stacked-border-radius-reset));border-end-end-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-end, var(--luzmo-infield-button-border-radius, var(--infield-button-border-radius)));border-end-start-radius:var(--luzmo-infield-button-stacked-bottom-border-radius-end-start, var(--infield-button-stacked-bottom-border-radius-end-start));padding-block-start:calc(var(--luzmo-infield-button-stacked-fill-padding-inner, var(--infield-button-stacked-fill-padding-inner)) - var(--luzmo-infield-button-edge-to-fill, var(--infield-button-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)));padding-block-end:calc(var(--luzmo-infield-button-stacked-fill-padding-outer, var(--infield-button-stacked-fill-padding-outer)) - var(--luzmo-infield-button-inner-edge-to-fill, var(--infield-button-inner-edge-to-fill)) - var(--luzmo-infield-button-border-width, var(--infield-button-border-width)))}::slotted(*){display:initial;flex-shrink:0;margin:0!important}:host{--infield-button-border-width: var(--luzmo-border-width);--infield-button-border-color: inherit;--infield-button-border-radius: var(--luzmo-border-radius-s);--infield-button-border-radius-reset: 0;--infield-button-stacked-top-border-radius-start-start: 0;--infield-button-stacked-bottom-border-radius-end-start: 0;--infield-button-background-color: var(--luzmo-background-color);--infield-button-background-color-hover: var(--luzmo-background-color-hover);--infield-button-background-color-down: var(--luzmo-background-color-down);--infield-button-background-color-key-focus: var( --luzmo-background-color-focus );--infield-button-height: var(--luzmo-component-height);--infield-button-width: var(--luzmo-component-height);--infield-button-stacked-border-radius-reset: 0px;--infield-button-edge-to-fill: 0px;--infield-button-inner-edge-to-fill: 0px;--infield-button-fill-padding: 0px;--infield-button-stacked-fill-padding-inline: 9px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px;--infield-button-animation-duration: var(--luzmo-animation-duration);--infield-button-icon-color: var(--luzmo-font-color);--infield-button-icon-color-hover: var(--luzmo-font-color-hard);--infield-button-icon-color-down: var(--luzmo-font-color-hard);--infield-button-icon-color-key-focus: var(--luzmo-font-color-hard);--infield-button-fill-justify-content: center}:host([disabled]){--infield-button-background-color: var(--luzmo-background-color-disabled);--infield-button-background-color-hover: var( --luzmo-background-color-disabled );--infield-button-background-color-down: var( --luzmo-background-color-disabled );--infield-button-border-color: var(--luzmo-border-color-disabled);--infield-button-content-color: var(--luzmo-color-disabled);--infield-button-icon-color: var(--luzmo-color-disabled);--infield-button-icon-color-hover: var(--luzmo-color-disabled);--infield-button-icon-color-down: var(--luzmo-color-disabled);--infield-button-icon-color-key-focus: var(--luzmo-color-disabled)}:host([size=s]){--infield-button-height: var(--luzmo-component-height-s);--infield-button-width: var(--luzmo-component-height-s);--infield-button-stacked-fill-padding-inline: 7px;--infield-button-stacked-fill-padding-outer: 3px;--infield-button-stacked-fill-padding-inner: 3px}:host([size=l]){--infield-button-height: var(--luzmo-component-height-l);--infield-button-width: var(--luzmo-component-height-l);--infield-button-stacked-fill-padding-inline: 13px;--infield-button-stacked-fill-padding-outer: 4px;--infield-button-stacked-fill-padding-inner: 4px}:host([size=xl]){--infield-button-height: var(--luzmo-component-height-xl);--infield-button-width: var(--luzmo-component-height-xl);--infield-button-stacked-fill-padding-inline: 16px;--infield-button-stacked-fill-padding-outer: 5px;--infield-button-stacked-fill-padding-inner: 5px}:host([block=start]){--infield-button-width: 20px}:host([block=end]){--infield-button-width: 20px}:host([block=start][size=s]){--infield-button-width: 16px}:host([block=end][size=s]){--infield-button-width: 16px}:host([block=start][size=l]){--infield-button-width: 28px}:host([block=end][size=l]){--infield-button-width: 28px}:host([block=start][size=xl]){--infield-button-width: 36px}:host([block=end][size=xl]){--infield-button-width: 36px}:host([quiet]){--infield-button-background-color: transparent;--infield-button-background-color-hover: transparent;--infield-button-background-color-down: transparent;--infield-button-background-color-key-focus: transparent;--infield-border-color: transparent;--infield-button-border-width: 0}:host([quiet][disabled]){--infield-button-background-color: transparent;--infield-button-border-color: transparent}:host{box-sizing:border-box;-webkit-user-select:none;user-select:none}::slotted(*){--parent-element-icon-vertical-align: 1px;--icon-size: inherit}";
+var z = Object.defineProperty, n = (o, r, d, v) => {
+  for (var t = void 0, l = o.length - 1, u; l >= 0; l--)
+    (u = o[l]) && (t = u(r, d, t) || t);
+  return t && z(r, d, t), t;
+};
+class i extends s(f, {
+  noDefaultSize: !0,
+  validSizes: ["s", "m", "l", "xl"]
+}) {
+  constructor() {
+    super(...arguments), this.quiet = !1;
+  }
+  static get styles() {
+    return [...super.styles, b(m)];
+  }
+  get buttonContent() {
+    return [c`
+      <div class="fill">
+        <slot></slot>
+      </div>
+    `];
+  }
+}
+n([
+  e()
+], i.prototype, "block");
+n([
+  e()
+], i.prototype, "inline");
+n([
+  e({ type: Boolean, reflect: !0 })
+], i.prototype, "quiet");
+customElements.get("luzmo-infield-button") || customElements.define("luzmo-infield-button", i);
+export {
+  i as LuzmoInfieldButton
+};

package/components/infield-button/infield-button.d.ts

@@ -0,0 +1,25 @@
+import { CSSResultArray, TemplateResult } from 'lit';
+import { ButtonBase } from './../button/button-base';
+declare const LuzmoInfieldButton_base: typeof ButtonBase & {
+    new (...args: any[]): import("../../utils/sized-mixin").SizedElementInterface;
+    prototype: import("../../utils/sized-mixin").SizedElementInterface;
+};
+/**
+ * @element luzmo-infield-button
+ */
+export declare class LuzmoInfieldButton extends LuzmoInfieldButton_base {
+    static get styles(): CSSResultArray;
+    /**
+     * Whether to style the button as if it is at the start or end of a vertical stack
+     * @type {'start' | 'end'}
+     */
+    block?: 'start' | 'end';
+    /**
+     * Whether to style the button as if it is at the start or end of a horizontal group
+     * @type {'start' | 'end'}
+     */
+    inline?: 'start' | 'end';
+    quiet: boolean;
+    protected get buttonContent(): TemplateResult[];
+}
+export {};

package/components/label/index.cjs

@@ -0,0 +1,18 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../base-rtxi7uaR.cjs"),p="";var c=Object.defineProperty,u=(n,o,i,b)=>{for(var t=void 0,s=n.length-1,a;s>=0;s--)(a=n[s])&&(t=a(o,i,t)||t);return t&&c(o,i,t),t};const l=class l extends r.LuzmoElement{constructor(){super(...arguments),this.label="",this.tooltip=""}render(){return r.x` <span> ${this.label} </span> `}};l.styles=r.r(p);let e=l;u([r.n({type:String})],e.prototype,"label");u([r.n({type:String,reflect:!0,attribute:"tooltip"})],e.prototype,"tooltip");customElements.get("luzmo-label")||customElements.define("luzmo-label",e);exports.LuzmoLabel=e;

package/components/label/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoLabel } from './label';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-label': LuzmoLabel;
+    }
+}
+export { LuzmoLabel } from './label';

package/components/label/index.js

@@ -0,0 +1,51 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { L as a, r as s, x as d, n as i } from "../base-CxUap9HL.js";
+const z = () => {
+  if (typeof document < "u" && !document.querySelector("style[data-luzmo-vars]")) {
+    const o = document.createElement("style");
+    o.setAttribute("data-luzmo-vars", ""), o.textContent = 'html{--luzmo-animation-duration: 0.15s;--luzmo-border-color: rgba(var(--luzmo-border-color-rgb), 0.1);--luzmo-border-color-hover: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-down: rgba(var(--luzmo-border-color-rgb), 0.3);--luzmo-border-color-focus: rgba(var(--luzmo-border-color-rgb), 0.15);--luzmo-border-color-rgb: 0, 0, 0;--luzmo-border-color-full: rgb(180, 180, 180);--luzmo-border-color-full-hover: rgb(140, 140, 140);--luzmo-border-color-full-down: rgb(110, 110, 110);--luzmo-border-color-full-focus: rgb(140, 140, 140);--luzmo-border-color-disabled: #dddddd;--luzmo-border-radius: 6px;--luzmo-border-radius-s: 4px;--luzmo-border-radius-l: 8px;--luzmo-border-radius-xl: 12px;--luzmo-border-radius-full: 999rem;--luzmo-background-color: #ffffff;--luzmo-background-color-rgb: 255, 255, 255;--luzmo-background-color-disabled: #eeeeee;--luzmo-background-color-hover: #f0f0fc;--luzmo-background-color-down: #f1f1ff;--luzmo-background-color-focus: #f0f0fc;--luzmo-background-color-highlight: rgb(240, 240, 240);--luzmo-background-color-highlight-disabled: rgb(245, 245, 245);--luzmo-background-color-highlight-hover: rgb(225, 225, 225);--luzmo-background-color-highlight-down: rgb(215, 215, 215);--luzmo-background-color-highlight-focus: rgb(225, 225, 225);--luzmo-border-width: 1px;--luzmo-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;--luzmo-font-size-xs: 10px;--luzmo-font-size-s: 12px;--luzmo-font-size-m: 14px;--luzmo-font-size: 14px;--luzmo-font-size-l: 16px;--luzmo-font-size-xl: 18px;--luzmo-font-size-xxl: 20px;--luzmo-font-style: normal;--luzmo-line-height: normal;--luzmo-font-weight: 400;--luzmo-font-weight-semibold: 500;--luzmo-font-weight-bold: 600;--luzmo-font-color: #333;--luzmo-font-color-hard: #000;--luzmo-font-color-disabled: var(--luzmo-color-disabled);--luzmo-font-color-extra-dimmed: #888;--luzmo-font-color-hover: #333;--luzmo-font-color-down: #111;--luzmo-font-color-focus: #333;--luzmo-primary: #4434ff;--luzmo-primary-hover: #4234e4;--luzmo-primary-down: #392cc7;--luzmo-primary-focus: #4234e4;--luzmo-primary-inverse-color: #ffffff;--luzmo-primary-rgb: 68, 52, 255;--luzmo-secondary: #ff00ff;--luzmo-secondary-hover: #e309e3;--luzmo-secondary-down: #c711c7;--luzmo-secondary-focus: #e309e3;--luzmo-secondary-inverse-color: #ffffff;--luzmo-secondary-rgb: 255, 0, 255;--luzmo-color-negative: #ca221c;--luzmo-color-negative-hover: #b3241f;--luzmo-color-negative-down: #9f231f;--luzmo-color-negative-focus: #b3241f;--luzmo-color-negative-rgb: 202, 34, 28;--luzmo-color-positive: rgb(20, 150, 101);--luzmo-color-positive-hover: rgb(17, 128, 86);--luzmo-color-positive-down: rgb(16, 105, 71);--luzmo-color-positive-focus: rgb(17, 128, 86);--luzmo-color-positive-rgb: 20, 150, 101;--luzmo-color-selected: rgb(110, 110, 110);--luzmo-color-selected-hover: rgb(70, 70, 70);--luzmo-color-selected-down: rgb(40, 40, 40);--luzmo-color-selected-focus: rgb(70, 70, 70);--luzmo-color-selected-hard: #1e1e1e;--luzmo-color-selected-hard-hover: rgb(0, 0, 0);--luzmo-color-selected-hard-down: rgb(0, 0, 0);--luzmo-color-selected-hard-focus: rgb(0, 0, 0);--luzmo-color-informative: #1a77e9;--luzmo-color-informative-rgb: 26, 119, 233;--luzmo-color-disabled: #aaaaaa;--luzmo-spacing-1: 2px;--luzmo-spacing-2: 4px;--luzmo-spacing-3: 8px;--luzmo-spacing-4: 12px;--luzmo-spacing-5: 16px;--luzmo-indicator-gap: 2px;--luzmo-indicator-width: 1px;--luzmo-indicator-color: var(--luzmo-primary);--luzmo-component-height-xxs: 20px;--luzmo-component-height-xs: 24px;--luzmo-component-height-s: 28px;--luzmo-component-height: 32px;--luzmo-component-height-l: 40px;--luzmo-component-height-xl: 48px;--luzmo-component-height-xxl: 64px;--luzmo-icon-size-xxs: 12px;--luzmo-icon-size-xs: 14px;--luzmo-icon-size-s: 16px;--luzmo-icon-size-m: 18px;--luzmo-icon-size-l: 20px;--luzmo-icon-size-xl: 22px;--luzmo-icon-size-xxl: 32px}', document.head.appendChild(o);
+  }
+};
+z();
+const f = "";
+var b = Object.defineProperty, n = (o, m, t, g) => {
+  for (var l = void 0, e = o.length - 1, c; e >= 0; e--)
+    (c = o[e]) && (l = c(m, t, l) || l);
+  return l && b(m, t, l), l;
+};
+const u = class u extends a {
+  constructor() {
+    super(...arguments), this.label = "", this.tooltip = "";
+  }
+  render() {
+    return d` <span> ${this.label} </span> `;
+  }
+};
+u.styles = s(f);
+let r = u;
+n([
+  i({ type: String })
+], r.prototype, "label");
+n([
+  i({ type: String, reflect: !0, attribute: "tooltip" })
+], r.prototype, "tooltip");
+customElements.get("luzmo-label") || customElements.define("luzmo-label", r);
+export {
+  r as LuzmoLabel
+};

package/components/label/label.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoElement } from '../../utils/base';
+export declare class LuzmoLabel extends LuzmoElement {
+    static styles: import("lit").CSSResult;
+    label: string;
+    tooltip: string;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/components/legend-position/index.d.ts

@@ -0,0 +1,7 @@
+import { LuzmoLegendPosition } from './legend-position';
+declare global {
+    interface HTMLElementTagNameMap {
+        'luzmo-legend-position': LuzmoLegendPosition;
+    }
+}
+export { LuzmoLegendPosition } from './legend-position';

package/components/legend-position/legend-position.d.ts

@@ -0,0 +1,10 @@
+import { LuzmoElement } from '../../utils/base';
+export declare class LuzmoLegendPosition extends LuzmoElement {
+    static styles: import("lit").CSSResult;
+    value: string;
+    disabled: boolean;
+    disabledPositions: string[];
+    private positions;
+    private setPosition;
+    render(): import("lit-html").TemplateResult<1>[];
+}