bromcom-ui-next 0.1.5 → 0.1.6

package/dist/bromcom-ui/p-5737e7de.entry.js.map

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

package/dist/bromcom-ui/p-63cb0933.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as d,h as t,H as e,g as i}from"./p-15fe392b.js";import{c as a}from"./p-5fcf77f9.js";const r='.visible{visibility:visible}.hidden{display:none}:host{--dropdown-box-min-weight:32px;--dropdown-box-max-width:384px;--dropdown-box-max-height:384px;--dropdown-box-background-color:var("--bcm-ui-color-background-base-default")}.scroll{height:140px;overflow-y:auto;width:140px}.scroll:active::-webkit-scrollbar-thumb,.scroll:focus::-webkit-scrollbar-thumb,.scroll:hover::-webkit-scrollbar-thumb{visibility:visible}.scroll::-webkit-scrollbar-thumb{background-color:#a9a9a9;visibility:hidden}.scroll::-webkit-scrollbar{height:8px;width:8px}.static{position:static}.flex{display:flex}.max-h-\\[--dropdown-box-max-height\\]{max-height:var(--dropdown-box-max-height)}.w-full{width:100%}.min-w-\\[--dropdown-box-min-weight\\]{min-width:var(--dropdown-box-min-weight)}.max-w-\\[--dropdown-box-max-weight\\]{max-width:var(--dropdown-box-max-weight)}.flex-col{flex-direction:column}.items-center{align-items:center}.rounded-lg{border-radius:.5rem}.bg-\\[--dropdown-box-background-color\\]{background-color:var(--dropdown-box-background-color)}.py-1\\.5{padding-bottom:.375rem;padding-top:.375rem}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default)}.shadow,.shadow-3{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-3{--tw-shadow:var(--bcm-ui-box-shadow-3);--tw-shadow-colored:var(--bcm-ui-box-shadow-3)}.outline{outline-style:solid}';const s=r;const b=class{constructor(t){o(this,t);this.bcmDropdownChange=d(this,"bcmDropdownChange",1);this.isReady=false;this.dropdownItems=[];this.dropdownClass=a({base:"dropdown flex flex-col items-center min-w-[--dropdown-box-min-weight] shadow-3 max-w-[--dropdown-box-max-weight] max-h-[--dropdown-box-max-height] w-full bg-[--dropdown-box-background-color] rounded-lg py-1.5 scroll"});this.handleSlotChange=()=>{this.dropdownItems=Array.from(this.host.querySelectorAll("bcm-dropdown-item"));if(this.dropdownItems.length===0){console.warn("No dropdown items found in dropdown component")}}}componentDidLoad(){const o=this.host.shadowRoot.querySelector("bcm-button");if(o){this.buttonRef=o;this.isReady=true}}handleDropdownItemChange(o){var d;const{element:t,selected:e}=o===null||o===void 0?void 0:o.detail;(d=this.dropdownItems)===null||d===void 0?void 0:d.forEach((o=>{if(o!=t){o.selected=false}}));this.bcmDropdownChange.emit({element:t,selected:e})}render(){return t(e,{key:"b11ebb72b3edcdfb390e0db6670f4529be9c68fb"},t("bcm-button",{key:"ed882535b16ddbc4125a1fc0dc99da8c09b6ee08",kind:"outline"},t("span",{key:"6bbbaf7e987dda4cab9871bdf05f2b1563c88f76",part:"text"},this.text)),this.isReady&&t("bcm-linked",{key:"0baaf5b767cb1be7fd88fac88d721b672f9a3fce",targetElement:this.buttonRef},t("div",{key:"c5548264d4ab84019eeac053317d210898320d01",part:"dropdown-container",class:this.dropdownClass()},t("slot",{key:"7484957ffd0d7997e8acea90c56291eb0d036003",onSlotchange:this.handleSlotChange}))))}get host(){return i(this)}};b.style=s;export{b as bcm_dropdown};
-//# sourceMappingURL=p-63cb0933.entry.js.map

package/dist/bromcom-ui/p-7a1bf6a6.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,g as o}from"./p-15fe392b.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a,s as l,a as c,d as n}from"./p-31354aaa.js";const h={search:"fa-regular fa-magnifying-glass",email:"fa-regular fa-envelope",tel:"fa-regular fa-phone",url:"fa-regular fa-link",date:"fa-regular fa-calendar",time:"fa-regular fa-clock","datetime-local":"fa-regular fa-calendar-clock",password:"fa-regular fa-lock"};const d=(e,t)=>{var r;const o=(r=e.shadowRoot)===null||r===void 0?void 0:r.querySelector(`slot[name="${t}"]`);if(!o)return false;const i=o.assignedNodes();return i.length>0};const b='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:inline-block}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.flex{display:flex}.h-10{height:2.5rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.cursor-not-allowed{cursor:not-allowed}.appearance-none{appearance:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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:"16027ed2f475a50578b117a3683521f85e230679",class:"bcm-ui-element"},this.label&&r("label",{key:"c5cc664264a8c4a10a6d76b436bd7d8182c177c0",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:"45628e044e789a9b14620d53a4df5474550f359b",name:"label"},this.label),this.required&&r("span",{key:"8e04bc0e5f05e2b4f9061cb4d42c0238bc35130f"},"*")),r("div",{key:"7be51bae7a14d41afeb850283a784f6b3f03f543",class:t()},(this.hasSlotContent("prefix")||this.prefixIcon||this.getDefaultIconForType())&&r("div",{key:"4d1af4117603a1d59fe31046fb6211023d1262cb",class:"flex items-center gap-2 px-2"},(this.prefixIcon||this.getDefaultIconForType())&&r("bcm-icon",{key:"e24c083434cbc7c434af1b029dd61e8d868e940d",class:"prefix-icon","icon-name":this.prefixIcon||this.getDefaultIconForType(),size:i}),r("slot",{key:"bb8bde1293d13181732213203b176f19c42d8f4b",name:"prefix"})),r("input",{key:"b39040649ad32e6a966fe0828380a5971fba624d",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:"76005ada0408cab0591b96df36126cbf6e97b3c0",class:"flex items-center gap-2 px-2"},r("slot",{key:"72276115112f969c220a66dee52ab03edf49164a",name:"suffix"}),this.suffixIcon&&r("bcm-icon",{key:"cc29fc8350d49f7b967ad94ee309dfe0c57cfde8",class:"suffix-icon","icon-name":this.suffixIcon,size:i}))),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"9918268a982a1e36f51a1220d6f39f4f111bf3bc",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-7a1bf6a6.entry.js.map

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

@@ -1,2 +0,0 @@
-import{r as e,c as t,h as r,g as o}from"./p-15fe392b.js";import{c as i}from"./p-5fcf77f9.js";import{c as s}from"./p-12360e4c.js";import{g as a,s as l,a as n,d as c}from"./p-31354aaa.js";const h='.visible{visibility:visible}.collapse{visibility:collapse}.relative{position:relative}.block{display:block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none;resize:none!important}.resize-y{resize:vertical;resize:vertical!important}.resize-x{resize:horizontal;resize:horizontal!important}.resize{resize:both!important;resize:both}.border{border-width:1px}.underline{text-decoration-line:underline}.outline{outline-style:solid}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:oklch(.707 .022 261.325);opacity:1}input::placeholder,textarea::placeholder{color:oklch(.707 .022 261.325);opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}:host{display:block;width:100%}.bcm-textarea__container{display:flex;flex-direction:column;width:100%}.bcm-ui-element{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif}.static{position:static}.mt-1{margin-top:.25rem}.min-h-0{min-height:0}.min-h-\\[3rem\\]{min-height:3rem}.min-h-\\[4rem\\]{min-height:4rem}.min-h-\\[5rem\\]{min-height:5rem}.w-full{width:100%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.\\!resize-none{resize:none!important}.\\!resize-y{resize:vertical!important}.\\!resize-x{resize:horizontal!important}.\\!resize{resize:both!important}.appearance-none{appearance:none}.flex-col{flex-direction:column}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.border-0{border-width:0}.border-solid{border-style:solid}.border-\\[--bcm-ui-color-border-default\\]{border-color:var(--bcm-ui-color-border-default)}.border-\\[--bcm-ui-color-border-error\\]{border-color:var(--bcm-ui-color-border-error)}.border-\\[--bcm-ui-color-border-info\\]{border-color:var(--bcm-ui-color-border-info)}.border-\\[--bcm-ui-color-border-success\\]{border-color:var(--bcm-ui-color-border-success)}.border-\\[--bcm-ui-color-border-warning\\]{border-color:var(--bcm-ui-color-border-warning)}.bg-\\[--bcm-ui-color-background-base-default\\]{background-color:var(--bcm-ui-color-background-base-default)}.bg-transparent{background-color:transparent}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-right{text-align:right}.font-sans{font-family:Inter,sans-serif}.text-size-3{font-size:var(--bcm-ui-font-size-3,12px);line-height:var(--bcm-ui-line-height-3,16px)}.text-size-4{font-size:var(--bcm-ui-font-size-4,14px);line-height:var(--bcm-ui-line-height-4,20px)}.text-size-5{font-size:var(--bcm-ui-font-size-5,16px);line-height:var(--bcm-ui-line-height-5,24px)}.text-size-6{font-size:var(--bcm-ui-font-size-6,18px);line-height:var(--bcm-ui-line-height-6,24px)}.font-medium{font-weight:500}.text-\\[--bcm-ui-color-text-caption\\]{color:var(--bcm-ui-color-text-caption)}.text-\\[--bcm-ui-color-text-default\\]{color:var(--bcm-ui-color-text-default)}.text-\\[--bcm-ui-color-text-disabled\\]{color:var(--bcm-ui-color-text-disabled)}.text-\\[--bcm-ui-color-text-error\\]{color:var(--bcm-ui-color-text-error)}.text-\\[--bcm-ui-color-text-info\\]{color:var(--bcm-ui-color-text-info)}.text-\\[--bcm-ui-color-text-placeholder\\]{color:var(--bcm-ui-color-text-placeholder)}.text-\\[--bcm-ui-color-text-success\\]{color:var(--bcm-ui-color-text-success)}.text-\\[--bcm-ui-color-text-warning\\]{color:var(--bcm-ui-color-text-warning)}.text-color-disabled{color:var(--bcm-ui-color-text-disabled)}.text-color-label{color:var(--bcm-ui-color-text-label)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.shadow{--tw-shadow:var(--bcm-ui-box-shadow-default);--tw-shadow-colored:var(--bcm-ui-box-shadow-default);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:"7b05eb283d907f900acf798394397dbedb80ef5a",class:"bcm-ui-element"},this.label&&r("label",{key:"02b916d542ba581f48a50721342602b1724594ec",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:"c56433888e76514abc3c1e4dd19e1b8d9206d855",name:"label"},this.label),this.required&&r("span",{key:"b7faeaa947795adc08c716c9970bb6cdcddef021"},"*")),r("div",{key:"24cddef024d6bcd81b444d0ecf619a28349975e0",class:t()},r("textarea",{key:"09fcd925f11d443be51daf8300bd037d012b33d8",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:"072155bb06d5556bf5b7315751a80b7f78aedf83",class:i()},this.value.length,this.maxLength?`/${this.maxLength}`:"")),(this.captionText||this.internalErrorMessage||this.validationMessage)&&r("div",{key:"458ccb9dea761f5e381fd64fb58323e31e97e0fe",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-e08b23ff.entry.js.map

package/dist/bromcom-ui/styles/theme-variables.ts

@@ -1,369 +0,0 @@
-export const themeVariables = {
-  fontSize: {
-    'size-1': ['var(--bcm-ui-font-size-1, 8px)', { lineHeight: 'var(--bcm-ui-line-height-1, 10px)' }],
-    'size-2': ['var(--bcm-ui-font-size-2, 10px)', { lineHeight: 'var(--bcm-ui-line-height-2, 12px)' }],
-    'size-3': ['var(--bcm-ui-font-size-3, 12px)', { lineHeight: 'var(--bcm-ui-line-height-3, 16px)' }],
-    'size-4': ['var(--bcm-ui-font-size-4, 14px)', { lineHeight: 'var(--bcm-ui-line-height-4, 20px)' }],
-    'size-5': ['var(--bcm-ui-font-size-5, 16px)', { lineHeight: 'var(--bcm-ui-line-height-5, 24px)' }],
-    'size-6': ['var(--bcm-ui-font-size-6, 18px)', { lineHeight: 'var(--bcm-ui-line-height-6, 24px)' }],
-    'size-7': ['var(--bcm-ui-font-size-7, 20px)', { lineHeight: 'var(--bcm-ui-line-height-7, 28px)' }],
-    'size-8': ['var(--bcm-ui-font-size-8, 24px)', { lineHeight: 'var(--bcm-ui-line-height-8, 32px)' }],
-    'size-9': ['var(--bcm-ui-font-size-9, 32px)', { lineHeight: 'var(--bcm-ui-line-height-9, 36px)' }],
-    'size-10': ['var(--bcm-ui-font-size-10, 36px)', { lineHeight: 'var(--bcm-ui-line-height-10, 44px)' }],
-    'size-11': ['var(--bcm-ui-font-size-11, 48px)', { lineHeight: 'var(--bcm-ui-line-height-11, 64px)' }],
-    'size-12': ['var(--bcm-ui-font-size-12, 60px)', { lineHeight: 'var(--bcm-ui-line-height-12, 72px)' }],
-    'size-13': ['var(--bcm-ui-font-size-13, 72px)', { lineHeight: 'var(--bcm-ui-line-height-13, 90px)' }],
-    'size-14': ['var(--bcm-ui-font-size-14, 96px)', { lineHeight: 'var(--bcm-ui-line-height-14, 96px)' }],
-    'size-inherit': ['inherit', { lineHeight: 'inherit' }],
-  },
-  boxShadow: {
-    'sm': 'var(--bcm-ui-box-shadow-sm)',
-    'DEFAULT': 'var(--bcm-ui-box-shadow-default)',
-    'md': 'var(--bcm-ui-box-shadow-md)',
-    'lg': 'var(--bcm-ui-box-shadow-lg)',
-    'xl': 'var(--bcm-ui-box-shadow-xl)',
-    '2xl': 'var(--bcm-ui-box-shadow-2xl)',
-    'inner': 'var(--bcm-ui-box-shadow-inner)',
-    'none': 'var(--bcm-ui-box-shadow-none)',
-    'default': 'var(--bcm-ui-box-shadow-default)',
-    '2': 'var(--bcm-ui-box-shadow-2)',
-    '3': 'var(--bcm-ui-box-shadow-3)',
-    '4': 'var(--bcm-ui-box-shadow-4)',
-  },
-  textColor: {
-    DEFAULT: 'var(--bcm-ui-color-text-default)',
-    default: 'var(--bcm-ui-color-text-default)',
-    base: 'var(--bcm-ui-color-text-base)',
-    header: 'var(--bcm-ui-color-text-header)',
-    label: 'var(--bcm-ui-color-text-label)',
-    helper: 'var(--bcm-ui-color-text-helper)',
-    placeholder: 'var(--bcm-ui-color-text-placeholder)',
-    caption: 'var(--bcm-ui-color-text-caption)',
-    iconDefault: 'var(--bcm-ui-color-text-icon-default)',
-    iconDark: 'var(--bcm-ui-color-text-icon-dark)',
-    primary: 'var(--bcm-ui-color-text-primary)',
-    info: 'var(--bcm-ui-color-text-info)',
-    success: 'var(--bcm-ui-color-text-success)',
-    warning: 'var(--bcm-ui-color-text-warning)',
-    error: 'var(--bcm-ui-color-text-error)',
-    disabled: 'var(--bcm-ui-color-text-disabled)',
-    visited: 'var(--bcm-ui-color-text-visited)',
-    palette: {
-      slate: 'var(--bcm-ui-color-text-palette-slate)',
-      gray: 'var(--bcm-ui-color-text-palette-gray)',
-      zinc: 'var(--bcm-ui-color-text-palette-zinc)',
-      neutral: 'var(--bcm-ui-color-text-palette-neutral)',
-      stone: 'var(--bcm-ui-color-text-palette-stone)',
-      red: 'var(--bcm-ui-color-text-palette-red)',
-      orange: 'var(--bcm-ui-color-text-palette-orange)',
-      amber: 'var(--bcm-ui-color-text-palette-amber)',
-      yellow: 'var(--bcm-ui-color-text-palette-yellow)',
-      lime: 'var(--bcm-ui-color-text-palette-lime)',
-      green: 'var(--bcm-ui-color-text-palette-green)',
-      emerald: 'var(--bcm-ui-color-text-palette-emerald)',
-      teal: 'var(--bcm-ui-color-text-palette-teal)',
-      cyan: 'var(--bcm-ui-color-text-palette-cyan)',
-      sky: 'var(--bcm-ui-color-text-palette-sky)',
-      blue: 'var(--bcm-ui-color-text-palette-blue)',
-      indigo: 'var(--bcm-ui-color-text-palette-indigo)',
-      violet: 'var(--bcm-ui-color-text-palette-violet)',
-      purple: 'var(--bcm-ui-color-text-palette-purple)',
-      fuchsia: 'var(--bcm-ui-color-text-palette-fuchsia)',
-      pink: 'var(--bcm-ui-color-text-palette-pink)',
-      rose: 'var(--bcm-ui-color-text-palette-rose)',
-    },
-  },
-  v4ColorPalette: {
-    inherit: 'inherit',
-    current: 'currentColor',
-    transparent: 'transparent',
-    black: '#000',
-    white: '#fff',
-    slate: {
-      '50': 'oklch(0.984 0.003 247.858)',
-      '100': 'oklch(0.968 0.007 247.896)',
-      '200': 'oklch(0.929 0.013 255.508)',
-      '300': 'oklch(0.869 0.022 252.894)',
-      '400': 'oklch(0.704 0.04 256.788)',
-      '500': 'oklch(0.554 0.046 257.417)',
-      '600': 'oklch(0.446 0.043 257.281)',
-      '700': 'oklch(0.372 0.044 257.287)',
-      '800': 'oklch(0.279 0.041 260.031)',
-      '900': 'oklch(0.208 0.042 265.755)',
-      '950': 'oklch(0.129 0.042 264.695)',
-    },
-    gray: {
-      '50': 'oklch(0.985 0.002 247.839)',
-      '100': 'oklch(0.967 0.003 264.542)',
-      '200': 'oklch(0.928 0.006 264.531)',
-      '300': 'oklch(0.872 0.01 258.338)',
-      '400': 'oklch(0.707 0.022 261.325)',
-      '500': 'oklch(0.551 0.027 264.364)',
-      '600': 'oklch(0.446 0.03 256.802)',
-      '700': 'oklch(0.373 0.034 259.733)',
-      '800': 'oklch(0.278 0.033 256.848)',
-      '900': 'oklch(0.21 0.034 264.665)',
-      '950': 'oklch(0.13 0.028 261.692)',
-    },
-    zinc: {
-      '50': 'oklch(0.985 0 0)',
-      '100': 'oklch(0.967 0.001 286.375)',
-      '200': 'oklch(0.92 0.004 286.32)',
-      '300': 'oklch(0.871 0.006 286.286)',
-      '400': 'oklch(0.705 0.015 286.067)',
-      '500': 'oklch(0.552 0.016 285.938)',
-      '600': 'oklch(0.442 0.017 285.786)',
-      '700': 'oklch(0.37 0.013 285.805)',
-      '800': 'oklch(0.274 0.006 286.033)',
-      '900': 'oklch(0.21 0.006 285.885)',
-      '950': 'oklch(0.141 0.005 285.823)',
-    },
-    neutral: {
-      '50': 'oklch(0.985 0 0)',
-      '100': 'oklch(0.97 0 0)',
-      '200': 'oklch(0.922 0 0)',
-      '300': 'oklch(0.87 0 0)',
-      '400': 'oklch(0.708 0 0)',
-      '500': 'oklch(0.556 0 0)',
-      '600': 'oklch(0.439 0 0)',
-      '700': 'oklch(0.371 0 0)',
-      '800': 'oklch(0.269 0 0)',
-      '900': 'oklch(0.205 0 0)',
-      '950': 'oklch(0.145 0 0)',
-    },
-    stone: {
-      '50': 'oklch(0.985 0.001 106.423)',
-      '100': 'oklch(0.97 0.001 106.424)',
-      '200': 'oklch(0.923 0.003 48.717)',
-      '300': 'oklch(0.869 0.005 56.366)',
-      '400': 'oklch(0.709 0.01 56.259)',
-      '500': 'oklch(0.553 0.013 58.071)',
-      '600': 'oklch(0.444 0.011 73.639)',
-      '700': 'oklch(0.374 0.01 67.558)',
-      '800': 'oklch(0.268 0.007 34.298)',
-      '900': 'oklch(0.216 0.006 56.043)',
-      '950': 'oklch(0.147 0.004 49.25)',
-    },
-    red: {
-      '50': 'oklch(0.971 0.013 17.38)',
-      '100': 'oklch(0.936 0.032 17.717)',
-      '200': 'oklch(0.885 0.062 18.334)',
-      '300': 'oklch(0.808 0.114 19.571)',
-      '400': 'oklch(0.704 0.191 22.216)',
-      '500': 'oklch(0.637 0.237 25.331)',
-      '600': 'oklch(0.577 0.245 27.325)',
-      '700': 'oklch(0.505 0.213 27.518)',
-      '800': 'oklch(0.444 0.177 26.899)',
-      '900': 'oklch(0.396 0.141 25.723)',
-      '950': 'oklch(0.258 0.092 26.042)',
-    },
-    orange: {
-      '50': 'oklch(0.98 0.016 73.684)',
-      '100': 'oklch(0.954 0.038 75.164)',
-      '200': 'oklch(0.901 0.076 70.697)',
-      '300': 'oklch(0.837 0.128 66.29)',
-      '400': 'oklch(0.75 0.183 55.934)',
-      '500': 'oklch(0.705 0.213 47.604)',
-      '600': 'oklch(0.646 0.222 41.116)',
-      '700': 'oklch(0.553 0.195 38.402)',
-      '800': 'oklch(0.47 0.157 37.304)',
-      '900': 'oklch(0.408 0.123 38.172)',
-      '950': 'oklch(0.266 0.079 36.259)',
-    },
-    amber: {
-      '50': 'oklch(0.987 0.022 95.277)',
-      '100': 'oklch(0.962 0.059 95.617)',
-      '200': 'oklch(0.924 0.12 95.746)',
-      '300': 'oklch(0.879 0.169 91.605)',
-      '400': 'oklch(0.828 0.189 84.429)',
-      '500': 'oklch(0.769 0.188 70.08)',
-      '600': 'oklch(0.666 0.179 58.318)',
-      '700': 'oklch(0.555 0.163 48.998)',
-      '800': 'oklch(0.473 0.137 46.201)',
-      '900': 'oklch(0.414 0.112 45.904)',
-      '950': 'oklch(0.279 0.077 45.635)',
-    },
-    yellow: {
-      '50': 'oklch(0.987 0.026 102.212)',
-      '100': 'oklch(0.973 0.071 103.193)',
-      '200': 'oklch(0.945 0.129 101.54)',
-      '300': 'oklch(0.905 0.182 98.111)',
-      '400': 'oklch(0.852 0.199 91.936)',
-      '500': 'oklch(0.795 0.184 86.047)',
-      '600': 'oklch(0.681 0.162 75.834)',
-      '700': 'oklch(0.554 0.135 66.442)',
-      '800': 'oklch(0.476 0.114 61.907)',
-      '900': 'oklch(0.421 0.095 57.708)',
-      '950': 'oklch(0.286 0.066 53.813)',
-    },
-    lime: {
-      '50': 'oklch(0.986 0.031 120.757)',
-      '100': 'oklch(0.967 0.067 122.328)',
-      '200': 'oklch(0.938 0.127 124.321)',
-      '300': 'oklch(0.897 0.196 126.665)',
-      '400': 'oklch(0.841 0.238 128.85)',
-      '500': 'oklch(0.768 0.233 130.85)',
-      '600': 'oklch(0.648 0.2 131.684)',
-      '700': 'oklch(0.532 0.157 131.589)',
-      '800': 'oklch(0.453 0.124 130.933)',
-      '900': 'oklch(0.405 0.101 131.063)',
-      '950': 'oklch(0.274 0.072 132.109)',
-    },
-    green: {
-      '50': 'oklch(0.982 0.018 155.826)',
-      '100': 'oklch(0.962 0.044 156.743)',
-      '200': 'oklch(0.925 0.084 155.995)',
-      '300': 'oklch(0.871 0.15 154.449)',
-      '400': 'oklch(0.792 0.209 151.711)',
-      '500': 'oklch(0.723 0.219 149.579)',
-      '600': 'oklch(0.627 0.194 149.214)',
-      '700': 'oklch(0.527 0.154 150.069)',
-      '800': 'oklch(0.448 0.119 151.328)',
-      '900': 'oklch(0.393 0.095 152.535)',
-      '950': 'oklch(0.266 0.065 152.934)',
-    },
-    emerald: {
-      '50': 'oklch(0.979 0.021 166.113)',
-      '100': 'oklch(0.95 0.052 163.051)',
-      '200': 'oklch(0.905 0.093 164.15)',
-      '300': 'oklch(0.845 0.143 164.978)',
-      '400': 'oklch(0.765 0.177 163.223)',
-      '500': 'oklch(0.696 0.17 162.48)',
-      '600': 'oklch(0.596 0.145 163.225)',
-      '700': 'oklch(0.508 0.118 165.612)',
-      '800': 'oklch(0.432 0.095 166.913)',
-      '900': 'oklch(0.378 0.077 168.94)',
-      '950': 'oklch(0.262 0.051 172.552)',
-    },
-    teal: {
-      '50': 'oklch(0.984 0.014 180.72)',
-      '100': 'oklch(0.953 0.051 180.801)',
-      '200': 'oklch(0.91 0.096 180.426)',
-      '300': 'oklch(0.855 0.138 181.071)',
-      '400': 'oklch(0.777 0.152 181.912)',
-      '500': 'oklch(0.704 0.14 182.503)',
-      '600': 'oklch(0.6 0.118 184.704)',
-      '700': 'oklch(0.511 0.096 186.391)',
-      '800': 'oklch(0.437 0.078 188.216)',
-      '900': 'oklch(0.386 0.063 188.416)',
-      '950': 'oklch(0.277 0.046 192.524)',
-    },
-    cyan: {
-      '50': 'oklch(0.984 0.019 200.873)',
-      '100': 'oklch(0.956 0.045 203.388)',
-      '200': 'oklch(0.917 0.08 205.041)',
-      '300': 'oklch(0.865 0.127 207.078)',
-      '400': 'oklch(0.789 0.154 211.53)',
-      '500': 'oklch(0.715 0.143 215.221)',
-      '600': 'oklch(0.609 0.126 221.723)',
-      '700': 'oklch(0.52 0.105 223.128)',
-      '800': 'oklch(0.45 0.085 224.283)',
-      '900': 'oklch(0.398 0.07 227.392)',
-      '950': 'oklch(0.302 0.056 229.695)',
-    },
-    sky: {
-      '50': 'oklch(0.977 0.013 236.62)',
-      '100': 'oklch(0.951 0.026 236.824)',
-      '200': 'oklch(0.901 0.058 230.902)',
-      '300': 'oklch(0.828 0.111 230.318)',
-      '400': 'oklch(0.746 0.16 232.661)',
-      '500': 'oklch(0.685 0.169 237.323)',
-      '600': 'oklch(0.588 0.158 241.966)',
-      '700': 'oklch(0.5 0.134 242.749)',
-      '800': 'oklch(0.443 0.11 240.79)',
-      '900': 'oklch(0.391 0.09 240.876)',
-      '950': 'oklch(0.293 0.066 243.157)',
-    },
-    blue: {
-      '50': 'oklch(0.97 0.014 254.604)',
-      '100': 'oklch(0.932 0.032 255.585)',
-      '200': 'oklch(0.882 0.059 254.128)',
-      '300': 'oklch(0.809 0.105 251.813)',
-      '400': 'oklch(0.707 0.165 254.624)',
-      '500': 'oklch(0.623 0.214 259.815)',
-      '600': 'oklch(0.546 0.245 262.881)',
-      '700': 'oklch(0.488 0.243 264.376)',
-      '800': 'oklch(0.424 0.199 265.638)',
-      '900': 'oklch(0.379 0.146 265.522)',
-      '950': 'oklch(0.282 0.091 267.935)',
-    },
-    indigo: {
-      '50': 'oklch(0.962 0.018 272.314)',
-      '100': 'oklch(0.93 0.034 272.788)',
-      '200': 'oklch(0.87 0.065 274.039)',
-      '300': 'oklch(0.785 0.115 274.713)',
-      '400': 'oklch(0.673 0.182 276.935)',
-      '500': 'oklch(0.585 0.233 277.117)',
-      '600': 'oklch(0.511 0.262 276.966)',
-      '700': 'oklch(0.457 0.24 277.023)',
-      '800': 'oklch(0.398 0.195 277.366)',
-      '900': 'oklch(0.359 0.144 278.697)',
-      '950': 'oklch(0.257 0.09 281.288)',
-    },
-    violet: {
-      '50': 'oklch(0.969 0.016 293.756)',
-      '100': 'oklch(0.943 0.029 294.588)',
-      '200': 'oklch(0.894 0.057 293.283)',
-      '300': 'oklch(0.811 0.111 293.571)',
-      '400': 'oklch(0.702 0.183 293.541)',
-      '500': 'oklch(0.606 0.25 292.717)',
-      '600': 'oklch(0.541 0.281 293.009)',
-      '700': 'oklch(0.491 0.27 292.581)',
-      '800': 'oklch(0.432 0.232 292.759)',
-      '900': 'oklch(0.38 0.189 293.745)',
-      '950': 'oklch(0.283 0.141 291.089)',
-    },
-    purple: {
-      '50': 'oklch(0.977 0.014 308.299)',
-      '100': 'oklch(0.946 0.033 307.174)',
-      '200': 'oklch(0.902 0.063 306.703)',
-      '300': 'oklch(0.827 0.119 306.383)',
-      '400': 'oklch(0.714 0.203 305.504)',
-      '500': 'oklch(0.627 0.265 303.9)',
-      '600': 'oklch(0.558 0.288 302.321)',
-      '700': 'oklch(0.496 0.265 301.924)',
-      '800': 'oklch(0.438 0.218 303.724)',
-      '900': 'oklch(0.381 0.176 304.987)',
-      '950': 'oklch(0.291 0.149 302.717)',
-    },
-    fuchsia: {
-      '50': 'oklch(0.977 0.017 320.058)',
-      '100': 'oklch(0.952 0.037 318.852)',
-      '200': 'oklch(0.903 0.076 319.62)',
-      '300': 'oklch(0.833 0.145 321.434)',
-      '400': 'oklch(0.74 0.238 322.16)',
-      '500': 'oklch(0.667 0.295 322.15)',
-      '600': 'oklch(0.591 0.293 322.896)',
-      '700': 'oklch(0.518 0.253 323.949)',
-      '800': 'oklch(0.452 0.211 324.591)',
-      '900': 'oklch(0.401 0.17 325.612)',
-      '950': 'oklch(0.293 0.136 325.661)',
-    },
-    pink: {
-      '50': 'oklch(0.971 0.014 343.198)',
-      '100': 'oklch(0.948 0.028 342.258)',
-      '200': 'oklch(0.899 0.061 343.231)',
-      '300': 'oklch(0.823 0.12 346.018)',
-      '400': 'oklch(0.718 0.202 349.761)',
-      '500': 'oklch(0.656 0.241 354.308)',
-      '600': 'oklch(0.592 0.249 0.584)',
-      '700': 'oklch(0.525 0.223 3.958)',
-      '800': 'oklch(0.459 0.187 3.815)',
-      '900': 'oklch(0.408 0.153 2.432)',
-      '950': 'oklch(0.284 0.109 3.907)',
-    },
-    rose: {
-      '50': 'oklch(0.969 0.015 12.422)',
-      '100': 'oklch(0.941 0.03 12.58)',
-      '200': 'oklch(0.892 0.058 10.001)',
-      '300': 'oklch(0.81 0.117 11.638)',
-      '400': 'oklch(0.712 0.194 13.428)',
-      '500': 'oklch(0.645 0.246 16.439)',
-      '600': 'oklch(0.586 0.253 17.585)',
-      '700': 'oklch(0.514 0.222 16.935)',
-      '800': 'oklch(0.455 0.188 13.697)',
-      '900': 'oklch(0.41 0.159 10.272)',
-      '950': 'oklch(0.271 0.105 12.094)',
-    },
-  },
-};

package/dist/bromcom-ui/styles/themes/index.css

@@ -1 +0,0 @@
-@import './library/default.css';

package/dist/bromcom-ui/styles/themes/library/default.css

@@ -1,73 +0,0 @@
-:root {
-  --bcm-color-primary-50: theme('colors.blue.50');
-  --bcm-color-primary-100: theme('colors.blue.100');
-  --bcm-color-primary-200: theme('colors.blue.200');
-  --bcm-color-primary-300: theme('colors.blue.300');
-  --bcm-color-primary-400: theme('colors.blue.400');
-  --bcm-color-primary-500: theme('colors.blue.500');
-  --bcm-color-primary-600: theme('colors.blue.600');
-  --bcm-color-primary-700: theme('colors.blue.700');
-  --bcm-color-primary-800: theme('colors.blue.800');
-  --bcm-color-primary-900: theme('colors.blue.900');
-  --bcm-color-primary-950: theme('colors.blue.950');
-
-  --bcm-color-secondary-50: theme('colors.gray.50');
-  --bcm-color-secondary-100: theme('colors.gray.100');
-  --bcm-color-secondary-200: theme('colors.gray.200');
-  --bcm-color-secondary-300: theme('colors.gray.300');
-  --bcm-color-secondary-400: theme('colors.gray.400');
-  --bcm-color-secondary-500: theme('colors.gray.500');
-  --bcm-color-secondary-600: theme('colors.gray.600');
-  --bcm-color-secondary-700: theme('colors.gray.700');
-  --bcm-color-secondary-800: theme('colors.gray.800');
-  --bcm-color-secondary-900: theme('colors.gray.900');
-  --bcm-color-secondary-950: theme('colors.gray.950');
-
-  --bcm-color-info-50: theme('colors.blue.50');
-  --bcm-color-info-100: theme('colors.blue.100');
-  --bcm-color-info-200: theme('colors.blue.200');
-  --bcm-color-info-300: theme('colors.blue.300');
-  --bcm-color-info-400: theme('colors.blue.400');
-  --bcm-color-info-500: theme('colors.blue.500');
-  --bcm-color-info-600: theme('colors.blue.600');
-  --bcm-color-info-700: theme('colors.blue.700');
-  --bcm-color-info-800: theme('colors.blue.800');
-  --bcm-color-info-900: theme('colors.blue.900');
-  --bcm-color-info-950: theme('colors.blue.950');
-
-  --bcm-color-success-50: theme('colors.emerald.50');
-  --bcm-color-success-100: theme('colors.emerald.100');
-  --bcm-color-success-200: theme('colors.emerald.200');
-  --bcm-color-success-300: theme('colors.emerald.300');
-  --bcm-color-success-400: theme('colors.emerald.400');
-  --bcm-color-success-500: theme('colors.emerald.500');
-  --bcm-color-success-600: theme('colors.emerald.600');
-  --bcm-color-success-700: theme('colors.emerald.700');
-  --bcm-color-success-800: theme('colors.emerald.800');
-  --bcm-color-success-900: theme('colors.emerald.900');
-  --bcm-color-success-950: theme('colors.emerald.950');
-
-  --bcm-color-warning-50: theme('colors.amber.50');
-  --bcm-color-warning-100: theme('colors.amber.100');
-  --bcm-color-warning-200: theme('colors.amber.200');
-  --bcm-color-warning-300: theme('colors.amber.300');
-  --bcm-color-warning-400: theme('colors.amber.400');
-  --bcm-color-warning-500: theme('colors.amber.500');
-  --bcm-color-warning-600: theme('colors.amber.600');
-  --bcm-color-warning-700: theme('colors.amber.700');
-  --bcm-color-warning-800: theme('colors.amber.800');
-  --bcm-color-warning-900: theme('colors.amber.900');
-  --bcm-color-warning-950: theme('colors.amber.950');
-
-  --bcm-color-error-50: theme('colors.red.50');
-  --bcm-color-error-100: theme('colors.red.100');
-  --bcm-color-error-200: theme('colors.red.200');
-  --bcm-color-error-300: theme('colors.red.300');
-  --bcm-color-error-400: theme('colors.red.400');
-  --bcm-color-error-500: theme('colors.red.500');
-  --bcm-color-error-600: theme('colors.red.600');
-  --bcm-color-error-700: theme('colors.red.700');
-  --bcm-color-error-800: theme('colors.red.800');
-  --bcm-color-error-900: theme('colors.red.900');
-  --bcm-color-error-950: theme('colors.red.950');
-}