@novi-ui/raster 0.1.0

package/dist/popover/popover.d.mts

@@ -0,0 +1,40 @@
+import { ReactNode } from "react";
+import { PopoverProps, TooltipProps } from "@novi-ui/core";
+//#region src/popover/popover.d.ts
+/**
+ * Popover の中身。
+ *
+ * @example
+ * <PopoverContent>ここに補足を書く</PopoverContent>
+ */
+declare function PopoverContent({ children, className }: {
+  children?: ReactNode;
+  className?: string;
+}): import("react").JSX.Element;
+/**
+ * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。
+ *
+ * Raster では矢印（arrow slot）を描画しない。任意 slot を省略できることの実例。
+ *
+ * @example
+ * <Popover placement="bottom">
+ *   <Button>詳細</Button>
+ *   <PopoverContent>ここに補足を書く</PopoverContent>
+ * </Popover>
+ */
+declare function Popover({ radius, placement, offset, isOpen, defaultOpen, onOpenChange, children, className, classNames, id }: PopoverProps): import("react").JSX.Element;
+/**
+ * 要素の補足説明。ホバーとフォーカスの両方で開く。
+ *
+ * ツールチップだけに情報を置かないこと。触れないと読めないため、
+ * 操作に必須の情報は本文かラベルに書く。
+ *
+ * @example
+ * <Tooltip content="コピーする">
+ *   <Button>複製</Button>
+ * </Tooltip>
+ */
+declare function Tooltip({ content, placement, offset, delay, isOpen, defaultOpen, onOpenChange, isDisabled, children, className, classNames, id }: TooltipProps): import("react").JSX.Element;
+//#endregion
+export { Popover, PopoverContent, Tooltip };
+//# sourceMappingURL=popover.d.mts.map

package/dist/popover/popover.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.mts","names":[],"sources":["../../src/popover/popover.tsx"],"mappings":";;;;;;;;;iBAmBgB,iBACd,UACA;EAEA,WAAW;EACX;oBACD,IAAA;;;;;;;;;;;;iBAmBe,UACd,QACA,WACA,QACA,QACA,aACA,cACA,UACA,WACA,YACA,MACC,+BAAY,IAAA;;;;;;;;;;;;iBAkCC,UACd,SACA,WACA,QACA,OACA,QACA,aACA,cACA,YACA,UACA,WACA,YACA,MACC,+BAAY,IAAA"}

package/dist/popover/popover.mjs

@@ -0,0 +1,86 @@
+"use client";
+import { popoverStyles, tooltipStyles } from "./popover.styles.mjs";
+import { Dialog, DialogTrigger, Popover, Tooltip, TooltipTrigger } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/popover/popover.tsx
+/**
+* Popover の中身。
+*
+* @example
+* <PopoverContent>ここに補足を書く</PopoverContent>
+*/
+function PopoverContent({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "content",
+		className: popoverStyles().content({ class: className }),
+		children
+	});
+}
+/**
+* トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。
+*
+* Raster では矢印（arrow slot）を描画しない。任意 slot を省略できることの実例。
+*
+* @example
+* <Popover placement="bottom">
+*   <Button>詳細</Button>
+*   <PopoverContent>ここに補足を書く</PopoverContent>
+* </Popover>
+*/
+function Popover$1({ radius, placement = "bottom", offset = 6, isOpen, defaultOpen, onOpenChange, children, className, classNames, id }) {
+	const s = popoverStyles({ radius });
+	const [trigger, ...content] = Array.isArray(children) ? children : [children];
+	return /* @__PURE__ */ jsxs(DialogTrigger, {
+		isOpen,
+		defaultOpen,
+		onOpenChange,
+		children: [trigger, /* @__PURE__ */ jsx(Popover, {
+			placement,
+			offset,
+			"data-slot": "root",
+			className: s.root({ class: [className, classNames?.root] }),
+			children: /* @__PURE__ */ jsx(Dialog, {
+				id,
+				className: "outline-none",
+				children: content
+			})
+		})]
+	});
+}
+/**
+* 要素の補足説明。ホバーとフォーカスの両方で開く。
+*
+* ツールチップだけに情報を置かないこと。触れないと読めないため、
+* 操作に必須の情報は本文かラベルに書く。
+*
+* @example
+* <Tooltip content="コピーする">
+*   <Button>複製</Button>
+* </Tooltip>
+*/
+function Tooltip$1({ content, placement = "top", offset = 6, delay = 400, isOpen, defaultOpen, onOpenChange, isDisabled, children, className, classNames, id }) {
+	const s = tooltipStyles();
+	return /* @__PURE__ */ jsxs(TooltipTrigger, {
+		isOpen,
+		defaultOpen,
+		onOpenChange,
+		isDisabled,
+		delay,
+		children: [children, /* @__PURE__ */ jsx(Tooltip, {
+			placement,
+			offset,
+			"data-slot": "root",
+			className: s.root({ class: [className, classNames?.root] }),
+			children: /* @__PURE__ */ jsx("span", {
+				id,
+				"data-slot": "content",
+				className: s.content({ class: classNames?.content }),
+				children: content
+			})
+		})]
+	});
+}
+//#endregion
+export { Popover$1 as Popover, PopoverContent, Tooltip$1 as Tooltip };
+
+//# sourceMappingURL=popover.mjs.map

package/dist/popover/popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.mjs","names":["Popover","RACPopover","Tooltip","RACTooltip"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["'use client'\n\nimport type { PopoverProps, TooltipProps } from '@novi-ui/core'\nimport type { ReactNode } from 'react'\nimport {\n  Dialog,\n  DialogTrigger,\n  Popover as RACPopover,\n  Tooltip as RACTooltip,\n  TooltipTrigger,\n} from 'react-aria-components'\nimport { popoverStyles, tooltipStyles } from './popover.styles'\n\n/**\n * Popover の中身。\n *\n * @example\n * <PopoverContent>ここに補足を書く</PopoverContent>\n */\nexport function PopoverContent({\n  children,\n  className,\n}: {\n  children?: ReactNode\n  className?: string\n}) {\n  return (\n    <div data-slot=\"content\" className={popoverStyles().content({ class: className })}>\n      {children}\n    </div>\n  )\n}\n\n/**\n * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。\n *\n * Raster では矢印（arrow slot）を描画しない。任意 slot を省略できることの実例。\n *\n * @example\n * <Popover placement=\"bottom\">\n *   <Button>詳細</Button>\n *   <PopoverContent>ここに補足を書く</PopoverContent>\n * </Popover>\n */\nexport function Popover({\n  radius,\n  placement = 'bottom',\n  offset = 6,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  children,\n  className,\n  classNames,\n  id,\n}: PopoverProps) {\n  const s = popoverStyles({ radius })\n  const items = Array.isArray(children) ? children : [children]\n  const [trigger, ...content] = items\n\n  return (\n    <DialogTrigger isOpen={isOpen} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n      {trigger}\n      <RACPopover\n        placement={placement}\n        offset={offset}\n        data-slot=\"root\"\n        className={s.root({ class: [className, classNames?.root] })}\n      >\n        {/* RAC の Popover は id を受け取らないため Dialog に付ける */}\n        <Dialog id={id} className=\"outline-none\">\n          {content}\n        </Dialog>\n      </RACPopover>\n    </DialogTrigger>\n  )\n}\n\n/**\n * 要素の補足説明。ホバーとフォーカスの両方で開く。\n *\n * ツールチップだけに情報を置かないこと。触れないと読めないため、\n * 操作に必須の情報は本文かラベルに書く。\n *\n * @example\n * <Tooltip content=\"コピーする\">\n *   <Button>複製</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n  content,\n  placement = 'top',\n  offset = 6,\n  delay = 400,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isDisabled,\n  children,\n  className,\n  classNames,\n  id,\n}: TooltipProps) {\n  const s = tooltipStyles()\n\n  return (\n    <TooltipTrigger\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      delay={delay}\n    >\n      {children}\n      <RACTooltip\n        placement={placement}\n        offset={offset}\n        data-slot=\"root\"\n        className={s.root({ class: [className, classNames?.root] })}\n      >\n        {/* RAC の Tooltip は id を受け取らないため中身に付ける */}\n        <span id={id} data-slot=\"content\" className={s.content({ class: classNames?.content })}>\n          {content}\n        </span>\n      </RACTooltip>\n    </TooltipTrigger>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,eAAe,EAC7B,UACA,aAIC;CACD,OACE,oBAAC,OAAD;EAAK,aAAU;EAAU,WAAW,cAAc,CAAC,CAAC,QAAQ,EAAE,OAAO,UAAU,CAAC;EAC7E;CACE,CAAA;AAET;;;;;;;;;;;;AAaA,SAAgBA,UAAQ,EACtB,QACA,YAAY,UACZ,SAAS,GACT,QACA,aACA,cACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC;CAElC,MAAM,CAAC,SAAS,GAAG,WADL,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;CAG5D,OACE,qBAAC,eAAD;EAAuB;EAAqB;EAA2B;EAAvE,UAAA,CACG,SACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAY;IAAI,WAAU;IACvB,UAAA;GACK,CAAA;EACE,CAAA,CACC;;AAEnB;;;;;;;;;;;;AAaA,SAAgBC,UAAQ,EACtB,SACA,YAAY,OACZ,SAAS,GACT,QAAQ,KACR,QACA,aACA,cACA,YACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc;CAExB,OACE,qBAAC,gBAAD;EACU;EACK;EACC;EACF;EACL;EALT,UAAA,CAOG,UACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAU;IAAI,aAAU;IAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;IAClF,UAAA;GACG,CAAA;EACI,CAAA,CACE;;AAEpB"}

package/dist/popover/popover.styles.d.mts

@@ -0,0 +1,81 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/popover/popover.styles.d.ts
+/**
+ * Popover のスタイル定義。
+ *
+ * @example
+ * const myPopover = tv({ extend: popoverStyles, slots: { content: 'p-6' } })
+ */
+declare const popoverStyles: import("tailwind-variants").TVReturnType<{
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+  arrow: string;
+  content: string;
+}, undefined, {
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+  arrow: string;
+  content: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+  arrow: string;
+  content: string;
+}>>;
+/**
+ * Tooltip のスタイル定義。
+ *
+ * Popover と違い**反転色**（暗い面に明るい文字）で出す。
+ * 補足であって操作対象ではない、という区別を色で伝える。
+ */
+declare const tooltipStyles: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  arrow: string;
+  content: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  arrow: string;
+  content: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  arrow: string;
+  content: string;
+}>>;
+type PopoverStyleProps = Parameters<typeof popoverStyles>[0];
+type TooltipStyleProps = Parameters<typeof tooltipStyles>[0];
+//#endregion
+export { PopoverStyleProps, TooltipStyleProps, popoverStyles, tooltipStyles };
+//# sourceMappingURL=popover.styles.d.mts.map

package/dist/popover/popover.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.d.mts","names":[],"sources":["../../src/popover/popover.styles.ts"],"mappings":";;;;;;;;cAuCa,2CAAa;;IAdmB;;;;;;;;IAAA;;;;;;;;IAAA;;;;;;;;;;;;;cA0BhC,2CAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAed,oBAAoB,kBAAkB;KACtC,oBAAoB,kBAAkB"}

package/dist/popover/popover.styles.mjs

@@ -0,0 +1,53 @@
+import { tv } from "tailwind-variants";
+//#region src/popover/popover.styles.ts
+const slots = {
+	root: [
+		"text-[var(--novi-color-fg)]",
+		"outline-none",
+		"bg-[var(--novi-color-bg)]",
+		"border border-[var(--novi-color-border-strong)]",
+		"shadow-none",
+		"data-[entering]:motion-safe:animate-[novi-fade-in_120ms_ease-out]"
+	].join(" "),
+	arrow: "hidden",
+	content: "px-4 py-3 text-[var(--novi-color-fg)] leading-[var(--novi-leading-body)]"
+};
+/**
+* Popover のスタイル定義。
+*
+* @example
+* const myPopover = tv({ extend: popoverStyles, slots: { content: 'p-6' } })
+*/
+const popoverStyles = tv({
+	slots,
+	variants: { radius: {
+		none: { root: "rounded-[var(--novi-radius-none)]" },
+		sm: { root: "rounded-[var(--novi-radius-sm)]" },
+		md: { root: "rounded-[var(--novi-radius-md)]" },
+		lg: { root: "rounded-[var(--novi-radius-lg)]" },
+		full: { root: "rounded-[var(--novi-radius-full)]" }
+	} },
+	defaultVariants: { radius: "none" }
+});
+/**
+* Tooltip のスタイル定義。
+*
+* Popover と違い**反転色**（暗い面に明るい文字）で出す。
+* 補足であって操作対象ではない、という区別を色で伝える。
+*/
+const tooltipStyles = tv({ slots: {
+	root: [
+		"outline-none max-w-xs",
+		"bg-[var(--novi-color-fg)] text-[var(--novi-color-bg)]",
+		"border border-transparent",
+		"rounded-[var(--novi-radius-none)]",
+		"shadow-none",
+		"data-[entering]:motion-safe:animate-[novi-fade-in_120ms_ease-out]"
+	].join(" "),
+	arrow: "hidden",
+	content: "px-2 py-1 text-[length:var(--novi-text-xs)] leading-snug"
+} });
+//#endregion
+export { popoverStyles, tooltipStyles };
+
+//# sourceMappingURL=popover.styles.mjs.map

package/dist/popover/popover.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.styles.mjs","names":[],"sources":["../../src/popover/popover.styles.ts"],"sourcesContent":["import type {\n  NoviRadius,\n  popoverRequiredSlots,\n  popoverSlots,\n  SlotMap,\n  tooltipRequiredSlots,\n  tooltipSlots,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\n\nconst slots = {\n  root: [\n    'text-[var(--novi-color-fg)]',\n    'outline-none',\n    'bg-[var(--novi-color-bg)]',\n    'border border-[var(--novi-color-border-strong)]',\n    'shadow-none',\n    'data-[entering]:motion-safe:animate-[novi-fade-in_120ms_ease-out]',\n  ].join(' '),\n  // Raster では arrow を描画しない。任意 slot を省略する実例\n  arrow: 'hidden',\n  content: 'px-4 py-3 text-[var(--novi-color-fg)] leading-[var(--novi-leading-body)]',\n} satisfies SlotMap<typeof popoverSlots, (typeof popoverRequiredSlots)[number]>\n\nconst radius: VariantMap<NoviRadius, { root: string }> = {\n  none: { root: 'rounded-[var(--novi-radius-none)]' },\n  sm: { root: 'rounded-[var(--novi-radius-sm)]' },\n  md: { root: 'rounded-[var(--novi-radius-md)]' },\n  lg: { root: 'rounded-[var(--novi-radius-lg)]' },\n  full: { root: 'rounded-[var(--novi-radius-full)]' },\n}\n\n/**\n * Popover のスタイル定義。\n *\n * @example\n * const myPopover = tv({ extend: popoverStyles, slots: { content: 'p-6' } })\n */\nexport const popoverStyles = tv({\n  slots,\n  variants: { radius },\n  defaultVariants: { radius: 'none' },\n})\n\n/**\n * Tooltip のスタイル定義。\n *\n * Popover と違い**反転色**（暗い面に明るい文字）で出す。\n * 補足であって操作対象ではない、という区別を色で伝える。\n */\nexport const tooltipStyles = tv({\n  slots: {\n    root: [\n      'outline-none max-w-xs',\n      'bg-[var(--novi-color-fg)] text-[var(--novi-color-bg)]',\n      'border border-transparent',\n      'rounded-[var(--novi-radius-none)]',\n      'shadow-none',\n      'data-[entering]:motion-safe:animate-[novi-fade-in_120ms_ease-out]',\n    ].join(' '),\n    arrow: 'hidden',\n    content: 'px-2 py-1 text-[length:var(--novi-text-xs)] leading-snug',\n  } satisfies SlotMap<typeof tooltipSlots, (typeof tooltipRequiredSlots)[number]>,\n})\n\nexport type PopoverStyleProps = Parameters<typeof popoverStyles>[0]\nexport type TooltipStyleProps = Parameters<typeof tooltipStyles>[0]\n"],"mappings":";;AAWA,MAAM,QAAQ;CACZ,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,OAAO;CACP,SAAS;AACX;;;;;;;AAgBA,MAAa,gBAAgB,GAAG;CAC9B;CACA,UAAU,EAAE;EAfZ,MAAM,EAAE,MAAM,oCAAoC;EAClD,IAAI,EAAE,MAAM,kCAAkC;EAC9C,IAAI,EAAE,MAAM,kCAAkC;EAC9C,IAAI,EAAE,MAAM,kCAAkC;EAC9C,MAAM,EAAE,MAAM,oCAAoC;CAWtC,EAAO;CACnB,iBAAiB,EAAE,QAAQ,OAAO;AACpC,CAAC;;;;;;;AAQD,MAAa,gBAAgB,GAAG,EAC9B,OAAO;CACL,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,OAAO;CACP,SAAS;AACX,EACF,CAAC"}

package/dist/progress/index.d.mts

@@ -0,0 +1,3 @@
+import { Progress } from "./progress.mjs";
+import { ProgressStyleProps, progressStyles } from "./progress.styles.mjs";
+export { Progress, type ProgressStyleProps, progressStyles };

package/dist/progress/progress.d.mts

@@ -0,0 +1,14 @@
+import { ProgressProps } from "@novi-ui/core";
+//#region src/progress/progress.d.ts
+/**
+ * 進捗の表示。`value` を省略すると不確定（indeterminate）表示になる。
+ *
+ * `prefers-reduced-motion` が有効なときは不確定表示のアニメーションを止める。
+ *
+ * @example
+ * <Progress label="アップロード中" value={62} showValueLabel />
+ */
+declare function Progress({ size, color, label, value, minValue, maxValue, showValueLabel, className, classNames, id }: ProgressProps): import("react").JSX.Element;
+//#endregion
+export { Progress };
+//# sourceMappingURL=progress.d.mts.map

package/dist/progress/progress.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.mts","names":[],"sources":["../../src/progress/progress.tsx"],"mappings":";;;;;;;;;;iBAcgB,WACd,MACA,OACA,OACA,OACA,UACA,UACA,gBACA,WACA,YACA,MACC,gCAAa,IAAA"}

package/dist/progress/progress.mjs

@@ -0,0 +1,54 @@
+"use client";
+import { progressStyles } from "./progress.styles.mjs";
+import { Label, ProgressBar } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/progress/progress.tsx
+/**
+* 進捗の表示。`value` を省略すると不確定（indeterminate）表示になる。
+*
+* `prefers-reduced-motion` が有効なときは不確定表示のアニメーションを止める。
+*
+* @example
+* <Progress label="アップロード中" value={62} showValueLabel />
+*/
+function Progress({ size, color, label, value, minValue = 0, maxValue = 100, showValueLabel, className, classNames, id }) {
+	const isIndeterminate = value === void 0;
+	const s = progressStyles({
+		size,
+		color,
+		isIndeterminate
+	});
+	return /* @__PURE__ */ jsx(ProgressBar, {
+		id,
+		value,
+		minValue,
+		maxValue,
+		isIndeterminate,
+		"data-slot": "root",
+		className: s.root({ class: [className, classNames?.root] }),
+		children: ({ percentage, valueText }) => /* @__PURE__ */ jsxs(Fragment, { children: [(label !== void 0 || showValueLabel === true) && /* @__PURE__ */ jsxs("span", {
+			className: "flex items-baseline justify-between gap-2",
+			children: [label !== void 0 && /* @__PURE__ */ jsx(Label, {
+				"data-slot": "label",
+				className: s.label({ class: classNames?.label }),
+				children: label
+			}), showValueLabel === true && !isIndeterminate && /* @__PURE__ */ jsx("span", {
+				"data-slot": "valueLabel",
+				className: s.valueLabel({ class: classNames?.valueLabel }),
+				children: valueText
+			})]
+		}), /* @__PURE__ */ jsx("span", {
+			"data-slot": "track",
+			className: s.track({ class: classNames?.track }),
+			children: /* @__PURE__ */ jsx("span", {
+				"data-slot": "indicator",
+				className: s.indicator({ class: classNames?.indicator }),
+				style: isIndeterminate ? void 0 : { width: `${percentage ?? 0}%` }
+			})
+		})] })
+	});
+}
+//#endregion
+export { Progress };
+
+//# sourceMappingURL=progress.mjs.map

package/dist/progress/progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","names":[],"sources":["../../src/progress/progress.tsx"],"sourcesContent":["'use client'\n\nimport type { ProgressProps } from '@novi-ui/core'\nimport { Label, ProgressBar } from 'react-aria-components'\nimport { progressStyles } from './progress.styles'\n\n/**\n * 進捗の表示。`value` を省略すると不確定（indeterminate）表示になる。\n *\n * `prefers-reduced-motion` が有効なときは不確定表示のアニメーションを止める。\n *\n * @example\n * <Progress label=\"アップロード中\" value={62} showValueLabel />\n */\nexport function Progress({\n  size,\n  color,\n  label,\n  value,\n  minValue = 0,\n  maxValue = 100,\n  showValueLabel,\n  className,\n  classNames,\n  id,\n}: ProgressProps) {\n  const isIndeterminate = value === undefined\n  const s = progressStyles({ size, color, isIndeterminate })\n\n  return (\n    <ProgressBar\n      id={id}\n      value={value}\n      minValue={minValue}\n      maxValue={maxValue}\n      isIndeterminate={isIndeterminate}\n      data-slot=\"root\"\n      className={s.root({ class: [className, classNames?.root] })}\n    >\n      {({ percentage, valueText }) => (\n        <>\n          {(label !== undefined || showValueLabel === true) && (\n            <span className=\"flex items-baseline justify-between gap-2\">\n              {label !== undefined && (\n                <Label data-slot=\"label\" className={s.label({ class: classNames?.label })}>\n                  {label}\n                </Label>\n              )}\n              {showValueLabel === true && !isIndeterminate && (\n                <span\n                  data-slot=\"valueLabel\"\n                  className={s.valueLabel({ class: classNames?.valueLabel })}\n                >\n                  {valueText}\n                </span>\n              )}\n            </span>\n          )}\n\n          <span data-slot=\"track\" className={s.track({ class: classNames?.track })}>\n            <span\n              data-slot=\"indicator\"\n              className={s.indicator({ class: classNames?.indicator })}\n              style={isIndeterminate ? undefined : { width: `${percentage ?? 0}%` }}\n            />\n          </span>\n        </>\n      )}\n    </ProgressBar>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,SAAS,EACvB,MACA,OACA,OACA,OACA,WAAW,GACX,WAAW,KACX,gBACA,WACA,YACA,MACgB;CAChB,MAAM,kBAAkB,UAAU,KAAA;CAClC,MAAM,IAAI,eAAe;EAAE;EAAM;EAAO;CAAgB,CAAC;CAEzD,OACE,oBAAC,aAAD;EACM;EACG;EACG;EACA;EACO;EACjB,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAExD,WAAA,EAAE,YAAY,gBACd,qBAAA,UAAA,EAAA,UAAA,EACI,UAAU,KAAA,KAAa,mBAAmB,SAC1C,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACG,UAAU,KAAA,KACT,oBAAC,OAAD;IAAO,aAAU;IAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IACrE,UAAA;GACI,CAAA,GAER,mBAAmB,QAAQ,CAAC,mBAC3B,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,EAAE,WAAW,EAAE,OAAO,YAAY,WAAW,CAAC;IAExD,UAAA;GACG,CAAA,CAEJ;EAGR,CAAA,GAAA,oBAAC,QAAD;GAAM,aAAU;GAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;GACrE,UAAA,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,EAAE,UAAU,EAAE,OAAO,YAAY,UAAU,CAAC;IACvD,OAAO,kBAAkB,KAAA,IAAY,EAAE,OAAO,GAAG,cAAc,EAAE,GAAG;GACrE,CAAA;EACG,CAAA,CACN,EAAA,CAAA;CAEO,CAAA;AAEjB"}

package/dist/progress/progress.styles.d.mts

@@ -0,0 +1,70 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/progress/progress.styles.d.ts
+/**
+ * Progress のスタイル定義。
+ *
+ * @example
+ * const myProgress = tv({ extend: progressStyles, slots: { track: 'h-2' } })
+ */
+declare const progressStyles: import("tailwind-variants").TVReturnType<{
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    track: string;
+  }>;
+  isIndeterminate: {
+    true: {
+      indicator: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  label: string;
+  track: string;
+  indicator: string;
+  valueLabel: string;
+}, undefined, {
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    track: string;
+  }>;
+  isIndeterminate: {
+    true: {
+      indicator: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  label: string;
+  track: string;
+  indicator: string;
+  valueLabel: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    track: string;
+  }>;
+  isIndeterminate: {
+    true: {
+      indicator: string;
+    };
+    false: {};
+  };
+}, {
+  root: string;
+  label: string;
+  track: string;
+  indicator: string;
+  valueLabel: string;
+}>>;
+type ProgressStyleProps = Parameters<typeof progressStyles>[0];
+//#endregion
+export { ProgressStyleProps, progressStyles };
+//# sourceMappingURL=progress.styles.d.mts.map

package/dist/progress/progress.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.d.mts","names":[],"sources":["../../src/progress/progress.styles.ts"],"mappings":";;;;;;;;cAiDa,4CAAc;;IArBgB;;;IASD;;;;;;;;;;;;;;;;IATC;;;IASD;;;;;;;;;;;;;;;;IATC;;;IASD;;;;;;;;;;;;;;;KA0B9B,qBAAqB,kBAAkB"}

package/dist/progress/progress.styles.mjs

@@ -0,0 +1,54 @@
+import { tv } from "tailwind-variants";
+//#region src/progress/progress.styles.ts
+const slots = {
+	root: "flex flex-col gap-1.5 w-full",
+	label: "text-[length:var(--novi-text-sm)] text-[var(--novi-color-fg)]",
+	track: [
+		"w-full overflow-hidden",
+		"bg-[var(--novi-color-subtle)]",
+		"rounded-[var(--novi-radius-none)]"
+	].join(" "),
+	indicator: [
+		"h-full bg-[var(--c)]",
+		"transition-[width,transform]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]"
+	].join(" "),
+	valueLabel: "text-[length:var(--novi-text-xs)] text-[var(--novi-color-muted)] tabular-nums"
+};
+/**
+* Progress のスタイル定義。
+*
+* @example
+* const myProgress = tv({ extend: progressStyles, slots: { track: 'h-2' } })
+*/
+const progressStyles = tv({
+	slots,
+	variants: {
+		color: {
+			default: { root: "[--c:var(--novi-color-fg)]" },
+			primary: { root: "[--c:var(--novi-color-primary)]" },
+			secondary: { root: "[--c:var(--novi-color-secondary)]" },
+			success: { root: "[--c:var(--novi-color-success)]" },
+			warning: { root: "[--c:var(--novi-color-warning)]" },
+			danger: { root: "[--c:var(--novi-color-danger)]" }
+		},
+		size: {
+			sm: { track: "h-0.5" },
+			md: { track: "h-1" },
+			lg: { track: "h-1.5" }
+		},
+		isIndeterminate: {
+			true: { indicator: "w-1/3 motion-safe:animate-[novi-indeterminate_1.2s_linear_infinite]" },
+			false: {}
+		}
+	},
+	defaultVariants: {
+		color: "default",
+		size: "md",
+		isIndeterminate: false
+	}
+});
+//#endregion
+export { progressStyles };
+
+//# sourceMappingURL=progress.styles.mjs.map

package/dist/progress/progress.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.styles.mjs","names":[],"sources":["../../src/progress/progress.styles.ts"],"sourcesContent":["import type {\n  NoviColor,\n  NoviSize,\n  progressRequiredSlots,\n  progressSlots,\n  SlotMap,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\n\nconst slots = {\n  root: 'flex flex-col gap-1.5 w-full',\n  label: 'text-[length:var(--novi-text-sm)] text-[var(--novi-color-fg)]',\n  // 細い線1本。面を作らない\n  track: [\n    'w-full overflow-hidden',\n    'bg-[var(--novi-color-subtle)]',\n    'rounded-[var(--novi-radius-none)]',\n  ].join(' '),\n  indicator: [\n    'h-full bg-[var(--c)]',\n    'transition-[width,transform]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n  ].join(' '),\n  // 桁が揺れないよう等幅数字にする\n  valueLabel: 'text-[length:var(--novi-text-xs)] text-[var(--novi-color-muted)] tabular-nums',\n} satisfies SlotMap<typeof progressSlots, (typeof progressRequiredSlots)[number]>\n\nconst color: VariantMap<NoviColor, { root: string }> = {\n  default: { root: '[--c:var(--novi-color-fg)]' },\n  primary: { root: '[--c:var(--novi-color-primary)]' },\n  secondary: { root: '[--c:var(--novi-color-secondary)]' },\n  success: { root: '[--c:var(--novi-color-success)]' },\n  warning: { root: '[--c:var(--novi-color-warning)]' },\n  danger: { root: '[--c:var(--novi-color-danger)]' },\n}\n\nconst size: VariantMap<NoviSize, { track: string }> = {\n  sm: { track: 'h-0.5' },\n  md: { track: 'h-1' },\n  lg: { track: 'h-1.5' },\n}\n\n/**\n * Progress のスタイル定義。\n *\n * @example\n * const myProgress = tv({ extend: progressStyles, slots: { track: 'h-2' } })\n */\nexport const progressStyles = tv({\n  slots,\n  variants: {\n    color,\n    size,\n    // 不確定表示。translate のみで表現する（scale や rotate は使わない）\n    isIndeterminate: {\n      true: { indicator: 'w-1/3 motion-safe:animate-[novi-indeterminate_1.2s_linear_infinite]' },\n      false: {},\n    },\n  },\n  defaultVariants: { color: 'default', size: 'md', isIndeterminate: false },\n})\n\nexport type ProgressStyleProps = Parameters<typeof progressStyles>[0]\n"],"mappings":";;AAUA,MAAM,QAAQ;CACZ,MAAM;CACN,OAAO;CAEP,OAAO;EACL;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,WAAW;EACT;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,YAAY;AACd;;;;;;;AAuBA,MAAa,iBAAiB,GAAG;CAC/B;CACA,UAAU;EACR;GAvBF,SAAS,EAAE,MAAM,6BAA6B;GAC9C,SAAS,EAAE,MAAM,kCAAkC;GACnD,WAAW,EAAE,MAAM,oCAAoC;GACvD,SAAS,EAAE,MAAM,kCAAkC;GACnD,SAAS,EAAE,MAAM,kCAAkC;GACnD,QAAQ,EAAE,MAAM,iCAAiC;EAkB/C;EACA;GAfF,IAAI,EAAE,OAAO,QAAQ;GACrB,IAAI,EAAE,OAAO,MAAM;GACnB,IAAI,EAAE,OAAO,QAAQ;EAanB;EAEA,iBAAiB;GACf,MAAM,EAAE,WAAW,sEAAsE;GACzF,OAAO,CAAC;EACV;CACF;CACA,iBAAiB;EAAE,OAAO;EAAW,MAAM;EAAM,iBAAiB;CAAM;AAC1E,CAAC"}

package/dist/radio/index.d.mts

@@ -0,0 +1,3 @@
+import { Radio, RadioGroup } from "./radio.mjs";
+import { RadioGroupStyleProps, RadioStyleProps, radioGroupStyles, radioStyles } from "./radio.styles.mjs";
+export { Radio, RadioGroup, type RadioGroupStyleProps, type RadioStyleProps, radioGroupStyles, radioStyles };

package/dist/radio/radio.d.mts

@@ -0,0 +1,22 @@
+import { RadioGroupProps, RadioProps } from "@novi-ui/core";
+//#region src/radio/radio.d.ts
+/**
+ * ラジオボタン。単体では使わず、必ず RadioGroup の中に置く。
+ *
+ * @example
+ * <Radio value="express">速達</Radio>
+ */
+declare function Radio({ value, size, color, isDisabled, description, children, className, classNames, id }: RadioProps): import("react").JSX.Element;
+/**
+ * ラジオボタンのグループ。矢印キーで項目間を移動できる。
+ *
+ * @example
+ * <RadioGroup label="配送方法" value={method} onChange={setMethod}>
+ *   <Radio value="standard">通常</Radio>
+ *   <Radio value="express">速達</Radio>
+ * </RadioGroup>
+ */
+declare function RadioGroup({ label, description, errorMessage, name, value, defaultValue, onChange, orientation, isDisabled, isReadOnly, isRequired, isInvalid, children, className, classNames, id }: RadioGroupProps): import("react").JSX.Element;
+//#endregion
+export { Radio, RadioGroup };
+//# sourceMappingURL=radio.d.mts.map

package/dist/radio/radio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.mts","names":[],"sources":["../../src/radio/radio.tsx"],"mappings":";;;;;;;;iBAkBgB,QACd,OACA,MACA,OACA,YACA,aACA,UACA,WACA,YACA,MACC,6BAAU,IAAA;;;;;;;;;;iBAoDG,aACd,OACA,aACA,cACA,MACA,OACA,cACA,UACA,aACA,YACA,YACA,YACA,WACA,UACA,WACA,YACA,MACC,kCAAe,IAAA"}

package/dist/radio/radio.mjs

@@ -0,0 +1,95 @@
+"use client";
+import { radioGroupStyles, radioStyles } from "./radio.styles.mjs";
+import { FieldError, Label, Radio, RadioGroup, Text } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/radio/radio.tsx
+/**
+* ラジオボタン。単体では使わず、必ず RadioGroup の中に置く。
+*
+* @example
+* <Radio value="express">速達</Radio>
+*/
+function Radio$1({ value, size, color, isDisabled, description, children, className, classNames, id }) {
+	const s = radioStyles({
+		size,
+		color
+	});
+	return /* @__PURE__ */ jsx(Radio, {
+		id,
+		value,
+		isDisabled,
+		"data-slot": "root",
+		className: `group ${s.root({ class: [className, classNames?.root] })}`,
+		children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			"data-slot": "control",
+			className: s.control({ class: classNames?.control }),
+			children: isSelected && /* @__PURE__ */ jsx("span", {
+				"data-slot": "indicator",
+				className: s.indicator({ class: classNames?.indicator })
+			})
+		}), children !== void 0 && /* @__PURE__ */ jsxs("span", {
+			className: "flex flex-col gap-0.5",
+			children: [/* @__PURE__ */ jsx("span", {
+				"data-slot": "label",
+				className: s.label({ class: classNames?.label }),
+				children
+			}), description !== void 0 && /* @__PURE__ */ jsx("span", {
+				"data-slot": "description",
+				className: s.description({ class: classNames?.description }),
+				children: description
+			})]
+		})] })
+	});
+}
+/**
+* ラジオボタンのグループ。矢印キーで項目間を移動できる。
+*
+* @example
+* <RadioGroup label="配送方法" value={method} onChange={setMethod}>
+*   <Radio value="standard">通常</Radio>
+*   <Radio value="express">速達</Radio>
+* </RadioGroup>
+*/
+function RadioGroup$1({ label, description, errorMessage, name, value, defaultValue, onChange, orientation, isDisabled, isReadOnly, isRequired, isInvalid, children, className, classNames, id }) {
+	const s = radioGroupStyles({ orientation });
+	return /* @__PURE__ */ jsxs(RadioGroup, {
+		id,
+		name,
+		value,
+		defaultValue,
+		onChange,
+		isDisabled,
+		isReadOnly,
+		isRequired,
+		isInvalid,
+		"data-slot": "root",
+		className: s.root({ class: [className, classNames?.root] }),
+		children: [
+			label !== void 0 && /* @__PURE__ */ jsx(Label, {
+				"data-slot": "label",
+				className: s.label({ class: classNames?.label }),
+				children: label
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"data-slot": "list",
+				className: s.list({ class: classNames?.list }),
+				children
+			}),
+			description !== void 0 && /* @__PURE__ */ jsx(Text, {
+				slot: "description",
+				"data-slot": "description",
+				className: s.description({ class: classNames?.description }),
+				children: description
+			}),
+			/* @__PURE__ */ jsx(FieldError, {
+				"data-slot": "errorMessage",
+				className: s.errorMessage({ class: classNames?.errorMessage }),
+				children: errorMessage
+			})
+		]
+	});
+}
+//#endregion
+export { Radio$1 as Radio, RadioGroup$1 as RadioGroup };
+
+//# sourceMappingURL=radio.mjs.map

package/dist/radio/radio.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.mjs","names":["Radio","RACRadio","RadioGroup","RACRadioGroup"],"sources":["../../src/radio/radio.tsx"],"sourcesContent":["'use client'\n\nimport type { RadioGroupProps, RadioProps } from '@novi-ui/core'\nimport {\n  FieldError,\n  Label,\n  Radio as RACRadio,\n  RadioGroup as RACRadioGroup,\n  Text,\n} from 'react-aria-components'\nimport { radioGroupStyles, radioStyles } from './radio.styles'\n\n/**\n * ラジオボタン。単体では使わず、必ず RadioGroup の中に置く。\n *\n * @example\n * <Radio value=\"express\">速達</Radio>\n */\nexport function Radio({\n  value,\n  size,\n  color,\n  isDisabled,\n  description,\n  children,\n  className,\n  classNames,\n  id,\n}: RadioProps) {\n  const s = radioStyles({ size, color })\n\n  return (\n    <RACRadio\n      id={id}\n      value={value}\n      isDisabled={isDisabled}\n      data-slot=\"root\"\n      className={`group ${s.root({ class: [className, classNames?.root] })}`}\n    >\n      {({ isSelected }) => (\n        <>\n          <span data-slot=\"control\" className={s.control({ class: classNames?.control })}>\n            {isSelected && (\n              <span\n                data-slot=\"indicator\"\n                className={s.indicator({ class: classNames?.indicator })}\n              />\n            )}\n          </span>\n\n          {children !== undefined && (\n            <span className=\"flex flex-col gap-0.5\">\n              <span data-slot=\"label\" className={s.label({ class: classNames?.label })}>\n                {children}\n              </span>\n              {description !== undefined && (\n                <span\n                  data-slot=\"description\"\n                  className={s.description({ class: classNames?.description })}\n                >\n                  {description}\n                </span>\n              )}\n            </span>\n          )}\n        </>\n      )}\n    </RACRadio>\n  )\n}\n\n/**\n * ラジオボタンのグループ。矢印キーで項目間を移動できる。\n *\n * @example\n * <RadioGroup label=\"配送方法\" value={method} onChange={setMethod}>\n *   <Radio value=\"standard\">通常</Radio>\n *   <Radio value=\"express\">速達</Radio>\n * </RadioGroup>\n */\nexport function RadioGroup({\n  label,\n  description,\n  errorMessage,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  orientation,\n  isDisabled,\n  isReadOnly,\n  isRequired,\n  isInvalid,\n  children,\n  className,\n  classNames,\n  id,\n}: RadioGroupProps) {\n  const s = radioGroupStyles({ orientation })\n\n  return (\n    <RACRadioGroup\n      id={id}\n      name={name}\n      value={value}\n      defaultValue={defaultValue}\n      onChange={onChange}\n      isDisabled={isDisabled}\n      isReadOnly={isReadOnly}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      data-slot=\"root\"\n      className={s.root({ class: [className, classNames?.root] })}\n    >\n      {label !== undefined && (\n        <Label data-slot=\"label\" className={s.label({ class: classNames?.label })}>\n          {label}\n        </Label>\n      )}\n\n      <div data-slot=\"list\" className={s.list({ class: classNames?.list })}>\n        {children}\n      </div>\n\n      {description !== undefined && (\n        <Text\n          slot=\"description\"\n          data-slot=\"description\"\n          className={s.description({ class: classNames?.description })}\n        >\n          {description}\n        </Text>\n      )}\n\n      <FieldError\n        data-slot=\"errorMessage\"\n        className={s.errorMessage({ class: classNames?.errorMessage })}\n      >\n        {errorMessage}\n      </FieldError>\n    </RACRadioGroup>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAkBA,SAAgBA,QAAM,EACpB,OACA,MACA,OACA,YACA,aACA,UACA,WACA,YACA,MACa;CACb,MAAM,IAAI,YAAY;EAAE;EAAM;CAAM,CAAC;CAErC,OACE,oBAACC,OAAD;EACM;EACG;EACK;EACZ,aAAU;EACV,WAAW,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAEjE,WAAA,EAAE,iBACF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,aAAU;GAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;GAC1E,UAAA,cACC,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,EAAE,UAAU,EAAE,OAAO,YAAY,UAAU,CAAC;GACxD,CAAA;EAEC,CAAA,GAEL,aAAa,KAAA,KACZ,qBAAC,QAAD;GAAM,WAAU;GAAhB,UAAA,CACE,oBAAC,QAAD;IAAM,aAAU;IAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IACpE;GACG,CAAA,GACL,gBAAgB,KAAA,KACf,oBAAC,QAAD;IACE,aAAU;IACV,WAAW,EAAE,YAAY,EAAE,OAAO,YAAY,YAAY,CAAC;IAE1D,UAAA;GACG,CAAA,CAEJ;EAER,CAAA,CAAA,EAAA,CAAA;CAEI,CAAA;AAEd;;;;;;;;;;AAWA,SAAgBC,aAAW,EACzB,OACA,aACA,cACA,MACA,OACA,cACA,UACA,aACA,YACA,YACA,YACA,WACA,UACA,WACA,YACA,MACkB;CAClB,MAAM,IAAI,iBAAiB,EAAE,YAAY,CAAC;CAE1C,OACE,qBAACC,YAAD;EACM;EACE;EACC;EACO;EACJ;EACE;EACA;EACA;EACD;EACX,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAX5D,UAAA;GAaG,UAAU,KAAA,KACT,oBAAC,OAAD;IAAO,aAAU;IAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IACrE,UAAA;GACI,CAAA;GAGT,oBAAC,OAAD;IAAK,aAAU;IAAO,WAAW,EAAE,KAAK,EAAE,OAAO,YAAY,KAAK,CAAC;IAChE;GACE,CAAA;GAEJ,gBAAgB,KAAA,KACf,oBAAC,MAAD;IACE,MAAK;IACL,aAAU;IACV,WAAW,EAAE,YAAY,EAAE,OAAO,YAAY,YAAY,CAAC;IAE1D,UAAA;GACG,CAAA;GAGR,oBAAC,YAAD;IACE,aAAU;IACV,WAAW,EAAE,aAAa,EAAE,OAAO,YAAY,aAAa,CAAC;IAE5D,UAAA;GACS,CAAA;EACC;;AAEnB"}