@caseparts-org/caseblocks 0.0.209 → 0.0.211

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/DropdownButton/DropdownButton.js

@@ -1,8 +1,8 @@
-import { jsxs as R, jsx as o } from "react/jsx-runtime";
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
 import * as i from "react";
 import { c as s } from "../../clsx-OuTLNxxd.js";
-import { getHideAtStyles as $ } from "../HideAt.js";
-import { Icon as k } from "../Icon/Icon.js";
+import { getHideAtStyles as k } from "../HideAt.js";
+import { Icon as w } from "../Icon/Icon.js";
 import { Popover as W } from "../Popover/Popover.js";
 import { buttonClassNames as S } from "../Button/buttonClassName.js";
 import { Text as j } from "../Text/Text.js";
@@ -44,23 +44,23 @@ function U({
   type: N = "button",
   ...x
 }) {
-  const C = u.length > 0, a = _ || !C, I = e === "sm" ? "xs" : e === "md" ? "sm" : "md", l = i.useRef(null), [w, L] = i.useState();
+  const C = u.length > 0, a = _ || !C, I = e === "sm" ? "xs" : e === "md" ? "sm" : "md", l = i.useRef(null), [L, R] = i.useState();
   return i.useLayoutEffect(() => {
     const g = l.current;
     if (!g) return;
     const m = () => {
-      L(g.getBoundingClientRect().width + 2);
+      R(g.getBoundingClientRect().width + 2);
     };
     m();
     const r = new ResizeObserver(m);
     return r.observe(g), () => {
       r.disconnect();
     };
-  }, []), /* @__PURE__ */ R(
+  }, []), /* @__PURE__ */ $(
     "div",
     {
       ref: l,
-      className: s(n.root, $(f), h, t == null ? void 0 : t.root),
+      className: s(n.root, k(f), h, t == null ? void 0 : t.root),
       role: "group",
       children: [
         /* @__PURE__ */ o(
@@ -85,7 +85,7 @@ function U({
             disabled: a,
             position: "bottom right",
             contentClassName: s(n.menu, n[`menu-${c}`], t == null ? void 0 : t.menu),
-            contentStyle: { width: w },
+            contentStyle: { minWidth: L },
             closeOnOutsideClick: !0,
             trigger: /* @__PURE__ */ o(
               "button",
@@ -105,7 +105,7 @@ function U({
                 ),
                 "aria-label": d,
                 disabled: a,
-                children: /* @__PURE__ */ o(k, { iconKey: "fa-solid fa-chevron-down", size: "3xs" })
+                children: /* @__PURE__ */ o(w, { iconKey: "fa-solid fa-chevron-down", size: "3xs" })
               }
             ),
             children: ({ close: g }) => /* @__PURE__ */ o("div", { className: n.menuList, role: "menu", "aria-label": b, children: u.map((m) => /* @__PURE__ */ o(

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/package.json

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