bromcom-ui-next 0.1.0

package/dist/collection/styles/theme-variables.js.map

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

package/dist/components/bcm-accordion-group.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmAccordionGroup extends Components.BcmAccordionGroup, HTMLElement {}
+export const BcmAccordionGroup: {
+    prototype: BcmAccordionGroup;
+    new (): BcmAccordionGroup;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-accordion-group.js

@@ -0,0 +1,113 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-0adcc84f.js';
+
+const accordionGroupCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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::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}.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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.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-\\[--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$1 = /*@__PURE__*/ proxyCustomElement(class BcmAccordionGroup extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.bcmAccordionGroupChange = 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 (h("div", { key: '258e722af4cf7958d94f83c7bce7cd623b15f8fc', class: "flex flex-col bcm-ui-element w-full border border-[--bcm-accordion-border] rounded-[--bcm-accordion-radius]", role: "group", "aria-label": "Accordion group" }, h("slot", { key: 'e35cc8fe810e49f678b6af6962a4fbe09ae7f59e', onSlotchange: this.handleSlotChange })));
+    }
+    get host() { return this; }
+    static get style() { return BcmAccordionGroupStyle0; }
+}, [1, "bcm-accordion-group", {
+        "multi": [4],
+        "accordionItems": [32],
+        "expandAll": [64],
+        "collapseAll": [64],
+        "getExpandedItems": [64]
+    }, [[2, "bcmAccordionChange", "handleAccordionChange"]]]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bcm-accordion-group"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bcm-accordion-group":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BcmAccordionGroup$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BcmAccordionGroup = BcmAccordionGroup$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmAccordionGroup, defineCustomElement };
+
+//# sourceMappingURL=bcm-accordion-group.js.map

package/dist/components/bcm-accordion-group.js.map

@@ -0,0 +1 @@
+{"file":"bcm-accordion-group.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,+uIAA+uI,CAAC;AAC1wI,gCAAe,iBAAiB;;MCmEnBA,mBAAiB;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,QACI,4DACI,KAAK,EAAC,6GAA6G,EACnH,IAAI,EAAC,OAAO,gBACD,iBAAiB,IAE5B,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAS,CAChD,EACR;KACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BcmAccordionGroup"],"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-[--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}

package/dist/components/bcm-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmAccordion extends Components.BcmAccordion, HTMLElement {}
+export const BcmAccordion: {
+    prototype: BcmAccordion;
+    new (): BcmAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-accordion.js

@@ -0,0 +1,152 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-0adcc84f.js';
+import { c as ce } from './p-5fcf77f9.js';
+
+const accordionCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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::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}.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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.collapse{visibility:collapse}.static{position:static}.hidden{display:none}.w-full{width:100%}.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}.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 BcmAccordionStyle0 = accordionCss;
+
+const BcmAccordion$1 = /*@__PURE__*/ proxyCustomElement(class BcmAccordion extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.bcmAccordionChange = createEvent(this, "bcmAccordionChange", 1);
+        /**
+         * Controls whether the accordion is expanded or collapsed.
+         * @prop
+         * @defaultValue false
+         */
+        this.expanded = false;
+        /**
+         * Indicates if the accordion is part of a group.
+         * Used for group behavior coordination.
+         * @prop
+         * @defaultValue false
+         */
+        this.group = false;
+        /**
+         * Tracks whether footer content is present.
+         * @state
+         */
+        this.hasFooterContent = false;
+        /**
+         * Handles changes to the footer slot content.
+         * @private
+         * @param e - Slot change event
+         */
+        this.handleFooterSlotChange = (e) => {
+            const slot = e.target;
+            const assignedNodes = slot.assignedNodes();
+            this.hasFooterContent = assignedNodes.length > 0;
+        };
+        this.accordionClass = ce({
+            slots: {
+                container: 'accordion-container flex flex-col bcm-ui-element w-full cursor-pointer',
+                header: 'accordion-header flex flex-row justify-between gap-2 p-4 w-full flex-nowrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6',
+                content: 'accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base',
+                footer: 'accordion-footer flex flex-row w-full flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal',
+                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,
+        });
+    }
+    /**
+     * Toggles the accordion's expanded state.
+     * @method
+     * @returns Promise<void>
+     */
+    async toggle() {
+        this.expanded = !this.expanded;
+        this.updateAccordion();
+    }
+    /**
+     * Expands the accordion if it's not already expanded.
+     * @method
+     * @returns Promise<void>
+     */
+    async expand() {
+        if (!this.expanded) {
+            this.expanded = true;
+            this.updateAccordion();
+        }
+    }
+    /**
+     * Collapses the accordion if it's currently expanded.
+     * @method
+     * @returns Promise<void>
+     */
+    async collapse() {
+        if (this.expanded) {
+            this.expanded = false;
+            this.updateAccordion();
+        }
+    }
+    /**
+     * Updates the accordion's content height and emits change event.
+     * @private
+     */
+    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, header, content, footer, icon, rightSection } = this.accordionClass({
+            hasFooterContent: this.hasFooterContent || !!this.hintText,
+            expanded: this.expanded,
+        });
+        return (h("div", { key: 'baabe245a91069be586c8cd7ae7c680044721f30', class: container() }, h("header", { key: 'ea2bbd19cbda4f37546229af19ff4fe466b01c89', class: header(), role: "button", tabindex: "0", "aria-expanded": this.expanded.toString(), "aria-controls": "accordion-content", onKeyDown: e => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    e.preventDefault();
+                    this.toggle();
+                }
+            }, onClick: () => this.toggle() }, h("slot", { key: '6c9da162b412373185a516fb7cf06a7fb6455da6', name: "title" }, this.headerTitle), h("div", { key: '8116d820b3d9f3e373ed6ba07a588fa70db138ec', class: rightSection() }, h("slot", { key: 'b0b265147afd2514f4468e2c5940c008c2dbb37b', name: "actions" }), h("bcm-icon", { key: '6ef20624568ddd875adaa27d970a264548604b23', name: "fa-regular fa-chevron-down", class: icon() }))), h("div", { key: 'bf4f4756850428828360881cf191decf50986577', class: content(), style: { maxHeight: this.expanded ? 'auto' : '0px' }, ref: el => (this.contentEl = el) }, h("div", { key: 'e048a317ff8c4cadb48a1d34b188f272e516fabb', class: "px-4 py-2" }, h("slot", { key: 'ae33481fe6fc4e739e8faf7764498f81033cd398' })), h("footer", { key: 'd5a79e93058d1382c7ac31db5216563ad526d89b', class: footer() }, h("slot", { key: '987bbb480b47d7ef973127c64a592bfda7ca51e2', name: "footer", onSlotchange: this.handleFooterSlotChange }, this.hintText)))));
+    }
+    get host() { return this; }
+    static get style() { return BcmAccordionStyle0; }
+}, [1, "bcm-accordion", {
+        "expanded": [1540],
+        "headerTitle": [1, "header-title"],
+        "group": [516],
+        "hintText": [1, "hint-text"],
+        "hasFooterContent": [32],
+        "toggle": [64],
+        "expand": [64],
+        "collapse": [64]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bcm-accordion"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bcm-accordion":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BcmAccordion$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BcmAccordion = BcmAccordion$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmAccordion, defineCustomElement };
+
+//# sourceMappingURL=bcm-accordion.js.map

package/dist/components/bcm-accordion.js.map

@@ -0,0 +1 @@
+{"file":"bcm-accordion.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,6iOAA6iO,CAAC;AACnkO,2BAAe,YAAY;;MCyEdA,cAAY;IALzB;;;;;;;;;;QAeE,aAAQ,GAAY,KAAK,CAAC;;;;;;;QAkB1B,UAAK,GAAY,KAAK,CAAC;;;;;QAcvB,qBAAgB,GAAY,KAAK,CAAC;;;;;;QAqE1B,2BAAsB,GAAG,CAAC,CAAQ;YACxC,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAC;YACzC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;YAC3C,IAAI,CAAC,gBAAgB,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;SAClD,CAAC;QAEM,mBAAc,GAAGC,EAAE,CACzB;YACE,KAAK,EAAE;gBACL,SAAS,EAAE,wEAAwE;gBACnF,MAAM,EACJ,4LAA4L;gBAC9L,OAAO,EAAE,+FAA+F;gBACxG,MAAM,EAAE,sJAAsJ;gBAC9J,IAAI,EAAE,2EAA2E;gBACjF,YAAY,EAAE,4DAA4D;aAC3E;YACD,QAAQ,EAAE;gBACR,gBAAgB,EAAE;oBAChB,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;oBAC3B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;iBACzB;gBACD,QAAQ,EAAE;oBACR,IAAI,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE;oBAC5B,KAAK,EAAE;wBACL,IAAI,EAAE,UAAU;wBAChB,OAAO,EAAE,EAAE;qBACZ;iBACF;aACF;SACF,EACD;YACE,OAAO,EAAE,KAAK;SACf,CACF,CAAC;KA8CH;;;;;;IA/HC,MAAM,MAAM;QACV,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;KACxB;;;;;;IAQD,MAAM,MAAM;QACV,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;;;;;;IAQD,MAAM,QAAQ;QACZ,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;;;;;IAMO,eAAe;QACrB,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,YAAY,IAAI,GAAG,KAAK,CAAC;SAC7F;QACD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,CAAC,IAA+B,EAAE,CAAC,CAAC;KACzG;IA2CD,MAAM;QACJ,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,cAAc,CAAC;YACrF,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,IAAI,CAAC,CAAC,IAAI,CAAC,QAAQ;YAC1D,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB,CAAC,CAAC;QAEH,QACE,4DAAK,KAAK,EAAE,SAAS,EAAE,IAErB,+DACE,KAAK,EAAE,MAAM,EAAE,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAC,GAAG,mBACG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,mBACzB,mBAAmB,EACjC,SAAS,EAAE,CAAC;gBACV,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,MAAM,EAAE,CAAC;iBACf;aACF,EACD,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,IAE5B,6DAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,CAAQ,EAE5C,4DAAK,KAAK,EAAE,YAAY,EAAE,IACxB,6DAAM,IAAI,EAAC,SAAS,GAAQ,EAC5B,iEAAU,IAAI,EAAC,4BAA4B,EAAC,KAAK,EAAE,IAAI,EAAE,GAAa,CAClE,CACC,EAET,4DAAK,KAAK,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,SAAS,GAAG,EAAiB,CAAC,IAC1H,4DAAK,KAAK,EAAC,WAAW,IACpB,8DAAa,CACT,EACN,+DAAQ,KAAK,EAAE,MAAM,EAAE,IACrB,6DAAM,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAE,IAAI,CAAC,sBAAsB,IAC1D,IAAI,CAAC,QAAQ,CACT,CACA,CACL,CACF,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BcmAccordion","tv"],"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 cursor-pointer',\n        header:\n          'accordion-header flex flex-row justify-between gap-2 p-4 w-full flex-nowrap rounded-[--bcm-accordion-radius] bg-[--bcm-accordion-bg] text-[--bcm-accordion-text] font-semibold text-size-6',\n        content: 'accordion-content overflow-hidden transition-all duration-300 ease-in-out bg-color-basic-base',\n        footer: 'accordion-footer flex flex-row w-full flex-nowrap bg-[--bcm-accordion-footer-bg] text-[--bcm-accordion-text] px-4 py-2 gap-2 text-size-4 font-normal',\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            <slot name=\"actions\"></slot>\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"],"version":3}

package/dist/components/bcm-alert.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmAlert extends Components.BcmAlert, HTMLElement {}
+export const BcmAlert: {
+    prototype: BcmAlert;
+    new (): BcmAlert;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/bcm-alert.js

@@ -0,0 +1,120 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-0adcc84f.js';
+import { c as ce } from './p-5fcf77f9.js';
+
+const alertCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid oklch(.928 .006 264.531);box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){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::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{--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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.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 BcmAlertStyle0 = alertCss;
+
+const BcmAlert$1 = /*@__PURE__*/ proxyCustomElement(class BcmAlert extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.bcmDismiss = createEvent(this, "bcmDismiss", 7);
+        /** Alert status type */
+        this.status = 'default';
+        /** Alert size variant */
+        this.size = 'medium';
+        /** Alert style variant */
+        this.kind = 'filled';
+        /** Whether alert can be dismissed */
+        this.dismissible = true;
+        /** Whether to show status icon */
+        this.showStatusIcon = true;
+    }
+    /**
+     * Handles alert dismissal
+     * @private
+     */
+    onDismiss() {
+        this.bcmDismiss.emit();
+    }
+    getStatusIcon() {
+        const statusIcon = {
+            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 statusIcon[this.status];
+    }
+    get alertClass() {
+        return ce({
+            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 colorStatus = {
+            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 textStatusColor = {
+            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 filleStyle = {
+            '--bcm-alert-bg': colorStatus[this.status],
+            '--bcm-alert-text': textStatusColor[this.status],
+        };
+        let textStyle = {
+            '--bcm-alert-bg': 'transparent',
+            '--bcm-alert-text': textStatusColor[this.status],
+        };
+        return this.kind === 'filled' ? filleStyle : textStyle;
+    }
+    render() {
+        const { base, section } = this.alertClass({ size: this.size });
+        return (h("div", { key: '5a7dec540ad5df4d97401d03fb4924d79b00b75e', role: "alert", "aria-live": "assertive", "aria-atomic": "true", class: base(), style: this.alertStyles }, h("div", { key: 'f211e20930b7d0007e6c6d94332f69f1a1ff5939', class: section() }, this.showStatusIcon && h("bcm-icon", { key: '31ad93bd2f034bef37f56f17c97cd366cd3b54aa', "icon-name": this.getStatusIcon() }), h("slot", { key: '26277da45eef448aa2f3a99ad332f203aa4d0434' })), h("div", { key: '5954fd7e611352a9ad95e3a2a929724c8881017d', class: section() }, h("div", { key: '840d82e093bfdc407ba473b4134ad1ab815dea85', part: "action" }, h("slot", { key: '77550c4511a713351a47693887beb6e0fa385400', name: "action" })), h("span", { key: '582aea7459612020cf0be1542cda4b8ce38c8d37', part: "icon" }, this.dismissible && h("bcm-icon", { key: '1c1e5c8d606be8c91add73b49d1f9f71f6d6150d', onClick: () => this.onDismiss(), class: "cursor-pointer", "icon-name": "fa-regular fa-xmark" })))));
+    }
+    static get style() { return BcmAlertStyle0; }
+}, [1, "bcm-alert", {
+        "status": [1],
+        "size": [1],
+        "kind": [1],
+        "dismissible": [4],
+        "showStatusIcon": [4, "show-status-icon"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["bcm-alert"];
+    components.forEach(tagName => { switch (tagName) {
+        case "bcm-alert":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, BcmAlert$1);
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const BcmAlert = BcmAlert$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { BcmAlert, defineCustomElement };
+
+//# sourceMappingURL=bcm-alert.js.map

package/dist/components/bcm-alert.js.map

@@ -0,0 +1 @@
+{"file":"bcm-alert.js","mappings":"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","names":["BcmAlert","tv"],"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"],"version":3}

package/dist/components/bcm-avatar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface BcmAvatar extends Components.BcmAvatar, HTMLElement {}
+export const BcmAvatar: {
+    prototype: BcmAvatar;
+    new (): BcmAvatar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;