@novi-ui/tactile 0.4.0 → 0.5.0

package/dist/date-picker/date-picker.styles.d.mts

@@ -0,0 +1,103 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/date-picker/date-picker.styles.d.ts
+/**
+ * DatePicker のスタイル定義。
+ *
+ * @example
+ * import { datePickerStyles } from '@novi-ui/tactile'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-12' } })
+ */
+declare const datePickerStyles: import("tailwind-variants").TVReturnType<{
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    dateInput: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  dateInput: string;
+  segment: string;
+  trigger: string;
+  icon: string;
+  popover: string;
+  calendar: string;
+  calendarHeader: string;
+  calendarTitle: string;
+  prevButton: string;
+  nextButton: string;
+  calendarGrid: string;
+  calendarCell: string;
+  description: string;
+  errorMessage: string;
+}, undefined, {
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    dateInput: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  dateInput: string;
+  segment: string;
+  trigger: string;
+  icon: string;
+  popover: string;
+  calendar: string;
+  calendarHeader: string;
+  calendarTitle: string;
+  prevButton: string;
+  nextButton: string;
+  calendarGrid: string;
+  calendarCell: string;
+  description: string;
+  errorMessage: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    dateInput: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  dateInput: string;
+  segment: string;
+  trigger: string;
+  icon: string;
+  popover: string;
+  calendar: string;
+  calendarHeader: string;
+  calendarTitle: string;
+  prevButton: string;
+  nextButton: string;
+  calendarGrid: string;
+  calendarCell: string;
+  description: string;
+  errorMessage: string;
+}>>;
+type DatePickerStyleProps = Parameters<typeof datePickerStyles>[0];
+//#endregion
+export { DatePickerStyleProps, datePickerStyles };
+//# sourceMappingURL=date-picker.styles.d.mts.map

package/dist/date-picker/date-picker.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.d.mts","names":[],"sources":["../../src/date-picker/date-picker.styles.ts"],"mappings":";;;;;;;;;;;cAqJa,8CAAgB;;IA/C0B;;;IAeN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;;IA9BE;;;IAeN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;;IA9BE;;;IAeN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;KAuBzC,uBAAuB,kBAAkB"}

package/dist/date-picker/date-picker.styles.mjs

@@ -0,0 +1,134 @@
+import { disabledState, focusRing } from "../styles/focus-ring.mjs";
+import { tv } from "tailwind-variants";
+//#region src/date-picker/date-picker.styles.ts
+/** 月送りのボタン。指で押す面なので 44px の正方形 */
+const monthButton = [
+	"inline-flex items-center justify-center size-11",
+	"text-[var(--novi-color-fg)] outline-none",
+	"rounded-[var(--novi-radius-full)]",
+	"bg-[var(--novi-color-subtle)]",
+	"data-[pressed]:scale-[0.97]",
+	"motion-reduce:data-[pressed]:scale-100",
+	"data-[disabled]:opacity-40",
+	focusRing
+].join(" ");
+const slots = {
+	root: "flex flex-col gap-1.5",
+	label: "text-[length:var(--novi-text-sm)] font-medium text-[var(--novi-color-fg)]",
+	inputWrapper: [
+		"text-[var(--novi-color-fg)]",
+		"flex items-center w-full overflow-hidden",
+		"bg-[var(--novi-color-surface)]",
+		"shadow-[var(--novi-shadow-sm)]",
+		"rounded-[var(--novi-radius-md)]",
+		"transition-[opacity,box-shadow]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		"data-[invalid]:ring-1 data-[invalid]:ring-[var(--novi-color-danger)]",
+		focusRing,
+		disabledState
+	].join(" "),
+	dateInput: "flex items-center flex-1 min-w-0 whitespace-nowrap",
+	segment: [
+		"inline-flex items-center justify-center min-w-6 min-h-6 px-1 tabular-nums outline-none",
+		"rounded-[var(--novi-radius-sm)]",
+		"data-[placeholder]:text-[var(--novi-color-muted)]",
+		"data-[type=literal]:px-0 data-[type=literal]:text-[var(--novi-color-muted)]",
+		"data-[focused]:bg-[var(--novi-color-primary)] data-[focused]:text-[var(--novi-color-primary-fg)]",
+		"data-[invalid]:text-[var(--novi-color-danger)]"
+	].join(" "),
+	trigger: [
+		"shrink-0 self-stretch aspect-square inline-flex items-center justify-center",
+		"text-[var(--novi-color-muted)]",
+		"outline-none",
+		"data-[pressed]:scale-[0.97]",
+		"motion-reduce:data-[pressed]:scale-100",
+		"data-[focus-visible]:bg-[var(--novi-color-subtle)]",
+		"data-[disabled]:opacity-40 data-[disabled]:cursor-default",
+		"transition-[background-color,transform]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]"
+	].join(" "),
+	icon: "shrink-0 inline-flex",
+	popover: [
+		"!fixed !top-auto !inset-x-0 !bottom-0 !max-w-none !w-full",
+		"bg-[var(--novi-color-surface)]",
+		"text-[var(--novi-color-fg)]",
+		"rounded-t-[var(--novi-radius-lg)]",
+		"shadow-[var(--novi-shadow-lg)]",
+		"p-[var(--novi-pad-surface-y)]",
+		"pb-[max(var(--novi-pad-surface-y),env(safe-area-inset-bottom,0px))]",
+		"pl-[max(var(--novi-pad-surface-x),env(safe-area-inset-left,0px))] pr-[max(var(--novi-pad-surface-x),env(safe-area-inset-right,0px))]",
+		"data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]"
+	].join(" "),
+	calendar: "flex flex-col gap-[var(--novi-gap-stack)] items-center outline-none",
+	calendarHeader: "flex items-center justify-between gap-[var(--novi-gap-inline)] w-full max-w-[22rem]",
+	calendarTitle: "text-[length:var(--novi-text-lg)] font-medium tabular-nums",
+	prevButton: monthButton,
+	nextButton: monthButton,
+	calendarGrid: ["border-collapse", "[&_th]:size-11 [&_th]:font-normal [&_th]:text-[length:var(--novi-text-sm)] [&_th]:text-[var(--novi-color-muted)]"].join(" "),
+	calendarCell: [
+		"size-11 inline-flex items-center justify-center",
+		"text-[length:var(--novi-text-base)] tabular-nums cursor-pointer outline-none",
+		"rounded-[var(--novi-radius-full)]",
+		"data-[hovered]:bg-[var(--novi-color-subtle)]",
+		"data-[pressed]:scale-[0.97]",
+		"motion-reduce:data-[pressed]:scale-100",
+		"data-[selected]:bg-[var(--novi-color-primary)] data-[selected]:text-[var(--novi-color-primary-fg)] data-[selected]:font-bold",
+		"data-[focus-visible]:outline-2 data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-[var(--novi-color-ring)]",
+		"data-[disabled]:opacity-40 data-[disabled]:cursor-default",
+		"data-[unavailable]:line-through data-[unavailable]:text-[var(--novi-color-muted)]",
+		"data-[outside-month]:invisible"
+	].join(" "),
+	description: "text-[length:var(--novi-text-sm)] text-[var(--novi-color-muted)]",
+	errorMessage: "text-[length:var(--novi-text-sm)] text-[var(--novi-color-danger)]"
+};
+/**
+* DatePicker のスタイル定義。
+*
+* @example
+* import { datePickerStyles } from '@novi-ui/tactile'
+* import { tv } from 'tailwind-variants'
+*
+* const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-12' } })
+*/
+const datePickerStyles = tv({
+	slots,
+	variants: {
+		variant: {
+			solid: { inputWrapper: "bg-[var(--novi-color-surface)] shadow-[var(--novi-shadow-sm)]" },
+			outline: { inputWrapper: "bg-transparent shadow-[var(--novi-shadow-none)] ring-1 ring-[var(--novi-color-border-strong)]" },
+			soft: { inputWrapper: "bg-[var(--novi-color-subtle)] shadow-[var(--novi-shadow-none)]" },
+			ghost: { inputWrapper: "bg-transparent shadow-[var(--novi-shadow-none)]" },
+			plain: { inputWrapper: "bg-transparent shadow-[var(--novi-shadow-none)] rounded-[var(--novi-radius-none)] border-b border-[var(--novi-color-border-strong)]" }
+		},
+		size: {
+			sm: {
+				inputWrapper: "h-10",
+				dateInput: "px-[var(--novi-pad-control-x-sm)] text-[length:var(--novi-text-base)]"
+			},
+			md: {
+				inputWrapper: "h-12",
+				dateInput: "px-[var(--novi-pad-control-x-md)] text-[length:var(--novi-text-base)]"
+			},
+			lg: {
+				inputWrapper: "h-14",
+				dateInput: "px-[var(--novi-pad-control-x-lg)] text-[length:var(--novi-text-lg)]"
+			}
+		},
+		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)]" }
+		}
+	},
+	defaultVariants: {
+		variant: "outline",
+		size: "md",
+		radius: "md"
+	}
+});
+//#endregion
+export { datePickerStyles };
+
+//# sourceMappingURL=date-picker.styles.mjs.map

package/dist/date-picker/date-picker.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.styles.mjs","names":[],"sources":["../../src/date-picker/date-picker.styles.ts"],"sourcesContent":["import type {\n  datePickerRequiredSlots,\n  datePickerSlots,\n  NoviRadius,\n  NoviSize,\n  NoviVariant,\n  SlotMap,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\nimport { disabledState, focusRing } from '../styles/focus-ring'\n\n/** 月送りのボタン。指で押す面なので 44px の正方形 */\nconst monthButton = [\n  'inline-flex items-center justify-center size-11',\n  'text-[var(--novi-color-fg)] outline-none',\n  'rounded-[var(--novi-radius-full)]',\n  'bg-[var(--novi-color-subtle)]',\n  'data-[pressed]:scale-[0.97]',\n  'motion-reduce:data-[pressed]:scale-100',\n  'data-[disabled]:opacity-40',\n  focusRing,\n].join(' ')\n\nconst slots = {\n  root: 'flex flex-col gap-1.5',\n  label: 'text-[length:var(--novi-text-sm)] font-medium text-[var(--novi-color-fg)]',\n  inputWrapper: [\n    'text-[var(--novi-color-fg)]',\n    'flex items-center w-full overflow-hidden',\n    'bg-[var(--novi-color-surface)]',\n    'shadow-[var(--novi-shadow-sm)]',\n    'rounded-[var(--novi-radius-md)]',\n    'transition-[opacity,box-shadow]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    'data-[invalid]:ring-1 data-[invalid]:ring-[var(--novi-color-danger)]',\n    focusRing,\n    disabledState,\n  ].join(' '),\n  dateInput: 'flex items-center flex-1 min-w-0 whitespace-nowrap',\n  segment: [\n    // 触れる対象として 24px 四方を確保する（WCAG 2.2 target-size）\n    'inline-flex items-center justify-center min-w-6 min-h-6 px-1 tabular-nums outline-none',\n    'rounded-[var(--novi-radius-sm)]',\n    'data-[placeholder]:text-[var(--novi-color-muted)]',\n    'data-[type=literal]:px-0 data-[type=literal]:text-[var(--novi-color-muted)]',\n    'data-[focused]:bg-[var(--novi-color-primary)] data-[focused]:text-[var(--novi-color-primary-fg)]',\n    'data-[invalid]:text-[var(--novi-color-danger)]',\n  ].join(' '),\n  // 開くボタンは指で押す面。枠の高さいっぱいの正方形\n  trigger: [\n    'shrink-0 self-stretch aspect-square inline-flex items-center justify-center',\n    'text-[var(--novi-color-muted)]',\n    'outline-none',\n    'data-[pressed]:scale-[0.97]',\n    'motion-reduce:data-[pressed]:scale-100',\n    'data-[focus-visible]:bg-[var(--novi-color-subtle)]',\n    'data-[disabled]:opacity-40 data-[disabled]:cursor-default',\n    'transition-[background-color,transform]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n  ].join(' '),\n  icon: 'shrink-0 inline-flex',\n  popover: [\n    // ここが Raster との構造差そのもの。入力欄の隣ではなく画面下端に張り付く\n    '!fixed !top-auto !inset-x-0 !bottom-0 !max-w-none !w-full',\n    'bg-[var(--novi-color-surface)]',\n    'text-[var(--novi-color-fg)]',\n    'rounded-t-[var(--novi-radius-lg)]',\n    'shadow-[var(--novi-shadow-lg)]',\n    'p-[var(--novi-pad-surface-y)]',\n    'pb-[max(var(--novi-pad-surface-y),env(safe-area-inset-bottom,0px))]',\n    'pl-[max(var(--novi-pad-surface-x),env(safe-area-inset-left,0px))] pr-[max(var(--novi-pad-surface-x),env(safe-area-inset-right,0px))]',\n    'data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]',\n  ].join(' '),\n  // シートの中で中央に置く。升目は指で押せる 44px\n  calendar: 'flex flex-col gap-[var(--novi-gap-stack)] items-center outline-none',\n  calendarHeader:\n    'flex items-center justify-between gap-[var(--novi-gap-inline)] w-full max-w-[22rem]',\n  calendarTitle: 'text-[length:var(--novi-text-lg)] font-medium tabular-nums',\n  prevButton: monthButton,\n  nextButton: monthButton,\n  calendarGrid: [\n    'border-collapse',\n    '[&_th]:size-11 [&_th]:font-normal [&_th]:text-[length:var(--novi-text-sm)] [&_th]:text-[var(--novi-color-muted)]',\n  ].join(' '),\n  calendarCell: [\n    'size-11 inline-flex items-center justify-center',\n    'text-[length:var(--novi-text-base)] tabular-nums cursor-pointer outline-none',\n    'rounded-[var(--novi-radius-full)]',\n    'data-[hovered]:bg-[var(--novi-color-subtle)]',\n    'data-[pressed]:scale-[0.97]',\n    'motion-reduce:data-[pressed]:scale-100',\n    'data-[selected]:bg-[var(--novi-color-primary)] data-[selected]:text-[var(--novi-color-primary-fg)] data-[selected]:font-bold',\n    'data-[focus-visible]:outline-2 data-[focus-visible]:-outline-offset-2 data-[focus-visible]:outline-[var(--novi-color-ring)]',\n    'data-[disabled]:opacity-40 data-[disabled]:cursor-default',\n    'data-[unavailable]:line-through data-[unavailable]:text-[var(--novi-color-muted)]',\n    'data-[outside-month]:invisible',\n  ].join(' '),\n  description: 'text-[length:var(--novi-text-sm)] text-[var(--novi-color-muted)]',\n  errorMessage: 'text-[length:var(--novi-text-sm)] text-[var(--novi-color-danger)]',\n} satisfies SlotMap<typeof datePickerSlots, (typeof datePickerRequiredSlots)[number]>\n\nconst variant: VariantMap<NoviVariant, { inputWrapper: string }> = {\n  solid: { inputWrapper: 'bg-[var(--novi-color-surface)] shadow-[var(--novi-shadow-sm)]' },\n  outline: {\n    inputWrapper:\n      'bg-transparent shadow-[var(--novi-shadow-none)] ring-1 ring-[var(--novi-color-border-strong)]',\n  },\n  soft: { inputWrapper: 'bg-[var(--novi-color-subtle)] shadow-[var(--novi-shadow-none)]' },\n  ghost: { inputWrapper: 'bg-transparent shadow-[var(--novi-shadow-none)]' },\n  plain: {\n    inputWrapper:\n      'bg-transparent shadow-[var(--novi-shadow-none)] rounded-[var(--novi-radius-none)] border-b border-[var(--novi-color-border-strong)]',\n  },\n}\n\n/** 高さは Button / Input と揃える。40 / 48 / 56px。マスの文字は 16px 以上 */\nconst size: VariantMap<NoviSize, { inputWrapper: string; dateInput: string }> = {\n  sm: {\n    inputWrapper: 'h-10',\n    dateInput: 'px-[var(--novi-pad-control-x-sm)] text-[length:var(--novi-text-base)]',\n  },\n  md: {\n    inputWrapper: 'h-12',\n    dateInput: 'px-[var(--novi-pad-control-x-md)] text-[length:var(--novi-text-base)]',\n  },\n  lg: {\n    inputWrapper: 'h-14',\n    dateInput: 'px-[var(--novi-pad-control-x-lg)] text-[length:var(--novi-text-lg)]',\n  },\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 * DatePicker のスタイル定義。\n *\n * @example\n * import { datePickerStyles } from '@novi-ui/tactile'\n * import { tv } from 'tailwind-variants'\n *\n * const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-12' } })\n */\nexport const datePickerStyles = tv({\n  slots,\n  variants: { variant, size, radius },\n  defaultVariants: { variant: 'outline', size: 'md', radius: 'md' },\n})\n\nexport type DatePickerStyleProps = Parameters<typeof datePickerStyles>[0]\n"],"mappings":";;;;AAaA,MAAM,cAAc;CAClB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,QAAQ;CACZ,MAAM;CACN,OAAO;CACP,cAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,WAAW;CACX,SAAS;EAEP;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,MAAM;CACN,SAAS;EAEP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CAEV,UAAU;CACV,gBACE;CACF,eAAe;CACf,YAAY;CACZ,YAAY;CACZ,cAAc,CACZ,mBACA,kHACF,CAAC,CAAC,KAAK,GAAG;CACV,cAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,aAAa;CACb,cAAc;AAChB;;;;;;;;;;AAiDA,MAAa,mBAAmB,GAAG;CACjC;CACA,UAAU;EAAE;GAhDZ,OAAO,EAAE,cAAc,gEAAgE;GACvF,SAAS,EACP,cACE,gGACJ;GACA,MAAM,EAAE,cAAc,iEAAiE;GACvF,OAAO,EAAE,cAAc,kDAAkD;GACzE,OAAO,EACL,cACE,sIACJ;EAsCY;EAAS;GAjCrB,IAAI;IACF,cAAc;IACd,WAAW;GACb;GACA,IAAI;IACF,cAAc;IACd,WAAW;GACb;GACA,IAAI;IACF,cAAc;IACd,WAAW;GACb;EAsBqB;EAAM;GAlB3B,MAAM,EAAE,cAAc,oCAAoC;GAC1D,IAAI,EAAE,cAAc,kCAAkC;GACtD,IAAI,EAAE,cAAc,kCAAkC;GACtD,IAAI,EAAE,cAAc,kCAAkC;GACtD,MAAM,EAAE,cAAc,oCAAoC;EAc/B;CAAO;CAClC,iBAAiB;EAAE,SAAS;EAAW,MAAM;EAAM,QAAQ;CAAK;AAClE,CAAC"}

package/dist/date-picker/index.d.mts

@@ -0,0 +1,3 @@
+import { DatePicker } from "./date-picker.mjs";
+import { DatePickerStyleProps, datePickerStyles } from "./date-picker.styles.mjs";
+export { DatePicker, type DatePickerStyleProps, datePickerStyles };

package/dist/index.d.mts

@@ -22,6 +22,12 @@ import "./checkbox/index.mjs";
 import { COLOR_OPTIONS, ColorPicker } from "./color-picker/color-picker.mjs";
 import { ColorPickerStyleProps, colorPickerStyles } from "./color-picker/color-picker.styles.mjs";
 import "./color-picker/index.mjs";
+import { ComboBox, ComboBoxItem, ComboBoxItemProps } from "./combo-box/combo-box.mjs";
+import { ComboBoxStyleProps, comboBoxStyles } from "./combo-box/combo-box.styles.mjs";
+import "./combo-box/index.mjs";
+import { DatePicker } from "./date-picker/date-picker.mjs";
+import { DatePickerStyleProps, datePickerStyles } from "./date-picker/date-picker.styles.mjs";
+import "./date-picker/index.mjs";
 import { Input } from "./input/input.mjs";
 import { InputStyleProps, inputStyles } from "./input/input.styles.mjs";
 import "./input/index.mjs";
@@ -31,6 +37,12 @@ import "./menu/index.mjs";
 import { Modal, ModalBody, ModalFooter, ModalTitle } from "./modal/modal.mjs";
 import { ModalStyleProps, modalStyles } from "./modal/modal.styles.mjs";
 import "./modal/index.mjs";
+import { NumberField } from "./number-field/number-field.mjs";
+import { NumberFieldStyleProps, numberFieldStyles } from "./number-field/number-field.styles.mjs";
+import "./number-field/index.mjs";
+import { Pagination } from "./pagination/pagination.mjs";
+import { PaginationStyleProps, paginationStyles } from "./pagination/pagination.styles.mjs";
+import "./pagination/index.mjs";
 import { Popover, PopoverContent, Tooltip } from "./popover/popover.mjs";
 import { PopoverStyleProps, TooltipStyleProps, popoverStyles, tooltipStyles } from "./popover/popover.styles.mjs";
 import "./popover/index.mjs";
@@ -52,6 +64,9 @@ import "./spinner/index.mjs";
 import { Switch } from "./switch/switch.mjs";
 import { SwitchStyleProps, switchStyles } from "./switch/switch.styles.mjs";
 import "./switch/index.mjs";
+import { Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableColumn, TableColumnProps, TableHeader, TableHeaderProps, TableRow, TableRowProps } from "./table/table.mjs";
+import { TableStyleProps, tableStyles } from "./table/table.styles.mjs";
+import "./table/index.mjs";
 import { TabContent, TabItem, TabItems, Tabs } from "./tabs/tabs.mjs";
 import { TabsStyleProps, tabsStyles } from "./tabs/tabs.styles.mjs";
 import "./tabs/index.mjs";
@@ -61,4 +76,4 @@ import "./textarea/index.mjs";
 import { NoviToast, NoviToastRegion, createToastQueue } from "./toast/toast.mjs";
 import { ToastStyleProps, toastStyles } from "./toast/toast.styles.mjs";
 import "./toast/index.mjs";
-export { Accordion, AccordionItem, type AccordionItemProps, type AccordionStyleProps, Avatar, type AvatarStyleProps, Badge, type BadgeStyleProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsStyleProps, Button, type ButtonStyleProps, COLOR_OPTIONS, Card, CardBody, CardFooter, CardHeader, CardImage, type CardStyleProps, Checkbox, CheckboxGroup, type CheckboxGroupStyleProps, type CheckboxStyleProps, ColorPicker, type ColorPickerStyleProps, Input, type InputStyleProps, Menu, MenuItemComponent as MenuItem, type MenuItemProps, MenuSection, MenuSeparator, type MenuStyleProps, Modal, ModalBody, ModalFooter, type ModalStyleProps, ModalTitle, type NoviToast, NoviToastRegion, Popover, PopoverContent, type PopoverStyleProps, Progress, type ProgressStyleProps, Radio, RadioGroup, type RadioGroupStyleProps, type RadioStyleProps, Select, SelectItem, type SelectItemProps, type SelectStyleProps, Skeleton, type SkeletonStyleProps, Spinner, type SpinnerStyleProps, Switch, type SwitchStyleProps, TabContent, TabItem, TabItems, Tabs, type TabsStyleProps, TextArea, type TextareaStyleProps, type ToastStyleProps, Tooltip, type TooltipStyleProps, accordionStyles, avatarStyles, badgeStyles, breadcrumbsStyles, buttonStyles, cardStyles, checkboxGroupStyles, checkboxStyles, colorPickerStyles, createToastQueue, initialsOf, inputStyles, menuStyles, modalStyles, popoverStyles, progressStyles, radioGroupStyles, radioStyles, selectStyles, skeletonStyles, spinnerStyles, switchStyles, tabsStyles, textareaStyles, toastStyles, tooltipStyles };
+export { Accordion, AccordionItem, type AccordionItemProps, type AccordionStyleProps, Avatar, type AvatarStyleProps, Badge, type BadgeStyleProps, Breadcrumb, type BreadcrumbProps, Breadcrumbs, type BreadcrumbsStyleProps, Button, type ButtonStyleProps, COLOR_OPTIONS, Card, CardBody, CardFooter, CardHeader, CardImage, type CardStyleProps, Checkbox, CheckboxGroup, type CheckboxGroupStyleProps, type CheckboxStyleProps, ColorPicker, type ColorPickerStyleProps, ComboBox, ComboBoxItem, type ComboBoxItemProps, type ComboBoxStyleProps, DatePicker, type DatePickerStyleProps, Input, type InputStyleProps, Menu, MenuItemComponent as MenuItem, type MenuItemProps, MenuSection, MenuSeparator, type MenuStyleProps, Modal, ModalBody, ModalFooter, type ModalStyleProps, ModalTitle, type NoviToast, NoviToastRegion, NumberField, type NumberFieldStyleProps, Pagination, type PaginationStyleProps, Popover, PopoverContent, type PopoverStyleProps, Progress, type ProgressStyleProps, Radio, RadioGroup, type RadioGroupStyleProps, type RadioStyleProps, Select, SelectItem, type SelectItemProps, type SelectStyleProps, Skeleton, type SkeletonStyleProps, Spinner, type SpinnerStyleProps, Switch, type SwitchStyleProps, TabContent, TabItem, TabItems, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, type TableHeaderProps, TableRow, type TableRowProps, type TableStyleProps, Tabs, type TabsStyleProps, TextArea, type TextareaStyleProps, type ToastStyleProps, Tooltip, type TooltipStyleProps, accordionStyles, avatarStyles, badgeStyles, breadcrumbsStyles, buttonStyles, cardStyles, checkboxGroupStyles, checkboxStyles, colorPickerStyles, comboBoxStyles, createToastQueue, datePickerStyles, initialsOf, inputStyles, menuStyles, modalStyles, numberFieldStyles, paginationStyles, popoverStyles, progressStyles, radioGroupStyles, radioStyles, selectStyles, skeletonStyles, spinnerStyles, switchStyles, tableStyles, tabsStyles, textareaStyles, toastStyles, tooltipStyles };

package/dist/index.mjs

@@ -15,12 +15,20 @@ import { checkboxGroupStyles, checkboxStyles } from "./checkbox/checkbox.styles.
 import { Checkbox, CheckboxGroup } from "./checkbox/checkbox.mjs";
 import { colorPickerStyles } from "./color-picker/color-picker.styles.mjs";
 import { COLOR_OPTIONS, ColorPicker } from "./color-picker/color-picker.mjs";
+import { comboBoxStyles } from "./combo-box/combo-box.styles.mjs";
+import { ComboBox, ComboBoxItem } from "./combo-box/combo-box.mjs";
+import { datePickerStyles } from "./date-picker/date-picker.styles.mjs";
+import { DatePicker } from "./date-picker/date-picker.mjs";
 import { inputStyles } from "./input/input.styles.mjs";
 import { Input } from "./input/input.mjs";
 import { menuStyles } from "./menu/menu.styles.mjs";
 import { Menu, MenuItemComponent, MenuSection, MenuSeparator } from "./menu/menu.mjs";
 import { modalStyles } from "./modal/modal.styles.mjs";
 import { Modal, ModalBody, ModalFooter, ModalTitle } from "./modal/modal.mjs";
+import { numberFieldStyles } from "./number-field/number-field.styles.mjs";
+import { NumberField } from "./number-field/number-field.mjs";
+import { paginationStyles } from "./pagination/pagination.styles.mjs";
+import { Pagination } from "./pagination/pagination.mjs";
 import { popoverStyles, tooltipStyles } from "./popover/popover.styles.mjs";
 import { Popover, PopoverContent, Tooltip } from "./popover/popover.mjs";
 import { progressStyles } from "./progress/progress.styles.mjs";
@@ -35,10 +43,12 @@ import { spinnerStyles } from "./spinner/spinner.styles.mjs";
 import { Spinner } from "./spinner/spinner.mjs";
 import { switchStyles } from "./switch/switch.styles.mjs";
 import { Switch } from "./switch/switch.mjs";
+import { tableStyles } from "./table/table.styles.mjs";
+import { Table, TableBody, TableCell, TableColumn, TableHeader, TableRow } from "./table/table.mjs";
 import { tabsStyles } from "./tabs/tabs.styles.mjs";
 import { TabContent, TabItem, TabItems, Tabs } from "./tabs/tabs.mjs";
 import { textareaStyles } from "./textarea/textarea.styles.mjs";
 import { TextArea } from "./textarea/textarea.mjs";
 import { toastStyles } from "./toast/toast.styles.mjs";
 import { NoviToastRegion, createToastQueue } from "./toast/toast.mjs";
-export { Accordion, AccordionItem, Avatar, Badge, Breadcrumb, Breadcrumbs, Button, COLOR_OPTIONS, Card, CardBody, CardFooter, CardHeader, CardImage, Checkbox, CheckboxGroup, ColorPicker, Input, Menu, MenuItemComponent as MenuItem, MenuSection, MenuSeparator, Modal, ModalBody, ModalFooter, ModalTitle, NoviToastRegion, Popover, PopoverContent, Progress, Radio, RadioGroup, Select, SelectItem, Skeleton, Spinner, Switch, TabContent, TabItem, TabItems, Tabs, TextArea, Tooltip, accordionStyles, avatarStyles, badgeStyles, breadcrumbsStyles, buttonStyles, cardStyles, checkboxGroupStyles, checkboxStyles, colorPickerStyles, createToastQueue, initialsOf, inputStyles, menuStyles, modalStyles, popoverStyles, progressStyles, radioGroupStyles, radioStyles, selectStyles, skeletonStyles, spinnerStyles, switchStyles, tabsStyles, textareaStyles, toastStyles, tooltipStyles };
+export { Accordion, AccordionItem, Avatar, Badge, Breadcrumb, Breadcrumbs, Button, COLOR_OPTIONS, Card, CardBody, CardFooter, CardHeader, CardImage, Checkbox, CheckboxGroup, ColorPicker, ComboBox, ComboBoxItem, DatePicker, Input, Menu, MenuItemComponent as MenuItem, MenuSection, MenuSeparator, Modal, ModalBody, ModalFooter, ModalTitle, NoviToastRegion, NumberField, Pagination, Popover, PopoverContent, Progress, Radio, RadioGroup, Select, SelectItem, Skeleton, Spinner, Switch, TabContent, TabItem, TabItems, Table, TableBody, TableCell, TableColumn, TableHeader, TableRow, Tabs, TextArea, Tooltip, accordionStyles, avatarStyles, badgeStyles, breadcrumbsStyles, buttonStyles, cardStyles, checkboxGroupStyles, checkboxStyles, colorPickerStyles, comboBoxStyles, createToastQueue, datePickerStyles, initialsOf, inputStyles, menuStyles, modalStyles, numberFieldStyles, paginationStyles, popoverStyles, progressStyles, radioGroupStyles, radioStyles, selectStyles, skeletonStyles, spinnerStyles, switchStyles, tableStyles, tabsStyles, textareaStyles, toastStyles, tooltipStyles };

package/dist/menu/menu.styles.d.mts

@@ -8,14 +8,14 @@
 declare const menuStyles: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
       popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
     };
@@ -23,14 +23,14 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
 } | {
   [x: string]: {
     [x: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
       popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
     };
@@ -49,14 +49,14 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
 }, undefined, {
   [key: string]: {
     [key: string]: import("tailwind-variants").ClassValue | {
-      list?: import("tailwind-variants").ClassValue;
       trigger?: import("tailwind-variants").ClassValue;
       popover?: import("tailwind-variants").ClassValue;
+      list?: import("tailwind-variants").ClassValue;
       item?: import("tailwind-variants").ClassValue;
       itemLabel?: import("tailwind-variants").ClassValue;
-      separator?: import("tailwind-variants").ClassValue;
       itemDescription?: import("tailwind-variants").ClassValue;
       itemShortcut?: import("tailwind-variants").ClassValue;
+      separator?: import("tailwind-variants").ClassValue;
       section?: import("tailwind-variants").ClassValue;
       sectionLabel?: import("tailwind-variants").ClassValue;
     };

package/dist/number-field/index.d.mts

@@ -0,0 +1,3 @@
+import { NumberField } from "./number-field.mjs";
+import { NumberFieldStyleProps, numberFieldStyles } from "./number-field.styles.mjs";
+export { NumberField, type NumberFieldStyleProps, numberFieldStyles };

package/dist/number-field/number-field.d.mts

@@ -0,0 +1,16 @@
+import { NumberFieldProps } from "@novi-ui/core";
+//#region src/number-field/number-field.d.ts
+/**
+ * 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。
+ *
+ * **増減ボタンは入力欄の左右に、枠いっぱいの正方形で置く。** 片手で持った端末で
+ * 親指が届く位置に押す面がある（Raster は右端に細く、Flatlay は罫線のセル）。
+ * 空欄は `NaN` ではなく `null` で `onChange` に渡す（ADR-B2）。
+ *
+ * @example
+ * <NumberField label="数量" defaultValue={1} minValue={0} step={1} />
+ */
+declare function NumberField({ variant, size, radius, label, placeholder, description, errorMessage, name, value, defaultValue, onChange, minValue, maxValue, step, formatOptions, onKeyDown, isDisabled, isReadOnly, isRequired, isInvalid, className, classNames, id }: NumberFieldProps): import("react").JSX.Element;
+//#endregion
+export { NumberField };
+//# sourceMappingURL=number-field.d.mts.map

package/dist/number-field/number-field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.d.mts","names":[],"sources":["../../src/number-field/number-field.tsx"],"mappings":";;;;;;;;;;;;iBAyCgB,cACd,SACA,MACA,QACA,OACA,aACA,aACA,cACA,MACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,WACA,YACA,YACA,YACA,WACA,WACA,YACA,MACC,mCAAgB,IAAA"}

package/dist/number-field/number-field.mjs

@@ -0,0 +1,117 @@
+"use client";
+import { numberFieldStyles } from "./number-field.styles.mjs";
+import { Button, FieldError, Group, Input, Label, NumberField, Text } from "react-aria-components";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useImeSafeKeys } from "@novi-ui/core/client";
+//#region src/number-field/number-field.tsx
+function MinusIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 16 16",
+		width: "1em",
+		height: "1em",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M3.5 8h9",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round"
+		})
+	});
+}
+function PlusIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 16 16",
+		width: "1em",
+		height: "1em",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8 3.5v9M3.5 8h9",
+			stroke: "currentColor",
+			strokeWidth: "1.75",
+			strokeLinecap: "round"
+		})
+	});
+}
+/**
+* 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。
+*
+* **増減ボタンは入力欄の左右に、枠いっぱいの正方形で置く。** 片手で持った端末で
+* 親指が届く位置に押す面がある（Raster は右端に細く、Flatlay は罫線のセル）。
+* 空欄は `NaN` ではなく `null` で `onChange` に渡す（ADR-B2）。
+*
+* @example
+* <NumberField label="数量" defaultValue={1} minValue={0} step={1} />
+*/
+function NumberField$1({ variant, size, radius, label, placeholder, description, errorMessage, name, value, defaultValue, onChange, minValue, maxValue, step, formatOptions, onKeyDown, isDisabled, isReadOnly, isRequired, isInvalid, className, classNames, id }) {
+	const s = numberFieldStyles({
+		variant,
+		size,
+		radius
+	});
+	const keyProps = useImeSafeKeys(onKeyDown);
+	return /* @__PURE__ */ jsxs(NumberField, {
+		id,
+		name,
+		value: value === null ? NaN : value,
+		defaultValue,
+		onChange: (next) => onChange?.(Number.isNaN(next) ? null : next),
+		minValue,
+		maxValue,
+		step,
+		formatOptions,
+		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__ */ jsxs(Group, {
+				"data-slot": "inputWrapper",
+				className: s.inputWrapper({ class: classNames?.inputWrapper }),
+				children: [
+					/* @__PURE__ */ jsx(Button, {
+						slot: "decrement",
+						"data-slot": "decrement",
+						className: s.decrement({ class: classNames?.decrement }),
+						children: /* @__PURE__ */ jsx(MinusIcon, {})
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						"data-slot": "input",
+						placeholder,
+						className: s.input({ class: classNames?.input }),
+						...keyProps
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						slot: "increment",
+						"data-slot": "increment",
+						className: s.increment({ class: classNames?.increment }),
+						children: /* @__PURE__ */ jsx(PlusIcon, {})
+					})
+				]
+			}),
+			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 { NumberField$1 as NumberField };
+
+//# sourceMappingURL=number-field.mjs.map

package/dist/number-field/number-field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.mjs","names":["NumberField","RACNumberField"],"sources":["../../src/number-field/number-field.tsx"],"sourcesContent":["'use client'\n\nimport type { NumberFieldProps } from '@novi-ui/core'\nimport { useImeSafeKeys } from '@novi-ui/core/client'\nimport {\n  Button,\n  FieldError,\n  Group,\n  Input,\n  Label,\n  NumberField as RACNumberField,\n  Text,\n} from 'react-aria-components'\nimport { numberFieldStyles } from './number-field.styles'\n\nfunction MinusIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" width=\"1em\" height=\"1em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M3.5 8h9\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\nfunction PlusIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" width=\"1em\" height=\"1em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M8 3.5v9M3.5 8h9\" stroke=\"currentColor\" strokeWidth=\"1.75\" strokeLinecap=\"round\" />\n    </svg>\n  )\n}\n\n/**\n * 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。\n *\n * **増減ボタンは入力欄の左右に、枠いっぱいの正方形で置く。** 片手で持った端末で\n * 親指が届く位置に押す面がある（Raster は右端に細く、Flatlay は罫線のセル）。\n * 空欄は `NaN` ではなく `null` で `onChange` に渡す（ADR-B2）。\n *\n * @example\n * <NumberField label=\"数量\" defaultValue={1} minValue={0} step={1} />\n */\nexport function NumberField({\n  variant,\n  size,\n  radius,\n  label,\n  placeholder,\n  description,\n  errorMessage,\n  name,\n  value,\n  defaultValue,\n  onChange,\n  minValue,\n  maxValue,\n  step,\n  formatOptions,\n  onKeyDown,\n  isDisabled,\n  isReadOnly,\n  isRequired,\n  isInvalid,\n  className,\n  classNames,\n  id,\n}: NumberFieldProps) {\n  const s = numberFieldStyles({ variant, size, radius })\n  const keyProps = useImeSafeKeys<HTMLInputElement>(onKeyDown)\n\n  return (\n    <RACNumberField\n      id={id}\n      name={name}\n      // RAC は空欄を NaN で表す。外には出さない（ADR-B2）\n      value={value === null ? Number.NaN : value}\n      defaultValue={defaultValue}\n      onChange={(next) => onChange?.(Number.isNaN(next) ? null : next)}\n      minValue={minValue}\n      maxValue={maxValue}\n      step={step}\n      formatOptions={formatOptions}\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        <Button\n          slot=\"decrement\"\n          data-slot=\"decrement\"\n          className={s.decrement({ class: classNames?.decrement })}\n        >\n          <MinusIcon />\n        </Button>\n        <Input\n          data-slot=\"input\"\n          placeholder={placeholder}\n          className={s.input({ class: classNames?.input })}\n          {...keyProps}\n        />\n        <Button\n          slot=\"increment\"\n          data-slot=\"increment\"\n          className={s.increment({ class: classNames?.increment })}\n        >\n          <PlusIcon />\n        </Button>\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    </RACNumberField>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAS,YAAY;CACnB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,OAAM;EAAM,QAAO;EAAM,MAAK;EAAO,eAAY;EACxE,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAW,QAAO;GAAe,aAAY;GAAO,eAAc;EAAS,CAAA;CAChF,CAAA;AAET;AAEA,SAAS,WAAW;CAClB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,OAAM;EAAM,QAAO;EAAM,MAAK;EAAO,eAAY;EACxE,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAmB,QAAO;GAAe,aAAY;GAAO,eAAc;EAAS,CAAA;CACxF,CAAA;AAET;;;;;;;;;;;AAYA,SAAgBA,cAAY,EAC1B,SACA,MACA,QACA,OACA,aACA,aACA,cACA,MACA,OACA,cACA,UACA,UACA,UACA,MACA,eACA,WACA,YACA,YACA,YACA,WACA,WACA,YACA,MACmB;CACnB,MAAM,IAAI,kBAAkB;EAAE;EAAS;EAAM;CAAO,CAAC;CACrD,MAAM,WAAW,eAAiC,SAAS;CAE3D,OACE,qBAACC,aAAD;EACM;EACE;EAEN,OAAO,UAAU,OAAO,MAAa;EACvB;EACd,WAAW,SAAS,WAAW,OAAO,MAAM,IAAI,IAAI,OAAO,IAAI;EACrD;EACA;EACJ;EACS;EACH;EACA;EACA;EACD;EACX,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAhB5D,UAAA;GAkBG,UAAU,KAAA,KACT,oBAAC,OAAD;IAAO,aAAU;IAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IACrE,UAAA;GACI,CAAA;GAGT,qBAAC,OAAD;IACE,aAAU;IACV,WAAW,EAAE,aAAa,EAAE,OAAO,YAAY,aAAa,CAAC;IAF/D,UAAA;KAIE,oBAAC,QAAD;MACE,MAAK;MACL,aAAU;MACV,WAAW,EAAE,UAAU,EAAE,OAAO,YAAY,UAAU,CAAC;MAEvD,UAAA,oBAAC,WAAD,CAAY,CAAA;KACN,CAAA;KACR,oBAAC,OAAD;MACE,aAAU;MACG;MACb,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;MAC/C,GAAI;KACL,CAAA;KACD,oBAAC,QAAD;MACE,MAAK;MACL,aAAU;MACV,WAAW,EAAE,UAAU,EAAE,OAAO,YAAY,UAAU,CAAC;MAEvD,UAAA,oBAAC,UAAD,CAAW,CAAA;KACL,CAAA;IACH;;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;EACE;;AAEpB"}

package/dist/number-field/number-field.styles.d.mts

@@ -0,0 +1,76 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/number-field/number-field.styles.d.ts
+/**
+ * NumberField のスタイル定義。
+ *
+ * @example
+ * import { numberFieldStyles } from '@novi-ui/tactile'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myField = tv({ extend: numberFieldStyles, slots: { input: 'text-left' } })
+ */
+declare const numberFieldStyles: import("tailwind-variants").TVReturnType<{
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    input: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  input: string;
+  decrement: string;
+  increment: string;
+  description: string;
+  errorMessage: string;
+}, undefined, {
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    input: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  input: string;
+  decrement: string;
+  increment: string;
+  description: string;
+  errorMessage: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    inputWrapper: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    inputWrapper: string;
+    input: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    inputWrapper: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  inputWrapper: string;
+  input: string;
+  decrement: string;
+  increment: string;
+  description: string;
+  errorMessage: string;
+}>>;
+type NumberFieldStyleProps = Parameters<typeof numberFieldStyles>[0];
+//#endregion
+export { NumberFieldStyleProps, numberFieldStyles };
+//# sourceMappingURL=number-field.styles.d.mts.map

package/dist/number-field/number-field.styles.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-field.styles.d.mts","names":[],"sources":["../../src/number-field/number-field.styles.ts"],"mappings":";;;;;;;;;;;cAyGa,+CAAiB;;IA/CyB;;;IAeN;IAAe;;;IAeX;;;;;;;;;;;;;IA9BE;;;IAeN;IAAe;;;IAeX;;;;;;;;;;;;;IA9BE;;;IAeN;IAAe;;;IAeX;;;;;;;;;;;;KAuBzC,wBAAwB,kBAAkB"}