@novi-ui/tactile 0.1.0

package/dist/modal/modal.mjs

@@ -0,0 +1,122 @@
+"use client";
+import { grabberClass, modalStyles } from "./modal.styles.mjs";
+import { Button, Dialog, Heading, Modal, ModalOverlay } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Children, isValidElement } from "react";
+//#region src/modal/modal.tsx
+/**
+* Modal の見出し。
+*
+* Raster と違い**ヘッダー行を作らない** — 閉じるボタンはフッターにあるので、
+* 横方向に並べる相手がいない。見出しは本文の上に素直に載る。
+* それでも描画するのは、ダイアログにアクセシブルな名前が要るため。
+*
+* @example
+* <ModalTitle>削除しますか</ModalTitle>
+*/
+function ModalTitle({ children, className }) {
+	return /* @__PURE__ */ jsx(Heading, {
+		slot: "title",
+		"data-slot": "title",
+		className: modalStyles().title({ class: className }),
+		children
+	});
+}
+/**
+* Modal の本体。
+*
+* @example
+* <ModalBody>この操作は取り消せません。</ModalBody>
+*/
+function ModalBody({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "body",
+		className: modalStyles().body({ class: className }),
+		children
+	});
+}
+/** 閉じるボタン。`slot="close"` は Dialog の文脈から閉じる手段を受け取る。 */
+function CloseButton({ className }) {
+	return /* @__PURE__ */ jsx(Button, {
+		slot: "close",
+		"data-slot": "closeButton",
+		className: modalStyles().closeButton({ class: className }),
+		children: "閉じる"
+	});
+}
+/**
+* Modal の操作列。**縦積みでフルワイド**になり、末尾に閉じるボタンが入る。
+*
+* 横に並べると1つあたりの幅が指に対して狭くなるため、Tactile では積む。
+* 閉じるを最後に置くのは、親指が最も届く位置が下端だから。
+*
+* @example
+* <ModalFooter>
+*   <Button color="danger">削除</Button>
+* </ModalFooter>
+*/
+function ModalFooter({ children, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "footer",
+		className: modalStyles().footer({ class: className }),
+		children: [children, /* @__PURE__ */ jsx(CloseButton, {})]
+	});
+}
+/** 子に `ModalFooter` が含まれるか。含まれない場合だけ既定のフッターを足す。 */
+function hasFooter(children) {
+	return Children.toArray(children).some((child) => isValidElement(child) && child.type === ModalFooter);
+}
+/**
+* 画面下端から出るボトムシート。開いている間フォーカスは内側に閉じ込められ、
+* Escape で閉じる。
+*
+* Raster が中央のダイアログで閉じるを右上に置くのに対し、Tactile は
+* **下から出て、閉じるをフッターのフルワイドボタンにする**。親指の届く位置に
+* 出口を置くため。`size` は幅ではなく**最大高**の意味になる（ADR-T3）。
+*
+* @example
+* <Modal isOpen={isOpen} onOpenChange={setIsOpen}>
+*   <ModalTitle>削除しますか</ModalTitle>
+*   <ModalBody>この操作は取り消せません。</ModalBody>
+* </Modal>
+*/
+function Modal$1({ size, radius, isOpen, defaultOpen, onOpenChange, isDismissable = true, isKeyboardDismissDisabled, children, className, classNames, id }) {
+	const s = modalStyles({
+		size,
+		radius
+	});
+	return /* @__PURE__ */ jsx(ModalOverlay, {
+		isOpen,
+		defaultOpen,
+		onOpenChange,
+		isDismissable,
+		isKeyboardDismissDisabled,
+		"data-slot": "backdrop",
+		className: s.backdrop({ class: classNames?.backdrop }),
+		children: /* @__PURE__ */ jsx(Modal, {
+			"data-slot": "panel",
+			className: s.panel({ class: [className, classNames?.panel] }),
+			children: /* @__PURE__ */ jsxs(Dialog, {
+				id,
+				className: "outline-none flex flex-col",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						"data-tactile-grabber": true,
+						"aria-hidden": "true",
+						className: grabberClass
+					}),
+					children,
+					!hasFooter(children) && /* @__PURE__ */ jsx("div", {
+						"data-slot": "footer",
+						className: s.footer({ class: classNames?.footer }),
+						children: /* @__PURE__ */ jsx(CloseButton, { className: classNames?.closeButton })
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { Modal$1 as Modal, ModalBody, ModalFooter, ModalTitle };
+
+//# sourceMappingURL=modal.mjs.map

package/dist/modal/modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.mjs","names":["Modal","RACModal"],"sources":["../../src/modal/modal.tsx"],"sourcesContent":["'use client'\n\nimport type { ModalProps } from '@novi-ui/core'\nimport { Children, isValidElement, type ReactNode } from 'react'\nimport { Button, Dialog, Heading, ModalOverlay, Modal as RACModal } from 'react-aria-components'\nimport { grabberClass, modalStyles } from './modal.styles'\n\ninterface PartProps {\n  children?: ReactNode\n  className?: string\n}\n\n/**\n * Modal の見出し。\n *\n * Raster と違い**ヘッダー行を作らない** — 閉じるボタンはフッターにあるので、\n * 横方向に並べる相手がいない。見出しは本文の上に素直に載る。\n * それでも描画するのは、ダイアログにアクセシブルな名前が要るため。\n *\n * @example\n * <ModalTitle>削除しますか</ModalTitle>\n */\nexport function ModalTitle({ children, className }: PartProps) {\n  return (\n    <Heading slot=\"title\" data-slot=\"title\" className={modalStyles().title({ class: className })}>\n      {children}\n    </Heading>\n  )\n}\n\n/**\n * Modal の本体。\n *\n * @example\n * <ModalBody>この操作は取り消せません。</ModalBody>\n */\nexport function ModalBody({ children, className }: PartProps) {\n  return (\n    <div data-slot=\"body\" className={modalStyles().body({ class: className })}>\n      {children}\n    </div>\n  )\n}\n\n/** 閉じるボタン。`slot=\"close\"` は Dialog の文脈から閉じる手段を受け取る。 */\nfunction CloseButton({ className }: { className?: string }) {\n  return (\n    <Button\n      slot=\"close\"\n      data-slot=\"closeButton\"\n      className={modalStyles().closeButton({ class: className })}\n    >\n      閉じる\n    </Button>\n  )\n}\n\n/**\n * Modal の操作列。**縦積みでフルワイド**になり、末尾に閉じるボタンが入る。\n *\n * 横に並べると1つあたりの幅が指に対して狭くなるため、Tactile では積む。\n * 閉じるを最後に置くのは、親指が最も届く位置が下端だから。\n *\n * @example\n * <ModalFooter>\n *   <Button color=\"danger\">削除</Button>\n * </ModalFooter>\n */\nexport function ModalFooter({ children, className }: PartProps) {\n  return (\n    <div data-slot=\"footer\" className={modalStyles().footer({ class: className })}>\n      {children}\n      <CloseButton />\n    </div>\n  )\n}\n\n/** 子に `ModalFooter` が含まれるか。含まれない場合だけ既定のフッターを足す。 */\nfunction hasFooter(children: ReactNode): boolean {\n  return Children.toArray(children).some(\n    (child) => isValidElement(child) && child.type === ModalFooter,\n  )\n}\n\n/**\n * 画面下端から出るボトムシート。開いている間フォーカスは内側に閉じ込められ、\n * Escape で閉じる。\n *\n * Raster が中央のダイアログで閉じるを右上に置くのに対し、Tactile は\n * **下から出て、閉じるをフッターのフルワイドボタンにする**。親指の届く位置に\n * 出口を置くため。`size` は幅ではなく**最大高**の意味になる（ADR-T3）。\n *\n * @example\n * <Modal isOpen={isOpen} onOpenChange={setIsOpen}>\n *   <ModalTitle>削除しますか</ModalTitle>\n *   <ModalBody>この操作は取り消せません。</ModalBody>\n * </Modal>\n */\nexport function Modal({\n  size,\n  radius,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isDismissable = true,\n  isKeyboardDismissDisabled,\n  children,\n  className,\n  classNames,\n  id,\n}: ModalProps) {\n  const s = modalStyles({ size, radius })\n\n  return (\n    <ModalOverlay\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n      data-slot=\"backdrop\"\n      className={s.backdrop({ class: classNames?.backdrop })}\n    >\n      <RACModal data-slot=\"panel\" className={s.panel({ class: [className, classNames?.panel] })}>\n        {/* RAC の ModalOverlay / Modal は id を受け取らないため Dialog に付ける */}\n        <Dialog id={id} className=\"outline-none flex flex-col\">\n          {/* 掴み手。slot 語彙に無いので data-slot を付けず aria-hidden にする。\n              ドラッグ開閉は未実装（NG6）なので、掴めそうに見せすぎない細さに留める */}\n          <div data-tactile-grabber aria-hidden=\"true\" className={grabberClass} />\n\n          {children}\n\n          {/* 出口を必ず1つ持たせる。利用者が ModalFooter を置いた場合はそちらに入るので、\n              ここで足すと footer slot が二重になる */}\n          {!hasFooter(children) && (\n            <div data-slot=\"footer\" className={s.footer({ class: classNames?.footer })}>\n              <CloseButton className={classNames?.closeButton} />\n            </div>\n          )}\n        </Dialog>\n      </RACModal>\n    </ModalOverlay>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAsBA,SAAgB,WAAW,EAAE,UAAU,aAAwB;CAC7D,OACE,oBAAC,SAAD;EAAS,MAAK;EAAQ,aAAU;EAAQ,WAAW,YAAY,CAAC,CAAC,MAAM,EAAE,OAAO,UAAU,CAAC;EACxF;CACM,CAAA;AAEb;;;;;;;AAQA,SAAgB,UAAU,EAAE,UAAU,aAAwB;CAC5D,OACE,oBAAC,OAAD;EAAK,aAAU;EAAO,WAAW,YAAY,CAAC,CAAC,KAAK,EAAE,OAAO,UAAU,CAAC;EACrE;CACE,CAAA;AAET;;AAGA,SAAS,YAAY,EAAE,aAAqC;CAC1D,OACE,oBAAC,QAAD;EACE,MAAK;EACL,aAAU;EACV,WAAW,YAAY,CAAC,CAAC,YAAY,EAAE,OAAO,UAAU,CAAC;EAC1D,UAAA;CAEO,CAAA;AAEZ;;;;;;;;;;;;AAaA,SAAgB,YAAY,EAAE,UAAU,aAAwB;CAC9D,OACE,qBAAC,OAAD;EAAK,aAAU;EAAS,WAAW,YAAY,CAAC,CAAC,OAAO,EAAE,OAAO,UAAU,CAAC;EAA5E,UAAA,CACG,UACD,oBAAC,aAAD,CAAc,CAAA,CACX;;AAET;;AAGA,SAAS,UAAU,UAA8B;CAC/C,OAAO,SAAS,QAAQ,QAAQ,CAAC,CAAC,MAC/B,UAAU,eAAe,KAAK,KAAK,MAAM,SAAS,WACrD;AACF;;;;;;;;;;;;;;;AAgBA,SAAgBA,QAAM,EACpB,MACA,QACA,QACA,aACA,cACA,gBAAgB,MAChB,2BACA,UACA,WACA,YACA,MACa;CACb,MAAM,IAAI,YAAY;EAAE;EAAM;CAAO,CAAC;CAEtC,OACE,oBAAC,cAAD;EACU;EACK;EACC;EACC;EACY;EAC3B,aAAU;EACV,WAAW,EAAE,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC;EAErD,UAAA,oBAACC,OAAD;GAAU,aAAU;GAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,WAAW,YAAY,KAAK,EAAE,CAAC;GAEtF,UAAA,qBAAC,QAAD;IAAY;IAAI,WAAU;IAA1B,UAAA;KAGE,oBAAC,OAAD;MAAK,wBAAA;MAAqB,eAAY;MAAO,WAAW;KAAe,CAAA;KAEtE;KAIA,CAAC,UAAU,QAAQ,KAClB,oBAAC,OAAD;MAAK,aAAU;MAAS,WAAW,EAAE,OAAO,EAAE,OAAO,YAAY,OAAO,CAAC;MACvE,UAAA,oBAAC,aAAD,EAAa,WAAW,YAAY,YAAc,CAAA;KAC/C,CAAA;IAED;;EACA,CAAA;CACE,CAAA;AAElB"}

package/dist/modal/modal.styles.d.mts

@@ -0,0 +1,58 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/modal/modal.styles.d.ts
+/**
+ * Modal のスタイル定義。
+ *
+ * @example
+ * import { modalStyles } from '@novi-ui/tactile'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myModal = tv({ extend: modalStyles, slots: { panel: 'max-h-[50dvh]' } })
+ */
+declare const modalStyles: import("tailwind-variants").TVReturnType<{
+  size: VariantMap<"sm" | "md" | "lg" | "full", {
+    panel: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    panel: string;
+  }>;
+}, {
+  backdrop: string;
+  panel: string;
+  title: string;
+  closeButton: string;
+  body: string;
+  footer: string;
+}, undefined, {
+  size: VariantMap<"sm" | "md" | "lg" | "full", {
+    panel: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    panel: string;
+  }>;
+}, {
+  backdrop: string;
+  panel: string;
+  title: string;
+  closeButton: string;
+  body: string;
+  footer: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: VariantMap<"sm" | "md" | "lg" | "full", {
+    panel: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    panel: string;
+  }>;
+}, {
+  backdrop: string;
+  panel: string;
+  title: string;
+  closeButton: string;
+  body: string;
+  footer: string;
+}>>;
+type ModalStyleProps = Parameters<typeof modalStyles>[0];
+//#endregion
+export { ModalStyleProps, modalStyles };
+//# sourceMappingURL=modal.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.styles.d.mts","names":[],"sources":["../../src/modal/modal.styles.ts"],"mappings":";;;;;;;;;;;cA4Fa,yCAAW;;IAzB2B;;;IAQL;;;;;;;;;;;IARK;;;IAQL;;;;;;;;;;;IARK;;;IAQL;;;;;;;;;;KAuBlC,kBAAkB,kBAAkB"}

package/dist/modal/modal.styles.mjs

@@ -0,0 +1,91 @@
+import { focusRing } from "../styles/focus-ring.mjs";
+import { tv } from "tailwind-variants";
+//#region src/modal/modal.styles.ts
+/**
+* Tactile の Modal は **下端から出るボトムシート**（architecture.md §5 テーマB）。
+*
+* Raster との構造差:
+* - 中央配置 → 画面下端に張り付く（`items-end`）
+* - ヘッダー行に ✕ → **フッターのフルワイドボタン**（親指の届く位置に出口を置く）
+* - 上下すべて角丸 → **上端だけ角丸**（下から出てきた紙という形）
+* - 影は下向き → **上向き**（下端から来る面には上から光が当たる）
+*/
+const slots = {
+	backdrop: [
+		"fixed inset-0 z-50 flex items-end justify-center",
+		"bg-[var(--novi-color-overlay)]",
+		"data-[entering]:motion-safe:animate-[novi-fade-in_200ms_ease-out]"
+	].join(" "),
+	panel: [
+		"text-[var(--novi-color-fg)]",
+		"w-full outline-none",
+		"bg-[var(--novi-color-surface)]",
+		"shadow-[var(--novi-shadow-lg)]",
+		"overflow-auto",
+		"pb-[env(safe-area-inset-bottom,0px)]",
+		"data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]"
+	].join(" "),
+	title: [
+		"px-5 pt-5 pb-2",
+		"text-[length:var(--novi-text-lg)] font-bold",
+		"text-[var(--novi-color-fg)]"
+	].join(" "),
+	closeButton: [
+		"w-full h-14 grid place-items-center",
+		"text-[length:var(--novi-text-base)] font-bold",
+		"text-[var(--novi-color-fg)]",
+		"bg-[var(--novi-color-subtle)]",
+		"rounded-[var(--novi-radius-md)]",
+		"transition-[background-color,scale] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		"data-[pressed]:scale-[0.97] motion-reduce:data-[pressed]:scale-100",
+		focusRing
+	].join(" "),
+	body: ["px-5 pb-5 pt-1", "text-[var(--novi-color-fg)] leading-[var(--novi-leading-body)]"].join(" "),
+	footer: "flex flex-col gap-2 px-5 pb-5"
+};
+/**
+* Modal のスタイル定義。
+*
+* @example
+* import { modalStyles } from '@novi-ui/tactile'
+* import { tv } from 'tailwind-variants'
+*
+* const myModal = tv({ extend: modalStyles, slots: { panel: 'max-h-[50dvh]' } })
+*/
+const modalStyles = tv({
+	slots,
+	variants: {
+		size: {
+			sm: { panel: "max-h-[40dvh]" },
+			md: { panel: "max-h-[60dvh]" },
+			lg: { panel: "max-h-[80dvh]" },
+			full: { panel: "max-h-[100dvh] h-[100dvh]" }
+		},
+		radius: {
+			none: { panel: "rounded-t-[var(--novi-radius-none)]" },
+			sm: { panel: "rounded-t-[var(--novi-radius-sm)]" },
+			md: { panel: "rounded-t-[var(--novi-radius-md)]" },
+			lg: { panel: "rounded-t-[var(--novi-radius-lg)]" },
+			full: { panel: "rounded-t-[var(--novi-radius-full)]" }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		radius: "lg"
+	}
+});
+/**
+* シート上端の掴み手。**装飾であり slot ではない**（architecture.md §5 の運用）。
+*
+* ドラッグ開閉は MVP の対象外（NG6）なので、掴めそうに見せすぎない。
+* 細く低コントラストにして「シートの上端」を示す線に留める。
+*/
+const grabberClass = [
+	"mx-auto mt-2 mb-1 h-1 w-9 shrink-0",
+	"rounded-[var(--novi-radius-full)]",
+	"bg-[var(--novi-color-border)]"
+].join(" ");
+//#endregion
+export { grabberClass, modalStyles };
+
+//# sourceMappingURL=modal.styles.mjs.map

package/dist/modal/modal.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.styles.mjs","names":[],"sources":["../../src/modal/modal.styles.ts"],"sourcesContent":["import type {\n  modalRequiredSlots,\n  modalSlots,\n  NoviRadius,\n  NoviSize,\n  SlotMap,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\nimport { focusRing } from '../styles/focus-ring'\n\n/**\n * Tactile の Modal は **下端から出るボトムシート**（architecture.md §5 テーマB）。\n *\n * Raster との構造差:\n * - 中央配置 → 画面下端に張り付く（`items-end`）\n * - ヘッダー行に ✕ → **フッターのフルワイドボタン**（親指の届く位置に出口を置く）\n * - 上下すべて角丸 → **上端だけ角丸**（下から出てきた紙という形）\n * - 影は下向き → **上向き**（下端から来る面には上から光が当たる）\n */\nconst slots = {\n  backdrop: [\n    // items-end が「下から出る」の全て。Raster は place-items-center\n    'fixed inset-0 z-50 flex items-end justify-center',\n    'bg-[var(--novi-color-overlay)]',\n    'data-[entering]:motion-safe:animate-[novi-fade-in_200ms_ease-out]',\n  ].join(' '),\n  panel: [\n    'text-[var(--novi-color-fg)]',\n    'w-full outline-none',\n    'bg-[var(--novi-color-surface)]',\n    'shadow-[var(--novi-shadow-lg)]',\n    'overflow-auto',\n    // 下端の余白はホームインジケータぶんを足す。env() の第2引数で\n    // safe-area の無い環境（デスクトップ）では 0 に落ちる（AC-10-3 / FR-13）\n    'pb-[env(safe-area-inset-bottom,0px)]',\n    // 下から せり上がる。260ms は移動距離に見合う時間（120ms では瞬間移動に見える）\n    'data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]',\n  ].join(' '),\n  // header は描画しない（任意 slot の省略）。title だけが body の上に載る\n  title: [\n    'px-5 pt-5 pb-2',\n    'text-[length:var(--novi-text-lg)] font-bold',\n    'text-[var(--novi-color-fg)]',\n  ].join(' '),\n  closeButton: [\n    // フルワイド。指がどこに落ちても当たる\n    'w-full h-14 grid place-items-center',\n    'text-[length:var(--novi-text-base)] font-bold',\n    'text-[var(--novi-color-fg)]',\n    'bg-[var(--novi-color-subtle)]',\n    'rounded-[var(--novi-radius-md)]',\n    'transition-[background-color,scale] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    'data-[pressed]:scale-[0.97] motion-reduce:data-[pressed]:scale-100',\n    focusRing,\n  ].join(' '),\n  body: ['px-5 pb-5 pt-1', 'text-[var(--novi-color-fg)] leading-[var(--novi-leading-body)]'].join(\n    ' ',\n  ),\n  // 縦積み。横並びだと1つあたりの幅が指に対して狭くなる\n  footer: 'flex flex-col gap-2 px-5 pb-5',\n} satisfies SlotMap<typeof modalSlots, (typeof modalRequiredSlots)[number]>\n\n/**\n * 全幅シートに幅の段階は存在しないため、`size` は**最大高**として解釈する（ADR-T3）。\n * 語彙は共通、解釈はテーマの自由（ADR-06）。\n */\nconst size: VariantMap<NoviSize | 'full', { panel: string }> = {\n  sm: { panel: 'max-h-[40dvh]' },\n  md: { panel: 'max-h-[60dvh]' },\n  lg: { panel: 'max-h-[80dvh]' },\n  full: { panel: 'max-h-[100dvh] h-[100dvh]' },\n}\n\n/** 下端は画面に接しているので、角丸は上端だけに効く。 */\nconst radius: VariantMap<NoviRadius, { panel: string }> = {\n  none: { panel: 'rounded-t-[var(--novi-radius-none)]' },\n  sm: { panel: 'rounded-t-[var(--novi-radius-sm)]' },\n  md: { panel: 'rounded-t-[var(--novi-radius-md)]' },\n  lg: { panel: 'rounded-t-[var(--novi-radius-lg)]' },\n  full: { panel: 'rounded-t-[var(--novi-radius-full)]' },\n}\n\n/**\n * Modal のスタイル定義。\n *\n * @example\n * import { modalStyles } from '@novi-ui/tactile'\n * import { tv } from 'tailwind-variants'\n *\n * const myModal = tv({ extend: modalStyles, slots: { panel: 'max-h-[50dvh]' } })\n */\nexport const modalStyles = tv({\n  slots,\n  variants: { size, radius },\n  defaultVariants: { size: 'md', radius: 'lg' },\n})\n\nexport type ModalStyleProps = Parameters<typeof modalStyles>[0]\n\n/**\n * シート上端の掴み手。**装飾であり slot ではない**（architecture.md §5 の運用）。\n *\n * ドラッグ開閉は MVP の対象外（NG6）なので、掴めそうに見せすぎない。\n * 細く低コントラストにして「シートの上端」を示す線に留める。\n */\nexport const grabberClass = [\n  'mx-auto mt-2 mb-1 h-1 w-9 shrink-0',\n  'rounded-[var(--novi-radius-full)]',\n  'bg-[var(--novi-color-border)]',\n].join(' ')\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,QAAQ;CACZ,UAAU;EAER;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,OAAO;EACL;EACA;EACA;EACA;EACA;EAGA;EAEA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,OAAO;EACL;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,aAAa;EAEX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,MAAM,CAAC,kBAAkB,gEAAgE,CAAC,CAAC,KACzF,GACF;CAEA,QAAQ;AACV;;;;;;;;;;AA+BA,MAAa,cAAc,GAAG;CAC5B;CACA,UAAU;EAAE;GA1BZ,IAAI,EAAE,OAAO,gBAAgB;GAC7B,IAAI,EAAE,OAAO,gBAAgB;GAC7B,IAAI,EAAE,OAAO,gBAAgB;GAC7B,MAAM,EAAE,OAAO,4BAA4B;EAuB/B;EAAM;GAlBlB,MAAM,EAAE,OAAO,sCAAsC;GACrD,IAAI,EAAE,OAAO,oCAAoC;GACjD,IAAI,EAAE,OAAO,oCAAoC;GACjD,IAAI,EAAE,OAAO,oCAAoC;GACjD,MAAM,EAAE,OAAO,sCAAsC;EAcnC;CAAO;CACzB,iBAAiB;EAAE,MAAM;EAAM,QAAQ;CAAK;AAC9C,CAAC;;;;;;;AAUD,MAAa,eAAe;CAC1B;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG"}

package/dist/popover/index.d.mts

@@ -0,0 +1,3 @@
+import { Popover, PopoverContent, Tooltip } from "./popover.mjs";
+import { PopoverStyleProps, TooltipStyleProps, popoverStyles, tooltipStyles } from "./popover.styles.mjs";
+export { Popover, PopoverContent, type PopoverStyleProps, Tooltip, type TooltipStyleProps, popoverStyles, tooltipStyles };

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;
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: import("tailwind-variants").ClassValue;
+    };
+  };
+} | {}, {
+  root: string;
+  arrow: string;
+  content: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: import("tailwind-variants").ClassValue | {
+      root?: import("tailwind-variants").ClassValue;
+      content?: import("tailwind-variants").ClassValue;
+      arrow?: 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)]",
+		"ring-1 ring-[var(--novi-color-border)]",
+		"shadow-[var(--novi-shadow-md)]",
+		"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: "lg" }
+});
+/**
+* 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-sm)]",
+		"shadow-[var(--novi-shadow-md)]",
+		"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    'ring-1 ring-[var(--novi-color-border)]',\n    'shadow-[var(--novi-shadow-md)]',\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: 'lg' },\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-sm)]',\n      'shadow-[var(--novi-shadow-md)]',\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,KAAK;AAClC,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"}