@novi-ui/tactile 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -10,7 +10,7 @@ declare const avatarStyles: import("tailwind-variants").TVReturnType<{
10
10
  size: VariantMap<"sm" | "md" | "lg", {
11
11
  root: string;
12
12
  }>;
13
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
13
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
14
14
  root: string;
15
15
  }>;
16
16
  }, {
@@ -22,7 +22,7 @@ declare const avatarStyles: import("tailwind-variants").TVReturnType<{
22
22
  size: VariantMap<"sm" | "md" | "lg", {
23
23
  root: string;
24
24
  }>;
25
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
25
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
26
26
  root: string;
27
27
  }>;
28
28
  }, {
@@ -34,7 +34,7 @@ declare const avatarStyles: import("tailwind-variants").TVReturnType<{
34
34
  size: VariantMap<"sm" | "md" | "lg", {
35
35
  root: string;
36
36
  }>;
37
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
37
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
38
38
  root: string;
39
39
  }>;
40
40
  }, {
@@ -14,7 +14,7 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
14
14
  root: string;
15
15
  dot: string;
16
16
  }>;
17
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
17
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
18
18
  root: string;
19
19
  }>;
20
20
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -32,7 +32,7 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
32
32
  root: string;
33
33
  dot: string;
34
34
  }>;
35
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
35
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
36
36
  root: string;
37
37
  }>;
38
38
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -50,7 +50,7 @@ declare const badgeStyles: import("tailwind-variants").TVReturnType<{
50
50
  root: string;
51
51
  dot: string;
52
52
  }>;
53
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
53
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
54
54
  root: string;
55
55
  }>;
56
56
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -25,7 +25,7 @@ declare const buttonStyles: import("tailwind-variants").TVReturnType<{
25
25
  size: VariantMap<"sm" | "md" | "lg", {
26
26
  root: string;
27
27
  }>;
28
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
28
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
29
29
  root: string;
30
30
  }>;
31
31
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -44,7 +44,7 @@ declare const buttonStyles: import("tailwind-variants").TVReturnType<{
44
44
  size: VariantMap<"sm" | "md" | "lg", {
45
45
  root: string;
46
46
  }>;
47
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
47
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
48
48
  root: string;
49
49
  }>;
50
50
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -63,7 +63,7 @@ declare const buttonStyles: import("tailwind-variants").TVReturnType<{
63
63
  size: VariantMap<"sm" | "md" | "lg", {
64
64
  root: string;
65
65
  }>;
66
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
66
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
67
67
  root: string;
68
68
  }>;
69
69
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -10,7 +10,7 @@ declare const cardStyles: import("tailwind-variants").TVReturnType<{
10
10
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
11
11
  root: string;
12
12
  }>;
13
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
13
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
14
14
  root: string;
15
15
  }>;
16
16
  isPressable: {
@@ -29,7 +29,7 @@ declare const cardStyles: import("tailwind-variants").TVReturnType<{
29
29
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
30
30
  root: string;
31
31
  }>;
32
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
32
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
33
33
  root: string;
34
34
  }>;
35
35
  isPressable: {
@@ -48,7 +48,7 @@ declare const cardStyles: import("tailwind-variants").TVReturnType<{
48
48
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
49
49
  root: string;
50
50
  }>;
51
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
51
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
52
52
  root: string;
53
53
  }>;
54
54
  isPressable: {
@@ -22,7 +22,7 @@ declare const inputStyles: import("tailwind-variants").TVReturnType<{
22
22
  inputWrapper: string;
23
23
  input: string;
24
24
  }>;
25
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
25
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
26
26
  inputWrapper: string;
27
27
  }>;
28
28
  }, {
@@ -42,7 +42,7 @@ declare const inputStyles: import("tailwind-variants").TVReturnType<{
42
42
  inputWrapper: string;
43
43
  input: string;
44
44
  }>;
45
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
45
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
46
46
  inputWrapper: string;
47
47
  }>;
48
48
  }, {
@@ -62,7 +62,7 @@ declare const inputStyles: import("tailwind-variants").TVReturnType<{
62
62
  inputWrapper: string;
63
63
  input: string;
64
64
  }>;
65
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
65
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
66
66
  inputWrapper: string;
67
67
  }>;
68
68
  }, {
@@ -12,8 +12,8 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
12
12
  trigger?: import("tailwind-variants").ClassValue;
13
13
  list?: import("tailwind-variants").ClassValue;
14
14
  separator?: import("tailwind-variants").ClassValue;
15
- popover?: import("tailwind-variants").ClassValue;
16
15
  itemLabel?: import("tailwind-variants").ClassValue;
16
+ popover?: import("tailwind-variants").ClassValue;
17
17
  itemDescription?: import("tailwind-variants").ClassValue;
18
18
  itemShortcut?: import("tailwind-variants").ClassValue;
19
19
  section?: import("tailwind-variants").ClassValue;
@@ -27,8 +27,8 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
27
27
  trigger?: import("tailwind-variants").ClassValue;
28
28
  list?: import("tailwind-variants").ClassValue;
29
29
  separator?: import("tailwind-variants").ClassValue;
30
- popover?: import("tailwind-variants").ClassValue;
31
30
  itemLabel?: import("tailwind-variants").ClassValue;
31
+ popover?: import("tailwind-variants").ClassValue;
32
32
  itemDescription?: import("tailwind-variants").ClassValue;
33
33
  itemShortcut?: import("tailwind-variants").ClassValue;
34
34
  section?: import("tailwind-variants").ClassValue;
@@ -53,8 +53,8 @@ declare const menuStyles: import("tailwind-variants").TVReturnType<{
53
53
  trigger?: import("tailwind-variants").ClassValue;
54
54
  list?: import("tailwind-variants").ClassValue;
55
55
  separator?: import("tailwind-variants").ClassValue;
56
- popover?: import("tailwind-variants").ClassValue;
57
56
  itemLabel?: import("tailwind-variants").ClassValue;
57
+ popover?: import("tailwind-variants").ClassValue;
58
58
  itemDescription?: import("tailwind-variants").ClassValue;
59
59
  itemShortcut?: import("tailwind-variants").ClassValue;
60
60
  section?: import("tailwind-variants").ClassValue;
@@ -13,7 +13,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
13
13
  size: VariantMap<"sm" | "md" | "lg" | "full", {
14
14
  panel: string;
15
15
  }>;
16
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
16
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
17
17
  panel: string;
18
18
  }>;
19
19
  }, {
@@ -27,7 +27,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
27
27
  size: VariantMap<"sm" | "md" | "lg" | "full", {
28
28
  panel: string;
29
29
  }>;
30
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
30
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
31
31
  panel: string;
32
32
  }>;
33
33
  }, {
@@ -41,7 +41,7 @@ declare const modalStyles: import("tailwind-variants").TVReturnType<{
41
41
  size: VariantMap<"sm" | "md" | "lg" | "full", {
42
42
  panel: string;
43
43
  }>;
44
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
44
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
45
45
  panel: string;
46
46
  }>;
47
47
  }, {
@@ -14,7 +14,7 @@ declare function PopoverContent({ children, className }: {
14
14
  /**
15
15
  * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。
16
16
  *
17
- * Raster では矢印(arrow slot)を描画しない。任意 slot を省略できることの実例。
17
+ * 矢印(arrow slot)は描画しない。任意 slot を省略できることの実例。
18
18
  *
19
19
  * @example
20
20
  * <Popover placement="bottom">
@@ -19,7 +19,7 @@ function PopoverContent({ children, className }) {
19
19
  /**
20
20
  * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。
21
21
  *
22
- * Raster では矢印(arrow slot)を描画しない。任意 slot を省略できることの実例。
22
+ * 矢印(arrow slot)は描画しない。任意 slot を省略できることの実例。
23
23
  *
24
24
  * @example
25
25
  * <Popover placement="bottom">
@@ -1 +1 @@
1
- {"version":3,"file":"popover.mjs","names":["Popover","RACPopover","Tooltip","RACTooltip"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["'use client'\n\nimport type { PopoverProps, TooltipProps } from '@novi-ui/core'\nimport type { ReactNode } from 'react'\nimport {\n Dialog,\n DialogTrigger,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTrigger,\n} from 'react-aria-components'\nimport { popoverStyles, tooltipStyles } from './popover.styles'\n\n/**\n * Popover の中身。\n *\n * @example\n * <PopoverContent>ここに補足を書く</PopoverContent>\n */\nexport function PopoverContent({\n children,\n className,\n}: {\n children?: ReactNode\n className?: string\n}) {\n return (\n <div data-slot=\"content\" className={popoverStyles().content({ class: className })}>\n {children}\n </div>\n )\n}\n\n/**\n * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。\n *\n * Raster では矢印(arrow slot)を描画しない。任意 slot を省略できることの実例。\n *\n * @example\n * <Popover placement=\"bottom\">\n * <Button>詳細</Button>\n * <PopoverContent>ここに補足を書く</PopoverContent>\n * </Popover>\n */\nexport function Popover({\n radius,\n placement = 'bottom',\n offset = 6,\n isOpen,\n defaultOpen,\n onOpenChange,\n children,\n className,\n classNames,\n id,\n}: PopoverProps) {\n const s = popoverStyles({ radius })\n const items = Array.isArray(children) ? children : [children]\n const [trigger, ...content] = items\n\n return (\n <DialogTrigger isOpen={isOpen} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n {trigger}\n <RACPopover\n placement={placement}\n offset={offset}\n data-slot=\"root\"\n className={s.root({ class: [className, classNames?.root] })}\n >\n {/* RAC の Popover は id を受け取らないため Dialog に付ける */}\n <Dialog id={id} className=\"outline-none\">\n {content}\n </Dialog>\n </RACPopover>\n </DialogTrigger>\n )\n}\n\n/**\n * 要素の補足説明。ホバーとフォーカスの両方で開く。\n *\n * ツールチップだけに情報を置かないこと。触れないと読めないため、\n * 操作に必須の情報は本文かラベルに書く。\n *\n * @example\n * <Tooltip content=\"コピーする\">\n * <Button>複製</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n content,\n placement = 'top',\n offset = 6,\n delay = 400,\n isOpen,\n defaultOpen,\n onOpenChange,\n isDisabled,\n children,\n className,\n classNames,\n id,\n}: TooltipProps) {\n const s = tooltipStyles()\n\n return (\n <TooltipTrigger\n isOpen={isOpen}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n isDisabled={isDisabled}\n delay={delay}\n >\n {children}\n <RACTooltip\n placement={placement}\n offset={offset}\n data-slot=\"root\"\n className={s.root({ class: [className, classNames?.root] })}\n >\n {/* RAC の Tooltip は id を受け取らないため中身に付ける */}\n <span id={id} data-slot=\"content\" className={s.content({ class: classNames?.content })}>\n {content}\n </span>\n </RACTooltip>\n </TooltipTrigger>\n )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,eAAe,EAC7B,UACA,aAIC;CACD,OACE,oBAAC,OAAD;EAAK,aAAU;EAAU,WAAW,cAAc,CAAC,CAAC,QAAQ,EAAE,OAAO,UAAU,CAAC;EAC7E;CACE,CAAA;AAET;;;;;;;;;;;;AAaA,SAAgBA,UAAQ,EACtB,QACA,YAAY,UACZ,SAAS,GACT,QACA,aACA,cACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC;CAElC,MAAM,CAAC,SAAS,GAAG,WADL,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;CAG5D,OACE,qBAAC,eAAD;EAAuB;EAAqB;EAA2B;EAAvE,UAAA,CACG,SACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAY;IAAI,WAAU;IACvB,UAAA;GACK,CAAA;EACE,CAAA,CACC;;AAEnB;;;;;;;;;;;;AAaA,SAAgBC,UAAQ,EACtB,SACA,YAAY,OACZ,SAAS,GACT,QAAQ,KACR,QACA,aACA,cACA,YACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc;CAExB,OACE,qBAAC,gBAAD;EACU;EACK;EACC;EACF;EACL;EALT,UAAA,CAOG,UACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAU;IAAI,aAAU;IAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;IAClF,UAAA;GACG,CAAA;EACI,CAAA,CACE;;AAEpB"}
1
+ {"version":3,"file":"popover.mjs","names":["Popover","RACPopover","Tooltip","RACTooltip"],"sources":["../../src/popover/popover.tsx"],"sourcesContent":["'use client'\n\nimport type { PopoverProps, TooltipProps } from '@novi-ui/core'\nimport type { ReactNode } from 'react'\nimport {\n Dialog,\n DialogTrigger,\n Popover as RACPopover,\n Tooltip as RACTooltip,\n TooltipTrigger,\n} from 'react-aria-components'\nimport { popoverStyles, tooltipStyles } from './popover.styles'\n\n/**\n * Popover の中身。\n *\n * @example\n * <PopoverContent>ここに補足を書く</PopoverContent>\n */\nexport function PopoverContent({\n children,\n className,\n}: {\n children?: ReactNode\n className?: string\n}) {\n return (\n <div data-slot=\"content\" className={popoverStyles().content({ class: className })}>\n {children}\n </div>\n )\n}\n\n/**\n * トリガーに紐づいて浮かぶ小さな面。Escape で閉じてトリガーへフォーカスが戻る。\n *\n * 矢印(arrow slot)は描画しない。任意 slot を省略できることの実例。\n *\n * @example\n * <Popover placement=\"bottom\">\n * <Button>詳細</Button>\n * <PopoverContent>ここに補足を書く</PopoverContent>\n * </Popover>\n */\nexport function Popover({\n radius,\n placement = 'bottom',\n offset = 6,\n isOpen,\n defaultOpen,\n onOpenChange,\n children,\n className,\n classNames,\n id,\n}: PopoverProps) {\n const s = popoverStyles({ radius })\n const items = Array.isArray(children) ? children : [children]\n const [trigger, ...content] = items\n\n return (\n <DialogTrigger isOpen={isOpen} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n {trigger}\n <RACPopover\n placement={placement}\n offset={offset}\n data-slot=\"root\"\n className={s.root({ class: [className, classNames?.root] })}\n >\n {/* RAC の Popover は id を受け取らないため Dialog に付ける */}\n <Dialog id={id} className=\"outline-none\">\n {content}\n </Dialog>\n </RACPopover>\n </DialogTrigger>\n )\n}\n\n/**\n * 要素の補足説明。ホバーとフォーカスの両方で開く。\n *\n * ツールチップだけに情報を置かないこと。触れないと読めないため、\n * 操作に必須の情報は本文かラベルに書く。\n *\n * @example\n * <Tooltip content=\"コピーする\">\n * <Button>複製</Button>\n * </Tooltip>\n */\nexport function Tooltip({\n content,\n placement = 'top',\n offset = 6,\n delay = 400,\n isOpen,\n defaultOpen,\n onOpenChange,\n isDisabled,\n children,\n className,\n classNames,\n id,\n}: TooltipProps) {\n const s = tooltipStyles()\n\n return (\n <TooltipTrigger\n isOpen={isOpen}\n defaultOpen={defaultOpen}\n onOpenChange={onOpenChange}\n isDisabled={isDisabled}\n delay={delay}\n >\n {children}\n <RACTooltip\n placement={placement}\n offset={offset}\n data-slot=\"root\"\n className={s.root({ class: [className, classNames?.root] })}\n >\n {/* RAC の Tooltip は id を受け取らないため中身に付ける */}\n <span id={id} data-slot=\"content\" className={s.content({ class: classNames?.content })}>\n {content}\n </span>\n </RACTooltip>\n </TooltipTrigger>\n )\n}\n"],"mappings":";;;;;;;;;;;AAmBA,SAAgB,eAAe,EAC7B,UACA,aAIC;CACD,OACE,oBAAC,OAAD;EAAK,aAAU;EAAU,WAAW,cAAc,CAAC,CAAC,QAAQ,EAAE,OAAO,UAAU,CAAC;EAC7E;CACE,CAAA;AAET;;;;;;;;;;;;AAaA,SAAgBA,UAAQ,EACtB,QACA,YAAY,UACZ,SAAS,GACT,QACA,aACA,cACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc,EAAE,OAAO,CAAC;CAElC,MAAM,CAAC,SAAS,GAAG,WADL,MAAM,QAAQ,QAAQ,IAAI,WAAW,CAAC,QAAQ;CAG5D,OACE,qBAAC,eAAD;EAAuB;EAAqB;EAA2B;EAAvE,UAAA,CACG,SACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAY;IAAI,WAAU;IACvB,UAAA;GACK,CAAA;EACE,CAAA,CACC;;AAEnB;;;;;;;;;;;;AAaA,SAAgBC,UAAQ,EACtB,SACA,YAAY,OACZ,SAAS,GACT,QAAQ,KACR,QACA,aACA,cACA,YACA,UACA,WACA,YACA,MACe;CACf,MAAM,IAAI,cAAc;CAExB,OACE,qBAAC,gBAAD;EACU;EACK;EACC;EACF;EACL;EALT,UAAA,CAOG,UACD,oBAACC,SAAD;GACa;GACH;GACR,aAAU;GACV,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,YAAY,IAAI,EAAE,CAAC;GAG1D,UAAA,oBAAC,QAAD;IAAU;IAAI,aAAU;IAAU,WAAW,EAAE,QAAQ,EAAE,OAAO,YAAY,QAAQ,CAAC;IAClF,UAAA;GACG,CAAA;EACI,CAAA,CACE;;AAEpB"}
@@ -7,7 +7,7 @@ import { VariantMap } from "@novi-ui/core";
7
7
  * const myPopover = tv({ extend: popoverStyles, slots: { content: 'p-6' } })
8
8
  */
9
9
  declare const popoverStyles: import("tailwind-variants").TVReturnType<{
10
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
10
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
11
11
  root: string;
12
12
  }>;
13
13
  }, {
@@ -15,7 +15,7 @@ declare const popoverStyles: import("tailwind-variants").TVReturnType<{
15
15
  arrow: string;
16
16
  content: string;
17
17
  }, undefined, {
18
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
18
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
19
19
  root: string;
20
20
  }>;
21
21
  }, {
@@ -23,7 +23,7 @@ declare const popoverStyles: import("tailwind-variants").TVReturnType<{
23
23
  arrow: string;
24
24
  content: string;
25
25
  }, import("tailwind-variants").TVReturnTypeLike<{
26
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
26
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
27
27
  root: string;
28
28
  }>;
29
29
  }, {
@@ -17,7 +17,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
17
17
  trigger: string;
18
18
  option: string;
19
19
  }>;
20
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
20
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
21
21
  trigger: string;
22
22
  }>;
23
23
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -39,7 +39,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
39
39
  trigger: string;
40
40
  option: string;
41
41
  }>;
42
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
42
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
43
43
  trigger: string;
44
44
  }>;
45
45
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -61,7 +61,7 @@ declare const selectStyles: import("tailwind-variants").TVReturnType<{
61
61
  trigger: string;
62
62
  option: string;
63
63
  }>;
64
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
64
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
65
65
  trigger: string;
66
66
  }>;
67
67
  variant: VariantMap<"solid" | "outline" | "soft" | "ghost" | "plain", {
@@ -7,19 +7,19 @@ import { VariantMap } from "@novi-ui/core";
7
7
  * const mySkeleton = tv({ extend: skeletonStyles, slots: { root: 'opacity-50' } })
8
8
  */
9
9
  declare const skeletonStyles: import("tailwind-variants").TVReturnType<{
10
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
10
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
11
11
  root: string;
12
12
  }>;
13
13
  }, {
14
14
  root: string;
15
15
  }, undefined, {
16
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
16
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
17
17
  root: string;
18
18
  }>;
19
19
  }, {
20
20
  root: string;
21
21
  }, import("tailwind-variants").TVReturnTypeLike<{
22
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
22
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
23
23
  root: string;
24
24
  }>;
25
25
  }, {
@@ -20,7 +20,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
20
20
  inputWrapper: string;
21
21
  textarea: string;
22
22
  }>;
23
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
23
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
24
24
  inputWrapper: string;
25
25
  }>;
26
26
  }, {
@@ -38,7 +38,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
38
38
  inputWrapper: string;
39
39
  textarea: string;
40
40
  }>;
41
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
41
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
42
42
  inputWrapper: string;
43
43
  }>;
44
44
  }, {
@@ -56,7 +56,7 @@ declare const textareaStyles: import("tailwind-variants").TVReturnType<{
56
56
  inputWrapper: string;
57
57
  textarea: string;
58
58
  }>;
59
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
59
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
60
60
  inputWrapper: string;
61
61
  }>;
62
62
  }, {
@@ -10,7 +10,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
10
10
  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
11
11
  root: string;
12
12
  }>;
13
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
13
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
14
14
  root: string;
15
15
  }>;
16
16
  }, {
@@ -26,7 +26,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
26
26
  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
27
27
  root: string;
28
28
  }>;
29
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
29
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
30
30
  root: string;
31
31
  }>;
32
32
  }, {
@@ -42,7 +42,7 @@ declare const toastStyles: import("tailwind-variants").TVReturnType<{
42
42
  color: VariantMap<"default" | "primary" | "secondary" | "success" | "warning" | "danger", {
43
43
  root: string;
44
44
  }>;
45
- radius: VariantMap<"none" | "sm" | "md" | "lg" | "full", {
45
+ radius: VariantMap<"sm" | "md" | "lg" | "none" | "full", {
46
46
  root: string;
47
47
  }>;
48
48
  }, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@novi-ui/tactile",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Novi UI theme 2 — touch-first. Bottom sheets, generous tap targets, soft elevation.",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -32,7 +32,7 @@
32
32
  },
33
33
  "dependencies": {
34
34
  "tailwind-variants": "^3.3.1",
35
- "@novi-ui/core": "0.2.0"
35
+ "@novi-ui/core": "0.3.0"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@size-limit/preset-small-lib": "^13.0.3",
@@ -52,7 +52,7 @@
52
52
  "tsdown": "0.22.14",
53
53
  "typescript": "6.0.3",
54
54
  "vitest": "4.1.11",
55
- "@novi-ui/raster": "0.4.0"
55
+ "@novi-ui/raster": "0.4.1"
56
56
  },
57
57
  "scripts": {
58
58
  "build": "tsdown && node scripts/generate-theme-css.mjs",