@novi-ui/tactile 0.1.0

package/dist/select/select.mjs

@@ -0,0 +1,136 @@
+"use client";
+import { selectStyles } from "./select.styles.mjs";
+import { Button, FieldError, Label, ListBox, ListBoxItem, Popover, Select, SelectValue, Text } from "react-aria-components";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/select/select.tsx
+/** 開閉を示す記号。上下の山で「下から出る/しまう」方向を示す。 */
+function TriggerIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 16 16",
+		width: "0.9em",
+		height: "0.9em",
+		fill: "none",
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M5 6.5L8 3.5l3 3M5 9.5l3 3 3-3",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		})
+	});
+}
+/** 選択済みの印。シートでは行が大きいぶん、選択状態を明示しないと見失う。 */
+function SelectedIcon() {
+	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 8.5l3 3 6-6",
+			stroke: "currentColor",
+			strokeWidth: "1.75"
+		})
+	});
+}
+/**
+* Select の選択肢。`Select` の子として置く。
+*
+* @example
+* <SelectItem id="tokyo">東京都</SelectItem>
+*/
+function SelectItem({ id, isDisabled, children, className }) {
+	return /* @__PURE__ */ jsx(ListBoxItem, {
+		id,
+		isDisabled,
+		textValue: typeof children === "string" ? children : void 0,
+		"data-slot": "option",
+		className: className ?? selectStyles().option(),
+		children: ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children
+		}), isSelected && /* @__PURE__ */ jsx("span", {
+			className: "shrink-0 text-[var(--novi-color-primary)]",
+			children: /* @__PURE__ */ jsx(SelectedIcon, {})
+		})] })
+	});
+}
+/**
+* 一覧から1つ選ぶ。**選択肢は画面下端から出るシート**で表示される（Raster はトリガーの隣）。
+* 矢印キーで移動、Escape で閉じてトリガーへフォーカスが戻る。
+*
+* トリガーは `<button>` で編集可能要素ではないため IME の変換は発生しない。
+* テキスト入力を伴う選択が必要な場合は ComboBox を使う（MVP の対象外）。
+*
+* @example
+* <Select label="都道府県" selectedKey={pref} onSelectionChange={setPref}>
+*   <SelectItem id="tokyo">東京都</SelectItem>
+*   <SelectItem id="osaka">大阪府</SelectItem>
+* </Select>
+*/
+function Select$1({ variant, size, radius, label, placeholder = "選択してください", description, errorMessage, name, selectedKey, defaultSelectedKey, onSelectionChange, isOpen, defaultOpen, onOpenChange, isDisabled, isRequired, isInvalid, children, className, classNames, id }) {
+	const s = selectStyles({
+		variant,
+		size,
+		radius
+	});
+	return /* @__PURE__ */ jsxs(Select, {
+		id,
+		name,
+		selectedKey,
+		defaultSelectedKey,
+		onSelectionChange: (key) => onSelectionChange?.(key === null ? null : String(key)),
+		isOpen,
+		defaultOpen,
+		onOpenChange,
+		isDisabled,
+		isRequired,
+		isInvalid,
+		placeholder,
+		"data-slot": "root",
+		className: `group ${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(Button, {
+				"data-slot": "trigger",
+				className: s.trigger({ class: classNames?.trigger }),
+				children: [/* @__PURE__ */ jsx(SelectValue, {
+					"data-slot": "value",
+					className: s.value({ class: classNames?.value })
+				}), /* @__PURE__ */ jsx("span", {
+					"data-slot": "icon",
+					className: s.icon({ class: classNames?.icon }),
+					children: /* @__PURE__ */ jsx(TriggerIcon, {})
+				})]
+			}),
+			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
+			}),
+			/* @__PURE__ */ jsx(Popover, {
+				"data-slot": "popover",
+				className: s.popover({ class: classNames?.popover }),
+				children: /* @__PURE__ */ jsx(ListBox, {
+					"data-slot": "listbox",
+					className: s.listbox({ class: classNames?.listbox }),
+					children
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { Select$1 as Select, SelectItem };
+
+//# sourceMappingURL=select.mjs.map

package/dist/select/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":["Select","RACSelect"],"sources":["../../src/select/select.tsx"],"sourcesContent":["'use client'\n\nimport type { SelectProps } from '@novi-ui/core'\nimport type { ReactNode } from 'react'\nimport {\n  Button,\n  FieldError,\n  Label,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  Select as RACSelect,\n  SelectValue,\n  Text,\n} from 'react-aria-components'\nimport { selectStyles } from './select.styles'\n\n/** 開閉を示す記号。上下の山で「下から出る/しまう」方向を示す。 */\nfunction TriggerIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" width=\"0.9em\" height=\"0.9em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M5 6.5L8 3.5l3 3M5 9.5l3 3 3-3\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n    </svg>\n  )\n}\n\n/** 選択済みの印。シートでは行が大きいぶん、選択状態を明示しないと見失う。 */\nfunction SelectedIcon() {\n  return (\n    <svg viewBox=\"0 0 16 16\" width=\"1em\" height=\"1em\" fill=\"none\" aria-hidden=\"true\">\n      <path d=\"M3.5 8.5l3 3 6-6\" stroke=\"currentColor\" strokeWidth=\"1.75\" />\n    </svg>\n  )\n}\n\nexport interface SelectItemProps {\n  /** 選択値。`onSelectionChange` に渡る */\n  id: string\n  isDisabled?: boolean\n  children?: ReactNode\n  className?: string\n}\n\n/**\n * Select の選択肢。`Select` の子として置く。\n *\n * @example\n * <SelectItem id=\"tokyo\">東京都</SelectItem>\n */\nexport function SelectItem({ id, isDisabled, children, className }: SelectItemProps) {\n  return (\n    <ListBoxItem\n      id={id}\n      isDisabled={isDisabled}\n      textValue={typeof children === 'string' ? children : undefined}\n      data-slot=\"option\"\n      className={className ?? selectStyles().option()}\n    >\n      {({ isSelected }) => (\n        <>\n          <span className=\"truncate\">{children}</span>\n          {isSelected && (\n            <span className=\"shrink-0 text-[var(--novi-color-primary)]\">\n              <SelectedIcon />\n            </span>\n          )}\n        </>\n      )}\n    </ListBoxItem>\n  )\n}\n\n/**\n * 一覧から1つ選ぶ。**選択肢は画面下端から出るシート**で表示される（Raster はトリガーの隣）。\n * 矢印キーで移動、Escape で閉じてトリガーへフォーカスが戻る。\n *\n * トリガーは `<button>` で編集可能要素ではないため IME の変換は発生しない。\n * テキスト入力を伴う選択が必要な場合は ComboBox を使う（MVP の対象外）。\n *\n * @example\n * <Select label=\"都道府県\" selectedKey={pref} onSelectionChange={setPref}>\n *   <SelectItem id=\"tokyo\">東京都</SelectItem>\n *   <SelectItem id=\"osaka\">大阪府</SelectItem>\n * </Select>\n */\nexport function Select({\n  variant,\n  size,\n  radius,\n  label,\n  placeholder = '選択してください',\n  description,\n  errorMessage,\n  name,\n  selectedKey,\n  defaultSelectedKey,\n  onSelectionChange,\n  isOpen,\n  defaultOpen,\n  onOpenChange,\n  isDisabled,\n  isRequired,\n  isInvalid,\n  children,\n  className,\n  classNames,\n  id,\n}: SelectProps) {\n  const s = selectStyles({ variant, size, radius })\n\n  return (\n    <RACSelect\n      id={id}\n      name={name}\n      selectedKey={selectedKey}\n      defaultSelectedKey={defaultSelectedKey}\n      onSelectionChange={(key) => onSelectionChange?.(key === null ? null : String(key))}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      placeholder={placeholder}\n      data-slot=\"root\"\n      // trigger 側から invalid 状態を参照するために group を付ける\n      className={`group ${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      <Button data-slot=\"trigger\" className={s.trigger({ class: classNames?.trigger })}>\n        <SelectValue data-slot=\"value\" className={s.value({ class: classNames?.value })} />\n        <span data-slot=\"icon\" className={s.icon({ class: classNames?.icon })}>\n          <TriggerIcon />\n        </span>\n      </Button>\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\n      <Popover data-slot=\"popover\" className={s.popover({ class: classNames?.popover })}>\n        <ListBox data-slot=\"listbox\" className={s.listbox({ class: classNames?.listbox })}>\n          {children}\n        </ListBox>\n      </Popover>\n    </RACSelect>\n  )\n}\n"],"mappings":";;;;;;AAkBA,SAAS,cAAc;CACrB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,OAAM;EAAQ,QAAO;EAAQ,MAAK;EAAO,eAAY;EAC5E,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAiC,QAAO;GAAe,aAAY;EAAO,CAAA;CAC/E,CAAA;AAET;;AAGA,SAAS,eAAe;CACtB,OACE,oBAAC,OAAD;EAAK,SAAQ;EAAY,OAAM;EAAM,QAAO;EAAM,MAAK;EAAO,eAAY;EACxE,UAAA,oBAAC,QAAD;GAAM,GAAE;GAAmB,QAAO;GAAe,aAAY;EAAQ,CAAA;CAClE,CAAA;AAET;;;;;;;AAgBA,SAAgB,WAAW,EAAE,IAAI,YAAY,UAAU,aAA8B;CACnF,OACE,oBAAC,aAAD;EACM;EACQ;EACZ,WAAW,OAAO,aAAa,WAAW,WAAW,KAAA;EACrD,aAAU;EACV,WAAW,aAAa,aAAa,CAAC,CAAC,OAAO;EAE5C,WAAA,EAAE,iBACF,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD;GAAM,WAAU;GAAY;EAAe,CAAA,GAC1C,cACC,oBAAC,QAAD;GAAM,WAAU;GACd,UAAA,oBAAC,cAAD,CAAe,CAAA;EACX,CAAA,CAER,EAAA,CAAA;CAEO,CAAA;AAEjB;;;;;;;;;;;;;;AAeA,SAAgBA,SAAO,EACrB,SACA,MACA,QACA,OACA,cAAc,YACd,aACA,cACA,MACA,aACA,oBACA,mBACA,QACA,aACA,cACA,YACA,YACA,WACA,UACA,WACA,YACA,MACc;CACd,MAAM,IAAI,aAAa;EAAE;EAAS;EAAM;CAAO,CAAC;CAEhD,OACE,qBAACC,QAAD;EACM;EACE;EACO;EACO;EACpB,oBAAoB,QAAQ,oBAAoB,QAAQ,OAAO,OAAO,OAAO,GAAG,CAAC;EACzE;EACK;EACC;EACF;EACA;EACD;EACE;EACb,aAAU;EAEV,WAAW,SAAS,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAfrE,UAAA;GAiBG,UAAU,KAAA,KACT,oBAAC,OAAD;IAAO,aAAU;IAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IACrE,UAAA;GACI,CAAA;GAGT,qBAAC,QAAD;IAAQ,aAAU;IAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;IAA/E,UAAA,CACE,oBAAC,aAAD;KAAa,aAAU;KAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;IAAI,CAAA,GAClF,oBAAC,QAAD;KAAM,aAAU;KAAO,WAAW,EAAE,KAAK,EAAE,OAAO,YAAY,KAAK,CAAC;KAClE,UAAA,oBAAC,aAAD,CAAc,CAAA;IACV,CAAA,CACA;;GAEP,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;GAEZ,oBAAC,SAAD;IAAS,aAAU;IAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;IAC9E,UAAA,oBAAC,SAAD;KAAS,aAAU;KAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;KAC7E;IACM,CAAA;GACF,CAAA;EACA;;AAEf"}

package/dist/select/select.styles.d.mts

@@ -0,0 +1,85 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/select/select.styles.d.ts
+/**
+ * Select のスタイル定義。
+ *
+ * `popover` の `!` 付きクラスを `classNames` で上書きすることはできない
+ * （`!important` 同士では後勝ちにならない）。配置を変えたい場合は `tv({ extend })` を使う。
+ *
+ * @example
+ * import { selectStyles } from '@novi-ui/tactile'
+ * import { tv } from 'tailwind-variants'
+ *
+ * const mySelect = tv({ extend: selectStyles, slots: { option: 'font-mono' } })
+ */
+declare const selectStyles: import("tailwind-variants").TVReturnType<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    trigger: string;
+    option: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    trigger: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    trigger: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  trigger: string;
+  value: string;
+  icon: string;
+  popover: string;
+  listbox: string;
+  option: string;
+  description: string;
+  errorMessage: string;
+}, undefined, {
+  size: VariantMap<"sm" | "md" | "lg", {
+    trigger: string;
+    option: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    trigger: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    trigger: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  trigger: string;
+  value: string;
+  icon: string;
+  popover: string;
+  listbox: string;
+  option: string;
+  description: string;
+  errorMessage: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  size: VariantMap<"sm" | "md" | "lg", {
+    trigger: string;
+    option: string;
+  }>;
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    trigger: string;
+  }>;
+  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
+    trigger: string;
+  }>;
+}, {
+  root: string;
+  label: string;
+  trigger: string;
+  value: string;
+  icon: string;
+  popover: string;
+  listbox: string;
+  option: string;
+  description: string;
+  errorMessage: string;
+}>>;
+type SelectStyleProps = Parameters<typeof selectStyles>[0];
+//#endregion
+export { SelectStyleProps, selectStyles };
+//# sourceMappingURL=select.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.styles.d.mts","names":[],"sources":["../../src/select/select.styles.ts"],"mappings":";;;;;;;;;;;;;;cA0Ha,0CAAY;;IAhDmB;IAAgB;;;IAeZ;;;IAQE;;;;;;;;;;;;;;;IAvBN;IAAgB;;;IAeZ;;;IAQE;;;;;;;;;;;;;;;IAvBN;IAAgB;;;IAeZ;;;IAQE;;;;;;;;;;;;;;KA+BtC,mBAAmB,kBAAkB"}

package/dist/select/select.styles.mjs

@@ -0,0 +1,109 @@
+import { disabledState, focusRing } from "../styles/focus-ring.mjs";
+import { tv } from "tailwind-variants";
+//#region src/select/select.styles.ts
+/**
+* Tactile の Select は **画面下端から出るシート型ピッカー**（Raster はアンカー型ポップオーバー）。
+*
+* 一覧は誤タップが最も起きる場所なので、行を大きく取り、選択済みをチェックで示す。
+*
+* **`!` 付きのユーティリティは意図的**。RAC の `Popover` はトリガー基準の位置を
+* インラインスタイルで書き込むため、通常のクラスでも `style` prop でも勝てない。
+* スタイルシートの `!important` だけがインラインに勝つ（ADR-T2 / T-13 の実測）。
+*/
+const slots = {
+	root: "flex flex-col gap-1.5",
+	label: "text-[length:var(--novi-text-sm)] font-medium text-[var(--novi-color-fg)]",
+	trigger: [
+		"text-[var(--novi-color-fg)]",
+		"flex items-center justify-between gap-2 w-full",
+		"text-left",
+		"bg-[var(--novi-color-surface)]",
+		"shadow-[var(--novi-shadow-sm)]",
+		"rounded-[var(--novi-radius-md)]",
+		"transition-[opacity,scale] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		"data-[pressed]:scale-[0.99] motion-reduce:data-[pressed]:scale-100",
+		"group-data-[invalid]:ring-1 group-data-[invalid]:ring-[var(--novi-color-danger)]",
+		focusRing,
+		disabledState
+	].join(" "),
+	value: ["truncate text-[var(--novi-color-fg)]", "data-[placeholder]:text-[var(--novi-color-muted)]"].join(" "),
+	icon: "shrink-0 text-[var(--novi-color-muted)]",
+	popover: [
+		"!fixed !top-auto !inset-x-0 !bottom-0 !max-w-none !w-full",
+		"!max-h-[70dvh]",
+		"bg-[var(--novi-color-surface)]",
+		"text-[var(--novi-color-fg)]",
+		"rounded-t-[var(--novi-radius-lg)]",
+		"shadow-[var(--novi-shadow-lg)]",
+		"overflow-auto",
+		"pb-[env(safe-area-inset-bottom,0px)]",
+		"data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]"
+	].join(" "),
+	listbox: "outline-none p-2 flex flex-col",
+	option: [
+		"flex items-center justify-between gap-3",
+		"px-3 cursor-pointer outline-none",
+		"text-[var(--novi-color-fg)]",
+		"rounded-[var(--novi-radius-md)]",
+		"transition-[background-color] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]",
+		"data-[focused]:bg-[var(--novi-color-subtle)]",
+		"data-[selected]:font-bold",
+		disabledState
+	].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)]"
+};
+/**
+* Select のスタイル定義。
+*
+* `popover` の `!` 付きクラスを `classNames` で上書きすることはできない
+* （`!important` 同士では後勝ちにならない）。配置を変えたい場合は `tv({ extend })` を使う。
+*
+* @example
+* import { selectStyles } from '@novi-ui/tactile'
+* import { tv } from 'tailwind-variants'
+*
+* const mySelect = tv({ extend: selectStyles, slots: { option: 'font-mono' } })
+*/
+const selectStyles = tv({
+	slots,
+	variants: {
+		size: {
+			sm: {
+				trigger: "h-10 px-3 text-[length:var(--novi-text-sm)]",
+				option: "h-12 text-[length:var(--novi-text-sm)]"
+			},
+			md: {
+				trigger: "h-12 px-4 text-[length:var(--novi-text-base)]",
+				option: "h-14 text-[length:var(--novi-text-base)]"
+			},
+			lg: {
+				trigger: "h-14 px-5 text-[length:var(--novi-text-base)]",
+				option: "h-16 text-[length:var(--novi-text-base)]"
+			}
+		},
+		radius: {
+			none: { trigger: "rounded-[var(--novi-radius-none)]" },
+			sm: { trigger: "rounded-[var(--novi-radius-sm)]" },
+			md: { trigger: "rounded-[var(--novi-radius-md)]" },
+			lg: { trigger: "rounded-[var(--novi-radius-lg)]" },
+			full: { trigger: "rounded-[var(--novi-radius-full)]" }
+		},
+		variant: {
+			solid: { trigger: "bg-[var(--novi-color-surface)]" },
+			outline: { trigger: "bg-transparent shadow-[var(--novi-shadow-none)] ring-1 ring-[var(--novi-color-border-strong)]" },
+			soft: { trigger: "bg-[var(--novi-color-subtle)] shadow-[var(--novi-shadow-none)]" },
+			ghost: { trigger: "bg-transparent shadow-[var(--novi-shadow-none)]" },
+			plain: { trigger: "bg-transparent shadow-[var(--novi-shadow-none)] px-0 underline underline-offset-4" }
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		radius: "md",
+		variant: "solid"
+	}
+});
+//#endregion
+export { selectStyles };
+
+//# sourceMappingURL=select.styles.mjs.map

package/dist/select/select.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.styles.mjs","names":[],"sources":["../../src/select/select.styles.ts"],"sourcesContent":["import type {\n  NoviRadius,\n  NoviSize,\n  NoviVariant,\n  SlotMap,\n  selectRequiredSlots,\n  selectSlots,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\nimport { disabledState, focusRing } from '../styles/focus-ring'\n\n/**\n * Tactile の Select は **画面下端から出るシート型ピッカー**（Raster はアンカー型ポップオーバー）。\n *\n * 一覧は誤タップが最も起きる場所なので、行を大きく取り、選択済みをチェックで示す。\n *\n * **`!` 付きのユーティリティは意図的**。RAC の `Popover` はトリガー基準の位置を\n * インラインスタイルで書き込むため、通常のクラスでも `style` prop でも勝てない。\n * スタイルシートの `!important` だけがインラインに勝つ（ADR-T2 / T-13 の実測）。\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  trigger: [\n    'text-[var(--novi-color-fg)]',\n    'flex items-center justify-between gap-2 w-full',\n    'text-left',\n    'bg-[var(--novi-color-surface)]',\n    'shadow-[var(--novi-shadow-sm)]',\n    'rounded-[var(--novi-radius-md)]',\n    'transition-[opacity,scale] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    'data-[pressed]:scale-[0.99] motion-reduce:data-[pressed]:scale-100',\n    'group-data-[invalid]:ring-1 group-data-[invalid]:ring-[var(--novi-color-danger)]',\n    focusRing,\n    disabledState,\n  ].join(' '),\n  value: [\n    'truncate text-[var(--novi-color-fg)]',\n    'data-[placeholder]:text-[var(--novi-color-muted)]',\n  ].join(' '),\n  icon: 'shrink-0 text-[var(--novi-color-muted)]',\n  popover: [\n    // ここが Raster との構造差そのもの。トリガーの隣ではなく画面下端に張り付く\n    '!fixed !top-auto !inset-x-0 !bottom-0 !max-w-none !w-full',\n    '!max-h-[70dvh]',\n    'bg-[var(--novi-color-surface)]',\n    'text-[var(--novi-color-fg)]',\n    // 下端は画面に接するので上端だけ角丸。下から出てきた紙の形\n    'rounded-t-[var(--novi-radius-lg)]',\n    'shadow-[var(--novi-shadow-lg)]',\n    'overflow-auto',\n    'pb-[env(safe-area-inset-bottom,0px)]',\n    'data-[entering]:motion-safe:animate-[novi-slide-up_260ms_var(--novi-ease-emphasized)]',\n  ].join(' '),\n  listbox: 'outline-none p-2 flex flex-col',\n  option: [\n    'flex items-center justify-between gap-3',\n    'px-3 cursor-pointer outline-none',\n    'text-[var(--novi-color-fg)]',\n    'rounded-[var(--novi-radius-md)]',\n    'transition-[background-color] duration-[var(--novi-duration-fast)] ease-[var(--novi-ease-standard)]',\n    'data-[focused]:bg-[var(--novi-color-subtle)]',\n    'data-[selected]:font-bold',\n    disabledState,\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 selectSlots, (typeof selectRequiredSlots)[number]>\n\n/**\n * `size` はトリガーの寸法と**行の密度**（ADR-T3）。\n * 行はどの段でも 48px を下回らない — 一覧は誤タップが最も起きる場所。\n */\nconst size: VariantMap<NoviSize, { trigger: string; option: string }> = {\n  sm: {\n    trigger: 'h-10 px-3 text-[length:var(--novi-text-sm)]',\n    option: 'h-12 text-[length:var(--novi-text-sm)]',\n  },\n  md: {\n    trigger: 'h-12 px-4 text-[length:var(--novi-text-base)]',\n    option: 'h-14 text-[length:var(--novi-text-base)]',\n  },\n  lg: {\n    trigger: 'h-14 px-5 text-[length:var(--novi-text-base)]',\n    option: 'h-16 text-[length:var(--novi-text-base)]',\n  },\n}\n\nconst radius: VariantMap<NoviRadius, { trigger: string }> = {\n  none: { trigger: 'rounded-[var(--novi-radius-none)]' },\n  sm: { trigger: 'rounded-[var(--novi-radius-sm)]' },\n  md: { trigger: 'rounded-[var(--novi-radius-md)]' },\n  lg: { trigger: 'rounded-[var(--novi-radius-lg)]' },\n  full: { trigger: 'rounded-[var(--novi-radius-full)]' },\n}\n\nconst variant: VariantMap<NoviVariant, { trigger: string }> = {\n  solid: { trigger: 'bg-[var(--novi-color-surface)]' },\n  outline: {\n    trigger:\n      'bg-transparent shadow-[var(--novi-shadow-none)] ring-1 ring-[var(--novi-color-border-strong)]',\n  },\n  soft: { trigger: 'bg-[var(--novi-color-subtle)] shadow-[var(--novi-shadow-none)]' },\n  ghost: { trigger: 'bg-transparent shadow-[var(--novi-shadow-none)]' },\n  plain: {\n    trigger: 'bg-transparent shadow-[var(--novi-shadow-none)] px-0 underline underline-offset-4',\n  },\n}\n\n/**\n * Select のスタイル定義。\n *\n * `popover` の `!` 付きクラスを `classNames` で上書きすることはできない\n * （`!important` 同士では後勝ちにならない）。配置を変えたい場合は `tv({ extend })` を使う。\n *\n * @example\n * import { selectStyles } from '@novi-ui/tactile'\n * import { tv } from 'tailwind-variants'\n *\n * const mySelect = tv({ extend: selectStyles, slots: { option: 'font-mono' } })\n */\nexport const selectStyles = tv({\n  slots,\n  variants: { size, radius, variant },\n  defaultVariants: { size: 'md', radius: 'md', variant: 'solid' },\n})\n\nexport type SelectStyleProps = Parameters<typeof selectStyles>[0]\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,QAAQ;CACZ,MAAM;CACN,OAAO;CACP,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,OAAO,CACL,wCACA,mDACF,CAAC,CAAC,KAAK,GAAG;CACV,MAAM;CACN,SAAS;EAEP;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,SAAS;CACT,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,CAAC,KAAK,GAAG;CACV,aAAa;CACb,cAAc;AAChB;;;;;;;;;;;;;AAsDA,MAAa,eAAe,GAAG;CAC7B;CACA,UAAU;EAAE;GAjDZ,IAAI;IACF,SAAS;IACT,QAAQ;GACV;GACA,IAAI;IACF,SAAS;IACT,QAAQ;GACV;GACA,IAAI;IACF,SAAS;IACT,QAAQ;GACV;EAsCY;EAAM;GAlClB,MAAM,EAAE,SAAS,oCAAoC;GACrD,IAAI,EAAE,SAAS,kCAAkC;GACjD,IAAI,EAAE,SAAS,kCAAkC;GACjD,IAAI,EAAE,SAAS,kCAAkC;GACjD,MAAM,EAAE,SAAS,oCAAoC;EA8BnC;EAAQ;GA1B1B,OAAO,EAAE,SAAS,iCAAiC;GACnD,SAAS,EACP,SACE,gGACJ;GACA,MAAM,EAAE,SAAS,iEAAiE;GAClF,OAAO,EAAE,SAAS,kDAAkD;GACpE,OAAO,EACL,SAAS,oFACX;EAiB0B;CAAQ;CAClC,iBAAiB;EAAE,MAAM;EAAM,QAAQ;EAAM,SAAS;CAAQ;AAChE,CAAC"}

package/dist/skeleton/index.d.mts

@@ -0,0 +1,3 @@
+import { Skeleton } from "./skeleton.mjs";
+import { SkeletonStyleProps, skeletonStyles } from "./skeleton.styles.mjs";
+export { Skeleton, type SkeletonStyleProps, skeletonStyles };

package/dist/skeleton/skeleton.d.mts

@@ -0,0 +1,15 @@
+import { SkeletonProps } from "@novi-ui/core";
+//#region src/skeleton/skeleton.d.ts
+/**
+ * 読み込み中の場所取り。
+ *
+ * 支援技術には読ませない。読み込み状態は Spinner か live region で伝えること。
+ * 大きさは `className` で指定する。
+ *
+ * @example
+ * <Skeleton className="h-4 w-40" />
+ */
+declare function Skeleton({ radius, className, classNames, id }: SkeletonProps): import("react").JSX.Element;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.mts.map

package/dist/skeleton/skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.mts","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"mappings":";;;;;;;;;;;iBAcgB,WAAW,QAAQ,WAAW,YAAY,MAAM,gCAAa,IAAA"}

package/dist/skeleton/skeleton.mjs

@@ -0,0 +1,26 @@
+"use client";
+import { skeletonStyles } from "./skeleton.styles.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/skeleton/skeleton.tsx
+/**
+* 読み込み中の場所取り。
+*
+* 支援技術には読ませない。読み込み状態は Spinner か live region で伝えること。
+* 大きさは `className` で指定する。
+*
+* @example
+* <Skeleton className="h-4 w-40" />
+*/
+function Skeleton({ radius, className, classNames, id }) {
+	const s = skeletonStyles({ radius });
+	return /* @__PURE__ */ jsx("span", {
+		id,
+		"aria-hidden": "true",
+		"data-slot": "root",
+		className: s.root({ class: [className, classNames?.root] })
+	});
+}
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.mjs.map

package/dist/skeleton/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../src/skeleton/skeleton.tsx"],"sourcesContent":["'use client'\n\nimport type { SkeletonProps } from '@novi-ui/core'\nimport { skeletonStyles } from './skeleton.styles'\n\n/**\n * 読み込み中の場所取り。\n *\n * 支援技術には読ませない。読み込み状態は Spinner か live region で伝えること。\n * 大きさは `className` で指定する。\n *\n * @example\n * <Skeleton className=\"h-4 w-40\" />\n */\nexport function Skeleton({ radius, className, classNames, id }: SkeletonProps) {\n  const s = skeletonStyles({ radius })\n\n  return (\n    <span\n      id={id}\n      aria-hidden=\"true\"\n      data-slot=\"root\"\n      className={s.root({ class: [className, classNames?.root] })}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,SAAS,EAAE,QAAQ,WAAW,YAAY,MAAqB;CAC7E,MAAM,IAAI,eAAe,EAAE,OAAO,CAAC;CAEnC,OACE,oBAAC,QAAD;EACM;EACJ,eAAY;EACZ,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;CAC3D,CAAA;AAEL"}

package/dist/skeleton/skeleton.styles.d.mts

@@ -0,0 +1,31 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/skeleton/skeleton.styles.d.ts
+/**
+ * Skeleton のスタイル定義。
+ *
+ * @example
+ * const mySkeleton = tv({ extend: skeletonStyles, slots: { root: 'opacity-50' } })
+ */
+declare const skeletonStyles: import("tailwind-variants").TVReturnType<{
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+}, undefined, {
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
+    root: string;
+  }>;
+}, {
+  root: string;
+}>>;
+type SkeletonStyleProps = Parameters<typeof skeletonStyles>[0];
+//#endregion
+export { SkeletonStyleProps, skeletonStyles };
+//# sourceMappingURL=skeleton.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.d.mts","names":[],"sources":["../../src/skeleton/skeleton.styles.ts"],"mappings":";;;;;;;;cA6Ba,4CAAc;;IAdkB;;;;;;IAAA;;;;;;IAAA;;;;;KAoBjC,qBAAqB,kBAAkB"}

package/dist/skeleton/skeleton.styles.mjs

@@ -0,0 +1,22 @@
+import { tv } from "tailwind-variants";
+/**
+* Skeleton のスタイル定義。
+*
+* @example
+* const mySkeleton = tv({ extend: skeletonStyles, slots: { root: 'opacity-50' } })
+*/
+const skeletonStyles = tv({
+	slots: { root: "block bg-[var(--novi-color-subtle)] motion-safe:animate-pulse" },
+	variants: { radius: {
+		none: { root: "rounded-[var(--novi-radius-none)]" },
+		sm: { root: "rounded-[var(--novi-radius-sm)]" },
+		md: { root: "rounded-[var(--novi-radius-md)]" },
+		lg: { root: "rounded-[var(--novi-radius-lg)]" },
+		full: { root: "rounded-[var(--novi-radius-full)]" }
+	} },
+	defaultVariants: { radius: "sm" }
+});
+//#endregion
+export { skeletonStyles };
+
+//# sourceMappingURL=skeleton.styles.mjs.map

package/dist/skeleton/skeleton.styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.styles.mjs","names":[],"sources":["../../src/skeleton/skeleton.styles.ts"],"sourcesContent":["import type {\n  NoviRadius,\n  SlotMap,\n  skeletonRequiredSlots,\n  skeletonSlots,\n  VariantMap,\n} from '@novi-ui/core'\nimport { tv } from 'tailwind-variants'\n\nconst slots = {\n  // opacity のパルスのみ。シマー（translate するグラデーション）は使わない。\n  // 動きで飾らないという Raster の原則に反するため。\n  root: 'block bg-[var(--novi-color-subtle)] motion-safe:animate-pulse',\n} satisfies SlotMap<typeof skeletonSlots, (typeof skeletonRequiredSlots)[number]>\n\nconst radius: VariantMap<NoviRadius, { root: string }> = {\n  none: { root: 'rounded-[var(--novi-radius-none)]' },\n  sm: { root: 'rounded-[var(--novi-radius-sm)]' },\n  md: { root: 'rounded-[var(--novi-radius-md)]' },\n  lg: { root: 'rounded-[var(--novi-radius-lg)]' },\n  full: { root: 'rounded-[var(--novi-radius-full)]' },\n}\n\n/**\n * Skeleton のスタイル定義。\n *\n * @example\n * const mySkeleton = tv({ extend: skeletonStyles, slots: { root: 'opacity-50' } })\n */\nexport const skeletonStyles = tv({\n  slots,\n  variants: { radius },\n  defaultVariants: { radius: 'sm' },\n})\n\nexport type SkeletonStyleProps = Parameters<typeof skeletonStyles>[0]\n"],"mappings":";;;;;;;AA6BA,MAAa,iBAAiB,GAAG;CAC/B,SAlBA,MAAM,gEAkBN;CACA,UAAU,EAAE;EAfZ,MAAM,EAAE,MAAM,oCAAoC;EAClD,IAAI,EAAE,MAAM,kCAAkC;EAC9C,IAAI,EAAE,MAAM,kCAAkC;EAC9C,IAAI,EAAE,MAAM,kCAAkC;EAC9C,MAAM,EAAE,MAAM,oCAAoC;CAWtC,EAAO;CACnB,iBAAiB,EAAE,QAAQ,KAAK;AAClC,CAAC"}

package/dist/spinner/index.d.mts

@@ -0,0 +1,3 @@
+import { Spinner } from "./spinner.mjs";
+import { SpinnerStyleProps, spinnerStyles } from "./spinner.styles.mjs";
+export { Spinner, type SpinnerStyleProps, spinnerStyles };

package/dist/spinner/spinner.d.mts

@@ -0,0 +1,15 @@
+import { SpinnerProps } from "@novi-ui/core";
+//#region src/spinner/spinner.d.ts
+/**
+ * 処理中であることを示す回転表示。
+ *
+ * `label` を渡すと画面にも表示される。渡さない場合も支援技術には
+ * 「読み込み中」と伝わるようにしてある。
+ *
+ * @example
+ * <Spinner label="読み込み中" />
+ */
+declare function Spinner({ size, color, label, className, classNames, id }: SpinnerProps): import("react").JSX.Element;
+//#endregion
+export { Spinner };
+//# sourceMappingURL=spinner.d.mts.map

package/dist/spinner/spinner.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.mts","names":[],"sources":["../../src/spinner/spinner.tsx"],"mappings":";;;;;;;;;;;iBAcgB,UAAU,MAAM,OAAO,OAAO,WAAW,YAAY,MAAM,+BAAY,IAAA"}

package/dist/spinner/spinner.mjs

@@ -0,0 +1,55 @@
+"use client";
+import { spinnerStyles } from "./spinner.styles.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/spinner/spinner.tsx
+/**
+* 処理中であることを示す回転表示。
+*
+* `label` を渡すと画面にも表示される。渡さない場合も支援技術には
+* 「読み込み中」と伝わるようにしてある。
+*
+* @example
+* <Spinner label="読み込み中" />
+*/
+function Spinner({ size, color, label, className, classNames, id }) {
+	const s = spinnerStyles({
+		size,
+		color
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		id,
+		role: "status",
+		"data-slot": "root",
+		className: s.root({ class: [className, classNames?.root] }),
+		children: [/* @__PURE__ */ jsxs("svg", {
+			"data-slot": "circle",
+			className: s.circle({ class: classNames?.circle }),
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				opacity: "0.2"
+			}), /* @__PURE__ */ jsx("path", {
+				d: "M21 12a9 9 0 0 0-9-9",
+				stroke: "currentColor",
+				strokeWidth: "2"
+			})]
+		}), label !== void 0 ? /* @__PURE__ */ jsx("span", {
+			"data-slot": "label",
+			className: s.label({ class: classNames?.label }),
+			children: label
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "読み込み中"
+		})]
+	});
+}
+//#endregion
+export { Spinner };
+
+//# sourceMappingURL=spinner.mjs.map

package/dist/spinner/spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.mjs","names":[],"sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["'use client'\n\nimport type { SpinnerProps } from '@novi-ui/core'\nimport { spinnerStyles } from './spinner.styles'\n\n/**\n * 処理中であることを示す回転表示。\n *\n * `label` を渡すと画面にも表示される。渡さない場合も支援技術には\n * 「読み込み中」と伝わるようにしてある。\n *\n * @example\n * <Spinner label=\"読み込み中\" />\n */\nexport function Spinner({ size, color, label, className, classNames, id }: SpinnerProps) {\n  const s = spinnerStyles({ size, color })\n\n  return (\n    <span\n      id={id}\n      role=\"status\"\n      data-slot=\"root\"\n      className={s.root({ class: [className, classNames?.root] })}\n    >\n      <svg\n        data-slot=\"circle\"\n        className={s.circle({ class: classNames?.circle })}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        aria-hidden=\"true\"\n      >\n        <circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" strokeWidth=\"2\" opacity=\"0.2\" />\n        <path d=\"M21 12a9 9 0 0 0-9-9\" stroke=\"currentColor\" strokeWidth=\"2\" />\n      </svg>\n\n      {label !== undefined ? (\n        <span data-slot=\"label\" className={s.label({ class: classNames?.label })}>\n          {label}\n        </span>\n      ) : (\n        <span className=\"sr-only\">読み込み中</span>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAgB,QAAQ,EAAE,MAAM,OAAO,OAAO,WAAW,YAAY,MAAoB;CACvF,MAAM,IAAI,cAAc;EAAE;EAAM;CAAM,CAAC;CAEvC,OACE,qBAAC,QAAD;EACM;EACJ,MAAK;EACL,aAAU;EACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;EAJ5D,UAAA,CAME,qBAAC,OAAD;GACE,aAAU;GACV,WAAW,EAAE,OAAO,EAAE,OAAO,YAAY,OAAO,CAAC;GACjD,SAAQ;GACR,MAAK;GACL,eAAY;GALd,UAAA,CAOE,oBAAC,UAAD;IAAQ,IAAG;IAAK,IAAG;IAAK,GAAE;IAAI,QAAO;IAAe,aAAY;IAAI,SAAQ;GAAO,CAAA,GACnF,oBAAC,QAAD;IAAM,GAAE;IAAuB,QAAO;IAAe,aAAY;GAAK,CAAA,CACnE;EAEJ,CAAA,GAAA,UAAU,KAAA,IACT,oBAAC,QAAD;GAAM,aAAU;GAAQ,WAAW,EAAE,MAAM,EAAE,OAAO,YAAY,MAAM,CAAC;GACpE,UAAA;EACG,CAAA,IAEN,oBAAC,QAAD;GAAM,WAAU;GAAU,UAAA;EAAW,CAAA,CAEnC;;AAEV"}

package/dist/spinner/spinner.styles.d.mts

@@ -0,0 +1,46 @@
+import { VariantMap } from "@novi-ui/core";
+//#region src/spinner/spinner.styles.d.ts
+/**
+ * Spinner のスタイル定義。
+ *
+ * @example
+ * const mySpinner = tv({ extend: spinnerStyles, slots: { label: 'font-medium' } })
+ */
+declare const spinnerStyles: import("tailwind-variants").TVReturnType<{
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    circle: string;
+  }>;
+}, {
+  root: string;
+  circle: string;
+  label: string;
+}, undefined, {
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    circle: string;
+  }>;
+}, {
+  root: string;
+  circle: string;
+  label: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
+    root: string;
+  }>;
+  size: VariantMap<"sm" | "md" | "lg", {
+    circle: string;
+  }>;
+}, {
+  root: string;
+  circle: string;
+  label: string;
+}>>;
+type SpinnerStyleProps = Parameters<typeof spinnerStyles>[0];
+//#endregion
+export { SpinnerStyleProps, spinnerStyles };
+//# sourceMappingURL=spinner.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.styles.d.mts","names":[],"sources":["../../src/spinner/spinner.styles.ts"],"mappings":";;;;;;;;cA4Ca,2CAAa;;IArBiB;;;IASA;;;;;;;;IATA;;;IASA;;;;;;;;IATA;;;IASA;;;;;;;KAkB/B,oBAAoB,kBAAkB"}