bromcom-ui-next 0.1.4 → 0.1.6

package/dist/types/styles/theme-variables.d.ts

@@ -46,8 +46,37 @@ export declare const themeVariables: {
             lineHeight: string;
         })[];
     };
+    boxShadow: {
+        sm: string;
+        DEFAULT: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        inner: string;
+        none: string;
+        default: string;
+        '2': string;
+        '3': string;
+        '4': string;
+    };
+    borderRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+        '3xl': string;
+        '4xl': string;
+        full: string;
+        DEFAULT: string;
+        default: string;
+    };
     textColor: {
         DEFAULT: string;
+        default: string;
         base: string;
         header: string;
         label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bromcom-ui-next",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "A modern UI component library built with StencilJS and Tailwind CSS for Bromcom applications",
   "private": false,
   "author": "Bromcom Computers Plc",
@@ -33,6 +33,7 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
+    "@floating-ui/dom": "^1.6.13",
     "@stencil/core": "^4.7.0",
     "@stencil/sass": "^3.0.12",
     "@types/jest": "^29.5.6",

package/dist/bromcom-ui/p-04f6d730.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,c as i,H as a}from"./p-15fe392b.js";import{c as r}from"./p-12360e4c.js";import{c as o}from"./p-5fcf77f9.js";const s=":host{--bcm-avatar-bg:var(--bcm-ui-color-background-default-default);--bcm-avatar-text:var(--bcm-ui-color-text-default);--bcm-avatar-radius:50%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.inline-flex{display:inline-flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:9999px}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const n=s;const c=class{constructor(e){t(this,e);this.shape="ellipse";this.size="medium";this.icon="fas fa-user";this.blink=false;this.isFallback=false}getFirstLetters(t){const e=t.split(" ");const i=e.map((t=>t.charAt(0).toUpperCase())).join("");return i.substring(0,2)}render(){const t=r("bcm-avatar bcm-ui-element bcm-ui-content-display","uppercase font-medium","inline-flex items-center justify-center","bg-[--bcm-avatar-bg] text-[--bcm-avatar-text]",{"shape-ellipse rounded-full":this.shape==="ellipse","shape-square rounded-[--bcm-ui-radius]":this.shape==="square","size-small text-size-4 w-6 h-6":this.size==="small","size-medium text-size-5 w-8 h-8":this.size==="medium","size-large text-size-6 w-10 h-10":this.size==="large"});const i=r("badge",{"top-0 right-0":this.shape==="ellipse","-top-0.5 -right-0.5":this.shape==="square"});const a=r("image w-full h-full",{"rounded-full":this.shape==="ellipse","rounded-[--bcm-ui-radius]":this.shape==="square"});let o={};if(this.color){const t=this.color.includes("-");const e=t?this.color.split("-")[0]:this.color;const i=`var(--bcm-ui-color-background-palette-${e}-default)`;const a=`var(--bcm-ui-color-text-palette-${e}`;o={"--bcm-avatar-bg":i,"--bcm-avatar-text":a}}const s=!Object.keys(["small","medium","large"]).includes(this.size)?{width:`${this.size}px`,height:`${this.size}px`,fontSize:`${+this.size/2}px`}:{};const n=()=>{if(this.isFallback){if(this.name){return this.getFirstLetters(this.name)}else{return e("i",{class:this.icon})}}else if(this.image){return e("img",{class:a,onError:()=>this.isFallback=true,src:this.image,alt:this.alt,"aria-label":this.alt||this.name||"Avatar"})}else if(this.name){return this.getFirstLetters(this.name)}else{return e("i",{class:this.icon})}};return e("div",{role:"img","aria-label":this.alt||this.name||"Avatar",class:t,style:Object.assign(Object.assign({},o),s)},e(n,null),this.status&&e("bcm-badge",{class:i,status:this.status,blink:this.blink,"aria-hidden":"true"}),e("slot",null))}};c.style=n;const d='.relative{position:relative}:host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-block;position:relative}::slotted([slot=badge]){color:var(--bcm-badge-text);font-weight:500}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.absolute{position:absolute}.-bottom-1{bottom:-.25rem}.-left-1{left:-.25rem}.-right-1{right:-.25rem}.-top-1{top:-.25rem}.z-10{z-index:10}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:h-full:after{content:var(--tw-content);height:100%}.after\\:w-full:after{content:var(--tw-content);width:100%}@keyframes ping{75%,to{content:var(--tw-content);opacity:0;transform:scale(2)}}.after\\:animate-blink:after{animation:ping 2s infinite;content:var(--tw-content)}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:bg-\\[--bcm-badge-bg\\]:after{background-color:var(--bcm-badge-bg);content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}.-right-0\\.5{right:-.125rem}.-top-0\\.5{top:-.125rem}.right-0{right:0}.top-0{top:0}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-10{width:2.5rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.rounded-\\[--bcm-ui-radius\\]{border-radius:var(--bcm-ui-radius)}.rounded-full{border-radius:9999px}.bg-\\[--bcm-avatar-bg\\]{background-color:var(--bcm-avatar-bg)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.uppercase{text-transform:uppercase}.text-\\[--bcm-avatar-text\\]{color:var(--bcm-avatar-text)}';const b=d;const l=class{constructor(e){t(this,e);this.size="medium";this.variant="text";this.soft=false;this.blink=false;this.position="top-right";this.classes=o({base:"badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10",variants:{size:{small:"gap-1 px-1 text-size-3",medium:"gap-1 py-0.5 px-1.5 text-size-4",large:"gap-2 py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""},position:{"top-right":"-top-1 -right-1","top-left":"-top-1 -left-1","bottom-right":"-bottom-1 -right-1","bottom-left":"-bottom-1 -left-1"},blink:{true:'after:content-[""] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full'}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",position:"top-right",blink:false}})}get offsetStyle(){if(!this.offset)return{};const[t=0,e=0]=this.offset.split(",").map((t=>t.trim()));return{transform:`translate(${t}px, ${e}px)`}}get badgeStyle(){if(!this.color)return{};const t=this.soft?"soft":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${t}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return e("div",{key:"9c6ce83cc0ae25399f2d97139d9e91578be38237",class:"relative inline-flex"},e("slot",{key:"b05db7fc70a8ff5c680e79507d44678ea4f8aba4"}),e("div",{key:"e3fe3d09e236ae1569d533824f4bb585a5871b53",role:"status","aria-live":"polite","aria-label":this.status?`Status: ${this.status}`:undefined,class:this.classes({size:this.size,variant:this.variant,position:this.position,blink:this.blink}),style:Object.assign(Object.assign({},this.badgeStyle),this.offsetStyle)},this.variant=="text"&&e("slot",{key:"98e3f9eaa2966a748e41782efbe78ca35a9deee6",name:"badge"},this.text)))}};l.style=b;const h=":host{--bcm-badge-bg:var(--bcm-ui-color-background-default-default);--bcm-badge-text:var(--bcm-ui-color-text-default);--bcm-badge-radius:9999px;display:inline-flex;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}.badge-content{color:var(--bcm-badge-text);font-weight:500}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.inline-flex{display:inline-flex}.size-1{height:.25rem;width:.25rem}.size-1\\.5{height:.375rem;width:.375rem}.size-2{height:.5rem;width:.5rem}.select-none{user-select:none}.items-center{align-items:center}.justify-center{justify-content:center}.gap-0{gap:0}.whitespace-nowrap{white-space:nowrap}.rounded-\\[--bcm-badge-radius\\]{border-radius:var(--bcm-badge-radius)}.bg-\\[--bcm-badge-bg\\]{background-color:var(--bcm-badge-bg)}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-\\[0px\\]{font-size:0}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-medium{font-weight:500}.leading-none{line-height:1}.text-\\[--bcm-badge-text\\]{color:var(--bcm-badge-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const u=h;const m=class{constructor(e){t(this,e);this.size="medium";this.variant="text";this.soft=false;this.classes=o({base:"badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]",variants:{size:{small:"px-1 text-size-3",medium:"py-0.5 px-1.5 text-size-4",large:"py-1 px-2 text-size-5"},variant:{dot:"gap-0 p-0 text-[0px] leading-none",text:""}},compoundVariants:[{variant:"dot",size:"small",class:"size-1"},{variant:"dot",size:"medium",class:"size-1.5"},{variant:"dot",size:"large",class:"size-2"}],defaultVariants:{variant:"text",size:"medium",blink:false}})}get badgeStyle(){if(!this.color)return{};const t=this.soft?"soft":"vivid";return{"--bcm-badge-bg":`var(--bcm-ui-color-background-${t}-${this.color}-default)`,"--bcm-badge-text":this.soft?`var(--bcm-ui-color-text-palette-${this.color})`:"var(--bcm-ui-color-text-base)"}}render(){return e("span",{key:"17d82a67aaf2793bbd922c901bbfb05b91abea35",part:"base",role:"status","aria-live":"polite",style:this.badgeStyle,class:this.classes({size:this.size,variant:this.variant})},this.variant==="text"&&e("span",{key:"5b4fffd0979dec737d0209f8268467c19a5dd795",class:"badge-content"},e("slot",{key:"a554c64e657079ba933ead458c76a894f236b533"})))}};m.style=u;const f={save:{text:"Save",status:"success",icon:"far fa-save",iconPosition:"prefix",kind:"primary"},ok:{text:"Ok",status:"success",icon:"far fa-check",iconPosition:"prefix"},new:{text:"New",status:"success",icon:"far fa-plus",iconPosition:"prefix"},add:{text:"Add",status:"success",icon:"far fa-plus",iconPosition:"prefix"},create:{text:"Create",status:"success",icon:"far fa-plus",iconPosition:"prefix"},prev:{text:"Prev",status:"default",icon:"far fa-arrow-left",iconPosition:"prefix"},next:{text:"Next",status:"default",icon:"far fa-arrow-right",iconPosition:"suffix"},apply:{text:"Apply",status:"default",icon:"far fa-check-circle",iconPosition:"prefix"},submit:{text:"Submit",status:"default",icon:"far fa-save",iconPosition:"prefix"},send:{text:"Send",status:"success",icon:"far fa-paper-plane",iconPosition:"prefix"},delete:{text:"Delete",status:"error",icon:"far fa-trash",iconPosition:"prefix"},cancel:{text:"Cancel",status:"error",icon:"far fa-times",iconPosition:"prefix"},decline:{text:"Decline",status:"error",icon:"far fa-ban",iconPosition:"prefix"},close:{text:"Close",status:"error",icon:"far fa-times-circle",iconPosition:"prefix"},archive:{text:"Archive",status:"error",icon:"far fa-folder-open",iconPosition:"prefix"},remove:{text:"Remove",status:"error",icon:"far fa-minus-circle",iconPosition:"prefix"},edit:{text:"Edit",status:"default",icon:"far fa-edit",iconPosition:"prefix"},export:{text:"Export",status:"default",icon:"far fa-sign-out",iconPosition:"prefix"},import:{text:"Import",status:"default",icon:"far fa-sign-in",iconPosition:"prefix"},filter:{text:"Filter",status:"default",icon:"far fa-filter",iconPosition:"prefix"},update:{text:"Update",status:"default",icon:"far fa-sync",iconPosition:"prefix"},reset:{text:"Reset",status:"default",icon:"far fa-sync",iconPosition:"prefix"},download:{text:"Download",status:"default",icon:"far fa-download",iconPosition:"prefix"}};const g=".relative{position:relative}:host{display:inline-block;position:relative}:host([full-width]){width:100%}.inline-flex{display:inline-flex}.min-h-10{min-height:2.5rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.w-full{width:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-button-border\\]{border-color:var(--bcm-button-border)}.bg-\\[--bcm-button-bg\\]{background-color:var(--bcm-button-bg)}.bg-\\[--bcm-ui-color-background-disabled-default\\]{background-color:var(--bcm-ui-color-background-disabled-default)}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.leading-none{line-height:1}.text-\\[--bcm-button-text\\]{color:var(--bcm-button-text)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-0{outline-width:0}.hover\\:bg-\\[--bcm-button-bg-hover\\]:hover{background-color:var(--bcm-button-bg-hover)}.focus-visible\\:ring:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.active\\:bg-\\[--bcm-button-bg-active\\]:active{background-color:var(--bcm-button-bg-active)}";const p=g;const x=class{constructor(e){t(this,e);this.bcmClick=i(this,"bcmClick",1);this.bcmFocus=i(this,"bcmFocus",1);this.bcmBlur=i(this,"bcmBlur",1);this.kind="primary";this.size="medium";this.status="default";this.iconPosition="prefix";this.iconOnly=false;this.fullWidth=false;this.type="button";this.loading=false;this.disabled=false;this.active=false;this.handleClick=t=>{if(!this.disabled&&!this.loading){this.bcmClick.emit(t)}};this.handleFocus=t=>{this.bcmFocus.emit(t)};this.handleBlur=t=>{this.bcmBlur.emit(t)};this.buttonClass=o({base:"bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0",variants:{size:{small:"text-size-4 py-px px-2 min-h-6",medium:"text-size-5 py-0.5 px-3 min-h-8",large:"text-size-6 py-1 px-3 min-h-10"},kind:{primary:"kind-primary",ghost:"kind-ghost",text:"kind-text",outline:"kind-outline"},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled",false:["cursor-pointer","bg-[--bcm-button-bg] text-[--bcm-button-text] border-[--bcm-button-border]","hover:bg-[--bcm-button-bg-hover]","active:bg-[--bcm-button-bg-active]","focus-visible:ring"]},loading:{true:""}},defaultVariants:{size:"medium",kind:"primary",fullWidth:false,disabled:false,loading:false}},{twMerge:false})}get buttonText(){return this.text||(this.variant?f[this.variant].text:"")}get buttonIcon(){if(this.variant&&f[this.variant].icon){return{icon:f[this.variant].icon,position:f[this.variant].iconPosition||"prefix"}}return{icon:this.icon,position:this.iconPosition}}get buttonStatus(){return this.variant?f[this.variant].status:this.status}get buttonStyles(){const t=this.buttonStatus==="default"?"primary":this.buttonStatus;const e={primary:{"--bcm-button-bg":`var(--bcm-ui-color-background-${t}-default)`,"--bcm-button-bg-hover":`var(--bcm-ui-color-background-${t}-hover)`,"--bcm-button-bg-active":`var(--bcm-ui-color-background-${t}-active)`,"--bcm-button-border":"transparent","--bcm-button-text":"var(--bcm-ui-color-text-base)"},outline:{"--bcm-button-bg":"var(--bcm-ui-color-background-default-default)","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":`var(--bcm-ui-color-border-${this.buttonStatus})`,"--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},ghost:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${this.buttonStatus})`},text:{"--bcm-button-bg":"transparent","--bcm-button-bg-hover":"var(--bcm-ui-color-background-default-hover)","--bcm-button-bg-active":"var(--bcm-ui-color-background-default-active)","--bcm-button-border":"transparent","--bcm-button-text":`var(--bcm-ui-color-text-${t})`}};return e[this.kind]}render(){const{icon:t,position:i}=this.buttonIcon;return e(a,{key:"b1188fbe4439c4878a3306020097d07913b2212d"},e("button",{key:"eae7a80a19ea54120102d93127f55b039833bc54",type:this.type,disabled:this.disabled||this.loading,"aria-label":this.label,"aria-expanded":this.expanded,"aria-controls":this.controls,"aria-disabled":this.disabled,onClick:this.handleClick,onFocus:this.handleFocus,onBlur:this.handleBlur,style:this.buttonStyles,class:this.buttonClass({size:this.size,kind:this.kind,fullWidth:this.fullWidth,disabled:this.disabled,loading:this.loading})},this.loading&&e("slot",{key:"c231e6995ec417011a833b86668be0226855df26",name:"loading"}),e("span",{key:"0398204b65ab60a2061b78cedd61c1fc934f9946"},e("slot",{key:"664f13b119445486a1185bb009581cc64d1c0b3e",name:"prefix"},i==="prefix"&&t&&e("i",{key:"c06367c640065ef5255a89c3d3c9db08a88659d1",class:" leading-none "+t}))),e("slot",{key:"f8fc4f7eaae1ad869af95a6990a53def07678cd7"},this.buttonText),e("span",{key:"b1b7dc15d8090bb057b6b237d65c17ac328ee380"},e("slot",{key:"43539884f514d7bb365e10e06bf1119b5c60a2b3",name:"suffix"},i==="suffix"&&t&&e("i",{key:"bf9ad3dc22fc11ca218c28e1a00e9e5a8cef80f2",class:" leading-none "+t})))))}};x.style=p;export{c as bcm_avatar,l as bcm_badge,m as bcm_basic_badge,x as bcm_button};
-//# sourceMappingURL=p-04f6d730.entry.js.map

package/dist/bromcom-ui/p-04f6d730.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["avatarCss","BcmAvatarStyle0","BcmAvatar","constructor","hostRef","this","shape","size","icon","blink","isFallback","getFirstLetters","name","words","split","initials","map","word","charAt","toUpperCase","join","substring","render","baseClass","cs","badgeClass","imageClass","style","color","isColorTone","includes","_color","bgColor","textColor","customSize","Object","keys","width","height","fontSize","RenderContent","h","class","image","onError","src","alt","role","assign","status","badgeCss","BcmBadgeStyle0","Badge","variant","soft","position","classes","tv","base","variants","small","medium","large","dot","text","true","compoundVariants","defaultVariants","offsetStyle","offset","x","y","val","trim","transform","badgeStyle","variantType","key","undefined","basicBadgeCss","BcmBasicBadgeStyle0","BasicBadge","part","variantOptions","save","iconPosition","kind","ok","new","add","create","prev","next","apply","submit","send","delete","cancel","decline","close","archive","remove","edit","export","import","filter","update","reset","download","buttonCss","BcmButtonStyle0","BcmButton","iconOnly","fullWidth","type","loading","disabled","active","handleClick","event","bcmClick","emit","handleFocus","bcmFocus","handleBlur","bcmBlur","buttonClass","primary","ghost","outline","false","twMerge","buttonText","buttonIcon","buttonStatus","buttonStyles","kindStyleMap","Host","label","expanded","controls","onClick","onFocus","onBlur"],"sources":["src/components/avatar/avatar.css?tag=bcm-avatar&encapsulation=shadow","src/components/avatar/avatar.component.tsx","src/components/badge/badge.css?tag=bcm-badge&encapsulation=shadow","src/components/badge/badge.component.tsx","src/components/basic-badge/basic-badge.css?tag=bcm-basic-badge&encapsulation=shadow","src/components/basic-badge/basic-badge.component.tsx","src/components/button/types.ts","src/components/button/button.css?tag=bcm-button&encapsulation=shadow","src/components/button/button.component.tsx"],"sourcesContent":[":host {\n  --bcm-avatar-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-avatar-text: var(--bcm-ui-color-text-default);\n  --bcm-avatar-radius: 50%;\n}\n","import { Component, Prop, State, h } from '@stencil/core';\nimport cs from 'classnames';\nimport { AvatarShape, AvatarSize, AvatarStatus } from './types';\n\n@Component({\n  tag: 'bcm-avatar',\n  styleUrl: 'avatar.css',\n  shadow: true,\n})\nexport class BcmAvatar {\n  /** Source URL for avatar image */\n  @Prop()\n  image: string;\n\n  /** Alternative text for image */\n  @Prop()\n  alt: string;\n\n  /**  Shape of the avatar (ellipse/square) */\n  @Prop()\n  shape: AvatarShape = 'ellipse';\n\n  /** Size of the avatar */\n  @Prop()\n  size: AvatarSize = 'medium';\n\n  /** Custom background color */\n  @Prop()\n  color: string;\n\n  /** Fallback icon class */\n  @Prop()\n  icon: string = 'fas fa-user';\n\n  /**  Status indicator type */\n  @Prop()\n  status: AvatarStatus;\n\n  /**  Status indicator animation */\n  @Prop()\n  blink = false;\n\n  /**  Display name (used for initials) */\n  @Prop()\n  name: string;\n\n  @State() isFallback: boolean = false;\n\n  private getFirstLetters(name: string): string {\n    const words = name.split(' ');\n    const initials = words.map(word => word.charAt(0).toUpperCase()).join('');\n    return initials.substring(0, 2);\n  }\n\n  render() {\n    const baseClass = cs(\n      'bcm-avatar bcm-ui-element bcm-ui-content-display',\n      'uppercase font-medium',\n      'inline-flex items-center justify-center',\n      'bg-[--bcm-avatar-bg] text-[--bcm-avatar-text]',\n      {\n        'shape-ellipse rounded-full': this.shape === 'ellipse',\n        'shape-square rounded-[--bcm-ui-radius]': this.shape === 'square',\n        'size-small text-size-4 w-6 h-6': this.size === 'small',\n        'size-medium text-size-5 w-8 h-8': this.size === 'medium',\n        'size-large text-size-6 w-10 h-10': this.size === 'large',\n      },\n    );\n\n    const badgeClass = cs('badge', {\n      'top-0 right-0': this.shape === 'ellipse',\n      '-top-0.5 -right-0.5': this.shape === 'square',\n    });\n\n    const imageClass = cs('image w-full h-full', {\n      'rounded-full': this.shape === 'ellipse',\n      'rounded-[--bcm-ui-radius]': this.shape === 'square',\n    });\n\n    let style = {};\n\n    if (this.color) {\n      const isColorTone = this.color.includes('-');\n      const _color = isColorTone ? this.color.split('-')[0] : this.color;\n\n      const bgColor = `var(--bcm-ui-color-background-palette-${_color}-default)`;\n      const textColor = `var(--bcm-ui-color-text-palette-${_color}`;\n      style = {\n        '--bcm-avatar-bg': bgColor,\n        '--bcm-avatar-text': textColor,\n      };\n    }\n\n    const customSize = !Object.keys(['small', 'medium', 'large']).includes(this.size)\n      ? {\n        width: `${this.size}px`,\n        height: `${this.size}px`,\n        fontSize: `${+this.size / 2}px`,\n      }\n      : {};\n\n    const RenderContent = () => {\n      if (this.isFallback) {\n        if (this.name) {\n          return this.getFirstLetters(this.name);\n        } else {\n          return <i class={this.icon}></i>;\n        }\n      } else if (this.image) {\n        return <img class={imageClass} onError={() => (this.isFallback = true)} src={this.image} alt={this.alt} aria-label={this.alt || this.name || 'Avatar'} />;\n      } else if (this.name) {\n        return this.getFirstLetters(this.name);\n      } else {\n        return <i class={this.icon}></i>;\n      }\n    };\n\n    return (\n      <div role=\"img\" aria-label={this.alt || this.name || 'Avatar'} class={baseClass} style={{ ...style, ...customSize }}>\n        <RenderContent />\n        {this.status && <bcm-badge class={badgeClass} status={this.status} blink={this.blink} aria-hidden=\"true\"></bcm-badge>}\n        <slot></slot>\n      </div>\n    );\n  }\n}\n",":host {\n  display: inline-block;\n  position: relative;\n  --bcm-badge-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-badge-text: var(--bcm-ui-color-text-default);\n  --bcm-badge-radius: 9999px;\n}\n\n::slotted([slot='badge']) {\n  color: var(--bcm-badge-text);\n  font-weight: 500;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n/**\n * @component BcmBadge\n * @description A versatile badge component that can be positioned around its container.\n * Supports different sizes, variants (dot/text), colors, and positioning options.\n * Can display status indicators with optional blinking animation.\n *\n * @example Basic usage\n * <bcm-badge color=\"primary\" position=\"top-right\">\n *   <div>Container Content</div>\n *   <span slot=\"badge\">New</span>\n * </bcm-badge>\n *\n * @example Status indicator with blink\n * <bcm-badge variant=\"dot\" color=\"success\" blink={true} status=\"Online\">\n *   <div>User Profile</div>\n * </bcm-badge>\n */\n@Component({\n    tag: 'bcm-badge',\n    styleUrl: 'badge.css',\n    shadow: true,\n})\nexport class Badge implements ComponentInterface {\n    /**\n     * Determines the size of the badge.\n     * @type {'small' | 'medium' | 'large'}\n     * @default 'medium'\n     */\n    @Prop()\n    size: 'small' | 'medium' | 'large' = 'medium';\n\n    /**\n     * Sets the visual variant of the badge.\n     * 'dot': Appears as a small dot indicator\n     * 'text': Displays content as text\n     * @type {'dot' | 'text'}\n     * @default 'text'\n     */\n    @Prop()\n    variant: 'dot' | 'text' = 'text';\n\n    /**\n     * Defines the color of the badge.\n     * Uses system color variables (e.g., 'primary', 'success', 'warning', etc.)\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    color?: string;\n\n    /**\n     * Enables soft color mode for the badge.\n     * When true, uses lighter tones and pastel colors.\n     * @type {boolean}\n     * @default false\n     */\n    @Prop()\n    soft: boolean = false;\n\n    /**\n     * Enables blinking animation for the badge.\n     * Useful for drawing attention or indicating active status.\n     * @type {boolean}\n     * @default false\n     */\n    @Prop()\n    blink: boolean = false;\n\n    /**\n     * Status message for accessibility purposes.\n     * Will be read by screen readers.\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    status?: string;\n\n    /**\n     * Sets the position of the badge relative to its container.\n     * @type {'top-right' | 'top-left' | 'bottom-right' | 'bottom-left'}\n     * @default 'top-right'\n     */\n    @Prop()\n    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' = 'top-right';\n\n    /**\n     * Fine-tune the badge position with custom offset.\n     * Format: \"x,y\" in pixels (e.g., \"10,-5\")\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    offset: string;\n\n    /**\n     * Text to be displayed inside the badge.\n     * Used when variant is set to 'text'.\n     * Can be overridden using the \"badge\" slot.\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    text?: string;\n\n    private classes = tv({\n        base: 'badge bcm-ui-element absolute font-medium inline-flex items-center justify-center bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius] z-10',\n        variants: {\n            size: {\n                small: 'gap-1 px-1 text-size-3',\n                medium: 'gap-1 py-0.5 px-1.5 text-size-4',\n                large: 'gap-2 py-1 px-2 text-size-5',\n            },\n            variant: {\n                dot: 'gap-0 p-0 text-[0px] leading-none',\n                text: '',\n            },\n            position: {\n                'top-right': '-top-1 -right-1',\n                'top-left': '-top-1 -left-1',\n                'bottom-right': '-bottom-1 -right-1',\n                'bottom-left': '-bottom-1 -left-1',\n            },\n            blink: {\n                true: 'after:content-[\"\"] after:absolute  after:rounded-full after:bg-[--bcm-badge-bg] after:animate-blink after:w-full after:h-full',\n            },\n        },\n        compoundVariants: [\n            {\n                variant: 'dot',\n                size: 'small',\n                class: 'size-1',\n            },\n            {\n                variant: 'dot',\n                size: 'medium',\n                class: 'size-1.5',\n            },\n            {\n                variant: 'dot',\n                size: 'large',\n                class: 'size-2',\n            },\n        ],\n        defaultVariants: {\n            variant: 'text',\n            size: 'medium',\n            position: 'top-right',\n            blink: false,\n        },\n    });\n\n    private get offsetStyle() {\n        if (!this.offset) return {};\n        const [x = 0, y = 0] = this.offset.split(',').map(val => val.trim());\n        return { transform: `translate(${x}px, ${y}px)` };\n    }\n\n    private get badgeStyle() {\n        if (!this.color) return {};\n        const variantType = this.soft ? 'soft' : 'vivid';\n\n        return {\n            '--bcm-badge-bg': `var(--bcm-ui-color-background-${variantType}-${this.color}-default)`,\n            '--bcm-badge-text': this.soft ? `var(--bcm-ui-color-text-palette-${this.color})` : 'var(--bcm-ui-color-text-base)',\n        };\n    }\n\n    render() {\n        return (\n            <div class=\"relative inline-flex\">\n                <slot></slot>\n                <div\n                    role=\"status\"\n                    aria-live=\"polite\"\n                    aria-label={this.status ? `Status: ${this.status}` : undefined}\n                    class={this.classes({\n                        size: this.size,\n                        variant: this.variant,\n                        position: this.position,\n                        blink: this.blink,\n                    })}\n                    style={{\n                        ...this.badgeStyle,\n                        ...this.offsetStyle,\n                    }}\n                >\n                    {this.variant == 'text' && <slot name=\"badge\">{this.text}</slot>}\n                </div>\n            </div>\n        );\n    }\n}\n",":host {\n  display: inline-flex;\n  height: fit-content;\n  width: fit-content;\n  --bcm-badge-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-badge-text: var(--bcm-ui-color-text-default);\n  --bcm-badge-radius: 9999px;\n}\n\n.badge-content {\n  color: var(--bcm-badge-text);\n  font-weight: 500;\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * @component BcmBasicBadge\n * @description A basic badge component that can be used as a status indicator or to highlight content.\n * Supports dot and text variants with different sizes and color options.\n * \n * @example Basic usage\n * <bcm-basic-badge size=\"medium\" color=\"primary\">\n *   New\n * </bcm-basic-badge>\n * \n * @example Dot variant\n * <bcm-basic-badge variant=\"dot\" color=\"success\" />\n */\n\n@Component({\n    tag: 'bcm-basic-badge',\n    styleUrl: 'basic-badge.css',\n    shadow: true,\n})\nexport class BasicBadge implements ComponentInterface {\n    /**\n     * Determines the size of the badge.\n     * @type {'small' | 'medium' | 'large'}\n     * @default 'medium'\n     */\n    @Prop()\n    size: 'small' | 'medium' | 'large' = 'medium';\n\n    /**\n     * Sets the visual variant of the badge.\n     * 'dot': Appears as a small dot indicator\n     * 'text': Displays content as text\n     * @type {'dot' | 'text'}\n     * @default 'text'\n     */\n    @Prop()\n    variant: 'dot' | 'text' = 'text';\n\n    /**\n     * Defines the color of the badge.\n     * Uses system color variables (e.g., 'primary', 'success', 'warning', etc.)\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    color?: string;\n\n    /**\n     * Enables soft color mode for the badge.\n     * When true, uses lighter tones and pastel colors.\n     * @type {boolean}\n     * @default false\n     */\n    @Prop()\n    soft: boolean = false;\n\n    /**\n     * Text to be displayed inside the badge.\n     * Used when variant is set to 'text'.\n     * @type {string}\n     * @optional\n     */\n    @Prop()\n    text?: string;\n\n    private classes = tv({\n        base: 'badge bcm-ui-element inline-flex items-center justify-center whitespace-nowrap select-none font-medium bg-[--bcm-badge-bg] text-[--bcm-badge-text] rounded-[--bcm-badge-radius]',\n        variants: {\n            size: {\n                small: 'px-1 text-size-3',\n                medium: 'py-0.5 px-1.5 text-size-4',\n                large: 'py-1 px-2 text-size-5',\n            },\n            variant: {\n                dot: 'gap-0 p-0 text-[0px] leading-none',\n                text: '',\n            },\n        },\n        compoundVariants: [\n            {\n                variant: 'dot',\n                size: 'small',\n                class: 'size-1',\n            },\n            {\n                variant: 'dot',\n                size: 'medium',\n                class: 'size-1.5',\n            },\n            {\n                variant: 'dot',\n                size: 'large',\n                class: 'size-2',\n            },\n        ],\n        defaultVariants: {\n            variant: 'text',\n            size: 'medium',\n            blink: false,\n        },\n    });\n\n    private get badgeStyle() {\n        if (!this.color) return {};\n        const variantType = this.soft ? 'soft' : 'vivid';\n\n        return {\n            '--bcm-badge-bg': `var(--bcm-ui-color-background-${variantType}-${this.color}-default)`,\n            '--bcm-badge-text': this.soft ? `var(--bcm-ui-color-text-palette-${this.color})` : 'var(--bcm-ui-color-text-base)',\n        };\n    }\n\n    render() {\n        return (\n            <span\n                part=\"base\"\n                role=\"status\"\n                aria-live=\"polite\"\n                style={this.badgeStyle}\n                class={this.classes({\n                    size: this.size,\n                    variant: this.variant,\n                })}\n            >\n                {this.variant === 'text' && (\n                    <span class=\"badge-content\">\n                        <slot></slot>\n                    </span>\n                )}\n            </span>\n        );\n    }\n}\n","export type ButtonKind = 'primary' | 'ghost' | 'text' | 'outline';\nexport type ButtonSize = 'small' | 'medium' | 'large';\nexport type ButtonType = 'button' | 'reset' | 'submit';\nexport type ButtonStatus = 'default' | 'success' | 'error' | 'warning' | 'info';\nexport type IconPosition = 'prefix' | 'suffix';\n\ninterface ButtonVariantConfig {\n  text: string;\n  status: ButtonStatus;\n  icon?: string;\n  iconPosition?: IconPosition;\n  kind?: ButtonKind;\n}\n\nexport const variantOptions: Record<string, ButtonVariantConfig> = {\n  save: {\n    text: 'Save',\n    status: 'success',\n    icon: 'far fa-save',\n    iconPosition: 'prefix',\n    kind: 'primary',\n  },\n  ok: {\n    text: 'Ok',\n    status: 'success',\n    icon: 'far fa-check',\n    iconPosition: 'prefix',\n  },\n  new: {\n    text: 'New',\n    status: 'success',\n    icon: 'far fa-plus',\n    iconPosition: 'prefix',\n  },\n  add: {\n    text: 'Add',\n    status: 'success',\n    icon: 'far fa-plus',\n    iconPosition: 'prefix',\n  },\n  create: {\n    text: 'Create',\n    status: 'success',\n    icon: 'far fa-plus',\n    iconPosition: 'prefix',\n  },\n  prev: {\n    text: 'Prev',\n    status: 'default',\n    icon: 'far fa-arrow-left',\n    iconPosition: 'prefix',\n  },\n  next: {\n    text: 'Next',\n    status: 'default',\n    icon: 'far fa-arrow-right',\n    iconPosition: 'suffix',\n  },\n  apply: {\n    text: 'Apply',\n    status: 'default',\n    icon: 'far fa-check-circle',\n    iconPosition: 'prefix',\n  },\n  submit: {\n    text: 'Submit',\n    status: 'default',\n    icon: 'far fa-save',\n    iconPosition: 'prefix',\n  },\n  send: {\n    text: 'Send',\n    status: 'success',\n    icon: 'far fa-paper-plane',\n    iconPosition: 'prefix',\n  },\n  delete: {\n    text: 'Delete',\n    status: 'error',\n    icon: 'far fa-trash',\n    iconPosition: 'prefix',\n  },\n  cancel: {\n    text: 'Cancel',\n    status: 'error',\n    icon: 'far fa-times',\n    iconPosition: 'prefix',\n  },\n  decline: {\n    text: 'Decline',\n    status: 'error',\n    icon: 'far fa-ban',\n    iconPosition: 'prefix',\n  },\n  close: {\n    text: 'Close',\n    status: 'error',\n    icon: 'far fa-times-circle',\n    iconPosition: 'prefix',\n  },\n  archive: {\n    text: 'Archive',\n    status: 'error',\n    icon: 'far fa-folder-open',\n    iconPosition: 'prefix',\n  },\n  remove: {\n    text: 'Remove',\n    status: 'error',\n    icon: 'far fa-minus-circle',\n    iconPosition: 'prefix',\n  },\n  edit: {\n    text: 'Edit',\n    status: 'default',\n    icon: 'far fa-edit',\n    iconPosition: 'prefix',\n  },\n  export: {\n    text: 'Export',\n    status: 'default',\n    icon: 'far fa-sign-out',\n    iconPosition: 'prefix',\n  },\n  import: {\n    text: 'Import',\n    status: 'default',\n    icon: 'far fa-sign-in',\n    iconPosition: 'prefix',\n  },\n  filter: {\n    text: 'Filter',\n    status: 'default',\n    icon: 'far fa-filter',\n    iconPosition: 'prefix',\n  },\n  update: {\n    text: 'Update',\n    status: 'default',\n    icon: 'far fa-sync',\n    iconPosition: 'prefix',\n  },\n  reset: {\n    text: 'Reset',\n    status: 'default',\n    icon: 'far fa-sync',\n    iconPosition: 'prefix',\n  },\n  download: {\n    text: 'Download',\n    status: 'default',\n    icon: 'far fa-download',\n    iconPosition: 'prefix',\n  },\n};\n\nexport type ButtonVariant = keyof typeof variantOptions;\n",":host {\n  display: inline-block;\n  position: relative;\n}\n\n:host([full-width]) {\n  width: 100%;\n}\n","import { Component, Prop, h, Event, EventEmitter, Host } from '@stencil/core';\nimport { ButtonKind, ButtonSize, ButtonType, ButtonStatus, ButtonVariant, IconPosition, variantOptions } from './types';\nimport { tv } from 'tailwind-variants';\n\n@Component({\n  tag: 'bcm-button',\n  styleUrl: 'button.css',\n  shadow: true,\n})\nexport class BcmButton {\n  /** Defines the main visual style of the button */\n  @Prop()\n  kind: ButtonKind = 'primary';\n\n  /** Controls the button size */\n  @Prop()\n  size: ButtonSize = 'medium';\n\n  /** Defines the button's status/state color */\n  @Prop()\n  status: ButtonStatus = 'default';\n\n  /** Predefined button variants */\n  @Prop()\n  variant?: ButtonVariant;\n\n  /** Icon class name */\n  @Prop()\n  icon?: string;\n\n  /** Icon placement (prefix/suffix) */\n  @Prop()\n  iconPosition: IconPosition = 'prefix';\n\n  /** Icon-only button mode */\n  @Prop()\n  iconOnly = false;\n\n  /** Full width button */\n  @Prop({ attribute: 'full-width', reflect: true })\n  fullWidth = false;\n\n  /** HTML button type */\n  @Prop()\n  type: ButtonType = 'button';\n\n  /** Loading state */\n  @Prop()\n  loading = false;\n\n  /** Disabled state */\n  @Prop()\n  disabled = false;\n\n  /** Button text content */\n  @Prop()\n  text?: string;\n\n  /** Active state */\n  @Prop()\n  active = false;\n\n  /** Form association */\n  @Prop()\n  form: string;\n\n  @Prop()\n  value: string;\n\n  @Prop()\n  name: string;\n\n  /** Screen reader label */\n  @Prop()\n  label: string;\n\n  /** Expanded state for expandable content */\n  @Prop()\n  expanded?: string;\n\n  /** ID of controlled element */\n  @Prop()\n  controls: string;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmClick: EventEmitter<MouseEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmFocus: EventEmitter<FocusEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmBlur: EventEmitter<FocusEvent>;\n\n  private handleClick = (event: MouseEvent) => {\n    if (!this.disabled && !this.loading) {\n      this.bcmClick.emit(event);\n    }\n  };\n\n  private handleFocus = (event: FocusEvent) => {\n    this.bcmFocus.emit(event);\n  };\n\n  private handleBlur = (event: FocusEvent) => {\n    this.bcmBlur.emit(event);\n  };\n\n  private get buttonText(): string {\n    return this.text || (this.variant ? variantOptions[this.variant].text : '');\n  }\n\n  private get buttonIcon(): { icon?: string; position: IconPosition } {\n    if (this.variant && variantOptions[this.variant].icon) {\n      return {\n        icon: variantOptions[this.variant].icon,\n        position: variantOptions[this.variant].iconPosition || 'prefix',\n      };\n    }\n\n    return {\n      icon: this.icon,\n      position: this.iconPosition,\n    };\n  }\n\n  private get buttonStatus(): ButtonStatus {\n    return this.variant ? variantOptions[this.variant].status : this.status;\n  }\n\n  private get buttonStyles() {\n    const status = this.buttonStatus === 'default' ? 'primary' : this.buttonStatus;\n\n    const kindStyleMap = {\n      primary: {\n        '--bcm-button-bg': `var(--bcm-ui-color-background-${status}-default)`,\n        '--bcm-button-bg-hover': `var(--bcm-ui-color-background-${status}-hover)`,\n        '--bcm-button-bg-active': `var(--bcm-ui-color-background-${status}-active)`,\n        '--bcm-button-border': 'transparent',\n        '--bcm-button-text': 'var(--bcm-ui-color-text-base)',\n      },\n      outline: {\n        '--bcm-button-bg': 'var(--bcm-ui-color-background-default-default)',\n        '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n        '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n        '--bcm-button-border': `var(--bcm-ui-color-border-${this.buttonStatus})`,\n        '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n      },\n      ghost: {\n        '--bcm-button-bg': 'transparent',\n        '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n        '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n        '--bcm-button-border': 'transparent',\n        '--bcm-button-text': `var(--bcm-ui-color-text-${this.buttonStatus})`,\n      },\n      text: {\n        '--bcm-button-bg': 'transparent',\n        '--bcm-button-bg-hover': 'var(--bcm-ui-color-background-default-hover)',\n        '--bcm-button-bg-active': 'var(--bcm-ui-color-background-default-active)',\n        '--bcm-button-border': 'transparent',\n        '--bcm-button-text': `var(--bcm-ui-color-text-${status})`,\n      },\n    };\n\n    return kindStyleMap[this.kind];\n  }\n\n  private buttonClass = tv(\n    {\n      base: 'bcm-button appearance-none inline-flex items-center justify-center border border-solid rounded outline-0',\n      variants: {\n        size: {\n          small: 'text-size-4 py-px px-2 min-h-6',\n          medium: 'text-size-5 py-0.5 px-3 min-h-8',\n          large: 'text-size-6 py-1 px-3 min-h-10',\n        },\n        kind: {\n          primary: 'kind-primary',\n          ghost: 'kind-ghost',\n          text: 'kind-text',\n          outline: 'kind-outline',\n        },\n        fullWidth: {\n          true: 'full-width w-full',\n        },\n        disabled: {\n          true: 'disabled cursor-not-allowed bg-[--bcm-ui-color-background-disabled-default] text-color-disabled border-color-disabled',\n          false: [\n            'cursor-pointer',\n            'bg-[--bcm-button-bg] text-[--bcm-button-text] border-[--bcm-button-border]',\n            'hover:bg-[--bcm-button-bg-hover]',\n            'active:bg-[--bcm-button-bg-active]',\n            'focus-visible:ring',\n          ],\n        },\n        loading: {\n          true: '',\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        kind: 'primary',\n        fullWidth: false,\n        disabled: false,\n        loading: false,\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  render() {\n    const { icon, position } = this.buttonIcon;\n\n    return (\n      <Host>\n        <button\n          type={this.type}\n          disabled={this.disabled || this.loading}\n          aria-label={this.label}\n          aria-expanded={this.expanded}\n          aria-controls={this.controls}\n          aria-disabled={this.disabled}\n          onClick={this.handleClick}\n          onFocus={this.handleFocus}\n          onBlur={this.handleBlur}\n          style={this.buttonStyles}\n          class={this.buttonClass({\n            size: this.size,\n            kind: this.kind,\n            fullWidth: this.fullWidth,\n            disabled: this.disabled,\n            loading: this.loading,\n          })}\n        >\n          {this.loading && <slot name=\"loading\"></slot>}\n          <span>\n            <slot name=\"prefix\">{position === 'prefix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n          </span>\n          <slot>{this.buttonText}</slot>\n          <span>\n            <slot name=\"suffix\">{position === 'suffix' && icon && <i class={' leading-none ' + icon}></i>}</slot>\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/bromcom-ui/p-15fe392b.js

@@ -1,3 +0,0 @@
-const e="bromcom-ui";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:false,cmpDidUnload:false,cmpDidUpdate:false,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:false,cmpWillUpdate:false,connectedCallback:false,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:false,hostListenerTargetBody:false,hostListenerTargetDocument:false,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:false,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:false,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:false,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:false,state:true,style:true,svg:false,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:false,watchCallback:true};var n=Object.defineProperty;var r=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:true})};var s=new WeakMap;var l=e=>s.get(e);var i=(e,t)=>{s.set(t.t=e,t)};var o=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const r=s.set(e,n);return r};var a=(e,t)=>t in e;var f=(e,t)=>(0,console.error)(e,t);var c=new Map;var u=(e,t,n)=>{const r=e.m.replace(/-/g,"_");const s=e.S;if(!s){return void 0}const l=c.get(s);if(l){return l[r]}
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((e=>{{c.set(s,e)}return e[r]}),(e=>{f(e,t.$hostElement$)}))};var v=new Map;var d="sty-id";var h="{visibility:hidden}.hydrated{visibility:inherit}";var p="slot-fb{display:contents}slot-fb[hidden]{display:none}";var m=typeof window!=="undefined"?window:{};var y=m.document||{head:{}};var b={l:0,$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,r)=>e.addEventListener(t,n,r),rel:(e,t,n,r)=>e.removeEventListener(t,n,r),ce:(e,t)=>new CustomEvent(e,t)};var w=(()=>{let e=false;try{y.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var S=e=>Promise.resolve(e);var g=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var $=false;var C=[];var k=[];var j=(e,t)=>n=>{e.push(n);if(!$){$=true;if(t&&b.l&4){D(x)}else{b.raf(x)}}};var O=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){f(e)}}e.length=0};var x=()=>{O(C);{O(k);if($=C.length>0){b.raf(x)}}};var D=e=>S().then(e);var E=j(k,true);var L=e=>{e=typeof e;return e==="object"||e==="function"};function T(e){var t,n,r;return(r=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?r:void 0}var M={};r(M,{err:()=>P,map:()=>R,ok:()=>F,unwrap:()=>A,unwrapErr:()=>N});var F=e=>({isOk:true,isErr:false,value:e});var P=e=>({isOk:false,isErr:true,value:e});function R(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>F(e)))}else{return F(n)}}if(e.isErr){const t=e.value;return P(t)}throw"should never get here"}var A=e=>{if(e.isOk){return e.value}else{throw e.value}};var N=e=>{if(e.isErr){return e.value}else{throw e.value}};var U=(e,t="")=>{{return()=>{}}};var W=(e,t)=>{{return()=>{}}};var H=(e,t,...n)=>{let r=null;let s=null;let l=false;let i=false;const o=[];const a=t=>{for(let n=0;n<t.length;n++){r=t[n];if(Array.isArray(r)){a(r)}else if(r!=null&&typeof r!=="boolean"){if(l=typeof e!=="function"&&!L(r)){r=String(r)}if(l&&i){o[o.length-1].C+=r}else{o.push(l?z(null,r):r)}i=l}}};a(n);if(t){if(t.key){s=t.key}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,o,V)}const f=z(e,null);f.k=t;if(o.length>0){f.j=o}{f.O=s}return f};var z=(e,t)=>{const n={l:0,D:e,C:t,L:null,j:null};{n.k=null}{n.O=null}return n};var B={};var Q=e=>e&&e.D===B;var V={forEach:(e,t)=>e.map(q).forEach(t),map:(e,t)=>e.map(q).map(t).map(G)};var q=e=>({vattrs:e.k,vchildren:e.j,vkey:e.O,vname:e.T,vtag:e.D,vtext:e.C});var G=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return H(e.vtag,t,...e.vchildren||[])}const t=z(e.vtag,e.vtext);t.k=e.vattrs;t.j=e.vchildren;t.O=e.vkey;t.T=e.vname;return t};var I=(e,t)=>{if(e!=null&&!L(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var K=e=>l(e).$hostElement$;var X=(e,t,n)=>{const r=K(e);return{emit:e=>_(r,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var _=(e,t,n)=>{const r=b.ce(t,n);e.dispatchEvent(r);return r};var J=new WeakMap;var Y=(e,t,n)=>{let r=v.get(e);if(g&&n){r=r||new CSSStyleSheet;if(typeof r==="string"){r=t}else{r.replaceSync(t)}}else{r=t}v.set(e,r)};var Z=(e,t,n)=>{var r;const s=te(t);const l=v.get(s);e=e.nodeType===11?e:y;if(l){if(typeof l==="string"){e=e.head||e;let n=J.get(e);let i;if(!n){J.set(e,n=new Set)}if(!n.has(s)){{i=document.querySelector(`[${d}="${s}"]`)||y.createElement("style");i.innerHTML=l;const n=(r=b.M)!=null?r:T(y);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(g){const t=new CSSStyleSheet;t.replaceSync(l);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=l+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1&&e.nodeName!=="HEAD"){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=p}if(n){n.add(s)}}}else if(!e.adoptedStyleSheets.includes(l)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]}}return s};var ee=e=>{const t=e.i;const n=e.$hostElement$;const r=t.l;const s=U("attachStyles",t.m);const l=Z(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(r&10&&r&2){n["s-sc"]=l;n.classList.add(l+"-h")}s()};var te=(e,t)=>"sc-"+e.m;var ne=(e,t,n,r,s,l,i)=>{if(n!==r){let i=a(e,t);let o=t.toLowerCase();if(t==="class"){const t=e.classList;const s=se(n);let l=se(r);{t.remove(...s.filter((e=>e&&!l.includes(e))));t.add(...l.filter((e=>e&&!s.includes(e))))}}else if(t==="style"){{for(const t in n){if(!r||r[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in r){if(!n||r[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,r[t])}else{e.style[t]=r[t]}}}}else if(t==="key");else if(t==="ref"){if(r){r(e)}}else if(!i&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(a(m,o)){t=o.slice(2)}else{t=o[2]+t.slice(3)}if(n||r){const s=t.endsWith(le);t=t.replace(ie,"");if(n){b.rel(e,t,n,s)}if(r){b.ael(e,t,r,s)}}}else{const o=L(r);if((i||o&&r!==null)&&!s){try{if(!e.tagName.includes("-")){const s=r==null?"":r;if(t==="list"){i=false}else if(n==null||e[t]!=s){if(typeof e.__lookupSetter__(t)==="function"){e[t]=s}else{e.setAttribute(t,s)}}}else if(e[t]!==r){e[t]=r}}catch(e){}}if(r==null||r===false){if(r!==false||e.getAttribute(t)===""){{e.removeAttribute(t)}}}else if((!i||l&4||s)&&!o){r=r===true?"":r;{e.setAttribute(t,r)}}}}};var re=/\s/;var se=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(re)};var le="Capture";var ie=new RegExp(le+"$");var oe=(e,t,n,r)=>{const s=t.L.nodeType===11&&t.L.host?t.L.host:t.L;const l=e&&e.k||{};const i=t.k||{};{for(const e of ae(Object.keys(l))){if(!(e in i)){ne(s,e,l[e],void 0,n,t.l)}}}for(const e of ae(Object.keys(i))){ne(s,e,l[e],i[e],n,t.l)}};function ae(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var fe;var ce=false;var ue=false;var ve=(e,n,r)=>{const s=n.j[r];let l=0;let i;let o;if(s.C!==null){i=s.L=y.createTextNode(s.C)}else{i=s.L=y.createElement(!ce&&t.slotRelocation&&s.l&2?"slot-fb":s.D);{oe(null,s,ue)}if(s.j){for(l=0;l<s.j.length;++l){o=ve(e,s,l);if(o){i.appendChild(o)}}}}i["s-hn"]=fe;return i};var de=(e,t,n,r,s,l)=>{let i=e;let o;if(i.shadowRoot&&i.tagName===fe){i=i.shadowRoot}for(;s<=l;++s){if(r[s]){o=ve(null,n,s);if(o){r[s].L=o;we(i,o,t)}}}};var he=(e,t,n)=>{for(let r=t;r<=n;++r){const t=e[r];if(t){const e=t.L;be(t);if(e){e.remove()}}}};var pe=(e,t,n,r,s=false)=>{let l=0;let i=0;let o=0;let a=0;let f=t.length-1;let c=t[0];let u=t[f];let v=r.length-1;let d=r[0];let h=r[v];let p;let m;while(l<=f&&i<=v){if(c==null){c=t[++l]}else if(u==null){u=t[--f]}else if(d==null){d=r[++i]}else if(h==null){h=r[--v]}else if(me(c,d,s)){ye(c,d,s);c=t[++l];d=r[++i]}else if(me(u,h,s)){ye(u,h,s);u=t[--f];h=r[--v]}else if(me(c,h,s)){ye(c,h,s);we(e,c.L,u.L.nextSibling);c=t[++l];h=r[--v]}else if(me(u,d,s)){ye(u,d,s);we(e,u.L,c.L);u=t[--f];d=r[++i]}else{o=-1;{for(a=l;a<=f;++a){if(t[a]&&t[a].O!==null&&t[a].O===d.O){o=a;break}}}if(o>=0){m=t[o];if(m.D!==d.D){p=ve(t&&t[i],n,o)}else{ye(m,d,s);t[o]=void 0;p=m.L}d=r[++i]}else{p=ve(t&&t[i],n,i);d=r[++i]}if(p){{we(c.L.parentNode,p,c.L)}}}}if(l>f){de(e,r[v+1]==null?null:r[v+1].L,n,r,i,v)}else if(i>v){he(t,l,f)}};var me=(e,t,n=false)=>{if(e.D===t.D){if(!n){return e.O===t.O}if(n&&!e.O&&t.O){e.O=t.O}return true}return false};var ye=(e,n,r=false)=>{const s=n.L=e.L;const l=e.j;const i=n.j;const o=n.D;const a=n.C;if(a===null){{if(o==="slot"&&!ce);else{oe(e,n,ue)}}if(l!==null&&i!==null){pe(s,l,n,i,r)}else if(i!==null){if(e.C!==null){s.textContent=""}de(s,null,n,i,0,i.length-1)}else if(!r&&t.updatable&&l!==null){he(l,0,l.length-1)}}else if(e.C!==a){s.data=a}};var be=e=>{{e.k&&e.k.ref&&e.k.ref(null);e.j&&e.j.map(be)}};var we=(e,t,n)=>{{return e==null?void 0:e.insertBefore(t,n)}};var Se=(e,t,n=false)=>{const r=e.$hostElement$;const s=e.i;const l=e.F||z(null,null);const i=Q(t)?t:H(null,null,t);fe=r.tagName;if(s.P){i.k=i.k||{};s.P.map((([e,t])=>i.k[t]=r[e]))}if(n&&i.k){for(const e of Object.keys(i.k)){if(r.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){i.k[e]=r[e]}}}i.D=null;i.l|=4;e.F=i;i.L=l.L=r.shadowRoot||r;ce=(s.l&1)!==0;ye(l,i,n)};var ge=(e,t)=>{if(t&&!e.R&&t["s-p"]){const n=t["s-p"].push(new Promise((r=>e.R=()=>{t["s-p"].splice(n-1,1);r()})))}};var $e=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}ge(e,e.A);const n=()=>Ce(e,t);return E(n)};var Ce=(e,t)=>{const n=e.$hostElement$;const r=U("scheduleUpdate",e.i.m);const s=e.t;if(!s){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let l;if(t){{e.l|=256;if(e.N){e.N.map((([e,t])=>Le(s,e,t,n)));e.N=void 0}}{l=Le(s,"componentWillLoad",void 0,n)}}r();return ke(l,(()=>Oe(e,s,t)))};var ke=(e,t)=>je(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var je=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var Oe=async(e,t,n)=>{var r;const s=e.$hostElement$;const l=U("update",e.i.m);const i=s["s-rc"];if(n){ee(e)}const o=U("render",e.i.m);{xe(e,t,s,n)}if(i){i.map((e=>e()));s["s-rc"]=void 0}o();l();{const t=(r=s["s-p"])!=null?r:[];const n=()=>De(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var xe=(e,t,n,r)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{Se(e,t,r)}}}}catch(t){f(t,e.$hostElement$)}return null};var De=e=>{const t=e.i.m;const n=e.$hostElement$;const r=U("postUpdate",t);const s=e.t;const l=e.A;if(!(e.l&64)){e.l|=64;{Te(n)}{Le(s,"componentDidLoad",void 0,n)}r();{e.p(n);if(!l){Ee()}}}else{r()}{e.v(n)}{if(e.R){e.R();e.R=void 0}if(e.l&512){D((()=>$e(e,false)))}e.l&=~(4|512)}};var Ee=t=>{{Te(y.documentElement)}D((()=>_(m,"appload",{detail:{namespace:e}})))};var Le=(e,t,n,r)=>{if(e&&e[t]){try{return e[t](n)}catch(e){f(e,r)}}return void 0};var Te=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var Me=(e,t)=>l(e).o.get(t);var Fe=(e,t,n,r)=>{const s=l(e);if(!s){throw new Error(`Couldn't find host element for "${r.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const i=s.$hostElement$;const o=s.o.get(t);const a=s.l;const c=s.t;n=I(n,r.U[t][0]);const u=Number.isNaN(o)&&Number.isNaN(n);const v=n!==o&&!u;if((!(a&8)||o===void 0)&&v){s.o.set(t,n);if(c){if(r.W&&a&128){const e=r.W[t];if(e){e.map((e=>{try{c[e](n,o,t)}catch(e){f(e,i)}}))}}if((a&(2|16))===2){$e(s,false)}}}};var Pe=(e,n,r)=>{var s,i;const o=e.prototype;if(n.U||(n.W||e.watchers)){if(e.watchers&&!n.W){n.W=e.watchers}const a=Object.entries((s=n.U)!=null?s:{});a.map((([e,[t]])=>{if(t&31||r&2&&t&32){const{get:s,set:i}=Object.getOwnPropertyDescriptor(o,e)||{};if(s)n.U[e][0]|=2048;if(i)n.U[e][0]|=4096;if(r&1||!s){Object.defineProperty(o,e,{get(){{if((n.U[e][0]&2048)===0){return Me(this,e)}const t=l(this);const r=t?t.t:o;if(!r)return;return r[e]}},configurable:true,enumerable:true})}Object.defineProperty(o,e,{set(s){const o=l(this);if(i){const r=t&32?this[e]:o.$hostElement$[e];if(typeof r==="undefined"&&o.o.get(e)){s=o.o.get(e)}else if(!o.o.get(e)&&r){o.o.set(e,r)}i.apply(this,[I(s,t)]);s=t&32?this[e]:o.$hostElement$[e];Fe(this,e,s,n);return}{if((r&1)===0||(n.U[e][0]&4096)===0){Fe(this,e,s,n);if(r&1&&!o.t){o.h.then((()=>{if(n.U[e][0]&4096&&o.t[e]!==o.o.get(e)){o.t[e]=s}}))}return}const l=()=>{const r=o.t[e];if(!o.o.get(e)&&r){o.o.set(e,r)}o.t[e]=I(s,t);Fe(this,e,o.t[e],n)};if(o.t){l()}else{o.h.then((()=>l()))}}}})}else if(r&1&&t&64){Object.defineProperty(o,e,{value(...t){var n;const r=l(this);return(n=r==null?void 0:r.u)==null?void 0:n.then((()=>{var n;return(n=r.t)==null?void 0:n[e](...t)}))}})}}));if(r&1){const r=new Map;o.attributeChangedCallback=function(e,s,i){b.jmp((()=>{var a;const f=r.get(e);if(this.hasOwnProperty(f)&&t.lazyLoad){i=this[f];delete this[f]}else if(o.hasOwnProperty(f)&&typeof this[f]==="number"&&this[f]==i){return}else if(f==null){const t=l(this);const r=t==null?void 0:t.l;if(r&&!(r&8)&&r&128&&i!==s){const r=t.t;const l=(a=n.W)==null?void 0:a[e];l==null?void 0:l.forEach((t=>{if(r[t]!=null){r[t].call(r,i,s,e)}}))}return}const c=Object.getOwnPropertyDescriptor(o,f);i=i===null&&typeof this[f]==="boolean"?false:i;if(i!==this[f]&&(!c.get||!!c.set)){this[f]=i}}))};e.observedAttributes=Array.from(new Set([...Object.keys((i=n.W)!=null?i:{}),...a.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var s;const l=t[1]||e;r.set(l,e);if(t[0]&512){(s=n.P)==null?void 0:s.push([e,l])}return l}))]))}}return e};var Re=async(e,t,n,r)=>{let s;if((t.l&32)===0){t.l|=32;{const r=u(n,t);if(r&&"then"in r){const e=W();s=await r;e()}else{s=r}if(!s){throw new Error(`Constructor for "${n.m}#${t.H}" was not found`)}if(!s.isProxied){{n.W=s.watchers}Pe(s,n,2);s.isProxied=true}const l=U("createInstance",n.m);{t.l|=8}try{new s(t)}catch(t){f(t,e)}{t.l&=~8}{t.l|=128}l()}if(s&&s.style){let e;if(typeof s.style==="string"){e=s.style}const t=te(n);if(!v.has(t)){const r=U("registerStyles",n.m);Y(t,e,!!(n.l&1));r()}}}const l=t.A;const i=()=>$e(t,true);if(l&&l["s-rc"]){l["s-rc"].push(i)}else{i()}};var Ae=(e,t)=>{};var Ne=e=>{if((b.l&1)===0){const t=l(e);const n=t.i;const r=U("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;{let n=e;while(n=n.parentNode||n.host){if(n["s-p"]){ge(t,t.A=n);break}}}if(n.U){Object.entries(n.U).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{Re(e,t,n)}}else{ze(e,t,n.B);if(t==null?void 0:t.t);else if(t==null?void 0:t.h){t.h.then((()=>Ae()))}}r()}};var Ue=(e,t)=>{{Le(e,"disconnectedCallback",void 0,t||e)}};var We=async e=>{if((b.l&1)===0){const t=l(e);{if(t.V){t.V.map((e=>e()));t.V=void 0}}if(t==null?void 0:t.t){Ue(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>Ue(t.t,e)))}}if(J.has(e)){J.delete(e)}if(e.shadowRoot&&J.has(e.shadowRoot)){J.delete(e.shadowRoot)}};var He=(e,t={})=>{var n;const r=U();const s=[];const i=t.exclude||[];const a=m.customElements;const f=y.head;const c=f.querySelector("meta[charset]");const u=y.createElement("style");const v=[];let d;let w=true;Object.assign(b,t);b.$=new URL(t.resourcesUrl||"./",y.baseURI).href;let S=false;e.map((e=>{e[1].map((t=>{var n;const r={l:t[0],m:t[1],U:t[2],B:t[3]};if(r.l&4){S=true}{r.U=t[2]}{r.B=t[3]}{r.P=[]}{r.W=(n=t[4])!=null?n:{}}const f=r.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;o(e,r);if(r.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open"})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${r.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=l(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ze(this,e,r.B)}if(d){clearTimeout(d);d=null}if(w){v.push(this)}else{b.jmp((()=>Ne(this)))}}disconnectedCallback(){b.jmp((()=>We(this)));b.raf((()=>{var e;const t=l(this);if(((e=t==null?void 0:t.F)==null?void 0:e.L)instanceof Node&&!t.F.L.isConnected){delete t.F.L}}))}componentOnReady(){return l(this).h}};r.S=e[0];if(!i.includes(f)&&!a.get(f)){s.push(f);a.define(f,Pe(c,r,1))}}))}));if(s.length>0){if(S){u.textContent+=p}{u.textContent+=s.sort()+h}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=b.M)!=null?n:T(y);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}w=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{b.jmp((()=>d=setTimeout(Ee,30)))}}r()};var ze=(e,t,n,r)=>{if(n){n.map((([n,r,s])=>{const l=e;const i=Be(t,s);const o=Qe(n);b.ael(l,r,i,o);(t.V=t.V||[]).push((()=>b.rel(l,r,i,o)))}))}};var Be=(e,t)=>n=>{var r;try{{if(e.l&256){(r=e.t)==null?void 0:r[t](n)}else{(e.N=e.N||[]).push([t,n])}}}catch(t){f(t,e.$hostElement$)}};var Qe=e=>w?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Ve=e=>b.M=e;export{B as H,He as b,X as c,K as g,H as h,S as p,i as r,Ve as s};
-//# sourceMappingURL=p-15fe392b.js.map

package/dist/bromcom-ui/p-1d86c1cf.entry.js

@@ -1,2 +0,0 @@
-import{r as c,c as e,h as r}from"./p-15fe392b.js";import{c as t}from"./p-5fcf77f9.js";const i={info:"blue",error:"red",warning:"amber",success:"green"};const o=":host{--bcm-chip-bg:var(--bcm-ui-color-background-default-default);--bcm-chip-text:var(--bcm-ui-color-text-default);--bcm-chip-border:var(--bcm-ui-color-border-default);--bcm-chip-hover-bg:var(--bcm-ui-color-background-default-hover);--bcm-chip-active-bg:var(--bcm-ui-color-background-default-active);--bcm-chip-radius:6px;display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.min-w-max{min-width:max-content}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-\\[--bcm-chip-radius\\]{border-radius:var(--bcm-chip-radius)}.border{border-width:1px}.border-none{border-style:none}.border-\\[--bcm-chip-border\\]{border-color:var(--bcm-chip-border)}.border-transparent{border-color:transparent}.bg-\\[--bcm-chip-bg\\]{background-color:var(--bcm-chip-bg)}.px-2{padding-left:.5rem;padding-right:.5rem}.py-0\\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-px{padding-bottom:1px;padding-top:1px}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.font-normal{font-weight:400}.text-\\[--bcm-chip-text\\]{color:var(--bcm-chip-text)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:bg-\\[--bcm-chip-hover-bg\\]:hover{background-color:var(--bcm-chip-hover-bg)}.active\\:bg-\\[--bcm-chip-active-bg\\]:active{background-color:var(--bcm-chip-active-bg)}";const a=o;const b=class{constructor(r){c(this,r);this.bcmDismiss=e(this,"bcmDismiss",1);this.size="medium";this.kind="filled";this.status="default";this.dismissible=false;this.disabled=false;this.chipClass=t({base:["chip bcm-ui-element font-normal flex items-center justify-center px-2 gap-1 min-w-max border","bg-[--bcm-chip-bg] text-[--bcm-chip-text] rounded-[--bcm-chip-radius] border-[--bcm-chip-border]","hover:bg-[--bcm-chip-hover-bg] active:bg-[--bcm-chip-active-bg]"],variants:{size:{small:"small py-px text-size-3",medium:"medium py-0.5 text-size-4",large:"large py-1 text-size-5"},kind:{filled:"filled border-transparent",outlined:"outlined",text:"text border-none"},disabled:{true:"cursor-not-allowed"}}},{twMerge:false})}get chipStyle(){let c=this.color;if(this.disabled){return{"--bcm-chip-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-text":"var(--bcm-ui-color-text-disabled)","--bcm-chip-border":"var(--bcm-ui-color-border-disabled)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-disabled-default)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-disabled-default)"}}if(this.status!=="default"){c=i[this.status]}const e={filled:{"--bcm-chip-bg":`var(--bcm-ui-color-background-palette-${c}-default)`,"--bcm-chip-text":`var(--bcm-ui-color-text-palette-${c})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${c})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${c}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${c}-active)`},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${c})`,"--bcm-chip-border":`var(--bcm-ui-color-border-${c})`,"--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${c}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${c}-active)`},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":`var(--bcm-ui-color-text-palette-${c})`,"--bcm-chip-border":"transparent","--bcm-chip-hover-bg":`var(--bcm-ui-color-background-palette-${c}-hover)`,"--bcm-chip-active-bg":`var(--bcm-ui-color-background-palette-${c}-active)`}};const r={filled:{"--bcm-chip-bg":"var(--bcm-ui-color-background-default-default)","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},outlined:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"var(--bcm-ui-color-border-default)","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"},text:{"--bcm-chip-bg":"transparent","--bcm-chip-text":"var(--bcm-ui-color-text-default)","--bcm-chip-border":"transparent","--bcm-chip-hover-bg":"var(--bcm-ui-color-background-default-hover)","--bcm-chip-active-bg":"var(--bcm-ui-color-background-default-active)"}};return c?e[this.kind]:r[this.kind]}handleDismiss(){if(!this.disabled){this.bcmDismiss.emit()}}render(){return r("div",{key:"1bcc941d68f13e8d57ffb0621911b585b3909d5a",style:this.chipStyle,class:this.chipClass({size:this.size,kind:this.kind,disabled:this.disabled}),role:"button","aria-disabled":this.disabled?"true":"false"},r("slot",{key:"3a2dc016ac80905bfa38f16f50417700c854a421"}),this.dismissible&&r("bcm-icon",{key:"9176d4a57accdcc9b814293d441fa12ba2065c9b",onClick:()=>this.handleDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark","aria-label":"Dismiss chip"}))}};b.style=a;export{b as bcm_chip};
-//# sourceMappingURL=p-1d86c1cf.entry.js.map

package/dist/bromcom-ui/p-31354aaa.js

@@ -1,2 +0,0 @@
-const t=[];for(let e=0;e<256;++e){t.push((e+256).toString(16).slice(1))}function e(e,r=0){return(t[e[r+0]]+t[e[r+1]]+t[e[r+2]]+t[e[r+3]]+"-"+t[e[r+4]]+t[e[r+5]]+"-"+t[e[r+6]]+t[e[r+7]]+"-"+t[e[r+8]]+t[e[r+9]]+"-"+t[e[r+10]]+t[e[r+11]]+t[e[r+12]]+t[e[r+13]]+t[e[r+14]]+t[e[r+15]]).toLowerCase()}let r;const n=new Uint8Array(16);function o(){if(!r){if(typeof crypto==="undefined"||!crypto.getRandomValues){throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported")}r=crypto.getRandomValues.bind(crypto)}return r(n)}const s=typeof crypto!=="undefined"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto);const a={randomUUID:s};function i(t,r,n){if(a.randomUUID&&!r&&!t){return a.randomUUID()}t=t||{};const s=t.random??t.rng?.()??o();if(s.length<16){throw new Error("Random bytes length must be >= 16")}s[6]=s[6]&15|64;s[8]=s[8]&63|128;if(r){n=n||0;if(n<0||n+16>r.length){throw new RangeError(`UUID byte range ${n}:${n+15} is out of buffer bounds`)}for(let t=0;t<16;++t){r[n+t]=s[t]}return r}return e(s)}const c=(t="bcm")=>{if(!t){throw new Error("Prefix cannot be empty")}return`${t}-${i()}`};class u{static setMessages(t,e){this.messages[t]=e;this.currentLocale=t}static setLocale(t){if(this.messages[t]){this.currentLocale=t;console.log(`I18n locale changed to: ${t}`)}else{console.warn(`Locale '${t}' not found in messages`)}}static t(t,e){var r;const n=((r=this.messages[this.currentLocale])===null||r===void 0?void 0:r[t])||t;if(!e)return n;return Object.entries(e).reduce(((t,[e,r])=>t.replace(new RegExp(`{${e}}`,"g"),String(r))),n)}}u.messages={};u.currentLocale="en";const l={email:"Please enter a valid email address",required:"This field is required",minlength:"Please enter at least {min} characters",maxlength:"Please enter no more than {max} characters",min:"Value must be at least {min}",max:"Value must be at most {max}",pattern:"Please enter a valid format"};const d=(t,e)=>{u.setMessages(t,Object.assign(Object.assign({},l),e))};const f=(t,e)=>u.t(t,e);export{f as a,l as d,c as g,d as s};
-//# sourceMappingURL=p-31354aaa.js.map

package/dist/bromcom-ui/p-31354aaa.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["byteToHex","i","push","toString","slice","unsafeStringify","arr","offset","toLowerCase","getRandomValues","rnds8","Uint8Array","rng","crypto","Error","bind","randomUUID","native","v4","options","buf","rnds","random","length","RangeError","generateId","prefix","uuidv4","I18n","setMessages","locale","messages","this","currentLocale","setLocale","console","log","warn","t","key","data","message","_a","Object","entries","reduce","msg","value","replace","RegExp","String","defaultValidationMessages","email","required","minlength","maxlength","min","max","pattern","setValidationMessages","assign","getValidationMessage","type"],"sources":["node_modules/uuid/dist/esm-browser/stringify.js","node_modules/uuid/dist/esm-browser/rng.js","node_modules/uuid/dist/esm-browser/native.js","node_modules/uuid/dist/esm-browser/v4.js","src/utils/id/generate-id.ts","src/utils/i18n.ts","src/utils/validation-messages.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import { v4 as uuidv4 } from 'uuid';\n\n/**\n * Generates a unique identifier with an optional prefix.\n * @param prefix - Optional prefix for the generated ID (default: 'bcm')\n * @returns A unique string ID in the format \"prefix-uuid\"\n * @example\n * const id = generateId('button'); // -> \"button-123e4567-e89b...\"\n * const defaultId = generateId(); // -> \"bcm-123e4567-e89b...\"\n */\nexport const generateId = (prefix = 'bcm'): string => {\n  if (!prefix) {\n    throw new Error('Prefix cannot be empty');\n  }\n  return `${prefix}-${uuidv4()}`;\n};\n","export type MessageTemplateData = Record<string, string | number>;\n\nexport class I18n {\n  private static messages: Record<string, Record<string, string>> = {};\n  private static currentLocale = 'en';\n\n  static setMessages(locale: string, messages: Record<string, string>) {\n    this.messages[locale] = messages;\n    this.currentLocale = locale; // Mesajları set ederken locale'i de güncelle\n    // console.log(`I18n messages set for locale: ${locale}`, messages);\n  }\n\n  static setLocale(locale: string) {\n    if (this.messages[locale]) {\n      this.currentLocale = locale;\n      // Locale değiştiğinde console'a bilgi ver (development için)\n      console.log(`I18n locale changed to: ${locale}`);\n    } else {\n      console.warn(`Locale '${locale}' not found in messages`);\n    }\n  }\n\n  static t(key: string, data?: MessageTemplateData): string {\n    const message = this.messages[this.currentLocale]?.[key] || key;\n    if (!data) return message;\n\n    return Object.entries(data).reduce((msg, [key, value]) => {\n      return msg.replace(new RegExp(`{${key}}`, 'g'), String(value));\n    }, message);\n  }\n}\n","import { I18n } from './i18n';\n\nexport const defaultValidationMessages = {\n  email: 'Please enter a valid email address',\n  required: 'This field is required',\n  minlength: 'Please enter at least {min} characters',\n  maxlength: 'Please enter no more than {max} characters',\n  min: 'Value must be at least {min}',\n  max: 'Value must be at most {max}',\n  pattern: 'Please enter a valid format',\n};\n\nexport const setValidationMessages = (locale: string, messages: Partial<typeof defaultValidationMessages>) => {\n  I18n.setMessages(locale, { ...defaultValidationMessages, ...messages });\n};\n\nexport const getValidationMessage = (type: keyof typeof defaultValidationMessages, data?: Record<string, string | number>) => {\n  return I18n.t(type, data);\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/bromcom-ui/p-3b607038.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,g as o}from"./p-15fe392b.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a,s as l,a as n,d as c}from"./p-31354aaa.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\\[--bcm-ui-color-border-primary\\]{--tw-ring-color:var(--bcm-ui-color-border-primary)}.ring-opacity-50{--tw-ring-opacity:0.5}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const d=h;const b=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this.rows=3;this.resize="none";this.autoGrow=false;this._id=a("textarea");this.size="medium";this.status="default";this.fullWidth=false;this.disabled=false;this.readonly=false;this.required=false;this.showCounter=true;this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-textarea bcm-textarea__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex flex-col","transition-colors duration-200","px-2 py-2","w-full"],textareaClass:["textarea","w-full","border-0 outline-0 bg-transparent","appearance-none","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1","overflow-y-auto","min-h-0"],counterText:["textarea-counter-text","text-[--bcm-ui-color-text-placeholder]","text-right","mt-1"]},variants:{size:{small:{base:"",textareaClass:"text-size-4 min-h-[3rem]",counterText:"text-size-3"},medium:{base:"",textareaClass:"text-size-5 min-h-[4rem]",counterText:"text-size-4"},large:{base:"",textareaClass:"text-size-6 min-h-[5rem]",counterText:"text-size-5"}},resize:{none:{textareaClass:"!resize-none"},both:{textareaClass:"!resize"},horizontal:{textareaClass:"!resize-x"},vertical:{textareaClass:"!resize-y"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:{base:"disabled cursor-not-allowed opacity-50",textareaClass:"!resize-none"},false:""},focused:{true:{base:"ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50"},false:""}},defaultVariants:{size:"medium",status:"default",resize:"vertical",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.textareaRef){this.textareaRef.value=e;if(this.autoGrow){this.adjustHeight()}}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}componentWillLoad(){l("en",c);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}componentDidLoad(){var e;if(this.autoGrow){this.adjustHeight();(e=this.textareaRef)===null||e===void 0?void 0:e.addEventListener("input",(()=>this.adjustHeight()))}}disconnectedCallback(){if(this.autoGrow&&this.textareaRef){this.textareaRef.removeEventListener("input",(()=>this.adjustHeight()))}}async setFocus(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.textareaRef)===null||e===void 0?void 0:e.select()}adjustHeight(){if(!this.autoGrow||!this.textareaRef)return;requestAnimationFrame((()=>{this.textareaRef.style.height="0px";const e=getComputedStyle(this.textareaRef);const t=parseInt(e.lineHeight);const r=parseInt(e.paddingTop);const o=parseInt(e.paddingBottom);const i=this.textareaRef.scrollHeight;let s=i;if(this.minRows){const e=this.minRows*t+r+o;s=Math.max(s,e)}if(this.maxRows){const e=this.maxRows*t+r+o;s=Math.min(s,e)}this.textareaRef.style.height=`${s}px`}))}validateInput(){if(!this.textareaRef)return;this.isValid=true;this.validationMessage="";const e=this.textareaRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=n("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=n("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=n("maxlength",{max:this.maxLength})}if(this.validator){const t=this.validator(e);if(t){this.isValid=false;this.validationMessage=t}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}render(){const e=this._id+"-textarea"||this.name;const{base:t,textareaClass:o,counterText:i}=this.styleClass({size:this.size,status:this.internalStatus,resize:this.resize,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});return r("div",{key:"3b518823eafee23f5efb8fecdd1869cb0625f712",class:"bcm-ui-element"},this.label&&r("label",{key:"17851980564ab95c9a1ac30fa494c3b4ef50f75b",class:s("textarea-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"3a0c9c5d95ac3389f3d48d41577b88ee21dfb940",name:"label"},this.label),this.required&&r("span",{key:"fd499a157c4ff22f17feaabcbe7c5a2d2d75e35b"},"*")),r("div",{key:"625e4a27c30495aaf39259e8ac68bc1d819fd506",class:t()},r("textarea",{key:"be30548713a724d4f535885c7b6838fb056d0b3d",ref:e=>this.textareaRef=e,id:e,class:o(),name:this.name,rows:this.rows,cols:this.cols,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,minLength:this.minLength,maxLength:this.maxLength,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput();if(this.autoGrow){this.adjustHeight()}},onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),this.showCounter&&r("div",{key:"1ebabb979efac47054160558fab66d4fccc603f9",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"1c7f59c0d4337c7c359dc9aea3e332e5715bf80d",class:s("textarea-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};b.style=d;export{b as bcm_textarea};
-//# sourceMappingURL=p-3b607038.entry.js.map

package/dist/bromcom-ui/p-cd437280.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,g as o}from"./p-15fe392b.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a,s as l,a as c,d as n}from"./p-31354aaa.js";const h={search:"fa-regular fa-magnifying-glass",email:"fa-regular fa-envelope",tel:"fa-regular fa-phone",url:"fa-regular fa-link",date:"fa-regular fa-calendar",time:"fa-regular fa-clock","datetime-local":"fa-regular fa-calendar-clock",password:"fa-regular fa-lock"};const d=(e,t)=>{var r;const o=(r=e.shadowRoot)===null||r===void 0?void 0:r.querySelector(`slot[name="${t}"]`);if(!o)return false;const i=o.assignedNodes();return i.length>0};const b='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-0{outline-width:0}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.placeholder\\:font-normal::placeholder{font-weight:400}.placeholder\\:text-\\[--bcm-ui-color-text-placeholder\\]::placeholder{color:var(--bcm-ui-color-text-placeholder)}.hover\\:border-\\[--bcm-ui-color-border-error\\]:hover{border-color:var(--bcm-ui-color-border-error)}.hover\\:border-\\[--bcm-ui-color-border-info\\]:hover{border-color:var(--bcm-ui-color-border-info)}.hover\\:border-\\[--bcm-ui-color-border-primary\\]:hover{border-color:var(--bcm-ui-color-border-primary)}.hover\\:border-\\[--bcm-ui-color-border-success\\]:hover{border-color:var(--bcm-ui-color-border-success)}.hover\\:border-\\[--bcm-ui-color-border-warning\\]:hover{border-color:var(--bcm-ui-color-border-warning)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-error\\]:has(:focus){border-color:var(--bcm-ui-color-border-error)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-info\\]:has(:focus){border-color:var(--bcm-ui-color-border-info)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-primary\\]:has(:focus){border-color:var(--bcm-ui-color-border-primary)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-success\\]:has(:focus){border-color:var(--bcm-ui-color-border-success)}.has-\\[\\:focus\\]\\:border-\\[--bcm-ui-color-border-warning\\]:has(:focus){border-color:var(--bcm-ui-color-border-warning)}';const u=b;const f=class{constructor(r){e(this,r);this.bcmInput=t(this,"bcmInput",1);this.bcmChange=t(this,"bcmChange",1);this.bcmFocus=t(this,"bcmFocus",1);this.bcmBlur=t(this,"bcmBlur",1);this.bcmKeyDown=t(this,"bcmKeyDown",1);this.bcmKeyUp=t(this,"bcmKeyUp",1);this.isFocused=false;this.isValid=true;this.internalStatus="default";this.value="";this._id=a("input");this.size="medium";this.status="default";this.fullWidth=false;this.type="text";this.disabled=false;this.readonly=false;this.required=false;this.useNativeValidation=true;this.onInput=e=>{const t=e.target;this.value=t.value;this.bcmInput.emit(e);this.validateInput()};this.onChange=e=>{this.bcmChange.emit(e)};this.onFocus=e=>{this.isFocused=true;this.bcmFocus.emit(e)};this.onBlur=e=>{this.isFocused=false;this.bcmBlur.emit(e);this.validateInput()};this.onKeyDown=e=>{this.bcmKeyDown.emit(e)};this.onKeyUp=e=>{this.bcmKeyUp.emit(e)};this.styleClass=i({slots:{base:["bcm-input bcm-input__container","bg-[--bcm-ui-color-background-base-default]","border border-solid rounded","flex items-center justify-between","transition-colors duration-200","px-2"],inputClass:["input","w-full flex-1","border-0 outline-0 bg-transparent","appearance-none text-ellipsis","text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal","font-sans antialiased font-medium","px-1"]},variants:{size:{small:{base:"",inputClass:"text-size-4  h-6"},medium:{base:"",inputClass:"text-size-5  h-8"},large:{base:"",inputClass:"text-size-6  h-10"}},status:{default:{base:["border-[--bcm-ui-color-border-default]","hover:border-[--bcm-ui-color-border-primary]","has-[:focus]:border-[--bcm-ui-color-border-primary]"]},error:{base:["border-[--bcm-ui-color-border-error]","hover:border-[--bcm-ui-color-border-error]","has-[:focus]:border-[--bcm-ui-color-border-error]"]},success:{base:["border-[--bcm-ui-color-border-success]","hover:border-[--bcm-ui-color-border-success]","has-[:focus]:border-[--bcm-ui-color-border-success]"]},warning:{base:["border-[--bcm-ui-color-border-warning]","hover:border-[--bcm-ui-color-border-warning]","has-[:focus]:border-[--bcm-ui-color-border-warning]"]},info:{base:["border-[--bcm-ui-color-border-info]","hover:border-[--bcm-ui-color-border-info]","has-[:focus]:border-[--bcm-ui-color-border-info]"]}},fullWidth:{true:"full-width w-full"},disabled:{true:"disabled cursor-not-allowed",false:""},focused:{true:{base:""}}},defaultVariants:{size:"medium",status:"default",fullWidth:false,disabled:false,focused:false}},{twMerge:false})}handleValueChange(e){if(this.inputRef){this.inputRef.value=e}}watchStatus(e){this.internalStatus=e}watchErrorMessage(e){this.internalErrorMessage=e}async setFocus(){var e;(e=this.inputRef)===null||e===void 0?void 0:e.focus()}async setBlur(){var e;(e=this.inputRef)===null||e===void 0?void 0:e.blur()}async select(){var e;(e=this.inputRef)===null||e===void 0?void 0:e.select()}async setLocale(e,t){l(e,t);if(!this.isValid){this.validateInput()}}componentWillLoad(){l("en",n);this.internalStatus=this.status;this.internalErrorMessage=this.errorMessage}validateInput(){if(!this.inputRef)return;this.isValid=true;this.validationMessage="";const e=this.inputRef.value;if(this.required&&!e){this.isValid=false;this.validationMessage=c("required");this.internalStatus="error";this.internalErrorMessage=this.validationMessage;return}else if(this.minLength&&e.length<this.minLength){this.isValid=false;this.validationMessage=c("minlength",{min:this.minLength})}else if(this.maxLength&&e.length>this.maxLength){this.isValid=false;this.validationMessage=c("maxlength",{max:this.maxLength})}else if(this.pattern&&!new RegExp(this.pattern).test(e)){this.isValid=false;this.validationMessage=c("pattern")}else if(this.type==="email"&&e&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)){this.isValid=false;this.validationMessage=c("email")}else if(this.type==="number"&&e){const t=parseFloat(e);if(this.min!==undefined&&t<this.min){this.isValid=false;this.validationMessage=c("min",{min:this.min})}else if(this.max!==undefined&&t>this.max){this.isValid=false;this.validationMessage=c("max",{max:this.max})}}this.internalStatus=this.isValid?"default":"error";this.internalErrorMessage=this.validationMessage}hasSlotContent(e){return d(this.el,e)}getDefaultIconForType(){return h[this.type]}render(){const e=this._id+"-input"||this.name;const{base:t,inputClass:o}=this.styleClass({size:this.size,status:this.internalStatus,fullWidth:this.fullWidth,disabled:this.disabled,focused:this.isFocused});const i={small:14,medium:16,large:18}[this.size];return r("div",{key:"2d734e68473e991fa5bf264a000387a7e8c6d806",class:"bcm-ui-element"},this.label&&r("label",{key:"ed2362eae0dbedb6ab360d8c8e437a3ca282b0ea",class:s("input-label font-medium",{"text-color-label":!this.disabled,"text-color-disabled":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"}),htmlFor:e},r("slot",{key:"9ef244524cbe01412d7860c4bb1842f8d3b58fdd",name:"label"},this.label),this.required&&r("span",{key:"411c0522038e0dba40bc2b335c5298dd1e538fcc"},"*")),r("div",{key:"567dbda203fba555203af092175165b32282c98b",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&r("div",{key:"cc1073ccc66a13fb0bd8a21fcd5507755a2985a4",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&r("bcm-icon",{key:"10af5ceee34923e96229b1c0cb3acfc82c042fbe",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:i}),r("slot",{key:"64677d561c6b8b909f3332c831c780c8213b192f",name:"prefix"})),r("input",{key:"e1cf6364100bb073b20fc7d0989e8d92c9dc41e8",ref:e=>this.inputRef=e,id:e,class:o(),type:this.type,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,placeholder:this.placeholder,autocomplete:this.autocomplete,minlength:this.minLength,maxlength:this.maxLength,min:this.min,max:this.max,step:this.step,pattern:this.pattern,"aria-invalid":this.status==="error","aria-required":this.required,"aria-labelledby":this.labelledby,"aria-describedby":this.describedby,value:this.value,onInput:this.onInput,onChange:this.onChange,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onKeyDown,onKeyUp:this.onKeyUp}),(this.hasSlotContent("suffix")||this.suffixIcon)&&r("div",{key:"a3b5e1bd54d8c4a326c71e0f6a955fcbeeec9723",class:"flex items-center gap-2 px-2"},r("slot",{key:"a90f3f8ccb5f82f85f726c714aa1a4f70c1fcecd",name:"suffix"}),this.suffixIcon&&r("bcm-icon",{key:"6551bd6154e1f15906dfc098362d8f3269bda7f2",class:"suffix-icon","icon-name":this.suffixIcon,size:i}))),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"1d34fb86e2637d52ed5500e1a1906023fb084c78",class:s("input-caption-text font-regular mt-1",{"text-[--bcm-ui-color-text-caption]":!this.disabled&&this.internalStatus==="default","text-[--bcm-ui-color-text-error]":!this.disabled&&(this.internalStatus==="error"||!this.isValid),"text-[--bcm-ui-color-text-success]":!this.disabled&&this.internalStatus==="success","text-[--bcm-ui-color-text-warning]":!this.disabled&&this.internalStatus==="warning","text-[--bcm-ui-color-text-info]":!this.disabled&&this.internalStatus==="info","text-[--bcm-ui-color-text-disabled]":this.disabled},{"text-size-3":this.size==="small","text-size-4":this.size==="medium","text-size-5":this.size==="large"})},!this.isValid?this.validationMessage:this.internalStatus==="error"?this.internalErrorMessage:this.captionText))}get el(){return o(this)}static get watchers(){return{value:["handleValueChange"],status:["watchStatus"],errorMessage:["watchErrorMessage"]}}};f.style=u;export{f as bcm_input};
-//# sourceMappingURL=p-cd437280.entry.js.map

package/dist/bromcom-ui/p-dcea8d62.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t}from"./p-15fe392b.js";import{c as o}from"./p-12360e4c.js";const l={display:"h1",heading1:"h2",heading2:"h3",title1:"h4",title2:"h5",title3:"h6",body:"p",bodyAccent:"p",helper:"p",caption:"p",label:"label",placeholder:"p",link:"a",info:"p",infoAccent:"p"};const i=".static{position:static}.m-0{margin:0}.appearance-none{appearance:none}.p-0{padding:0}.text-size-12{font-size:var(--bcm-ui-font-size-12,60px);line-height:var(--bcm-ui-line-height-12,72px)}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.text-size-7{font-size:var(--bcm-ui-font-size-7,20px);line-height:var(--bcm-ui-line-height-7,28px)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-color-caption{color:var(--bcm-ui-color-text-caption)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-header{color:var(--bcm-ui-color-text-header)}.text-color-helper{color:var(--bcm-ui-color-text-helper)}.text-color-label{color:var(--bcm-ui-color-text-label)}.text-color-placeholder{color:var(--bcm-ui-color-text-placeholder)}.text-color-primary{color:var(--bcm-ui-color-text-primary)}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}";const r=i;const a=class{constructor(t){e(this,t);this.variant="body";this.size="medium";this.variantClassMap={display:"font-semibold text-size-12 text-color-header",heading1:"font-semibold text-size-7 text-color-header",heading2:"font-semibold text-size-6 text-color-header",title1:{small:"font-semibold text-size-5 text-color-header",medium:"font-semibold text-size-6 text-color-header",large:"font-semibold text-size-7 text-color-header"},title2:{small:"font-semibold text-size-4 text-color-default",medium:"font-semibold text-size-5 text-color-default",large:"font-semibold text-size-6 text-color-default"},title3:{small:"font-semibold text-size-3 text-color-disabled",medium:"font-semibold text-size-4 text-color-disabled",large:"font-semibold text-size-5 text-color-disabled"},body:{small:"font-regular text-size-4 text-color-default",medium:"font-regular text-size-5 text-color-default",large:"font-regular text-size-6 text-color-default"},bodyAccent:{small:"font-medium text-size-4 text-color-default",medium:"font-medium text-size-5 text-color-default",large:"font-medium text-size-6 text-color-default"},helper:{small:"font-regular text-size-4 text-color-helper",medium:"font-regular text-size-5 text-color-helper",large:"font-regular text-size-6 text-color-helper"},caption:{small:"font-regular text-size-3 text-color-caption",medium:"font-regular text-size-4 text-color-caption",large:"font-regular text-size-5 text-color-caption"},link:{small:"font-medium text-size-4 underline text-color-primary",medium:"font-medium text-size-5 underline text-color-primary",large:"font-medium text-size-6 underline text-color-primary"},label:{small:"font-medium text-size-3 text-color-label",medium:"font-medium text-size-4 text-color-label",large:"font-medium text-size-5 text-color-label"},placeholder:{small:"font-regular text-size-4 text-color-placeholder",medium:"font-regular text-size-5 text-color-placeholder",large:"font-regular text-size-6 text-color-placeholder"},info:{small:"font-regular text-size-3 text-color-default",medium:"font-regular text-size-4 text-color-default",large:"font-regular text-size-5 text-color-default"},infoAccent:{small:"font-medium text-size-3 text-color-header",medium:"font-medium text-size-4 text-color-header",large:"font-medium text-size-5 text-color-header"}};this.getTextClass=(e,t)=>{const o=this.variantClassMap[e];if(typeof o==="string"){return o}return o[t]}}render(){const e=l[this.variant];const i=this.getTextClass(this.variant,this.size);return t(e,{key:"a9ba5eeb50ec7e4bce324ae9f3e2ef91b6d68966",class:o("bcm-text appearance-none m-0 p-0",i),part:"text"},t("slot",{key:"d656033433d725099f429978df47d119dba10727"},this.text))}};a.style=r;export{a as bcm_text};
-//# sourceMappingURL=p-dcea8d62.entry.js.map

package/dist/cjs/validation-messages-c36e5c31.js.map

@@ -1 +0,0 @@
-{"file":"validation-messages-c36e5c31.js","mappings":";;AACA,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,EAAE;AAC9B,IAAI,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,QAAQ,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AACtD,CAAC;AACM,SAAS,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,EAAE;AACjD,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AACtC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,GAAG;AACX,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,GAAG;AACX,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,GAAG;AACX,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAClC,QAAQ,GAAG;AACX,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACnC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACnC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACnC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACnC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AACnC,QAAQ,SAAS,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC;AACnD;;AC1BA,IAAI,eAAe,CAAC;AACpB,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,EAAE,CAAC,CAAC;AAClB,SAAS,GAAG,GAAG;AAC9B,IAAI,IAAI,CAAC,eAAe,EAAE;AAC1B,QAAQ,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE;AACtE,YAAY,MAAM,IAAI,KAAK,CAAC,0GAA0G,CAAC,CAAC;AACxI,SAAS;AACT,QAAQ,eAAe,GAAG,MAAM,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAC9D,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAClC;;ACVA,MAAM,UAAU,GAAG,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACxG,eAAe,EAAE,UAAU,EAAE;;ACE7B,SAAS,EAAE,CAAC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE;AAClC,IAAI,IAAI,MAAM,CAAC,UAAU,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE;AAC/C,QAAQ,OAAO,MAAM,CAAC,UAAU,EAAE,CAAC;AACnC,KAAK;AACL,IAAI,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;AAC5B,IAAI,MAAM,IAAI,GAAG,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC;AAC5D,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,EAAE,EAAE;AAC1B,QAAQ,MAAM,IAAI,KAAK,CAAC,mCAAmC,CAAC,CAAC;AAC7D,KAAK;AACL,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC;AACtC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC;AACtC,IAAI,IAAI,GAAG,EAAE;AACb,QAAQ,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC;AAC7B,QAAQ,IAAI,MAAM,GAAG,CAAC,IAAI,MAAM,GAAG,EAAE,GAAG,GAAG,CAAC,MAAM,EAAE;AACpD,YAAY,MAAM,IAAI,UAAU,CAAC,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,GAAG,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAAC;AACrG,SAAS;AACT,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE;AACrC,YAAY,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AACtC,SAAS;AACT,QAAQ,OAAO,GAAG,CAAC;AACnB,KAAK;AACL,IAAI,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjC;;ACvBA;;;;;;;;MAQa,UAAU,GAAG,CAAC,MAAM,GAAG,KAAK;IACvC,IAAI,CAAC,MAAM,EAAE;QACX,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;KAC3C;IACD,OAAO,GAAG,MAAM,IAAIA,EAAM,EAAE,EAAE,CAAC;AACjC;;MCba,IAAI;IAIf,OAAO,WAAW,CAAC,MAAc,EAAE,QAAgC;QACjE,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC;QACjC,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;;KAE7B;IAED,OAAO,SAAS,CAAC,MAAc;QAC7B,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;YACzB,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC;;YAE5B,OAAO,CAAC,GAAG,CAAC,2BAA2B,MAAM,EAAE,CAAC,CAAC;SAClD;aAAM;YACL,OAAO,CAAC,IAAI,CAAC,WAAW,MAAM,yBAAyB,CAAC,CAAC;SAC1D;KACF;IAED,OAAO,CAAC,CAAC,GAAW,EAAE,IAA0B;;QAC9C,MAAM,OAAO,GAAG,CAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,0CAAG,GAAG,CAAC,KAAI,GAAG,CAAC;QAChE,IAAI,CAAC,IAAI;YAAE,OAAO,OAAO,CAAC;QAE1B,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;YACnD,OAAO,GAAG,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;SAChE,EAAE,OAAO,CAAC,CAAC;KACb;;AA1Bc,aAAQ,GAA2C,EAAE,CAAC;AACtD,kBAAa,GAAG,IAAI;;MCFxB,yBAAyB,GAAG;IACvC,KAAK,EAAE,oCAAoC;IAC3C,QAAQ,EAAE,wBAAwB;IAClC,SAAS,EAAE,wCAAwC;IACnD,SAAS,EAAE,4CAA4C;IACvD,GAAG,EAAE,8BAA8B;IACnC,GAAG,EAAE,6BAA6B;IAClC,OAAO,EAAE,6BAA6B;EACtC;MAEW,qBAAqB,GAAG,CAAC,MAAc,EAAE,QAAmD;IACvG,IAAI,CAAC,WAAW,CAAC,MAAM,kCAAO,yBAAyB,GAAK,QAAQ,EAAG,CAAC;AAC1E,EAAE;MAEW,oBAAoB,GAAG,CAAC,IAA4C,EAAE,IAAsC;IACvH,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC5B;;;;;;;","names":["uuidv4"],"sources":["node_modules/uuid/dist/esm-browser/stringify.js","node_modules/uuid/dist/esm-browser/rng.js","node_modules/uuid/dist/esm-browser/native.js","node_modules/uuid/dist/esm-browser/v4.js","src/utils/id/generate-id.ts","src/utils/i18n.ts","src/utils/validation-messages.ts"],"sourcesContent":["import validate from './validate.js';\nconst byteToHex = [];\nfor (let i = 0; i < 256; ++i) {\n    byteToHex.push((i + 0x100).toString(16).slice(1));\n}\nexport function unsafeStringify(arr, offset = 0) {\n    return (byteToHex[arr[offset + 0]] +\n        byteToHex[arr[offset + 1]] +\n        byteToHex[arr[offset + 2]] +\n        byteToHex[arr[offset + 3]] +\n        '-' +\n        byteToHex[arr[offset + 4]] +\n        byteToHex[arr[offset + 5]] +\n        '-' +\n        byteToHex[arr[offset + 6]] +\n        byteToHex[arr[offset + 7]] +\n        '-' +\n        byteToHex[arr[offset + 8]] +\n        byteToHex[arr[offset + 9]] +\n        '-' +\n        byteToHex[arr[offset + 10]] +\n        byteToHex[arr[offset + 11]] +\n        byteToHex[arr[offset + 12]] +\n        byteToHex[arr[offset + 13]] +\n        byteToHex[arr[offset + 14]] +\n        byteToHex[arr[offset + 15]]).toLowerCase();\n}\nfunction stringify(arr, offset = 0) {\n    const uuid = unsafeStringify(arr, offset);\n    if (!validate(uuid)) {\n        throw TypeError('Stringified UUID is invalid');\n    }\n    return uuid;\n}\nexport default stringify;\n","let getRandomValues;\nconst rnds8 = new Uint8Array(16);\nexport default function rng() {\n    if (!getRandomValues) {\n        if (typeof crypto === 'undefined' || !crypto.getRandomValues) {\n            throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');\n        }\n        getRandomValues = crypto.getRandomValues.bind(crypto);\n    }\n    return getRandomValues(rnds8);\n}\n","const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);\nexport default { randomUUID };\n","import native from './native.js';\nimport rng from './rng.js';\nimport { unsafeStringify } from './stringify.js';\nfunction v4(options, buf, offset) {\n    if (native.randomUUID && !buf && !options) {\n        return native.randomUUID();\n    }\n    options = options || {};\n    const rnds = options.random ?? options.rng?.() ?? rng();\n    if (rnds.length < 16) {\n        throw new Error('Random bytes length must be >= 16');\n    }\n    rnds[6] = (rnds[6] & 0x0f) | 0x40;\n    rnds[8] = (rnds[8] & 0x3f) | 0x80;\n    if (buf) {\n        offset = offset || 0;\n        if (offset < 0 || offset + 16 > buf.length) {\n            throw new RangeError(`UUID byte range ${offset}:${offset + 15} is out of buffer bounds`);\n        }\n        for (let i = 0; i < 16; ++i) {\n            buf[offset + i] = rnds[i];\n        }\n        return buf;\n    }\n    return unsafeStringify(rnds);\n}\nexport default v4;\n","import { v4 as uuidv4 } from 'uuid';\n\n/**\n * Generates a unique identifier with an optional prefix.\n * @param prefix - Optional prefix for the generated ID (default: 'bcm')\n * @returns A unique string ID in the format \"prefix-uuid\"\n * @example\n * const id = generateId('button'); // -> \"button-123e4567-e89b...\"\n * const defaultId = generateId(); // -> \"bcm-123e4567-e89b...\"\n */\nexport const generateId = (prefix = 'bcm'): string => {\n  if (!prefix) {\n    throw new Error('Prefix cannot be empty');\n  }\n  return `${prefix}-${uuidv4()}`;\n};\n","export type MessageTemplateData = Record<string, string | number>;\n\nexport class I18n {\n  private static messages: Record<string, Record<string, string>> = {};\n  private static currentLocale = 'en';\n\n  static setMessages(locale: string, messages: Record<string, string>) {\n    this.messages[locale] = messages;\n    this.currentLocale = locale; // Mesajları set ederken locale'i de güncelle\n    // console.log(`I18n messages set for locale: ${locale}`, messages);\n  }\n\n  static setLocale(locale: string) {\n    if (this.messages[locale]) {\n      this.currentLocale = locale;\n      // Locale değiştiğinde console'a bilgi ver (development için)\n      console.log(`I18n locale changed to: ${locale}`);\n    } else {\n      console.warn(`Locale '${locale}' not found in messages`);\n    }\n  }\n\n  static t(key: string, data?: MessageTemplateData): string {\n    const message = this.messages[this.currentLocale]?.[key] || key;\n    if (!data) return message;\n\n    return Object.entries(data).reduce((msg, [key, value]) => {\n      return msg.replace(new RegExp(`{${key}}`, 'g'), String(value));\n    }, message);\n  }\n}\n","import { I18n } from './i18n';\n\nexport const defaultValidationMessages = {\n  email: 'Please enter a valid email address',\n  required: 'This field is required',\n  minlength: 'Please enter at least {min} characters',\n  maxlength: 'Please enter no more than {max} characters',\n  min: 'Value must be at least {min}',\n  max: 'Value must be at most {max}',\n  pattern: 'Please enter a valid format',\n};\n\nexport const setValidationMessages = (locale: string, messages: Partial<typeof defaultValidationMessages>) => {\n  I18n.setMessages(locale, { ...defaultValidationMessages, ...messages });\n};\n\nexport const getValidationMessage = (type: keyof typeof defaultValidationMessages, data?: Record<string, string | number>) => {\n  return I18n.t(type, data);\n};\n"],"version":3}