bromcom-ui-next 0.1.2 → 0.1.4

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

@@ -0,0 +1,2 @@
+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-3b607038.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["textareaCss","BcmTextareaStyle0","BcmTextarea","constructor","hostRef","this","isFocused","isValid","internalStatus","value","rows","resize","autoGrow","_id","generateId","size","status","fullWidth","disabled","readonly","required","showCounter","onChange","event","bcmChange","emit","onFocus","bcmFocus","onBlur","bcmBlur","validateInput","onKeyDown","bcmKeyDown","onKeyUp","bcmKeyUp","styleClass","tv","slots","base","textareaClass","counterText","variants","small","medium","large","none","both","horizontal","vertical","default","error","success","warning","info","true","false","focused","defaultVariants","twMerge","handleValueChange","newValue","textareaRef","adjustHeight","watchStatus","watchErrorMessage","internalErrorMessage","componentWillLoad","setValidationMessages","defaultValidationMessages","errorMessage","componentDidLoad","_a","addEventListener","disconnectedCallback","removeEventListener","setFocus","focus","setBlur","blur","select","requestAnimationFrame","style","height","computedStyle","getComputedStyle","lineHeight","parseInt","paddingTop","paddingBottom","scrollHeight","newHeight","minRows","minHeight","Math","max","maxRows","maxHeight","min","validationMessage","getValidationMessage","minLength","length","maxLength","validator","customError","render","textareaId","name","h","key","class","label","classNames","htmlFor","ref","el","id","cols","placeholder","labelledby","describedby","onInput","target","bcmInput","captionText"],"sources":["src/components/textarea/textarea.scss?tag=bcm-textarea&encapsulation=shadow","src/components/textarea/textarea.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n}\n\n.bcm-textarea {\n  &__container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n}\n\n// Tailwind'in resize sınıflarını override et\n.resize-none {\n  resize: none !important;\n}\n\n.resize {\n  resize: both !important;\n}\n\n.resize-y {\n  resize: vertical !important;\n}\n\n.resize-x {\n  resize: horizontal !important;\n}\n","import { Component, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\nimport { InputSize, InputStatus, TextareaResize } from './types';\nimport { tv } from 'tailwind-variants';\nimport classNames from 'classnames';\nimport { generateId } from '../../utils/id/generate-id';\n// import { checkSlotContent } from '../../utils/slot/check-slot-content';\nimport { getValidationMessage, setValidationMessages, defaultValidationMessages } from '../../utils/validation-messages';\n\n@Component({\n  tag: 'bcm-textarea',\n  styleUrl: 'textarea.scss',\n  shadow: true,\n})\nexport class BcmTextarea {\n  @Element() el: HTMLElement;\n  private textareaRef: HTMLTextAreaElement;\n\n  @State() isFocused = false;\n  @State() validationMessage: string;\n  @State() isValid = true;\n  @State() internalStatus: InputStatus = 'default';\n  @State() internalErrorMessage: string;\n\n  /** Textarea value */\n  @Prop({ mutable: true, reflect: true })\n  value: string = '';\n\n  /** Textarea rows */\n  @Prop()\n  rows?: number = 3;\n\n  /** Textarea cols */\n  @Prop()\n  cols?: number;\n\n  /** Minimum height in rows */\n  @Prop()\n  minRows?: number;\n\n  /** Maximum height in rows */\n  @Prop()\n  maxRows?: number;\n\n  /** Resize behavior */\n  @Prop()\n  resize: TextareaResize = 'none';\n\n  /** Auto grow height based on content */\n  @Prop()\n  autoGrow = false;\n\n  /** Input placeholder text */\n  @Prop()\n  placeholder?: string;\n\n  /** Input name */\n  @Prop()\n  name?: string;\n\n  /** Input id */\n  @Prop({ attribute: 'id', reflect: true })\n  _id?: string = generateId('textarea');\n\n  /** Controls the textarea size */\n  @Prop()\n  size: InputSize = 'medium';\n\n  /** Defines the textarea's status/state */\n  @Prop()\n  status: InputStatus = 'default';\n\n  /** Full width textarea */\n  @Prop({ attribute: 'full-width', reflect: true })\n  fullWidth = false;\n\n  /** Whether the textarea is disabled */\n  @Prop()\n  disabled = false;\n\n  /** Whether the textarea is readonly */\n  @Prop()\n  readonly = false;\n\n  /** Whether the textarea is required */\n  @Prop()\n  required = false;\n\n  /** Min length for text input */\n  @Prop()\n  minLength?: number;\n\n  /** Max length for text input */\n  @Prop()\n  maxLength?: number;\n\n  /** Show character counter */\n  @Prop()\n  showCounter: boolean = true;\n\n  /** Textarea label for accessibility */\n  @Prop()\n  label?: string;\n\n  /** Error message to display */\n  @Prop()\n  errorMessage?: string;\n\n  /** Caption text to display below textarea */\n  @Prop()\n  captionText?: string;\n\n  /** ID of associated label element */\n  @Prop()\n  labelledby?: string;\n\n  /** ID of associated caption/error text element */\n  @Prop()\n  describedby?: string;\n\n  /** Custom validation function */\n  @Prop()\n  validator?: (value: string) => string | undefined;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmInput: EventEmitter<InputEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmChange: EventEmitter<Event>;\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  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmKeyDown: EventEmitter<KeyboardEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmKeyUp: EventEmitter<KeyboardEvent>;\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (this.textareaRef) {\n      this.textareaRef.value = newValue;\n      if (this.autoGrow) {\n        this.adjustHeight();\n      }\n    }\n  }\n\n  @Watch('status')\n  watchStatus(newValue: InputStatus) {\n    this.internalStatus = newValue;\n  }\n\n  @Watch('errorMessage')\n  watchErrorMessage(newValue: string) {\n    this.internalErrorMessage = newValue;\n  }\n\n  componentWillLoad() {\n    setValidationMessages('en', defaultValidationMessages);\n    this.internalStatus = this.status;\n    this.internalErrorMessage = this.errorMessage;\n  }\n\n  componentDidLoad() {\n    if (this.autoGrow) {\n      this.adjustHeight();\n      // Input event'ini dinle\n      this.textareaRef?.addEventListener('input', () => this.adjustHeight());\n    }\n  }\n\n  disconnectedCallback() {\n    // Event listener'ı temizle\n    if (this.autoGrow && this.textareaRef) {\n      this.textareaRef.removeEventListener('input', () => this.adjustHeight());\n    }\n  }\n\n  @Method()\n  async setFocus() {\n    this.textareaRef?.focus();\n  }\n\n  @Method()\n  async setBlur() {\n    this.textareaRef?.blur();\n  }\n\n  @Method()\n  async select() {\n    this.textareaRef?.select();\n  }\n\n  private adjustHeight() {\n    if (!this.autoGrow || !this.textareaRef) return;\n\n    requestAnimationFrame(() => {\n      // Önce height'ı sıfırla ki scrollHeight doğru hesaplansın\n      this.textareaRef.style.height = '0px';\n\n      const computedStyle = getComputedStyle(this.textareaRef);\n      const lineHeight = parseInt(computedStyle.lineHeight);\n      const paddingTop = parseInt(computedStyle.paddingTop);\n      const paddingBottom = parseInt(computedStyle.paddingBottom);\n      const scrollHeight = this.textareaRef.scrollHeight;\n\n      let newHeight = scrollHeight;\n\n      // Min/max kontrolleri\n      if (this.minRows) {\n        const minHeight = this.minRows * lineHeight + paddingTop + paddingBottom;\n        newHeight = Math.max(newHeight, minHeight);\n      }\n\n      if (this.maxRows) {\n        const maxHeight = this.maxRows * lineHeight + paddingTop + paddingBottom;\n        newHeight = Math.min(newHeight, maxHeight);\n      }\n\n      this.textareaRef.style.height = `${newHeight}px`;\n    });\n  }\n\n  private validateInput(): void {\n    if (!this.textareaRef) return;\n\n    // Reset validation state\n    this.isValid = true;\n    this.validationMessage = '';\n\n    const value = this.textareaRef.value;\n\n    // Required check\n    if (this.required && !value) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('required');\n      this.internalStatus = 'error';\n      this.internalErrorMessage = this.validationMessage;\n      return;\n    }\n\n    // Minimum length check\n    if (this.minLength && value.length < this.minLength) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('minlength', { min: this.minLength });\n    }\n    // Maximum length check\n    else if (this.maxLength && value.length > this.maxLength) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('maxlength', { max: this.maxLength });\n    }\n\n    // Custom validator\n    if (this.validator) {\n      const customError = this.validator(value);\n      if (customError) {\n        this.isValid = false;\n        this.validationMessage = customError;\n      }\n    }\n\n    // Update component state\n    this.internalStatus = this.isValid ? 'default' : 'error';\n    this.internalErrorMessage = this.validationMessage;\n  }\n\n  private onChange = (event: Event) => {\n    this.bcmChange.emit(event);\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.isFocused = true;\n    this.bcmFocus.emit(event);\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.isFocused = false;\n    this.bcmBlur.emit(event);\n    this.validateInput();\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    this.bcmKeyDown.emit(event);\n  };\n\n  private onKeyUp = (event: KeyboardEvent) => {\n    this.bcmKeyUp.emit(event);\n  };\n\n  private styleClass = tv(\n    {\n      slots: {\n        base: [\n          'bcm-textarea bcm-textarea__container',\n          'bg-[--bcm-ui-color-background-base-default]',\n          'border border-solid rounded',\n          'flex flex-col', // flex-col ekledik\n          'transition-colors duration-200',\n          'px-2 py-2',\n          'w-full', // w-full ekledik\n        ],\n        textareaClass: [\n          'textarea',\n          'w-full',\n          'border-0 outline-0 bg-transparent',\n          'appearance-none',\n          'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',\n          'font-sans antialiased font-medium',\n          'px-1',\n          'overflow-y-auto', // overflow-y-auto ekledik\n          'min-h-0', // min-h-0 ekledik\n        ],\n        counterText: ['textarea-counter-text', 'text-[--bcm-ui-color-text-placeholder]', 'text-right', 'mt-1'],\n      },\n      variants: {\n        size: {\n          small: {\n            base: '',\n            textareaClass: 'text-size-4 min-h-[3rem]',\n            counterText: 'text-size-3',\n          },\n          medium: {\n            base: '',\n            textareaClass: 'text-size-5 min-h-[4rem]',\n            counterText: 'text-size-4',\n          },\n          large: {\n            base: '',\n            textareaClass: 'text-size-6 min-h-[5rem]',\n            counterText: 'text-size-5',\n          },\n        },\n        resize: {\n          none: { textareaClass: '!resize-none' },\n          both: { textareaClass: '!resize' },\n          horizontal: { textareaClass: '!resize-x' },\n          vertical: { textareaClass: '!resize-y' },\n        },\n        status: {\n          default: {\n            base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],\n          },\n          error: {\n            base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],\n          },\n          success: {\n            base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],\n          },\n          warning: {\n            base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],\n          },\n          info: {\n            base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],\n          },\n        },\n        fullWidth: {\n          true: 'full-width w-full',\n        },\n        disabled: {\n          true: {\n            base: 'disabled cursor-not-allowed opacity-50',\n            textareaClass: '!resize-none', // disabled durumunda resize'ı engelle\n          },\n          false: '',\n        },\n        focused: {\n          true: {\n            base: 'ring-2 ring-[--bcm-ui-color-border-primary] ring-opacity-50',\n          },\n          false: '',\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        status: 'default',\n        resize: 'vertical',\n        fullWidth: false,\n        disabled: false,\n        focused: false,\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  render() {\n    const textareaId = this._id + '-textarea' || this.name;\n\n    const { base, textareaClass, counterText } = this.styleClass({\n      size: this.size,\n      status: this.internalStatus,\n      resize: this.resize,\n      fullWidth: this.fullWidth,\n      disabled: this.disabled,\n      focused: this.isFocused,\n    });\n\n    return (\n      <div class=\"bcm-ui-element\">\n        {/* Label rendering */}\n        {this.label && (\n          <label\n            class={classNames(\n              'textarea-label font-medium',\n              {\n                'text-color-label': !this.disabled,\n                'text-color-disabled': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n            htmlFor={textareaId}\n          >\n            <slot name=\"label\">{this.label}</slot>\n            {this.required && <span>*</span>}\n          </label>\n        )}\n\n        {/* Textarea container */}\n        <div class={base()}>\n          <textarea\n            ref={el => (this.textareaRef = el)}\n            id={textareaId}\n            class={textareaClass()}\n            name={this.name}\n            rows={this.rows}\n            cols={this.cols}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            placeholder={this.placeholder}\n            minLength={this.minLength}\n            maxLength={this.maxLength}\n            aria-invalid={this.status === 'error'}\n            aria-required={this.required}\n            aria-labelledby={this.labelledby}\n            aria-describedby={this.describedby}\n            value={this.value}\n            onInput={event => {\n              const target = event.target as HTMLTextAreaElement;\n              this.value = target.value;\n              this.bcmInput.emit(event);\n              this.validateInput();\n              if (this.autoGrow) {\n                this.adjustHeight();\n              }\n            }}\n            onChange={this.onChange}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onKeyDown={this.onKeyDown}\n            onKeyUp={this.onKeyUp}\n          />\n          {/* buraya isteğe bağlı olarak gözüken bir karakter sayacı ekleyeceğiz. bu sayaç sağa yaslı olacak şu formatta olacak 0/120 gibi 0 mevcut karakteri 120 ise limiti gösterecek */}\n          {this.showCounter && (\n            <div class={counterText()}>\n              {this.value.length}\n              {this.maxLength ? `/${this.maxLength}` : ''}\n            </div>\n          )}\n        </div>\n\n        {/* Validation/Caption message */}\n        {(this.captionText || this.internalErrorMessage || this.validationMessage) && (\n          <div\n            class={classNames(\n              'textarea-caption-text font-regular mt-1',\n              {\n                'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',\n                'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),\n                'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',\n                'text-[--bcm-ui-color-text-warning]': !this.disabled && this.internalStatus === 'warning',\n                'text-[--bcm-ui-color-text-info]': !this.disabled && this.internalStatus === 'info',\n                'text-[--bcm-ui-color-text-disabled]': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            {!this.isValid ? this.validationMessage : this.internalStatus === 'error' ? this.internalErrorMessage : this.captionText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/bromcom-ui/p-5d0838e9.entry.js

@@ -0,0 +1,2 @@
+import{r as o,c as t,h as e,g as a}from"./p-15fe392b.js";import{c as r}from"./p-5fcf77f9.js";const i=".block{display:block}.flex{display:flex}.border{border-width:1px}:host{--bcm-accordion-bg:var(--bcm-ui-color-background-basic-panel);--bcm-accordion-content-bg:var(--bcm-ui-color-background-basic-base);--bcm-accordion-text:var(--bcm-ui-color-text-header);--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;--bcm-accordion-footer-bg:var(--bcm-ui-color-background-default-default);display:block;width:100%}:host(:not([group])) .accordion-container{border:1px solid var(--bcm-accordion-border);border-radius:var(--bcm-accordion-radius)}:host([group]) .accordion-container{border-bottom:1px solid var(--bcm-accordion-border);border-radius:0}:host([group]:last-of-type) .accordion-container{border-bottom:none}:host([group]:first-of-type) .accordion-container{border-top-left-radius:var(--bcm-accordion-radius);border-top-right-radius:var(--bcm-accordion-radius)}:host([group]:last-of-type) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}:host(:not([group])) .accordion-footer{border-bottom-left-radius:var(--bcm-accordion-radius);border-bottom-right-radius:var(--bcm-accordion-radius)}::slotted([slot=title]){align-items:center;display:flex;flex-direction:row;gap:10px}::slotted([slot=actions]){align-items:center;display:flex;flex-direction:row;gap:12px}.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}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.min-w-max{min-width:max-content}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{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))}.rotate-180{--tw-rotate:180deg}.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))}.cursor-pointer{cursor:pointer}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.overflow-hidden{overflow:hidden}.text-wrap{text-wrap:wrap}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.bg-\\[--bcm-accordion-bg\\]{background-color:var(--bcm-accordion-bg)}.bg-\\[--bcm-accordion-footer-bg\\]{background-color:var(--bcm-accordion-footer-bg)}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-normal{font-weight:400}.font-semibold{font-weight:600}.text-\\[--bcm-accordion-text\\]{color:var(--bcm-accordion-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)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}";const n=i;const c=class{constructor(e){o(this,e);this.bcmAccordionChange=t(this,"bcmAccordionChange",1);this.expanded=false;this.group=false;this.hasFooterContent=false;this.handleFooterSlotChange=o=>{const t=o.target;const e=t.assignedNodes();this.hasFooterContent=e.length>0};this.accordionClass=r({slots:{container:"accordion-container flex flex-col bcm-ui-element w-full",header:"accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer",content:"accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base",footer:"accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max",icon:"accordion-icon cursor-pointer transform transition-transform duration-300",rightSection:"accordion-right-section flex flex-row gap-2.5 items-center"},variants:{hasFooterContent:{false:{footer:"hidden"},true:{footer:"flex"}},expanded:{true:{icon:"rotate-180"},false:{icon:"rotate-0",content:""}}}},{twMerge:false})}async toggle(){this.expanded=!this.expanded;this.updateAccordion()}async expand(){if(!this.expanded){this.expanded=true;this.updateAccordion()}}async collapse(){if(this.expanded){this.expanded=false;this.updateAccordion()}}updateAccordion(){if(this.contentEl){this.contentEl.style.maxHeight=this.expanded?`${this.contentEl.scrollHeight}px`:"0px"}this.bcmAccordionChange.emit({expanded:this.expanded,source:this.host})}render(){const{container:o,header:t,content:a,footer:r,icon:i,rightSection:n}=this.accordionClass({hasFooterContent:this.hasFooterContent||!!this.hintText,expanded:this.expanded});return e("div",{key:"5db020dbcdd3eea89865e0da775aecc79d6e8e52",class:o()},e("header",{key:"e9a792911fea8dc6bd1f832a3f4ed9210bd5f1bf",class:t(),role:"button",tabindex:"0","aria-expanded":this.expanded.toString(),"aria-controls":"accordion-content",onKeyDown:o=>{if(o.key==="Enter"||o.key===" "){o.preventDefault();this.toggle()}},onClick:()=>this.toggle()},e("slot",{key:"2662c77cd56d3708e60bf09e085710587d9e2b37",name:"title"},this.headerTitle),e("div",{key:"af9c679afb9688bbf0634b3057888fdf49a2bdc3",class:n()},e("span",{key:"c06ea66737e34ffa1f79e2fa36618eb90c5dd801",onClick:o=>o.stopPropagation()},e("slot",{key:"8668f76dbf3967518332a188a5fef5e9bc160a0e",name:"actions"})),e("bcm-icon",{key:"870460d228f6ae0ff9de5b36dab05e0587124cc4",name:"fa-regular fa-chevron-down",class:i()}))),e("div",{key:"814408b9602a7045addd1040271328d372ce23ba",class:a(),style:{maxHeight:this.expanded?"auto":"0px"},ref:o=>this.contentEl=o},e("div",{key:"be99ad1f7b4864c7cfe9b87044197c21770b84f2",class:"px-4 py-2"},e("slot",{key:"49e0af56da6775b74f3915dd696270bcc077e171"})),e("footer",{key:"6339e900da8224563d94a787cffe253703874568",class:r()},e("slot",{key:"19027ba2389ff5677b1610b4430ab671bda2f95e",name:"footer",onSlotchange:this.handleFooterSlotChange},this.hintText))))}get host(){return a(this)}};c.style=n;export{c as bcm_accordion};
+//# sourceMappingURL=p-5d0838e9.entry.js.map

package/dist/bromcom-ui/p-5d0838e9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["accordionCss","BcmAccordionStyle0","BcmAccordion","constructor","hostRef","this","expanded","group","hasFooterContent","handleFooterSlotChange","e","slot","target","assignedNodes","length","accordionClass","tv","slots","container","header","content","footer","icon","rightSection","variants","false","true","twMerge","toggle","updateAccordion","expand","collapse","contentEl","style","maxHeight","scrollHeight","bcmAccordionChange","emit","source","host","render","hintText","h","key","class","role","tabindex","toString","onKeyDown","preventDefault","onClick","name","headerTitle","stopPropagation","ref","el","onSlotchange"],"sources":["src/components/accordion/accordion.css?tag=bcm-accordion&encapsulation=shadow","src/components/accordion/accordion.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  --bcm-accordion-bg: var(--bcm-ui-color-background-basic-panel);\n  --bcm-accordion-content-bg: var(--bcm-ui-color-background-basic-base);\n  --bcm-accordion-text: var(--bcm-ui-color-text-header);\n  --bcm-accordion-border: var(--bcm-ui-color-border-default);\n  --bcm-accordion-radius: 6px;\n  --bcm-accordion-footer-bg: var(--bcm-ui-color-background-default-default);\n}\n\n:host(:not([group])) .accordion-container {\n  border: 1px solid var(--bcm-accordion-border);\n  border-radius: var(--bcm-accordion-radius);\n}\n\n:host([group]) .accordion-container {\n  border-bottom: 1px solid var(--bcm-accordion-border);\n  border-radius: 0;\n}\n\n:host([group]:last-of-type) .accordion-container {\n  border-bottom: none;\n}\n\n:host([group]:first-of-type) .accordion-container {\n  border-top-left-radius: var(--bcm-accordion-radius);\n  border-top-right-radius: var(--bcm-accordion-radius);\n}\n\n:host([group]:last-of-type) .accordion-footer {\n  border-bottom-left-radius: var(--bcm-accordion-radius);\n  border-bottom-right-radius: var(--bcm-accordion-radius);\n}\n\n:host(:not([group])) .accordion-footer {\n  border-bottom-left-radius: var(--bcm-accordion-radius);\n  border-bottom-right-radius: var(--bcm-accordion-radius);\n}\n\n::slotted([slot='title']) {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 10px;\n}\n::slotted([slot='actions']) {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 12px;\n}\n","import { Component, ComponentInterface, EventEmitter, h, Method, Prop, Event, State, Element } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\nimport { AccordionChangeEventType } from './types';\n\n/**\n * @component BcmAccordion\n * @description A collapsible accordion component that provides expandable/collapsible content sections with keyboard navigation\n * and accessibility features. Offers customizable header, content, and footer areas through slots.\n *\n * @example Basic usage\n * <bcm-accordion>\n *   <div slot=\"title\">Accordion Title</div>\n *   <div>Content goes here</div>\n * </bcm-accordion>\n *\n * @example With all slots and hint text\n * <bcm-accordion hint-text=\"Additional information\">\n *   <div slot=\"title\">Title</div>\n *   <div slot=\"actions\">\n *     <button>Action</button>\n *   </div>\n *   <div>Main content</div>\n *   <div slot=\"footer\">Footer content</div>\n * </bcm-accordion>\n *\n * @example Event handling\n * // Listen to accordion state changes\n * const accordion = document.querySelector('bcm-accordion');\n * accordion.addEventListener('bcmAccordionChange', (event) => {\n *   const { expanded, source } = event.detail;\n *   console.log('Accordion expanded:', expanded);\n *   console.log('Changed accordion:', source);\n * });\n *\n * // Programmatically control accordion\n * await accordion.toggle(); // Toggle state\n * await accordion.expand(); // Expand accordion\n * await accordion.collapse(); // Collapse accordion\n *\n * @prop {boolean} expanded - Controls the expanded state of the accordion (default: false)\n * @prop {boolean} group - Indicates if the accordion is part of an accordion group (default: false)\n * @prop {string} hintText - Optional hint text to display in the footer when no footer content is provided\n *\n * @slot title - Primary title content for the accordion header (required)\n * @slot actions - Additional actions to be displayed in the header (optional)\n * @slot default - Main content area of the accordion\n * @slot footer - Optional footer content (overrides hint-text if provided)\n *\n * @event {EventEmitter<AccordionChangeEventType>} bcmAccordionChange - Emitted when the accordion's expanded state changes\n * @eventProperty {boolean} expanded - Current expanded state\n * @eventProperty {HTMLBcmAccordionElement} source - Reference to the accordion element that changed\n *\n * @csspart container - The root container element\n * @csspart header - The header section with title and actions\n * @csspart content - The collapsible content section\n * @csspart footer - The footer section with hint text or footer slot\n * @csspart section - Container for header content sections\n * @csspart icon - The expand/collapse chevron icon\n *\n * @css {string} --bcm-accordion-radius - Border radius of the accordion header (default: 4px)\n * @css {string} --bcm-accordion-bg - Background color of the accordion header\n * @css {string} --bcm-accordion-text - Text color of the accordion\n * @css {string} --bcm-accordion-footer-bg - Background color of the footer section\n *\n * @methods\n * toggle() - Toggles the accordion's expanded state\n * expand() - Expands the accordion if collapsed\n * collapse() - Collapses the accordion if expanded\n */\n@Component({\n  tag: 'bcm-accordion',\n  styleUrl: 'accordion.css',\n  shadow: true,\n})\nexport class BcmAccordion implements ComponentInterface {\n  /** Reference to the host element */\n  @Element() host: HTMLElement;\n\n  /**\n   * Controls whether the accordion is expanded or collapsed.\n   * @prop\n   * @defaultValue false\n   */\n  @Prop({ reflect: true, mutable: true })\n  expanded: boolean = false;\n\n  /**\n   * Optional title text to display in the header.\n   * @prop\n   * @defaultValue undefined\n   */\n  @Prop()\n  headerTitle?: string;\n\n  /**\n   * Indicates if the accordion is part of a group.\n   * Used for group behavior coordination.\n   * @prop\n   * @defaultValue false\n   */\n\n  @Prop({ reflect: true })\n  group: boolean = false;\n\n  /**\n   * Optional text to display in the footer when no footer slot content is provided.\n   * @prop\n   */\n  @Prop({ attribute: 'hint-text' })\n  hintText?: string;\n\n  /**\n   * Tracks whether footer content is present.\n   * @state\n   */\n  @State()\n  hasFooterContent: boolean = false;\n\n  /**\n   * Emitted when the accordion's expanded state changes.\n   * @event\n   */\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n    eventName: 'bcmAccordionChange',\n  })\n  bcmAccordionChange: EventEmitter<AccordionChangeEventType>;\n\n  private contentEl?: HTMLElement;\n\n  /**\n   * Toggles the accordion's expanded state.\n   * @method\n   * @returns Promise<void>\n   */\n  @Method()\n  async toggle(): Promise<void> {\n    this.expanded = !this.expanded;\n    this.updateAccordion();\n  }\n\n  /**\n   * Expands the accordion if it's not already expanded.\n   * @method\n   * @returns Promise<void>\n   */\n  @Method()\n  async expand(): Promise<void> {\n    if (!this.expanded) {\n      this.expanded = true;\n      this.updateAccordion();\n    }\n  }\n\n  /**\n   * Collapses the accordion if it's currently expanded.\n   * @method\n   * @returns Promise<void>\n   */\n  @Method()\n  async collapse(): Promise<void> {\n    if (this.expanded) {\n      this.expanded = false;\n      this.updateAccordion();\n    }\n  }\n\n  /**\n   * Updates the accordion's content height and emits change event.\n   * @private\n   */\n  private updateAccordion(): void {\n    if (this.contentEl) {\n      this.contentEl.style.maxHeight = this.expanded ? `${this.contentEl.scrollHeight}px` : '0px';\n    }\n    this.bcmAccordionChange.emit({ expanded: this.expanded, source: this.host as HTMLBcmAccordionElement });\n  }\n\n  /**\n   * Handles changes to the footer slot content.\n   * @private\n   * @param e - Slot change event\n   */\n  private handleFooterSlotChange = (e: Event) => {\n    const slot = e.target as HTMLSlotElement;\n    const assignedNodes = slot.assignedNodes();\n    this.hasFooterContent = assignedNodes.length > 0;\n  };\n\n  private accordionClass = tv(\n    {\n      slots: {\n        container: 'accordion-container flex flex-col bcm-ui-element w-full',\n        header:\n          'accordion-header flex flex-row justify-between gap-2 p-4 min-w-max flex-nowrap text-wrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6 cursor-pointer',\n        content: 'accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base',\n        footer: 'accordion-footer flex flex-row flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal min-w-max',\n        icon: 'accordion-icon cursor-pointer transform transition-transform duration-300',\n        rightSection: 'accordion-right-section flex flex-row gap-2.5 items-center',\n      },\n      variants: {\n        hasFooterContent: {\n          false: { footer: 'hidden' },\n          true: { footer: 'flex' },\n        },\n        expanded: {\n          true: { icon: 'rotate-180' },\n          false: {\n            icon: 'rotate-0',\n            content: '',\n          },\n        },\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  render() {\n    const { container, header, content, footer, icon, rightSection } = this.accordionClass({\n      hasFooterContent: this.hasFooterContent || !!this.hintText,\n      expanded: this.expanded,\n    });\n\n    return (\n      <div class={container()}>\n        {/* Header */}\n        <header\n          class={header()}\n          role=\"button\"\n          tabindex=\"0\"\n          aria-expanded={this.expanded.toString()}\n          aria-controls=\"accordion-content\"\n          onKeyDown={e => {\n            if (e.key === 'Enter' || e.key === ' ') {\n              e.preventDefault();\n              this.toggle();\n            }\n          }}\n          onClick={() => this.toggle()}\n        >\n          <slot name=\"title\">{this.headerTitle}</slot>\n          {/* Actions */}\n          <div class={rightSection()}>\n            <span onClick={e => e.stopPropagation()}>\n              <slot name=\"actions\"></slot>\n            </span>\n            <bcm-icon name=\"fa-regular fa-chevron-down\" class={icon()}></bcm-icon>\n          </div>\n        </header>\n        {/* Content */}\n        <div class={content()} style={{ maxHeight: this.expanded ? 'auto' : '0px' }} ref={el => (this.contentEl = el as HTMLElement)}>\n          <div class=\"px-4 py-2\">\n            <slot></slot>\n          </div>\n          <footer class={footer()}>\n            <slot name=\"footer\" onSlotchange={this.handleFooterSlotChange}>\n              {this.hintText}\n            </slot>\n          </footer>\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAe,g3HACrB,MAAAC,EAAeD,E,MCyEFE,EAAY,MALzB,WAAAC,CAAAC,G,iEAeEC,KAAAC,SAAoB,MAkBpBD,KAAAE,MAAiB,MAcjBF,KAAAG,iBAA4B,MAqEpBH,KAAAI,uBAA0BC,IAChC,MAAMC,EAAOD,EAAEE,OACf,MAAMC,EAAgBF,EAAKE,gBAC3BR,KAAKG,iBAAmBK,EAAcC,OAAS,CAAC,EAG1CT,KAAAU,eAAiBC,EACvB,CACEC,MAAO,CACLC,UAAW,0DACXC,OACE,yNACFC,QAAS,gGACTC,OAAQ,0JACRC,KAAM,4EACNC,aAAc,8DAEhBC,SAAU,CACRhB,iBAAkB,CAChBiB,MAAO,CAAEJ,OAAQ,UACjBK,KAAM,CAAEL,OAAQ,SAElBf,SAAU,CACRoB,KAAM,CAAEJ,KAAM,cACdG,MAAO,CACLH,KAAM,WACNF,QAAS,OAKjB,CACEO,QAAS,O,CA/Eb,YAAMC,GACJvB,KAAKC,UAAYD,KAAKC,SACtBD,KAAKwB,iB,CASP,YAAMC,GACJ,IAAKzB,KAAKC,SAAU,CAClBD,KAAKC,SAAW,KAChBD,KAAKwB,iB,EAUT,cAAME,GACJ,GAAI1B,KAAKC,SAAU,CACjBD,KAAKC,SAAW,MAChBD,KAAKwB,iB,EAQD,eAAAA,GACN,GAAIxB,KAAK2B,UAAW,CAClB3B,KAAK2B,UAAUC,MAAMC,UAAY7B,KAAKC,SAAW,GAAGD,KAAK2B,UAAUG,iBAAmB,K,CAExF9B,KAAK+B,mBAAmBC,KAAK,CAAE/B,SAAUD,KAAKC,SAAUgC,OAAQjC,KAAKkC,M,CA4CvE,MAAAC,GACE,MAAMtB,UAAEA,EAASC,OAAEA,EAAMC,QAAEA,EAAOC,OAAEA,EAAMC,KAAEA,EAAIC,aAAEA,GAAiBlB,KAAKU,eAAe,CACrFP,iBAAkBH,KAAKG,oBAAsBH,KAAKoC,SAClDnC,SAAUD,KAAKC,WAGjB,OACEoC,EAAA,OAAAC,IAAA,2CAAKC,MAAO1B,KAEVwB,EAAA,UAAAC,IAAA,2CACEC,MAAOzB,IACP0B,KAAK,SACLC,SAAS,IAAG,gBACGzC,KAAKC,SAASyC,WAAU,gBACzB,oBACdC,UAAWtC,IACT,GAAIA,EAAEiC,MAAQ,SAAWjC,EAAEiC,MAAQ,IAAK,CACtCjC,EAAEuC,iBACF5C,KAAKuB,Q,GAGTsB,QAAS,IAAM7C,KAAKuB,UAEpBc,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,SAAS9C,KAAK+C,aAEzBV,EAAA,OAAAC,IAAA,2CAAKC,MAAOrB,KACVmB,EAAA,QAAAC,IAAA,2CAAMO,QAASxC,GAAKA,EAAE2C,mBACpBX,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,aAEbT,EAAA,YAAAC,IAAA,2CAAUQ,KAAK,6BAA6BP,MAAOtB,QAIvDoB,EAAA,OAAAC,IAAA,2CAAKC,MAAOxB,IAAWa,MAAO,CAAEC,UAAW7B,KAAKC,SAAW,OAAS,OAASgD,IAAKC,GAAOlD,KAAK2B,UAAYuB,GACxGb,EAAA,OAAAC,IAAA,2CAAKC,MAAM,aACTF,EAAA,QAAAC,IAAA,8CAEFD,EAAA,UAAAC,IAAA,2CAAQC,MAAOvB,KACbqB,EAAA,QAAAC,IAAA,2CAAMQ,KAAK,SAASK,aAAcnD,KAAKI,wBACpCJ,KAAKoC,Y","ignoreList":[]}

package/dist/bromcom-ui/p-729a870f.js

@@ -0,0 +1,2 @@
+function s(s){const t=document.head;const n=document.createElement("script");Object.keys(s).forEach((t=>{n[t]=s[t]}));t.appendChild(n)}s({src:"https://kit.fontawesome.com/5e86bea963.js",crossOrigin:"anonymous"});const t="https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css";customElements.define("bcm-icon",class extends HTMLElement{constructor(){super();const s=this.attachShadow({mode:"open"});s.innerHTML=`\n        <link rel="stylesheet" href="${t}"/>\n        <i></i>\n      `}get icon(){return this.getAttribute("name")||this.getAttribute("icon-name")}set icon(s){this.shadowRoot.querySelector("i").className=`${s}`}connectedCallback(){this.style.display="inline-block";this.icon=this.icon}});const n=()=>{};const e=n;export{e as g};
+//# sourceMappingURL=p-729a870f.js.map

package/dist/bromcom-ui/p-729a870f.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addHeadScript","obj","head","document","script","createElement","Object","keys","forEach","key","appendChild","FA_GLOBAL_CSS","constructor","shadow","this","attachShadow","mode","innerHTML","icon","getAttribute","shadowRoot","querySelector","className","connectedCallback","style","display","globalFn","globalScripts","appGlobalScript"],"sources":["src/global/global.js","@stencil/core/internal/app-globals"],"sourcesContent":["function addHeadScript(obj) {\n  const head = document.head;\n  const script = document.createElement('script');\n  Object.keys(obj).forEach(key => {\n    script[key] = obj[key];\n  });\n  head.appendChild(script);\n}\n\naddHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });\n\nconst FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';\n\ncustomElements.define(\n  'bcm-icon',\n  class extends HTMLElement {\n    constructor() {\n      super();\n      const shadow = this.attachShadow({ mode: 'open' });\n      shadow.innerHTML = `\n        <link rel=\"stylesheet\" href=\"${FA_GLOBAL_CSS}\"/>\n        <i></i>\n      `;\n    }\n\n    get icon() {\n      return this.getAttribute('name') || this.getAttribute('icon-name');\n    }\n\n    set icon(icon) {\n      this.shadowRoot.querySelector('i').className = `${icon}`;\n    }\n\n    connectedCallback() {\n      this.style.display = 'inline-block';\n      this.icon = this.icon;\n    }\n  },\n);\n","import appGlobalScript from '/Users/muratpolatozkan/works/bromcom/bromcom-ui-next/src/global/global.js';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"AAAA,SAASA,EAAcC,GACnB,MAAMC,EAAOC,SAASD,KACtB,MAAME,EAASD,SAASE,cAAc,UACtCC,OAAOC,KAAKN,GAAKO,SAAQC,IACrBL,EAAOK,GAAOR,EAAIQ,EAAA,IAEtBP,EAAKQ,YAAYN,EACrB,C,6EAEA,MAAMO,EAAgB,sE,2DAElB,WAAAC,G,QAEI,MAAMC,EAAMC,KAAAC,aAAA,CAAAC,KAAA,SACZH,EAAAI,UAAA,0CACRN,+BAGA,CACI,QAAIO,GACA,OAAOJ,KAAKK,aAAa,SAAWL,KAAKK,aAAA,YACjD,CACI,QAAAD,IACJJ,KAAAM,WAAAC,cAAA,KAAAC,UAAA,GAAAJ,G,CAEI,iBAAAK,GACIT,KAAKU,MAAMC,QAAU,eAC7BX,KAAAI,KAAAJ,KAAAI,I,IAGO,MAAMQ,EAAW,OC7BZ,MAACC,EAAgBC,S","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r,h as d}from"./p-15fe392b.js";import{c as o}from"./p-5fcf77f9.js";const e=".block{display:block}:host{--bcm-divider-border:var(--bcm-ui-color-border-default);display:block}.static{position:static}.h-full{height:100%}.w-full{width:100%}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.border-\\[--bcm-divider-border\\]{border-color:var(--bcm-divider-border)}.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 t=e;const i=class{constructor(d){r(this,d);this.direction="horizontal";this.variant="solid";this.size="medium";this.dividerClass=o({base:"border-[--bcm-divider-border]",variants:{direction:{horizontal:"w-full border-t",vertical:"h-full border-l"},variant:{solid:"border-solid",dashed:"border-dashed",dotted:"border-dotted"},size:{small:"border-[1px]",medium:"border-2",large:"border-4"}},defaultVariants:{direction:"horizontal",variant:"solid",size:"medium"}},{twMerge:false})}render(){return d("div",{key:"92fe4c3cf2ae2824759a643912fcbb9bc7e426f8",role:"separator","aria-orientation":this.direction,class:this.dividerClass({direction:this.direction,variant:this.variant,size:this.size})})}};i.style=t;export{i as bcm_divider};
+//# sourceMappingURL=p-a590f793.entry.js.map

package/dist/bromcom-ui/p-a590f793.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dividerCss","BcmDividerStyle0","Divider","constructor","hostRef","this","direction","variant","size","dividerClass","tv","base","variants","horizontal","vertical","solid","dashed","dotted","small","medium","large","defaultVariants","twMerge","render","h","key","role","class"],"sources":["src/components/divider/divider.css?tag=bcm-divider&encapsulation=shadow","src/components/divider/divider.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  --bcm-divider-border: var(--bcm-ui-color-border-default);\n}\n","import { Component, ComponentInterface, Prop, h } from '@stencil/core';\nimport { tv } from 'tailwind-variants';\n\n/**\n * @component BCM Divider\n * @description\n * A versatile divider component that creates a visual separation between content.\n * It supports horizontal or vertical orientation with customizable styles and sizes.\n * The component uses CSS variables for theming and Tailwind for styling.\n */\n@Component({\n    tag: 'bcm-divider',\n    styleUrl: 'divider.css',\n    shadow: true,\n})\nexport class Divider implements ComponentInterface {\n    /**\n     * @prop {('horizontal'|'vertical')} direction\n     * @description Determines the orientation of the divider\n     * @default 'horizontal'\n     * @example\n     * <bcm-divider direction=\"vertical\" />\n     */\n    @Prop()\n    direction: 'horizontal' | 'vertical' = 'horizontal';\n\n    /**\n     * @prop {('solid'|'dashed'|'dotted')} variant\n     * @description Sets the border style of the divider\n     * @default 'solid'\n     * @example\n     * <bcm-divider variant=\"dashed\" />\n     */\n    @Prop()\n    variant: 'solid' | 'dashed' | 'dotted' = 'solid';\n\n    /**\n     * @prop {('small'|'medium'|'large')} size\n     * @description Controls the thickness of the divider\n     * @default 'medium'\n     * @values\n     * - small: 1px border\n     * - medium: 2px border\n     * - large: 4px border\n     * @example\n     * <bcm-divider size=\"large\" />\n     */\n    @Prop()\n    size: 'small' | 'medium' | 'large' = 'medium';\n\n    private dividerClass = tv(\n        {\n            base: 'border-[--bcm-divider-border]',\n            variants: {\n                direction: {\n                    horizontal: 'w-full border-t',\n                    vertical: 'h-full border-l',\n                },\n                variant: {\n                    solid: 'border-solid',\n                    dashed: 'border-dashed',\n                    dotted: 'border-dotted',\n                },\n                size: {\n                    small: 'border-[1px]',\n                    medium: 'border-2',\n                    large: 'border-4',\n                },\n            },\n            defaultVariants: {\n                direction: 'horizontal',\n                variant: 'solid',\n                size: 'medium',\n            },\n        },\n        {\n            twMerge: false,\n        },\n    );\n\n    render() {\n        return (\n            <div\n                role=\"separator\"\n                aria-orientation={this.direction}\n                class={this.dividerClass({\n                    direction: this.direction,\n                    variant: this.variant,\n                    size: this.size,\n                })}\n            ></div>\n        );\n    }\n}\n"],"mappings":"0EAAA,MAAMA,EAAa,kxBACnB,MAAAC,EAAeD,E,MCcFE,EAAO,MALpB,WAAAC,CAAAC,G,UAcIC,KAAAC,UAAuC,aAUvCD,KAAAE,QAAyC,QAczCF,KAAAG,KAAqC,SAE7BH,KAAAI,aAAeC,EACnB,CACIC,KAAM,gCACNC,SAAU,CACNN,UAAW,CACPO,WAAY,kBACZC,SAAU,mBAEdP,QAAS,CACLQ,MAAO,eACPC,OAAQ,gBACRC,OAAQ,iBAEZT,KAAM,CACFU,MAAO,eACPC,OAAQ,WACRC,MAAO,aAGfC,gBAAiB,CACbf,UAAW,aACXC,QAAS,QACTC,KAAM,WAGd,CACIc,QAAS,O,CAIjB,MAAAC,GACI,OACIC,EAAA,OAAAC,IAAA,2CACIC,KAAK,YAAW,mBACErB,KAAKC,UACvBqB,MAAOtB,KAAKI,aAAa,CACrBH,UAAWD,KAAKC,UAChBC,QAASF,KAAKE,QACdC,KAAMH,KAAKG,Q","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+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-cd437280.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultIcons","search","email","tel","url","date","time","password","checkSlotContent","element","slotName","slot","_a","shadowRoot","querySelector","assignedNodes","length","inputCss","BcmInputStyle0","BcmInput","constructor","hostRef","this","isFocused","isValid","internalStatus","value","_id","generateId","size","status","fullWidth","type","disabled","readonly","required","useNativeValidation","onInput","event","input","target","bcmInput","emit","validateInput","onChange","bcmChange","onFocus","bcmFocus","onBlur","bcmBlur","onKeyDown","bcmKeyDown","onKeyUp","bcmKeyUp","styleClass","tv","slots","base","inputClass","variants","small","medium","large","default","error","success","warning","info","true","false","focused","defaultVariants","twMerge","handleValueChange","newValue","inputRef","watchStatus","watchErrorMessage","internalErrorMessage","setFocus","focus","setBlur","blur","select","setLocale","locale","messages","setValidationMessages","componentWillLoad","defaultValidationMessages","errorMessage","validationMessage","getValidationMessage","minLength","min","maxLength","max","pattern","RegExp","test","numValue","parseFloat","undefined","hasSlotContent","el","getDefaultIconForType","render","inputId","name","iconSize","h","key","class","label","classNames","htmlFor","prefixIcon","ref","id","placeholder","autocomplete","minlength","maxlength","step","labelledby","describedby","suffixIcon","captionText"],"sources":["src/components/input/types.ts","src/utils/slot/check-slot-content.ts","src/components/input/input.scss?tag=bcm-input&encapsulation=shadow","src/components/input/input.component.tsx"],"sourcesContent":["export type InputSize = 'small' | 'medium' | 'large';\nexport type InputStatus = 'default' | 'error' | 'success' | 'warning' | 'info';\nexport type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local';\n\nexport const defaultIcons = {\n  'search': 'fa-regular fa-magnifying-glass',\n  'email': 'fa-regular fa-envelope',\n  'tel': 'fa-regular fa-phone',\n  'url': 'fa-regular fa-link',\n  'date': 'fa-regular fa-calendar',\n  'time': 'fa-regular fa-clock',\n  'datetime-local': 'fa-regular fa-calendar-clock',\n  'password': 'fa-regular fa-lock',\n} as const;\n","/**\n * Checks if a named slot has any content\n * @param element - The host element (component instance)\n * @param slotName - Name of the slot to check\n * @returns boolean indicating if the slot has any assigned nodes\n */\nexport const checkSlotContent = (element: HTMLElement, slotName: string): boolean => {\n  const slot = element.shadowRoot?.querySelector(`slot[name=\"${slotName}\"]`) as HTMLSlotElement;\n  if (!slot) return false;\n\n  const assignedNodes = slot.assignedNodes();\n  return assignedNodes.length > 0;\n};\n",":host {\n  display: inline-block;\n}\n","import { Component, Prop, h, Event, EventEmitter, Method, State, Watch, Element } from '@stencil/core';\nimport { InputSize, InputStatus, InputType, defaultIcons } from './types';\nimport { tv } from 'tailwind-variants';\nimport classNames from 'classnames';\nimport { generateId } from '../../utils/id/generate-id';\nimport { checkSlotContent } from '../../utils/slot/check-slot-content';\nimport { getValidationMessage, setValidationMessages, defaultValidationMessages } from '../../utils/validation-messages';\n\n@Component({\n  tag: 'bcm-input',\n  styleUrl: 'input.scss',\n  shadow: true,\n})\nexport class BcmInput {\n  @Element() el: HTMLElement;\n  private inputRef: HTMLInputElement;\n\n  @State() isFocused = false;\n  @State() validationMessage: string;\n  @State() isValid = true;\n  @State() internalStatus: InputStatus = 'default';\n  @State() internalErrorMessage: string;\n\n  /** Input value */\n  @Prop({ mutable: true, reflect: true })\n  value: string = '';\n\n  /** Input placeholder text */\n  @Prop()\n  placeholder?: string;\n\n  /** Input name */\n  @Prop()\n  name?: string;\n\n  /** Input id */\n  @Prop({ attribute: 'id', reflect: true })\n  _id?: string = generateId('input');\n\n  /** Controls the input size */\n  @Prop()\n  size: InputSize = 'medium';\n\n  /** Defines the input's status/state */\n  @Prop()\n  status: InputStatus = 'default';\n\n  /** Full width input */\n  @Prop({ attribute: 'full-width', reflect: true })\n  fullWidth = false;\n\n  /** HTML input type */\n  @Prop()\n  type: InputType = 'text';\n\n  /** Whether the input is disabled */\n  @Prop()\n  disabled = false;\n\n  /** Whether the input is readonly */\n  @Prop()\n  readonly = false;\n\n  /** Whether the input is required */\n  @Prop()\n  required = false;\n\n  /** Input autocomplete attribute */\n  @Prop()\n  autocomplete?: string;\n\n  /** Min length for text input */\n  @Prop()\n  minLength?: number;\n\n  /** Max length for text input */\n  @Prop()\n  maxLength?: number;\n\n  /** Min value for number input */\n  @Prop()\n  min?: number;\n\n  /** Max value for number input */\n  @Prop()\n  max?: number;\n\n  /** Step value for number input */\n  @Prop()\n  step?: number;\n\n  /** Pattern for validation */\n  @Prop()\n  pattern?: string;\n\n  /** Input label for accessibility */\n  @Prop()\n  label?: string;\n\n  /** Error message to display */\n  @Prop()\n  errorMessage?: string;\n\n  /** Caption text to display below input */\n  @Prop()\n  captionText?: string;\n\n  /** ID of associated label element */\n  @Prop()\n  labelledby?: string;\n\n  /** ID of associated caption/error text element */\n  @Prop()\n  describedby?: string;\n\n  /** Prefix icon class name */\n  @Prop()\n  prefixIcon?: string;\n\n  /** Suffix icon class name */\n  @Prop()\n  suffixIcon?: string;\n\n  /** Whether to use native form validation\n   * If false, component will handle validation internally\n   */\n  @Prop()\n  useNativeValidation = true;\n\n  /** Custom validation function */\n  @Prop()\n  validator?: (value: string) => string | undefined;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmInput: EventEmitter<InputEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmChange: EventEmitter<Event>;\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  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmKeyDown: EventEmitter<KeyboardEvent>;\n\n  @Event({\n    composed: false,\n    bubbles: false,\n    cancelable: true,\n  })\n  bcmKeyUp: EventEmitter<KeyboardEvent>;\n\n  @Watch('value')\n  handleValueChange(newValue: string) {\n    if (this.inputRef) {\n      this.inputRef.value = newValue;\n    }\n  }\n\n  @Watch('status')\n  watchStatus(newValue: InputStatus) {\n    this.internalStatus = newValue;\n  }\n\n  @Watch('errorMessage')\n  watchErrorMessage(newValue: string) {\n    this.internalErrorMessage = newValue;\n  }\n\n  @Method()\n  async setFocus() {\n    this.inputRef?.focus();\n  }\n\n  @Method()\n  async setBlur() {\n    this.inputRef?.blur();\n  }\n\n  @Method()\n  async select() {\n    this.inputRef?.select();\n  }\n\n  /** Sets locale and messages for all inputs */\n  @Method()\n  async setLocale(locale: string, messages: Record<string, string>) {\n    // Set messages and update validation immediately\n    setValidationMessages(locale, messages);\n\n    // Mevcut validasyon mesajını güncelle\n    if (!this.isValid) {\n      this.validateInput();\n    }\n  }\n\n  componentWillLoad() {\n    // I18n için default mesajları set et\n    setValidationMessages('en', defaultValidationMessages);\n    this.internalStatus = this.status;\n    this.internalErrorMessage = this.errorMessage;\n  }\n\n  private validateInput(): void {\n    if (!this.inputRef) return;\n\n    // Reset validation state\n    this.isValid = true;\n    this.validationMessage = '';\n\n    const value = this.inputRef.value;\n\n    // Required check\n    if (this.required && !value) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('required');\n      this.internalStatus = 'error';\n      this.internalErrorMessage = this.validationMessage;\n      return;\n    }\n\n    // Minimum length check\n    else if (this.minLength && value.length < this.minLength) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('minlength', { min: this.minLength });\n    }\n    // Maximum length check\n    else if (this.maxLength && value.length > this.maxLength) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('maxlength', { max: this.maxLength });\n    }\n    // Pattern check\n    else if (this.pattern && !new RegExp(this.pattern).test(value)) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('pattern');\n    }\n    // Email check\n    else if (this.type === 'email' && value && !/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(value)) {\n      this.isValid = false;\n      this.validationMessage = getValidationMessage('email');\n    }\n    // Number range check\n    else if (this.type === 'number' && value) {\n      const numValue = parseFloat(value);\n      if (this.min !== undefined && numValue < this.min) {\n        this.isValid = false;\n        this.validationMessage = getValidationMessage('min', { min: this.min });\n      } else if (this.max !== undefined && numValue > this.max) {\n        this.isValid = false;\n        this.validationMessage = getValidationMessage('max', { max: this.max });\n      }\n    }\n\n    // Update component state\n    this.internalStatus = this.isValid ? 'default' : 'error';\n    this.internalErrorMessage = this.validationMessage;\n  }\n\n  private onInput = (event: InputEvent) => {\n    const input = event.target as HTMLInputElement;\n    this.value = input.value;\n    this.bcmInput.emit(event);\n    this.validateInput();\n  };\n\n  private onChange = (event: Event) => {\n    this.bcmChange.emit(event);\n  };\n\n  private onFocus = (event: FocusEvent) => {\n    this.isFocused = true;\n    this.bcmFocus.emit(event);\n  };\n\n  private onBlur = (event: FocusEvent) => {\n    this.isFocused = false;\n    this.bcmBlur.emit(event);\n    this.validateInput();\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    this.bcmKeyDown.emit(event);\n  };\n\n  private onKeyUp = (event: KeyboardEvent) => {\n    this.bcmKeyUp.emit(event);\n  };\n\n  private hasSlotContent(slotName: string): boolean {\n    return checkSlotContent(this.el, slotName);\n  }\n\n  private styleClass = tv(\n    {\n      slots: {\n        base: [\n          'bcm-input bcm-input__container',\n          'bg-[--bcm-ui-color-background-base-default]',\n          'border border-solid rounded',\n          'flex items-center justify-between',\n          'transition-colors duration-200',\n          'px-2',\n        ],\n        inputClass: [\n          'input',\n          'w-full flex-1',\n          'border-0 outline-0 bg-transparent',\n          'appearance-none text-ellipsis',\n          'text-[--bcm-ui-color-text-default] placeholder:text-[--bcm-ui-color-text-placeholder] placeholder:font-normal',\n          'font-sans antialiased font-medium',\n          'px-1',\n        ],\n      },\n      variants: {\n        size: {\n          small: {\n            base: '',\n            inputClass: 'text-size-4  h-6',\n          },\n          medium: {\n            base: '',\n            inputClass: 'text-size-5  h-8',\n          },\n          large: {\n            base: '',\n            inputClass: 'text-size-6  h-10',\n          },\n        },\n        status: {\n          default: {\n            base: ['border-[--bcm-ui-color-border-default]', 'hover:border-[--bcm-ui-color-border-primary]', 'has-[:focus]:border-[--bcm-ui-color-border-primary]'],\n          },\n          error: {\n            base: ['border-[--bcm-ui-color-border-error]', 'hover:border-[--bcm-ui-color-border-error]', 'has-[:focus]:border-[--bcm-ui-color-border-error]'],\n          },\n          success: {\n            base: ['border-[--bcm-ui-color-border-success]', 'hover:border-[--bcm-ui-color-border-success]', 'has-[:focus]:border-[--bcm-ui-color-border-success]'],\n          },\n          warning: {\n            base: ['border-[--bcm-ui-color-border-warning]', 'hover:border-[--bcm-ui-color-border-warning]', 'has-[:focus]:border-[--bcm-ui-color-border-warning]'],\n          },\n          info: {\n            base: ['border-[--bcm-ui-color-border-info]', 'hover:border-[--bcm-ui-color-border-info]', 'has-[:focus]:border-[--bcm-ui-color-border-info]'],\n          },\n        },\n        fullWidth: {\n          true: 'full-width w-full',\n        },\n        disabled: {\n          true: 'disabled cursor-not-allowed',\n          false: '',\n        },\n        focused: {\n          true: {\n            base: '',\n          },\n        },\n      },\n      defaultVariants: {\n        size: 'medium',\n        status: 'default',\n        fullWidth: false,\n        disabled: false,\n        focused: false,\n      },\n    },\n    {\n      twMerge: false,\n    },\n  );\n\n  private getDefaultIconForType(): string | undefined {\n    return defaultIcons[this.type as keyof typeof defaultIcons];\n  }\n\n  render() {\n    const inputId = this._id + '-input' || this.name;\n\n    const { base, inputClass } = this.styleClass({\n      size: this.size,\n      status: this.internalStatus,\n      fullWidth: this.fullWidth,\n      disabled: this.disabled,\n      focused: this.isFocused,\n    });\n\n    const iconSize = {\n      small: 14,\n      medium: 16,\n      large: 18,\n    }[this.size];\n\n    return (\n      <div class=\"bcm-ui-element\">\n        {this.label && (\n          <label\n            class={classNames(\n              'input-label font-medium',\n              {\n                'text-color-label': !this.disabled,\n                'text-color-disabled': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n            htmlFor={inputId}\n          >\n            <slot name=\"label\">{this.label}</slot>\n            {this.required && <span>*</span>}\n          </label>\n        )}\n\n        <div class={base()}>\n          {(this.hasSlotContent('prefix') || this.prefixIcon || this.getDefaultIconForType()) && (\n            <div class=\"flex items-center gap-2 px-2\">\n              {(this.prefixIcon || this.getDefaultIconForType()) && (\n                <bcm-icon class=\"prefix-icon\" icon-name={this.prefixIcon || this.getDefaultIconForType()} size={iconSize}></bcm-icon>\n              )}\n              <slot name=\"prefix\"></slot>\n            </div>\n          )}\n          <input\n            ref={el => (this.inputRef = el)}\n            id={inputId}\n            class={inputClass()}\n            type={this.type}\n            name={this.name}\n            disabled={this.disabled}\n            readonly={this.readonly}\n            required={this.required}\n            placeholder={this.placeholder}\n            autocomplete={this.autocomplete}\n            minlength={this.minLength}\n            maxlength={this.maxLength}\n            min={this.min}\n            max={this.max}\n            step={this.step}\n            pattern={this.pattern}\n            aria-invalid={this.status === 'error'}\n            aria-required={this.required}\n            aria-labelledby={this.labelledby}\n            aria-describedby={this.describedby}\n            value={this.value}\n            onInput={this.onInput}\n            onChange={this.onChange}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            onKeyDown={this.onKeyDown}\n            onKeyUp={this.onKeyUp}\n          />\n          {(this.hasSlotContent('suffix') || this.suffixIcon) && (\n            <div class=\"flex items-center gap-2 px-2\">\n              <slot name=\"suffix\"></slot>\n              {this.suffixIcon && <bcm-icon class=\"suffix-icon\" icon-name={this.suffixIcon} size={iconSize}></bcm-icon>}\n            </div>\n          )}\n        </div>\n        {(this.captionText || this.internalErrorMessage || this.validationMessage) && (\n          <div\n            class={classNames(\n              'input-caption-text font-regular mt-1',\n              {\n                'text-[--bcm-ui-color-text-caption]': !this.disabled && this.internalStatus === 'default',\n                'text-[--bcm-ui-color-text-error]': !this.disabled && (this.internalStatus === 'error' || !this.isValid),\n                'text-[--bcm-ui-color-text-success]': !this.disabled && this.internalStatus === 'success',\n                'text-[--bcm-ui-color-text-warning]': !this.disabled && this.internalStatus === 'warning',\n                'text-[--bcm-ui-color-text-info]': !this.disabled && this.internalStatus === 'info',\n                'text-[--bcm-ui-color-text-disabled]': this.disabled,\n              },\n              {\n                'text-size-3': this.size === 'small',\n                'text-size-4': this.size === 'medium',\n                'text-size-5': this.size === 'large',\n              },\n            )}\n          >\n            {!this.isValid ? this.validationMessage : this.internalStatus === 'error' ? this.internalErrorMessage : this.captionText}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+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/bromcom-ui/{p-0a74cf15.entry.js.map → p-dcea8d62.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["variantTagMap","display","heading1","heading2","title1","title2","title3","body","bodyAccent","helper","caption","label","placeholder","link","info","infoAccent","textCss","BcmTextStyle0","BcmText","constructor","hostRef","this","variant","size","variantClassMap","small","medium","large","getTextClass","variantClasses","render","Tag","variantClass","h","key","class","cs","part","text"],"sources":["src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n  display: 'h1',\n  heading1: 'h2',\n  heading2: 'h3',\n  title1: 'h4',\n  title2: 'h5',\n  title3: 'h6',\n  body: 'p',\n  bodyAccent: 'p',\n  helper: 'p',\n  caption: 'p',\n  label: 'label',\n  placeholder: 'p',\n  link: 'a',\n  info: 'p',\n  infoAccent: 'p',\n};\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n  tag: 'bcm-text',\n  styleUrl: 'text.scss',\n  shadow: true,\n})\nexport class BcmText {\n  /** Text content */\n  @Prop()\n  text: string;\n\n  /** Text variant */\n  @Prop()\n  variant: TextVariant = 'body';\n\n  /** Text size */\n  @Prop()\n  size: TextSize = 'medium';\n\n  private readonly variantClassMap = {\n    display: 'font-semibold text-size-12 text-color-header',\n    heading1: 'font-semibold text-size-7 text-color-header',\n    heading2: 'font-semibold text-size-6 text-color-header',\n    title1: {\n      small: 'font-semibold text-size-5 text-color-header',\n      medium: 'font-semibold text-size-6 text-color-header',\n      large: 'font-semibold text-size-7 text-color-header',\n    },\n    title2: {\n      small: 'font-semibold text-size-4 text-color-default',\n      medium: 'font-semibold text-size-5 text-color-default',\n      large: 'font-semibold text-size-6 text-color-default',\n    },\n    title3: {\n      small: 'font-semibold text-size-3 text-color-disabled',\n      medium: 'font-semibold text-size-4 text-color-disabled',\n      large: 'font-semibold text-size-5 text-color-disabled',\n    },\n    body: {\n      small: 'font-regular text-size-4 text-color-default',\n      medium: 'font-regular text-size-5 text-color-default',\n      large: 'font-regular text-size-6 text-color-default',\n    },\n    bodyAccent: {\n      small: 'font-medium text-size-4 text-color-default',\n      medium: 'font-medium text-size-5 text-color-default',\n      large: 'font-medium text-size-6 text-color-default',\n    },\n    helper: {\n      small: 'font-regular text-size-4 text-color-helper',\n      medium: 'font-regular text-size-5 text-color-helper',\n      large: 'font-regular text-size-6 text-color-helper',\n    },\n    caption: {\n      small: 'font-regular text-size-3 text-color-caption',\n      medium: 'font-regular text-size-4 text-color-caption',\n      large: 'font-regular text-size-5 text-color-caption',\n    },\n    link: {\n      small: 'font-medium text-size-4 underline text-color-primary',\n      medium: 'font-medium text-size-5 underline text-color-primary',\n      large: 'font-medium text-size-6 underline text-color-primary',\n    },\n    label: {\n      small: 'font-medium text-size-3 text-color-label',\n      medium: 'font-medium text-size-4 text-color-label',\n      large: 'font-medium text-size-5 text-color-label',\n    },\n    placeholder: {\n      small: 'font-regular text-size-4 text-color-placeholder',\n      medium: 'font-regular text-size-5 text-color-placeholder',\n      large: 'font-regular text-size-6 text-color-placeholder',\n    },\n    info: {\n      small: 'font-regular text-size-3 text-color-default',\n      medium: 'font-regular text-size-4 text-color-default',\n      large: 'font-regular text-size-5 text-color-default',\n    },\n    infoAccent: {\n      small: 'font-medium text-size-3 text-color-header',\n      medium: 'font-medium text-size-4 text-color-header',\n      large: 'font-medium text-size-5 text-color-header',\n    },\n  } as const;\n\n  private getTextClass = (variant: TextVariant, size: TextSize): string => {\n    const variantClasses = this.variantClassMap[variant];\n\n    if (typeof variantClasses === 'string') {\n      return variantClasses;\n    }\n\n    return variantClasses[size];\n  };\n\n  render() {\n    const Tag = variantTagMap[this.variant];\n    const variantClass = this.getTextClass(this.variant, this.size);\n\n    return (\n      <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass)} part=\"text\">\n        <slot>{this.text}</slot>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"+EAEO,MAAMA,EAA8C,CACzDC,QAAS,KACTC,SAAU,KACVC,SAAU,KACVC,OAAQ,KACRC,OAAQ,KACRC,OAAQ,KACRC,KAAM,IACNC,WAAY,IACZC,OAAQ,IACRC,QAAS,IACTC,MAAO,QACPC,YAAa,IACbC,KAAM,IACNC,KAAM,IACNC,WAAY,KCjBd,MAAMC,EAAU,mmJAChB,MAAAC,EAAeD,E,MCSFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYEC,KAAAC,QAAuB,OAIvBD,KAAAE,KAAiB,SAEAF,KAAAG,gBAAkB,CACjCvB,QAAS,+CACTC,SAAU,8CACVC,SAAU,8CACVC,OAAQ,CACNqB,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETtB,OAAQ,CACNoB,MAAO,+CACPC,OAAQ,+CACRC,MAAO,gDAETrB,OAAQ,CACNmB,MAAO,gDACPC,OAAQ,gDACRC,MAAO,iDAETpB,KAAM,CACJkB,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETnB,WAAY,CACViB,MAAO,6CACPC,OAAQ,6CACRC,MAAO,8CAETlB,OAAQ,CACNgB,MAAO,6CACPC,OAAQ,6CACRC,MAAO,8CAETjB,QAAS,CACPe,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETd,KAAM,CACJY,MAAO,uDACPC,OAAQ,uDACRC,MAAO,wDAEThB,MAAO,CACLc,MAAO,2CACPC,OAAQ,2CACRC,MAAO,4CAETf,YAAa,CACXa,MAAO,kDACPC,OAAQ,kDACRC,MAAO,mDAETb,KAAM,CACJW,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETZ,WAAY,CACVU,MAAO,4CACPC,OAAQ,4CACRC,MAAO,8CAIHN,KAAAO,aAAe,CAACN,EAAsBC,KAC5C,MAAMM,EAAiBR,KAAKG,gBAAgBF,GAE5C,UAAWO,IAAmB,SAAU,CACtC,OAAOA,C,CAGT,OAAOA,EAAeN,EAAK,C,CAG7B,MAAAO,GACE,MAAMC,EAAM/B,EAAcqB,KAAKC,SAC/B,MAAMU,EAAeX,KAAKO,aAAaP,KAAKC,QAASD,KAAKE,MAE1D,OACEU,EAACF,EAAG,CAAAG,IAAA,2CAACC,MAAOC,EAAG,mCAAoCJ,GAAeK,KAAK,QACrEJ,EAAA,QAAAC,IAAA,4CAAOb,KAAKiB,M","ignoreList":[]}
+{"version":3,"names":["variantTagMap","display","heading1","heading2","title1","title2","title3","body","bodyAccent","helper","caption","label","placeholder","link","info","infoAccent","textCss","BcmTextStyle0","BcmText","constructor","hostRef","this","variant","size","variantClassMap","small","medium","large","getTextClass","variantClasses","render","Tag","variantClass","h","key","class","cs","part","text"],"sources":["src/components/text/text.utils.ts","src/components/text/text.scss?tag=bcm-text&encapsulation=shadow","src/components/text/text.component.tsx"],"sourcesContent":["import { TextVariant, TextTag } from './text.types';\n\nexport const variantTagMap: Record<TextVariant, TextTag> = {\n  display: 'h1',\n  heading1: 'h2',\n  heading2: 'h3',\n  title1: 'h4',\n  title2: 'h5',\n  title3: 'h6',\n  body: 'p',\n  bodyAccent: 'p',\n  helper: 'p',\n  caption: 'p',\n  label: 'label',\n  placeholder: 'p',\n  link: 'a',\n  info: 'p',\n  infoAccent: 'p',\n};\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport cs from 'classnames';\nimport { TextVariant, TextSize } from './text.types';\nimport { variantTagMap } from './text.utils';\n\n@Component({\n  tag: 'bcm-text',\n  styleUrl: 'text.scss',\n  shadow: true,\n})\nexport class BcmText {\n  /** Text content */\n  @Prop()\n  text: string;\n\n  /** Text variant */\n  @Prop()\n  variant: TextVariant = 'body';\n\n  /** Text size */\n  @Prop()\n  size: TextSize = 'medium';\n\n  private readonly variantClassMap = {\n    display: 'font-semibold text-size-12 text-color-header',\n    heading1: 'font-semibold text-size-7 text-color-header',\n    heading2: 'font-semibold text-size-6 text-color-header',\n    title1: {\n      small: 'font-semibold text-size-5 text-color-header',\n      medium: 'font-semibold text-size-6 text-color-header',\n      large: 'font-semibold text-size-7 text-color-header',\n    },\n    title2: {\n      small: 'font-semibold text-size-4 text-color-default',\n      medium: 'font-semibold text-size-5 text-color-default',\n      large: 'font-semibold text-size-6 text-color-default',\n    },\n    title3: {\n      small: 'font-semibold text-size-3 text-color-disabled',\n      medium: 'font-semibold text-size-4 text-color-disabled',\n      large: 'font-semibold text-size-5 text-color-disabled',\n    },\n    body: {\n      small: 'font-regular text-size-4 text-color-default',\n      medium: 'font-regular text-size-5 text-color-default',\n      large: 'font-regular text-size-6 text-color-default',\n    },\n    bodyAccent: {\n      small: 'font-medium text-size-4 text-color-default',\n      medium: 'font-medium text-size-5 text-color-default',\n      large: 'font-medium text-size-6 text-color-default',\n    },\n    helper: {\n      small: 'font-regular text-size-4 text-color-helper',\n      medium: 'font-regular text-size-5 text-color-helper',\n      large: 'font-regular text-size-6 text-color-helper',\n    },\n    caption: {\n      small: 'font-regular text-size-3 text-color-caption',\n      medium: 'font-regular text-size-4 text-color-caption',\n      large: 'font-regular text-size-5 text-color-caption',\n    },\n    link: {\n      small: 'font-medium text-size-4 underline text-color-primary',\n      medium: 'font-medium text-size-5 underline text-color-primary',\n      large: 'font-medium text-size-6 underline text-color-primary',\n    },\n    label: {\n      small: 'font-medium text-size-3 text-color-label',\n      medium: 'font-medium text-size-4 text-color-label',\n      large: 'font-medium text-size-5 text-color-label',\n    },\n    placeholder: {\n      small: 'font-regular text-size-4 text-color-placeholder',\n      medium: 'font-regular text-size-5 text-color-placeholder',\n      large: 'font-regular text-size-6 text-color-placeholder',\n    },\n    info: {\n      small: 'font-regular text-size-3 text-color-default',\n      medium: 'font-regular text-size-4 text-color-default',\n      large: 'font-regular text-size-5 text-color-default',\n    },\n    infoAccent: {\n      small: 'font-medium text-size-3 text-color-header',\n      medium: 'font-medium text-size-4 text-color-header',\n      large: 'font-medium text-size-5 text-color-header',\n    },\n  } as const;\n\n  private getTextClass = (variant: TextVariant, size: TextSize): string => {\n    const variantClasses = this.variantClassMap[variant];\n\n    if (typeof variantClasses === 'string') {\n      return variantClasses;\n    }\n\n    return variantClasses[size];\n  };\n\n  render() {\n    const Tag = variantTagMap[this.variant];\n    const variantClass = this.getTextClass(this.variant, this.size);\n\n    return (\n      <Tag class={cs('bcm-text appearance-none m-0 p-0', variantClass)} part=\"text\">\n        <slot>{this.text}</slot>\n      </Tag>\n    );\n  }\n}\n"],"mappings":"+EAEO,MAAMA,EAA8C,CACzDC,QAAS,KACTC,SAAU,KACVC,SAAU,KACVC,OAAQ,KACRC,OAAQ,KACRC,OAAQ,KACRC,KAAM,IACNC,WAAY,IACZC,OAAQ,IACRC,QAAS,IACTC,MAAO,QACPC,YAAa,IACbC,KAAM,IACNC,KAAM,IACNC,WAAY,KCjBd,MAAMC,EAAU,g8CAChB,MAAAC,EAAeD,E,MCSFE,EAAO,MALpB,WAAAC,CAAAC,G,UAYEC,KAAAC,QAAuB,OAIvBD,KAAAE,KAAiB,SAEAF,KAAAG,gBAAkB,CACjCvB,QAAS,+CACTC,SAAU,8CACVC,SAAU,8CACVC,OAAQ,CACNqB,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETtB,OAAQ,CACNoB,MAAO,+CACPC,OAAQ,+CACRC,MAAO,gDAETrB,OAAQ,CACNmB,MAAO,gDACPC,OAAQ,gDACRC,MAAO,iDAETpB,KAAM,CACJkB,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETnB,WAAY,CACViB,MAAO,6CACPC,OAAQ,6CACRC,MAAO,8CAETlB,OAAQ,CACNgB,MAAO,6CACPC,OAAQ,6CACRC,MAAO,8CAETjB,QAAS,CACPe,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETd,KAAM,CACJY,MAAO,uDACPC,OAAQ,uDACRC,MAAO,wDAEThB,MAAO,CACLc,MAAO,2CACPC,OAAQ,2CACRC,MAAO,4CAETf,YAAa,CACXa,MAAO,kDACPC,OAAQ,kDACRC,MAAO,mDAETb,KAAM,CACJW,MAAO,8CACPC,OAAQ,8CACRC,MAAO,+CAETZ,WAAY,CACVU,MAAO,4CACPC,OAAQ,4CACRC,MAAO,8CAIHN,KAAAO,aAAe,CAACN,EAAsBC,KAC5C,MAAMM,EAAiBR,KAAKG,gBAAgBF,GAE5C,UAAWO,IAAmB,SAAU,CACtC,OAAOA,C,CAGT,OAAOA,EAAeN,EAAK,C,CAG7B,MAAAO,GACE,MAAMC,EAAM/B,EAAcqB,KAAKC,SAC/B,MAAMU,EAAeX,KAAKO,aAAaP,KAAKC,QAASD,KAAKE,MAE1D,OACEU,EAACF,EAAG,CAAAG,IAAA,2CAACC,MAAOC,EAAG,mCAAoCJ,GAAeK,KAAK,QACrEJ,EAAA,QAAAC,IAAA,4CAAOb,KAAKiB,M","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as a}from"./p-15fe392b.js";import{c as r}from"./p-5fcf77f9.js";const i=":host{--bcm-alert-bg:var(--bcm-ui-color-background-default-default);--bcm-alert-text:var(--bcm-ui-color-text-default);--bcm-alert-radius:6px;display:inline-block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.flex{display:flex}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.rounded-\\[--bcm-alert-radius\\]{border-radius:var(--bcm-alert-radius)}.bg-\\[--bcm-alert-bg\\]{background-color:var(--bcm-alert-bg)}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.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-alert-text\\]{color:var(--bcm-alert-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 c=i;const s=class{constructor(a){e(this,a);this.bcmDismiss=t(this,"bcmDismiss",7);this.status="default";this.size="medium";this.kind="filled";this.dismissible=true;this.showStatusIcon=true}onDismiss(){this.bcmDismiss.emit()}getStatusIcon(){const e={info:"fa-regular fa-info-circle",error:"fa-regular fa-exclamation-circle",warning:"fa-regular fa-exclamation-triangle",success:"fa-regular fa-check-circle"};return e[this.status]}get alertClass(){return r({slots:{base:"alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full",section:"flex items-center gap-2"},variants:{size:{small:{base:"py-1.5 text-size-4"},medium:{base:"py-2 text-size-5"},large:{base:"py-2.5 text-size-6"}}}},{twMerge:false})}get alertStyles(){let e={info:"var(--bcm-ui-color-background-palette-blue-default)",error:"var(--bcm-ui-color-background-palette-red-default)",warning:"var(--bcm-ui-color-background-palette-yellow-default)",success:"var(--bcm-ui-color-background-palette-green-default)",default:"var(--bcm-ui-color-background-palette-gray-default)"};let t={info:"var(--bcm-ui-color-text-info)",error:"var(--bcm-ui-color-text-error)",warning:"var(--bcm-ui-color-text-warning)",success:"var(--bcm-ui-color-text-success)",default:"var(--bcm-ui-color-text-default)"};let a={"--bcm-alert-bg":e[this.status],"--bcm-alert-text":t[this.status]};let r={"--bcm-alert-bg":"transparent","--bcm-alert-text":t[this.status]};return this.kind==="filled"?a:r}render(){const{base:e,section:t}=this.alertClass({size:this.size});return a("div",{key:"c1cd1054d0b922391f3cfefc9c235467f7775702",role:"alert","aria-live":"assertive","aria-atomic":"true",class:e(),style:this.alertStyles},a("div",{key:"370803a74a81754a5e3b34c85e9fb9e8f1d79f1e",class:t()},this.showStatusIcon&&a("bcm-icon",{key:"dca6a4bb6009c9c5a1090d787f8e332c5db49034","icon-name":this.getStatusIcon()}),a("slot",{key:"d43da27453a067784da5a3e117ad685783283f2f"})),a("div",{key:"3173e4bfb61d5817679f77689a62e74128ccfbe0",class:t()},a("div",{key:"922c11093ae01a206dae99ac71b57c8afb14048b",part:"action"},a("slot",{key:"3a470f25317d0fcbada630464ed74e4593a1a75c",name:"action"})),a("span",{key:"89595ade17c791b22ed5a98d2559b87877839308",part:"icon"},this.dismissible&&a("bcm-icon",{key:"93056d5c2057555d61b2e7ad246e7b163456843e",onClick:()=>this.onDismiss(),class:"cursor-pointer","icon-name":"fa-regular fa-xmark"}))))}};s.style=c;export{s as bcm_alert};
+//# sourceMappingURL=p-ebed10d5.entry.js.map

package/dist/bromcom-ui/{p-2d836917.entry.js.map → p-ebed10d5.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["alertCss","BcmAlertStyle0","BcmAlert","constructor","hostRef","this","status","size","kind","dismissible","showStatusIcon","onDismiss","bcmDismiss","emit","getStatusIcon","statusIcon","info","error","warning","success","alertClass","tv","slots","base","section","variants","small","medium","large","twMerge","alertStyles","colorStatus","default","textStatusColor","filleStyle","textStyle","render","h","key","role","class","style","part","name","onClick"],"sources":["src/components/alert/alert.css?tag=bcm-alert&encapsulation=shadow","src/components/alert/alert.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 100%;\n  --bcm-alert-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-alert-text: var(--bcm-ui-color-text-default);\n  --bcm-alert-radius: 6px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { AlertKind, AlertSize, AlertStatus } from './types';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * Alert component that displays messages with different statuses and styles\n * @class BcmAlert\n */\n@Component({\n    tag: 'bcm-alert',\n    styleUrl: 'alert.css',\n    shadow: true,\n})\nexport class BcmAlert implements ComponentInterface {\n    /** Alert status type */\n    @Prop()\n    status?: AlertStatus = 'default';\n\n    /** Alert size variant */\n    @Prop()\n    size?: AlertSize = 'medium';\n\n    /** Alert style variant */\n    @Prop()\n    kind?: AlertKind = 'filled';\n\n    /** Whether alert can be dismissed */\n    @Prop()\n    dismissible?: boolean = true;\n\n    /** Whether to show status icon */\n    @Prop()\n    showStatusIcon?: boolean = true;\n\n    @Event() bcmDismiss: EventEmitter<void>;\n\n\n    /**\n     * Handles alert dismissal\n     * @private\n     */\n    private onDismiss() {\n        this.bcmDismiss.emit();\n    }\n\n    private getStatusIcon() {\n        const statusIcon = {\n            info: 'fa-regular fa-info-circle',\n            error: 'fa-regular fa-exclamation-circle',\n            warning: 'fa-regular fa-exclamation-triangle',\n            success: 'fa-regular fa-check-circle',\n        };\n        return statusIcon[this.status];\n    }\n\n    private get alertClass() {\n        return tv(\n            {\n                slots: {\n                    base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',\n                    section: 'flex items-center gap-2',\n                },\n                variants: {\n                    size: {\n                        small: {\n                            base: 'py-1.5 text-size-4',\n                        },\n                        medium: {\n                            base: 'py-2 text-size-5',\n                        },\n                        large: {\n                            base: 'py-2.5 text-size-6',\n                        },\n                    },\n                },\n            },\n            {\n                twMerge: false,\n            },\n        );\n    }\n\n    private get alertStyles() {\n        let colorStatus = {\n            info: 'var(--bcm-ui-color-background-palette-blue-default)',\n            error: 'var(--bcm-ui-color-background-palette-red-default)',\n            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',\n            success: 'var(--bcm-ui-color-background-palette-green-default)',\n            default: 'var(--bcm-ui-color-background-palette-gray-default)',\n        };\n\n        let textStatusColor = {\n            info: 'var(--bcm-ui-color-text-info)',\n            error: 'var(--bcm-ui-color-text-error)',\n            warning: 'var(--bcm-ui-color-text-warning)',\n            success: 'var(--bcm-ui-color-text-success)',\n            default: 'var(--bcm-ui-color-text-default)',\n        };\n\n        let filleStyle = {\n            '--bcm-alert-bg': colorStatus[this.status],\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        let textStyle = {\n            '--bcm-alert-bg': 'transparent',\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        return this.kind === 'filled' ? filleStyle : textStyle;\n    }\n\n    render() {\n        const { base, section } = this.alertClass({ size: this.size });\n        return (\n            <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class={base()} style={this.alertStyles}>\n                <div class={section()}>\n                    {this.showStatusIcon && <bcm-icon icon-name={this.getStatusIcon()}></bcm-icon>}\n                    <slot></slot>\n                </div>\n                <div class={section()}>\n                    <div part=\"action\">\n                        <slot name=\"action\"></slot>\n                    </div>\n                    <span part=\"icon\">{this.dismissible && <bcm-icon onClick={() => this.onDismiss()} class=\"cursor-pointer\" icon-name=\"fa-regular fa-xmark\"></bcm-icon>}</span>\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,isJACjB,MAAAC,EAAeD,E,MCaFE,EAAQ,MALrB,WAAAC,CAAAC,G,iDAQIC,KAAAC,OAAuB,UAIvBD,KAAAE,KAAmB,SAInBF,KAAAG,KAAmB,SAInBH,KAAAI,YAAwB,KAIxBJ,KAAAK,eAA2B,I,CASnB,SAAAC,GACJN,KAAKO,WAAWC,M,CAGZ,aAAAC,GACJ,MAAMC,EAAa,CACfC,KAAM,4BACNC,MAAO,mCACPC,QAAS,qCACTC,QAAS,8BAEb,OAAOJ,EAAWV,KAAKC,O,CAG3B,cAAYc,GACR,OAAOC,EACH,CACIC,MAAO,CACHC,KAAM,gKACNC,QAAS,2BAEbC,SAAU,CACNlB,KAAM,CACFmB,MAAO,CACHH,KAAM,sBAEVI,OAAQ,CACJJ,KAAM,oBAEVK,MAAO,CACHL,KAAM,yBAKtB,CACIM,QAAS,O,CAKrB,eAAYC,GACR,IAAIC,EAAc,CACdf,KAAM,sDACNC,MAAO,qDACPC,QAAS,wDACTC,QAAS,uDACTa,QAAS,uDAGb,IAAIC,EAAkB,CAClBjB,KAAM,gCACNC,MAAO,iCACPC,QAAS,mCACTC,QAAS,mCACTa,QAAS,oCAGb,IAAIE,EAAa,CACb,iBAAkBH,EAAY1B,KAAKC,QACnC,mBAAoB2B,EAAgB5B,KAAKC,SAG7C,IAAI6B,EAAY,CACZ,iBAAkB,cAClB,mBAAoBF,EAAgB5B,KAAKC,SAG7C,OAAOD,KAAKG,OAAS,SAAW0B,EAAaC,C,CAGjD,MAAAC,GACI,MAAMb,KAAEA,EAAIC,QAAEA,GAAYnB,KAAKe,WAAW,CAAEb,KAAMF,KAAKE,OACvD,OACI8B,EAAA,OAAAC,IAAA,2CAAKC,KAAK,QAAO,YAAW,YAAW,cAAa,OAAOC,MAAOjB,IAAQkB,MAAOpC,KAAKyB,aAClFO,EAAA,OAAAC,IAAA,2CAAKE,MAAOhB,KACPnB,KAAKK,gBAAkB2B,EAAA,YAAAC,IAAA,uDAAqBjC,KAAKS,kBAClDuB,EAAA,QAAAC,IAAA,8CAEJD,EAAA,OAAAC,IAAA,2CAAKE,MAAOhB,KACRa,EAAA,OAAAC,IAAA,2CAAKI,KAAK,UACNL,EAAA,QAAAC,IAAA,2CAAMK,KAAK,YAEfN,EAAA,QAAAC,IAAA,2CAAMI,KAAK,QAAQrC,KAAKI,aAAe4B,EAAA,YAAAC,IAAA,2CAAUM,QAAS,IAAMvC,KAAKM,YAAa6B,MAAM,iBAAgB,YAAW,0B","ignoreList":[]}
+{"version":3,"names":["alertCss","BcmAlertStyle0","BcmAlert","constructor","hostRef","this","status","size","kind","dismissible","showStatusIcon","onDismiss","bcmDismiss","emit","getStatusIcon","statusIcon","info","error","warning","success","alertClass","tv","slots","base","section","variants","small","medium","large","twMerge","alertStyles","colorStatus","default","textStatusColor","filleStyle","textStyle","render","h","key","role","class","style","part","name","onClick"],"sources":["src/components/alert/alert.css?tag=bcm-alert&encapsulation=shadow","src/components/alert/alert.component.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n  width: 100%;\n  --bcm-alert-bg: var(--bcm-ui-color-background-default-default);\n  --bcm-alert-text: var(--bcm-ui-color-text-default);\n  --bcm-alert-radius: 6px;\n}\n","import { Component, ComponentInterface, h, Prop, Event, EventEmitter } from '@stencil/core';\nimport { AlertKind, AlertSize, AlertStatus } from './types';\nimport { tv } from 'tailwind-variants';\n\n\n/**\n * Alert component that displays messages with different statuses and styles\n * @class BcmAlert\n */\n@Component({\n    tag: 'bcm-alert',\n    styleUrl: 'alert.css',\n    shadow: true,\n})\nexport class BcmAlert implements ComponentInterface {\n    /** Alert status type */\n    @Prop()\n    status?: AlertStatus = 'default';\n\n    /** Alert size variant */\n    @Prop()\n    size?: AlertSize = 'medium';\n\n    /** Alert style variant */\n    @Prop()\n    kind?: AlertKind = 'filled';\n\n    /** Whether alert can be dismissed */\n    @Prop()\n    dismissible?: boolean = true;\n\n    /** Whether to show status icon */\n    @Prop()\n    showStatusIcon?: boolean = true;\n\n    @Event() bcmDismiss: EventEmitter<void>;\n\n\n    /**\n     * Handles alert dismissal\n     * @private\n     */\n    private onDismiss() {\n        this.bcmDismiss.emit();\n    }\n\n    private getStatusIcon() {\n        const statusIcon = {\n            info: 'fa-regular fa-info-circle',\n            error: 'fa-regular fa-exclamation-circle',\n            warning: 'fa-regular fa-exclamation-triangle',\n            success: 'fa-regular fa-check-circle',\n        };\n        return statusIcon[this.status];\n    }\n\n    private get alertClass() {\n        return tv(\n            {\n                slots: {\n                    base: 'alert bcm-ui-element font-medium flex items-center justify-between bg-[--bcm-alert-bg] text-[--bcm-alert-text] rounded-[--bcm-alert-radius] px-3 gap-3 w-full',\n                    section: 'flex items-center gap-2',\n                },\n                variants: {\n                    size: {\n                        small: {\n                            base: 'py-1.5 text-size-4',\n                        },\n                        medium: {\n                            base: 'py-2 text-size-5',\n                        },\n                        large: {\n                            base: 'py-2.5 text-size-6',\n                        },\n                    },\n                },\n            },\n            {\n                twMerge: false,\n            },\n        );\n    }\n\n    private get alertStyles() {\n        let colorStatus = {\n            info: 'var(--bcm-ui-color-background-palette-blue-default)',\n            error: 'var(--bcm-ui-color-background-palette-red-default)',\n            warning: 'var(--bcm-ui-color-background-palette-yellow-default)',\n            success: 'var(--bcm-ui-color-background-palette-green-default)',\n            default: 'var(--bcm-ui-color-background-palette-gray-default)',\n        };\n\n        let textStatusColor = {\n            info: 'var(--bcm-ui-color-text-info)',\n            error: 'var(--bcm-ui-color-text-error)',\n            warning: 'var(--bcm-ui-color-text-warning)',\n            success: 'var(--bcm-ui-color-text-success)',\n            default: 'var(--bcm-ui-color-text-default)',\n        };\n\n        let filleStyle = {\n            '--bcm-alert-bg': colorStatus[this.status],\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        let textStyle = {\n            '--bcm-alert-bg': 'transparent',\n            '--bcm-alert-text': textStatusColor[this.status],\n        };\n\n        return this.kind === 'filled' ? filleStyle : textStyle;\n    }\n\n    render() {\n        const { base, section } = this.alertClass({ size: this.size });\n        return (\n            <div role=\"alert\" aria-live=\"assertive\" aria-atomic=\"true\" class={base()} style={this.alertStyles}>\n                <div class={section()}>\n                    {this.showStatusIcon && <bcm-icon icon-name={this.getStatusIcon()}></bcm-icon>}\n                    <slot></slot>\n                </div>\n                <div class={section()}>\n                    <div part=\"action\">\n                        <slot name=\"action\"></slot>\n                    </div>\n                    <span part=\"icon\">{this.dismissible && <bcm-icon onClick={() => this.onDismiss()} class=\"cursor-pointer\" icon-name=\"fa-regular fa-xmark\"></bcm-icon>}</span>\n                </div>\n            </div>\n        );\n    }\n}\n"],"mappings":"sFAAA,MAAMA,EAAW,08CACjB,MAAAC,EAAeD,E,MCaFE,EAAQ,MALrB,WAAAC,CAAAC,G,iDAQIC,KAAAC,OAAuB,UAIvBD,KAAAE,KAAmB,SAInBF,KAAAG,KAAmB,SAInBH,KAAAI,YAAwB,KAIxBJ,KAAAK,eAA2B,I,CASnB,SAAAC,GACJN,KAAKO,WAAWC,M,CAGZ,aAAAC,GACJ,MAAMC,EAAa,CACfC,KAAM,4BACNC,MAAO,mCACPC,QAAS,qCACTC,QAAS,8BAEb,OAAOJ,EAAWV,KAAKC,O,CAG3B,cAAYc,GACR,OAAOC,EACH,CACIC,MAAO,CACHC,KAAM,gKACNC,QAAS,2BAEbC,SAAU,CACNlB,KAAM,CACFmB,MAAO,CACHH,KAAM,sBAEVI,OAAQ,CACJJ,KAAM,oBAEVK,MAAO,CACHL,KAAM,yBAKtB,CACIM,QAAS,O,CAKrB,eAAYC,GACR,IAAIC,EAAc,CACdf,KAAM,sDACNC,MAAO,qDACPC,QAAS,wDACTC,QAAS,uDACTa,QAAS,uDAGb,IAAIC,EAAkB,CAClBjB,KAAM,gCACNC,MAAO,iCACPC,QAAS,mCACTC,QAAS,mCACTa,QAAS,oCAGb,IAAIE,EAAa,CACb,iBAAkBH,EAAY1B,KAAKC,QACnC,mBAAoB2B,EAAgB5B,KAAKC,SAG7C,IAAI6B,EAAY,CACZ,iBAAkB,cAClB,mBAAoBF,EAAgB5B,KAAKC,SAG7C,OAAOD,KAAKG,OAAS,SAAW0B,EAAaC,C,CAGjD,MAAAC,GACI,MAAMb,KAAEA,EAAIC,QAAEA,GAAYnB,KAAKe,WAAW,CAAEb,KAAMF,KAAKE,OACvD,OACI8B,EAAA,OAAAC,IAAA,2CAAKC,KAAK,QAAO,YAAW,YAAW,cAAa,OAAOC,MAAOjB,IAAQkB,MAAOpC,KAAKyB,aAClFO,EAAA,OAAAC,IAAA,2CAAKE,MAAOhB,KACPnB,KAAKK,gBAAkB2B,EAAA,YAAAC,IAAA,uDAAqBjC,KAAKS,kBAClDuB,EAAA,QAAAC,IAAA,8CAEJD,EAAA,OAAAC,IAAA,2CAAKE,MAAOhB,KACRa,EAAA,OAAAC,IAAA,2CAAKI,KAAK,UACNL,EAAA,QAAAC,IAAA,2CAAMK,KAAK,YAEfN,EAAA,QAAAC,IAAA,2CAAMI,KAAK,QAAQrC,KAAKI,aAAe4B,EAAA,YAAAC,IAAA,2CAAUM,QAAS,IAAMvC,KAAKM,YAAa6B,MAAM,iBAAgB,YAAW,0B","ignoreList":[]}

package/dist/cjs/app-globals-29edfda4.js

@@ -0,0 +1,39 @@
+'use strict';
+
+function addHeadScript(obj) {
+    const head = document.head;
+    const script = document.createElement('script');
+    Object.keys(obj).forEach(key => {
+        script[key] = obj[key];
+    });
+    head.appendChild(script);
+}
+addHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });
+const FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';
+customElements.define('bcm-icon', class extends HTMLElement {
+    constructor() {
+        super();
+        const shadow = this.attachShadow({ mode: 'open' });
+        shadow.innerHTML = `
+        <link rel="stylesheet" href="${FA_GLOBAL_CSS}"/>
+        <i></i>
+      `;
+    }
+    get icon() {
+        return this.getAttribute('name') || this.getAttribute('icon-name');
+    }
+    set icon(icon) {
+        this.shadowRoot.querySelector('i').className = `${icon}`;
+    }
+    connectedCallback() {
+        this.style.display = 'inline-block';
+        this.icon = this.icon;
+    }
+});
+const globalFn = () => { };
+
+const globalScripts = globalFn;
+
+exports.globalScripts = globalScripts;
+
+//# sourceMappingURL=app-globals-29edfda4.js.map

package/dist/cjs/app-globals-29edfda4.js.map

@@ -0,0 +1 @@
+{"file":"app-globals-29edfda4.js","mappings":";;AAAA,SAAS,aAAa,CAAC,GAAG,EAAE;AAC5B,IAAI,MAAM,IAAI,GAAG,QAAQ,CAAC;AAC1B,IAAI,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC;AAC1C,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,GAAG;AAChC,QAAQ,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AAC1B;AACA,IAAI,IAAI,CAAC,WAAW,CAAC;AACrB;;AAEA,MAAM,aAAa,GAAG,qEAAqE,CAAC;;AAE5F,IAAI,WAAW,GAAG;;AAElB,QAAQ,MAAM,MAAM;AACpB,QAAQ;AACR;AACA;AACA,MAAM,CAAC,CAAC;AACR,KAAK;AACL,IAAI,IAAI,IAAI,GAAG;AACf,QAAQ,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC;AACjD,KAAK;AACL,IAAI;AACJ;;AAEA,IAAI;AACJ,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,cAAc,CAAC;AAC5C;;AAEA,CAAC,CAAC,CAAC;AACI,MAAM,QAAQ,GAAG,MAAM,GAAG;;AC7BrB,MAAC,aAAa,GAAGA;;;;","names":["appGlobalScript"],"sources":["src/global/global.js","@stencil/core/internal/app-globals"],"sourcesContent":["function addHeadScript(obj) {\n  const head = document.head;\n  const script = document.createElement('script');\n  Object.keys(obj).forEach(key => {\n    script[key] = obj[key];\n  });\n  head.appendChild(script);\n}\n\naddHeadScript({ src: 'https://kit.fontawesome.com/5e86bea963.js', crossOrigin: 'anonymous' });\n\nconst FA_GLOBAL_CSS = 'https://designsystem.bromcomcloud.com/fontawesome/6/css/all.min.css';\n\ncustomElements.define(\n  'bcm-icon',\n  class extends HTMLElement {\n    constructor() {\n      super();\n      const shadow = this.attachShadow({ mode: 'open' });\n      shadow.innerHTML = `\n        <link rel=\"stylesheet\" href=\"${FA_GLOBAL_CSS}\"/>\n        <i></i>\n      `;\n    }\n\n    get icon() {\n      return this.getAttribute('name') || this.getAttribute('icon-name');\n    }\n\n    set icon(icon) {\n      this.shadowRoot.querySelector('i').className = `${icon}`;\n    }\n\n    connectedCallback() {\n      this.style.display = 'inline-block';\n      this.icon = this.icon;\n    }\n  },\n);\n","import appGlobalScript from '/Users/muratpolatozkan/works/bromcom/bromcom-ui-next/src/global/global.js';\nexport const globalScripts = appGlobalScript;\n"],"version":3}

package/dist/cjs/bcm-accordion-group.cjs.entry.js

@@ -0,0 +1,92 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4795c073.js');
+
+const accordionGroupCss = ".block{display:block}:host{--bcm-accordion-border:var(--bcm-ui-color-border-default);--bcm-accordion-radius:6px;display:block;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.collapse{visibility:collapse}.static{position:static}.flex{display:flex}.w-full{width:100%}.flex-col{flex-direction:column}.rounded-\\[--bcm-accordion-radius\\]{border-radius:var(--bcm-accordion-radius)}.border{border-width:1px}.border-solid{border-style:solid}.border-\\[--bcm-accordion-border\\]{border-color:var(--bcm-accordion-border)}.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)}.filter{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)}";
+const BcmAccordionGroupStyle0 = accordionGroupCss;
+
+const BcmAccordionGroup = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.bcmAccordionGroupChange = index.createEvent(this, "bcmAccordionGroupChange", 1);
+        /** Controls whether multiple accordions can be expanded simultaneously */
+        this.multi = false;
+        /** Array of accordion elements within the group */
+        this.accordionItems = [];
+        /**
+         * Updates the accordion items array when slot content changes
+         */
+        this.handleSlotChange = () => {
+            this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));
+            this.setGroupBehavior();
+            // Validate accordion items
+            if (this.accordionItems.length === 0) {
+                console.warn('No accordion items found in accordion group');
+            }
+        };
+    }
+    /**
+     * Expands all accordions in the group
+     * Only available when multi=true
+     */
+    async expandAll() {
+        if (!this.multi) {
+            console.warn('expandAll is only available when multi=true');
+            return;
+        }
+        await Promise.all(this.accordionItems.map(item => item.expand()));
+    }
+    /**
+     * Collapses all accordions in the group
+     */
+    async collapseAll() {
+        await Promise.all(this.accordionItems.map(item => item.collapse()));
+    }
+    /**
+     * Returns an array of currently expanded accordion elements
+     */
+    async getExpandedItems() {
+        return this.accordionItems.filter(item => item.expanded);
+    }
+    componentWillLoad() {
+        this.handleSlotChange();
+    }
+    setGroupBehavior() {
+        this.accordionItems.forEach(item => {
+            item.group = true;
+        });
+    }
+    /**
+     * Handles state changes of individual accordions
+     */
+    handleAccordionChange(event) {
+        this.handleSlotChange();
+        const { expanded, source } = event === null || event === void 0 ? void 0 : event.detail;
+        if (!this.multi) {
+            this.accordionItems.forEach(item => {
+                if (item !== source) {
+                    item.collapse();
+                }
+                item.expanded = item === source ? expanded : false;
+            });
+        }
+        const expandedItems = this.accordionItems.filter(item => item.expanded);
+        this.bcmAccordionGroupChange.emit({
+            expanded,
+            changed: source,
+            expandedItems,
+            expandedCount: expandedItems.length,
+        });
+    }
+    render() {
+        return (index.h("div", { key: '04ec31b987f1a191437682ce92bc794da6971128', class: "flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, index.h("slot", { key: 'ba5809b40e06bd66bed5041b90a864bd2eeeae43', onSlotchange: this.handleSlotChange })));
+    }
+    get host() { return index.getElement(this); }
+};
+BcmAccordionGroup.style = BcmAccordionGroupStyle0;
+
+exports.bcm_accordion_group = BcmAccordionGroup;
+
+//# sourceMappingURL=bcm-accordion-group.cjs.entry.js.map

package/dist/cjs/bcm-accordion-group.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"bcm-accordion-group.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,uhCAAuhC,CAAC;AACljC,gCAAe,iBAAiB;;MCmEnB,iBAAiB;IAL9B;;;;QAUY,UAAK,GAAY,KAAK,CAAC;;QAGtB,mBAAc,GAA8B,EAAE,CAAC;;;;QAoDhD,qBAAgB,GAAG;YACvB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC;YAC9E,IAAI,CAAC,gBAAgB,EAAE,CAAC;;YAExB,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,KAAK,CAAC,EAAE;gBAClC,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;aAC/D;SACJ,CAAC;KAuCL;;;;;IApFG,MAAM,SAAS;QACX,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,OAAO,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAC;YAC5D,OAAO;SACV;QACD,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;KACrE;;;;IAMD,MAAM,WAAW;QACb,MAAM,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;KACvE;;;;IAMD,MAAM,gBAAgB;QAClB,OAAO,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC5D;IAED,iBAAiB;QACb,IAAI,CAAC,gBAAgB,EAAE,CAAC;KAC3B;IAGO,gBAAgB;QACpB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI;YAC5B,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;SACrB,CAAC,CAAC;KACN;;;;IAkBD,qBAAqB,CAAC,KAA4C;QAC9D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxB,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC;QAE3C,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;YACb,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI;gBAC5B,IAAI,IAAI,KAAK,MAAM,EAAE;oBACjB,IAAI,CAAC,QAAQ,EAAE,CAAC;iBACnB;gBACD,IAAI,CAAC,QAAQ,GAAG,IAAI,KAAK,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;aACtD,CAAC,CAAC;SACN;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxE,IAAI,CAAC,uBAAuB,CAAC,IAAI,CAAC;YAC9B,QAAQ;YACR,OAAO,EAAE,MAAM;YACf,aAAa;YACb,aAAa,EAAE,aAAa,CAAC,MAAM;SACtC,CAAC,CAAC;KACN;IAED,MAAM;QACF,QACIA,kEACI,KAAK,EAAC,0HAA0H,EAChI,IAAI,EAAC,OAAO,gBACD,iBAAiB,IAE5BA,mEAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAChD,EACR;KACL;;;;;;;","names":["h"],"sources":["src/components/accordion-group/accordion-group.css?tag=bcm-accordion-group&encapsulation=shadow","src/components/accordion-group/accordion-group.component.tsx"],"sourcesContent":[":host {\n  display: block;\n  width: 100%;\n  --bcm-accordion-border: var(--bcm-ui-color-border-default);\n  --bcm-accordion-radius: 6px;\n}\n","\nimport { Component, ComponentInterface, h, Element, Prop, Listen, State, Event, EventEmitter, Method } from '@stencil/core';\nimport { AccordionChangeEventType } from '../accordion/types';\nimport { AccordionGroupChangeEventType } from './types';\n\n/**\n* @component BcmAccordionGroup\n* @description A container component that manages a group of accordions. Provides single/multiple expansion \n* modes and methods for controlling all accordions simultaneously. Uses shadow DOM for style encapsulation.\n*\n* @example Basic usage - Single expansion mode\n* <bcm-accordion-group>\n*   <bcm-accordion>\n*     <div slot=\"title\">Section 1</div>\n*     <div>Content 1</div>\n*   </bcm-accordion>\n*   <bcm-accordion>\n*     <div slot=\"title\">Section 2</div>\n*     <div>Content 2</div>\n*   </bcm-accordion>\n* </bcm-accordion-group>\n*\n* @example Multiple expansion mode\n* <bcm-accordion-group multi={true}>\n*   <bcm-accordion>...</bcm-accordion>\n*   <bcm-accordion>...</bcm-accordion>\n* </bcm-accordion-group>\n* \n* @example Event handling\n* // Listen to accordion group changes\n* const accordionGroup = document.querySelector('bcm-accordion-group');\n* accordionGroup.addEventListener('bcmAccordionGroupChange', (event) => {\n*   const { expanded, changed, expandedItems, expandedCount } = event.detail;\n*   console.log('Accordion expanded state:', expanded);\n*   console.log('Changed accordion:', changed);\n*   console.log('Currently expanded accordions:', expandedItems);\n*   console.log('Number of expanded accordions:', expandedCount);\n* });\n* \n* // Using methods\n* await accordionGroup.expandAll();   // Expands all accordions (only in multi mode)\n* await accordionGroup.collapseAll(); // Collapses all accordions\n* const expanded = await accordionGroup.getExpandedItems(); // Gets expanded accordions\n*\n* @prop {boolean} multi - Controls whether multiple accordions can be expanded simultaneously (default: false)\n*\n* @slot default - Container slot for bcm-accordion components\n*\n* @event {EventEmitter<AccordionGroupChangeEventType>} bcmAccordionGroupChange - Emitted when any accordion's state changes\n* @eventProperty {boolean} expanded - Current expanded state of the changed accordion\n* @eventProperty {HTMLElement} changed - The accordion element that triggered the change\n* @eventProperty {HTMLElement[]} expandedItems - Array of currently expanded accordion elements\n* @eventProperty {number} expandedCount - Number of currently expanded accordions\n*\n* @method expandAll() - Expands all accordions (only available in multi mode)\n* @method collapseAll() - Collapses all accordions\n* @method getExpandedItems() - Returns array of currently expanded accordions\n*\n* @csspart container - The accordion group container element\n*\n* @css {string} --bcm-accordion-border - Border color of the accordion group\n* @css {string} --bcm-accordion-radius - Border radius of the accordion group\n*/\n@Component({\n    tag: 'bcm-accordion-group',\n    styleUrl: 'accordion-group.css',\n    shadow: true,\n})\nexport class BcmAccordionGroup implements ComponentInterface {\n    /** Reference to the host element */\n    @Element() host: HTMLElement;\n\n    /** Controls whether multiple accordions can be expanded simultaneously */\n    @Prop() multi: boolean = false;\n\n    /** Array of accordion elements within the group */\n    @State() accordionItems: HTMLBcmAccordionElement[] = [];\n\n    /** Event emitted when any accordion's expanded state changes */\n    @Event({\n        composed: false,\n        bubbles: false,\n        cancelable: true,\n    }) bcmAccordionGroupChange: EventEmitter<AccordionGroupChangeEventType>;\n\n    /**\n     * Expands all accordions in the group\n     * Only available when multi=true\n     */\n    @Method()\n    async expandAll(): Promise<void> {\n        if (!this.multi) {\n            console.warn('expandAll is only available when multi=true');\n            return;\n        }\n        await Promise.all(this.accordionItems.map(item => item.expand()));\n    }\n\n    /**\n     * Collapses all accordions in the group\n     */\n    @Method()\n    async collapseAll(): Promise<void> {\n        await Promise.all(this.accordionItems.map(item => item.collapse()));\n    }\n\n    /**\n     * Returns an array of currently expanded accordion elements\n     */\n    @Method()\n    async getExpandedItems(): Promise<HTMLBcmAccordionElement[]> {\n        return this.accordionItems.filter(item => item.expanded);\n    }\n\n    componentWillLoad() {\n        this.handleSlotChange();\n    }\n\n\n    private setGroupBehavior(): void {\n        this.accordionItems.forEach(item => {\n            item.group = true;\n        });\n    }\n\n    /**\n     * Updates the accordion items array when slot content changes\n     */\n    private handleSlotChange = () => {\n        this.accordionItems = Array.from(this.host.querySelectorAll('bcm-accordion'));\n        this.setGroupBehavior();\n        // Validate accordion items\n        if (this.accordionItems.length === 0) {\n            console.warn('No accordion items found in accordion group');\n        }\n    };\n\n    /**\n     * Handles state changes of individual accordions\n     */\n    @Listen('bcmAccordionChange', { capture: true })\n    handleAccordionChange(event: CustomEvent<AccordionChangeEventType>) {\n        this.handleSlotChange();\n        const { expanded, source } = event?.detail;\n\n        if (!this.multi) {\n            this.accordionItems.forEach(item => {\n                if (item !== source) {\n                    item.collapse();\n                }\n                item.expanded = item === source ? expanded : false;\n            });\n        }\n\n        const expandedItems = this.accordionItems.filter(item => item.expanded);\n        this.bcmAccordionGroupChange.emit({\n            expanded,\n            changed: source,\n            expandedItems,\n            expandedCount: expandedItems.length,\n        });\n    }\n\n    render() {\n        return (\n            <div\n                class=\"flex flex-col bcm-ui-element w-full border border-solid border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]\"\n                role=\"group\"\n                aria-label=\"Accordion group\"\n            >\n                <slot onSlotchange={this.handleSlotChange}></slot>\n            </div>\n        );\n    }\n}"],"version":3}