@novi-ui/raster 0.6.0 → 0.7.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/raster'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-9' } })
+ */
+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":";;;;;;;;;;;cA2Ia,8CAAgB;;IA7C0B;;;IAaN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;;IA5BE;;;IAaN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;;IA5BE;;;IAaN;IAAmB;;;IAef;;;;;;;;;;;;;;;;;;;;;KAuBzC,uBAAuB,kBAAkB"}

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

@@ -0,0 +1,126 @@
+import { disabledState, focusRing } from "../styles/focus-ring.mjs";
+import { tv } from "tailwind-variants";
+//#region src/date-picker/date-picker.styles.ts
+/** 月送りのボタン。線で区切らず、記号だけを置く */
+const monthButton = [
+	"inline-flex items-center justify-center size-8",
+	"text-[var(--novi-color-muted)] outline-none",
+	"rounded-[var(--novi-radius-sm)]",
+	"hover:text-[var(--novi-color-fg)] hover:bg-[var(--novi-color-subtle)]",
+	"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-bg)]",
+		"border border-[var(--novi-color-border-strong)]",
+		"transition-[border-color,opacity]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		"data-[invalid]:border-[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-0.5 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 inline-flex items-center justify-center w-8",
+		"text-[var(--novi-color-muted)]",
+		"border-l border-[var(--novi-color-border)]",
+		"outline-none",
+		"hover:text-[var(--novi-color-fg)] hover:bg-[var(--novi-color-subtle)]",
+		"data-[focus-visible]:text-[var(--novi-color-fg)]",
+		"data-[disabled]:opacity-40 data-[disabled]:cursor-default",
+		"transition-[color,background-color]",
+		"duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]"
+	].join(" "),
+	icon: "shrink-0 inline-flex",
+	popover: [
+		"bg-[var(--novi-color-bg)]",
+		"text-[var(--novi-color-fg)]",
+		"border border-[var(--novi-color-border)]",
+		"rounded-[var(--novi-radius-lg)]",
+		"shadow-[var(--novi-shadow-md)]",
+		"p-[var(--novi-pad-surface-y)]"
+	].join(" "),
+	calendar: "flex flex-col gap-[var(--novi-gap-inline)] outline-none",
+	calendarHeader: "flex items-center justify-between gap-[var(--novi-gap-inline)]",
+	calendarTitle: "text-[length:var(--novi-text-sm)] font-medium tabular-nums",
+	prevButton: monthButton,
+	nextButton: monthButton,
+	calendarGrid: ["border-collapse", "[&_th]:size-8 [&_th]:font-normal [&_th]:text-[length:var(--novi-text-xs)] [&_th]:text-[var(--novi-color-muted)]"].join(" "),
+	calendarCell: [
+		"size-8 inline-flex items-center justify-center",
+		"text-[length:var(--novi-text-sm)] tabular-nums cursor-pointer outline-none",
+		"rounded-[var(--novi-radius-sm)]",
+		"data-[hovered]:bg-[var(--novi-color-subtle)]",
+		"data-[selected]:bg-[var(--novi-color-primary)] data-[selected]:text-[var(--novi-color-primary-fg)]",
+		"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-xs)] text-[var(--novi-color-muted)]",
+	errorMessage: "text-[length:var(--novi-text-xs)] text-[var(--novi-color-danger)]"
+};
+/**
+* DatePicker のスタイル定義。
+*
+* @example
+* import { datePickerStyles } from '@novi-ui/raster'
+* import { tv } from 'tailwind-variants'
+*
+* const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-9' } })
+*/
+const datePickerStyles = tv({
+	slots,
+	variants: {
+		variant: {
+			solid: { inputWrapper: "bg-[var(--novi-color-subtle)] border-[var(--novi-color-border-strong)]" },
+			outline: { inputWrapper: "bg-[var(--novi-color-bg)] border-[var(--novi-color-border-strong)]" },
+			soft: { inputWrapper: "bg-[var(--novi-color-subtle)] border-transparent" },
+			ghost: { inputWrapper: "bg-transparent border-transparent border-b-[var(--novi-color-border-strong)]" },
+			plain: { inputWrapper: "bg-transparent border-transparent" }
+		},
+		size: {
+			sm: {
+				inputWrapper: "h-8",
+				dateInput: "px-[var(--novi-pad-control-x-sm)] text-[length:var(--novi-text-sm)]"
+			},
+			md: {
+				inputWrapper: "h-10",
+				dateInput: "px-[var(--novi-pad-control-x-md)] text-[length:var(--novi-text-base)]"
+			},
+			lg: {
+				inputWrapper: "h-12",
+				dateInput: "px-[var(--novi-pad-control-x-lg)] 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)]" }
+		}
+	},
+	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/** 月送りのボタン。線で区切らず、記号だけを置く */\nconst monthButton = [\n  'inline-flex items-center justify-center size-8',\n  'text-[var(--novi-color-muted)] outline-none',\n  'rounded-[var(--novi-radius-sm)]',\n  'hover:text-[var(--novi-color-fg)] hover:bg-[var(--novi-color-subtle)]',\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  // Input と同じ枠。開くボタンを縁まで届かせるため、左右の余白は dateInput 側に置く\n  inputWrapper: [\n    'text-[var(--novi-color-fg)]',\n    'flex items-center w-full overflow-hidden',\n    'bg-[var(--novi-color-bg)]',\n    'border border-[var(--novi-color-border-strong)]',\n    'transition-[border-color,opacity]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    'data-[invalid]:border-[var(--novi-color-danger)]',\n    focusRing,\n    disabledState,\n  ].join(' '),\n  dateInput: 'flex items-center flex-1 min-w-0 whitespace-nowrap',\n  // 年 / 月 / 日の 1 マス。フォーカスは反転で示す（マス自体が小さく、リングでは潰れる）\n  segment: [\n    // 触れる対象として 24px 四方を確保する（WCAG 2.2 target-size）。文字幅 1〜2 桁のマスが小さくなりすぎる\n    'inline-flex items-center justify-center min-w-6 min-h-6 px-0.5 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  trigger: [\n    'shrink-0 self-stretch inline-flex items-center justify-center w-8',\n    'text-[var(--novi-color-muted)]',\n    'border-l border-[var(--novi-color-border)]',\n    'outline-none',\n    'hover:text-[var(--novi-color-fg)] hover:bg-[var(--novi-color-subtle)]',\n    'data-[focus-visible]:text-[var(--novi-color-fg)]',\n    'data-[disabled]:opacity-40 data-[disabled]:cursor-default',\n    'transition-[color,background-color]',\n    'duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n  ].join(' '),\n  icon: 'shrink-0 inline-flex',\n  // 影を使わず、1px の境界線と背景の差だけで浮かせる（Select と同じ）\n  popover: [\n    'bg-[var(--novi-color-bg)]',\n    'text-[var(--novi-color-fg)]',\n    'border border-[var(--novi-color-border)]',\n    'rounded-[var(--novi-radius-lg)]',\n    'shadow-[var(--novi-shadow-md)]',\n    'p-[var(--novi-pad-surface-y)]',\n  ].join(' '),\n  calendar: 'flex flex-col gap-[var(--novi-gap-inline)] outline-none',\n  calendarHeader: 'flex items-center justify-between gap-[var(--novi-gap-inline)]',\n  calendarTitle: 'text-[length:var(--novi-text-sm)] font-medium tabular-nums',\n  prevButton: monthButton,\n  nextButton: monthButton,\n  // 曜日の見出しと日の升目。升目は 7 列の正方形\n  calendarGrid: [\n    'border-collapse',\n    '[&_th]:size-8 [&_th]:font-normal [&_th]:text-[length:var(--novi-text-xs)] [&_th]:text-[var(--novi-color-muted)]',\n  ].join(' '),\n  calendarCell: [\n    'size-8 inline-flex items-center justify-center',\n    'text-[length:var(--novi-text-sm)] tabular-nums cursor-pointer outline-none',\n    'rounded-[var(--novi-radius-sm)]',\n    'data-[hovered]:bg-[var(--novi-color-subtle)]',\n    'data-[selected]:bg-[var(--novi-color-primary)] data-[selected]:text-[var(--novi-color-primary-fg)]',\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-xs)] text-[var(--novi-color-muted)]',\n  errorMessage: 'text-[length:var(--novi-text-xs)] text-[var(--novi-color-danger)]',\n} satisfies SlotMap<typeof datePickerSlots, (typeof datePickerRequiredSlots)[number]>\n\nconst variant: VariantMap<NoviVariant, { inputWrapper: string }> = {\n  solid: {\n    inputWrapper: 'bg-[var(--novi-color-subtle)] border-[var(--novi-color-border-strong)]',\n  },\n  outline: { inputWrapper: 'bg-[var(--novi-color-bg)] border-[var(--novi-color-border-strong)]' },\n  soft: { inputWrapper: 'bg-[var(--novi-color-subtle)] border-transparent' },\n  ghost: {\n    inputWrapper: 'bg-transparent border-transparent border-b-[var(--novi-color-border-strong)]',\n  },\n  plain: { inputWrapper: 'bg-transparent border-transparent' },\n}\n\n/** 高さは Button / Input と揃える。32 / 40 / 48px */\nconst size: VariantMap<NoviSize, { inputWrapper: string; dateInput: string }> = {\n  sm: {\n    inputWrapper: 'h-8',\n    dateInput: 'px-[var(--novi-pad-control-x-sm)] text-[length:var(--novi-text-sm)]',\n  },\n  md: {\n    inputWrapper: 'h-10',\n    dateInput: 'px-[var(--novi-pad-control-x-md)] text-[length:var(--novi-text-base)]',\n  },\n  lg: {\n    inputWrapper: 'h-12',\n    dateInput: 'px-[var(--novi-pad-control-x-lg)] text-[length:var(--novi-text-base)]',\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/raster'\n * import { tv } from 'tailwind-variants'\n *\n * const myPicker = tv({ extend: datePickerStyles, slots: { calendarCell: 'size-9' } })\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;AACF,CAAC,CAAC,KAAK,GAAG;AAEV,MAAM,QAAQ;CACZ,MAAM;CACN,OAAO;CAEP,cAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,WAAW;CAEX,SAAS;EAEP;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,MAAM;CAEN,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,UAAU;CACV,gBAAgB;CAChB,eAAe;CACf,YAAY;CACZ,YAAY;CAEZ,cAAc,CACZ,mBACA,iHACF,CAAC,CAAC,KAAK,GAAG;CACV,cAAc;EACZ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,aAAa;CACb,cAAc;AAChB;;;;;;;;;;AA+CA,MAAa,mBAAmB,GAAG;CACjC;CACA,UAAU;EAAE;GA9CZ,OAAO,EACL,cAAc,yEAChB;GACA,SAAS,EAAE,cAAc,qEAAqE;GAC9F,MAAM,EAAE,cAAc,mDAAmD;GACzE,OAAO,EACL,cAAc,+EAChB;GACA,OAAO,EAAE,cAAc,oCAAoC;EAsC/C;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/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,15 @@
+import { NumberFieldProps } from "@novi-ui/core";
+//#region src/number-field/number-field.d.ts
+/**
+ * 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。
+ *
+ * 増減ボタンは入力欄の右に並ぶ（Tactile は左右、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":";;;;;;;;;;;iBAwCgB,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,114 @@
+"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: "0.75em",
+		height: "0.75em",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M4 8h8",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})
+	});
+}
+function PlusIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 16 16",
+		width: "0.75em",
+		height: "0.75em",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M8 4v8M4 8h8",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})
+	});
+}
+/**
+* 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。
+*
+* 増減ボタンは入力欄の右に並ぶ（Tactile は左右、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(Input, {
+						"data-slot": "input",
+						placeholder,
+						className: s.input({ class: classNames?.input }),
+						...keyProps
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						slot: "decrement",
+						"data-slot": "decrement",
+						className: s.decrement({ class: classNames?.decrement }),
+						children: /* @__PURE__ */ jsx(MinusIcon, {})
+					}),
+					/* @__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=\"0.75em\" height=\"0.75em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M4 8h8\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  )\n}\n\nfunction PlusIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" width=\"0.75em\" height=\"0.75em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M8 4v8M4 8h8\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  )\n}\n\n/**\n * 数値の入力。矢印キーと増減ボタンで `step` ずつ刻む。\n *\n * 増減ボタンは入力欄の右に並ぶ（Tactile は左右、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        <Input\n          data-slot=\"input\"\n          placeholder={placeholder}\n          className={s.input({ class: classNames?.input })}\n          {...keyProps}\n        />\n        <Button\n          slot=\"decrement\"\n          data-slot=\"decrement\"\n          className={s.decrement({ class: classNames?.decrement })}\n        >\n          <MinusIcon />\n        </Button>\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;EAAS,QAAO;EAAS,MAAK;EAAO,eAAY;EAC9E,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAS,QAAO;GAAe,aAAY;EAAO,CAAA;CACvD,CAAA;AAET;AAEA,SAAS,WAAW;CAClB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,OAAM;EAAS,QAAO;EAAS,MAAK;EAAO,eAAY;EAC9E,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAe,QAAO;GAAe,aAAY;EAAO,CAAA;CAC7D,CAAA;AAET;;;;;;;;;;AAWA,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,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,WAAD,CAAY,CAAA;KACN,CAAA;KACR,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/raster'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const myField = tv({ extend: numberFieldStyles, slots: { input: 'text-right' } })
+ */
+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":";;;;;;;;;;;cAiGa,+CAAiB;;IA7CyB;;;IAaN;IAAe;;;IAeX;;;;;;;;;;;;;IA5BE;;;IAaN;IAAe;;;IAeX;;;;;;;;;;;;;IA5BE;;;IAaN;IAAe;;;IAeX;;;;;;;;;;;;KAuBzC,wBAAwB,kBAAkB"}