@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.
- package/dist/Accordion.d.ts +42 -21
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +1 -2
- package/dist/Accordion.js.map +1 -1
- package/dist/Autocomplete.d.ts +101 -60
- package/dist/Autocomplete.d.ts.map +1 -0
- package/dist/Autocomplete.js +1 -2
- package/dist/Autocomplete.js.map +1 -1
- package/dist/Badge.d.ts +27 -16
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +1 -1
- package/dist/Badge.js.map +1 -1
- package/dist/Breadcrumb.d.ts +45 -23
- package/dist/Breadcrumb.d.ts.map +1 -0
- package/dist/Breadcrumb.js +1 -1
- package/dist/Breadcrumb.js.map +1 -1
- package/dist/Button-CDQ6ik0P.js +2 -0
- package/dist/Button-CDQ6ik0P.js.map +1 -0
- package/dist/Button-DdE0vCfo.js +2 -0
- package/dist/Button-DdE0vCfo.js.map +1 -0
- package/dist/Button-Dt1TGgrL.d.ts +26 -0
- package/dist/Button-Dt1TGgrL.d.ts.map +1 -0
- package/dist/Button.d.ts +3 -17
- package/dist/Button.js +1 -2
- package/dist/Card.d.ts +56 -30
- package/dist/Card.d.ts.map +1 -0
- package/dist/Card.js +1 -1
- package/dist/Card.js.map +1 -1
- package/dist/Code.d.ts +19 -13
- package/dist/Code.d.ts.map +1 -0
- package/dist/Code.js +1 -1
- package/dist/Code.js.map +1 -1
- package/dist/Combobox.d.ts +111 -63
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +1 -2
- package/dist/Combobox.js.map +1 -1
- package/dist/Field.d.ts +63 -46
- package/dist/Field.d.ts.map +1 -0
- package/dist/Field.js +1 -2
- package/dist/Field.js.map +1 -1
- package/dist/Fieldset.d.ts +34 -22
- package/dist/Fieldset.d.ts.map +1 -0
- package/dist/Fieldset.js +1 -2
- package/dist/Fieldset.js.map +1 -1
- package/dist/Highlight.d.ts +20 -15
- package/dist/Highlight.d.ts.map +1 -0
- package/dist/Highlight.js +1 -2
- package/dist/Highlight.js.map +1 -1
- package/dist/Indicator.d.ts +20 -12
- package/dist/Indicator.d.ts.map +1 -0
- package/dist/Indicator.js +1 -1
- package/dist/Indicator.js.map +1 -1
- package/dist/Input.d.ts +22 -14
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +1 -2
- package/dist/Input.js.map +1 -1
- package/dist/Label.d.ts +12 -8
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.js +1 -1
- package/dist/Label.js.map +1 -1
- package/dist/LinkButton-9nnOzX_0.js +2 -0
- package/dist/LinkButton-9nnOzX_0.js.map +1 -0
- package/dist/LinkButton.d.ts +2 -35
- package/dist/LinkButton.js +1 -2
- package/dist/Mark.d.ts +19 -12
- package/dist/Mark.d.ts.map +1 -0
- package/dist/Mark.js +1 -1
- package/dist/Mark.js.map +1 -1
- package/dist/Marquee.d.ts +27 -16
- package/dist/Marquee.d.ts.map +1 -0
- package/dist/Marquee.js +5 -2
- package/dist/Marquee.js.map +1 -1
- package/dist/Prose.d.ts +19 -12
- package/dist/Prose.d.ts.map +1 -0
- package/dist/Prose.js +1 -1
- package/dist/Prose.js.map +1 -1
- package/dist/RadioGroup.d.ts +62 -38
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +1 -2
- package/dist/RadioGroup.js.map +1 -1
- package/dist/Select.d.ts +129 -73
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +1 -2
- package/dist/Select.js.map +1 -1
- package/dist/Separator.d.ts +17 -12
- package/dist/Separator.d.ts.map +1 -0
- package/dist/Separator.js +1 -1
- package/dist/Separator.js.map +1 -1
- package/dist/SpotIllustration.d.ts +71 -50
- package/dist/SpotIllustration.d.ts.map +1 -0
- package/dist/SpotIllustration.js +1 -2
- package/dist/SpotIllustration.js.map +1 -1
- package/dist/Steps.d.ts +102 -62
- package/dist/Steps.d.ts.map +1 -0
- package/dist/Steps.js +1 -2
- package/dist/Steps.js.map +1 -1
- package/dist/Textarea.d.ts +22 -13
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +1 -2
- package/dist/Textarea.js.map +1 -1
- package/dist/index-0w-ydb3o.d.ts +50 -0
- package/dist/index-0w-ydb3o.d.ts.map +1 -0
- package/dist/index-C3_4djmE.d.ts +17 -0
- package/dist/index-C3_4djmE.d.ts.map +1 -0
- package/dist/index.d.ts +47 -49
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +23 -23
- package/dist/index.js.map +1 -1
- package/dist/variants-DTAwzBl3.js +2 -0
- package/dist/variants-DTAwzBl3.js.map +1 -0
- package/package.json +6 -5
- package/dist/Button-fnIVmjIB.d.ts +0 -18
- package/dist/Button.js.map +0 -1
- package/dist/LinkButton.js.map +0 -1
- package/dist/_chunks/chunk-3H22EQQ6.js +0 -2
- package/dist/_chunks/chunk-3H22EQQ6.js.map +0 -1
- package/dist/_chunks/chunk-42UB7PQB.js +0 -3
- package/dist/_chunks/chunk-42UB7PQB.js.map +0 -1
- package/dist/_chunks/chunk-4LGCF3SN.js +0 -3
- package/dist/_chunks/chunk-4LGCF3SN.js.map +0 -1
- package/dist/_chunks/chunk-AFSDN4WI.js +0 -2
- package/dist/_chunks/chunk-AFSDN4WI.js.map +0 -1
- package/dist/_chunks/chunk-BQEJDV7D.js +0 -3
- package/dist/_chunks/chunk-BQEJDV7D.js.map +0 -1
- package/dist/_chunks/chunk-DRVUAPKN.js +0 -2
- package/dist/_chunks/chunk-DRVUAPKN.js.map +0 -1
- package/dist/_chunks/chunk-EKOEXSAP.js +0 -2
- package/dist/_chunks/chunk-EKOEXSAP.js.map +0 -1
- package/dist/_chunks/chunk-FQNVMKKV.js +0 -7
- package/dist/_chunks/chunk-FQNVMKKV.js.map +0 -1
- package/dist/_chunks/chunk-IEDKSZAQ.js +0 -3
- package/dist/_chunks/chunk-IEDKSZAQ.js.map +0 -1
- package/dist/_chunks/chunk-JBHYUOI2.js +0 -3
- package/dist/_chunks/chunk-JBHYUOI2.js.map +0 -1
- package/dist/_chunks/chunk-JGTZ3GCR.js +0 -2
- package/dist/_chunks/chunk-JGTZ3GCR.js.map +0 -1
- package/dist/_chunks/chunk-LHNOY24C.js +0 -2
- package/dist/_chunks/chunk-LHNOY24C.js.map +0 -1
- package/dist/_chunks/chunk-LMV3JECI.js +0 -3
- package/dist/_chunks/chunk-LMV3JECI.js.map +0 -1
- package/dist/_chunks/chunk-MDRAL676.js +0 -3
- package/dist/_chunks/chunk-MDRAL676.js.map +0 -1
- package/dist/_chunks/chunk-N2HGY7W7.js +0 -3
- package/dist/_chunks/chunk-N2HGY7W7.js.map +0 -1
- package/dist/_chunks/chunk-NRVNUMJE.js +0 -2
- package/dist/_chunks/chunk-NRVNUMJE.js.map +0 -1
- package/dist/_chunks/chunk-OIAETOZT.js +0 -3
- package/dist/_chunks/chunk-OIAETOZT.js.map +0 -1
- package/dist/_chunks/chunk-OIZX63GZ.js +0 -2
- package/dist/_chunks/chunk-OIZX63GZ.js.map +0 -1
- package/dist/_chunks/chunk-OPR5JL7N.js +0 -3
- package/dist/_chunks/chunk-OPR5JL7N.js.map +0 -1
- package/dist/_chunks/chunk-SCS7WZ6Z.js +0 -3
- package/dist/_chunks/chunk-SCS7WZ6Z.js.map +0 -1
- package/dist/_chunks/chunk-VSKUGXQG.js +0 -3
- package/dist/_chunks/chunk-VSKUGXQG.js.map +0 -1
- package/dist/_chunks/chunk-WOU2B425.js +0 -3
- package/dist/_chunks/chunk-WOU2B425.js.map +0 -1
- package/dist/_chunks/chunk-XERFFH3S.js +0 -3
- package/dist/_chunks/chunk-XERFFH3S.js.map +0 -1
- package/dist/_chunks/chunk-XRFHVFJ5.js +0 -3
- package/dist/_chunks/chunk-XRFHVFJ5.js.map +0 -1
- package/dist/_chunks/chunk-ZXR32FYA.js +0 -2
- 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 {
|
|
2
|
-
|
|
3
|
-
|
|
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
|
-
|
|
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
|
|
2
|
-
import * as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
} &
|
|
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
|
-
|
|
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'>({
|
|
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
|
-
|
|
23
|
+
var displayName: string;
|
|
17
24
|
}
|
|
18
|
-
declare function CardHeader({
|
|
25
|
+
declare function CardHeader({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
|
|
19
29
|
declare namespace CardHeader {
|
|
20
|
-
|
|
30
|
+
var displayName: string;
|
|
21
31
|
}
|
|
22
|
-
declare function CardContent({
|
|
32
|
+
declare function CardContent({
|
|
33
|
+
className,
|
|
34
|
+
...props
|
|
35
|
+
}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
|
|
23
36
|
declare namespace CardContent {
|
|
24
|
-
|
|
37
|
+
var displayName: string;
|
|
25
38
|
}
|
|
26
|
-
declare function CardFooter({
|
|
39
|
+
declare function CardFooter({
|
|
40
|
+
className,
|
|
41
|
+
...props
|
|
42
|
+
}: ComponentProps<'div'>): _$react_jsx_runtime0.JSX.Element;
|
|
27
43
|
declare namespace CardFooter {
|
|
28
|
-
|
|
44
|
+
var displayName: string;
|
|
29
45
|
}
|
|
30
|
-
declare function CardImage({
|
|
46
|
+
declare function CardImage({
|
|
47
|
+
className,
|
|
48
|
+
...props
|
|
49
|
+
}: ImgHTMLAttributes<HTMLImageElement>): _$react_jsx_runtime0.JSX.Element;
|
|
31
50
|
declare namespace CardImage {
|
|
32
|
-
|
|
51
|
+
var displayName: string;
|
|
33
52
|
}
|
|
34
|
-
declare function CardTitle({
|
|
53
|
+
declare function CardTitle({
|
|
54
|
+
className,
|
|
55
|
+
...props
|
|
56
|
+
}: ComponentProps<'h3'>): _$react_jsx_runtime0.JSX.Element;
|
|
35
57
|
declare namespace CardTitle {
|
|
36
|
-
|
|
58
|
+
var displayName: string;
|
|
37
59
|
}
|
|
38
|
-
declare function CardDescription({
|
|
60
|
+
declare function CardDescription({
|
|
61
|
+
className,
|
|
62
|
+
...props
|
|
63
|
+
}: ComponentProps<'p'>): _$react_jsx_runtime0.JSX.Element;
|
|
39
64
|
declare namespace CardDescription {
|
|
40
|
-
|
|
65
|
+
var displayName: string;
|
|
41
66
|
}
|
|
42
67
|
declare const Card: typeof CardRoot & {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
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,
|
|
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
|
-
|
|
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,"
|
|
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
|
|
2
|
-
import * as
|
|
3
|
-
import { ComponentProps } from
|
|
4
|
-
import
|
|
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
|
-
|
|
8
|
-
|
|
9
|
-
} &
|
|
10
|
-
interface CodeProps extends ComponentProps<'code'>, VariantProps<typeof codeVariants> {
|
|
11
|
-
|
|
12
|
-
|
|
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
|
-
|
|
19
|
+
var displayName: string;
|
|
15
20
|
}
|
|
16
|
-
|
|
17
|
-
export { Code,
|
|
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
|
-
|
|
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,"
|
|
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"}
|
package/dist/Combobox.d.ts
CHANGED
|
@@ -1,120 +1,168 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { RefAttributes } from
|
|
4
|
-
import { Combobox as Combobox$1 } from
|
|
5
|
-
|
|
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
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
} &
|
|
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):
|
|
15
|
+
declare function ComboboxRoot(props: ComboboxRootProps): _$react_jsx_runtime0.JSX.Element;
|
|
17
16
|
declare namespace ComboboxRoot {
|
|
18
|
-
|
|
17
|
+
var displayName: string;
|
|
19
18
|
}
|
|
20
19
|
type ComboboxLabelProps = Combobox$1.Label.Props & RefAttributes<HTMLDivElement>;
|
|
21
|
-
declare function ComboboxLabel({
|
|
20
|
+
declare function ComboboxLabel({
|
|
21
|
+
className,
|
|
22
|
+
...props
|
|
23
|
+
}: ComboboxLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
22
24
|
declare namespace ComboboxLabel {
|
|
23
|
-
|
|
25
|
+
var displayName: string;
|
|
24
26
|
}
|
|
25
27
|
type ComboboxInputGroupProps = Combobox$1.InputGroup.Props & RefAttributes<HTMLDivElement> & VariantProps<typeof comboboxInputGroupVariants>;
|
|
26
|
-
declare function ComboboxInputGroup({
|
|
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
|
-
|
|
36
|
+
var displayName: string;
|
|
29
37
|
}
|
|
30
38
|
type ComboboxInputProps = Combobox$1.Input.Props & RefAttributes<HTMLInputElement>;
|
|
31
|
-
declare function ComboboxInput({
|
|
39
|
+
declare function ComboboxInput({
|
|
40
|
+
className,
|
|
41
|
+
...props
|
|
42
|
+
}: ComboboxInputProps): _$react_jsx_runtime0.JSX.Element;
|
|
32
43
|
declare namespace ComboboxInput {
|
|
33
|
-
|
|
44
|
+
var displayName: string;
|
|
34
45
|
}
|
|
35
46
|
type ComboboxTriggerProps = Combobox$1.Trigger.Props & RefAttributes<HTMLButtonElement>;
|
|
36
|
-
declare function ComboboxTrigger({
|
|
47
|
+
declare function ComboboxTrigger({
|
|
48
|
+
className,
|
|
49
|
+
children,
|
|
50
|
+
...props
|
|
51
|
+
}: ComboboxTriggerProps): _$react_jsx_runtime0.JSX.Element;
|
|
37
52
|
declare namespace ComboboxTrigger {
|
|
38
|
-
|
|
53
|
+
var displayName: string;
|
|
39
54
|
}
|
|
40
55
|
type ComboboxClearProps = Combobox$1.Clear.Props & RefAttributes<HTMLButtonElement>;
|
|
41
|
-
declare function ComboboxClear({
|
|
56
|
+
declare function ComboboxClear({
|
|
57
|
+
className,
|
|
58
|
+
children,
|
|
59
|
+
...props
|
|
60
|
+
}: ComboboxClearProps): _$react_jsx_runtime0.JSX.Element;
|
|
42
61
|
declare namespace ComboboxClear {
|
|
43
|
-
|
|
62
|
+
var displayName: string;
|
|
44
63
|
}
|
|
45
64
|
type ComboboxPortalProps = Combobox$1.Portal.Props & RefAttributes<HTMLDivElement>;
|
|
46
|
-
declare function ComboboxPortal(props: ComboboxPortalProps):
|
|
65
|
+
declare function ComboboxPortal(props: ComboboxPortalProps): _$react_jsx_runtime0.JSX.Element;
|
|
47
66
|
declare namespace ComboboxPortal {
|
|
48
|
-
|
|
67
|
+
var displayName: string;
|
|
49
68
|
}
|
|
50
69
|
type ComboboxPositionerProps = Combobox$1.Positioner.Props & RefAttributes<HTMLDivElement>;
|
|
51
|
-
declare function ComboboxPositioner({
|
|
70
|
+
declare function ComboboxPositioner({
|
|
71
|
+
className,
|
|
72
|
+
...props
|
|
73
|
+
}: ComboboxPositionerProps): _$react_jsx_runtime0.JSX.Element;
|
|
52
74
|
declare namespace ComboboxPositioner {
|
|
53
|
-
|
|
75
|
+
var displayName: string;
|
|
54
76
|
}
|
|
55
77
|
type ComboboxPopupProps = Combobox$1.Popup.Props & RefAttributes<HTMLDivElement>;
|
|
56
|
-
declare function ComboboxPopup({
|
|
78
|
+
declare function ComboboxPopup({
|
|
79
|
+
className,
|
|
80
|
+
...props
|
|
81
|
+
}: ComboboxPopupProps): _$react_jsx_runtime0.JSX.Element;
|
|
57
82
|
declare namespace ComboboxPopup {
|
|
58
|
-
|
|
83
|
+
var displayName: string;
|
|
59
84
|
}
|
|
60
85
|
type ComboboxListProps = Combobox$1.List.Props & RefAttributes<HTMLDivElement>;
|
|
61
|
-
declare function ComboboxList({
|
|
86
|
+
declare function ComboboxList({
|
|
87
|
+
className,
|
|
88
|
+
...props
|
|
89
|
+
}: ComboboxListProps): _$react_jsx_runtime0.JSX.Element;
|
|
62
90
|
declare namespace ComboboxList {
|
|
63
|
-
|
|
91
|
+
var displayName: string;
|
|
64
92
|
}
|
|
65
93
|
type ComboboxItemProps = Combobox$1.Item.Props & RefAttributes<HTMLDivElement>;
|
|
66
|
-
declare function ComboboxItem({
|
|
94
|
+
declare function ComboboxItem({
|
|
95
|
+
className,
|
|
96
|
+
...props
|
|
97
|
+
}: ComboboxItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
67
98
|
declare namespace ComboboxItem {
|
|
68
|
-
|
|
99
|
+
var displayName: string;
|
|
69
100
|
}
|
|
70
101
|
type ComboboxCollectionProps = Combobox$1.Collection.Props;
|
|
71
|
-
declare function ComboboxCollection(props: ComboboxCollectionProps):
|
|
102
|
+
declare function ComboboxCollection(props: ComboboxCollectionProps): _$react_jsx_runtime0.JSX.Element;
|
|
72
103
|
declare namespace ComboboxCollection {
|
|
73
|
-
|
|
104
|
+
var displayName: string;
|
|
74
105
|
}
|
|
75
106
|
type ComboboxItemIndicatorProps = Combobox$1.ItemIndicator.Props & RefAttributes<HTMLSpanElement>;
|
|
76
|
-
declare function ComboboxItemIndicator({
|
|
107
|
+
declare function ComboboxItemIndicator({
|
|
108
|
+
className,
|
|
109
|
+
children,
|
|
110
|
+
...props
|
|
111
|
+
}: ComboboxItemIndicatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
77
112
|
declare namespace ComboboxItemIndicator {
|
|
78
|
-
|
|
113
|
+
var displayName: string;
|
|
79
114
|
}
|
|
80
115
|
type ComboboxGroupProps = Combobox$1.Group.Props & RefAttributes<HTMLDivElement>;
|
|
81
|
-
declare function ComboboxGroup({
|
|
116
|
+
declare function ComboboxGroup({
|
|
117
|
+
className,
|
|
118
|
+
...props
|
|
119
|
+
}: ComboboxGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
82
120
|
declare namespace ComboboxGroup {
|
|
83
|
-
|
|
121
|
+
var displayName: string;
|
|
84
122
|
}
|
|
85
123
|
type ComboboxGroupLabelProps = Combobox$1.GroupLabel.Props & RefAttributes<HTMLDivElement>;
|
|
86
|
-
declare function ComboboxGroupLabel({
|
|
124
|
+
declare function ComboboxGroupLabel({
|
|
125
|
+
className,
|
|
126
|
+
...props
|
|
127
|
+
}: ComboboxGroupLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
87
128
|
declare namespace ComboboxGroupLabel {
|
|
88
|
-
|
|
129
|
+
var displayName: string;
|
|
89
130
|
}
|
|
90
131
|
type ComboboxEmptyProps = Combobox$1.Empty.Props & RefAttributes<HTMLDivElement>;
|
|
91
|
-
declare function ComboboxEmpty({
|
|
132
|
+
declare function ComboboxEmpty({
|
|
133
|
+
className,
|
|
134
|
+
...props
|
|
135
|
+
}: ComboboxEmptyProps): _$react_jsx_runtime0.JSX.Element;
|
|
92
136
|
declare namespace ComboboxEmpty {
|
|
93
|
-
|
|
137
|
+
var displayName: string;
|
|
94
138
|
}
|
|
95
139
|
type ComboboxStatusProps = Combobox$1.Status.Props & RefAttributes<HTMLDivElement>;
|
|
96
|
-
declare function ComboboxStatus({
|
|
140
|
+
declare function ComboboxStatus({
|
|
141
|
+
className,
|
|
142
|
+
...props
|
|
143
|
+
}: ComboboxStatusProps): _$react_jsx_runtime0.JSX.Element;
|
|
97
144
|
declare namespace ComboboxStatus {
|
|
98
|
-
|
|
145
|
+
var displayName: string;
|
|
99
146
|
}
|
|
100
147
|
declare const Combobox: typeof ComboboxRoot & {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
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,
|
|
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
|
package/dist/Combobox.js.map
CHANGED
|
@@ -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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"}
|