@ed.yakovich/component-library 0.0.15 → 0.0.17

package/dist/index-b30029d4-CYulIFrS.js

@@ -0,0 +1,12 @@
+import { h as s } from "./index-CIJ0X8ia.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const t = () => s(
+  "sup",
+  { class: "ml-0.5" },
+  s("prism-icon", { theme: "fill", name: "asterisk", size: "custom", style: { "--icon-width": "12px", "--icon-height": "12px" } })
+);
+export {
+  t as A
+};

package/dist/index-e6818ded-r_t6ryaW.js

@@ -0,0 +1,57 @@
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const s = (t) => t.toLocaleLowerCase("en-US"), c = (t) => s(t).replace(/\s+/g, "-"), d = (t) => [...Array.from(t == null ? void 0 : t.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])'))].filter((o) => !o.hasAttribute("disabled")), x = (t) => {
+  let o = t.getBoundingClientRect(), e = {};
+  return e.top = o.top <= 0, e.left = o.left <= 0, e.bottom = o.bottom >= (window.innerHeight || document.documentElement.clientHeight), e.right = o.right >= (window.innerWidth || document.documentElement.clientWidth), e.any = e.top || e.left || e.bottom || e.right, e.all = e.top && e.left && e.bottom && e.right, e.values = o, e;
+}, u = (t) => {
+  t.removeAttribute("aria-hidden"), t.removeAttribute("tabindex");
+}, g = (t) => {
+  t.setAttribute("aria-hidden", "true"), t.setAttribute("tabindex", "-1");
+}, p = (t, o) => {
+  let e = {
+    tag: t
+    // props: {},
+  };
+  const n = new CustomEvent("prism-component-connected", {
+    detail: e
+  });
+  document.dispatchEvent(n);
+}, m = {
+  xs: { w: 16, h: 16 },
+  sm: { w: 24, h: 24 },
+  md: { w: 32, h: 32 },
+  lg: { w: 48, h: 48 },
+  xl: { w: 72, h: 72 },
+  custom: { w: 0, h: 0 }
+}, b = () => {
+  let t = (/* @__PURE__ */ new Date()).getTime();
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (e) => {
+    const n = (t + Math.random() * 16) % 16 | 0;
+    return t = Math.floor(t / 16), (e === "x" ? n : n & 3 | 8).toString(16);
+  });
+};
+function h(t, o) {
+  let e = "";
+  for (let n = 0; n < t.length; n++)
+    o.includes(t[n]) || (e += t[n]);
+  return e;
+}
+const i = (t, o, e) => {
+  console.info(`%c💎 Prism UI Component - ${e}:%cThe %c${t} %c${o}`, "font-size:12px; font-weight:bold; color:rgb(20, 20, 23); padding:2px; background-color:rgb(217, 225, 242);", "font-size:12px; margin-left:4px; padding:2px;", "font-size:12px; font-weight:bolder;", "font-size:12px; padding:2px;");
+}, f = (t, o) => {
+  var e;
+  typeof Storage < "u" && (!((e = JSON.parse(localStorage.getItem("@prism-ui/settings"))) === null || e === void 0) && e.notices) && i(t, o, "Deprecation Notice");
+};
+export {
+  d as a,
+  g as b,
+  m as c,
+  f as d,
+  u as e,
+  b as g,
+  x as i,
+  p as m,
+  h as r,
+  c as u
+};

package/dist/{index.esm-a7c99373-DUoLYEEM.js → index.esm-322571ff-D1REhsOg.js}

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
  */
 function x(c, o, t) {
   var v, l, r;

package/dist/lib/components/Accordion/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { AccordionType } from '../types';
+type AccordionContextData = AccordionType;
+type AccordionContextProviderProps = {
+    model: AccordionContextData;
+    children: ReactNode;
+};
+export declare const useAccordionContext: () => AccordionType;
+export declare const AccordionContextProvider: ({ model, children }: AccordionContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+import { AccordionType } from './types';
+export declare const Accordion: (props: AccordionType) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/Accordion/types/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export type AccordionType = {
+    isHidden?: boolean;
+    componentId?: string;
+    collapsed?: boolean;
+    description?: string;
+    iconPosition?: 'left' | 'right';
+    label?: string;
+    labelSecondary?: string;
+    onClick?: (event: unknown) => void;
+    tone?: unknown;
+    children?: ReactNode;
+};

package/dist/lib/components/Cart/index.d.ts

@@ -0,0 +1,6 @@
+type CartProps = {
+    backUrl?: string;
+    nextUrl?: string;
+};
+export declare const Cart: (props: CartProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/EquipmentSummary/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { EquipmentSummaryType } from '../types';
+type EquipmentSummaryContextData = EquipmentSummaryType;
+type EquipmentSummaryContextProviderProps = {
+    model: EquipmentSummaryContextData;
+    children: ReactNode;
+};
+export declare const useEquipmentSummaryContext: () => EquipmentSummaryType;
+export declare const EquipmentSummaryContextProvider: ({ model, children, }: EquipmentSummaryContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/EquipmentSummary/index.d.ts

@@ -0,0 +1,2 @@
+import { EquipmentSummaryType } from './types';
+export declare const EquipmentSummary: (props: EquipmentSummaryType) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/EquipmentSummary/types/index.d.ts

@@ -0,0 +1,14 @@
+export type EquipmentSummaryType = {
+    isHidden?: boolean;
+    isLoading?: boolean;
+    componentId?: string;
+    heading?: string;
+    description?: string;
+    equipmentList?: {
+        id: string;
+        icon: string;
+        title: string;
+        description: string;
+        actionType: 'retain' | 'return' | 'keep';
+    }[];
+};

package/dist/lib/components/Grid/index.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+type GridProps = {
+    flushX?: boolean;
+    flushY?: boolean;
+    maxWidth?: string;
+    maxColAmount?: '4' | '3' | '2' | '1';
+    colSpan?: string;
+    gapX?: string;
+    gapY?: string;
+    children?: ReactNode;
+};
+export declare const Grid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/HeroBanner/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { HeroBannerType } from '../types';
+type HeroBannerContextData = HeroBannerType;
+type HeroBannerContextProviderProps = {
+    model: HeroBannerContextData;
+    children: ReactNode;
+};
+export declare const useHeroBannerContext: () => HeroBannerType;
+export declare const HeroBannerContextProvider: ({ model, children }: HeroBannerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/HeroBanner/index.d.ts

@@ -0,0 +1,2 @@
+import { HeroBannerType } from './types';
+export declare const HeroBanner: (props: HeroBannerType) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/HeroBanner/types/index.d.ts

@@ -0,0 +1,11 @@
+export type HeroBannerType = {
+    isHidden?: boolean;
+    componentId?: string;
+    icon?: string;
+    heading?: string;
+    description?: string;
+    listData?: {
+        icon: string;
+        description: string;
+    }[];
+};

package/dist/lib/components/Nav/index.d.ts

@@ -0,0 +1,8 @@
+type NavProps = {
+    pages: {
+        name: string;
+        url: string;
+    }[];
+};
+export declare const Nav: (props: NavProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/OfferCards/context/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { OfferCardsType } from '../types';
+type OfferCardsContextProviderProps = {
+    model: OfferCardsType;
+    children: ReactNode;
+};
+export declare const useOfferCardsContext: () => OfferCardsType;
+export declare const OfferCardsContextProvider: ({ model, children }: OfferCardsContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/OfferCards/index.d.ts

@@ -0,0 +1,2 @@
+import { OfferCardsType } from './types';
+export declare const OfferCards: (props: OfferCardsType) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/OfferCards/subComponents/OfferCard.d.ts

@@ -0,0 +1,3 @@
+import { OfferCardType } from '../types';
+declare const OfferCard: (props: OfferCardType) => import("react/jsx-runtime").JSX.Element;
+export default OfferCard;

package/dist/lib/components/OfferCards/types/index.d.ts

@@ -0,0 +1,26 @@
+export type OfferCardType = {
+    id: string;
+    icon: string;
+    heading: string;
+    description: string;
+    iconList?: {
+        icon?: string;
+        description?: string;
+    }[];
+    price: number;
+    buttonLabel: string;
+    buttonHref?: string;
+    buttonDisabled?: boolean;
+    perMonth?: boolean;
+    isLoading?: boolean;
+    handleOfferCardAction?: (id: string) => void;
+};
+export type OfferCardsType = {
+    isHidden?: boolean;
+    isLoading?: boolean;
+    componentId?: string;
+    icon?: string;
+    heading?: string;
+    handleOfferCardAction?: (id: string) => void;
+    offerCardList?: OfferCardType[];
+};

package/dist/lib/components/SaleBanner/context/index.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { SaleBannerType } from '../types';
+type SaleBannerContextData = SaleBannerType;
+type SaleBannerContextProviderProps = {
+    model: SaleBannerContextData;
+    children: ReactNode;
+};
+export declare const useSaleBannerContext: () => SaleBannerType;
+export declare const SaleBannerContextProvider: ({ model, children }: SaleBannerContextProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/SaleBanner/index.d.ts

@@ -0,0 +1,2 @@
+import { SaleBannerType } from './types';
+export declare const SaleBanner: (props: SaleBannerType) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/SaleBanner/types/index.d.ts

@@ -0,0 +1,11 @@
+export type SaleBannerType = {
+    isHidden?: boolean;
+    componentId?: string;
+    heading?: string;
+    description?: string;
+    disclaimer?: string;
+    normalPrice?: number;
+    salePrice?: number;
+    linkText?: string;
+    linkUrl?: string;
+};

package/dist/lib/main.d.ts

@@ -1,3 +1,16 @@
+export { Accordion } from './components/Accordion';
+export { AccordionContextProvider } from './components/Accordion/context';
+export { Cart } from './components/Cart';
+export { EquipmentSummary } from './components/EquipmentSummary';
+export { EquipmentSummaryContextProvider } from './components/EquipmentSummary/context';
+export { Grid } from './components/Grid';
+export { HeroBanner } from './components/HeroBanner';
+export { HeroBannerContextProvider } from './components/HeroBanner/context';
 export { InfoBanner } from './components/InfoBanner';
 export { InfoBannerContextProvider } from './components/InfoBanner/context';
+export { Nav } from './components/Nav';
+export { OfferCards } from './components/OfferCards';
+export { OfferCardsContextProvider } from './components/OfferCards/context';
+export { SaleBanner } from './components/SaleBanner';
+export { SaleBannerContextProvider } from './components/SaleBanner/context';
 export { StickyFooter } from './components/StickyFooter';

package/dist/main.js

@@ -1,8 +1,34 @@
-import { I as e } from "./index-D9BZSjMp.js";
-import { InfoBannerContextProvider as t } from "./components/InfoBanner/context/index.js";
-import { StickyFooter as x } from "./components/StickyFooter/index.js";
+import { Accordion as e } from "./components/Accordion/index.js";
+import { AccordionContextProvider as n } from "./components/Accordion/context/index.js";
+import { Cart as m } from "./components/Cart/index.js";
+import { EquipmentSummary as p } from "./components/EquipmentSummary/index.js";
+import { EquipmentSummaryContextProvider as i } from "./components/EquipmentSummary/context/index.js";
+import { Grid as C } from "./components/Grid/index.js";
+import { HeroBanner as B } from "./components/HeroBanner/index.js";
+import { HeroBannerContextProvider as c } from "./components/HeroBanner/context/index.js";
+import { InfoBanner as u } from "./components/InfoBanner/index.js";
+import { InfoBannerContextProvider as l } from "./components/InfoBanner/context/index.js";
+import { Nav as s } from "./components/Nav/index.js";
+import { OfferCards as E } from "./components/OfferCards/index.js";
+import { OfferCardsContextProvider as I } from "./components/OfferCards/context/index.js";
+import { SaleBanner as k } from "./components/SaleBanner/index.js";
+import { SaleBannerContextProvider as G } from "./components/SaleBanner/context/index.js";
+import { StickyFooter as b } from "./components/StickyFooter/index.js";
 export {
-  e as InfoBanner,
-  t as InfoBannerContextProvider,
-  x as StickyFooter
+  e as Accordion,
+  n as AccordionContextProvider,
+  m as Cart,
+  p as EquipmentSummary,
+  i as EquipmentSummaryContextProvider,
+  C as Grid,
+  B as HeroBanner,
+  c as HeroBannerContextProvider,
+  u as InfoBanner,
+  l as InfoBannerContextProvider,
+  s as Nav,
+  E as OfferCards,
+  I as OfferCardsContextProvider,
+  k as SaleBanner,
+  G as SaleBannerContextProvider,
+  b as StickyFooter
 };

package/dist/prism-accordion.entry-BxWxJTzN.js

@@ -0,0 +1,51 @@
+import { r as i, e as n, h as e, H as s, g as l } from "./index-CIJ0X8ia.js";
+import { g as c, a as d, m as b } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const g = ':host{border-radius:var(--border-radius-small,4px);display:block;width:100%}:host(.stacked-top){margin-top:.25rem}:host(.stacked-bottom){margin-bottom:.25rem}.text{display:grid;grid-template-areas:"label" "label-secondary" "description";grid-template-columns:auto;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content max-content;width:100%}@media (min-width:768px){.text{grid-template-areas:"label label-secondary" "description description";grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content}}.description{grid-area:description}.label{flex:1 1 auto;grid-area:label;text-align:left}.label-secondary{grid-area:label-secondary;margin-top:.25rem}@media (min-width:768px){.label-secondary{margin-top:0}}.trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-small,4px);border-width:0;display:flex;outline-color:var(--outline-color-transparent,transparent);outline-style:solid;outline-width:2px;padding:1.5rem 1rem;text-align:left;transition:background-color,border-color,outline,border-radius,outline-color .2s ease-in;width:100%}@media (min-width:768px){.trigger{padding:1.5rem}}.trigger:hover{cursor:pointer}.trigger:focus-visible{outline-color:var(--outline-color-theme1-base,#5a23b9)}:host(.neutral){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-base-shadow);background-color:rgb(var(--background-color-material-neutral-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral2){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral-inverse){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral-inverse-base-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral2-inverse){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-inverse-base-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral) .trigger,:host(.neutral2) .trigger{--tw-text-opacity:1;color:rgb(var(--text-color-neutral-base)/var(--tw-text-opacity))}:host(.neutral-inverse) .trigger,:host(.neutral2-inverse) .trigger{--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}:host(.neutral) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-hover-shadow);background-color:rgb(var(--background-color-material-neutral-hover)/var(--tw-bg-opacity))}:host(.neutral) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-focus-shadow);background-color:rgb(var(--background-color-material-neutral-focus)/var(--tw-bg-opacity))}:host(.neutral2) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-hover)/var(--tw-bg-opacity))}:host(.neutral2) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-focus-shadow);background-color:rgb(var(--background-color-material-neutral2-focus)/var(--tw-bg-opacity))}:host(.neutral-inverse) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-inverse-hover-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-hover)/var(--tw-bg-opacity))}:host(.neutral-inverse) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral-inverse-focus-shadow);background-color:rgb(var(--background-color-material-neutral-inverse-focus)/var(--tw-bg-opacity))}:host(.neutral2-inverse) .trigger:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-inverse-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-hover)/var(--tw-bg-opacity))}:host(.neutral2-inverse) .trigger:focus-visible{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-inverse-focus-shadow);background-color:rgb(var(--background-color-material-neutral2-inverse-focus)/var(--tw-bg-opacity))}.expandable-content.visible{grid-template-rows:1fr;overflow:visible}.expandable-content.visible .content-wrapper{opacity:1;visibility:visible}.expandable-content{--text-body2-leading:var(--text-body2-line-height);--text-body2-family:var(--text-family-default);display:grid;font-family:var(--text-body2-family);font-size:var(--text-body2-size);font-weight:var(--text-body2-weight);grid-template-rows:0fr;letter-spacing:var(--text-body2-letter-spacing);line-height:var(--text-body2-leading);overflow-y:hidden;text-transform:var(--text-body2-text-transform);transition:grid-template-rows .25s ease-in-out}.content-wrapper{min-height:0;opacity:0;transition:opacity .3s ease-in-out;visibility:hidden}.content-spacing{padding:1rem 1.5rem}.hint{margin-top:.25rem}.icon{margin-left:1.5rem;margin-right:0}.icon.left{margin-left:0;margin-right:1.5rem}@media (prefers-reduced-motion){.content-wrapper,.expandable-content,.trigger{transition:none}}::slotted([slot=asset-leading]){margin-right:1rem}::slotted([slot=asset-trailing]){flex-shrink:0;margin-left:1rem}', p = g, u = class {
+  constructor(a) {
+    i(this, a), this.prismClick = n(this, "prismClick", 7), this.uid = c(), this.sibling = {
+      top: !1,
+      bottom: !1
+    }, this.toggleFocusElements = () => {
+      d(this.el).forEach((t) => {
+        this.collapsed ? t == null || t.setAttribute("tabindex", "-1") : t == null || t.removeAttribute("tabindex");
+      });
+    }, this.onClick = (t) => {
+      this.collapsed = !this.collapsed;
+      const { currentTarget: r } = t, { id: o } = r;
+      this.toggleFocusElements(), this.prismClick.emit({
+        id: o,
+        name: "accordion",
+        collapsed: this.collapsed,
+        target: r
+      });
+    }, this.collapsed = !0, this.prismId = `prism-accordion-${this.uid}`, this.label = void 0, this.description = void 0, this.labelSecondary = void 0, this.iconPosition = "right", this.tone = "neutral2";
+  }
+  connectedCallback() {
+    b("prism-accordion");
+  }
+  componentDidRender() {
+    this.toggleFocusElements();
+  }
+  componentWillLoad() {
+    var a, t;
+    ((a = this.el.nextElementSibling) === null || a === void 0 ? void 0 : a.tagName) === "PRISM-ACCORDION" && (this.sibling.bottom = !0), ((t = this.el.previousElementSibling) === null || t === void 0 ? void 0 : t.tagName) === "PRISM-ACCORDION" && (this.sibling.top = !0);
+  }
+  render() {
+    const a = () => e("prism-icon", { key: "80473fcbf6527c41ca8bb40fdf03b49da2e0a93d", class: { icon: !0, [this.iconPosition]: !0 }, "aria-hidden": "true", priority: "secondary", tone: "custom", theme: "outline", name: this.collapsed ? "caret_down_button" : "caret_up_button" });
+    return e(s, { key: "a4903afadcd34da2cfdb38af3550b47a7f4f280a", class: {
+      [this.tone]: !0,
+      "stacked-top": this.sibling.top,
+      "stacked-bottom": this.sibling.bottom
+    } }, e("button", { key: "fd152ec500e95f7d5ae9e65f13d2252c1012a61c", onClick: (t) => this.onClick(t), id: this.prismId, type: "button", class: { trigger: !0 }, "aria-expanded": (!this.collapsed).toString() }, e("slot", { key: "54ce81316ac4e1a2ceb06543fc2a3d0bdbe0a217", name: "asset-leading" }), this.iconPosition === "left" && e(a, { key: "e41e8ff791b49a5342f716cc6ca172e16611f05a" }), e("section", { key: "4c8e08f3e3f68a735825ab568da619f30cac7da1", class: { text: !0 } }, e("prism-text", { key: "1cedf90d34337fadf0491dcb2b4b3949169b850d", tag: "span", class: "label", display: "heading3" }, this.label), this.labelSecondary && e("prism-text", { key: "a41b409799fee62a0b4b0f58b8c53cb817839c7a", tag: "span", class: "label-secondary", display: "heading3" }, this.labelSecondary), this.description && e("prism-text", { key: "09fef9450b69a02e0609af8170ba0c6e2ca313cd", tag: "span", class: "description", priority: "secondary", display: "caption" }, this.description), e("slot", { key: "1db7be79db9a2a08ef78c3c95026e412ffa8fe97", name: "meta" })), e("slot", { key: "6a12b1eb03de925001ac9163b9886818fb84cef0", name: "asset-trailing" }), this.iconPosition === "right" && e(a, { key: "8897049dec16b62fd8a0fddf7fb971a899c03e9b" })), e("div", { key: "89527f3f3720ce4133e07198959896e994ef7924", ref: (t) => this.contentPanel = t, "aria-hidden": this.collapsed.toString(), class: { "expandable-content": !0, visible: !this.collapsed } }, e("div", { key: "1dba1139aabf217caf94d271ae3db5bb684f7542", class: "content-wrapper" }, e("section", { key: "bf7cec674c5bf2766a2cd37d1b057c2f278e8b0c", class: "content-spacing" }, e("slot", { key: "b323e9b1a463bbbc7ff8c586d68606303af47950" })))));
+  }
+  get el() {
+    return l(this);
+  }
+};
+u.style = p;
+export {
+  u as prism_accordion
+};

package/dist/prism-avatar_2.entry-D13WJm8L.js

@@ -0,0 +1,68 @@
+import { r as s, h as t, H as n, g as c } from "./index-CIJ0X8ia.js";
+import { m as d } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const h = '.text-display1{--text-display1-leading:var(--text-display1-line-height);--text-display1-family:var(--text-family-brand);font-family:var(--text-display1-family);font-size:var(--text-display1-size);font-weight:var(--text-display1-weight);letter-spacing:var(--text-display1-letter-spacing);line-height:var(--text-display1-leading);text-transform:var(--text-display1-text-transform)}.text-headline1{--text-headline1-leading:var(--text-headline1-line-height);--text-headline1-family:var(--text-family-brand);font-family:var(--text-headline1-family);font-size:var(--text-headline1-size);font-weight:var(--text-headline1-weight);letter-spacing:var(--text-headline1-letter-spacing);line-height:var(--text-headline1-leading);text-transform:var(--text-headline1-text-transform)}.text-body1{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);text-transform:var(--text-body1-text-transform)}:host{--pui-avatar-tone:rgb(var(--background-color-material-neutral-base));--pui-avatar-text-color:rgb(var(--text-color-neutral-base));--pui-avatar-outline-color:var(--outline-color-neutral-base,#141417);display:inline-block;position:relative}.image{border-radius:50%;color:transparent;height:100%;object-fit:cover;overflow:clip;text-align:center;width:100%}:host(.circle.generic),:host(.circle.profile){outline-color:var(--outline-color-transparent,transparent)}:host(.circle){border-radius:50%;outline-color:var(--outline-color-neutral2-base,#62626c);outline-style:solid;outline-width:2px;text-align:center}:host(.circle) .text,:host(.oval) .text{align-items:center;display:flex;height:100%;justify-content:center;width:100%}:host(.circle.sm){height:1.5rem;width:1.5rem}:host(.circle.md){height:2rem;width:2rem}:host(.circle.lg){height:3rem;width:3rem}:host(.circle.xl){height:4.5rem;width:4.5rem}:host(.circle.xxl){height:9rem;width:9rem}:host(.oval){border-radius:var(--border-radius-large,16px);outline-color:var(--outline-color-neutral2-base,#62626c);outline-style:solid;outline-width:2px;text-align:center}:host(.oval.sm){height:1.5rem;padding-left:.5rem;padding-right:.5rem}:host(.oval.md){height:2rem;padding-left:.75rem;padding-right:.75rem}:host(.oval.lg){border-radius:var(--border-radius-xlarge,32px);height:3rem;width:4.5rem}:host(.oval.xl){border-radius:var(--border-radius-xlarge,32px);height:3rem;width:6rem}:host(.oval.xxl){border-radius:var(--border-radius-xlarge,32px);height:3.5rem;width:7rem}:host(.md) .text,:host(.sm) .text{--text-callout2-leading:var(--text-callout2-line-height);--text-callout2-family:var(--text-family-brand);font-family:var(--text-callout2-family);font-size:var(--text-callout2-size);font-weight:var(--text-callout2-weight);letter-spacing:var(--text-callout2-letter-spacing);line-height:var(--text-callout2-leading);text-transform:var(--text-callout2-text-transform)}:host(.lg) .text{--text-body1-leading:var(--text-body1-line-height);--text-body1-family:var(--text-family-default);font-family:var(--text-body1-family);font-size:var(--text-body1-size);font-weight:var(--text-body1-weight);letter-spacing:var(--text-body1-letter-spacing);line-height:var(--text-body1-leading);margin-top:1px;text-transform:var(--text-body1-text-transform);text-transform:uppercase}:host(.xl) .text{--text-headline1-leading:var(--text-headline1-line-height);--text-headline1-family:var(--text-family-brand);font-family:var(--text-headline1-family);font-size:var(--text-headline1-size);font-weight:var(--text-headline1-weight);letter-spacing:var(--text-headline1-letter-spacing);line-height:var(--text-headline1-leading);margin-top:.125rem;text-transform:var(--text-headline1-text-transform);text-transform:uppercase}:host(.xxl) .text{--text-display1-leading:var(--text-display1-line-height);--text-display1-family:var(--text-family-brand);font-family:var(--text-display1-family);font-size:var(--text-display1-size);font-weight:var(--text-display1-weight);letter-spacing:var(--text-display1-letter-spacing);line-height:var(--text-display1-leading);margin-top:.125rem;text-transform:var(--text-display1-text-transform);text-transform:uppercase}.dot:after{--tw-border-opacity:1;border-color:rgb(var(--border-color-stroke-inverse-base)/var(--tw-border-opacity));border-radius:50%;border-style:solid;border-width:1px;bottom:-1px;content:"";display:block;height:.625rem;position:absolute;right:-1px;transition:background-color .2s ease-in;width:.625rem}:host(.xl) .dot:after,:host(.xxl) .dot:after{height:1rem;width:1rem}.dot.neutral:after{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.dot.positive:after{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))}.dot.negative:after{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))}.dot.theme1:after{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))}.dot.info:after{--tw-bg-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))}.dot.caution:after{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))}@media (prefers-reduced-motion){.dot:after{transition:none}}:host(.color-neutral){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-positive){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-negative){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-caution){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-theme1){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-theme2){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-theme2-base-shadow);background-color:rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-info){--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity));outline-color:var(--outline-color-transparent,transparent)}:host(.color-inherit){background-color:var(--pui-avatar-tone);color:var(--pui-avatar-text-color);outline-color:var(--pui-avatar-outline-color)}', g = h, b = class {
+  constructor(e) {
+    s(this, e), this._abbreviate = () => {
+      var r, a, o, i, l;
+      this.el.innerText = `${(a = (r = this.alt) === null || r === void 0 ? void 0 : r.trim()) === null || a === void 0 ? void 0 : a.charAt(0)}${(l = (i = (o = this.alt) === null || o === void 0 ? void 0 : o.trim()) === null || i === void 0 ? void 0 : i.replace(" ", "")) === null || l === void 0 ? void 0 : l.charAt(1)}`;
+    }, this.checkImage = () => {
+      this.image = !1, this.generic = this.el.childNodes.length === 0 && !this.alt, this.alt && this._abbreviate();
+    }, this.src = void 0, this.alt = void 0, this.size = "sm", this.dotTone = "neutral", this.tone = "inherit", this.notification = !1, this.shape = "oval", this.image = void 0, this.generic = void 0;
+  }
+  watchHandler() {
+  }
+  connectedCallback() {
+    d("prism-avatar");
+  }
+  componentWillLoad() {
+    this.image = !!this.src, this.shape = this.src ? "circle" : this.shape, !this.image && this.alt && this._abbreviate();
+  }
+  render() {
+    const e = () => t("prism-icon", { key: "532fa7777a80248fd2f4908bf8931945c51d2ced", theme: "outline", label: "username", name: "profile", size: this.size });
+    return t(n, { key: "b9b6d7e11d4bc242b9454c388e05cc98efd0c1a2", class: {
+      profile: this.image,
+      generic: this.generic,
+      [this.size]: !0,
+      [this.shape]: !0,
+      [`color-${this.tone}`]: !!this.tone
+    } }, this.image ? t("prism-image", { onPrismError: () => this.checkImage(), alt: this.alt, src: this.src, class: { image: !0, dot: this.notification, [this.dotTone]: this.notification } }) : (
+      // <img
+      //   onError={() => this.checkImage()}
+      //   alt={this.alt}
+      //   src={this.src}
+      //   class={{ image: true, dot: this.notification, [this.dotTone]: this.notification }}
+      // />
+      t("span", { class: {
+        dot: this.notification,
+        [this.dotTone]: this.notification,
+        text: !0
+      } }, this.el.childNodes.length > 0 ? t("slot", null) : t(e, null))
+    ));
+  }
+  get el() {
+    return c(this);
+  }
+  static get watchers() {
+    return {
+      image: ["watchHandler"]
+    };
+  }
+};
+b.style = g;
+const p = ".sc-prism-button-group-h{display:var(--button-group-display,block);width:var(--button-group-width,100%)}.layout.sc-prism-button-group{align-items:center;display:flex;justify-content:var(--button-group-justify,flex-start)}ol.layout.sc-prism-button-group,ul.layout.sc-prism-button-group{list-style-type:none;margin:0;padding:0}.add-space.sc-prism-button-group{gap:.5rem}.add-space.sc-prism-button-group nav.sc-prism-button-group ul.sc-prism-button-group{gap:.25rem}nav ul.sc-prism-button-group-s>*,nav ul .sc-prism-button-group-s>*{--button-padding:0.75rem}", v = p, u = class {
+  constructor(e) {
+    s(this, e), this.collection = "group", this.label = void 0, this.gap = !0, this.listType = "ul";
+  }
+  render() {
+    const e = this.collection === "navigation" ? "nav" : "div", r = this.listType === "ul" ? "ul" : "ol", a = { layout: !0, "add-space": this.gap };
+    return t(n, { key: "3d23bc817e0e1673883ebafef664939b75319d97" }, t(e, { key: "bb4c93f5864acd1804b9d37bad01011cff0d3636", class: a, role: this.collection === "navigation" || this.collection === "none" ? null : this.collection, "aria-label": this.label }, this.collection === "navigation" ? t(r, { class: a }, t("slot", null)) : t("slot", null)));
+  }
+};
+u.style = v;
+export {
+  b as prism_avatar,
+  u as prism_button_group
+};

package/dist/prism-badge.entry-DxUacM3U.js

@@ -0,0 +1,58 @@
+import { r as e, e as c, h as o, H as n, g as l } from "./index-CIJ0X8ia.js";
+import { g as s, m as b } from "./index-e6818ded-r_t6ryaW.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ */
+const g = ":host{display:inline-flex;position:relative}.wrapper{align-items:center;display:inline-flex;position:relative;transition:all .2s ease-in;transition-property:outline background-color border-color;white-space:nowrap}button.wrapper{border-style:none}button.wrapper:hover{cursor:pointer}button.wrapper:focus-visible{outline-color:var(--outline-color-neutral-focus,#35353b);outline-offset:1px;outline-style:solid;outline-width:1px}.text{--max:inherit;letter-spacing:inherit;line-height:1}.sm{border-radius:var(--border-radius-medium,8px);gap:1px;height:1rem;padding-left:.5rem;padding-right:.5rem}.md{border-radius:var(--border-radius-large,16px);height:1.5rem;padding-left:.75rem;padding-right:.75rem}.lg,.md{gap:.25rem}.lg{border-radius:var(--border-radius-xlarge,32px);height:2.75rem;padding-left:1rem;padding-right:1rem}.lg.asset-trailing{padding-right:0}.lg.asset-leading{padding-left:0}.high{--tw-text-opacity:1;color:rgb(var(--text-color-inverse-base)/var(--tw-text-opacity))}.info{--tw-bg-opacity:1;--shadow-color:var(--fill-info-base-shadow);background-color:rgb(var(--background-color-fill-info-base)/var(--tw-bg-opacity))}.info .action:hover,button.info:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-info-hover-shadow);background-color:rgb(var(--background-color-fill-info-hover)/var(--tw-bg-opacity))}.info .action:active,button.info:active{--tw-bg-opacity:1;--shadow-color:var(--fill-info-down-shadow);background-color:rgb(var(--background-color-fill-info-down)/var(--tw-bg-opacity))}.theme1{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-base-shadow);background-color:rgb(var(--background-color-fill-theme1-base)/var(--tw-bg-opacity))}.theme1 .action:hover,button.theme1:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-hover-shadow);background-color:rgb(var(--background-color-fill-theme1-hover)/var(--tw-bg-opacity))}.theme1 .action:active,button.theme1:active{--tw-bg-opacity:1;--shadow-color:var(--fill-theme1-down-shadow);background-color:rgb(var(--background-color-fill-theme1-down)/var(--tw-bg-opacity))}.positive{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-base-shadow);background-color:rgb(var(--background-color-fill-positive-base)/var(--tw-bg-opacity))}.positive .action:hover,button.positive:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-hover-shadow);background-color:rgb(var(--background-color-fill-positive-hover)/var(--tw-bg-opacity))}.positive .action:active,button.positive:active{--tw-bg-opacity:1;--shadow-color:var(--fill-positive-down-shadow);background-color:rgb(var(--background-color-fill-positive-down)/var(--tw-bg-opacity))}.caution{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-base-shadow);background-color:rgb(var(--background-color-fill-caution-base)/var(--tw-bg-opacity))}.caution .action:hover,button.caution:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-hover-shadow);background-color:rgb(var(--background-color-fill-caution-hover)/var(--tw-bg-opacity))}.caution .action:active,button.caution:active{--tw-bg-opacity:1;--shadow-color:var(--fill-caution-down-shadow);background-color:rgb(var(--background-color-fill-caution-down)/var(--tw-bg-opacity))}.theme2{--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-base-shadow);background-color:rgb(var(--background-color-fill-theme2-base)/var(--tw-bg-opacity))}.theme2 .action:hover,button.theme2:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-hover-shadow);background-color:rgb(var(--background-color-fill-theme2-hover)/var(--tw-bg-opacity))}.theme2 .action:active,button.theme2:active{--tw-bg-opacity:1;--shadow-color:var(--fill-theme2-down-shadow);background-color:rgb(var(--background-color-fill-theme2-down)/var(--tw-bg-opacity))}.negative{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-base-shadow);background-color:rgb(var(--background-color-fill-negative-base)/var(--tw-bg-opacity))}.negative .action:hover,button.negative:hover{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-hover-shadow);background-color:rgb(var(--background-color-fill-negative-hover)/var(--tw-bg-opacity))}.negative .action:active,button.negative:active{--tw-bg-opacity:1;--shadow-color:var(--fill-negative-down-shadow);background-color:rgb(var(--background-color-fill-negative-down)/var(--tw-bg-opacity))}.neutral2{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-base)/var(--tw-bg-opacity))}.neutral2 .action:hover,button.neutral2:hover{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-hover)/var(--tw-bg-opacity))}.neutral2 .action:active,button.neutral2:active{--tw-bg-opacity:1;background-color:rgb(var(--background-color-fill-neutral2-down)/var(--tw-bg-opacity))}.low.info{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-info-base-shadow);background-color:rgb(var(--background-color-material-info-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-info-base)/var(--tw-text-opacity))}.low.info .action:hover,button.low.info:hover{--tw-bg-opacity:1;--shadow-color:var(--material-info-hover-shadow);background-color:rgb(var(--background-color-material-info-hover)/var(--tw-bg-opacity))}.low.info .action:active,button.low.info:active{--tw-bg-opacity:1;--shadow-color:var(--material-info-down-shadow);background-color:rgb(var(--background-color-material-info-down)/var(--tw-bg-opacity))}.low.theme1{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-theme1-base-shadow);background-color:rgb(var(--background-color-material-theme1-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-theme1-base)/var(--tw-text-opacity))}.low.theme1 .action:hover,button.low.theme1:hover{--tw-bg-opacity:1;--shadow-color:var(--material-theme1-hover-shadow);background-color:rgb(var(--background-color-material-theme1-hover)/var(--tw-bg-opacity))}.low.theme1 .action:active,button.low.theme1:active{--tw-bg-opacity:1;--shadow-color:var(--material-theme1-down-shadow);background-color:rgb(var(--background-color-material-theme1-down)/var(--tw-bg-opacity))}.low.positive{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-positive-base-shadow);background-color:rgb(var(--background-color-material-positive-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-positive-base)/var(--tw-text-opacity))}.low.positive .action:hover,button.low.positive:hover{--tw-bg-opacity:1;--shadow-color:var(--material-positive-hover-shadow);background-color:rgb(var(--background-color-material-positive-hover)/var(--tw-bg-opacity))}.low.positive .action:active,button.low.positive:active{--tw-bg-opacity:1;--shadow-color:var(--material-positive-down-shadow);background-color:rgb(var(--background-color-material-positive-down)/var(--tw-bg-opacity))}.low.caution,.low.theme2{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-caution-base-shadow);background-color:rgb(var(--background-color-material-caution-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-caution-base)/var(--tw-text-opacity))}.low.caution .action:hover,button.low.caution:hover{--tw-bg-opacity:1;--shadow-color:var(--material-caution-hover-shadow);background-color:rgb(var(--background-color-material-caution-hover)/var(--tw-bg-opacity))}.low.caution .action:active,button.low.caution:active{--tw-bg-opacity:1;--shadow-color:var(--material-caution-down-shadow);background-color:rgb(var(--background-color-material-caution-down)/var(--tw-bg-opacity))}.low.negative{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-negative-base-shadow);background-color:rgb(var(--background-color-material-negative-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-negative-base)/var(--tw-text-opacity))}.low.negative .action:hover,button.low.negative:hover{--tw-bg-opacity:1;--shadow-color:var(--material-negative-hover-shadow);background-color:rgb(var(--background-color-material-negative-hover)/var(--tw-bg-opacity))}.low.negative .action:active,button.low.negative:active{--tw-bg-opacity:1;--shadow-color:var(--material-negative-down-shadow);background-color:rgb(var(--background-color-material-negative-down)/var(--tw-bg-opacity))}.low.neutral2{--tw-bg-opacity:1;--tw-text-opacity:1;--shadow-color:var(--material-neutral2-base-shadow);background-color:rgb(var(--background-color-material-neutral2-base)/var(--tw-bg-opacity));color:rgb(var(--text-color-neutral2-base)/var(--tw-text-opacity))}.low.neutral2 .action:hover,button.low.neutral2:hover{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-hover-shadow);background-color:rgb(var(--background-color-material-neutral2-hover)/var(--tw-bg-opacity))}.low.neutral2 .action:active,button.low.neutral2:active{--tw-bg-opacity:1;--shadow-color:var(--material-neutral2-down-shadow);background-color:rgb(var(--background-color-material-neutral2-down)/var(--tw-bg-opacity))}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--background-color-transparent,transparent);border-radius:var(--border-radius-xlarge,32px);border-style:none;color:inherit;cursor:pointer;height:2.75rem;margin:0;outline:2px solid transparent;outline-offset:2px;padding:0;position:relative;width:2.75rem}.action:focus-visible{outline-color:var(--outline-color-neutral-focus,#35353b);outline-offset:0;outline-style:solid;outline-width:1px}.action.priority-high:focus-visible{outline-color:var(--outline-color-inverse-base,#f6f6f9)}.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}}", v = g, d = class {
+  constructor(t) {
+    e(this, t), this.prismClick = c(this, "prismClick", 7), this.uid = s(), this.sendAction = (r) => {
+      const { currentTarget: i } = r;
+      this.prismClick.emit({
+        id: this.prismId,
+        name: "prism-badge",
+        action: this.interactive,
+        target: i
+      }).defaultPrevented && r.preventDefault();
+    }, this.slots = {
+      leading: !1,
+      trailing: !1
+    }, this.wrapperAttrs = {}, this.prismId = `prism-badge-${this.uid}`, this.size = "sm", this.tone = "neutral2", this.priority = "low", this.interactive = void 0, this.label = void 0;
+  }
+  connectedCallback() {
+    this.slots.leading = !!this.el.querySelector('[slot="asset-leading"]'), this.slots.trailing = !!this.el.querySelector('[slot="asset-trailing"]'), b("prism-badge");
+  }
+  /** @internal textSize function */
+  _textSize(t) {
+    switch (t) {
+      case "sm":
+        return "tag";
+      case "md":
+        return "caption";
+      case "lg":
+        return "body2";
+    }
+  }
+  render() {
+    const t = () => o("button", { id: `action-badge-${this.uid}`, ref: (a) => this.actionButton = a, type: "button", onClick: (a) => this.sendAction(a), "aria-label": this.label, class: { action: !0, [this.interactive]: !0, [`priority-${this.priority}`]: !0 } }, o("slot", { name: `asset-${this.interactive}` })), i = (this.interactive === "container" && (this.wrapperAttrs = {
+      id: `action-badge-${this.uid}`,
+      type: "button",
+      onClick: (a) => this.sendAction(a)
+    }), this.interactive === "container" ? "button" : "span");
+    return o(n, { class: {
+      interactive: !!this.interactive
+    }, id: this.prismId }, o(i, Object.assign({}, this.wrapperAttrs, { class: {
+      wrapper: !0,
+      [this.tone]: !0,
+      [this.size]: !0,
+      [this.priority]: !0,
+      [`asset-${this.interactive}`]: !!this.interactive
+    } }), this.interactive === "leading" && this.size === "lg" ? o(t, null) : o("slot", { name: "asset-leading" }), o("prism-text", { ellipsis: !0, class: "text", tag: "span", display: this._textSize(this.size) }, o("slot", null)), this.interactive === "trailing" && this.size === "lg" ? o(t, null) : o("slot", { name: "asset-trailing" })));
+  }
+  get el() {
+    return l(this);
+  }
+};
+d.style = v;
+export {
+  d as prism_badge
+};