@evolve.ui/core-components 1.0.0

package/createBadge-CYumy92O.d.mts

@@ -0,0 +1,19 @@
+import { t as Badge } from "./Badge-C1BBu1fH.mjs";
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+import { ComponentProps } from "react";
+
+//#region src/Card/components/createBadge.d.ts
+/**
+ * Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis="bold"` and `round`.
+ *
+ * Returning `false` from the hook will render no badge.
+ */
+declare const createBadge: <ExtraData>({
+  useGetBadgeState
+}: {
+  /** Returns the props to pass to the badge, or `false` to render no badge. */useGetBadgeState: CardHook<ExtraData, ComponentProps<typeof Badge> | false>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createBadge as t };
+//# sourceMappingURL=createBadge-CYumy92O.d.mts.map

package/createBadge-CYumy92O.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBadge-CYumy92O.d.mts","names":[],"sources":["../src/Card/components/createBadge.tsx"],"mappings":";;;;;;;;AAWA;;;cAAa,WAAA;EAA2B;AAAA;EAIT,6EAA3B,gBAAA,EAAkB,QAAA,CAAS,SAAA,EAAW,cAAA,QAAsB,KAAA;AAAA,MAC5D,aAAA,CAAc,SAAA"}

package/createBadge-LFbUXGlB.d.cts

@@ -0,0 +1,19 @@
+import { t as Badge } from "./Badge-lOH4Ssq_.cjs";
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+import { ComponentProps } from "react";
+
+//#region src/Card/components/createBadge.d.ts
+/**
+ * Creates the card component that uses the provided hook `useGetBadgeState` to render a `Badge` for a Card. By default the props are `emphasis="bold"` and `round`.
+ *
+ * Returning `false` from the hook will render no badge.
+ */
+declare const createBadge: <ExtraData>({
+  useGetBadgeState
+}: {
+  /** Returns the props to pass to the badge, or `false` to render no badge. */useGetBadgeState: CardHook<ExtraData, ComponentProps<typeof Badge> | false>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createBadge as t };
+//# sourceMappingURL=createBadge-LFbUXGlB.d.cts.map

package/createBadge-LFbUXGlB.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createBadge-LFbUXGlB.d.cts","names":[],"sources":["../src/Card/components/createBadge.tsx"],"mappings":";;;;;;;;AAWA;;;cAAa,WAAA;EAA2B;AAAA;EAIT,6EAA3B,gBAAA,EAAkB,QAAA,CAAS,SAAA,EAAW,cAAA,QAAsB,KAAA;AAAA,MAC5D,aAAA,CAAc,SAAA"}

package/createFavoriteButton-8xbCWiTD.d.mts

@@ -0,0 +1,21 @@
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+
+//#region src/Card/components/createFavoriteButton.d.ts
+/**
+ * Creates the card component that adds a favorite button.
+ *
+ * Callbacks that modify the favorite button:
+ * - `isFavoriteButtonFavorited` - show the favorite button as favorited
+ * - `onFavoriteButtonClick` - handle the favorite button click
+ */
+declare const createFavoriteButton: <ExtraData>({
+  useIsFavorited,
+  useSetFavorited
+}: {
+  /** Returns whether the favorite button should be favorited. */useIsFavorited: CardHook<ExtraData, boolean>; /** Adds the onclick to the favorite button. */
+  useSetFavorited: CardHook<ExtraData, (favorited: boolean) => void>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createFavoriteButton as t };
+//# sourceMappingURL=createFavoriteButton-8xbCWiTD.d.mts.map

package/createFavoriteButton-8xbCWiTD.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFavoriteButton-8xbCWiTD.d.mts","names":[],"sources":["../src/Card/components/createFavoriteButton.tsx"],"mappings":";;;;;;AAaA;;;;;cAAa,oBAAA;EAAoC,cAAA;EAAA;AAAA;EAK7B,+DAAhB,cAAA,EAAgB,QAAA,CAAS,SAAA,YAER;EAAjB,eAAA,EAAiB,QAAA,CAAS,SAAA,GAAY,SAAA;AAAA,MACtC,aAAA,CAAc,SAAA"}

package/createFavoriteButton-Bnp0UOEq.d.cts

@@ -0,0 +1,21 @@
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+
+//#region src/Card/components/createFavoriteButton.d.ts
+/**
+ * Creates the card component that adds a favorite button.
+ *
+ * Callbacks that modify the favorite button:
+ * - `isFavoriteButtonFavorited` - show the favorite button as favorited
+ * - `onFavoriteButtonClick` - handle the favorite button click
+ */
+declare const createFavoriteButton: <ExtraData>({
+  useIsFavorited,
+  useSetFavorited
+}: {
+  /** Returns whether the favorite button should be favorited. */useIsFavorited: CardHook<ExtraData, boolean>; /** Adds the onclick to the favorite button. */
+  useSetFavorited: CardHook<ExtraData, (favorited: boolean) => void>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createFavoriteButton as t };
+//# sourceMappingURL=createFavoriteButton-Bnp0UOEq.d.cts.map

package/createFavoriteButton-Bnp0UOEq.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFavoriteButton-Bnp0UOEq.d.cts","names":[],"sources":["../src/Card/components/createFavoriteButton.tsx"],"mappings":";;;;;;AAaA;;;;;cAAa,oBAAA;EAAoC,cAAA;EAAA;AAAA;EAK7B,+DAAhB,cAAA,EAAgB,QAAA,CAAS,SAAA,YAER;EAAjB,eAAA,EAAiB,QAAA,CAAS,SAAA,GAAY,SAAA;AAAA,MACtC,aAAA,CAAc,SAAA"}

package/createImage-BYnNgRok.d.mts

@@ -0,0 +1,26 @@
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+import { ComponentType } from "react";
+
+//#region src/Card/components/createImage.d.ts
+/**
+ * Helps style an image for a card.
+ */
+declare const createImage: <ExtraData>({
+  aspectRatio,
+  ImageComponent,
+  useHref
+}: {
+  /** The your rendered image to use. Receives card data as props and `className`.
+   *
+   * **Do not forget to forward the className**
+   */
+  ImageComponent: ComponentType<ExtraData & {
+    className: string;
+  }>; /** Optional parameter to set aspect ratio on the image (1:1 by default) */
+  aspectRatio?: number; /** A hook that returns the href to use for the image (makes it a link) */
+  useHref?: CardHook<ExtraData, string>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createImage as t };
+//# sourceMappingURL=createImage-BYnNgRok.d.mts.map

package/createImage-BYnNgRok.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImage-BYnNgRok.d.mts","names":[],"sources":["../src/Card/components/createImage.tsx"],"mappings":";;;;;;;AASA;cAAa,WAAA;EAA2B,WAAA;EAAA,cAAA;EAAA;AAAA;EAsDtC;;;;EA7CE,cAAA,EAAgB,aAAA,CAAc,SAAA;IAAc,SAAA;EAAA,IAIlC;EAFV,WAAA,WAGA;EADA,OAAA,GAAU,QAAA,CAAS,SAAA;AAAA,MACnB,aAAA,CAAc,SAAA"}

package/createImage-DYLD7AJb.d.cts

@@ -0,0 +1,26 @@
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+import { ComponentType } from "react";
+
+//#region src/Card/components/createImage.d.ts
+/**
+ * Helps style an image for a card.
+ */
+declare const createImage: <ExtraData>({
+  aspectRatio,
+  ImageComponent,
+  useHref
+}: {
+  /** The your rendered image to use. Receives card data as props and `className`.
+   *
+   * **Do not forget to forward the className**
+   */
+  ImageComponent: ComponentType<ExtraData & {
+    className: string;
+  }>; /** Optional parameter to set aspect ratio on the image (1:1 by default) */
+  aspectRatio?: number; /** A hook that returns the href to use for the image (makes it a link) */
+  useHref?: CardHook<ExtraData, string>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createImage as t };
+//# sourceMappingURL=createImage-DYLD7AJb.d.cts.map

package/createImage-DYLD7AJb.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createImage-DYLD7AJb.d.cts","names":[],"sources":["../src/Card/components/createImage.tsx"],"mappings":";;;;;;;AASA;cAAa,WAAA;EAA2B,WAAA;EAAA,cAAA;EAAA;AAAA;EAsDtC;;;;EA7CE,cAAA,EAAgB,aAAA,CAAc,SAAA;IAAc,SAAA;EAAA,IAIlC;EAFV,WAAA,WAGA;EADA,OAAA,GAAU,QAAA,CAAS,SAAA;AAAA,MACnB,aAAA,CAAc,SAAA"}

package/createInfo-C9sqGWBq.d.mts

@@ -0,0 +1,44 @@
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+import { ReactNode } from "react";
+
+//#region src/Card/components/createInfo.d.ts
+/**
+ * The sizes of the shadows used in the card.
+ *
+ * Pass this to the shadowSize prop of `createInfo`.
+ */
+declare const shadowSizes: {
+  readonly footer: 141;
+  readonly location: 282;
+  readonly sellerName: 143;
+  readonly shipping: 79;
+};
+/**
+ * Creates the card component that uses the given key of the `CardData` as a piece of info.
+ *
+ * This info might include
+ * - Seller Name
+ * - Location
+ * - Shipping
+ * - Footer
+ */
+declare const createInfo: <ExtraData>({
+  className,
+  skeletonWidth,
+  useHref,
+  useText
+}: {
+  /**
+   * Pass styles down including line clamping
+   *
+   * @default 'line-clamp-2'
+   */
+  className?: string; /** The width of the shadow to use. See `shadowSizes` export for options. */
+  skeletonWidth?: number; /** A hook that returns the href to use for the name (makes it a link) */
+  useHref?: CardHook<ExtraData, string>; /** A hook that returns the text to use for the component */
+  useText: CardHook<ExtraData, ReactNode>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { shadowSizes as n, createInfo as t };
+//# sourceMappingURL=createInfo-C9sqGWBq.d.mts.map

package/createInfo-C9sqGWBq.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInfo-C9sqGWBq.d.mts","names":[],"sources":["../src/Card/components/createInfo.tsx"],"mappings":";;;;;;;AAaA;;;cAAa,WAAA;EAAA;;;;;;AAgBb;;;;;;;;cAAa,UAAA;EAA0B,SAAA;EAAA,aAAA;EAAA,OAAA;EAAA;AAAA;EAiBjB;;;;;EANlB,SAAA,WAOa;EALb,aAAA,WAbmC;EAenC,OAAA,GAAU,QAAA,CAAS,SAAA,WAfgB;EAiBnC,OAAA,EAAS,QAAA,CAAS,SAAA,EAAW,SAAA;AAAA,MAC7B,aAAA,CAAc,SAAA"}

package/createInfo-USBqE7Tt.d.cts

@@ -0,0 +1,44 @@
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+import { ReactNode } from "react";
+
+//#region src/Card/components/createInfo.d.ts
+/**
+ * The sizes of the shadows used in the card.
+ *
+ * Pass this to the shadowSize prop of `createInfo`.
+ */
+declare const shadowSizes: {
+  readonly footer: 141;
+  readonly location: 282;
+  readonly sellerName: 143;
+  readonly shipping: 79;
+};
+/**
+ * Creates the card component that uses the given key of the `CardData` as a piece of info.
+ *
+ * This info might include
+ * - Seller Name
+ * - Location
+ * - Shipping
+ * - Footer
+ */
+declare const createInfo: <ExtraData>({
+  className,
+  skeletonWidth,
+  useHref,
+  useText
+}: {
+  /**
+   * Pass styles down including line clamping
+   *
+   * @default 'line-clamp-2'
+   */
+  className?: string; /** The width of the shadow to use. See `shadowSizes` export for options. */
+  skeletonWidth?: number; /** A hook that returns the href to use for the name (makes it a link) */
+  useHref?: CardHook<ExtraData, string>; /** A hook that returns the text to use for the component */
+  useText: CardHook<ExtraData, ReactNode>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { shadowSizes as n, createInfo as t };
+//# sourceMappingURL=createInfo-USBqE7Tt.d.cts.map

package/createInfo-USBqE7Tt.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createInfo-USBqE7Tt.d.cts","names":[],"sources":["../src/Card/components/createInfo.tsx"],"mappings":";;;;;;;AAaA;;;cAAa,WAAA;EAAA;;;;;;AAgBb;;;;;;;;cAAa,UAAA;EAA0B,SAAA;EAAA,aAAA;EAAA,OAAA;EAAA;AAAA;EAiBjB;;;;;EANlB,SAAA,WAOa;EALb,aAAA,WAbmC;EAenC,OAAA,GAAU,QAAA,CAAS,SAAA,WAfgB;EAiBnC,OAAA,EAAS,QAAA,CAAS,SAAA,EAAW,SAAA;AAAA,MAC7B,aAAA,CAAc,SAAA"}

package/createName-DB7BL9GP.d.cts

@@ -0,0 +1,26 @@
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+import { ReactNode } from "react";
+
+//#region src/Card/components/createName.d.ts
+/**
+ * Creates the card component with default "name" styles
+ */
+declare const createName: <ExtraData>({
+  className,
+  useHref,
+  useText
+}: {
+  /**
+   * Pass styles down including line clamping
+   *
+   * @default 'line-clamp-2'
+   */
+  className?: string; /** The number of lines to wrap */
+  lineClamp?: number; /** A hook that returns the href to use for the name (makes it a link) */
+  useHref?: CardHook<ExtraData, string>; /** A hook that returns the text to use for the component */
+  useText: CardHook<ExtraData, ReactNode>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createName as t };
+//# sourceMappingURL=createName-DB7BL9GP.d.cts.map

package/createName-DB7BL9GP.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createName-DB7BL9GP.d.cts","names":[],"sources":["../src/Card/components/createName.tsx"],"mappings":";;;;;;;AAYA;cAAa,UAAA;EAA0B,SAAA;EAAA,OAAA;EAAA;AAAA;EAkDrC;;;;;EAxCE,SAAA,WAMkB;EAJlB,SAAA,WAIS;EAFT,OAAA,GAAU,QAAA,CAAS,SAAA,WAGnB;EADA,OAAA,EAAS,QAAA,CAAS,SAAA,EAAW,SAAA;AAAA,MAC7B,aAAA,CAAc,SAAA"}

package/createName-U7oHRNVL.d.mts

@@ -0,0 +1,26 @@
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+import { ReactNode } from "react";
+
+//#region src/Card/components/createName.d.ts
+/**
+ * Creates the card component with default "name" styles
+ */
+declare const createName: <ExtraData>({
+  className,
+  useHref,
+  useText
+}: {
+  /**
+   * Pass styles down including line clamping
+   *
+   * @default 'line-clamp-2'
+   */
+  className?: string; /** The number of lines to wrap */
+  lineClamp?: number; /** A hook that returns the href to use for the name (makes it a link) */
+  useHref?: CardHook<ExtraData, string>; /** A hook that returns the text to use for the component */
+  useText: CardHook<ExtraData, ReactNode>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { createName as t };
+//# sourceMappingURL=createName-U7oHRNVL.d.mts.map

package/createName-U7oHRNVL.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createName-U7oHRNVL.d.mts","names":[],"sources":["../src/Card/components/createName.tsx"],"mappings":";;;;;;;AAYA;cAAa,UAAA;EAA0B,SAAA;EAAA,OAAA;EAAA;AAAA;EAkDrC;;;;;EAxCE,SAAA,WAMkB;EAJlB,SAAA,WAIS;EAFT,OAAA,GAAU,QAAA,CAAS,SAAA,WAGnB;EADA,OAAA,EAAS,QAAA,CAAS,SAAA,EAAW,SAAA;AAAA,MAC7B,aAAA,CAAc,SAAA"}

package/createPriceStatus-C-amebFt.d.cts

@@ -0,0 +1,30 @@
+import { t as CardComponent } from "./types-wcNSa96H.cjs";
+import { t as CardHook } from "./types-rTX1-GHe.cjs";
+
+//#region src/Card/components/createPriceStatus.d.ts
+declare const priceStatusSeeSoldPriceIntlKey = "hui.card.priceStatusSeeSoldPrice";
+declare const priceStatusPreviewOnlyIntlKey = "hui.card.priceStatusPreviewOnly";
+declare const priceStatusSoldIntlKey = "hui.card.priceStatusSold";
+/**
+ * Creates the card component that represents price.
+ */
+declare const createPriceStatus: <ExtraData>({
+  useBidCount,
+  useIsPriceStatusHidden,
+  useIsPriceStatusPreviewOnly,
+  useIsPriceStatusSold,
+  useOnSeeSoldPriceClick,
+  usePrice,
+  useShouldPriceStatusShowBidCount
+}: {
+  /** A hook that returns the bid count to use for the component */useBidCount?: CardHook<ExtraData, string>; /** Returns whether the price status should be hidden. */
+  useIsPriceStatusHidden?: CardHook<ExtraData, boolean>; /** Returns whether the price status should be "Preview Only". */
+  useIsPriceStatusPreviewOnly?: CardHook<ExtraData, boolean>; /** Returns whether the price status should be "Sold for". */
+  useIsPriceStatusSold?: CardHook<ExtraData, boolean>; /** Adds the onclick to the "See Sold Price" button. */
+  useOnSeeSoldPriceClick?: CardHook<ExtraData, () => void>; /** A hook that returns the price to use for the component */
+  usePrice: CardHook<ExtraData, string>; /** Returns whether the price status should show the bid count. */
+  useShouldPriceStatusShowBidCount?: CardHook<ExtraData, boolean>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { priceStatusSoldIntlKey as i, priceStatusPreviewOnlyIntlKey as n, priceStatusSeeSoldPriceIntlKey as r, createPriceStatus as t };
+//# sourceMappingURL=createPriceStatus-C-amebFt.d.cts.map

package/createPriceStatus-C-amebFt.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPriceStatus-C-amebFt.d.cts","names":[],"sources":["../src/Card/components/createPriceStatus.tsx"],"mappings":";;;;cAQa,8BAAA;AAAA,cACA,6BAAA;AAAA,cACA,sBAAA;;;;cAKA,iBAAA;EAAiC,WAAA;EAAA,sBAAA;EAAA,2BAAA;EAAA,oBAAA;EAAA,sBAAA;EAAA,QAAA;EAAA;AAAA;EANjC,iEAgBT,WAAA,GAAc,QAAA,CAAS,SAAA;EAEvB,sBAAA,GAAyB,QAAA,CAAS,SAAA,YAlBI;EAoBtC,2BAAA,GAA8B,QAAA,CAAS,SAAA,YAnBR;EAqB/B,oBAAA,GAAuB,QAAA,CAAS,SAAA,YArBD;EAuB/B,sBAAA,GAAyB,QAAA,CAAS,SAAA,eAlBzB;EAoBT,QAAA,EAAU,QAAA,CAAS,SAAA,WAgErB;EA9DE,gCAAA,GAAmC,QAAA,CAAS,SAAA;AAAA,MAC5C,aAAA,CAAc,SAAA"}

package/createPriceStatus-DBWT6ob8.d.mts

@@ -0,0 +1,30 @@
+import { t as CardComponent } from "./types-wcNSa96H.mjs";
+import { t as CardHook } from "./types-rTX1-GHe.mjs";
+
+//#region src/Card/components/createPriceStatus.d.ts
+declare const priceStatusSeeSoldPriceIntlKey = "hui.card.priceStatusSeeSoldPrice";
+declare const priceStatusPreviewOnlyIntlKey = "hui.card.priceStatusPreviewOnly";
+declare const priceStatusSoldIntlKey = "hui.card.priceStatusSold";
+/**
+ * Creates the card component that represents price.
+ */
+declare const createPriceStatus: <ExtraData>({
+  useBidCount,
+  useIsPriceStatusHidden,
+  useIsPriceStatusPreviewOnly,
+  useIsPriceStatusSold,
+  useOnSeeSoldPriceClick,
+  usePrice,
+  useShouldPriceStatusShowBidCount
+}: {
+  /** A hook that returns the bid count to use for the component */useBidCount?: CardHook<ExtraData, string>; /** Returns whether the price status should be hidden. */
+  useIsPriceStatusHidden?: CardHook<ExtraData, boolean>; /** Returns whether the price status should be "Preview Only". */
+  useIsPriceStatusPreviewOnly?: CardHook<ExtraData, boolean>; /** Returns whether the price status should be "Sold for". */
+  useIsPriceStatusSold?: CardHook<ExtraData, boolean>; /** Adds the onclick to the "See Sold Price" button. */
+  useOnSeeSoldPriceClick?: CardHook<ExtraData, () => void>; /** A hook that returns the price to use for the component */
+  usePrice: CardHook<ExtraData, string>; /** Returns whether the price status should show the bid count. */
+  useShouldPriceStatusShowBidCount?: CardHook<ExtraData, boolean>;
+}) => CardComponent<ExtraData>;
+//#endregion
+export { priceStatusSoldIntlKey as i, priceStatusPreviewOnlyIntlKey as n, priceStatusSeeSoldPriceIntlKey as r, createPriceStatus as t };
+//# sourceMappingURL=createPriceStatus-DBWT6ob8.d.mts.map

package/createPriceStatus-DBWT6ob8.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPriceStatus-DBWT6ob8.d.mts","names":[],"sources":["../src/Card/components/createPriceStatus.tsx"],"mappings":";;;;cAQa,8BAAA;AAAA,cACA,6BAAA;AAAA,cACA,sBAAA;;;;cAKA,iBAAA;EAAiC,WAAA;EAAA,sBAAA;EAAA,2BAAA;EAAA,oBAAA;EAAA,sBAAA;EAAA,QAAA;EAAA;AAAA;EANjC,iEAgBT,WAAA,GAAc,QAAA,CAAS,SAAA;EAEvB,sBAAA,GAAyB,QAAA,CAAS,SAAA,YAlBI;EAoBtC,2BAAA,GAA8B,QAAA,CAAS,SAAA,YAnBR;EAqB/B,oBAAA,GAAuB,QAAA,CAAS,SAAA,YArBD;EAuB/B,sBAAA,GAAyB,QAAA,CAAS,SAAA,eAlBzB;EAoBT,QAAA,EAAU,QAAA,CAAS,SAAA,WAgErB;EA9DE,gCAAA,GAAmC,QAAA,CAAS,SAAA;AAAA,MAC5C,aAAA,CAAc,SAAA"}

package/dateInput.cjs

@@ -0,0 +1,98 @@
+'use client';
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Input = require("./Input.cjs");
+const require_utils = require("./utils-CvmfGpqu.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/DateTimeInput/dateInput/DateInput.tsx
+const DateInput = (0, react.forwardRef)(({ allowPastDates = false, date, disabled, errorText = "Invalid date", hasError: propsHasError = false, helpText, labelText, onBlur, onChange, onClear, onKeyDown, onValidDateChange, ...rest }, ref) => {
+	const [dateErr, setDateErr] = (0, react.useState)(false);
+	const hasError = propsHasError || dateErr;
+	const [storedDate, setStoredDate] = (0, react.useState)(date);
+	const [displayValue, setDisplayValue] = (0, react.useState)(date !== void 0 ? require_utils.getDisplayDate(date) : "");
+	(0, react.useEffect)(() => {
+		if (date !== void 0) {
+			setDateErr(false);
+			setDisplayValue(require_utils.getDisplayDate(date));
+		} else setDisplayValue("");
+		setStoredDate(date);
+	}, [date]);
+	const isValidDate = (0, react.useCallback)((date) => {
+		if (date.toString() === "Invalid Date") {
+			setDateErr(true);
+			return false;
+		}
+		const today = /* @__PURE__ */ new Date();
+		today.setHours(0, 0, 0, 0);
+		const isValid = allowPastDates || !(date < today);
+		setDateErr(!isValid);
+		return isValid;
+	}, [allowPastDates]);
+	const validateAndFormatDate = (0, react.useCallback)((value) => {
+		const date = new Date(value);
+		if (!isValidDate(date)) return;
+		const displayDate = require_utils.getDisplayDate(date);
+		setDisplayValue(displayDate);
+		onValidDateChange?.(date);
+	}, [onValidDateChange, isValidDate]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.TextInput, {
+		"data-testid": "date-input",
+		disabled,
+		errorText,
+		hasError,
+		helpText,
+		labelText,
+		onBlur: (0, react.useCallback)((e) => {
+			const value = e.currentTarget.value;
+			if (value === "") {
+				setDateErr(false);
+				return;
+			}
+			validateAndFormatDate(value);
+			onBlur?.(e);
+		}, [onBlur, validateAndFormatDate]),
+		onChange: (0, react.useCallback)((e) => {
+			const digits = e.currentTarget.value.replace(/\D/g, "");
+			let formattedValue = "";
+			if (digits.length > 0) {
+				formattedValue = digits.slice(0, 2);
+				if (digits.length > 2) {
+					formattedValue += "/" + digits.slice(2, 4);
+					if (digits.length > 4) formattedValue += "/" + digits.slice(4, 8);
+				}
+			}
+			if (formattedValue.length <= 10) {
+				setDisplayValue(formattedValue);
+				if (dateErr && formattedValue.length === 10) validateAndFormatDate(formattedValue);
+				else if (formattedValue.length < 10) setDateErr(false);
+				onChange?.(e);
+			}
+		}, [
+			onChange,
+			dateErr,
+			validateAndFormatDate
+		]),
+		onClear: () => {
+			onClear?.();
+			if (date !== void 0 && storedDate !== void 0 && date !== storedDate) {
+				setDisplayValue(require_utils.getDisplayDate(date));
+				setStoredDate(date);
+			}
+		},
+		onKeyDown: (0, react.useCallback)((event) => {
+			if (event.key === "Enter") validateAndFormatDate(event.currentTarget.value);
+			onKeyDown?.(event);
+		}, [validateAndFormatDate, onKeyDown]),
+		ref,
+		type: "text",
+		value: displayValue,
+		...rest
+	});
+});
+//#endregion
+exports.DateInput = DateInput;
+
+//# sourceMappingURL=dateInput.cjs.map

package/dateInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInput.cjs","names":["getDisplayDate","TextInput"],"sources":["../src/DateTimeInput/dateInput/DateInput.tsx"],"sourcesContent":["import { ComponentProps, FocusEvent, FormEvent, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { TextInput } from '../../TextInput/TextInput';\nimport { getDisplayDate } from '../utils';\n\ntype Props = {\n    /**\n     * Whether the input allows past dates\n     */\n    allowPastDates?: boolean;\n    /**\n     * This is the date that will be displayed\n     */\n    date?: Date;\n    /**\n     * Whether the input is disabled\n     */\n    disabled?: boolean;\n    /**\n     * helper text shown below input field, will default to 'mm/dd/yyyy' if no placeholder or help text is provided\n     */\n    helpText?: ComponentProps<typeof TextInput>['helpText'];\n    /**\n     * label for the input field, defaults to 'Date'\n     */\n    labelText?: ComponentProps<typeof TextInput>['labelText'];\n    /**\n     * The setter of a `useState<boolean>` that indicates whether the input date is valid.\n     */\n    onValidDateChange?: (date: Date) => void;\n} & Partial<Omit<ComponentProps<typeof TextInput>, 'type' | 'secure'>>;\n\nexport const DateInput = forwardRef<HTMLInputElement, Props>(\n    (\n        {\n            allowPastDates = false,\n            date,\n            disabled,\n            errorText = 'Invalid date',\n            hasError: propsHasError = false,\n            helpText,\n            labelText,\n            onBlur,\n            onChange,\n            onClear,\n            onKeyDown,\n            onValidDateChange,\n            ...rest\n        },\n        ref\n    ) => {\n        const [dateErr, setDateErr] = useState<boolean>(false);\n\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        const hasError = propsHasError || dateErr;\n        const [storedDate, setStoredDate] = useState<Date | undefined>(date);\n        const [displayValue, setDisplayValue] = useState<string>(date !== undefined ? getDisplayDate(date) : '');\n\n        // Local deviation from hammer: hammer keeps two separate `[date]` effects that both\n        // reset displayValue; merged into one here (the second only added setStoredDate).\n        useEffect(() => {\n            if (date !== undefined) {\n                setDateErr(false);\n                setDisplayValue(getDisplayDate(date));\n            } else {\n                setDisplayValue('');\n            }\n            setStoredDate(date);\n        }, [date]);\n\n        const isValidDate = useCallback(\n            (date: Date): boolean => {\n                // Check if it's a valid date first\n                if (date.toString() === 'Invalid Date') {\n                    setDateErr(true);\n                    return false;\n                }\n\n                // Check if date is before today\n                const today = new Date();\n                today.setHours(0, 0, 0, 0); // Reset time to start of day for fair comparison\n\n                const isBeforeToday = date < today;\n                // If allowPastDates is true, allow dates before today\n                const isValid = allowPastDates || !isBeforeToday;\n\n                setDateErr(!isValid);\n                return isValid;\n            },\n            [allowPastDates]\n        );\n\n        const validateAndFormatDate = useCallback(\n            (value: string) => {\n                const date = new Date(value);\n\n                if (!isValidDate(date)) {\n                    return;\n                }\n\n                // localize date format\n                const displayDate = getDisplayDate(date);\n\n                setDisplayValue(displayDate);\n                onValidDateChange?.(date);\n            },\n            [onValidDateChange, isValidDate]\n        );\n\n        const handleOnBlur = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                const value = e.currentTarget.value;\n\n                // empty date clears errors\n                if (value === '') {\n                    setDateErr(false);\n                    return;\n                }\n\n                validateAndFormatDate(value);\n                onBlur?.(e);\n            },\n            [onBlur, validateAndFormatDate]\n        );\n\n        const handleOnChange = useCallback(\n            (e: FormEvent<HTMLInputElement>) => {\n                // Remove any non-digit characters from the input\n                const digits = e.currentTarget.value.replace(/\\D/g, '');\n\n                // Format the digits with slashes\n                let formattedValue = '';\n                if (digits.length > 0) {\n                    // Handle month\n                    formattedValue = digits.slice(0, 2);\n                    if (digits.length > 2) {\n                        // Handle day\n                        formattedValue += '/' + digits.slice(2, 4);\n                        if (digits.length > 4) {\n                            // Handle year\n                            formattedValue += '/' + digits.slice(4, 8);\n                        }\n                    }\n                }\n\n                // Ensure we don't exceed the mm/dd/yyyy format length\n                if (formattedValue.length <= 10) {\n                    setDisplayValue(formattedValue);\n\n                    // If there was a previous error, validate as user types\n                    if (dateErr && formattedValue.length === 10) {\n                        validateAndFormatDate(formattedValue);\n                    } else if (formattedValue.length < 10) {\n                        // Clear error if user is still typing\n                        setDateErr(false);\n                    }\n\n                    onChange?.(e);\n                }\n            },\n            [onChange, dateErr, validateAndFormatDate]\n        );\n\n        const handleKeyDownEnter = useCallback(\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                    validateAndFormatDate(event.currentTarget.value);\n                }\n                onKeyDown?.(event);\n            },\n            [validateAndFormatDate, onKeyDown]\n        );\n\n        return (\n            <TextInput\n                data-testid=\"date-input\"\n                disabled={disabled}\n                errorText={errorText}\n                hasError={hasError}\n                helpText={helpText}\n                labelText={labelText}\n                onBlur={handleOnBlur}\n                onChange={handleOnChange}\n                onClear={() => {\n                    onClear?.();\n                    if (date !== undefined && storedDate !== undefined && date !== storedDate) {\n                        setDisplayValue(getDisplayDate(date));\n                        setStoredDate(date);\n                    }\n                }}\n                onKeyDown={handleKeyDownEnter}\n                ref={ref}\n                type=\"text\"\n                value={displayValue}\n                {...rest}\n            />\n        );\n    }\n);\n"],"mappings":"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"}

package/dateInput.d.cts

@@ -0,0 +1,2 @@
+import { t as DateInput } from "./DateInput-B8XQZPTx.cjs";
+export { DateInput };

package/dateInput.d.mts

@@ -0,0 +1,2 @@
+import { t as DateInput } from "./DateInput-CfNmywqQ.mjs";
+export { DateInput };

package/dateInput.mjs

@@ -0,0 +1,94 @@
+'use client';
+import { TextInput } from "./Input.mjs";
+import { n as getDisplayDate } from "./utils-C6Ngn6x9.mjs";
+import { forwardRef, useCallback, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/DateTimeInput/dateInput/DateInput.tsx
+const DateInput = forwardRef(({ allowPastDates = false, date, disabled, errorText = "Invalid date", hasError: propsHasError = false, helpText, labelText, onBlur, onChange, onClear, onKeyDown, onValidDateChange, ...rest }, ref) => {
+	const [dateErr, setDateErr] = useState(false);
+	const hasError = propsHasError || dateErr;
+	const [storedDate, setStoredDate] = useState(date);
+	const [displayValue, setDisplayValue] = useState(date !== void 0 ? getDisplayDate(date) : "");
+	useEffect(() => {
+		if (date !== void 0) {
+			setDateErr(false);
+			setDisplayValue(getDisplayDate(date));
+		} else setDisplayValue("");
+		setStoredDate(date);
+	}, [date]);
+	const isValidDate = useCallback((date) => {
+		if (date.toString() === "Invalid Date") {
+			setDateErr(true);
+			return false;
+		}
+		const today = /* @__PURE__ */ new Date();
+		today.setHours(0, 0, 0, 0);
+		const isValid = allowPastDates || !(date < today);
+		setDateErr(!isValid);
+		return isValid;
+	}, [allowPastDates]);
+	const validateAndFormatDate = useCallback((value) => {
+		const date = new Date(value);
+		if (!isValidDate(date)) return;
+		const displayDate = getDisplayDate(date);
+		setDisplayValue(displayDate);
+		onValidDateChange?.(date);
+	}, [onValidDateChange, isValidDate]);
+	return /* @__PURE__ */ jsx(TextInput, {
+		"data-testid": "date-input",
+		disabled,
+		errorText,
+		hasError,
+		helpText,
+		labelText,
+		onBlur: useCallback((e) => {
+			const value = e.currentTarget.value;
+			if (value === "") {
+				setDateErr(false);
+				return;
+			}
+			validateAndFormatDate(value);
+			onBlur?.(e);
+		}, [onBlur, validateAndFormatDate]),
+		onChange: useCallback((e) => {
+			const digits = e.currentTarget.value.replace(/\D/g, "");
+			let formattedValue = "";
+			if (digits.length > 0) {
+				formattedValue = digits.slice(0, 2);
+				if (digits.length > 2) {
+					formattedValue += "/" + digits.slice(2, 4);
+					if (digits.length > 4) formattedValue += "/" + digits.slice(4, 8);
+				}
+			}
+			if (formattedValue.length <= 10) {
+				setDisplayValue(formattedValue);
+				if (dateErr && formattedValue.length === 10) validateAndFormatDate(formattedValue);
+				else if (formattedValue.length < 10) setDateErr(false);
+				onChange?.(e);
+			}
+		}, [
+			onChange,
+			dateErr,
+			validateAndFormatDate
+		]),
+		onClear: () => {
+			onClear?.();
+			if (date !== void 0 && storedDate !== void 0 && date !== storedDate) {
+				setDisplayValue(getDisplayDate(date));
+				setStoredDate(date);
+			}
+		},
+		onKeyDown: useCallback((event) => {
+			if (event.key === "Enter") validateAndFormatDate(event.currentTarget.value);
+			onKeyDown?.(event);
+		}, [validateAndFormatDate, onKeyDown]),
+		ref,
+		type: "text",
+		value: displayValue,
+		...rest
+	});
+});
+//#endregion
+export { DateInput };
+
+//# sourceMappingURL=dateInput.mjs.map

package/dateInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateInput.mjs","names":[],"sources":["../src/DateTimeInput/dateInput/DateInput.tsx"],"sourcesContent":["import { ComponentProps, FocusEvent, FormEvent, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { TextInput } from '../../TextInput/TextInput';\nimport { getDisplayDate } from '../utils';\n\ntype Props = {\n    /**\n     * Whether the input allows past dates\n     */\n    allowPastDates?: boolean;\n    /**\n     * This is the date that will be displayed\n     */\n    date?: Date;\n    /**\n     * Whether the input is disabled\n     */\n    disabled?: boolean;\n    /**\n     * helper text shown below input field, will default to 'mm/dd/yyyy' if no placeholder or help text is provided\n     */\n    helpText?: ComponentProps<typeof TextInput>['helpText'];\n    /**\n     * label for the input field, defaults to 'Date'\n     */\n    labelText?: ComponentProps<typeof TextInput>['labelText'];\n    /**\n     * The setter of a `useState<boolean>` that indicates whether the input date is valid.\n     */\n    onValidDateChange?: (date: Date) => void;\n} & Partial<Omit<ComponentProps<typeof TextInput>, 'type' | 'secure'>>;\n\nexport const DateInput = forwardRef<HTMLInputElement, Props>(\n    (\n        {\n            allowPastDates = false,\n            date,\n            disabled,\n            errorText = 'Invalid date',\n            hasError: propsHasError = false,\n            helpText,\n            labelText,\n            onBlur,\n            onChange,\n            onClear,\n            onKeyDown,\n            onValidDateChange,\n            ...rest\n        },\n        ref\n    ) => {\n        const [dateErr, setDateErr] = useState<boolean>(false);\n\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        const hasError = propsHasError || dateErr;\n        const [storedDate, setStoredDate] = useState<Date | undefined>(date);\n        const [displayValue, setDisplayValue] = useState<string>(date !== undefined ? getDisplayDate(date) : '');\n\n        // Local deviation from hammer: hammer keeps two separate `[date]` effects that both\n        // reset displayValue; merged into one here (the second only added setStoredDate).\n        useEffect(() => {\n            if (date !== undefined) {\n                setDateErr(false);\n                setDisplayValue(getDisplayDate(date));\n            } else {\n                setDisplayValue('');\n            }\n            setStoredDate(date);\n        }, [date]);\n\n        const isValidDate = useCallback(\n            (date: Date): boolean => {\n                // Check if it's a valid date first\n                if (date.toString() === 'Invalid Date') {\n                    setDateErr(true);\n                    return false;\n                }\n\n                // Check if date is before today\n                const today = new Date();\n                today.setHours(0, 0, 0, 0); // Reset time to start of day for fair comparison\n\n                const isBeforeToday = date < today;\n                // If allowPastDates is true, allow dates before today\n                const isValid = allowPastDates || !isBeforeToday;\n\n                setDateErr(!isValid);\n                return isValid;\n            },\n            [allowPastDates]\n        );\n\n        const validateAndFormatDate = useCallback(\n            (value: string) => {\n                const date = new Date(value);\n\n                if (!isValidDate(date)) {\n                    return;\n                }\n\n                // localize date format\n                const displayDate = getDisplayDate(date);\n\n                setDisplayValue(displayDate);\n                onValidDateChange?.(date);\n            },\n            [onValidDateChange, isValidDate]\n        );\n\n        const handleOnBlur = useCallback(\n            (e: FocusEvent<HTMLInputElement>) => {\n                const value = e.currentTarget.value;\n\n                // empty date clears errors\n                if (value === '') {\n                    setDateErr(false);\n                    return;\n                }\n\n                validateAndFormatDate(value);\n                onBlur?.(e);\n            },\n            [onBlur, validateAndFormatDate]\n        );\n\n        const handleOnChange = useCallback(\n            (e: FormEvent<HTMLInputElement>) => {\n                // Remove any non-digit characters from the input\n                const digits = e.currentTarget.value.replace(/\\D/g, '');\n\n                // Format the digits with slashes\n                let formattedValue = '';\n                if (digits.length > 0) {\n                    // Handle month\n                    formattedValue = digits.slice(0, 2);\n                    if (digits.length > 2) {\n                        // Handle day\n                        formattedValue += '/' + digits.slice(2, 4);\n                        if (digits.length > 4) {\n                            // Handle year\n                            formattedValue += '/' + digits.slice(4, 8);\n                        }\n                    }\n                }\n\n                // Ensure we don't exceed the mm/dd/yyyy format length\n                if (formattedValue.length <= 10) {\n                    setDisplayValue(formattedValue);\n\n                    // If there was a previous error, validate as user types\n                    if (dateErr && formattedValue.length === 10) {\n                        validateAndFormatDate(formattedValue);\n                    } else if (formattedValue.length < 10) {\n                        // Clear error if user is still typing\n                        setDateErr(false);\n                    }\n\n                    onChange?.(e);\n                }\n            },\n            [onChange, dateErr, validateAndFormatDate]\n        );\n\n        const handleKeyDownEnter = useCallback(\n            (event: React.KeyboardEvent<HTMLInputElement>) => {\n                if (event.key === 'Enter') {\n                    validateAndFormatDate(event.currentTarget.value);\n                }\n                onKeyDown?.(event);\n            },\n            [validateAndFormatDate, onKeyDown]\n        );\n\n        return (\n            <TextInput\n                data-testid=\"date-input\"\n                disabled={disabled}\n                errorText={errorText}\n                hasError={hasError}\n                helpText={helpText}\n                labelText={labelText}\n                onBlur={handleOnBlur}\n                onChange={handleOnChange}\n                onClear={() => {\n                    onClear?.();\n                    if (date !== undefined && storedDate !== undefined && date !== storedDate) {\n                        setDisplayValue(getDisplayDate(date));\n                        setStoredDate(date);\n                    }\n                }}\n                onKeyDown={handleKeyDownEnter}\n                ref={ref}\n                type=\"text\"\n                value={displayValue}\n                {...rest}\n            />\n        );\n    }\n);\n"],"mappings":";;;;;AAgCA,MAAa,YAAY,YAEjB,EACI,iBAAiB,OACjB,MACA,UACA,YAAY,gBACZ,UAAU,gBAAgB,OAC1B,UACA,WACA,QACA,UACA,SACA,WACA,mBACA,GAAG,QAEP,QACC;CACD,MAAM,CAAC,SAAS,cAAc,SAAkB,KAAK;CAGrD,MAAM,WAAW,iBAAiB;CAClC,MAAM,CAAC,YAAY,iBAAiB,SAA2B,IAAI;CACnE,MAAM,CAAC,cAAc,mBAAmB,SAAiB,SAAS,KAAA,IAAY,eAAe,IAAI,IAAI,EAAE;CAIvG,gBAAgB;EACZ,IAAI,SAAS,KAAA,GAAW;GACpB,WAAW,KAAK;GAChB,gBAAgB,eAAe,IAAI,CAAC;EACxC,OACI,gBAAgB,EAAE;EAEtB,cAAc,IAAI;CACtB,GAAG,CAAC,IAAI,CAAC;CAET,MAAM,cAAc,aACf,SAAwB;EAErB,IAAI,KAAK,SAAS,MAAM,gBAAgB;GACpC,WAAW,IAAI;GACf,OAAO;EACX;EAGA,MAAM,wBAAQ,IAAI,KAAK;EACvB,MAAM,SAAS,GAAG,GAAG,GAAG,CAAC;EAIzB,MAAM,UAAU,kBAAkB,EAFZ,OAAO;EAI7B,WAAW,CAAC,OAAO;EACnB,OAAO;CACX,GACA,CAAC,cAAc,CACnB;CAEA,MAAM,wBAAwB,aACzB,UAAkB;EACf,MAAM,OAAO,IAAI,KAAK,KAAK;EAE3B,IAAI,CAAC,YAAY,IAAI,GACjB;EAIJ,MAAM,cAAc,eAAe,IAAI;EAEvC,gBAAgB,WAAW;EAC3B,oBAAoB,IAAI;CAC5B,GACA,CAAC,mBAAmB,WAAW,CACnC;CAkEA,OACI,oBAAC,WAAD;EACI,eAAY;EACF;EACC;EACD;EACA;EACC;EACX,QAxEa,aAChB,MAAoC;GACjC,MAAM,QAAQ,EAAE,cAAc;GAG9B,IAAI,UAAU,IAAI;IACd,WAAW,KAAK;IAChB;GACJ;GAEA,sBAAsB,KAAK;GAC3B,SAAS,CAAC;EACd,GACA,CAAC,QAAQ,qBAAqB,CA2DP;EACnB,UAzDe,aAClB,MAAmC;GAEhC,MAAM,SAAS,EAAE,cAAc,MAAM,QAAQ,OAAO,EAAE;GAGtD,IAAI,iBAAiB;GACrB,IAAI,OAAO,SAAS,GAAG;IAEnB,iBAAiB,OAAO,MAAM,GAAG,CAAC;IAClC,IAAI,OAAO,SAAS,GAAG;KAEnB,kBAAkB,MAAM,OAAO,MAAM,GAAG,CAAC;KACzC,IAAI,OAAO,SAAS,GAEhB,kBAAkB,MAAM,OAAO,MAAM,GAAG,CAAC;IAEjD;GACJ;GAGA,IAAI,eAAe,UAAU,IAAI;IAC7B,gBAAgB,cAAc;IAG9B,IAAI,WAAW,eAAe,WAAW,IACrC,sBAAsB,cAAc;SACjC,IAAI,eAAe,SAAS,IAE/B,WAAW,KAAK;IAGpB,WAAW,CAAC;GAChB;EACJ,GACA;GAAC;GAAU;GAAS;EAAqB,CAsBd;EACvB,eAAe;GACX,UAAU;GACV,IAAI,SAAS,KAAA,KAAa,eAAe,KAAA,KAAa,SAAS,YAAY;IACvE,gBAAgB,eAAe,IAAI,CAAC;IACpC,cAAc,IAAI;GACtB;EACJ;EACA,WA3BmB,aACtB,UAAiD;GAC9C,IAAI,MAAM,QAAQ,SACd,sBAAsB,MAAM,cAAc,KAAK;GAEnD,YAAY,KAAK;EACrB,GACA,CAAC,uBAAuB,SAAS,CAoBD;EACvB;EACL,MAAK;EACL,OAAO;EACP,GAAI;CACP,CAAA;AAET,CACJ"}