@petnow/ui 5.1.0 → 5.2.0

package/dist/v1/icons/static/delete.js

@@ -1,30 +1 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/v1/icons/static/DeleteIcon.tsx
-var n = (n) => /* @__PURE__ */ t("svg", {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	...n,
-	children: [
-		/* @__PURE__ */ e("path", {
-			opacity: "0.399",
-			d: "M19.23 8.14C18.99 7.89 18.66 7.75 18.32 7.75H5.67999C5.33999 7.75 4.99999 7.89 4.76999 8.14C4.53999 8.39 4.40999 8.73 4.42999 9.08L5.04999 19.34C5.15999 20.86 5.29999 22.76 8.78999 22.76H15.21C18.7 22.76 18.84 20.87 18.95 19.34L19.57 9.09C19.59 8.73 19.46 8.39 19.23 8.14Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			d: "M21.0699 5.23C19.4599 5.07 17.8499 4.95 16.2299 4.86V4.85L16.0099 3.55C15.8599 2.63 15.6399 1.25 13.2999 1.25H10.6799C8.34991 1.25 8.12991 2.57 7.96991 3.54L7.75991 4.82C6.82991 4.88 5.89991 4.94 4.96991 5.03L2.92991 5.23C2.50991 5.27 2.20991 5.64 2.24991 6.05C2.28991 6.46 2.64991 6.76 3.06991 6.72L5.10991 6.52C10.3499 6 15.6299 6.2 20.9299 6.73H21.0099C21.3899 6.73 21.7199 6.44 21.7599 6.05C21.775 5.85024 21.7112 5.65253 21.5822 5.49925C21.4532 5.34596 21.2693 5.24931 21.0699 5.23Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			fillRule: "evenodd",
-			clipRule: "evenodd",
-			d: "M9.57994 17C9.57994 16.8011 9.65896 16.6103 9.79961 16.4697C9.94026 16.329 10.131 16.25 10.3299 16.25H13.6599C13.8589 16.25 14.0496 16.329 14.1903 16.4697C14.3309 16.6103 14.4099 16.8011 14.4099 17C14.4099 17.1989 14.3309 17.3897 14.1903 17.5303C14.0496 17.671 13.8589 17.75 13.6599 17.75H10.3299C10.131 17.75 9.94026 17.671 9.79961 17.5303C9.65896 17.3897 9.57994 17.1989 9.57994 17ZM8.74994 13C8.74994 12.8011 8.82896 12.6103 8.96961 12.4697C9.11026 12.329 9.30103 12.25 9.49994 12.25H14.4999C14.6989 12.25 14.8896 12.329 15.0303 12.4697C15.1709 12.6103 15.2499 12.8011 15.2499 13C15.2499 13.1989 15.1709 13.3897 15.0303 13.5303C14.8896 13.671 14.6989 13.75 14.4999 13.75H9.49994C9.30103 13.75 9.11026 13.671 8.96961 13.5303C8.82896 13.3897 8.74994 13.1989 8.74994 13Z",
-			fill: "currentColor"
-		})
-	]
-});
-//#endregion
-export { n as DeleteIcon };
-
-//# sourceMappingURL=delete.js.map
+export { DeleteIcon } from "../../../icons/static/delete.js";

package/dist/v1/icons/static/recent.js

@@ -1,32 +1 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/v1/icons/static/RecentIcon.tsx
-var n = (n) => /* @__PURE__ */ t("svg", {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	...n,
-	children: [
-		/* @__PURE__ */ e("path", {
-			opacity: "0.4",
-			d: "M19 2H5C3.34315 2 2 3.34315 2 5V19C2 20.6569 3.34315 22 5 22H19C20.6569 22 22 20.6569 22 19V5C22 3.34315 20.6569 2 19 2Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			fillRule: "evenodd",
-			clipRule: "evenodd",
-			d: "M14.6689 6.32707C14.9253 6.20088 15.2312 6.2314 15.4576 6.40576L18.4576 8.71576C18.7858 8.96847 18.847 9.43938 18.5943 9.76758C18.3416 10.0958 17.8707 10.157 17.5425 9.90425L15.75 8.52408V17C15.75 17.4142 15.4143 17.75 15 17.75C14.5858 17.75 14.25 17.4142 14.25 17V7.00001C14.25 6.71421 14.4125 6.45326 14.6689 6.32707Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			fillRule: "evenodd",
-			clipRule: "evenodd",
-			d: "M9.00004 6.25001C9.41425 6.25001 9.75004 6.58579 9.75004 7.00001V17C9.75004 17.2858 9.58761 17.5468 9.33119 17.6729C9.07476 17.7991 8.76891 17.7686 8.54247 17.5943L5.54247 15.2843C5.21427 15.0315 5.15308 14.5606 5.40579 14.2324C5.6585 13.9042 6.12941 13.843 6.45761 14.0958L8.25004 15.4759V7.00001C8.25004 6.58579 8.58582 6.25001 9.00004 6.25001Z",
-			fill: "currentColor"
-		})
-	]
-});
-//#endregion
-export { n as RecentIcon };
-
-//# sourceMappingURL=recent.js.map
+export { RecentIcon } from "../../../icons/static/recent.js";

package/dist/v1/icons/static/report.js

@@ -1,28 +1 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/v1/icons/static/ReportIcon.tsx
-var n = (n) => /* @__PURE__ */ t("svg", {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	...n,
-	children: [
-		/* @__PURE__ */ e("path", {
-			d: "M11.9986 4.88802C11.3424 4.88802 10.7982 4.35925 10.7982 3.72162V2.16641C10.7982 1.52877 11.3424 1 11.9986 1C12.6547 1 13.1989 1.52877 13.1989 2.16641V3.72162C13.1989 4.35925 12.6547 4.88802 11.9986 4.88802ZM4.79709 8C4.49301 8 4.18892 7.89114 3.94886 7.65785L2.34842 6.10264C2.12519 5.88314 2 5.58698 2 5.27838C2 4.96978 2.12519 4.67362 2.34842 4.45412C2.81254 4.00311 3.58076 4.00311 4.04488 4.45412L5.64532 6.00933C6.10945 6.46034 6.10945 7.20684 5.64532 7.65785C5.40526 7.89114 5.10117 8 4.79709 8ZM19.2032 8C18.8991 8 18.5951 7.89114 18.355 7.65785C18.1318 7.43835 18.0066 7.14219 18.0066 6.83359C18.0066 6.52499 18.1318 6.22883 18.355 6.00933L19.9554 4.45412C20.4196 4.00311 21.1878 4.00311 21.6519 4.45412C22.116 4.90513 22.116 5.65163 21.6519 6.10264L20.0515 7.65785C19.8114 7.89114 19.5073 8 19.2032 8Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			d: "M22 21C22 21.5467 21.6837 22 21.3023 22H2.69767C2.31628 22 2 21.5467 2 21C2 20.4533 2.31628 20 2.69767 20H21.3023C21.6837 20 22 20.4533 22 21Z",
-			fill: "currentColor"
-		}),
-		/* @__PURE__ */ e("path", {
-			opacity: "0.4",
-			d: "M20 14.6721V20H4V14.6721C4 12.6374 4.84285 10.6859 6.34315 9.24711C7.84344 7.80831 9.87827 7 12 7C14.1217 7 16.1566 7.80831 17.6569 9.24711C19.1572 10.6859 20 12.6374 20 14.6721Z",
-			fill: "currentColor"
-		})
-	]
-});
-//#endregion
-export { n as ReportIcon };
-
-//# sourceMappingURL=report.js.map
+export { ReportIcon } from "../../../icons/static/report.js";

package/dist/v1/icons/static/shield-done.js

@@ -1,21 +1 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/v1/icons/static/ShieldDoneIcon.tsx
-var n = (n) => /* @__PURE__ */ t("svg", {
-	width: "24",
-	height: "24",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	...n,
-	children: [/* @__PURE__ */ e("path", {
-		opacity: "0.4",
-		d: "M10.9608 2.0588L5.46078 4.1188C4.41078 4.5188 3.55078 5.7588 3.55078 6.8888V14.9888C3.55078 15.7988 4.08078 16.8688 4.73078 17.3488L10.2308 21.4588C11.2008 22.1888 12.7908 22.1888 13.7608 21.4588L19.2608 17.3488C19.9108 16.8588 20.4408 15.7988 20.4408 14.9888V6.8888C20.4408 5.7688 19.5808 4.5188 18.5308 4.1288L13.0308 2.0688C12.4708 1.8488 11.5308 1.8488 10.9608 2.0588Z",
-		fill: "currentColor"
-	}), /* @__PURE__ */ e("path", {
-		d: "M10.657 14.2309C10.467 14.2309 10.277 14.1609 10.127 14.0109L8.51702 12.4009C8.37754 12.2598 8.29932 12.0693 8.29932 11.8709C8.29932 11.6725 8.37754 11.482 8.51702 11.3409C8.80702 11.0509 9.28702 11.0509 9.57702 11.3409L10.657 12.4209L14.427 8.65091C14.717 8.36091 15.197 8.36091 15.487 8.65091C15.777 8.94091 15.777 9.42091 15.487 9.71091L11.187 14.0109C11.037 14.1609 10.847 14.2309 10.657 14.2309Z",
-		fill: "currentColor"
-	})]
-});
-//#endregion
-export { n as ShieldDoneIcon };
-
-//# sourceMappingURL=shield-done.js.map
+export { ShieldDoneIcon } from "../../../icons/static/shield-done.js";

package/dist/v1/popup.js

@@ -1,4 +1 @@
-"use client";
-import "./cta-button.js";
-import { t as e } from "../Popup-B2Q-le-6.js";
-export { e as Popup };
+export { Popup } from "../popup.js";

package/dist/v1/text-field.js

@@ -1,286 +1 @@
-"use client";
-import { t as e } from "../TailwindUtil-DiNvXuNl.js";
-import { CTAButton as t } from "./cta-button.js";
-import { CancelFilledIcon as n } from "./icons/action/cancel-filled.js";
-import { ChevronLeftIcon as r } from "./icons/action/chevron-left.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import * as o from "react";
-import { cva as s } from "class-variance-authority";
-//#region src/components/v1/text-field/TextField.tsx
-var c = s("flex items-center rounded-[4px] bg-surface-base-neutral-2 border transition-colors duration-200", {
-	variants: {
-		size: {
-			large: "gap-2 p-[15px] min-h-[56px]",
-			small: "gap-3 p-[11px] min-h-[48px]"
-		},
-		hasError: {
-			true: "border-border-prominent-error",
-			false: "border-transparent"
-		},
-		disabled: {
-			true: "opacity-50",
-			false: ""
-		}
-	},
-	defaultVariants: {
-		size: "large",
-		disabled: !1,
-		hasError: !1
-	}
-}), l = s("", {
-	variants: {
-		size: {
-			large: "text-body-16-regular",
-			small: "text-caption-12-medium"
-		},
-		hasError: {
-			true: "text-text-prominent-error",
-			false: "text-text-base-neutral-2"
-		}
-	},
-	defaultVariants: {
-		size: "large",
-		hasError: !1
-	}
-}), u = o.forwardRef(({ onChange: t, subtitle: r, isRequired: s = !1, assistiveText: u, errorText: d, disabled: f = !1, multiLine: p = !1, className: m, rightElement: h, showCounter: g = !1, value: _, maxLength: v, size: y = "large", ...b }, x) => {
-	let S = !!d, C = o.useRef(null);
-	o.useImperativeHandle(x, () => C.current);
-	let w = o.useCallback(() => {
-		C.current?.focus();
-	}, []), T = (typeof _ == "string" ? _ : "").length, E = b, D = b, O = y === "large" ? "text-title-20-regular" : "text-body-16-regular", k = y === "large" ? "text-title-18-bold" : "text-title-14-bold", A = y === "large" ? "text-body-16-regular" : "text-caption-12-medium";
-	return /* @__PURE__ */ a("div", {
-		className: e("flex flex-col gap-2", m),
-		children: [
-			r && /* @__PURE__ */ a("span", {
-				className: e(k, "text-text-base-neutral-5"),
-				children: [r, s && /* @__PURE__ */ i("span", {
-					className: "text-text-prominent-accent-1",
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				onClick: f ? void 0 : w,
-				className: e("group overflow-hidden", c({
-					size: y,
-					disabled: f,
-					hasError: S
-				}), !f && !S && "focus-within:border-border-base-neutral-4", p && "h-[120px] items-start"),
-				children: [
-					p ? /* @__PURE__ */ i("textarea", {
-						...D,
-						onChange: t,
-						ref: C,
-						value: _,
-						maxLength: v,
-						disabled: f,
-						className: e("text-text-base-neutral-5 placeholder:text-text-base-neutral-2 h-full min-h-[24px] min-w-0 flex-1 border-none bg-transparent py-0 outline-none", O, "resize-none overflow-y-auto")
-					}) : /* @__PURE__ */ i("input", {
-						...E,
-						onChange: t,
-						ref: C,
-						value: _,
-						maxLength: v,
-						disabled: f,
-						className: e("text-text-base-neutral-5 placeholder:text-text-base-neutral-2 min-h-[24px] min-w-0 flex-1 border-none bg-transparent py-0 outline-none", O, "overflow-hidden text-ellipsis whitespace-nowrap")
-					}),
-					h && /* @__PURE__ */ i("div", {
-						className: "shrink-0",
-						children: h
-					}),
-					/* @__PURE__ */ i("button", {
-						type: "button",
-						onClick: () => t && t({ target: { value: "" } }),
-						tabIndex: -1,
-						disabled: f,
-						className: e("hidden shrink-0", {
-							flex: S,
-							"group-focus-within:flex": !f && T > 0
-						}),
-						children: /* @__PURE__ */ i(n, { className: "text-icon-base-neutral-3 h-6 w-6 shrink-0 cursor-pointer" })
-					})
-				]
-			}),
-			(u || d || v && g) && /* @__PURE__ */ a("div", {
-				className: "flex items-center justify-between gap-2",
-				children: [(u || d) && /* @__PURE__ */ i("span", {
-					className: e(A, l({
-						size: y,
-						hasError: S
-					})),
-					children: d || u
-				}), v && g && /* @__PURE__ */ a("span", {
-					className: e("ml-auto", A, l({
-						size: y,
-						hasError: S
-					})),
-					children: [
-						T,
-						"/",
-						v
-					]
-				})]
-			})
-		]
-	});
-});
-u.displayName = "TextFieldNormal";
-var d = s("flex items-center justify-between rounded-[4px] bg-surface-base-neutral-2 border transition-colors duration-200", {
-	variants: {
-		size: {
-			large: "gap-2 p-[15px] min-h-[56px]",
-			small: "gap-3 p-[11px] min-h-[48px]"
-		},
-		hasError: {
-			true: "border-border-prominent-error",
-			false: "border-transparent"
-		},
-		disabled: {
-			true: "opacity-50",
-			false: ""
-		}
-	},
-	defaultVariants: { size: "large" }
-}), f = ({ label: t, placeholder: n, value: o, isRequired: s = !1, disabled: c = !1, assistiveText: u, errorText: f, onPress: p, className: m, size: h = "large" }) => {
-	let g = !!f, _ = h === "large" ? "text-title-18-bold" : "text-title-14-bold", v = h === "large" ? "text-title-20-regular" : "text-body-16-regular";
-	return /* @__PURE__ */ a("div", {
-		className: e("flex w-full flex-col gap-2", m),
-		children: [
-			t && /* @__PURE__ */ a("div", {
-				className: "flex items-start",
-				children: [/* @__PURE__ */ i("span", {
-					className: e(_, "text-text-base-neutral-5"),
-					children: t
-				}), s && /* @__PURE__ */ i("span", {
-					className: e(_, "text-text-prominent-accent-1"),
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ a("button", {
-				type: "button",
-				className: d({
-					size: h,
-					hasError: g,
-					disabled: c
-				}),
-				onClick: p,
-				disabled: c,
-				children: [/* @__PURE__ */ i("span", {
-					className: e(v, "flex-1", o ? "text-text-base-neutral-5" : "text-text-base-neutral-2"),
-					style: {
-						textAlign: "left",
-						overflow: "hidden",
-						textOverflow: "ellipsis"
-					},
-					children: o || n
-				}), /* @__PURE__ */ i(r, { className: "text-icon-base-neutral-3 rotate-270" })]
-			}),
-			(u || f) && /* @__PURE__ */ i("div", {
-				className: "flex items-start gap-2",
-				children: /* @__PURE__ */ i("span", {
-					className: l({
-						size: h,
-						hasError: g
-					}),
-					children: f || u
-				})
-			})
-		]
-	});
-}, p = o.forwardRef(({ onChange: r, subtitle: s, isRequired: u = !1, assistiveText: d, errorText: f, disabled: p = !1, multiLine: m = !1, className: h, showCounter: g = !1, value: _, maxLength: v, size: y = "large", fieldRightElement: b, buttonText: x, onButtonClick: S, buttonDisabled: C = !1, ...w }, T) => {
-	let E = !!f, D = o.useRef(null);
-	o.useImperativeHandle(T, () => D.current);
-	let O = o.useCallback(() => {
-		D.current?.focus();
-	}, []), k = (typeof _ == "string" ? _ : "").length, A = w, j = w, M = y === "large" ? "text-title-20-regular" : "text-body-16-regular", N = y === "large" ? "text-title-18-bold" : "text-title-14-bold", P = y === "large" ? "text-body-16-regular" : "text-caption-12-medium";
-	return /* @__PURE__ */ a("div", {
-		className: e("flex flex-col gap-2", h),
-		children: [
-			s && /* @__PURE__ */ a("span", {
-				className: e(N, "text-text-base-neutral-5"),
-				children: [s, u && /* @__PURE__ */ i("span", {
-					className: "text-text-prominent-accent-1",
-					children: "*"
-				})]
-			}),
-			/* @__PURE__ */ a("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ a("div", {
-					onClick: p ? void 0 : O,
-					className: e("group flex-1 overflow-hidden", c({
-						size: y,
-						disabled: p,
-						hasError: E
-					}), !p && !E && "focus-within:border-border-base-neutral-4", m && "h-[120px] items-start"),
-					children: [
-						m ? /* @__PURE__ */ i("textarea", {
-							...j,
-							onChange: r,
-							ref: D,
-							value: _,
-							maxLength: v,
-							disabled: p,
-							className: e("text-text-base-neutral-5 placeholder:text-text-base-neutral-2 min-h-[24px] min-w-0 flex-1 border-none bg-transparent py-0 outline-none", M, "resize-none overflow-y-auto")
-						}) : /* @__PURE__ */ i("input", {
-							...A,
-							onChange: r,
-							ref: D,
-							value: _,
-							maxLength: v,
-							disabled: p,
-							className: e("text-text-base-neutral-5 placeholder:text-text-base-neutral-2 min-h-[24px] min-w-0 flex-1 border-none bg-transparent py-0 outline-none", M, "overflow-hidden text-ellipsis whitespace-nowrap")
-						}),
-						b && /* @__PURE__ */ i("div", {
-							className: "shrink-0",
-							children: b
-						}),
-						/* @__PURE__ */ i("button", {
-							type: "button",
-							onClick: () => r && r({ target: { value: "" } }),
-							tabIndex: -1,
-							disabled: p,
-							className: e("hidden shrink-0", {
-								flex: E,
-								"group-focus-within:flex": !p && k > 0
-							}),
-							children: /* @__PURE__ */ i(n, { className: "text-icon-base-neutral-3 h-6 w-6 shrink-0 cursor-pointer" })
-						})
-					]
-				}), /* @__PURE__ */ i("div", {
-					className: "shrink-0",
-					children: /* @__PURE__ */ i(t, {
-						label: x,
-						onClick: S,
-						size: "medium",
-						hierarchy: "tertiary",
-						disabled: C || p
-					})
-				})]
-			}),
-			(d || f || v && g) && /* @__PURE__ */ a("div", {
-				className: "flex items-center justify-between gap-2",
-				children: [(d || f) && /* @__PURE__ */ i("span", {
-					className: e(P, l({
-						size: y,
-						hasError: E
-					})),
-					children: f || d
-				}), v && g && /* @__PURE__ */ a("span", {
-					className: e("ml-auto", P, l({
-						size: y,
-						hasError: E
-					})),
-					children: [
-						k,
-						"/",
-						v
-					]
-				})]
-			})
-		]
-	});
-});
-p.displayName = "TextFieldWithButton";
-//#endregion
-export { u as TextFieldNormal, f as TextFieldSelect, p as TextFieldWithButton };
-
-//# sourceMappingURL=text-field.js.map
+export { TextFieldNormal, TextFieldSelect, TextFieldWithButton } from "../text-field.js";