@caseparts-org/caseblocks 0.0.210 → 0.0.212

package/dist/assets/Availability.css

@@ -1 +1 @@
-._availability_9rzvh_1{font-style:italic}._tooltipContent_9rzvh_5{max-width:370px}._tooltipContent_9rzvh_5>ul{padding:0;margin:var(--spacing-spacing-2xs) 0}._tooltipContent_9rzvh_5 li{list-style:none}._available_9rzvh_18,._in-stock_9rzvh_18{color:var(--color-alerts-success)}._limited_9rzvh_21{color:var(--color-alerts-warning)}._discontinued_9rzvh_24{color:var(--color-alerts-error-warning)}
+._availability_kb59t_1{font-style:italic}._pointer_kb59t_5{cursor:pointer}._tooltip_kb59t_9{background-color:#fafafa}._tooltipContent_kb59t_13{max-width:370px}._tooltipContent_kb59t_13>ul{padding:0;margin:var(--spacing-spacing-2xs) 0}._tooltipContent_kb59t_13 li{list-style:none}._available_kb59t_26,._in-stock_kb59t_26{color:var(--color-alerts-success)}._limited_kb59t_29{color:var(--color-alerts-warning)}._discontinued_kb59t_32{color:var(--color-alerts-error-warning)}

package/dist/assets/Pill.css

@@ -0,0 +1 @@
+._pill_1dm0w_1{display:flex;justify-content:center;align-items:center;border-radius:28px;border:none}._pill-xs_1dm0w_17{padding:2px 10px}._pill-sm_1dm0w_25{padding:2px 12px}._pill-md_1dm0w_33{padding:4px 16px}._pill-color-neutral_1dm0w_41{background:var(--color-neutrals-neutral-1)}._pill-color-secondary_1dm0w_49{background:var(--color-brand-secondary-lt-teal-blue)}._pill-color-caution-tips_1dm0w_57{background:var(--color-brand-secondary-lt-yellow)}._pill-color-warning_1dm0w_65{background:var(--color-brand-secondary-lt-orange)}._pill-color-success_1dm0w_73{background:var(--color-brand-secondary-lt-green)}._pill-color-error-warning_1dm0w_81{background:var(--color-brand-secondary-lt-red)}

package/dist/atoms/Pill/Pill.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { TextColorToken } from '../Text/Text';
+export interface PillProps {
+    children: ReactNode;
+    colorToken?: "neutral" | "secondary" | "caution-tips" | "warning" | "success" | "error-warning";
+    customColor?: string;
+    textColorToken?: TextColorToken;
+    size: "xs" | "sm" | "md";
+    className?: string;
+}
+export declare function Pill({ children, colorToken, textColorToken, customColor, size, className }: PillProps): import("react/jsx-runtime").JSX.Element;

package/dist/atoms/Pill/Pill.js

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Text as s } from "../Text/Text.js";
+import { c as m } from "../../clsx-OuTLNxxd.js";
+import '../../assets/Pill.css';const d = "_pill_1dm0w_1", l = {
+  pill: d,
+  "pill-xs": "_pill-xs_1dm0w_17",
+  "pill-sm": "_pill-sm_1dm0w_25",
+  "pill-md": "_pill-md_1dm0w_33",
+  "pill-color-neutral": "_pill-color-neutral_1dm0w_41",
+  "pill-color-secondary": "_pill-color-secondary_1dm0w_49",
+  "pill-color-caution-tips": "_pill-color-caution-tips_1dm0w_57",
+  "pill-color-warning": "_pill-color-warning_1dm0w_65",
+  "pill-color-success": "_pill-color-success_1dm0w_73",
+  "pill-color-error-warning": "_pill-color-error-warning_1dm0w_81"
+};
+function w({ children: p, colorToken: _ = "neutral", textColorToken: c, customColor: o, size: r, className: n }) {
+  return /* @__PURE__ */ i(
+    "span",
+    {
+      className: m(
+        l.pill,
+        l[`pill-color-${_}`],
+        l[`pill-${r}`],
+        n
+      ),
+      style: o ? { background: o } : void 0,
+      children: /* @__PURE__ */ i(s, { size: r, colorToken: c, children: p })
+    }
+  );
+}
+export {
+  w as Pill
+};

package/dist/atoms/Pill/Pill.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Pill } from './Pill';
+declare const meta: {
+    title: string;
+    component: typeof Pill;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const AllProps: Story;
+export declare const Variants: StoryObj<typeof Pill>;
+export declare const Sizes: StoryObj<typeof Pill>;
+export declare const TextColors: StoryObj<typeof Pill>;
+export declare const CustomColor: StoryObj<typeof Pill>;

package/dist/atoms/Pill/Pill.stories.js

@@ -0,0 +1,60 @@
+import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { Pill as r } from "./Pill.js";
+const a = {
+  title: "Case Parts/Atoms/Pill",
+  component: r,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"]
+}, d = {
+  args: {
+    children: "New",
+    colorToken: "success",
+    textColorToken: "default-inverted",
+    customColor: "#166534",
+    size: "md"
+  }
+}, n = [
+  "neutral",
+  "secondary",
+  "caution-tips",
+  "warning",
+  "success",
+  "error-warning"
+], t = [
+  "inherit",
+  "default-inverted",
+  "secondary",
+  "success",
+  "warning",
+  "error-warning"
+], m = {
+  render: () => /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: n.map((e) => /* @__PURE__ */ s(r, { colorToken: e, size: "sm", children: e }, e)) })
+}, l = ["xs", "sm", "md"], p = {
+  render: () => /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: l.map((e) => /* @__PURE__ */ o(r, { size: e, colorToken: "secondary", children: [
+    e.toUpperCase(),
+    " size"
+  ] }, e)) })
+}, u = {
+  render: () => /* @__PURE__ */ s("div", { style: { display: "flex", flexDirection: "column", gap: "10px" }, children: t.map((e) => /* @__PURE__ */ s(
+    r,
+    {
+      size: "sm",
+      colorToken: "secondary",
+      textColorToken: e,
+      children: e
+    },
+    e
+  )) })
+}, x = {
+  render: () => /* @__PURE__ */ s(r, { size: "sm", customColor: "#7c3aed", textColorToken: "default-inverted", children: "Custom purple" })
+};
+export {
+  d as AllProps,
+  x as CustomColor,
+  p as Sizes,
+  u as TextColors,
+  m as Variants,
+  a as default
+};

package/dist/atoms/Text/Text.d.ts

@@ -3,6 +3,7 @@ import { JSX } from 'react';
 type ElementType = keyof Pick<JSX.IntrinsicElements, "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div">;
 export type TextSize = "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl";
 export type TextWeight = "thin" | "extra-light" | "light" | "regular" | "medium" | "semibold" | "bold";
+export type TextColorToken = 'inherit' | 'warning' | 'disabled' | 'error-warning' | 'default-inverted' | 'links' | 'links-hover-press' | 'primary' | 'quaternary' | 'search-bar' | 'secondary' | 'success' | 'tertiary' | 'footer';
 /** A text element. */
 export type TextProps<T extends ElementType = "span"> = HideAtProps & {
     /** The HTML element to render as */
@@ -13,7 +14,7 @@ export type TextProps<T extends ElementType = "span"> = HideAtProps & {
     variant?: "body" | "display";
     /** The weight of the text. */
     weight?: TextWeight;
-    colorToken?: 'inherit' | 'warning' | 'disabled' | 'error-warning' | 'default-inverted' | 'links' | 'links-hover-press' | 'primary' | 'quaternary' | 'search-bar' | 'secondary' | 'success' | 'tertiary' | 'footer';
+    colorToken?: TextColorToken;
 } & Omit<React.ComponentPropsWithoutRef<T>, "size">;
 export declare function Text<T extends ElementType = "span">({ as, size, variant, weight, colorToken, children, hideAt, className, ...otherProps }: TextProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/main-client.js

@@ -7,102 +7,104 @@ import { Root as u } from "./atoms/Root/Root.js";
 import { Separator as C } from "./atoms/Separator/Separator.js";
 import { Text as S } from "./atoms/Text/Text.js";
 import { Input as A } from "./atoms/Input/Input.js";
-import { ToggleSwitch as k } from "./atoms/ToggleSwitch/ToggleSwitch.js";
-import { Link as I } from "./atoms/Link/Link.js";
+import { ToggleSwitch as T } from "./atoms/ToggleSwitch/ToggleSwitch.js";
+import { Link as B } from "./atoms/Link/Link.js";
 import { linkClassName as h } from "./atoms/Link/linkClassName.js";
 import { configureLink as w, routerOverride as L } from "./atoms/Link/configureLink.js";
 import { LinkButton as y } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as H } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as N } from "./atoms/HideAt.js";
-import { Logo as D } from "./molecules/Logo/Logo.js";
-import { SearchBox as E } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as O } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as R } from "./molecules/Pricing/Pricing.js";
-import { Availability as j } from "./molecules/Availability/Availability.js";
-import { Avatar as J } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as U } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as X } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
-import { Admonition as eo } from "./molecules/Admonition/Admonition.js";
-import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
-import { HorizontalScroll as fo } from "./atoms/HorizontalScroll/HorizontalScroll.js";
-import { SlideInPanel as ao } from "./atoms/SlideInPanel/SlideInPanel.js";
-import { DropdownButton as no } from "./atoms/DropdownButton/DropdownButton.js";
-import { Tooltip as uo } from "./atoms/Tooltip/Tooltip.js";
-import { Popover as Co } from "./atoms/Popover/Popover.js";
-import { Account as So } from "./molecules/Account/Account.js";
-import { Chip as Ao } from "./molecules/Chip/Chip.js";
-import { ToggleView as ko } from "./molecules/ToggleView/ToggleView.js";
-import { CartPart as Io } from "./molecules/Cart/CartPart.js";
-import { AddToCartPart as ho } from "./molecules/AddToCartPart/AddToCartPart.js";
-import { CartSlideInPanel as wo } from "./molecules/Cart/CartSlideInPanel.js";
-import { StatefulButton as bo } from "./molecules/StatefulButton/StatefulButton.js";
-import { AnimatedCheckMark as Fo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
-import { AddToCart as Mo } from "./molecules/AddToCart/AddToCart.js";
-import { Modal as Vo } from "./molecules/Modal/Modal.js";
-import { ImageViewer as zo } from "./molecules/ImageViewer/ImageViewer.js";
-import { T as Go } from "./Table-BX4PtCNE.js";
-import { Error as Qo } from "./molecules/Error/Error.js";
-import { MainNav as Zo } from "./organisms/MainNav/MainNav.js";
-import { ChipSelector as qo } from "./organisms/ChipSelector/ChipSelector.js";
-import { Product as Ko } from "./organisms/Product/Product.js";
-import { Carousel as Wo } from "./organisms/Carousel/Carousel.js";
-import { Footer as Yo } from "./organisms/Footer/Footer.js";
-import { default as $o } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
+import { Pill as H } from "./atoms/Pill/Pill.js";
+import { configureImage as N } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as D } from "./atoms/HideAt.js";
+import { Logo as E } from "./molecules/Logo/Logo.js";
+import { SearchBox as O } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as R } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as j } from "./molecules/Pricing/Pricing.js";
+import { Availability as J } from "./molecules/Availability/Availability.js";
+import { Avatar as U } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as X } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as _ } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as oo } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { Disclaimer as eo } from "./molecules/Disclaimer/Disclaimer.js";
+import { Admonition as mo } from "./molecules/Admonition/Admonition.js";
+import { NotFound as fo } from "./organisms/NotFound/NotFound.js";
+import { HorizontalScroll as ao } from "./atoms/HorizontalScroll/HorizontalScroll.js";
+import { SlideInPanel as no } from "./atoms/SlideInPanel/SlideInPanel.js";
+import { DropdownButton as uo } from "./atoms/DropdownButton/DropdownButton.js";
+import { Tooltip as Co } from "./atoms/Tooltip/Tooltip.js";
+import { Popover as So } from "./atoms/Popover/Popover.js";
+import { Account as Ao } from "./molecules/Account/Account.js";
+import { Chip as To } from "./molecules/Chip/Chip.js";
+import { ToggleView as Bo } from "./molecules/ToggleView/ToggleView.js";
+import { CartPart as ho } from "./molecules/Cart/CartPart.js";
+import { AddToCartPart as wo } from "./molecules/AddToCartPart/AddToCartPart.js";
+import { CartSlideInPanel as bo } from "./molecules/Cart/CartSlideInPanel.js";
+import { StatefulButton as Fo } from "./molecules/StatefulButton/StatefulButton.js";
+import { AnimatedCheckMark as Mo } from "./molecules/StatefulButton/AnimatedCheckmark.js";
+import { AddToCart as Vo } from "./molecules/AddToCart/AddToCart.js";
+import { Modal as zo } from "./molecules/Modal/Modal.js";
+import { ImageViewer as Go } from "./molecules/ImageViewer/ImageViewer.js";
+import { T as Qo } from "./Table-BX4PtCNE.js";
+import { Error as Zo } from "./molecules/Error/Error.js";
+import { MainNav as qo } from "./organisms/MainNav/MainNav.js";
+import { ChipSelector as Ko } from "./organisms/ChipSelector/ChipSelector.js";
+import { Product as Wo } from "./organisms/Product/Product.js";
+import { Carousel as Yo } from "./organisms/Carousel/Carousel.js";
+import { Footer as $o } from "./organisms/Footer/Footer.js";
+import { default as rr } from "./organisms/SpinZoomViewer/SpinZoomViewer.js";
 export {
-  So as Account,
-  Mo as AddToCart,
-  ho as AddToCartPart,
-  eo as Admonition,
-  Fo as AnimatedCheckMark,
-  j as Availability,
-  J as Avatar,
-  U as BannerCard,
-  _ as Breadcrumbs,
+  Ao as Account,
+  Vo as AddToCart,
+  wo as AddToCartPart,
+  mo as Admonition,
+  Mo as AnimatedCheckMark,
+  J as Availability,
+  U as Avatar,
+  X as BannerCard,
+  oo as Breadcrumbs,
   e as Button,
-  X as CardLink,
-  Wo as Carousel,
-  Io as CartPart,
-  wo as CartSlideInPanel,
-  Ao as Chip,
-  qo as ChipSelector,
+  _ as CardLink,
+  Yo as Carousel,
+  ho as CartPart,
+  bo as CartSlideInPanel,
+  To as Chip,
+  Ko as ChipSelector,
   f as Column,
-  oo as Disclaimer,
-  no as DropdownButton,
-  Qo as Error,
+  eo as Disclaimer,
+  uo as DropdownButton,
+  Zo as Error,
   m as Flex,
-  Yo as Footer,
+  $o as Footer,
   x as Grid,
   i as Head,
-  fo as HorizontalScroll,
+  ao as HorizontalScroll,
   l as Icon,
-  zo as ImageViewer,
+  Go as ImageViewer,
   A as Input,
-  I as Link,
+  B as Link,
   y as LinkButton,
-  D as Logo,
-  Zo as MainNav,
-  Vo as Modal,
-  mo as NotFound,
-  Co as Popover,
-  R as Pricing,
-  Ko as Product,
-  O as QuantityInput,
+  E as Logo,
+  qo as MainNav,
+  zo as Modal,
+  fo as NotFound,
+  H as Pill,
+  So as Popover,
+  j as Pricing,
+  Wo as Product,
+  R as QuantityInput,
   u as Root,
-  E as SearchBox,
+  O as SearchBox,
   C as Separator,
-  ao as SlideInPanel,
-  $o as SpinZoomViewer,
-  bo as StatefulButton,
-  Go as Table,
+  no as SlideInPanel,
+  rr as SpinZoomViewer,
+  Fo as StatefulButton,
+  Qo as Table,
   S as Text,
-  k as ToggleSwitch,
-  ko as ToggleView,
-  uo as Tooltip,
-  H as configureImage,
+  T as ToggleSwitch,
+  Bo as ToggleView,
+  Co as Tooltip,
+  N as configureImage,
   w as configureLink,
-  N as getHideAtStyles,
+  D as getHideAtStyles,
   h as linkClassName,
   L as routerOverride
 };

package/dist/main-server.d.ts

@@ -22,6 +22,8 @@ export { linkClassName } from './atoms/Link/linkClassName';
 export { configureLink, routerOverride } from './atoms/Link/configureLink';
 export { LinkButton } from './atoms/LinkButton/LinkButton';
 export type { LinkButtonProps } from './atoms/LinkButton/LinkButton';
+export { Pill } from './atoms/Pill/Pill';
+export type { PillProps } from './atoms/Pill/Pill';
 export { configureImage } from './atoms/Image/configureImage';
 export type { ImageProps, ImageImplementation } from './atoms/Image/Image';
 export type { HideAtProps, HideAtProp, HideAtValue } from './atoms/HideAt';

package/dist/main-server.js

@@ -2,8 +2,8 @@ import { Button as t } from "./atoms/Button/Button.js";
 import { Flex as m } from "./atoms/Flex/Flex.js";
 import { Column as x, Grid as f } from "./atoms/Grid/Grid.js";
 import { Head as n } from "./atoms/Root/Head.js";
-import { Icon as u } from "./atoms/Icon/Icon.js";
-import { Root as l } from "./atoms/Root/Root.js";
+import { Icon as l } from "./atoms/Icon/Icon.js";
+import { Root as d } from "./atoms/Root/Root.js";
 import { Separator as g } from "./atoms/Separator/Separator.js";
 import { Text as s } from "./atoms/Text/Text.js";
 import { Input as L } from "./atoms/Input/Input.js";
@@ -12,49 +12,51 @@ import { Link as S } from "./atoms/Link/Link.js";
 import { linkClassName as y } from "./atoms/Link/linkClassName.js";
 import { configureLink as h, routerOverride as F } from "./atoms/Link/configureLink.js";
 import { LinkButton as N } from "./atoms/LinkButton/LinkButton.js";
-import { configureImage as w } from "./atoms/Image/configureImage.js";
-import { getHideAtStyles as G } from "./atoms/HideAt.js";
-import { Logo as P } from "./molecules/Logo/Logo.js";
-import { SearchBox as R } from "./molecules/SearchBox/SearchBox.js";
-import { QuantityInput as q } from "./molecules/QuantityInput/QuantityInput.js";
-import { Pricing as E } from "./molecules/Pricing/Pricing.js";
-import { Availability as K } from "./molecules/Availability/Availability.js";
-import { Avatar as U } from "./molecules/Avatar/Avatar.js";
-import { BannerCard as W } from "./molecules/BannerCard/BannerCard.js";
-import { CardLink as Y } from "./molecules/CardLink/CardLink.js";
-import { Breadcrumbs as _ } from "./molecules/Breadcrumbs/Breadcrumbs.js";
-import { Disclaimer as oo } from "./molecules/Disclaimer/Disclaimer.js";
-import { Admonition as to } from "./molecules/Admonition/Admonition.js";
-import { NotFound as mo } from "./organisms/NotFound/NotFound.js";
+import { Pill as T } from "./atoms/Pill/Pill.js";
+import { configureImage as D } from "./atoms/Image/configureImage.js";
+import { getHideAtStyles as O } from "./atoms/HideAt.js";
+import { Logo as R } from "./molecules/Logo/Logo.js";
+import { SearchBox as q } from "./molecules/SearchBox/SearchBox.js";
+import { QuantityInput as E } from "./molecules/QuantityInput/QuantityInput.js";
+import { Pricing as K } from "./molecules/Pricing/Pricing.js";
+import { Availability as U } from "./molecules/Availability/Availability.js";
+import { Avatar as W } from "./molecules/Avatar/Avatar.js";
+import { BannerCard as Y } from "./molecules/BannerCard/BannerCard.js";
+import { CardLink as _ } from "./molecules/CardLink/CardLink.js";
+import { Breadcrumbs as oo } from "./molecules/Breadcrumbs/Breadcrumbs.js";
+import { Disclaimer as to } from "./molecules/Disclaimer/Disclaimer.js";
+import { Admonition as mo } from "./molecules/Admonition/Admonition.js";
+import { NotFound as xo } from "./organisms/NotFound/NotFound.js";
 export {
-  to as Admonition,
-  K as Availability,
-  U as Avatar,
-  W as BannerCard,
-  _ as Breadcrumbs,
+  mo as Admonition,
+  U as Availability,
+  W as Avatar,
+  Y as BannerCard,
+  oo as Breadcrumbs,
   t as Button,
-  Y as CardLink,
+  _ as CardLink,
   x as Column,
-  oo as Disclaimer,
+  to as Disclaimer,
   m as Flex,
   f as Grid,
   n as Head,
-  u as Icon,
+  l as Icon,
   L as Input,
   S as Link,
   N as LinkButton,
-  P as Logo,
-  mo as NotFound,
-  E as Pricing,
-  q as QuantityInput,
-  l as Root,
-  R as SearchBox,
+  R as Logo,
+  xo as NotFound,
+  T as Pill,
+  K as Pricing,
+  E as QuantityInput,
+  d as Root,
+  q as SearchBox,
   g as Separator,
   s as Text,
   C as ToggleSwitch,
-  w as configureImage,
+  D as configureImage,
   h as configureLink,
-  G as getHideAtStyles,
+  O as getHideAtStyles,
   y as linkClassName,
   F as routerOverride
 };

package/dist/molecules/Availability/Availability.js

@@ -1,67 +1,70 @@
-import { jsx as l, jsxs as s, Fragment as p } from "react/jsx-runtime";
+import { jsx as e, jsxs as o, Fragment as m } from "react/jsx-runtime";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
-import { Text as t } from "../../atoms/Text/Text.js";
-import { Tooltip as f } from "../../atoms/Tooltip/Tooltip.js";
-import '../../assets/Availability.css';const b = "_availability_9rzvh_1", z = "_tooltipContent_9rzvh_5", g = "_available_9rzvh_18", w = "_limited_9rzvh_21", C = "_discontinued_9rzvh_24", c = {
-  availability: b,
-  tooltipContent: z,
-  available: g,
-  "in-stock": "_in-stock_9rzvh_18",
-  limited: w,
-  discontinued: C
+import { Text as l } from "../../atoms/Text/Text.js";
+import { Tooltip as b } from "../../atoms/Tooltip/Tooltip.js";
+import '../../assets/Availability.css';const k = "_availability_kb59t_1", f = "_pointer_kb59t_5", C = "_tooltip_kb59t_9", g = "_tooltipContent_kb59t_13", w = "_available_kb59t_26", z = "_limited_kb59t_29", S = "_discontinued_kb59t_32", s = {
+  availability: k,
+  pointer: f,
+  tooltip: C,
+  tooltipContent: g,
+  available: w,
+  "in-stock": "_in-stock_kb59t_26",
+  limited: z,
+  discontinued: S
 };
-function T({
+function L({
   availId: i,
-  availDescription: e,
+  availDescription: t,
   availClassName: d,
-  enableTooltip: r = !1,
+  enableTooltip: n = !1,
   inventory: a
 }) {
-  const o = /* @__PURE__ */ l(t, { size: "xs", className: _(c.availability, c[i], d), children: e });
-  return r && a && i !== "not-found" ? /* @__PURE__ */ l(
-    f,
+  const c = n && a && i !== "not-found", r = /* @__PURE__ */ e(l, { size: "xs", className: _(s.availability, s[i], c ? s.pointer : null, d), children: t });
+  return c ? /* @__PURE__ */ e(
+    b,
     {
       closeDelay: 0,
       openDelay: 250,
       position: "top center",
-      trigger: o,
-      children: /* @__PURE__ */ l(k, { availabilityId: i, inventory: a })
+      trigger: r,
+      contentClassName: s.tooltip,
+      children: /* @__PURE__ */ e(A, { availabilityId: i, inventory: a })
     }
-  ) : o;
+  ) : r;
 }
-function k({ availabilityId: i, inventory: e }) {
-  var r, a, o, n, h, u;
-  const d = (((r = e == null ? void 0 : e.MPK) == null ? void 0 : r.Unreserved) ?? 0) + (((a = e == null ? void 0 : e.SEA) == null ? void 0 : a.Unreserved) ?? 0) + (((o = e == null ? void 0 : e.STL) == null ? void 0 : o.Unreserved) ?? 0);
+function A({ availabilityId: i, inventory: t }) {
+  var n, a, c, r, p, u;
+  const d = (((n = t == null ? void 0 : t.MPK) == null ? void 0 : n.Unreserved) ?? 0) + (((a = t == null ? void 0 : t.SEA) == null ? void 0 : a.Unreserved) ?? 0) + (((c = t == null ? void 0 : t.STL) == null ? void 0 : c.Unreserved) ?? 0);
   if (i === "in-stock" || i === "limited") {
-    const m = i === "in-stock" ? "Additional quantity will be backordered. If you need more than we have at any one warehouse, a CSR will contact you with options." : "Once our stock is depleted, this item will no longer be available.";
-    return /* @__PURE__ */ s("div", { className: c.tooltipContent, children: [
-      /* @__PURE__ */ s(t, { size: "sm", children: [
+    const h = i === "in-stock" ? "Additional quantity will be backordered. If you need more than we have at any one warehouse, a CSR will contact you with options." : "Once our stock is depleted, this item will no longer be available.";
+    return /* @__PURE__ */ o("div", { className: s.tooltipContent, children: [
+      /* @__PURE__ */ o(l, { size: "sm", children: [
         "We currently have (",
         d,
         ") in stock across our three warehouses:"
       ] }),
-      /* @__PURE__ */ s("ul", { children: [
-        /* @__PURE__ */ l("li", { children: /* @__PURE__ */ s(t, { size: "sm", children: [
+      /* @__PURE__ */ o("ul", { children: [
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(l, { size: "sm", children: [
           "(",
-          ((n = e == null ? void 0 : e.MPK) == null ? void 0 : n.Unreserved) ?? 0,
+          ((r = t == null ? void 0 : t.MPK) == null ? void 0 : r.Unreserved) ?? 0,
           ") Los Angeles"
         ] }) }),
-        /* @__PURE__ */ l("li", { children: /* @__PURE__ */ s(t, { size: "sm", children: [
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(l, { size: "sm", children: [
           "(",
-          ((h = e == null ? void 0 : e.STL) == null ? void 0 : h.Unreserved) ?? 0,
+          ((p = t == null ? void 0 : t.STL) == null ? void 0 : p.Unreserved) ?? 0,
           ") St. Louis"
         ] }) }),
-        /* @__PURE__ */ l("li", { children: /* @__PURE__ */ s(t, { size: "sm", children: [
+        /* @__PURE__ */ e("li", { children: /* @__PURE__ */ o(l, { size: "sm", children: [
           "(",
-          ((u = e == null ? void 0 : e.SEA) == null ? void 0 : u.Unreserved) ?? 0,
+          ((u = t == null ? void 0 : t.SEA) == null ? void 0 : u.Unreserved) ?? 0,
           ") Seattle"
         ] }) })
       ] }),
-      /* @__PURE__ */ l(t, { size: "sm", children: m })
+      /* @__PURE__ */ e(l, { size: "sm", children: h })
     ] });
   }
-  return i === "available" ? /* @__PURE__ */ l("div", { className: c.tooltipContent, children: /* @__PURE__ */ l(t, { size: "sm", children: "While this part is not currently in stock, we will arrange to get it to you asap, and your CSR will keep you advised of the lead time." }) }) : i === "discontinued" ? /* @__PURE__ */ l("div", { className: c.tooltipContent, children: /* @__PURE__ */ l(t, { size: "sm", children: "Unfortunately, this item is no longer available to purchase." }) }) : /* @__PURE__ */ l(p, {});
+  return i === "available" ? /* @__PURE__ */ e("div", { className: s.tooltipContent, children: /* @__PURE__ */ e(l, { size: "sm", children: "While this part is not currently in stock, we will arrange to get it to you asap, and your CSR will keep you advised of the lead time." }) }) : i === "discontinued" ? /* @__PURE__ */ e("div", { className: s.tooltipContent, children: /* @__PURE__ */ e(l, { size: "sm", children: "Unfortunately, this item is no longer available to purchase." }) }) : /* @__PURE__ */ e(m, {});
 }
 export {
-  T as Availability
+  L as Availability
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@caseparts-org/caseblocks",
   "private": false,
-  "version": "0.0.210",
+  "version": "0.0.212",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",