@novi-ui/flatlay 0.1.0

package/dist/tabs/tabs.d.mts

@@ -0,0 +1,64 @@
+import { ReactNode } from "react";
+import { TabsProps } from "@novi-ui/core";
+//#region src/tabs/tabs.d.ts
+/**
+ * Tabs の見出し列。下辺に罫線が1本走る。
+ *
+ * @example
+ * <TabItems>
+ *   <TabItem id="profile">プロフィール</TabItem>
+ * </TabItems>
+ */
+declare function TabItems({ children, className }: {
+  children?: ReactNode;
+  className?: string;
+}): import("react").JSX.Element;
+/**
+ * Tabs の見出し1つ。
+ *
+ * 選ばれると見出し列の罫線に切れ目が入り、そのままパネルへ繋がる。
+ * 切れ目を作るのは要素ではなく**自分の下辺罫線を地色で塗ること**なので、
+ * ここには印を描く子要素が無い（Tactile は塗り面を1枚敷く）。
+ *
+ * @example
+ * <TabItem id="profile">プロフィール</TabItem>
+ */
+declare function TabItem({ id, isDisabled, children, className }: {
+  id: string;
+  isDisabled?: boolean;
+  children?: ReactNode;
+  className?: string;
+}): import("react").JSX.Element;
+/**
+ * Tabs の中身1つ。`id` を見出しと合わせる。
+ *
+ * @example
+ * <TabContent id="profile">…</TabContent>
+ */
+declare function TabContent({ id, children, className }: {
+  id: string;
+  children?: ReactNode;
+  className?: string;
+}): import("react").JSX.Element;
+/**
+ * 同じ階層の内容を切り替える。矢印キーでタブ間を移動できる。
+ *
+ * Flatlay では**地続きタブ**にする。選ばれている見出しとパネルが1枚の紙になり、
+ * 見出し列の罫線はその見出しの下でだけ途切れる。浮く層が無いので、
+ * 「いま開いているのはここ」を面の高さではなく罫線の連続で示す。
+ *
+ * 見出しとパネルの間に余白を置かないのは意図で、離すと罫線が繋がらず、
+ * ただ隣り合った2つの面に戻ってしまう。
+ *
+ * @example
+ * <Tabs selectedKey={tab} onSelectionChange={setTab}>
+ *   <TabItems>
+ *     <TabItem id="profile">プロフィール</TabItem>
+ *   </TabItems>
+ *   <TabContent id="profile">…</TabContent>
+ * </Tabs>
+ */
+declare function Tabs({ variant, size, orientation, selectedKey, defaultSelectedKey, onSelectionChange, isDisabled, disabledKeys, children, className, classNames, id }: TabsProps): import("react").JSX.Element;
+//#endregion
+export { TabContent, TabItem, TabItems, Tabs };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/tabs/tabs.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.mts","names":[],"sources":["../../src/tabs/tabs.tsx"],"mappings":";;;;;;;;;;;iBAegB,WAAW,UAAU;EAAe,WAAW;EAAW;oBAAoB,IAAA;;;;;;;;;;;iBAkB9E,UACd,IACA,YACA,UACA;EAEA;EACA;EACA,WAAW;EACX;oBACD,IAAA;;;;;;;iBAmBe,aACd,IACA,UACA;EAEA;EACA,WAAW;EACX;oBACD,IAAA;;;;;;;;;;;;;;;;;;;iBA0Be,OACd,SACA,MACA,aACA,aACA,oBACA,mBACA,YACA,cACA,UACA,WACA,YACA,MACC,4BAAS,IAAA"}

package/dist/tabs/tabs.mjs

@@ -0,0 +1,93 @@
+"use client";
+import { tabsStyles } from "./tabs.styles.mjs";
+import { Tab, TabList, TabPanel, Tabs } from "react-aria-components";
+import { jsx } from "react/jsx-runtime";
+//#region src/tabs/tabs.tsx
+/**
+* Tabs の見出し列。下辺に罫線が1本走る。
+*
+* @example
+* <TabItems>
+*   <TabItem id="profile">プロフィール</TabItem>
+* </TabItems>
+*/
+function TabItems({ children, className }) {
+	return /* @__PURE__ */ jsx(TabList, {
+		"data-slot": "list",
+		className: tabsStyles().list({ class: className }),
+		children
+	});
+}
+/**
+* Tabs の見出し1つ。
+*
+* 選ばれると見出し列の罫線に切れ目が入り、そのままパネルへ繋がる。
+* 切れ目を作るのは要素ではなく**自分の下辺罫線を地色で塗ること**なので、
+* ここには印を描く子要素が無い（Tactile は塗り面を1枚敷く）。
+*
+* @example
+* <TabItem id="profile">プロフィール</TabItem>
+*/
+function TabItem({ id, isDisabled, children, className }) {
+	return /* @__PURE__ */ jsx(Tab, {
+		id,
+		isDisabled,
+		"data-slot": "tab",
+		className: tabsStyles().tab({ class: className }),
+		children
+	});
+}
+/**
+* Tabs の中身1つ。`id` を見出しと合わせる。
+*
+* @example
+* <TabContent id="profile">…</TabContent>
+*/
+function TabContent({ id, children, className }) {
+	return /* @__PURE__ */ jsx(TabPanel, {
+		id,
+		"data-slot": "panel",
+		className: tabsStyles().panel({ class: className }),
+		children
+	});
+}
+/**
+* 同じ階層の内容を切り替える。矢印キーでタブ間を移動できる。
+*
+* Flatlay では**地続きタブ**にする。選ばれている見出しとパネルが1枚の紙になり、
+* 見出し列の罫線はその見出しの下でだけ途切れる。浮く層が無いので、
+* 「いま開いているのはここ」を面の高さではなく罫線の連続で示す。
+*
+* 見出しとパネルの間に余白を置かないのは意図で、離すと罫線が繋がらず、
+* ただ隣り合った2つの面に戻ってしまう。
+*
+* @example
+* <Tabs selectedKey={tab} onSelectionChange={setTab}>
+*   <TabItems>
+*     <TabItem id="profile">プロフィール</TabItem>
+*   </TabItems>
+*   <TabContent id="profile">…</TabContent>
+* </Tabs>
+*/
+function Tabs$1({ variant, size, orientation, selectedKey, defaultSelectedKey, onSelectionChange, isDisabled, disabledKeys, children, className, classNames, id }) {
+	const s = tabsStyles({
+		variant,
+		size
+	});
+	return /* @__PURE__ */ jsx(Tabs, {
+		id,
+		orientation,
+		selectedKey,
+		defaultSelectedKey,
+		onSelectionChange: (key) => onSelectionChange?.(String(key)),
+		isDisabled,
+		disabledKeys,
+		"data-slot": "root",
+		className: s.root({ class: [className, classNames?.root] }),
+		children
+	});
+}
+//#endregion
+export { TabContent, TabItem, TabItems, Tabs$1 as Tabs };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/tabs/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["Tabs","RACTabs"],"sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["'use client'\n\nimport type { TabsProps } from '@novi-ui/core'\nimport type { ReactNode } from 'react'\nimport { Tabs as RACTabs, Tab, TabList, TabPanel } from 'react-aria-components'\nimport { tabsStyles } from './tabs.styles'\n\n/**\n * Tabs の見出し列。下辺に罫線が1本走る。\n *\n * @example\n * <TabItems>\n *   <TabItem id=\"profile\">プロフィール</TabItem>\n * </TabItems>\n */\nexport function TabItems({ children, className }: { children?: ReactNode; className?: string }) {\n  return (\n    <TabList data-slot=\"list\" className={tabsStyles().list({ class: className })}>\n      {children}\n    </TabList>\n  )\n}\n\n/**\n * Tabs の見出し1つ。\n *\n * 選ばれると見出し列の罫線に切れ目が入り、そのままパネルへ繋がる。\n * 切れ目を作るのは要素ではなく**自分の下辺罫線を地色で塗ること**なので、\n * ここには印を描く子要素が無い（Tactile は塗り面を1枚敷く）。\n *\n * @example\n * <TabItem id=\"profile\">プロフィール</TabItem>\n */\nexport function TabItem({\n  id,\n  isDisabled,\n  children,\n  className,\n}: {\n  id: string\n  isDisabled?: boolean\n  children?: ReactNode\n  className?: string\n}) {\n  return (\n    <Tab\n      id={id}\n      isDisabled={isDisabled}\n      data-slot=\"tab\"\n      className={tabsStyles().tab({ class: className })}\n    >\n      {children}\n    </Tab>\n  )\n}\n\n/**\n * Tabs の中身1つ。`id` を見出しと合わせる。\n *\n * @example\n * <TabContent id=\"profile\">…</TabContent>\n */\nexport function TabContent({\n  id,\n  children,\n  className,\n}: {\n  id: string\n  children?: ReactNode\n  className?: string\n}) {\n  return (\n    <TabPanel id={id} data-slot=\"panel\" className={tabsStyles().panel({ class: className })}>\n      {children}\n    </TabPanel>\n  )\n}\n\n/**\n * 同じ階層の内容を切り替える。矢印キーでタブ間を移動できる。\n *\n * Flatlay では**地続きタブ**にする。選ばれている見出しとパネルが1枚の紙になり、\n * 見出し列の罫線はその見出しの下でだけ途切れる。浮く層が無いので、\n * 「いま開いているのはここ」を面の高さではなく罫線の連続で示す。\n *\n * 見出しとパネルの間に余白を置かないのは意図で、離すと罫線が繋がらず、\n * ただ隣り合った2つの面に戻ってしまう。\n *\n * @example\n * <Tabs selectedKey={tab} onSelectionChange={setTab}>\n *   <TabItems>\n *     <TabItem id=\"profile\">プロフィール</TabItem>\n *   </TabItems>\n *   <TabContent id=\"profile\">…</TabContent>\n * </Tabs>\n */\nexport function Tabs({\n  variant,\n  size,\n  orientation,\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  isDisabled,\n  disabledKeys,\n  children,\n  className,\n  classNames,\n  id,\n}: TabsProps) {\n  const s = tabsStyles({ variant, size })\n\n  return (\n    <RACTabs\n      id={id}\n      orientation={orientation}\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={(key) => onSelectionChange?.(String(key))}\n      isDisabled={isDisabled}\n      disabledKeys={disabledKeys}\n      data-slot=\"root\"\n      className={s.root({ class: [className, classNames?.root] })}\n    >\n      {children}\n    </RACTabs>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,SAAS,EAAE,UAAU,aAA2D;CAC9F,OACE,oBAAC,SAAD;EAAS,aAAU;EAAO,WAAW,WAAW,CAAC,CAAC,KAAK,EAAE,OAAO,UAAU,CAAC;EACxE;CACM,CAAA;AAEb;;;;;;;;;;;AAYA,SAAgB,QAAQ,EACtB,IACA,YACA,UACA,aAMC;CACD,OACE,oBAAC,KAAD;EACM;EACQ;EACZ,aAAU;EACV,WAAW,WAAW,CAAC,CAAC,IAAI,EAAE,OAAO,UAAU,CAAC;EAE/C;CACE,CAAA;AAET;;;;;;;AAQA,SAAgB,WAAW,EACzB,IACA,UACA,aAKC;CACD,OACE,oBAAC,UAAD;EAAc;EAAI,aAAU;EAAQ,WAAW,WAAW,CAAC,CAAC,MAAM,EAAE,OAAO,UAAU,CAAC;EACnF;CACO,CAAA;AAEd;;;;;;;;;;;;;;;;;;;AAoBA,SAAgBA,OAAK,EACnB,SACA,MACA,aACA,aACA,oBACA,mBACA,YACA,cACA,UACA,WACA,YACA,MACY;CACZ,MAAM,IAAI,WAAW;EAAE;EAAS;CAAK,CAAC;CAEtC,OACE,oBAACC,MAAD;EACM;EACS;EACA;EACO;EACpB,oBAAoB,QAAQ,oBAAoB,OAAO,GAAG,CAAC;EAC/C;EACE;EACd,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAEzD;CACM,CAAA;AAEb"}

package/dist/tabs/tabs.styles.d.mts

@@ -0,0 +1,64 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/tabs/tabs.styles.d.ts
+/**
+ * Tabs のスタイル定義。
+ *
+ * @example
+ * import { tabsStyles } from '@novi-ui/flatlay'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myTabs = tv({ extend: tabsStyles, slots: { list: 'w-full' } })
+ */
+declare const tabsStyles: import("tailwind-variants").TVReturnType<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    tab: string;
+    panel: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    list: string;
+    tab: string;
+    panel: string;
+  }>;
+}, {
+  root: string;
+  list: string;
+  tab: string;
+  indicator: string;
+  panel: string;
+}, undefined, {
+  size: VariantMap<"sm" | "md" | "lg", {
+    tab: string;
+    panel: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    list: string;
+    tab: string;
+    panel: string;
+  }>;
+}, {
+  root: string;
+  list: string;
+  tab: string;
+  indicator: string;
+  panel: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    tab: string;
+    panel: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    list: string;
+    tab: string;
+    panel: string;
+  }>;
+}, {
+  root: string;
+  list: string;
+  tab: string;
+  indicator: string;
+  panel: string;
+}>>;
+type TabsStyleProps = Parameters<typeof tabsStyles>[0];
+//#endregion
+export { TabsStyleProps, tabsStyles };
+//# sourceMappingURL=tabs.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.d.mts","names":[],"sources":["../../src/tabs/tabs.styles.ts"],"mappings":";;;;;;;;;;;cAqHa,wCAAU;;IAfiB;IAAe;;;IA9CR;IAAa;IAAe;;;;;;;;;;IA8CnC;IAAe;;;IA9CR;IAAa;IAAe;;;;;;;;;;IA8CnC;IAAe;;;IA9CR;IAAa;IAAe;;;;;;;;;KAoE/D,iBAAiB,kBAAkB"}

package/dist/tabs/tabs.styles.mjs

@@ -0,0 +1,118 @@
+import { disabledState, focusRing } from "../styles/focus-ring.mjs";
+import { tv } from "tailwind-variants";
+//#region src/tabs/tabs.styles.ts
+/**
+* Flatlay の Tabs は**地続きタブ**（Raster は下線1本・Tactile はセグメンテッド）。
+*
+* 選ばれているタブとパネルが**1枚の紙**になる。タブは見出し列の下辺罫線に 1px 重なり、
+* その 1px を地色で塗って罫線に**切れ目**を作る。切れ目の向こう側がパネルなので、
+* 「いまどれを見ているか」を浮かせずに示せる。
+*
+* 構造差の要点:
+* - `root` に gap を置かない。離すと罫線が繋がらず、別の面になってしまう
+* - `indicator` は**描かない**。切れ目は罫線であって面ではないので、
+*   実体を持つ要素にすると「上に乗った何か」に見える（Tactile の塗り面がまさにそれ）
+* - `panel` が三辺の罫線を持ち、上辺だけは見出し列の罫線と共有する
+*
+* 影も z-index も使えないので、階層はこの一続きの罫線だけで表す。
+*/
+const slots = {
+	root: "flex flex-col",
+	list: "flex",
+	tab: [
+		"flex items-center justify-center whitespace-nowrap cursor-pointer select-none",
+		"text-[var(--novi-color-muted)] hover:text-[var(--novi-color-fg)]",
+		"border border-transparent",
+		"-mb-px",
+		"data-[selected]:text-[var(--novi-color-fg)] data-[selected]:font-medium",
+		"data-[pressed]:bg-[var(--novi-color-fg)] data-[pressed]:text-[var(--novi-color-bg)]",
+		"transition-[background-color,border-color,color]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		focusRing,
+		disabledState
+	].join(" "),
+	indicator: "hidden",
+	panel: "outline-none text-[var(--novi-color-fg)]"
+};
+/**
+* variant が決めるのは**罫線の強さと、切れ目の向こうに何色の紙があるか**。
+*
+* `ghost` / `plain` で囲みが消えるのは他のコンポーネントと同じ方針。
+* ただし `ghost` は切れ目だけ残す。囲みが無くても「そこだけ罫線が抜けている」は成立する。
+*/
+const variant = {
+	solid: {
+		list: "border-b border-[var(--novi-color-border-strong)]",
+		tab: [
+			"data-[selected]:border-[var(--novi-color-border-strong)]",
+			"data-[selected]:border-b-[var(--novi-color-bg)]",
+			"data-[selected]:bg-[var(--novi-color-bg)]"
+		].join(" "),
+		panel: "border-x border-b border-[var(--novi-color-border-strong)]"
+	},
+	outline: {
+		list: "border-b border-[var(--novi-color-border)]",
+		tab: [
+			"data-[selected]:border-[var(--novi-color-border)]",
+			"data-[selected]:border-b-[var(--novi-color-bg)]",
+			"data-[selected]:bg-[var(--novi-color-bg)]"
+		].join(" "),
+		panel: "border-x border-b border-[var(--novi-color-border)]"
+	},
+	soft: {
+		list: "border-b border-[var(--novi-color-border)]",
+		tab: [
+			"data-[selected]:border-[var(--novi-color-border)]",
+			"data-[selected]:border-b-[var(--novi-color-subtle)]",
+			"data-[selected]:bg-[var(--novi-color-subtle)]"
+		].join(" "),
+		panel: "border-x border-b border-[var(--novi-color-border)] bg-[var(--novi-color-subtle)]"
+	},
+	ghost: {
+		list: "border-b border-[var(--novi-color-border)]",
+		tab: "hover:bg-[var(--novi-color-subtle)] data-[selected]:border-b-[var(--novi-color-bg)]",
+		panel: "p-0 pt-4"
+	},
+	plain: {
+		list: "border-b border-transparent",
+		tab: "",
+		panel: "p-0 pt-4"
+	}
+};
+/**
+* Tabs のスタイル定義。
+*
+* @example
+* import { tabsStyles } from '@novi-ui/flatlay'
+* import { tv } from 'tailwind-variants'
+*
+* const myTabs = tv({ extend: tabsStyles, slots: { list: 'w-full' } })
+*/
+const tabsStyles = tv({
+	slots,
+	variants: {
+		size: {
+			sm: {
+				tab: "h-7 px-3 text-[length:var(--novi-text-sm)]",
+				panel: "p-3"
+			},
+			md: {
+				tab: "h-8 px-4 text-[length:var(--novi-text-base)]",
+				panel: "p-4"
+			},
+			lg: {
+				tab: "h-10 px-5 text-[length:var(--novi-text-base)]",
+				panel: "p-5"
+			}
+		},
+		variant
+	},
+	defaultVariants: {
+		size: "md",
+		variant: "solid"
+	}
+});
+//#endregion
+export { tabsStyles };
+
+//# sourceMappingURL=tabs.styles.mjs.map

package/dist/tabs/tabs.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.styles.mjs","names":[],"sources":["../../src/tabs/tabs.styles.ts"],"sourcesContent":["import type {\n  NoviSize,\n  NoviVariant,\n  SlotMap,\n  tabsRequiredSlots,\n  tabsSlots,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\nimport { disabledState, focusRing } from '../styles/focus-ring'\n\n/**\n * Flatlay の Tabs は**地続きタブ**（Raster は下線1本・Tactile はセグメンテッド）。\n *\n * 選ばれているタブとパネルが**1枚の紙**になる。タブは見出し列の下辺罫線に 1px 重なり、\n * その 1px を地色で塗って罫線に**切れ目**を作る。切れ目の向こう側がパネルなので、\n * 「いまどれを見ているか」を浮かせずに示せる。\n *\n * 構造差の要点:\n * - `root` に gap を置かない。離すと罫線が繋がらず、別の面になってしまう\n * - `indicator` は**描かない**。切れ目は罫線であって面ではないので、\n *   実体を持つ要素にすると「上に乗った何か」に見える（Tactile の塗り面がまさにそれ）\n * - `panel` が三辺の罫線を持ち、上辺だけは見出し列の罫線と共有する\n *\n * 影も z-index も使えないので、階層はこの一続きの罫線だけで表す。\n */\nconst slots = {\n  // 見出しとパネルは地続き。間に余白を入れた時点で罫線が切れて別の面になる\n  root: 'flex flex-col',\n  list: 'flex',\n  tab: [\n    'flex items-center justify-center whitespace-nowrap cursor-pointer select-none',\n    'text-[var(--novi-color-muted)] hover:text-[var(--novi-color-fg)]',\n    // 罫線の幅は全 variant が持つ。色は variant が決める\n    'border border-transparent',\n    // 見出し列の下辺罫線に 1px 重ねる。選択中はこの 1px を地色で塗って切れ目にする\n    '-mb-px',\n    'data-[selected]:text-[var(--novi-color-fg)] data-[selected]:font-medium',\n    // 押下は反転スタンプ（ADR-F3）。他のコンポーネントと同じ手応えにする\n    'data-[pressed]:bg-[var(--novi-color-fg)] data-[pressed]:text-[var(--novi-color-bg)]',\n    'transition-[background-color,border-color,color]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    focusRing,\n    disabledState,\n  ].join(' '),\n  // 切れ目は罫線に空ける穴なので、描く要素を持たない（Tactile との決定的な差）\n  indicator: 'hidden',\n  panel: 'outline-none text-[var(--novi-color-fg)]',\n} satisfies SlotMap<typeof tabsSlots, (typeof tabsRequiredSlots)[number]>\n\n/**\n * variant が決めるのは**罫線の強さと、切れ目の向こうに何色の紙があるか**。\n *\n * `ghost` / `plain` で囲みが消えるのは他のコンポーネントと同じ方針。\n * ただし `ghost` は切れ目だけ残す。囲みが無くても「そこだけ罫線が抜けている」は成立する。\n */\nconst variant: VariantMap<NoviVariant, { list: string; tab: string; panel: string }> = {\n  solid: {\n    list: 'border-b border-[var(--novi-color-border-strong)]',\n    tab: [\n      'data-[selected]:border-[var(--novi-color-border-strong)]',\n      'data-[selected]:border-b-[var(--novi-color-bg)]',\n      'data-[selected]:bg-[var(--novi-color-bg)]',\n    ].join(' '),\n    panel: 'border-x border-b border-[var(--novi-color-border-strong)]',\n  },\n  outline: {\n    list: 'border-b border-[var(--novi-color-border)]',\n    tab: [\n      'data-[selected]:border-[var(--novi-color-border)]',\n      'data-[selected]:border-b-[var(--novi-color-bg)]',\n      'data-[selected]:bg-[var(--novi-color-bg)]',\n    ].join(' '),\n    panel: 'border-x border-b border-[var(--novi-color-border)]',\n  },\n  soft: {\n    list: 'border-b border-[var(--novi-color-border)]',\n    tab: [\n      'data-[selected]:border-[var(--novi-color-border)]',\n      'data-[selected]:border-b-[var(--novi-color-subtle)]',\n      'data-[selected]:bg-[var(--novi-color-subtle)]',\n    ].join(' '),\n    panel: 'border-x border-b border-[var(--novi-color-border)] bg-[var(--novi-color-subtle)]',\n  },\n  ghost: {\n    list: 'border-b border-[var(--novi-color-border)]',\n    tab: 'hover:bg-[var(--novi-color-subtle)] data-[selected]:border-b-[var(--novi-color-bg)]',\n    panel: 'p-0 pt-4',\n  },\n  plain: {\n    list: 'border-b border-transparent',\n    tab: '',\n    panel: 'p-0 pt-4',\n  },\n}\n\n/**\n * 見出しの高さは 28 / 32 / 40px（Button と同じ帳票の行）。\n *\n * パネルの余白も段で動かす。囲みの中の余白なので、行の高さと揃っていないと\n * 「紙が一続き」に見えない。\n */\nconst size: VariantMap<NoviSize, { tab: string; panel: string }> = {\n  sm: { tab: 'h-7 px-3 text-[length:var(--novi-text-sm)]', panel: 'p-3' },\n  md: { tab: 'h-8 px-4 text-[length:var(--novi-text-base)]', panel: 'p-4' },\n  lg: { tab: 'h-10 px-5 text-[length:var(--novi-text-base)]', panel: 'p-5' },\n}\n\n/**\n * Tabs のスタイル定義。\n *\n * @example\n * import { tabsStyles } from '@novi-ui/flatlay'\n * import { tv } from 'tailwind-variants'\n *\n * const myTabs = tv({ extend: tabsStyles, slots: { list: 'w-full' } })\n */\nexport const tabsStyles = tv({\n  slots,\n  // `variant` は最後に宣言する。先に書くと size のクラスに負ける（申し送り6）\n  variants: { size, variant },\n  defaultVariants: { size: 'md', variant: 'solid' },\n})\n\nexport type TabsStyleProps = Parameters<typeof tabsStyles>[0]\n"],"mappings":";;;;;;;;;;;;;;;;;;AA0BA,MAAM,QAAQ;CAEZ,MAAM;CACN,MAAM;CACN,KAAK;EACH;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,WAAW;CACX,OAAO;AACT;;;;;;;AAQA,MAAM,UAAiF;CACrF,OAAO;EACL,MAAM;EACN,KAAK;GACH;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;EACV,OAAO;CACT;CACA,SAAS;EACP,MAAM;EACN,KAAK;GACH;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;EACV,OAAO;CACT;CACA,MAAM;EACJ,MAAM;EACN,KAAK;GACH;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG;EACV,OAAO;CACT;CACA,OAAO;EACL,MAAM;EACN,KAAK;EACL,OAAO;CACT;CACA,OAAO;EACL,MAAM;EACN,KAAK;EACL,OAAO;CACT;AACF;;;;;;;;;;AAuBA,MAAa,aAAa,GAAG;CAC3B;CAEA,UAAU;EAAE;GAjBZ,IAAI;IAAE,KAAK;IAA8C,OAAO;GAAM;GACtE,IAAI;IAAE,KAAK;IAAgD,OAAO;GAAM;GACxE,IAAI;IAAE,KAAK;IAAiD,OAAO;GAAM;EAe7D;EAAM;CAAQ;CAC1B,iBAAiB;EAAE,MAAM;EAAM,SAAS;CAAQ;AAClD,CAAC"}

package/dist/textarea/index.d.mts

@@ -0,0 +1,3 @@
+import { TextArea } from "./textarea.mjs";
+import { TextareaStyleProps, textareaStyles } from "./textarea.styles.mjs";
+export { TextArea, type TextareaStyleProps, textareaStyles };

package/dist/textarea/textarea.d.mts

@@ -0,0 +1,15 @@
+import { TextareaProps } from "@novi-ui/core";
+//#region src/textarea/textarea.d.ts
+/**
+ * 複数行テキスト入力。Input と同じ罫線の記入欄で、行数だけが違う。
+ *
+ * `onKeyDown` は IME 変換中のキーを受け取らない。
+ * 横方向のリサイズは許可しない（罫線で作った列の揃いが崩れるため）。
+ *
+ * @example
+ * <TextArea label="備考" rows={4} maxLength={500} />
+ */
+declare function TextArea({ variant, size, radius, label, placeholder, description, errorMessage, name, value, defaultValue, onChange, onKeyDown, rows, maxLength, isDisabled, isReadOnly, isRequired, isInvalid, className, classNames, id }: TextareaProps): import("react").JSX.Element;
+//#endregion
+export { TextArea };
+//# sourceMappingURL=textarea.d.mts.map

package/dist/textarea/textarea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.mts","names":[],"sources":["../../src/textarea/textarea.tsx"],"mappings":";;;;;;;;;;;iBAuBgB,WACd,SACA,MACA,QACA,OACA,aACA,aACA,cACA,MACA,OACA,cACA,UACA,WACA,MACA,WACA,YACA,YACA,YACA,WACA,WACA,YACA,MACC,gCAAa,IAAA"}

package/dist/textarea/textarea.mjs

@@ -0,0 +1,70 @@
+"use client";
+import { textareaStyles } from "./textarea.styles.mjs";
+import { FieldError, Group, Label, Text, TextArea, TextField } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useImeSafeKeys } from "@novi-ui/core/client";
+//#region src/textarea/textarea.tsx
+/**
+* 複数行テキスト入力。Input と同じ罫線の記入欄で、行数だけが違う。
+*
+* `onKeyDown` は IME 変換中のキーを受け取らない。
+* 横方向のリサイズは許可しない（罫線で作った列の揃いが崩れるため）。
+*
+* @example
+* <TextArea label="備考" rows={4} maxLength={500} />
+*/
+function TextArea$1({ variant, size, radius, label, placeholder, description, errorMessage, name, value, defaultValue, onChange, onKeyDown, rows = 3, maxLength, isDisabled, isReadOnly, isRequired, isInvalid, className, classNames, id }) {
+	const s = textareaStyles({
+		variant,
+		size,
+		radius
+	});
+	const keyProps = useImeSafeKeys(onKeyDown);
+	return /* @__PURE__ */ jsxs(TextField, {
+		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(Group, {
+				"data-slot": "inputWrapper",
+				className: s.inputWrapper({ class: classNames?.inputWrapper }),
+				children: /* @__PURE__ */ jsx(TextArea, {
+					"data-slot": "textarea",
+					placeholder,
+					rows,
+					maxLength,
+					className: s.textarea({ class: classNames?.textarea }),
+					...keyProps
+				})
+			}),
+			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 { TextArea$1 as TextArea };
+
+//# sourceMappingURL=textarea.mjs.map

package/dist/textarea/textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.mjs","names":["TextArea","RACTextArea"],"sources":["../../src/textarea/textarea.tsx"],"sourcesContent":["'use client'\n\nimport type { TextareaProps } from '@novi-ui/core'\nimport { useImeSafeKeys } from '@novi-ui/core/client'\nimport {\n  FieldError,\n  Group,\n  Label,\n  TextArea as RACTextArea,\n  Text,\n  TextField,\n} from 'react-aria-components'\nimport { textareaStyles } from './textarea.styles'\n\n/**\n * 複数行テキスト入力。Input と同じ罫線の記入欄で、行数だけが違う。\n *\n * `onKeyDown` は IME 変換中のキーを受け取らない。\n * 横方向のリサイズは許可しない（罫線で作った列の揃いが崩れるため）。\n *\n * @example\n * <TextArea label=\"備考\" rows={4} maxLength={500} />\n */\nexport function TextArea({\n  variant,\n  size,\n  radius,\n  label,\n  placeholder,\n  description,\n  errorMessage,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  onKeyDown,\n  rows = 3,\n  maxLength,\n  isDisabled,\n  isReadOnly,\n  isRequired,\n  isInvalid,\n  className,\n  classNames,\n  id,\n}: TextareaProps) {\n  const s = textareaStyles({ variant, size, radius })\n  const keyProps = useImeSafeKeys<HTMLTextAreaElement>(onKeyDown)\n\n  return (\n    <TextField\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      <Group\n        data-slot=\"inputWrapper\"\n        className={s.inputWrapper({ class: classNames?.inputWrapper })}\n      >\n        <RACTextArea\n          data-slot=\"textarea\"\n          placeholder={placeholder}\n          rows={rows}\n          maxLength={maxLength}\n          className={s.textarea({ class: classNames?.textarea })}\n          {...keyProps}\n        />\n      </Group>\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    </TextField>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAgBA,WAAS,EACvB,SACA,MACA,QACA,OACA,aACA,aACA,cACA,MACA,OACA,cACA,UACA,WACA,OAAO,GACP,WACA,YACA,YACA,YACA,WACA,WACA,YACA,MACgB;CAChB,MAAM,IAAI,eAAe;EAAE;EAAS;EAAM;CAAO,CAAC;CAClD,MAAM,WAAW,eAAoC,SAAS;CAE9D,OACE,qBAAC,WAAD;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;IACE,aAAU;IACV,WAAW,EAAE,aAAa,EAAE,OAAO,YAAY,aAAa,CAAC;IAE7D,UAAA,oBAACC,UAAD;KACE,aAAU;KACG;KACP;KACK;KACX,WAAW,EAAE,SAAS,EAAE,OAAO,YAAY,SAAS,CAAC;KACrD,GAAI;IACL,CAAA;GACI,CAAA;GAEN,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;EACH;;AAEf"}

package/dist/textarea/textarea.styles.d.mts

@@ -0,0 +1,70 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/textarea/textarea.styles.d.ts
+/**
+ * TextArea のスタイル定義。
+ *
+ * @example
+ * import { textareaStyles } from '@novi-ui/flatlay'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myTextarea = tv({ extend: textareaStyles, slots: { textarea: 'resize-none' } })
+ */
+declare const textareaStyles: import("tailwind-variants").TVReturnType<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    textarea: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  textarea: string;
+  description: string;
+  errorMessage: string;
+}, undefined, {
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    textarea: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  textarea: string;
+  description: string;
+  errorMessage: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    textarea: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  textarea: string;
+  description: string;
+  errorMessage: string;
+}>>;
+type TextareaStyleProps = Parameters<typeof textareaStyles>[0];
+//#endregion
+export { TextareaStyleProps, textareaStyles };
+//# sourceMappingURL=textarea.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.d.mts","names":[],"sources":["../../src/textarea/textarea.styles.ts"],"mappings":";;;;;;;;;;;cAkFa,4CAAc;;IAvBsB;IAAkB;;;IAMd;;;IAnBE;;;;;;;;;;;IAaN;IAAkB;;;IAMd;;;IAnBE;;;;;;;;;;;IAaN;IAAkB;;;IAMd;;;IAnBE;;;;;;;;;;KA2C3C,qBAAqB,kBAAkB"}

package/dist/textarea/textarea.styles.mjs

@@ -0,0 +1,85 @@
+import { disabledState, focusRing } from "../styles/focus-ring.mjs";
+import { mono } from "../styles/mono.mjs";
+import { tv } from "tailwind-variants";
+//#region src/textarea/textarea.styles.ts
+/**
+* Flatlay の TextArea は Input と同じ**記入欄**で、行数だけが違う。
+*
+* 縦だけリサイズを許すのは両テーマと同じ判断。横に伸びると罫線で作った
+* 列の揃いが崩れ、帳票として読めなくなる。
+*/
+const slots = {
+	root: "flex flex-col gap-1.5",
+	label: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-fg)] ${mono}`,
+	inputWrapper: [
+		"flex w-full",
+		"text-[var(--novi-color-fg)]",
+		"border",
+		"rounded-[var(--novi-radius-sm)]",
+		"data-[invalid]:border-[var(--novi-color-danger)]",
+		"transition-[border-color,opacity]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		focusRing,
+		disabledState
+	].join(" "),
+	textarea: [
+		"w-full min-w-0 bg-transparent outline-none",
+		"text-[var(--novi-color-fg)]",
+		"placeholder:text-[var(--novi-color-muted)]",
+		"resize-y",
+		"leading-[var(--novi-leading-body)]"
+	].join(" "),
+	description: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-muted)] ${mono}`,
+	errorMessage: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-danger)] ${mono}`
+};
+/**
+* TextArea のスタイル定義。
+*
+* @example
+* import { textareaStyles } from '@novi-ui/flatlay'
+* import { tv } from 'tailwind-variants'
+*
+* const myTextarea = tv({ extend: textareaStyles, slots: { textarea: 'resize-none' } })
+*/
+const textareaStyles = tv({
+	slots,
+	variants: {
+		size: {
+			sm: {
+				inputWrapper: "px-2.5 py-1.5",
+				textarea: "text-[length:var(--novi-text-sm)]"
+			},
+			md: {
+				inputWrapper: "px-3 py-2",
+				textarea: "text-[length:var(--novi-text-base)]"
+			},
+			lg: {
+				inputWrapper: "px-4 py-2.5",
+				textarea: "text-[length:var(--novi-text-base)]"
+			}
+		},
+		radius: {
+			none: { inputWrapper: "rounded-[var(--novi-radius-none)]" },
+			sm: { inputWrapper: "rounded-[var(--novi-radius-sm)]" },
+			md: { inputWrapper: "rounded-[var(--novi-radius-md)]" },
+			lg: { inputWrapper: "rounded-[var(--novi-radius-lg)]" },
+			full: { inputWrapper: "rounded-[var(--novi-radius-full)]" }
+		},
+		variant: {
+			solid: { inputWrapper: "bg-[var(--novi-color-surface)] border-[var(--novi-color-border-strong)]" },
+			outline: { inputWrapper: "bg-transparent border-[var(--novi-color-border-strong)]" },
+			soft: { inputWrapper: "bg-[var(--novi-color-subtle)] border-[var(--novi-color-border)]" },
+			ghost: { inputWrapper: "bg-transparent border-transparent border-b-[var(--novi-color-border-strong)]" },
+			plain: { inputWrapper: "bg-transparent border-transparent px-0" }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		radius: "sm",
+		variant: "outline"
+	}
+});
+//#endregion
+export { textareaStyles };
+
+//# sourceMappingURL=textarea.styles.mjs.map

package/dist/textarea/textarea.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.styles.mjs","names":[],"sources":["../../src/textarea/textarea.styles.ts"],"sourcesContent":["import type {\n  NoviRadius,\n  NoviSize,\n  NoviVariant,\n  SlotMap,\n  textareaRequiredSlots,\n  textareaSlots,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\nimport { disabledState, focusRing } from '../styles/focus-ring'\nimport { mono } from '../styles/mono'\n\n/**\n * Flatlay の TextArea は Input と同じ**記入欄**で、行数だけが違う。\n *\n * 縦だけリサイズを許すのは両テーマと同じ判断。横に伸びると罫線で作った\n * 列の揃いが崩れ、帳票として読めなくなる。\n */\nconst slots = {\n  root: 'flex flex-col gap-1.5',\n  label: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-fg)] ${mono}`,\n  // 罫線の幅だけを base に置き、色は variant が決める（Input と同じ型）\n  inputWrapper: [\n    'flex w-full',\n    'text-[var(--novi-color-fg)]',\n    'border',\n    'rounded-[var(--novi-radius-sm)]',\n    'data-[invalid]:border-[var(--novi-color-danger)]',\n    'transition-[border-color,opacity]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    focusRing,\n    disabledState,\n  ].join(' '),\n  textarea: [\n    'w-full min-w-0 bg-transparent outline-none',\n    'text-[var(--novi-color-fg)]',\n    'placeholder:text-[var(--novi-color-muted)]',\n    'resize-y',\n    'leading-[var(--novi-leading-body)]',\n  ].join(' '),\n  // 文字数カウンタもここに置く。専用 slot を増やさない\n  description: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-muted)] ${mono}`,\n  errorMessage: `text-[length:var(--novi-text-sm)] text-[var(--novi-color-danger)] ${mono}`,\n} satisfies SlotMap<typeof textareaSlots, (typeof textareaRequiredSlots)[number]>\n\nconst variant: VariantMap<NoviVariant, { inputWrapper: string }> = {\n  solid: {\n    inputWrapper: 'bg-[var(--novi-color-surface)] border-[var(--novi-color-border-strong)]',\n  },\n  outline: { inputWrapper: 'bg-transparent border-[var(--novi-color-border-strong)]' },\n  soft: { inputWrapper: 'bg-[var(--novi-color-subtle)] border-[var(--novi-color-border)]' },\n  ghost: {\n    inputWrapper: 'bg-transparent border-transparent border-b-[var(--novi-color-border-strong)]',\n  },\n  plain: { inputWrapper: 'bg-transparent border-transparent px-0' },\n}\n\n/** 1行入力と違い高さは `rows` が決めるので、余白と文字サイズだけを段階で変える。 */\nconst size: VariantMap<NoviSize, { inputWrapper: string; textarea: string }> = {\n  sm: { inputWrapper: 'px-2.5 py-1.5', textarea: 'text-[length:var(--novi-text-sm)]' },\n  md: { inputWrapper: 'px-3 py-2', textarea: 'text-[length:var(--novi-text-base)]' },\n  lg: { inputWrapper: 'px-4 py-2.5', textarea: 'text-[length:var(--novi-text-base)]' },\n}\n\nconst radius: VariantMap<NoviRadius, { inputWrapper: string }> = {\n  none: { inputWrapper: 'rounded-[var(--novi-radius-none)]' },\n  sm: { inputWrapper: 'rounded-[var(--novi-radius-sm)]' },\n  md: { inputWrapper: 'rounded-[var(--novi-radius-md)]' },\n  lg: { inputWrapper: 'rounded-[var(--novi-radius-lg)]' },\n  full: { inputWrapper: 'rounded-[var(--novi-radius-full)]' },\n}\n\n/**\n * TextArea のスタイル定義。\n *\n * @example\n * import { textareaStyles } from '@novi-ui/flatlay'\n * import { tv } from 'tailwind-variants'\n *\n * const myTextarea = tv({ extend: textareaStyles, slots: { textarea: 'resize-none' } })\n */\nexport const textareaStyles = tv({\n  slots,\n  // `variant` は最後に宣言する。先に書くと size のクラスに負ける（申し送り6）\n  variants: { size, radius, variant },\n  defaultVariants: { size: 'md', radius: 'sm', variant: 'outline' },\n})\n\nexport type TextareaStyleProps = Parameters<typeof textareaStyles>[0]\n"],"mappings":";;;;;;;;;;AAmBA,MAAM,QAAQ;CACZ,MAAM;CACN,OAAO,iEAAiE;CAExE,cAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,UAAU;EACR;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,aAAa,oEAAoE;CACjF,cAAc,qEAAqE;AACrF;;;;;;;;;;AAsCA,MAAa,iBAAiB,GAAG;CAC/B;CAEA,UAAU;EAAE;GAzBZ,IAAI;IAAE,cAAc;IAAiB,UAAU;GAAoC;GACnF,IAAI;IAAE,cAAc;IAAa,UAAU;GAAsC;GACjF,IAAI;IAAE,cAAc;IAAe,UAAU;GAAsC;EAuBvE;EAAM;GAnBlB,MAAM,EAAE,cAAc,oCAAoC;GAC1D,IAAI,EAAE,cAAc,kCAAkC;GACtD,IAAI,EAAE,cAAc,kCAAkC;GACtD,IAAI,EAAE,cAAc,kCAAkC;GACtD,MAAM,EAAE,cAAc,oCAAoC;EAexC;EAAQ;GAtC1B,OAAO,EACL,cAAc,0EAChB;GACA,SAAS,EAAE,cAAc,0DAA0D;GACnF,MAAM,EAAE,cAAc,kEAAkE;GACxF,OAAO,EACL,cAAc,+EAChB;GACA,OAAO,EAAE,cAAc,yCAAyC;EA8BtC;CAAQ;CAClC,iBAAiB;EAAE,MAAM;EAAM,QAAQ;EAAM,SAAS;CAAU;AAClE,CAAC"}

package/dist/toast/index.d.mts

@@ -0,0 +1,3 @@
+import { NoviToast, NoviToastRegion, createToastQueue } from "./toast.mjs";
+import { ToastStyleProps, toastStyles } from "./toast.styles.mjs";
+export { type NoviToast, NoviToastRegion, type ToastStyleProps, createToastQueue, toastStyles };