@oztix/roadie-components 2.0.1 → 2.0.2

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.
Files changed (164) hide show
  1. package/dist/Accordion.d.ts +42 -21
  2. package/dist/Accordion.d.ts.map +1 -0
  3. package/dist/Accordion.js +1 -2
  4. package/dist/Accordion.js.map +1 -1
  5. package/dist/Autocomplete.d.ts +101 -60
  6. package/dist/Autocomplete.d.ts.map +1 -0
  7. package/dist/Autocomplete.js +1 -2
  8. package/dist/Autocomplete.js.map +1 -1
  9. package/dist/Badge.d.ts +27 -16
  10. package/dist/Badge.d.ts.map +1 -0
  11. package/dist/Badge.js +1 -1
  12. package/dist/Badge.js.map +1 -1
  13. package/dist/Breadcrumb.d.ts +45 -23
  14. package/dist/Breadcrumb.d.ts.map +1 -0
  15. package/dist/Breadcrumb.js +1 -1
  16. package/dist/Breadcrumb.js.map +1 -1
  17. package/dist/Button-CDQ6ik0P.js +2 -0
  18. package/dist/Button-CDQ6ik0P.js.map +1 -0
  19. package/dist/Button-DdE0vCfo.js +2 -0
  20. package/dist/Button-DdE0vCfo.js.map +1 -0
  21. package/dist/Button-Dt1TGgrL.d.ts +26 -0
  22. package/dist/Button-Dt1TGgrL.d.ts.map +1 -0
  23. package/dist/Button.d.ts +3 -17
  24. package/dist/Button.js +1 -2
  25. package/dist/Card.d.ts +56 -30
  26. package/dist/Card.d.ts.map +1 -0
  27. package/dist/Card.js +1 -1
  28. package/dist/Card.js.map +1 -1
  29. package/dist/Code.d.ts +19 -13
  30. package/dist/Code.d.ts.map +1 -0
  31. package/dist/Code.js +1 -1
  32. package/dist/Code.js.map +1 -1
  33. package/dist/Combobox.d.ts +111 -63
  34. package/dist/Combobox.d.ts.map +1 -0
  35. package/dist/Combobox.js +1 -2
  36. package/dist/Combobox.js.map +1 -1
  37. package/dist/Field.d.ts +63 -46
  38. package/dist/Field.d.ts.map +1 -0
  39. package/dist/Field.js +1 -2
  40. package/dist/Field.js.map +1 -1
  41. package/dist/Fieldset.d.ts +34 -22
  42. package/dist/Fieldset.d.ts.map +1 -0
  43. package/dist/Fieldset.js +1 -2
  44. package/dist/Fieldset.js.map +1 -1
  45. package/dist/Highlight.d.ts +20 -15
  46. package/dist/Highlight.d.ts.map +1 -0
  47. package/dist/Highlight.js +1 -2
  48. package/dist/Highlight.js.map +1 -1
  49. package/dist/Indicator.d.ts +20 -12
  50. package/dist/Indicator.d.ts.map +1 -0
  51. package/dist/Indicator.js +1 -1
  52. package/dist/Indicator.js.map +1 -1
  53. package/dist/Input.d.ts +22 -14
  54. package/dist/Input.d.ts.map +1 -0
  55. package/dist/Input.js +1 -2
  56. package/dist/Input.js.map +1 -1
  57. package/dist/Label.d.ts +12 -8
  58. package/dist/Label.d.ts.map +1 -0
  59. package/dist/Label.js +1 -1
  60. package/dist/Label.js.map +1 -1
  61. package/dist/LinkButton-9nnOzX_0.js +2 -0
  62. package/dist/LinkButton-9nnOzX_0.js.map +1 -0
  63. package/dist/LinkButton.d.ts +2 -35
  64. package/dist/LinkButton.js +1 -2
  65. package/dist/Mark.d.ts +19 -12
  66. package/dist/Mark.d.ts.map +1 -0
  67. package/dist/Mark.js +1 -1
  68. package/dist/Mark.js.map +1 -1
  69. package/dist/Marquee.d.ts +27 -16
  70. package/dist/Marquee.d.ts.map +1 -0
  71. package/dist/Marquee.js +5 -2
  72. package/dist/Marquee.js.map +1 -1
  73. package/dist/Prose.d.ts +19 -12
  74. package/dist/Prose.d.ts.map +1 -0
  75. package/dist/Prose.js +1 -1
  76. package/dist/Prose.js.map +1 -1
  77. package/dist/RadioGroup.d.ts +62 -38
  78. package/dist/RadioGroup.d.ts.map +1 -0
  79. package/dist/RadioGroup.js +1 -2
  80. package/dist/RadioGroup.js.map +1 -1
  81. package/dist/Select.d.ts +129 -73
  82. package/dist/Select.d.ts.map +1 -0
  83. package/dist/Select.js +1 -2
  84. package/dist/Select.js.map +1 -1
  85. package/dist/Separator.d.ts +17 -12
  86. package/dist/Separator.d.ts.map +1 -0
  87. package/dist/Separator.js +1 -1
  88. package/dist/Separator.js.map +1 -1
  89. package/dist/SpotIllustration.d.ts +71 -50
  90. package/dist/SpotIllustration.d.ts.map +1 -0
  91. package/dist/SpotIllustration.js +1 -2
  92. package/dist/SpotIllustration.js.map +1 -1
  93. package/dist/Steps.d.ts +102 -62
  94. package/dist/Steps.d.ts.map +1 -0
  95. package/dist/Steps.js +1 -2
  96. package/dist/Steps.js.map +1 -1
  97. package/dist/Textarea.d.ts +22 -13
  98. package/dist/Textarea.d.ts.map +1 -0
  99. package/dist/Textarea.js +1 -2
  100. package/dist/Textarea.js.map +1 -1
  101. package/dist/index-0w-ydb3o.d.ts +50 -0
  102. package/dist/index-0w-ydb3o.d.ts.map +1 -0
  103. package/dist/index-C3_4djmE.d.ts +17 -0
  104. package/dist/index-C3_4djmE.d.ts.map +1 -0
  105. package/dist/index.d.ts +47 -49
  106. package/dist/index.d.ts.map +1 -0
  107. package/dist/index.js +23 -23
  108. package/dist/index.js.map +1 -1
  109. package/dist/variants-DTAwzBl3.js +2 -0
  110. package/dist/variants-DTAwzBl3.js.map +1 -0
  111. package/package.json +6 -5
  112. package/dist/Button-fnIVmjIB.d.ts +0 -18
  113. package/dist/Button.js.map +0 -1
  114. package/dist/LinkButton.js.map +0 -1
  115. package/dist/_chunks/chunk-3H22EQQ6.js +0 -2
  116. package/dist/_chunks/chunk-3H22EQQ6.js.map +0 -1
  117. package/dist/_chunks/chunk-42UB7PQB.js +0 -3
  118. package/dist/_chunks/chunk-42UB7PQB.js.map +0 -1
  119. package/dist/_chunks/chunk-4LGCF3SN.js +0 -3
  120. package/dist/_chunks/chunk-4LGCF3SN.js.map +0 -1
  121. package/dist/_chunks/chunk-AFSDN4WI.js +0 -2
  122. package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
  123. package/dist/_chunks/chunk-BQEJDV7D.js +0 -3
  124. package/dist/_chunks/chunk-BQEJDV7D.js.map +0 -1
  125. package/dist/_chunks/chunk-DRVUAPKN.js +0 -2
  126. package/dist/_chunks/chunk-DRVUAPKN.js.map +0 -1
  127. package/dist/_chunks/chunk-EKOEXSAP.js +0 -2
  128. package/dist/_chunks/chunk-EKOEXSAP.js.map +0 -1
  129. package/dist/_chunks/chunk-FQNVMKKV.js +0 -7
  130. package/dist/_chunks/chunk-FQNVMKKV.js.map +0 -1
  131. package/dist/_chunks/chunk-IEDKSZAQ.js +0 -3
  132. package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
  133. package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
  134. package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
  135. package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
  136. package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
  137. package/dist/_chunks/chunk-LHNOY24C.js +0 -2
  138. package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
  139. package/dist/_chunks/chunk-LMV3JECI.js +0 -3
  140. package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
  141. package/dist/_chunks/chunk-MDRAL676.js +0 -3
  142. package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
  143. package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
  144. package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
  145. package/dist/_chunks/chunk-NRVNUMJE.js +0 -2
  146. package/dist/_chunks/chunk-NRVNUMJE.js.map +0 -1
  147. package/dist/_chunks/chunk-OIAETOZT.js +0 -3
  148. package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
  149. package/dist/_chunks/chunk-OIZX63GZ.js +0 -2
  150. package/dist/_chunks/chunk-OIZX63GZ.js.map +0 -1
  151. package/dist/_chunks/chunk-OPR5JL7N.js +0 -3
  152. package/dist/_chunks/chunk-OPR5JL7N.js.map +0 -1
  153. package/dist/_chunks/chunk-SCS7WZ6Z.js +0 -3
  154. package/dist/_chunks/chunk-SCS7WZ6Z.js.map +0 -1
  155. package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
  156. package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
  157. package/dist/_chunks/chunk-WOU2B425.js +0 -3
  158. package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
  159. package/dist/_chunks/chunk-XERFFH3S.js +0 -3
  160. package/dist/_chunks/chunk-XERFFH3S.js.map +0 -1
  161. package/dist/_chunks/chunk-XRFHVFJ5.js +0 -3
  162. package/dist/_chunks/chunk-XRFHVFJ5.js.map +0 -1
  163. package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
  164. package/dist/_chunks/chunk-ZXR32FYA.js.map +0 -1
@@ -0,0 +1,26 @@
1
+ import { Button } from "@base-ui/react/button";
2
+ import { VariantProps } from "class-variance-authority";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+ import { RefAttributes } from "react";
5
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
6
+
7
+ //#region src/components/Button/Button.d.ts
8
+ declare const buttonVariants: (props?: ({
9
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
10
+ emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
11
+ size?: "sm" | "md" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-md" | "icon-lg" | null | undefined;
12
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
13
+ type ButtonProps = Button.Props & RefAttributes<HTMLElement> & VariantProps<typeof buttonVariants>;
14
+ declare function Button$1({
15
+ className,
16
+ intent,
17
+ emphasis,
18
+ size,
19
+ ...props
20
+ }: ButtonProps): _$react_jsx_runtime0.JSX.Element;
21
+ declare namespace Button$1 {
22
+ var displayName: string;
23
+ }
24
+ //#endregion
25
+ export { ButtonProps as n, buttonVariants as r, Button$1 as t };
26
+ //# sourceMappingURL=Button-Dt1TGgrL.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button-Dt1TGgrL.d.ts","names":[],"sources":["../src/components/Button/Button.tsx"],"mappings":";;;;;;;cAWa,cAAA,GAAc,KAAA;;;;IAwBzB,iCAAA,CAAA,SAAA;AAAA,KAEU,WAAA,GAAc,MAAA,CAAgB,KAAA,GACxC,aAAA,CAAc,WAAA,IACd,YAAA,QAAoB,cAAA;AAAA,iBAEN,QAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EAAA,GACG;AAAA,GACF,WAAA,GAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANE,QAAA;EAAA,IAAM,WAAA;AAAA"}
package/dist/Button.d.ts CHANGED
@@ -1,17 +1,3 @@
1
- import { a as ButtonProps } from './Button-fnIVmjIB.js';
2
- export { B as Button, b as buttonVariants } from './Button-fnIVmjIB.js';
3
- import * as react_jsx_runtime from 'react/jsx-runtime';
4
- import 'class-variance-authority/types';
5
- import 'react';
6
- import '@base-ui/react/button';
7
- import 'class-variance-authority';
8
-
9
- type IconButtonProps = Omit<ButtonProps, 'aria-label'> & {
10
- 'aria-label': string;
11
- };
12
- declare function IconButton({ size, ...props }: IconButtonProps): react_jsx_runtime.JSX.Element;
13
- declare namespace IconButton {
14
- var displayName: string;
15
- }
16
-
17
- export { ButtonProps, IconButton, type IconButtonProps };
1
+ import { n as ButtonProps, r as buttonVariants, t as Button } from "./Button-Dt1TGgrL.js";
2
+ import { n as IconButtonProps, t as IconButton } from "./index-C3_4djmE.js";
3
+ export { Button, ButtonProps, IconButton, IconButtonProps, buttonVariants };
package/dist/Button.js CHANGED
@@ -1,2 +1 @@
1
- export{a as IconButton}from'./_chunks/chunk-OIZX63GZ.js';export{b as Button,a as buttonVariants}from'./_chunks/chunk-NRVNUMJE.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Button.js.map
2
- //# sourceMappingURL=Button.js.map
1
+ import{n as e,t}from"./Button-CDQ6ik0P.js";import{t as n}from"./Button-DdE0vCfo.js";export{t as Button,n as IconButton,e as buttonVariants};
package/dist/Card.d.ts CHANGED
@@ -1,51 +1,77 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ElementType, ComponentProps, ImgHTMLAttributes } from 'react';
4
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { ComponentProps, ElementType, ImgHTMLAttributes } from "react";
4
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
6
+ //#region src/components/Card/index.d.ts
6
7
  declare const cardVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
9
- } & class_variance_authority_types.ClassProp) | undefined) => string;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "normal" | "subtle" | "subtler" | "raised" | null | undefined;
10
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
10
11
  type CardOwnProps<T extends ElementType = 'div'> = {
11
- as?: T;
12
+ as?: T;
12
13
  } & VariantProps<typeof cardVariants>;
13
14
  type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> & Omit<ComponentProps<T>, keyof CardOwnProps<T>>;
14
- declare function CardRoot<T extends ElementType = 'div'>({ as, className, intent, emphasis, ...props }: CardProps<T>): react_jsx_runtime.JSX.Element;
15
+ declare function CardRoot<T extends ElementType = 'div'>({
16
+ as,
17
+ className,
18
+ intent,
19
+ emphasis,
20
+ ...props
21
+ }: CardProps<T>): _$react_jsx_runtime0.JSX.Element;
15
22
  declare namespace CardRoot {
16
- var displayName: string;
23
+ var displayName: string;
17
24
  }
18
- declare function CardHeader({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
25
+ declare function CardHeader({
26
+ className,
27
+ ...props
28
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
19
29
  declare namespace CardHeader {
20
- var displayName: string;
30
+ var displayName: string;
21
31
  }
22
- declare function CardContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
32
+ declare function CardContent({
33
+ className,
34
+ ...props
35
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
23
36
  declare namespace CardContent {
24
- var displayName: string;
37
+ var displayName: string;
25
38
  }
26
- declare function CardFooter({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
39
+ declare function CardFooter({
40
+ className,
41
+ ...props
42
+ }: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
27
43
  declare namespace CardFooter {
28
- var displayName: string;
44
+ var displayName: string;
29
45
  }
30
- declare function CardImage({ className, ...props }: ImgHTMLAttributes<HTMLImageElement>): react_jsx_runtime.JSX.Element;
46
+ declare function CardImage({
47
+ className,
48
+ ...props
49
+ }: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
31
50
  declare namespace CardImage {
32
- var displayName: string;
51
+ var displayName: string;
33
52
  }
34
- declare function CardTitle({ className, ...props }: ComponentProps<'h3'>): react_jsx_runtime.JSX.Element;
53
+ declare function CardTitle({
54
+ className,
55
+ ...props
56
+ }: ComponentProps<'h3'>): _$react_jsx_runtime0.JSX.Element;
35
57
  declare namespace CardTitle {
36
- var displayName: string;
58
+ var displayName: string;
37
59
  }
38
- declare function CardDescription({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
60
+ declare function CardDescription({
61
+ className,
62
+ ...props
63
+ }: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
39
64
  declare namespace CardDescription {
40
- var displayName: string;
65
+ var displayName: string;
41
66
  }
42
67
  declare const Card: typeof CardRoot & {
43
- Header: typeof CardHeader;
44
- Content: typeof CardContent;
45
- Footer: typeof CardFooter;
46
- Image: typeof CardImage;
47
- Title: typeof CardTitle;
48
- Description: typeof CardDescription;
68
+ Header: typeof CardHeader;
69
+ Content: typeof CardContent;
70
+ Footer: typeof CardFooter;
71
+ Image: typeof CardImage;
72
+ Title: typeof CardTitle;
73
+ Description: typeof CardDescription;
49
74
  };
50
-
51
- export { Card, type CardProps, cardVariants };
75
+ //#endregion
76
+ export { Card, CardProps, cardVariants };
77
+ //# sourceMappingURL=Card.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Card.d.ts","names":[],"sources":["../src/components/Card/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAavB,iCAAA,CAAA,SAAA;AAAA,KAEG,YAAA,WAAuB,WAAA;EAC1B,EAAA,GAAK,CAAA;AAAA,IACH,YAAA,QAAoB,YAAA;AAAA,KAEZ,SAAA,WAAoB,WAAA,YAAuB,YAAA,CAAa,CAAA,IAClE,IAAA,CAAK,cAAA,CAAe,CAAA,SAAU,YAAA,CAAa,CAAA;AAAA,iBAEpC,QAAA,WAAmB,WAAA,SAAA,CAAA;EAC1B,EAAA;EACA,SAAA;EACA,MAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,SAAA,CAAU,CAAA,IAAE,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBANN,QAAA;EAAA,IAAQ,WAAA;AAAA;AAAA,iBAwBR,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,WAAA,CAAA;EAAc,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA1D,WAAA;EAAA,IAAW,WAAA;AAAA;AAAA,iBAcX,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,UAAA;EAAA,IAAU,WAAA;AAAA;AAAA,iBAcV,SAAA,CAAA;EACP,SAAA;EAAA,GACG;AAAA,GACF,iBAAA,CAAkB,gBAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAH7B,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAmBT,SAAA,CAAA;EAAY,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,SAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAvD,SAAA;EAAA,IAAS,WAAA;AAAA;AAAA,iBAQT,eAAA,CAAA;EAAkB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,QAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAA5D,eAAA;EAAA,IAAe,WAAA;AAAA;AAAA,cAMX,IAAA,SAOA,QAAA;EACX,MAAA,SAAe,UAAA;EACf,OAAA,SAAgB,WAAA;EAChB,MAAA,SAAe,UAAA;EACf,KAAA,SAAc,SAAA;EACd,KAAA,SAAc,SAAA;EACd,WAAA,SAAoB,eAAA;AAAA"}
package/dist/Card.js CHANGED
@@ -1,2 +1,2 @@
1
- export{b as Card,a as cardVariants}from'./_chunks/chunk-LHNOY24C.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Card.js.map
1
+ import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`grid content-start rounded-xl group/card`,{variants:{intent:e,emphasis:{raised:`emphasis-raised`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler p-2 gap-4 -m-2`,normal:`emphasis-normal`}},defaultVariants:{emphasis:`normal`}});function a({as:e,className:t,intent:a,emphasis:o,...s}){let c=s,l=!!c.href||!!c.onClick;return r(e||(c.href?`a`:`div`),{className:n(i({intent:a,emphasis:o}),l&&`is-interactive`,t),...s})}a.displayName=`Card`;function o({className:e,...t}){return r(`div`,{className:n(`grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0`,e),...t})}o.displayName=`Card.Header`;function s({className:e,...t}){return r(`div`,{className:n(`px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0`,e),...t})}s.displayName=`Card.Content`;function c({className:e,...t}){return r(`div`,{className:n(`flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0`,e),...t})}c.displayName=`Card.Footer`;function l({className:e,...t}){return r(`div`,{className:`overflow-hidden rounded-xl`,children:r(`img`,{className:n(`aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105`,e),...t})})}l.displayName=`Card.Image`;function u({className:e,...t}){return r(`h3`,{className:n(`text-display-ui-6 text-strong`,e),...t})}u.displayName=`Card.Title`;function d({className:e,...t}){return r(`p`,{className:n(`text-sm text-subtle`,e),...t})}d.displayName=`Card.Description`;const f=Object.assign(a,{Header:o,Content:s,Footer:c,Image:l,Title:u,Description:d});export{f as Card,i as cardVariants};
2
2
  //# sourceMappingURL=Card.js.map
package/dist/Card.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Card.js"}
1
+ {"version":3,"file":"Card.js","names":[],"sources":["../src/components/Card/index.tsx"],"sourcesContent":["import type { ComponentProps, ElementType, ImgHTMLAttributes } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const cardVariants = cva('grid content-start rounded-xl group/card', {\n variants: {\n intent: intentVariants,\n emphasis: {\n raised: 'emphasis-raised',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler p-2 gap-4 -m-2',\n normal: 'emphasis-normal'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n})\n\ntype CardOwnProps<T extends ElementType = 'div'> = {\n as?: T\n} & VariantProps<typeof cardVariants>\n\nexport type CardProps<T extends ElementType = 'div'> = CardOwnProps<T> &\n Omit<ComponentProps<T>, keyof CardOwnProps<T>>\n\nfunction CardRoot<T extends ElementType = 'div'>({\n as,\n className,\n intent,\n emphasis,\n ...props\n}: CardProps<T>) {\n const rest = props as Record<string, unknown>\n const isInteractive = !!rest.href || !!rest.onClick\n const Component = as || (rest.href ? 'a' : 'div')\n return (\n <Component\n className={cn(\n cardVariants({ intent, emphasis }),\n isInteractive && 'is-interactive',\n className\n )}\n {...props}\n />\n )\n}\n\nCardRoot.displayName = 'Card'\n\nfunction CardHeader({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'grid gap-1.5 px-6 pt-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pt-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardHeader.displayName = 'Card.Header'\n\nfunction CardContent({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'px-6 py-4 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:py-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardContent.displayName = 'Card.Content'\n\nfunction CardFooter({ className, ...props }: ComponentProps<'div'>) {\n return (\n <div\n className={cn(\n 'flex items-center gap-2 px-6 pb-6 group-[.emphasis-subtler]/card:px-0 group-[.emphasis-subtler]/card:pb-0',\n className\n )}\n {...props}\n />\n )\n}\n\nCardFooter.displayName = 'Card.Footer'\n\nfunction CardImage({\n className,\n ...props\n}: ImgHTMLAttributes<HTMLImageElement>) {\n return (\n <div className='overflow-hidden rounded-xl'>\n <img\n className={cn(\n 'aspect-2/1 w-full object-cover transition-transform duration-300 group-hover/card:scale-105',\n className\n )}\n {...props}\n />\n </div>\n )\n}\n\nCardImage.displayName = 'Card.Image'\n\nfunction CardTitle({ className, ...props }: ComponentProps<'h3'>) {\n return (\n <h3 className={cn('text-display-ui-6 text-strong', className)} {...props} />\n )\n}\n\nCardTitle.displayName = 'Card.Title'\n\nfunction CardDescription({ className, ...props }: ComponentProps<'p'>) {\n return <p className={cn('text-sm text-subtle', className)} {...props} />\n}\n\nCardDescription.displayName = 'Card.Description'\n\nexport const Card = Object.assign(CardRoot, {\n Header: CardHeader,\n Content: CardContent,\n Footer: CardFooter,\n Image: CardImage,\n Title: CardTitle,\n Description: CardDescription\n}) as typeof CardRoot & {\n Header: typeof CardHeader\n Content: typeof CardContent\n Footer: typeof CardFooter\n Image: typeof CardImage\n Title: typeof CardTitle\n Description: typeof CardDescription\n}\n"],"mappings":"gLAQA,MAAa,EAAe,EAAI,2CAA4C,CAC1E,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,kCACT,OAAQ,kBACT,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CAAC,CASF,SAAS,EAAwC,CAC/C,KACA,YACA,SACA,WACA,GAAG,GACY,CACf,IAAM,EAAO,EACP,EAAgB,CAAC,CAAC,EAAK,MAAQ,CAAC,CAAC,EAAK,QAE5C,OACE,EAFgB,IAAO,EAAK,KAAO,IAAM,OAEzC,CACE,UAAW,EACT,EAAa,CAAE,SAAQ,WAAU,CAAC,CAClC,GAAiB,iBACjB,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAS,YAAc,OAEvB,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,iGACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAY,CAAE,YAAW,GAAG,GAAgC,CACnE,OACE,EAAC,MAAD,CACE,UAAW,EACT,oFACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAY,YAAc,eAE1B,SAAS,EAAW,CAAE,YAAW,GAAG,GAAgC,CAClE,OACE,EAAC,MAAD,CACE,UAAW,EACT,4GACA,EACD,CACD,GAAI,EACJ,CAAA,CAIN,EAAW,YAAc,cAEzB,SAAS,EAAU,CACjB,YACA,GAAG,GACmC,CACtC,OACE,EAAC,MAAD,CAAK,UAAU,sCACb,EAAC,MAAD,CACE,UAAW,EACT,8FACA,EACD,CACD,GAAI,EACJ,CAAA,CACE,CAAA,CAIV,EAAU,YAAc,aAExB,SAAS,EAAU,CAAE,YAAW,GAAG,GAA+B,CAChE,OACE,EAAC,KAAD,CAAI,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,EAAS,CAAA,CAIhF,EAAU,YAAc,aAExB,SAAS,EAAgB,CAAE,YAAW,GAAG,GAA8B,CACrE,OAAO,EAAC,IAAD,CAAG,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,EAAS,CAAA,CAG1E,EAAgB,YAAc,mBAE9B,MAAa,EAAO,OAAO,OAAO,EAAU,CAC1C,OAAQ,EACR,QAAS,EACT,OAAQ,EACR,MAAO,EACP,MAAO,EACP,YAAa,EACd,CAAC"}
package/dist/Code.d.ts CHANGED
@@ -1,17 +1,23 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { ComponentProps } from 'react';
4
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { ComponentProps } from "react";
4
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
5
5
 
6
+ //#region src/components/Code/index.d.ts
6
7
  declare const codeVariants: (props?: ({
7
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
8
- emphasis?: "strong" | "normal" | "subtle" | "subtler" | null | undefined;
9
- } & class_variance_authority_types.ClassProp) | undefined) => string;
10
- interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {
11
- }
12
- declare function Code({ className, intent, emphasis, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
8
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
9
+ emphasis?: "normal" | "strong" | "subtle" | "subtler" | null | undefined;
10
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
11
+ interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {}
12
+ declare function Code({
13
+ className,
14
+ intent,
15
+ emphasis,
16
+ ...props
17
+ }: CodeProps): _$react_jsx_runtime0.JSX.Element;
13
18
  declare namespace Code {
14
- var displayName: string;
19
+ var displayName: string;
15
20
  }
16
-
17
- export { Code, type CodeProps, codeVariants };
21
+ //#endregion
22
+ export { Code, CodeProps, codeVariants };
23
+ //# sourceMappingURL=Code.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Code.d.ts","names":[],"sources":["../src/components/Code/index.tsx"],"mappings":";;;;;;cAQa,YAAA,GAAY,KAAA;;;IAgBxB,iCAAA,CAAA,SAAA;AAAA,UAEgB,SAAA,SACP,cAAA,UACN,YAAA,QAAoB,YAAA;AAAA,iBAER,IAAA,CAAA;EAAO,SAAA;EAAW,MAAA;EAAQ,QAAA;EAAA,GAAa;AAAA,GAAS,SAAA,GAAS,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,kBAAzD,IAAA;EAAA,IAAI,WAAA;AAAA"}
package/dist/Code.js CHANGED
@@ -1,2 +1,2 @@
1
- export{b as Code,a as codeVariants}from'./_chunks/chunk-DRVUAPKN.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Code.js.map
1
+ import{t as e}from"./variants-DTAwzBl3.js";import{cva as t}from"class-variance-authority";import{cn as n}from"@oztix/roadie-core/utils";import{jsx as r}from"react/jsx-runtime";const i=t(`font-mono rounded-md px-1.5 py-0.5 text-[0.9em]`,{variants:{intent:e,emphasis:{normal:`emphasis-normal`,strong:`emphasis-strong`,subtle:`emphasis-subtle`,subtler:`emphasis-subtler`}},defaultVariants:{emphasis:`normal`}});function a({className:e,intent:t,emphasis:a,...o}){return r(`code`,{className:n(i({intent:t,emphasis:a,className:e})),...o})}a.displayName=`Code`;export{a as Code,i as codeVariants};
2
2
  //# sourceMappingURL=Code.js.map
package/dist/Code.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Code.js"}
1
+ {"version":3,"file":"Code.js","names":[],"sources":["../src/components/Code/index.tsx"],"sourcesContent":["import type { ComponentProps } from 'react'\n\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\n\nexport const codeVariants = cva(\n 'font-mono rounded-md px-1.5 py-0.5 text-[0.9em]',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal: 'emphasis-normal',\n strong: 'emphasis-strong',\n subtle: 'emphasis-subtle',\n subtler: 'emphasis-subtler'\n }\n },\n defaultVariants: {\n emphasis: 'normal'\n }\n }\n)\n\nexport interface CodeProps\n extends ComponentProps<'code'>,\n VariantProps<typeof codeVariants> {}\n\nexport function Code({ className, intent, emphasis, ...props }: CodeProps) {\n return (\n <code\n className={cn(codeVariants({ intent, emphasis, className }))}\n {...props}\n />\n )\n}\n\nCode.displayName = 'Code'\n"],"mappings":"gLAQA,MAAa,EAAe,EAC1B,kDACA,CACE,SAAU,CACR,OAAQ,EACR,SAAU,CACR,OAAQ,kBACR,OAAQ,kBACR,OAAQ,kBACR,QAAS,mBACV,CACF,CACD,gBAAiB,CACf,SAAU,SACX,CACF,CACF,CAMD,SAAgB,EAAK,CAAE,YAAW,SAAQ,WAAU,GAAG,GAAoB,CACzE,OACE,EAAC,OAAD,CACE,UAAW,EAAG,EAAa,CAAE,SAAQ,WAAU,YAAW,CAAC,CAAC,CAC5D,GAAI,EACJ,CAAA,CAIN,EAAK,YAAc"}
@@ -1,120 +1,168 @@
1
- import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as class_variance_authority_types from 'class-variance-authority/types';
3
- import { RefAttributes } from 'react';
4
- import { Combobox as Combobox$1 } from '@base-ui/react/combobox';
5
- export { ComboboxFilter as Filter, ComboboxFilterOptions as FilterOptions } from '@base-ui/react/combobox';
6
- import { VariantProps } from 'class-variance-authority';
1
+ import { VariantProps } from "class-variance-authority";
2
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
3
+ import { RefAttributes } from "react";
4
+ import { Combobox as Combobox$1, ComboboxFilter, ComboboxFilterOptions } from "@base-ui/react/combobox";
5
+ import * as _$class_variance_authority_types0 from "class-variance-authority/types";
7
6
 
7
+ //#region src/components/Combobox/index.d.ts
8
8
  declare const useFilter: typeof Combobox$1.useFilter;
9
-
10
9
  declare const comboboxInputGroupVariants: (props?: ({
11
- intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
12
- emphasis?: "normal" | "subtle" | null | undefined;
13
- size?: "sm" | "md" | "lg" | null | undefined;
14
- } & class_variance_authority_types.ClassProp) | undefined) => string;
10
+ intent?: "neutral" | "brand" | "brand-secondary" | "accent" | "danger" | "success" | "warning" | "info" | null | undefined;
11
+ emphasis?: "normal" | "subtle" | null | undefined;
12
+ size?: "sm" | "md" | "lg" | null | undefined;
13
+ } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
15
14
  type ComboboxRootProps = Combobox$1.Root.Props<unknown>;
16
- declare function ComboboxRoot(props: ComboboxRootProps): react_jsx_runtime.JSX.Element;
15
+ declare function ComboboxRoot(props: ComboboxRootProps): _$react_jsx_runtime0.JSX.Element;
17
16
  declare namespace ComboboxRoot {
18
- var displayName: string;
17
+ var displayName: string;
19
18
  }
20
19
  type ComboboxLabelProps = Combobox$1.Label.Props & RefAttributes<HTMLDivElement>;
21
- declare function ComboboxLabel({ className, ...props }: ComboboxLabelProps): react_jsx_runtime.JSX.Element;
20
+ declare function ComboboxLabel({
21
+ className,
22
+ ...props
23
+ }: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
22
24
  declare namespace ComboboxLabel {
23
- var displayName: string;
25
+ var displayName: string;
24
26
  }
25
27
  type ComboboxInputGroupProps = Combobox$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof comboboxInputGroupVariants>;
26
- declare function ComboboxInputGroup({ className, intent, emphasis, size, ...props }: ComboboxInputGroupProps): react_jsx_runtime.JSX.Element;
28
+ declare function ComboboxInputGroup({
29
+ className,
30
+ intent,
31
+ emphasis,
32
+ size,
33
+ ...props
34
+ }: ComboboxInputGroupProps): _$react_jsx_runtime0.JSX.Element;
27
35
  declare namespace ComboboxInputGroup {
28
- var displayName: string;
36
+ var displayName: string;
29
37
  }
30
38
  type ComboboxInputProps = Combobox$1.Input.Props & RefAttributes<HTMLInputElement>;
31
- declare function ComboboxInput({ className, ...props }: ComboboxInputProps): react_jsx_runtime.JSX.Element;
39
+ declare function ComboboxInput({
40
+ className,
41
+ ...props
42
+ }: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
32
43
  declare namespace ComboboxInput {
33
- var displayName: string;
44
+ var displayName: string;
34
45
  }
35
46
  type ComboboxTriggerProps = Combobox$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
36
- declare function ComboboxTrigger({ className, children, ...props }: ComboboxTriggerProps): react_jsx_runtime.JSX.Element;
47
+ declare function ComboboxTrigger({
48
+ className,
49
+ children,
50
+ ...props
51
+ }: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
37
52
  declare namespace ComboboxTrigger {
38
- var displayName: string;
53
+ var displayName: string;
39
54
  }
40
55
  type ComboboxClearProps = Combobox$1.Clear.Props & RefAttributes<HTMLButtonElement>;
41
- declare function ComboboxClear({ className, children, ...props }: ComboboxClearProps): react_jsx_runtime.JSX.Element;
56
+ declare function ComboboxClear({
57
+ className,
58
+ children,
59
+ ...props
60
+ }: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
42
61
  declare namespace ComboboxClear {
43
- var displayName: string;
62
+ var displayName: string;
44
63
  }
45
64
  type ComboboxPortalProps = Combobox$1.Portal.Props & RefAttributes<HTMLDivElement>;
46
- declare function ComboboxPortal(props: ComboboxPortalProps): react_jsx_runtime.JSX.Element;
65
+ declare function ComboboxPortal(props: ComboboxPortalProps): _$react_jsx_runtime0.JSX.Element;
47
66
  declare namespace ComboboxPortal {
48
- var displayName: string;
67
+ var displayName: string;
49
68
  }
50
69
  type ComboboxPositionerProps = Combobox$1.Positioner.Props & RefAttributes<HTMLDivElement>;
51
- declare function ComboboxPositioner({ className, ...props }: ComboboxPositionerProps): react_jsx_runtime.JSX.Element;
70
+ declare function ComboboxPositioner({
71
+ className,
72
+ ...props
73
+ }: ComboboxPositionerProps): _$react_jsx_runtime0.JSX.Element;
52
74
  declare namespace ComboboxPositioner {
53
- var displayName: string;
75
+ var displayName: string;
54
76
  }
55
77
  type ComboboxPopupProps = Combobox$1.Popup.Props & RefAttributes<HTMLDivElement>;
56
- declare function ComboboxPopup({ className, ...props }: ComboboxPopupProps): react_jsx_runtime.JSX.Element;
78
+ declare function ComboboxPopup({
79
+ className,
80
+ ...props
81
+ }: ComboboxPopupProps): _$react_jsx_runtime0.JSX.Element;
57
82
  declare namespace ComboboxPopup {
58
- var displayName: string;
83
+ var displayName: string;
59
84
  }
60
85
  type ComboboxListProps = Combobox$1.List.Props & RefAttributes<HTMLDivElement>;
61
- declare function ComboboxList({ className, ...props }: ComboboxListProps): react_jsx_runtime.JSX.Element;
86
+ declare function ComboboxList({
87
+ className,
88
+ ...props
89
+ }: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
62
90
  declare namespace ComboboxList {
63
- var displayName: string;
91
+ var displayName: string;
64
92
  }
65
93
  type ComboboxItemProps = Combobox$1.Item.Props & RefAttributes<HTMLDivElement>;
66
- declare function ComboboxItem({ className, ...props }: ComboboxItemProps): react_jsx_runtime.JSX.Element;
94
+ declare function ComboboxItem({
95
+ className,
96
+ ...props
97
+ }: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
67
98
  declare namespace ComboboxItem {
68
- var displayName: string;
99
+ var displayName: string;
69
100
  }
70
101
  type ComboboxCollectionProps = Combobox$1.Collection.Props;
71
- declare function ComboboxCollection(props: ComboboxCollectionProps): react_jsx_runtime.JSX.Element;
102
+ declare function ComboboxCollection(props: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
72
103
  declare namespace ComboboxCollection {
73
- var displayName: string;
104
+ var displayName: string;
74
105
  }
75
106
  type ComboboxItemIndicatorProps = Combobox$1.ItemIndicator.Props & RefAttributes<HTMLSpanElement>;
76
- declare function ComboboxItemIndicator({ className, children, ...props }: ComboboxItemIndicatorProps): react_jsx_runtime.JSX.Element;
107
+ declare function ComboboxItemIndicator({
108
+ className,
109
+ children,
110
+ ...props
111
+ }: ComboboxItemIndicatorProps): _$react_jsx_runtime0.JSX.Element;
77
112
  declare namespace ComboboxItemIndicator {
78
- var displayName: string;
113
+ var displayName: string;
79
114
  }
80
115
  type ComboboxGroupProps = Combobox$1.Group.Props & RefAttributes<HTMLDivElement>;
81
- declare function ComboboxGroup({ className, ...props }: ComboboxGroupProps): react_jsx_runtime.JSX.Element;
116
+ declare function ComboboxGroup({
117
+ className,
118
+ ...props
119
+ }: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
82
120
  declare namespace ComboboxGroup {
83
- var displayName: string;
121
+ var displayName: string;
84
122
  }
85
123
  type ComboboxGroupLabelProps = Combobox$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
86
- declare function ComboboxGroupLabel({ className, ...props }: ComboboxGroupLabelProps): react_jsx_runtime.JSX.Element;
124
+ declare function ComboboxGroupLabel({
125
+ className,
126
+ ...props
127
+ }: ComboboxGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
87
128
  declare namespace ComboboxGroupLabel {
88
- var displayName: string;
129
+ var displayName: string;
89
130
  }
90
131
  type ComboboxEmptyProps = Combobox$1.Empty.Props & RefAttributes<HTMLDivElement>;
91
- declare function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps): react_jsx_runtime.JSX.Element;
132
+ declare function ComboboxEmpty({
133
+ className,
134
+ ...props
135
+ }: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
92
136
  declare namespace ComboboxEmpty {
93
- var displayName: string;
137
+ var displayName: string;
94
138
  }
95
139
  type ComboboxStatusProps = Combobox$1.Status.Props & RefAttributes<HTMLDivElement>;
96
- declare function ComboboxStatus({ className, ...props }: ComboboxStatusProps): react_jsx_runtime.JSX.Element;
140
+ declare function ComboboxStatus({
141
+ className,
142
+ ...props
143
+ }: ComboboxStatusProps): _$react_jsx_runtime0.JSX.Element;
97
144
  declare namespace ComboboxStatus {
98
- var displayName: string;
145
+ var displayName: string;
99
146
  }
100
147
  declare const Combobox: typeof ComboboxRoot & {
101
- Label: typeof ComboboxLabel;
102
- InputGroup: typeof ComboboxInputGroup;
103
- Input: typeof ComboboxInput;
104
- Trigger: typeof ComboboxTrigger;
105
- Clear: typeof ComboboxClear;
106
- Portal: typeof ComboboxPortal;
107
- Positioner: typeof ComboboxPositioner;
108
- Popup: typeof ComboboxPopup;
109
- List: typeof ComboboxList;
110
- Item: typeof ComboboxItem;
111
- Collection: typeof ComboboxCollection;
112
- ItemIndicator: typeof ComboboxItemIndicator;
113
- Group: typeof ComboboxGroup;
114
- GroupLabel: typeof ComboboxGroupLabel;
115
- Empty: typeof ComboboxEmpty;
116
- Status: typeof ComboboxStatus;
148
+ Label: typeof ComboboxLabel;
149
+ InputGroup: typeof ComboboxInputGroup;
150
+ Input: typeof ComboboxInput;
151
+ Trigger: typeof ComboboxTrigger;
152
+ Clear: typeof ComboboxClear;
153
+ Portal: typeof ComboboxPortal;
154
+ Positioner: typeof ComboboxPositioner;
155
+ Popup: typeof ComboboxPopup;
156
+ List: typeof ComboboxList;
157
+ Item: typeof ComboboxItem;
158
+ Collection: typeof ComboboxCollection;
159
+ ItemIndicator: typeof ComboboxItemIndicator;
160
+ Group: typeof ComboboxGroup;
161
+ GroupLabel: typeof ComboboxGroupLabel;
162
+ Empty: typeof ComboboxEmpty;
163
+ Status: typeof ComboboxStatus;
117
164
  };
118
165
  type ComboboxProps = ComboboxRootProps;
119
-
120
- export { Combobox, ComboboxClear, type ComboboxClearProps, ComboboxCollection, type ComboboxCollectionProps, ComboboxEmpty, type ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, type ComboboxGroupLabelProps, type ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, type ComboboxInputGroupProps, type ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, type ComboboxItemIndicatorProps, type ComboboxItemProps, ComboboxLabel, type ComboboxLabelProps, ComboboxList, type ComboboxListProps, ComboboxPopup, type ComboboxPopupProps, ComboboxPortal, type ComboboxPortalProps, ComboboxPositioner, type ComboboxPositionerProps, type ComboboxProps, ComboboxRoot, type ComboboxRootProps, ComboboxStatus, type ComboboxStatusProps, ComboboxTrigger, type ComboboxTriggerProps, comboboxInputGroupVariants, useFilter };
166
+ //#endregion
167
+ export { Combobox, ComboboxClear, ComboboxClearProps, ComboboxCollection, ComboboxCollectionProps, ComboboxEmpty, ComboboxEmptyProps, ComboboxGroup, ComboboxGroupLabel, ComboboxGroupLabelProps, ComboboxGroupProps, ComboboxInput, ComboboxInputGroup, ComboboxInputGroupProps, ComboboxInputProps, ComboboxItem, ComboboxItemIndicator, ComboboxItemIndicatorProps, ComboboxItemProps, ComboboxLabel, ComboboxLabelProps, ComboboxList, ComboboxListProps, ComboboxPopup, ComboboxPopupProps, ComboboxPortal, ComboboxPortalProps, ComboboxPositioner, ComboboxPositionerProps, ComboboxProps, ComboboxRoot, ComboboxRootProps, ComboboxStatus, ComboboxStatusProps, ComboboxTrigger, ComboboxTriggerProps, type ComboboxFilter as Filter, type ComboboxFilterOptions as FilterOptions, comboboxInputGroupVariants, useFilter };
168
+ //# sourceMappingURL=Combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Combobox.d.ts","names":[],"sources":["../src/components/Combobox/index.tsx"],"mappings":"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"}
package/dist/Combobox.js CHANGED
@@ -1,3 +1,2 @@
1
- "use client";
2
- export{t as Combobox,h as ComboboxClear,n as ComboboxCollection,r as ComboboxEmpty,p as ComboboxGroup,q as ComboboxGroupLabel,f as ComboboxInput,e as ComboboxInputGroup,m as ComboboxItem,o as ComboboxItemIndicator,d as ComboboxLabel,l as ComboboxList,k as ComboboxPopup,i as ComboboxPortal,j as ComboboxPositioner,c as ComboboxRoot,s as ComboboxStatus,g as ComboboxTrigger,b as comboboxInputGroupVariants,a as useFilter}from'./_chunks/chunk-OPR5JL7N.js';import'./_chunks/chunk-N2HGY7W7.js';import'./_chunks/chunk-OIAETOZT.js';import'./_chunks/chunk-LMV3JECI.js';import'./_chunks/chunk-VSKUGXQG.js';import'./_chunks/chunk-IEDKSZAQ.js';import'./_chunks/chunk-4LGCF3SN.js';//# sourceMappingURL=Combobox.js.map
1
+ "use client";import{t as e}from"./variants-DTAwzBl3.js";import{useFieldContext as t}from"./Field.js";import{cva as n}from"class-variance-authority";import{cn as r}from"@oztix/roadie-core/utils";import{jsx as i}from"react/jsx-runtime";import{CaretDownIcon as a,CheckIcon as o,XIcon as s}from"@phosphor-icons/react";import{Combobox as c}from"@base-ui/react/combobox";const l=c.useFilter,u=n(`inline-flex w-full items-center rounded-lg font-sans`,{variants:{intent:e,emphasis:{normal:`emphasis-sunken border border-subtle is-interactive-field-group`,subtle:`bg-subtle text-normal border border-transparent is-interactive-field-group`},size:{sm:`h-8 px-1.5 text-base`,md:`h-10 px-2 text-base`,lg:`h-12 px-2 text-base`}},defaultVariants:{emphasis:`normal`,size:`md`}});function d(e){return i(c.Root,{...e})}d.displayName=`Combobox`;function f({className:e,...t}){return i(c.Label,{className:r(`text-sm font-medium text-normal`,e),...t})}f.displayName=`Combobox.Label`;function p({className:e,intent:n,emphasis:a,size:o,...s}){let l=t(),d=!!l.fieldId;return i(c.InputGroup,{className:r(u({intent:n,emphasis:a,size:o,className:e})),"aria-invalid":d&&l.invalid||void 0,...s})}p.displayName=`Combobox.InputGroup`;function m({className:e,...n}){let a=t(),o=!!a.fieldId;return i(c.Input,{className:r(`min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle`,e),...o&&{id:a.fieldId,"aria-invalid":a.invalid||void 0,"aria-required":a.required||void 0,"aria-describedby":a.invalid?a.errorTextId||void 0:a.helperTextId||void 0},...n})}m.displayName=`Combobox.Input`;function h({className:e,children:t,...n}){return i(c.Trigger,{className:r(`duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180`,e),...n,children:t??i(a,{weight:`bold`,className:`size-4`})})}h.displayName=`Combobox.Trigger`;function g({className:e,children:t,...n}){return i(c.Clear,{className:r(`shrink-0 cursor-pointer text-subtle hover:text-normal`,e),...n,children:t??i(s,{weight:`bold`,className:`size-4`})})}g.displayName=`Combobox.Clear`;function _(e){return i(c.Portal,{...e})}_.displayName=`Combobox.Portal`;function v({className:e,...t}){return i(c.Positioner,{className:r(`z-50`,e),sideOffset:4,...t})}v.displayName=`Combobox.Positioner`;function y({className:e,...t}){return i(c.Popup,{className:r(`max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg`,`origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0`,e),...t})}y.displayName=`Combobox.Popup`;function b({className:e,...t}){return i(c.List,{className:e,...t})}b.displayName=`Combobox.List`;function x({className:e,...t}){return i(c.Item,{className:r(`flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none`,`data-[highlighted]:bg-subtle`,e),...t})}x.displayName=`Combobox.Item`;function S(e){return i(c.Collection,{...e})}S.displayName=`Combobox.Collection`;function C({className:e,children:t,...n}){return i(c.ItemIndicator,{className:r(`shrink-0 text-subtle`,e),...n,children:t??i(o,{weight:`bold`,className:`size-4`})})}C.displayName=`Combobox.ItemIndicator`;function w({className:e,...t}){return i(c.Group,{className:r(`[&+&]:mt-1`,e),...t})}w.displayName=`Combobox.Group`;function T({className:e,...t}){return i(c.GroupLabel,{className:r(`px-2 py-1.5 text-xs font-medium text-subtle select-none`,e),...t})}T.displayName=`Combobox.GroupLabel`;function E({className:e,...t}){return i(c.Empty,{className:r(`text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4`,e),...t})}E.displayName=`Combobox.Empty`;function D({className:e,...t}){return i(c.Status,{className:r(`sr-only`,e),...t})}D.displayName=`Combobox.Status`;const O=Object.assign(d,{Label:f,InputGroup:p,Input:m,Trigger:h,Clear:g,Portal:_,Positioner:v,Popup:y,List:b,Item:x,Collection:S,ItemIndicator:C,Group:w,GroupLabel:T,Empty:E,Status:D});export{O as Combobox,g as ComboboxClear,S as ComboboxCollection,E as ComboboxEmpty,w as ComboboxGroup,T as ComboboxGroupLabel,m as ComboboxInput,p as ComboboxInputGroup,x as ComboboxItem,C as ComboboxItemIndicator,f as ComboboxLabel,b as ComboboxList,y as ComboboxPopup,_ as ComboboxPortal,v as ComboboxPositioner,d as ComboboxRoot,D as ComboboxStatus,h as ComboboxTrigger,u as comboboxInputGroupVariants,l as useFilter};
3
2
  //# sourceMappingURL=Combobox.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":[],"names":[],"mappings":"","file":"Combobox.js"}
1
+ {"version":3,"file":"Combobox.js","names":["ComboboxPrimitive"],"sources":["../src/components/Combobox/index.tsx"],"sourcesContent":["'use client'\n\nimport type { RefAttributes } from 'react'\n\nimport {\n type ComboboxFilter,\n type ComboboxFilterOptions,\n Combobox as ComboboxPrimitive\n} from '@base-ui/react/combobox'\nimport { CaretDownIcon, CheckIcon, XIcon } from '@phosphor-icons/react'\nimport { type VariantProps, cva } from 'class-variance-authority'\n\nimport { cn } from '@oztix/roadie-core/utils'\n\nimport { intentVariants } from '../../variants'\nimport { useFieldContext } from '../Field'\n\nexport const useFilter = ComboboxPrimitive.useFilter\nexport type { ComboboxFilter as Filter, ComboboxFilterOptions as FilterOptions }\n\n/* ─── Input group variants (matches Input/Select trigger) ─── */\n\nexport const comboboxInputGroupVariants = cva(\n 'inline-flex w-full items-center rounded-lg font-sans',\n {\n variants: {\n intent: intentVariants,\n emphasis: {\n normal:\n 'emphasis-sunken border border-subtle is-interactive-field-group',\n subtle:\n 'bg-subtle text-normal border border-transparent is-interactive-field-group'\n },\n size: {\n sm: 'h-8 px-1.5 text-base',\n md: 'h-10 px-2 text-base',\n lg: 'h-12 px-2 text-base'\n }\n },\n defaultVariants: {\n emphasis: 'normal',\n size: 'md'\n }\n }\n)\n\n/* ─── Root ─── */\n\nexport type ComboboxRootProps = ComboboxPrimitive.Root.Props<unknown>\n\nexport function ComboboxRoot(props: ComboboxRootProps) {\n return <ComboboxPrimitive.Root {...props} />\n}\n\nComboboxRoot.displayName = 'Combobox'\n\n/* ─── Label ─── */\n\nexport type ComboboxLabelProps = ComboboxPrimitive.Label.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxLabel({ className, ...props }: ComboboxLabelProps) {\n return (\n <ComboboxPrimitive.Label\n className={cn('text-sm font-medium text-normal', className)}\n {...props}\n />\n )\n}\n\nComboboxLabel.displayName = 'Combobox.Label'\n\n/* ─── InputGroup ─── */\n\nexport type ComboboxInputGroupProps = ComboboxPrimitive.InputGroup.Props &\n RefAttributes<HTMLDivElement> &\n VariantProps<typeof comboboxInputGroupVariants>\n\nexport function ComboboxInputGroup({\n className,\n intent,\n emphasis,\n size,\n ...props\n}: ComboboxInputGroupProps) {\n const fieldContext = useFieldContext()\n const inField = !!fieldContext.fieldId\n\n return (\n <ComboboxPrimitive.InputGroup\n className={cn(\n comboboxInputGroupVariants({ intent, emphasis, size, className })\n )}\n aria-invalid={(inField && fieldContext.invalid) || undefined}\n {...props}\n />\n )\n}\n\nComboboxInputGroup.displayName = 'Combobox.InputGroup'\n\n/* ─── Input ─── */\n\nexport type ComboboxInputProps = ComboboxPrimitive.Input.Props &\n RefAttributes<HTMLInputElement>\n\nexport function ComboboxInput({ className, ...props }: ComboboxInputProps) {\n const fieldContext = useFieldContext()\n const inField = !!fieldContext.fieldId\n\n return (\n <ComboboxPrimitive.Input\n className={cn(\n 'min-w-0 flex-1 bg-transparent outline-none placeholder:text-subtle',\n className\n )}\n {...(inField && {\n id: fieldContext.fieldId,\n 'aria-invalid': fieldContext.invalid || undefined,\n 'aria-required': fieldContext.required || undefined,\n 'aria-describedby': fieldContext.invalid\n ? fieldContext.errorTextId || undefined\n : fieldContext.helperTextId || undefined\n })}\n {...props}\n />\n )\n}\n\nComboboxInput.displayName = 'Combobox.Input'\n\n/* ─── Trigger ─── */\n\nexport type ComboboxTriggerProps = ComboboxPrimitive.Trigger.Props &\n RefAttributes<HTMLButtonElement>\n\nexport function ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxTriggerProps) {\n return (\n <ComboboxPrimitive.Trigger\n className={cn(\n 'duration-moderate shrink-0 text-subtle transition-transform data-[popup-open]:rotate-180',\n className\n )}\n {...props}\n >\n {children ?? <CaretDownIcon weight='bold' className='size-4' />}\n </ComboboxPrimitive.Trigger>\n )\n}\n\nComboboxTrigger.displayName = 'Combobox.Trigger'\n\n/* ─── Clear ─── */\n\nexport type ComboboxClearProps = ComboboxPrimitive.Clear.Props &\n RefAttributes<HTMLButtonElement>\n\nexport function ComboboxClear({\n className,\n children,\n ...props\n}: ComboboxClearProps) {\n return (\n <ComboboxPrimitive.Clear\n className={cn(\n 'shrink-0 cursor-pointer text-subtle hover:text-normal',\n className\n )}\n {...props}\n >\n {children ?? <XIcon weight='bold' className='size-4' />}\n </ComboboxPrimitive.Clear>\n )\n}\n\nComboboxClear.displayName = 'Combobox.Clear'\n\n/* ─── Portal ─── */\n\nexport type ComboboxPortalProps = ComboboxPrimitive.Portal.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxPortal(props: ComboboxPortalProps) {\n return <ComboboxPrimitive.Portal {...props} />\n}\n\nComboboxPortal.displayName = 'Combobox.Portal'\n\n/* ─── Positioner ─── */\n\nexport type ComboboxPositionerProps = ComboboxPrimitive.Positioner.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxPositioner({\n className,\n ...props\n}: ComboboxPositionerProps) {\n return (\n <ComboboxPrimitive.Positioner\n className={cn('z-50', className)}\n sideOffset={4}\n {...props}\n />\n )\n}\n\nComboboxPositioner.displayName = 'Combobox.Positioner'\n\n/* ─── Popup ─── */\n\nexport type ComboboxPopupProps = ComboboxPrimitive.Popup.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxPopup({ className, ...props }: ComboboxPopupProps) {\n return (\n <ComboboxPrimitive.Popup\n className={cn(\n 'max-h-[var(--available-height)] max-w-[var(--available-width)] min-w-[var(--anchor-width)] overflow-y-auto rounded-xl border border-[var(--intent-border-subtle)] bg-raised p-1 shadow-lg',\n 'origin-[var(--transform-origin)] transition-[transform,scale,opacity] data-[ending-style]:scale-95 data-[ending-style]:opacity-0 data-[starting-style]:scale-95 data-[starting-style]:opacity-0',\n className\n )}\n {...props}\n />\n )\n}\n\nComboboxPopup.displayName = 'Combobox.Popup'\n\n/* ─── List ─── */\n\nexport type ComboboxListProps = ComboboxPrimitive.List.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxList({ className, ...props }: ComboboxListProps) {\n return <ComboboxPrimitive.List className={className} {...props} />\n}\n\nComboboxList.displayName = 'Combobox.List'\n\n/* ─── Item ─── */\n\nexport type ComboboxItemProps = ComboboxPrimitive.Item.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxItem({ className, ...props }: ComboboxItemProps) {\n return (\n <ComboboxPrimitive.Item\n className={cn(\n 'flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 rounded-lg px-2 py-1.5 text-sm text-normal outline-none select-none',\n 'data-[highlighted]:bg-subtle',\n className\n )}\n {...props}\n />\n )\n}\n\nComboboxItem.displayName = 'Combobox.Item'\n\n/* ─── Collection ─── */\n\nexport type ComboboxCollectionProps = ComboboxPrimitive.Collection.Props\n\nexport function ComboboxCollection(props: ComboboxCollectionProps) {\n return <ComboboxPrimitive.Collection {...props} />\n}\n\nComboboxCollection.displayName = 'Combobox.Collection'\n\n/* ─── ItemIndicator ─── */\n\nexport type ComboboxItemIndicatorProps = ComboboxPrimitive.ItemIndicator.Props &\n RefAttributes<HTMLSpanElement>\n\nexport function ComboboxItemIndicator({\n className,\n children,\n ...props\n}: ComboboxItemIndicatorProps) {\n return (\n <ComboboxPrimitive.ItemIndicator\n className={cn('shrink-0 text-subtle', className)}\n {...props}\n >\n {children ?? <CheckIcon weight='bold' className='size-4' />}\n </ComboboxPrimitive.ItemIndicator>\n )\n}\n\nComboboxItemIndicator.displayName = 'Combobox.ItemIndicator'\n\n/* ─── Group ─── */\n\nexport type ComboboxGroupProps = ComboboxPrimitive.Group.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroup({ className, ...props }: ComboboxGroupProps) {\n return (\n <ComboboxPrimitive.Group\n className={cn('[&+&]:mt-1', className)}\n {...props}\n />\n )\n}\n\nComboboxGroup.displayName = 'Combobox.Group'\n\n/* ─── GroupLabel ─── */\n\nexport type ComboboxGroupLabelProps = ComboboxPrimitive.GroupLabel.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxGroupLabel({\n className,\n ...props\n}: ComboboxGroupLabelProps) {\n return (\n <ComboboxPrimitive.GroupLabel\n className={cn(\n 'px-2 py-1.5 text-xs font-medium text-subtle select-none',\n className\n )}\n {...props}\n />\n )\n}\n\nComboboxGroupLabel.displayName = 'Combobox.GroupLabel'\n\n/* ─── Empty ─── */\n\nexport type ComboboxEmptyProps = ComboboxPrimitive.Empty.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxEmpty({ className, ...props }: ComboboxEmptyProps) {\n return (\n <ComboboxPrimitive.Empty\n className={cn(\n 'text-center text-sm text-subtle empty:hidden [&:not(:empty)]:px-3 [&:not(:empty)]:py-4',\n className\n )}\n {...props}\n />\n )\n}\n\nComboboxEmpty.displayName = 'Combobox.Empty'\n\n/* ─── Status ─── */\n\nexport type ComboboxStatusProps = ComboboxPrimitive.Status.Props &\n RefAttributes<HTMLDivElement>\n\nexport function ComboboxStatus({ className, ...props }: ComboboxStatusProps) {\n return (\n <ComboboxPrimitive.Status className={cn('sr-only', className)} {...props} />\n )\n}\n\nComboboxStatus.displayName = 'Combobox.Status'\n\n/* ─── Compound export ─── */\n\nexport const Combobox = Object.assign(ComboboxRoot, {\n Label: ComboboxLabel,\n InputGroup: ComboboxInputGroup,\n Input: ComboboxInput,\n Trigger: ComboboxTrigger,\n Clear: ComboboxClear,\n Portal: ComboboxPortal,\n Positioner: ComboboxPositioner,\n Popup: ComboboxPopup,\n List: ComboboxList,\n Item: ComboboxItem,\n Collection: ComboboxCollection,\n ItemIndicator: ComboboxItemIndicator,\n Group: ComboboxGroup,\n GroupLabel: ComboboxGroupLabel,\n Empty: ComboboxEmpty,\n Status: ComboboxStatus\n})\n\nexport type ComboboxProps = ComboboxRootProps\n"],"mappings":"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"}