kemet-ui 4.0.2 → 5.0.0

package/dist/elements/password.d.mts

@@ -1,90 +0,0 @@
-import * as lit from 'lit';
-import { LitElement, TemplateResult } from 'lit';
-import { T as TypeStatus, K as KemetField, d as KemetInput, e as KemetTextarea } from '../constants-BEtO8uLN.mjs';
-import 'lit-html';
-import '../form-controller-BR0gZhrG.mjs';
-
-/**
- * @since 1.2.0
- * @status stable
- *
- * @tagname kemet-password
- * @summary Gauges the strength of a password entered by the user.
- *
- * @prop {array} rules - An array of objects containing the rules the password must meet.
- * @prop {boolean} show - Controls the display of the component.
- * @prop {string} value - The value of the input component.
- * @prop {string} message - A message that is above the rules.
- * @prop {string} strength - The strength of the password. Weak | Better | Strong.
- * @prop {string} icon
- * @prop {number} iconSize
- *
- * @event kemet-status-change - Fires when there's a change in status.
- *
- * @csspart status - The status message.
- * @csspart indicator - The strength indicator bars.
- * @csspart message - A message to display to the user.
- * @csspart rules - A description of rules to follow.
- *
- */
-interface InterfaceOptions {
-    pattern: string;
-    message: string;
-    meetsCriteria?: boolean;
-}
-interface InterfacePasswordStatusChangeDetails {
-    status: TypeStatus;
-    meetsPasswordCriteria: boolean;
-    element: KemetPassword;
-}
-declare class KemetPassword extends LitElement {
-    static styles: lit.CSSResult[];
-    rules: InterfaceOptions[];
-    show: boolean;
-    value: string;
-    message: string;
-    strength: string;
-    icon: string;
-    iconSize: number;
-    status: TypeStatus;
-    field: KemetField;
-    input: KemetInput | KemetTextarea;
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-    /**
-     * Makes the list of rules
-     * @private
-     * @returns {TemplateResult<1>[]} the criteria rules
-     */
-    makeRules(): TemplateResult<1>[];
-    /**
-     * Makes the check icon if the criteria has been met
-     * @param {boolean} meetsCriteria
-     * @private
-     * @returns {TemplateResult} an icon component
-     */
-    makeCheckIcon(meetsCriteria: boolean): TemplateResult;
-    /**
-     * Handles the kemet-input-input event
-     * @param {*} event
-     * @private
-     */
-    handleInput(event: CustomEvent): void;
-    /**
-     * Determines the strength of the password
-     * @private
-     */
-    setStrength(): void;
-    /**
-     * Determines whether to show or hide the component
-     * @private
-     */
-    visibility(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-password': KemetPassword;
-    }
-}
-
-export { type InterfacePasswordStatusChangeDetails, KemetPassword as default };

package/dist/elements/password.d.ts

@@ -1,90 +0,0 @@
-import * as lit from 'lit';
-import { LitElement, TemplateResult } from 'lit';
-import { T as TypeStatus, K as KemetField, d as KemetInput, e as KemetTextarea } from '../constants-CcB9aXsT.js';
-import 'lit-html';
-import '../form-controller-BR0gZhrG.js';
-
-/**
- * @since 1.2.0
- * @status stable
- *
- * @tagname kemet-password
- * @summary Gauges the strength of a password entered by the user.
- *
- * @prop {array} rules - An array of objects containing the rules the password must meet.
- * @prop {boolean} show - Controls the display of the component.
- * @prop {string} value - The value of the input component.
- * @prop {string} message - A message that is above the rules.
- * @prop {string} strength - The strength of the password. Weak | Better | Strong.
- * @prop {string} icon
- * @prop {number} iconSize
- *
- * @event kemet-status-change - Fires when there's a change in status.
- *
- * @csspart status - The status message.
- * @csspart indicator - The strength indicator bars.
- * @csspart message - A message to display to the user.
- * @csspart rules - A description of rules to follow.
- *
- */
-interface InterfaceOptions {
-    pattern: string;
-    message: string;
-    meetsCriteria?: boolean;
-}
-interface InterfacePasswordStatusChangeDetails {
-    status: TypeStatus;
-    meetsPasswordCriteria: boolean;
-    element: KemetPassword;
-}
-declare class KemetPassword extends LitElement {
-    static styles: lit.CSSResult[];
-    rules: InterfaceOptions[];
-    show: boolean;
-    value: string;
-    message: string;
-    strength: string;
-    icon: string;
-    iconSize: number;
-    status: TypeStatus;
-    field: KemetField;
-    input: KemetInput | KemetTextarea;
-    firstUpdated(): void;
-    render(): TemplateResult<1>;
-    /**
-     * Makes the list of rules
-     * @private
-     * @returns {TemplateResult<1>[]} the criteria rules
-     */
-    makeRules(): TemplateResult<1>[];
-    /**
-     * Makes the check icon if the criteria has been met
-     * @param {boolean} meetsCriteria
-     * @private
-     * @returns {TemplateResult} an icon component
-     */
-    makeCheckIcon(meetsCriteria: boolean): TemplateResult;
-    /**
-     * Handles the kemet-input-input event
-     * @param {*} event
-     * @private
-     */
-    handleInput(event: CustomEvent): void;
-    /**
-     * Determines the strength of the password
-     * @private
-     */
-    setStrength(): void;
-    /**
-     * Determines whether to show or hide the component
-     * @private
-     */
-    visibility(): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-password': KemetPassword;
-    }
-}
-
-export { type InterfacePasswordStatusChangeDetails, KemetPassword as default };

package/dist/elements/password.js

@@ -1,392 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i = decorators.length - 1, decorator; i >= 0; i--)
-    if (decorator = decorators[i])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result) __defProp(target, key, result);
-  return result;
-};
-
-// src/elements/password.ts
-var password_exports = {};
-__export(password_exports, {
-  default: () => KemetPassword
-});
-module.exports = __toCommonJS(password_exports);
-var import_lit3 = require("lit");
-var import_decorators2 = require("lit/decorators.js");
-
-// src/utilities/events.ts
-var emitEvent = (element, name, detail, bubbles = true, composed = true) => {
-  element.dispatchEvent(
-    new CustomEvent(name, { bubbles, composed, detail })
-  );
-};
-
-// src/styles/elements/password.ts
-var import_lit = require("lit");
-var stylesBase = import_lit.css`
-  :host {
-    color: inherit;
-    display: none;
-  }
-
-  :host([show]) {
-    display: block;
-  }
-
-  p {
-    margin: 1.6rem 0;
-  }
-
-  .status {
-    display: grid;
-    align-items: center;
-    grid-template-columns: 1fr auto;
-    line-height: 1;
-    margin-top: 0.8rem;
-  }
-
-  .status > span {
-    text-transform: capitalize;
-  }
-
-  .status--weak,
-  .status--better {
-    color: rgb(var(--kemet-color-error));
-  }
-
-  .status--strong {
-    color: rgb(var(--kemet-color-success));
-  }
-
-  .indicator {
-    display: flex;
-    gap: 0.4rem;
-    margin: 0;
-    list-style: none;
-  }
-
-  .indicator li {
-    width: 1.6rem;
-    height: 0.2rem;
-  }
-
-  .status--weak .indicator li:nth-child(1) {
-    background-color: rgb(var(--kemet-color-error));
-  }
-
-  .status--better .indicator li:nth-child(1),
-  .status--better .indicator li:nth-child(2) {
-    background-color: rgb(var(--kemet-color-error));
-  }
-
-  .status--strong .indicator li {
-    background-color: rgb(var(--kemet-color-success));
-  }
-
-  .rules {
-    color: rgb(var(--kemet-color-foreground));
-    line-height: 1.5;
-    list-style: none;
-    font-size: 90%;
-    padding-left: 2rem;
-  }
-
-  .rules li {
-    position: relative;
-  }
-
-  .rules kemet-icon-bootstrap {
-    color: rgb(var(--kemet-color-success));
-    position: absolute;
-    left: -2rem;
-  }
-`;
-
-// src/elements/icon-bootstrap.ts
-var import_lit2 = require("lit");
-var import_decorators = require("lit/decorators.js");
-var KemetIconBootstrap = class extends import_lit2.LitElement {
-  constructor() {
-    super(...arguments);
-    this.icon = "code";
-    this.version = "1.11.3";
-    this.size = 24;
-    this.stylesLoaded = false;
-  }
-  async connectedCallback() {
-    super.connectedCallback();
-    await this._loadBootstrapStyles();
-  }
-  async _resolveVersion(version) {
-    if (version !== "latest" && /^\d+\.\d+\.\d+/.test(version)) {
-      return version;
-    }
-    if (KemetIconBootstrap.resolvedVersions.has(version)) {
-      return KemetIconBootstrap.resolvedVersions.get(version);
-    }
-    try {
-      const response = await fetch("https://unpkg.com/bootstrap-icons/package.json");
-      if (!response.ok) throw new Error("Failed to resolve version");
-      const pkg = await response.json();
-      const resolvedVersion = pkg.version;
-      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);
-      return resolvedVersion;
-    } catch (error) {
-      console.warn("Failed to resolve Bootstrap Icons version, using 1.11.3:", error);
-      return "1.11.3";
-    }
-  }
-  async _loadBootstrapStyles() {
-    if (this.stylesLoaded) return;
-    try {
-      const resolvedVersion = await this._resolveVersion(this.version);
-      const cacheKey = resolvedVersion;
-      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {
-        await this._loadFontFaceInDocument(resolvedVersion);
-        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);
-      }
-      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);
-      if (!iconSheet) {
-        const response = await fetch(
-          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
-        );
-        if (!response.ok) {
-          throw new Error(`HTTP error! status: ${response.status}`);
-        }
-        let cssText = await response.text();
-        cssText = cssText.replace(/@font-face\s*{[^}]*}/g, "");
-        iconSheet = new CSSStyleSheet();
-        await iconSheet.replace(cssText);
-        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);
-      }
-      this.shadowRoot.adoptedStyleSheets = [
-        ...this.shadowRoot.adoptedStyleSheets,
-        iconSheet
-      ];
-      this.stylesLoaded = true;
-      this.requestUpdate();
-    } catch (error) {
-      console.error("Failed to load Bootstrap Icons:", error);
-      this.requestUpdate();
-    }
-  }
-  async _loadFontFaceInDocument(resolvedVersion) {
-    try {
-      const response = await fetch(
-        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`
-      );
-      if (!response.ok) {
-        throw new Error(`HTTP error! status: ${response.status}`);
-      }
-      const cssText = await response.text();
-      const fontFaceMatches = cssText.match(/@font-face\s*{[^}]*}/g);
-      if (!fontFaceMatches) return;
-      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;
-      let fontFaceCss = fontFaceMatches.join("\n");
-      fontFaceCss = fontFaceCss.replace(/url\(["']?\.\/fonts\//g, `url("${baseUrl}fonts/`);
-      fontFaceCss = fontFaceCss.replace(/url\(["']?fonts\//g, `url("${baseUrl}fonts/`);
-      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;
-      if (!document.getElementById(styleId)) {
-        const style = document.createElement("style");
-        style.id = styleId;
-        style.textContent = fontFaceCss;
-        document.head.appendChild(style);
-      }
-    } catch (error) {
-      console.error("Failed to load Bootstrap Icons fonts:", error);
-      throw error;
-    }
-  }
-  render() {
-    return import_lit2.html`
-      <i class="bi bi-${this.icon}" style="font-size: ${this.size}px;"></i>
-    `;
-  }
-};
-KemetIconBootstrap.fontFaceLoaded = /* @__PURE__ */ new Map();
-KemetIconBootstrap.iconStylesCache = /* @__PURE__ */ new Map();
-KemetIconBootstrap.resolvedVersions = /* @__PURE__ */ new Map();
-KemetIconBootstrap.styles = import_lit2.css`
-    :host {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-    }
-  `;
-__decorateClass([
-  (0, import_decorators.property)()
-], KemetIconBootstrap.prototype, "icon", 2);
-__decorateClass([
-  (0, import_decorators.property)()
-], KemetIconBootstrap.prototype, "version", 2);
-__decorateClass([
-  (0, import_decorators.property)()
-], KemetIconBootstrap.prototype, "size", 2);
-KemetIconBootstrap = __decorateClass([
-  (0, import_decorators.customElement)("kemet-icon-bootstrap")
-], KemetIconBootstrap);
-
-// src/elements/password.ts
-var KemetPassword = class extends import_lit3.LitElement {
-  constructor() {
-    super(...arguments);
-    this.rules = [
-      { pattern: "(?=.{8,}$)", message: "At least 8 characters long" },
-      { pattern: "(?=.*[a-z])(?=.*[A-Z])", message: "Uppercase and lowercase" },
-      { pattern: "(?=.*[0-9])", message: "At least one number (0-9)" }
-    ];
-    this.message = "Please make sure you meet all the requirements.";
-    this.icon = "check2";
-    this.iconSize = 18;
-  }
-  firstUpdated() {
-    this.field = this.closest("kemet-field");
-    this.input = this.field.querySelector('[slot="input"]');
-    this.input.addEventListener("kemet-input", this.handleInput.bind(this));
-  }
-  render() {
-    return import_lit3.html`
-      <div role="alert" aria-live="assertive">
-        <div class="status status--${this.strength}" part="status">
-          <span>${this.strength}</span>
-          <ul class="indicator" part="indicator">
-            <li></li>
-            <li></li>
-            <li></li>
-          </ul>
-        </div>
-        <p class="message" part="message">${this.message}</p>
-        <ul class="rules" part="rules">
-          ${this.makeRules()}
-        </ul>
-      </div>
-    `;
-  }
-  /**
-   * Makes the list of rules
-   * @private
-   * @returns {TemplateResult<1>[]} the criteria rules
-   */
-  makeRules() {
-    if (this.input) {
-      return this.rules.map((rule, index) => {
-        const regExp = new RegExp(rule.pattern);
-        const meetsCriteria = regExp.test(this.input.value);
-        this.rules[index].meetsCriteria = meetsCriteria;
-        return import_lit3.html`<li>${this.makeCheckIcon(meetsCriteria)} ${rule.message}</li>`;
-      });
-    }
-    return null;
-  }
-  /**
-   * Makes the check icon if the criteria has been met
-   * @param {boolean} meetsCriteria
-   * @private
-   * @returns {TemplateResult} an icon component
-   */
-  makeCheckIcon(meetsCriteria) {
-    if (meetsCriteria) {
-      return import_lit3.html`<kemet-icon-bootstrap icon=${this.icon} size=${this.iconSize}></kemet-icon-bootstrap>`;
-    }
-    return null;
-  }
-  /**
-   * Handles the kemet-input-input event
-   * @param {*} event
-   * @private
-   */
-  handleInput(event) {
-    this.value = event.detail.value;
-    this.setStrength();
-    this.visibility();
-  }
-  /**
-   * Determines the strength of the password
-   * @private
-   */
-  setStrength() {
-    setTimeout(() => {
-      const totalRules = this.rules.length;
-      const metRules = this.rules.filter((rule) => rule.meetsCriteria).length;
-      const metRulesPercentage = Math.round(metRules / totalRules * 100) / 100;
-      if (metRulesPercentage <= 0.33) {
-        this.strength = "weak";
-        this.status = "error" /* Error */;
-      }
-      if (metRulesPercentage > 0.33 && metRulesPercentage <= 0.67) {
-        this.strength = "better";
-        this.status = "error" /* Error */;
-      }
-      if (metRulesPercentage > 0.67) {
-        this.strength = "strong";
-        this.status = "success" /* Success */;
-      }
-      emitEvent(this, "kemet-status-change", {
-        status: this.status,
-        meetsPasswordCriteria: this.status === "success" /* Success */,
-        element: this
-      });
-    }, 1);
-  }
-  /**
-   * Determines whether to show or hide the component
-   * @private
-   */
-  visibility() {
-    this.show = this.value.length > 0;
-  }
-};
-KemetPassword.styles = [stylesBase];
-__decorateClass([
-  (0, import_decorators2.property)({ type: Array })
-], KemetPassword.prototype, "rules", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: Boolean, reflect: true })
-], KemetPassword.prototype, "show", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: String })
-], KemetPassword.prototype, "value", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: String })
-], KemetPassword.prototype, "message", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: String })
-], KemetPassword.prototype, "strength", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: String })
-], KemetPassword.prototype, "icon", 2);
-__decorateClass([
-  (0, import_decorators2.property)({ type: Number })
-], KemetPassword.prototype, "iconSize", 2);
-__decorateClass([
-  (0, import_decorators2.state)()
-], KemetPassword.prototype, "status", 2);
-__decorateClass([
-  (0, import_decorators2.state)()
-], KemetPassword.prototype, "field", 2);
-__decorateClass([
-  (0, import_decorators2.state)()
-], KemetPassword.prototype, "input", 2);
-KemetPassword = __decorateClass([
-  (0, import_decorators2.customElement)("kemet-password")
-], KemetPassword);
-//# sourceMappingURL=password.js.map

package/dist/elements/password.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/elements/password.ts","../../src/utilities/events.ts","../../src/styles/elements/password.ts","../../src/elements/icon-bootstrap.ts"],"sourcesContent":["import { html, LitElement, TemplateResult } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { emitEvent } from '../utilities/events';\nimport KemetField from './field';\nimport KemetInput from './input';\nimport { EnumStatuses, TypeStatus } from '../utilities/constants';\nimport KemetTextarea from './textarea';\nimport { stylesBase } from '../styles/elements/password';\nimport './icon-bootstrap';\n\n\n/**\n * @since 1.2.0\n * @status stable\n *\n * @tagname kemet-password\n * @summary Gauges the strength of a password entered by the user.\n *\n * @prop {array} rules - An array of objects containing the rules the password must meet.\n * @prop {boolean} show - Controls the display of the component.\n * @prop {string} value - The value of the input component.\n * @prop {string} message - A message that is above the rules.\n * @prop {string} strength - The strength of the password. Weak | Better | Strong.\n * @prop {string} icon\n * @prop {number} iconSize\n *\n * @event kemet-status-change - Fires when there's a change in status.\n *\n * @csspart status - The status message.\n * @csspart indicator - The strength indicator bars.\n * @csspart message - A message to display to the user.\n * @csspart rules - A description of rules to follow.\n *\n */\n\ninterface InterfaceOptions {\n  pattern: string;\n  message: string;\n  meetsCriteria?: boolean;\n}\n\nexport interface InterfacePasswordStatusChangeDetails {\n  status: TypeStatus;\n  meetsPasswordCriteria: boolean;\n  element: KemetPassword;\n}\n\n@customElement('kemet-password')\nexport default class KemetPassword extends LitElement {\n  static styles = [stylesBase];\n\n  @property({ type: Array })\n  rules: InterfaceOptions[] = [\n    { pattern: '(?=.{8,}$)', message: 'At least 8 characters long' },\n    { pattern: '(?=.*[a-z])(?=.*[A-Z])', message: 'Uppercase and lowercase' },\n    { pattern: '(?=.*[0-9])', message: 'At least one number (0-9)' },\n  ];\n\n  @property({ type: Boolean, reflect: true })\n  show: boolean;\n\n  @property({ type: String })\n  value: string;\n\n  @property({ type: String })\n  message: string = 'Please make sure you meet all the requirements.';\n\n  @property({ type: String })\n  strength: string;\n\n  @property({ type: String })\n  icon: string = 'check2';\n\n  @property({ type: Number })\n  iconSize: number = 18;\n\n  @state()\n  status: TypeStatus;\n\n  @state()\n  field: KemetField;\n\n  @state()\n  input: KemetInput | KemetTextarea;\n\n  firstUpdated() {\n    // elements\n    this.field = this.closest('kemet-field');\n    this.input = this.field.querySelector('[slot=\"input\"]');\n\n    // events listeners\n    this.input.addEventListener('kemet-input', this.handleInput.bind(this));\n  }\n\n  render() {\n    return html`\n      <div role=\"alert\" aria-live=\"assertive\">\n        <div class=\"status status--${this.strength}\" part=\"status\">\n          <span>${this.strength}</span>\n          <ul class=\"indicator\" part=\"indicator\">\n            <li></li>\n            <li></li>\n            <li></li>\n          </ul>\n        </div>\n        <p class=\"message\" part=\"message\">${this.message}</p>\n        <ul class=\"rules\" part=\"rules\">\n          ${this.makeRules()}\n        </ul>\n      </div>\n    `;\n  }\n\n  /**\n   * Makes the list of rules\n   * @private\n   * @returns {TemplateResult<1>[]} the criteria rules\n   */\n  makeRules(): TemplateResult<1>[] {\n    if (this.input) {\n      return this.rules.map((rule, index) => {\n        const regExp = new RegExp(rule.pattern);\n        const meetsCriteria = regExp.test(this.input.value);\n        this.rules[index].meetsCriteria = meetsCriteria;\n        return html`<li>${this.makeCheckIcon(meetsCriteria)} ${rule.message}</li>`;\n      });\n    }\n\n    return null;\n  }\n\n  /**\n   * Makes the check icon if the criteria has been met\n   * @param {boolean} meetsCriteria\n   * @private\n   * @returns {TemplateResult} an icon component\n   */\n  makeCheckIcon(meetsCriteria: boolean): TemplateResult {\n    if (meetsCriteria) {\n      return html`<kemet-icon-bootstrap icon=${this.icon} size=${this.iconSize}></kemet-icon-bootstrap>`;\n    }\n\n    return null;\n  }\n\n  /**\n   * Handles the kemet-input-input event\n   * @param {*} event\n   * @private\n   */\n  handleInput(event: CustomEvent) {\n    this.value = event.detail.value;\n    this.setStrength();\n    this.visibility();\n  }\n\n  /**\n   * Determines the strength of the password\n   * @private\n   */\n  setStrength() {\n    // We use a setTimeout here because makeRules adds the meetsCriteria\n    // property to the rules. We need that to be set by render() before\n    // setting the Strength because the percentage calc is based on it\n    setTimeout(() => {\n      const totalRules = this.rules.length;\n      const metRules = this.rules.filter(rule => rule.meetsCriteria).length;\n      const metRulesPercentage = Math.round((metRules / totalRules) * 100) / 100;\n\n      if (metRulesPercentage <= 0.33) {\n        this.strength = 'weak';\n        this.status = EnumStatuses.Error;\n      }\n\n      if (metRulesPercentage > 0.33 && metRulesPercentage <= 0.67) {\n        this.strength = 'better';\n        this.status = EnumStatuses.Error;\n      }\n\n      if (metRulesPercentage > 0.67) {\n        this.strength = 'strong';\n        this.status = EnumStatuses.Success;\n      }\n\n      emitEvent(this, 'kemet-status-change', {\n        status: this.status,\n        meetsPasswordCriteria: this.status === EnumStatuses.Success,\n        element: this,\n      });\n    }, 1);\n  }\n\n  /**\n   * Determines whether to show or hide the component\n   * @private\n   */\n  visibility() {\n    this.show = this.value.length > 0;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'kemet-password': KemetPassword\n  }\n}\n","export const emitEvent = (element, name, detail, bubbles = true, composed = true) => {\n  element.dispatchEvent(\n    new CustomEvent(name, { bubbles, composed, detail }),\n  );\n};\n","import { css } from 'lit';\n\nexport const stylesBase = css`\n  :host {\n    color: inherit;\n    display: none;\n  }\n\n  :host([show]) {\n    display: block;\n  }\n\n  p {\n    margin: 1.6rem 0;\n  }\n\n  .status {\n    display: grid;\n    align-items: center;\n    grid-template-columns: 1fr auto;\n    line-height: 1;\n    margin-top: 0.8rem;\n  }\n\n  .status > span {\n    text-transform: capitalize;\n  }\n\n  .status--weak,\n  .status--better {\n    color: rgb(var(--kemet-color-error));\n  }\n\n  .status--strong {\n    color: rgb(var(--kemet-color-success));\n  }\n\n  .indicator {\n    display: flex;\n    gap: 0.4rem;\n    margin: 0;\n    list-style: none;\n  }\n\n  .indicator li {\n    width: 1.6rem;\n    height: 0.2rem;\n  }\n\n  .status--weak .indicator li:nth-child(1) {\n    background-color: rgb(var(--kemet-color-error));\n  }\n\n  .status--better .indicator li:nth-child(1),\n  .status--better .indicator li:nth-child(2) {\n    background-color: rgb(var(--kemet-color-error));\n  }\n\n  .status--strong .indicator li {\n    background-color: rgb(var(--kemet-color-success));\n  }\n\n  .rules {\n    color: rgb(var(--kemet-color-foreground));\n    line-height: 1.5;\n    list-style: none;\n    font-size: 90%;\n    padding-left: 2rem;\n  }\n\n  .rules li {\n    position: relative;\n  }\n\n  .rules kemet-icon-bootstrap {\n    color: rgb(var(--kemet-color-success));\n    position: absolute;\n    left: -2rem;\n  }\n`;\n","import { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('kemet-icon-bootstrap')\nexport default class KemetIconBootstrap extends LitElement {\n  @property() icon: string = 'code';\n  @property() version: string = '1.11.3'; // Default to stable version\n  @property() size: number = 24;\n\n  private static fontFaceLoaded = new Map<string, boolean>();\n  private static iconStylesCache = new Map<string, CSSStyleSheet>();\n  private static resolvedVersions = new Map<string, string>();\n  private stylesLoaded = false;\n\n  async connectedCallback() {\n    super.connectedCallback();\n    await this._loadBootstrapStyles();\n  }\n\n  private async _resolveVersion(version: string): Promise<string> {\n    // If it's already a specific version, return it\n    if (version !== 'latest' && /^\\d+\\.\\d+\\.\\d+/.test(version)) {\n      return version;\n    }\n\n    // Check cache\n    if (KemetIconBootstrap.resolvedVersions.has(version)) {\n      return KemetIconBootstrap.resolvedVersions.get(version)!;\n    }\n\n    try {\n      // Fetch without version to get redirected to latest\n      const response = await fetch('https://unpkg.com/bootstrap-icons/package.json');\n      if (!response.ok) throw new Error('Failed to resolve version');\n\n      const pkg = await response.json();\n      const resolvedVersion = pkg.version;\n\n      KemetIconBootstrap.resolvedVersions.set(version, resolvedVersion);\n      return resolvedVersion;\n    } catch (error) {\n      console.warn('Failed to resolve Bootstrap Icons version, using 1.11.3:', error);\n      return '1.11.3'; // Fallback to known stable version\n    }\n  }\n\n  private async _loadBootstrapStyles() {\n    if (this.stylesLoaded) return;\n\n    try {\n      // Resolve version if needed\n      const resolvedVersion = await this._resolveVersion(this.version);\n      const cacheKey = resolvedVersion;\n\n      // Load font-face in light DOM (only once per version)\n      if (!KemetIconBootstrap.fontFaceLoaded.get(cacheKey)) {\n        await this._loadFontFaceInDocument(resolvedVersion);\n        KemetIconBootstrap.fontFaceLoaded.set(cacheKey, true);\n      }\n\n      // Load icon classes in shadow DOM\n      let iconSheet = KemetIconBootstrap.iconStylesCache.get(cacheKey);\n\n      if (!iconSheet) {\n        const response = await fetch(\n          `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n        );\n\n        if (!response.ok) {\n          throw new Error(`HTTP error! status: ${response.status}`);\n        }\n\n        let cssText = await response.text();\n\n        // Remove @font-face rules (already in light DOM)\n        cssText = cssText.replace(/@font-face\\s*{[^}]*}/g, '');\n\n        iconSheet = new CSSStyleSheet();\n        await iconSheet.replace(cssText);\n        KemetIconBootstrap.iconStylesCache.set(cacheKey, iconSheet);\n      }\n\n      this.shadowRoot!.adoptedStyleSheets = [\n        ...this.shadowRoot!.adoptedStyleSheets,\n        iconSheet\n      ];\n\n      this.stylesLoaded = true;\n      this.requestUpdate();\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons:', error);\n      this.requestUpdate();\n    }\n  }\n\n  private async _loadFontFaceInDocument(resolvedVersion: string) {\n    try {\n      const response = await fetch(\n        `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/bootstrap-icons.min.css`\n      );\n\n      if (!response.ok) {\n        throw new Error(`HTTP error! status: ${response.status}`);\n      }\n\n      const cssText = await response.text();\n\n      // Extract ONLY @font-face rules\n      const fontFaceMatches = cssText.match(/@font-face\\s*{[^}]*}/g);\n      if (!fontFaceMatches) return;\n\n      // Fix relative URLs to absolute\n      const baseUrl = `https://unpkg.com/bootstrap-icons@${resolvedVersion}/font/`;\n      let fontFaceCss = fontFaceMatches.join('\\n');\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?\\.\\/fonts\\//g, `url(\"${baseUrl}fonts/`);\n      fontFaceCss = fontFaceCss.replace(/url\\([\"']?fonts\\//g, `url(\"${baseUrl}fonts/`);\n\n      // Add to document head\n      const styleId = `bootstrap-icons-fonts-${resolvedVersion}`;\n      if (!document.getElementById(styleId)) {\n        const style = document.createElement('style');\n        style.id = styleId;\n        style.textContent = fontFaceCss;\n        document.head.appendChild(style);\n      }\n    } catch (error) {\n      console.error('Failed to load Bootstrap Icons fonts:', error);\n      throw error;\n    }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n  `;\n\n  render() {\n    return html`\n      <i class=\"bi bi-${this.icon}\" style=\"font-size: ${this.size}px;\"></i>\n    `;\n  }\n}\n"],"mappings":"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","names":["import_lit","import_decorators","import_lit"]}

package/dist/elements/password.mjs

@@ -1,11 +0,0 @@
-import {
-  KemetPassword
-} from "../chunk-BEBUXXOW.mjs";
-import "../chunk-7DJKARFX.mjs";
-import "../chunk-LHEY3UOF.mjs";
-import "../chunk-42U43NKG.mjs";
-import "../chunk-SAWN7RJP.mjs";
-export {
-  KemetPassword as default
-};
-//# sourceMappingURL=password.mjs.map

package/dist/elements/password.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/elements/popper-close.d.mts

@@ -1,27 +0,0 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { LitElement } from 'lit';
-
-/**
- * @since 2.0.0
- * @status stable
- *
- * @tagname kemet-popper-close
- * @summary A close button for the popper
- *
- * @event kemet-closed-pressed
- *
- */
-declare class KemetPopperClose extends LitElement {
-    static styles: lit.CSSResult[];
-    render(): lit_html.TemplateResult<1>;
-    close(): void;
-    handleKeyboard(event: KeyboardEvent): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-popper-close': KemetPopperClose;
-    }
-}
-
-export { KemetPopperClose as default };

package/dist/elements/popper-close.d.ts

@@ -1,27 +0,0 @@
-import * as lit_html from 'lit-html';
-import * as lit from 'lit';
-import { LitElement } from 'lit';
-
-/**
- * @since 2.0.0
- * @status stable
- *
- * @tagname kemet-popper-close
- * @summary A close button for the popper
- *
- * @event kemet-closed-pressed
- *
- */
-declare class KemetPopperClose extends LitElement {
-    static styles: lit.CSSResult[];
-    render(): lit_html.TemplateResult<1>;
-    close(): void;
-    handleKeyboard(event: KeyboardEvent): void;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'kemet-popper-close': KemetPopperClose;
-    }
-}
-
-export { KemetPopperClose as default };