@scouterna/ui-react 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/package.json +20 -56
- package/README.md +0 -3
- package/assets/divider-long.svg +0 -94
- package/assets/divider-short.svg +0 -37
- package/assets/icons/aboutUs.svg +0 -44
- package/assets/icons/activityBank.svg +0 -26
- package/assets/icons/becomeAScout.svg +0 -28
- package/assets/icons/becomeMonthlyDonor.svg +0 -28
- package/assets/icons/communicateScouts.svg +0 -105
- package/assets/icons/companies.svg +0 -74
- package/assets/icons/digitalMeetingPlaces.svg +0 -29
- package/assets/icons/event.svg +0 -38
- package/assets/icons/eventCalendar.svg +0 -20
- package/assets/icons/eventsAndCamps.svg +0 -76
- package/assets/icons/eventsInSweden.svg +0 -32
- package/assets/icons/findScoutGroup.svg +0 -60
- package/assets/icons/forLeaders.svg +0 -84
- package/assets/icons/forParents.svg +0 -22
- package/assets/icons/forScoutLeadersAndTroops.svg +0 -32
- package/assets/icons/frequentlyAskedQuestions.svg +0 -32
- package/assets/icons/getInvolvedAsAdult.svg +0 -20
- package/assets/icons/giveAGift.svg +0 -45
- package/assets/icons/howYourMoneyHelps.svg +0 -27
- package/assets/icons/iAmAScout.svg +0 -21
- package/assets/icons/internationalEvents.svg +0 -41
- package/assets/icons/internationalScouting.svg +0 -32
- package/assets/icons/jamboree.svg +0 -45
- package/assets/icons/languages.svg +0 -34
- package/assets/icons/leadScoutGroup.svg +0 -45
- package/assets/icons/leadScouting.svg +0 -11
- package/assets/icons/newsUpdates.svg +0 -14
- package/assets/icons/ourFacilitiesAndCampsites.svg +0 -35
- package/assets/icons/packingList.svg +0 -36
- package/assets/icons/planActivities.svg +0 -29
- package/assets/icons/scoutBadges.svg +0 -48
- package/assets/icons/scoutCabinWebsite.svg +0 -11
- package/assets/icons/scoutsFolkHighSchool.svg +0 -43
- package/assets/icons/scoutsSupportFund.svg +0 -25
- package/assets/icons/shop.svg +0 -34
- package/assets/icons/societalImpact.svg +0 -37
- package/assets/icons/supportUs.svg +0 -12
- package/assets/icons/testament.svg +0 -17
- package/assets/icons/toolsAndResources.svg +0 -14
- package/assets/icons/whatAreTheScouts.svg +0 -57
- package/assets/icons/whatDoesItCost.svg +0 -13
- package/assets/icons/whatIsScouting.svg +0 -24
- package/assets/icons/whatWeDoAtScouts.svg +0 -24
- package/assets/icons/whyScouts.svg +0 -18
- package/assets/icons/workWithUs.svg +0 -48
- package/assets/logo/scouterna.svg +0 -1
- package/assets/logo/scouterna_tagline.svg +0 -1
- package/assets/logo/scoutsymbolen.svg +0 -116
- package/assets/logo/tab-horizontal.png +0 -0
- package/assets/logo/tab-vertical.png +0 -0
- package/assets/topograph.svg +0 -108
- package/dist/components/app-waffle/app-waffle.d.ts +0 -10
- package/dist/components/app-waffle/app-waffle.js +0 -37
- package/dist/components/app-waffle/app-waffle.js.map +0 -1
- package/dist/components/app-waffle/usher.d.ts +0 -14
- package/dist/components/app-waffle/usher.js +0 -39
- package/dist/components/app-waffle/usher.js.map +0 -1
- package/dist/components/button/button.d.ts +0 -10
- package/dist/components/button/button.js +0 -173
- package/dist/components/button/button.js.map +0 -1
- package/dist/components/callout/callout.d.ts +0 -10
- package/dist/components/callout/callout.js +0 -54
- package/dist/components/callout/callout.js.map +0 -1
- package/dist/components/card/card.d.ts +0 -8
- package/dist/components/card/card.js +0 -32
- package/dist/components/card/card.js.map +0 -1
- package/dist/components/checkbox/checkbox.d.ts +0 -4
- package/dist/components/checkbox/checkbox.js +0 -22
- package/dist/components/checkbox/checkbox.js.map +0 -1
- package/dist/components/field/field.d.ts +0 -13
- package/dist/components/field/field.js +0 -17
- package/dist/components/field/field.js.map +0 -1
- package/dist/components/input/input.d.ts +0 -4
- package/dist/components/input/input.js +0 -23
- package/dist/components/input/input.js.map +0 -1
- package/dist/components/menu/menu.d.ts +0 -13
- package/dist/components/menu/menu.js +0 -80
- package/dist/components/menu/menu.js.map +0 -1
- package/dist/components/select/select.d.ts +0 -7
- package/dist/components/select/select.js +0 -32
- package/dist/components/select/select.js.map +0 -1
- package/dist/components/table/table-test.d.ts +0 -2
- package/dist/components/table/table-test.js +0 -46
- package/dist/components/table/table-test.js.map +0 -1
- package/dist/components/table/table.d.ts +0 -11
- package/dist/components/table/table.js +0 -75
- package/dist/components/table/table.js.map +0 -1
- package/dist/components/toast/toast.d.ts +0 -11
- package/dist/components/toast/toast.js +0 -15
- package/dist/components/toast/toast.js.map +0 -1
- package/dist/index.d.ts +0 -10
- package/dist/index.js +0 -11
- package/dist/index.js.map +0 -1
- package/dist/lib/preload.d.ts +0 -5
- package/dist/lib/preload.js +0 -19
- package/dist/lib/preload.js.map +0 -1
- package/dist/lib/utils.d.ts +0 -2
- package/dist/lib/utils.js +0 -6
- package/dist/lib/utils.js.map +0 -1
- package/dist/style.css +0 -1315
- package/dist/theme.css +0 -177
|
@@ -1,173 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { mergeProps, useRender } from "@base-ui-components/react";
|
|
3
|
-
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "../../lib/utils.js";
|
|
5
|
-
const buttonVariants = cva(`
|
|
6
|
-
flex items-center justify-center
|
|
7
|
-
cursor-pointer
|
|
8
|
-
border border-transparent
|
|
9
|
-
ring-offset-2
|
|
10
|
-
leading-none font-sans font-medium
|
|
11
|
-
disabled:opacity-40
|
|
12
|
-
`, {
|
|
13
|
-
variants: {
|
|
14
|
-
color: {
|
|
15
|
-
gray: `
|
|
16
|
-
[--btn-text:var(--color-gray-800)]
|
|
17
|
-
[--btn-border:var(--color-gray-400)]
|
|
18
|
-
[--btn-bg:var(--color-gray-200)]
|
|
19
|
-
[--btn-bg-hover:var(--color-gray-4300)]
|
|
20
|
-
[--btn-bg-active:var(--color-gray-400)]
|
|
21
|
-
|
|
22
|
-
[--btn-bg-text-hover:var(--color-gray-200)]
|
|
23
|
-
[--btn-bg-text-active:var(--color-gray-300)]
|
|
24
|
-
`,
|
|
25
|
-
blue: `
|
|
26
|
-
[--btn-text:var(--color-white)]
|
|
27
|
-
[--btn-border:var(--color-blue)]
|
|
28
|
-
[--btn-bg:var(--color-blue)]
|
|
29
|
-
[--btn-bg-hover:var(--color-blue-hover)]
|
|
30
|
-
[--btn-bg-active:var(--color-blue-active)]
|
|
31
|
-
|
|
32
|
-
[--btn-bg-text-hover:var(--color-bluegray-100)]
|
|
33
|
-
[--btn-bg-text-active:var(--color-bluegray-200)]
|
|
34
|
-
`,
|
|
35
|
-
orange: `
|
|
36
|
-
[--btn-text:var(--color-white)]
|
|
37
|
-
[--btn-border:var(--color-orange)]
|
|
38
|
-
[--btn-bg:var(--color-orange)]
|
|
39
|
-
[--btn-bg-hover:var(--color-orange-hover)]
|
|
40
|
-
[--btn-bg-active:var(--color-orange-active)]
|
|
41
|
-
|
|
42
|
-
[--btn-bg-text-hover:var(--color-orange-100)]
|
|
43
|
-
[--btn-bg-text-active:var(--color-orange-200)]
|
|
44
|
-
`,
|
|
45
|
-
red: `
|
|
46
|
-
[--btn-text:var(--color-white)]
|
|
47
|
-
[--btn-border:var(--color-red)]
|
|
48
|
-
[--btn-bg:var(--color-red)]
|
|
49
|
-
[--btn-bg-hover:var(--color-red-hover)]
|
|
50
|
-
[--btn-bg-active:var(--color-red-active)]
|
|
51
|
-
|
|
52
|
-
[--btn-bg-text-hover:var(--color-red-100)]
|
|
53
|
-
[--btn-bg-text-active:var(--color-red-200)]
|
|
54
|
-
`,
|
|
55
|
-
trackergreen: `
|
|
56
|
-
[--btn-text:var(--color-white)]
|
|
57
|
-
[--btn-border:var(--color-trackergreen)]
|
|
58
|
-
[--btn-bg:var(--color-trackergreen)]
|
|
59
|
-
[--btn-bg-hover:var(--color-trackergreen-hover)]
|
|
60
|
-
[--btn-bg-active:var(--color-trackergreen-active)]
|
|
61
|
-
|
|
62
|
-
[--btn-bg-text-hover:var(--color-trackergreen-100)]
|
|
63
|
-
[--btn-bg-text-active:var(--color-trackergreen-200)]
|
|
64
|
-
`,
|
|
65
|
-
discovererblue: `
|
|
66
|
-
[--btn-text:var(--color-white)]
|
|
67
|
-
[--btn-border:var(--color-discovererblue)]
|
|
68
|
-
[--btn-bg:var(--color-discovererblue)]
|
|
69
|
-
[--btn-bg-hover:var(--color-discovererblue-hover)]
|
|
70
|
-
[--btn-bg-active:var(--color-discovererblue-active)]
|
|
71
|
-
|
|
72
|
-
[--btn-bg-text-hover:var(--color-discovererblue-100)]
|
|
73
|
-
[--btn-bg-text-active:var(--color-discovererblue-200)]
|
|
74
|
-
`,
|
|
75
|
-
adventurerorange: `
|
|
76
|
-
[--btn-text:var(--color-white)]
|
|
77
|
-
[--btn-border:var(--color-adventurerorange)]
|
|
78
|
-
[--btn-bg:var(--color-adventurerorange)]
|
|
79
|
-
[--btn-bg-hover:var(--color-adventurerorange-hover)]
|
|
80
|
-
[--btn-bg-active:var(--color-adventurerorange-active)]
|
|
81
|
-
|
|
82
|
-
[--btn-bg-text-hover:var(--color-adventurerorange-100)]
|
|
83
|
-
[--btn-bg-text-active:var(--color-adventurerorange-200)]
|
|
84
|
-
`,
|
|
85
|
-
challengerpink: `
|
|
86
|
-
[--btn-text:var(--color-white)]
|
|
87
|
-
[--btn-border:var(--color-challengerpink)]
|
|
88
|
-
[--btn-bg:var(--color-challengerpink)]
|
|
89
|
-
[--btn-bg-hover:var(--color-challengerpink-hover)]
|
|
90
|
-
[--btn-bg-active:var(--color-challengerpink-active)]
|
|
91
|
-
|
|
92
|
-
[--btn-bg-text-hover:var(--color-challengerpink-100)]
|
|
93
|
-
[--btn-bg-text-active:var(--color-challengerpink-200)]
|
|
94
|
-
`,
|
|
95
|
-
roveryellow: `
|
|
96
|
-
[--btn-text:var(--color-gray-dark)]
|
|
97
|
-
[--btn-border:var(--color-roveryellow)]
|
|
98
|
-
[--btn-bg:var(--color-roveryellow)]
|
|
99
|
-
[--btn-bg-hover:var(--color-roveryellow-hover)]
|
|
100
|
-
[--btn-bg-active:var(--color-roveryellow-active)]
|
|
101
|
-
|
|
102
|
-
[--btn-bg-text-hover:var(--color-roveryellow-100)]
|
|
103
|
-
[--btn-bg-text-active:var(--color-roveryellow-200)]
|
|
104
|
-
`,
|
|
105
|
-
},
|
|
106
|
-
variant: {
|
|
107
|
-
contained: `
|
|
108
|
-
text-(--btn-text) bg-(--btn-bg)
|
|
109
|
-
disabled:bg-(--btn-bg)
|
|
110
|
-
hover:bg-(--btn-bg-hover)
|
|
111
|
-
active:bg-(--btn-bg-active)
|
|
112
|
-
focus-visible:bg-(--btn-bg) focus-visible:ring-2 focus-visible:ring-(--btn-border) focus-visible:outline-none
|
|
113
|
-
`,
|
|
114
|
-
text: `
|
|
115
|
-
text-(--btn-bg) bg-transparent
|
|
116
|
-
disabled:bg-transparent
|
|
117
|
-
hover:bg-(--btn-bg-text-hover)
|
|
118
|
-
active:bg-(--btn-bg-text-active)
|
|
119
|
-
focus-visible:bg-(--btn-bg-text-hover) focus-visible:ring-2 focus-visible:ring-(--btn-text-outline) focus-visible:outline-none
|
|
120
|
-
`,
|
|
121
|
-
outlined: `
|
|
122
|
-
text-(--btn-bg) border-(--btn-border) bg-transparent
|
|
123
|
-
disabled:bg-transparent
|
|
124
|
-
hover:bg-(--btn-bg-text-hover)
|
|
125
|
-
active:bg-(--btn-bg-text-active)
|
|
126
|
-
focus-visible:bg-(--btn-bg-text-hover) focus-visible:ring-2 focus-visible:ring-(--btn-text-outline) focus-visible:outline-none
|
|
127
|
-
`,
|
|
128
|
-
},
|
|
129
|
-
size: {
|
|
130
|
-
medium: "text-base px-4 h-10 rounded-lg",
|
|
131
|
-
small: "text-sm px-3 h-8 rounded-md",
|
|
132
|
-
"medium-icon": "text-base size-10 rounded-lg",
|
|
133
|
-
"small-icon": "text-sm size-8 rounded-md",
|
|
134
|
-
"tiny-icon": "text-sm p-1 size-6 rounded-md",
|
|
135
|
-
},
|
|
136
|
-
},
|
|
137
|
-
defaultVariants: {
|
|
138
|
-
color: "blue",
|
|
139
|
-
variant: "contained",
|
|
140
|
-
size: "medium",
|
|
141
|
-
},
|
|
142
|
-
compoundVariants: [
|
|
143
|
-
{
|
|
144
|
-
color: "gray",
|
|
145
|
-
variant: "text",
|
|
146
|
-
class: `
|
|
147
|
-
text-(--btn-text)
|
|
148
|
-
`,
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
color: "gray",
|
|
152
|
-
variant: "outlined",
|
|
153
|
-
class: `
|
|
154
|
-
text-(--btn-text)
|
|
155
|
-
`,
|
|
156
|
-
},
|
|
157
|
-
],
|
|
158
|
-
});
|
|
159
|
-
const Button = (props) => {
|
|
160
|
-
const {
|
|
161
|
-
// biome-ignore lint/a11y/useButtonType: We set it further down
|
|
162
|
-
render = _jsx("button", {}), className, color, variant, size, ...otherProps } = props;
|
|
163
|
-
const defaultProps = {
|
|
164
|
-
className: cn(buttonVariants({ color, variant, size, className })),
|
|
165
|
-
type: "button",
|
|
166
|
-
};
|
|
167
|
-
return useRender({
|
|
168
|
-
render,
|
|
169
|
-
props: mergeProps(defaultProps, otherProps),
|
|
170
|
-
});
|
|
171
|
-
};
|
|
172
|
-
export { Button };
|
|
173
|
-
//# sourceMappingURL=button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,cAAc,GAAG,GAAG,CACxB;;;;;;;GAOC,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE;;;;;;;;;SASL;YACD,IAAI,EAAE;;;;;;;;;SASL;YACD,MAAM,EAAE;;;;;;;;;SASP;YACD,GAAG,EAAE;;;;;;;;;SASJ;YACD,YAAY,EAAE;;;;;;;;;SASb;YACD,cAAc,EAAE;;;;;;;;;SASf;YACD,gBAAgB,EAAE;;;;;;;;;SASjB;YACD,cAAc,EAAE;;;;;;;;;SASf;YACD,WAAW,EAAE;;;;;;;;;SASZ;SACF;QACD,OAAO,EAAE;YACP,SAAS,EAAE;;;;;;SAMV;YACD,IAAI,EAAE;;;;;;SAML;YACD,QAAQ,EAAE;;;;;;SAMT;SACF;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,gCAAgC;YACxC,KAAK,EAAE,6BAA6B;YACpC,aAAa,EAAE,8BAA8B;YAC7C,YAAY,EAAE,2BAA2B;YACzC,WAAW,EAAE,+BAA+B;SAC7C;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,WAAW;QACpB,IAAI,EAAE,QAAQ;KACf;IACD,gBAAgB,EAAE;QAChB;YACE,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;;SAEN;SACF;QACD;YACE,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE;;SAEN;SACF;KACF;CACF,CACF,CAAC;AAKF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM;IACJ,+DAA+D;IAC/D,MAAM,GAAG,kBAAU,EACnB,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAqC;QACrD,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC;QAClE,IAAI,EAAE,QAAQ;KACf,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,MAAM;QACN,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;KAC5C,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type VariantProps } from "class-variance-authority";
|
|
2
|
-
import { type LucideIcon } from "lucide-react";
|
|
3
|
-
declare const calloutVariants: (props?: ({
|
|
4
|
-
variant?: "default" | "info" | "warning" | "error" | "success" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
export type CalloutProps = React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof calloutVariants> & {
|
|
7
|
-
icon?: LucideIcon;
|
|
8
|
-
};
|
|
9
|
-
declare const Callout: ({ className, variant, children, ...props }: CalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export { Callout };
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cva } from "class-variance-authority";
|
|
3
|
-
import { CheckIcon, CircleAlertIcon, InfoIcon, TriangleAlertIcon, } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/utils.js";
|
|
5
|
-
const calloutVariants = cva(`
|
|
6
|
-
flex gap-2
|
|
7
|
-
p-4
|
|
8
|
-
border
|
|
9
|
-
rounded-lg
|
|
10
|
-
`, {
|
|
11
|
-
variants: {
|
|
12
|
-
variant: {
|
|
13
|
-
default: `
|
|
14
|
-
[--callout-icon-color:var(--color-gray-dark)]
|
|
15
|
-
bg-gray-light text-gray-dark
|
|
16
|
-
border-gray-300
|
|
17
|
-
`,
|
|
18
|
-
info: `
|
|
19
|
-
[--callout-icon-color:var(--color-blue-00)]
|
|
20
|
-
bg-blue-100 text-blue-800
|
|
21
|
-
border-blue-200
|
|
22
|
-
`,
|
|
23
|
-
warning: `
|
|
24
|
-
[--callout-icon-color:var(--color-orange-800)]
|
|
25
|
-
bg-orange-100 text-orange-800
|
|
26
|
-
border-orange-200
|
|
27
|
-
`,
|
|
28
|
-
error: `
|
|
29
|
-
[--callout-icon-color:var(--color-red-800)]
|
|
30
|
-
bg-red-100 text-red-800
|
|
31
|
-
border-red-200
|
|
32
|
-
`,
|
|
33
|
-
success: `
|
|
34
|
-
[--callout-icon-color:var(--color-trackergreen-800)]
|
|
35
|
-
bg-trackergreen-100 text-trackergreen-800
|
|
36
|
-
border-trackergreen-200
|
|
37
|
-
`,
|
|
38
|
-
},
|
|
39
|
-
},
|
|
40
|
-
});
|
|
41
|
-
const variantIcons = {
|
|
42
|
-
default: InfoIcon,
|
|
43
|
-
info: InfoIcon,
|
|
44
|
-
warning: CircleAlertIcon,
|
|
45
|
-
error: TriangleAlertIcon,
|
|
46
|
-
success: CheckIcon,
|
|
47
|
-
};
|
|
48
|
-
const Callout = ({ className, variant, children, ...props }) => {
|
|
49
|
-
variant = variant || "default";
|
|
50
|
-
const Icon = props.icon || variantIcons[variant];
|
|
51
|
-
return (_jsxs("div", { className: cn(calloutVariants({ variant, className })), ...props, children: [_jsx("div", { children: _jsx(Icon, { className: "h-6 w-6 text-(--callout-icon-color)" }) }), children] }));
|
|
52
|
-
};
|
|
53
|
-
export { Callout };
|
|
54
|
-
//# sourceMappingURL=callout.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"callout.js","sourceRoot":"","sources":["../../../src/components/callout/callout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,SAAS,EACT,eAAe,EACf,QAAQ,EAER,iBAAiB,GAClB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,eAAe,GAAG,GAAG,CACzB;;;;;GAKC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE;;;;SAIR;YACD,IAAI,EAAE;;;;SAIL;YACD,OAAO,EAAE;;;;SAIR;YACD,KAAK,EAAE;;;;SAIN;YACD,OAAO,EAAE;;;;SAIR;SACF;KACF;CACF,CACF,CAAC;AAGF,MAAM,YAAY,GAAiC;IACjD,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,eAAe;IACxB,KAAK,EAAE,iBAAiB;IACxB,OAAO,EAAE,SAAS;CACnB,CAAC;AAOF,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC3E,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,YAAY,CAAC,OAAO,CAAC,CAAC;IAEjD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,eAAe,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KAAM,KAAK,aACpE,wBACE,KAAC,IAAI,IAAC,SAAS,EAAC,qCAAqC,GAAG,GACpD,EACL,QAAQ,IACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { useRender } from "@base-ui-components/react";
|
|
2
|
-
import { type VariantProps } from "class-variance-authority";
|
|
3
|
-
declare const cardVariants: (props?: ({
|
|
4
|
-
variant?: "medium" | "light" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
-
export type Props = useRender.ComponentProps<"div"> & VariantProps<typeof cardVariants>;
|
|
7
|
-
declare function Card(props: Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
8
|
-
export { Card };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { mergeProps, useRender } from "@base-ui-components/react";
|
|
3
|
-
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "../../lib/utils.js";
|
|
5
|
-
const cardVariants = cva(`
|
|
6
|
-
p-4
|
|
7
|
-
border
|
|
8
|
-
rounded-lg
|
|
9
|
-
text-gray-dark
|
|
10
|
-
`, {
|
|
11
|
-
variants: {
|
|
12
|
-
variant: {
|
|
13
|
-
light: "bg-gray-100 border-gray-300",
|
|
14
|
-
medium: "bg-gray-200 border-gray-300",
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
defaultVariants: {
|
|
18
|
-
variant: "light",
|
|
19
|
-
},
|
|
20
|
-
});
|
|
21
|
-
function Card(props) {
|
|
22
|
-
const { render = _jsx("div", {}), className, variant, ...otherProps } = props;
|
|
23
|
-
const defaultProps = {
|
|
24
|
-
className: cn(cardVariants({ variant }), className),
|
|
25
|
-
};
|
|
26
|
-
return useRender({
|
|
27
|
-
render,
|
|
28
|
-
props: mergeProps(defaultProps, otherProps),
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
export { Card };
|
|
32
|
-
//# sourceMappingURL=card.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,YAAY,GAAG,GAAG,CACtB;;;;;GAKC,EACD;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,KAAK,EAAE,6BAA6B;YACpC,MAAM,EAAE,6BAA6B;SACtC;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,OAAO;KACjB;CACF,CACF,CAAC;AAKF,SAAS,IAAI,CAAC,KAAY;IACxB,MAAM,EAAE,MAAM,GAAG,eAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAEtE,MAAM,YAAY,GAAkC;QAClD,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC;KACpD,CAAC;IAEF,OAAO,SAAS,CAAC;QACf,MAAM;QACN,KAAK,EAAE,UAAU,CAAC,YAAY,EAAE,UAAU,CAAC;KAC5C,CAAC,CAAC;AACL,CAAC;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
|
|
2
|
-
export type CheckboxProps = CheckboxPrimitive.Root.Props;
|
|
3
|
-
declare const Checkbox: ({ className, children, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export { Checkbox };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Checkbox as CheckboxPrimitive } from "@base-ui-components/react/checkbox";
|
|
3
|
-
import { CheckIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/utils.js";
|
|
5
|
-
const Checkbox = ({ className, children, ...props }) => {
|
|
6
|
-
return (
|
|
7
|
-
// biome-ignore lint/a11y/noLabelWithoutControl: The CheckboxPrimitive.Root is the control
|
|
8
|
-
_jsxs("label", { className: "flex items-center text-gray-dark", children: [_jsx(CheckboxPrimitive.Root, { className: cn(`
|
|
9
|
-
flex items-center justify-center
|
|
10
|
-
size-6
|
|
11
|
-
rounded-md appearance-none
|
|
12
|
-
bg-gray-100 border-gray-400
|
|
13
|
-
hover:bg-gray-200 border
|
|
14
|
-
focus-visible:outline-none
|
|
15
|
-
focus-visible:border-gray-500
|
|
16
|
-
focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2
|
|
17
|
-
disabled:cursor-not-allowed
|
|
18
|
-
disabled:opacity-50
|
|
19
|
-
`, className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { children: _jsx(CheckIcon, { className: "size-5" }) }) }), _jsx("span", { className: "pl-2 text-sm leading-none", children: children })] }));
|
|
20
|
-
};
|
|
21
|
-
export { Checkbox };
|
|
22
|
-
//# sourceMappingURL=checkbox.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAIxC,MAAM,QAAQ,GAAG,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB,EAAE,EAAE;IACpE,OAAO;IACL,0FAA0F;IAC1F,iBAAO,SAAS,EAAC,kCAAkC,aACjD,KAAC,iBAAiB,CAAC,IAAI,IACrB,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;WAWC,EACD,SAAS,CACV,KACG,KAAK,YAET,KAAC,iBAAiB,CAAC,SAAS,cAC1B,KAAC,SAAS,IAAC,SAAS,EAAC,QAAQ,GAAG,GACJ,GACP,EACzB,eAAM,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAQ,IACvD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Field } from "@base-ui-components/react/field";
|
|
2
|
-
export type FieldProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
3
|
-
asChild?: boolean;
|
|
4
|
-
label: string;
|
|
5
|
-
labelFor: string;
|
|
6
|
-
};
|
|
7
|
-
declare const Root: import("react").ForwardRefExoticComponent<Field.Root.Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
-
declare const Control: import("react").ForwardRefExoticComponent<Field.Control.Props & import("react").RefAttributes<HTMLInputElement>>;
|
|
9
|
-
declare const Validity: import("react").FC<Field.Validity.Props>;
|
|
10
|
-
declare const FieldError: ({ className, ...props }: Field.Error.Props) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
declare const Description: ({ className, ...props }: Field.Description.Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
declare const Label: ({ className, ...props }: Field.Label.Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export { Root as Field, Control, Validity, FieldError as Error, Description, Label, };
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Field } from "@base-ui-components/react/field";
|
|
3
|
-
import { cn } from "../../lib/utils.js";
|
|
4
|
-
const Root = Field.Root;
|
|
5
|
-
const Control = Field.Control;
|
|
6
|
-
const Validity = Field.Validity;
|
|
7
|
-
const FieldError = ({ className, ...props }) => {
|
|
8
|
-
return (_jsx(Field.Error, { className: cn("text-sm text-red", className), ...props }));
|
|
9
|
-
};
|
|
10
|
-
const Description = ({ className, ...props }) => {
|
|
11
|
-
return (_jsx(Field.Description, { className: cn("text-sm text-gray-800", className), ...props }));
|
|
12
|
-
};
|
|
13
|
-
const Label = ({ className, ...props }) => {
|
|
14
|
-
return (_jsx(Field.Label, { className: cn("font-bold text-sm text-gray-dark", className), ...props }));
|
|
15
|
-
};
|
|
16
|
-
export { Root as Field, Control, Validity, FieldError as Error, Description, Label, };
|
|
17
|
-
//# sourceMappingURL=field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"field.js","sourceRoot":"","sources":["../../../src/components/field/field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAQxC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;AACxB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9B,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;AAEhC,MAAM,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAChE,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA2B,EAAE,EAAE;IACvE,OAAO,CACL,KAAC,KAAK,CAAC,WAAW,IAChB,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAqB,EAAE,EAAE;IAC3D,OAAO,CACL,KAAC,KAAK,CAAC,KAAK,IACV,SAAS,EAAE,EAAE,CAAC,kCAAkC,EAAE,SAAS,CAAC,KACxD,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EACL,IAAI,IAAI,KAAK,EACb,OAAO,EACP,QAAQ,EACR,UAAU,IAAI,KAAK,EACnB,WAAW,EACX,KAAK,GACN,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { Input as InputPrimitive } from "@base-ui-components/react/input";
|
|
2
|
-
export type InputProps = Omit<InputPrimitive.Props, "placeholder">;
|
|
3
|
-
declare const Input: ({ className, type, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export { Input };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Input as InputPrimitive } from "@base-ui-components/react/input";
|
|
3
|
-
import { cn } from "../../lib/utils.js";
|
|
4
|
-
const Input = ({ className, type = "text", ...props }) => {
|
|
5
|
-
return (_jsx(InputPrimitive, { type: type, className: cn(`
|
|
6
|
-
flex
|
|
7
|
-
h-10 w-full px-3 py-2
|
|
8
|
-
rounded-lg
|
|
9
|
-
border border-gray-300
|
|
10
|
-
bg-gray-100 text-gray-dark
|
|
11
|
-
text-base
|
|
12
|
-
file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground
|
|
13
|
-
focus-visible:outline-none
|
|
14
|
-
focus-visible:border-gray-500
|
|
15
|
-
disabled:cursor-not-allowed
|
|
16
|
-
disabled:opacity-50
|
|
17
|
-
`, className), ...props,
|
|
18
|
-
// Explicitly set placeholder to empty string to prevent users from
|
|
19
|
-
// ignoring the types and passing placeholder anyways.
|
|
20
|
-
placeholder: "" }));
|
|
21
|
-
};
|
|
22
|
-
export { Input };
|
|
23
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAIxC,MAAM,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAc,EAAE,EAAE;IACnE,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;;SAYC,EACD,SAAS,CACV,KACG,KAAK;QACT,mEAAmE;QACnE,sDAAsD;QACtD,WAAW,EAAC,EAAE,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Menu as MenuPrimitive } from "@base-ui-components/react/menu";
|
|
2
|
-
declare const Root: import("react").FC<MenuPrimitive.Root.Props>;
|
|
3
|
-
declare const Trigger: import("react").ForwardRefExoticComponent<MenuPrimitive.Trigger.Props & import("react").RefAttributes<HTMLElement>>;
|
|
4
|
-
declare const Group: import("react").ForwardRefExoticComponent<MenuPrimitive.Group.Props & import("react").RefAttributes<Element>>;
|
|
5
|
-
declare const SubmenuRoot: typeof MenuPrimitive.SubmenuRoot;
|
|
6
|
-
declare const SubmenuTrigger: import("react").ForwardRefExoticComponent<MenuPrimitive.SubmenuTrigger.Props & import("react").RefAttributes<Element>>;
|
|
7
|
-
declare const Positioner: ({ className, children, ...props }: MenuPrimitive.Positioner.Props) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
declare const GroupLabel: ({ className, ...props }: MenuPrimitive.GroupLabel.Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
declare const Item: ({ className, children, ...props }: MenuPrimitive.Item.Props & {
|
|
10
|
-
icon?: React.ReactNode;
|
|
11
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
declare const Separator: ({ className, ...props }: MenuPrimitive.Separator.Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
export { Group, GroupLabel, Item, Root, Trigger, SubmenuRoot, SubmenuTrigger, Positioner, Separator, };
|
|
@@ -1,80 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Menu as MenuPrimitive } from "@base-ui-components/react/menu";
|
|
4
|
-
import { ChevronRightIcon } from "lucide-react";
|
|
5
|
-
import { createContext, useContext } from "react";
|
|
6
|
-
import { cn } from "../../lib/utils.js";
|
|
7
|
-
const Root = MenuPrimitive.Root;
|
|
8
|
-
const Trigger = MenuPrimitive.Trigger;
|
|
9
|
-
const Group = MenuPrimitive.Group;
|
|
10
|
-
const SubmenuRoot = MenuPrimitive.SubmenuRoot;
|
|
11
|
-
const SubmenuTrigger = MenuPrimitive.SubmenuTrigger;
|
|
12
|
-
function ArrowSvg(props) {
|
|
13
|
-
return (
|
|
14
|
-
// biome-ignore lint/a11y/noSvgWithoutTitle: This is only for display
|
|
15
|
-
_jsxs("svg", { "aria-hidden": true, width: "20", height: "10", viewBox: "0 0 20 10", fill: "none", ...props, children: [_jsx("path", { d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z", className: "fill-gray-100" }), _jsx("path", { d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z", className: "fill-gray-300" }), _jsx("path", { d: "M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z", className: "fill-gray-100" })] }));
|
|
16
|
-
}
|
|
17
|
-
function Arrow() {
|
|
18
|
-
return (_jsx(MenuPrimitive.Arrow, { className: `
|
|
19
|
-
group-data-[nested]/popup:hidden
|
|
20
|
-
data-[side=top]:-bottom-[8px]
|
|
21
|
-
data-[side=top]:rotate-180
|
|
22
|
-
data-[side=bottom]:-top-[8px]
|
|
23
|
-
data-[side=bottom]:rotate-0
|
|
24
|
-
data-[side=left]:-right-[13px]
|
|
25
|
-
data-[side=left]:rotate-90
|
|
26
|
-
data-[side=right]:-left-[13px]
|
|
27
|
-
data-[side=right]:-rotate-90
|
|
28
|
-
`, children: _jsx(ArrowSvg, {}) }));
|
|
29
|
-
}
|
|
30
|
-
const SubmenuContext = createContext({
|
|
31
|
-
isNested: false,
|
|
32
|
-
});
|
|
33
|
-
const Positioner = ({ className, children, ...props }) => {
|
|
34
|
-
const submenuContext = useContext(SubmenuContext);
|
|
35
|
-
return (_jsx(SubmenuContext.Provider, { value: {
|
|
36
|
-
isNested: true,
|
|
37
|
-
}, children: _jsx(MenuPrimitive.Portal, { children: _jsx(MenuPrimitive.Positioner, { alignOffset: submenuContext.isNested ? -6 : 0, sideOffset: submenuContext.isNested ? -6 : 8, className: cn(`
|
|
38
|
-
|
|
39
|
-
`, className), ...props, children: _jsxs(MenuPrimitive.Popup, { className: `
|
|
40
|
-
group/popup
|
|
41
|
-
relative z-50 py-1.5
|
|
42
|
-
|
|
43
|
-
min-w-[calc(var(--anchor-width)+25px-var(--spacing)*1.5)]
|
|
44
|
-
rounded-lg border bg-gray-100 text-popover-foreground shadow-md
|
|
45
|
-
border-gray-300 text-gray-dark
|
|
46
|
-
|
|
47
|
-
origin-[var(--transform-origin)]
|
|
48
|
-
transition-[transform,scale,opacity]
|
|
49
|
-
data-[ending-style]:scale-90 data-[ending-style]:opacity-0
|
|
50
|
-
data-[starting-style]:scale-90 data-[starting-style]:opacity-0
|
|
51
|
-
`, children: [_jsx(Arrow, {}), children] }) }) }) }));
|
|
52
|
-
};
|
|
53
|
-
const GroupLabel = ({ className, ...props }) => (_jsx(MenuPrimitive.GroupLabel, { className: cn("px-[25px] text-sm leading-[25px] font-semibold select-none", className), ...props }));
|
|
54
|
-
const Item = ({ className, children, ...props }) => {
|
|
55
|
-
const { icon, ...otherProps } = props;
|
|
56
|
-
return (_jsxs(MenuPrimitive.Item, { className: cn(`
|
|
57
|
-
relative h-8 select-none items-center rounded-sm
|
|
58
|
-
px-4 leading-none
|
|
59
|
-
|
|
60
|
-
grid grid-cols-[1rem_auto_1rem] gap-2
|
|
61
|
-
|
|
62
|
-
after:absolute
|
|
63
|
-
after:inset-y-0
|
|
64
|
-
after:inset-x-1.5
|
|
65
|
-
after:z-[-1]
|
|
66
|
-
data-[highlighted]:after:bg-blue-100
|
|
67
|
-
data-[highlighted]:after:rounded-sm
|
|
68
|
-
|
|
69
|
-
data-[highlighted]:text-blue
|
|
70
|
-
data-[highlighted]:outline-none
|
|
71
|
-
|
|
72
|
-
data-[disabled]:pointer-events-none
|
|
73
|
-
data-[disabled]:opacity-50
|
|
74
|
-
|
|
75
|
-
group/item
|
|
76
|
-
`, className), ...otherProps, children: [icon && _jsx("span", { className: "flex items-center justify-center", children: icon }), _jsx("span", { className: "col-start-2", children: children }), _jsx(ChevronRightIcon, { className: "size-4 hidden group-aria-[haspopup]/item:block" })] }));
|
|
77
|
-
};
|
|
78
|
-
const Separator = ({ className, ...props }) => (_jsx(MenuPrimitive.Separator, { className: cn("m-[5px] h-px bg-gray-300", className), ...props }));
|
|
79
|
-
export { Group, GroupLabel, Item, Root, Trigger, SubmenuRoot, SubmenuTrigger, Positioner, Separator, };
|
|
80
|
-
//# sourceMappingURL=menu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { Select as SelectPrimitive } from "@base-ui-components/react/select";
|
|
2
|
-
declare const Root: <TValue>({ children, ...props }: SelectPrimitive.Root.Props<TValue>) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare const Group: import("react").ForwardRefExoticComponent<SelectPrimitive.Group.Props & import("react").RefAttributes<HTMLDivElement>>;
|
|
4
|
-
declare const GroupLabel: ({ className, ...props }: SelectPrimitive.GroupLabel.Props) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
declare const Item: ({ className, children, ...props }: SelectPrimitive.Item.Props) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
declare const Separator: ({ className, ...props }: SelectPrimitive.Separator.Props) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export { Root, Group, GroupLabel, Item, Separator };
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Select as SelectPrimitive } from "@base-ui-components/react/select";
|
|
3
|
-
import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "../../lib/utils.js";
|
|
5
|
-
const Root = ({ children, ...props }) => (_jsxs(SelectPrimitive.Root, { ...props, children: [_jsx(Trigger, { children: _jsx(SelectPrimitive.Value, {}) }), _jsx(Positioner, { className: "text-gray-dark", children: children })] }));
|
|
6
|
-
const Group = SelectPrimitive.Group;
|
|
7
|
-
const Trigger = ({ className, children, ...props }) => (_jsxs(SelectPrimitive.Trigger, { className: cn(`
|
|
8
|
-
flex
|
|
9
|
-
items-center
|
|
10
|
-
justify-between
|
|
11
|
-
h-10 w-full px-3 py-2
|
|
12
|
-
rounded-lg
|
|
13
|
-
border border-gray-300
|
|
14
|
-
bg-gray-100 text-gray-dark
|
|
15
|
-
text-base
|
|
16
|
-
file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground
|
|
17
|
-
focus-visible:outline-none
|
|
18
|
-
focus-visible:border-gray-500
|
|
19
|
-
disabled:cursor-not-allowed
|
|
20
|
-
disabled:opacity-50
|
|
21
|
-
data-[placeholder]:text-gray-600
|
|
22
|
-
data-[placeholder]:italic
|
|
23
|
-
[&>span]:whitespace-nowrap
|
|
24
|
-
`, className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
|
|
25
|
-
const ScrollUpArrow = ({ className, ...props }) => (_jsx(SelectPrimitive.ScrollUpArrow, { className: cn("absolute top-0 inset-x-0 flex cursor-default items-center justify-center py-1 z-10", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
|
|
26
|
-
const ScrollDownArrow = ({ className, ...props }) => (_jsx(SelectPrimitive.ScrollDownArrow, { className: cn("absolute bottom-0 inset-x-0 flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
|
|
27
|
-
const Positioner = ({ className, children, ...props }) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Positioner, { className: cn("relative z-50 min-w-[calc(var(--anchor-width)+25px-var(--spacing)*1.5)] overflow-y-auto overflow-x-hidden rounded-lg border bg-gray-100 text-popover-foreground shadow-md border-gray-300", className), ...props, children: [_jsx(ScrollUpArrow, {}), _jsx(SelectPrimitive.Popup, { className: cn("p-1.5"), children: children }), _jsx(ScrollDownArrow, {})] }) }));
|
|
28
|
-
const GroupLabel = ({ className, ...props }) => (_jsx(SelectPrimitive.GroupLabel, { className: cn("px-[25px] text-sm leading-[25px] font-semibold select-none", className), ...props }));
|
|
29
|
-
const Item = ({ className, children, ...props }) => (_jsxs(SelectPrimitive.Item, { className: cn("relative flex h-7 select-none items-center rounded-sm pl-[25px] pr-[35px] leading-none data-[disabled]:pointer-events-none data-[highlighted]:bg-blue-100 data-[disabled]:opacity-50 data-[highlighted]:text-blue data-[highlighted]:outline-none", className), ...props, children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectPrimitive.ItemIndicator, { className: "absolute left-1.5 inline-flex w-4 items-center justify-center", children: _jsx(CheckIcon, {}) })] }));
|
|
30
|
-
const Separator = ({ className, ...props }) => (_jsx(SelectPrimitive.Separator, { className: cn("m-[5px] h-px bg-gray-300", className), ...props }));
|
|
31
|
-
export { Root, Group, GroupLabel, Item, Separator };
|
|
32
|
-
//# sourceMappingURL=select.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../src/components/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createColumnHelper, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable, } from "@tanstack/react-table";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import { Table } from "./table.js";
|
|
5
|
-
const defaultData = [
|
|
6
|
-
{ firstName: "Alice", lastName: "Smith", role: "scout" },
|
|
7
|
-
{ firstName: "Bob", lastName: "Abraham", role: "leader" },
|
|
8
|
-
{ firstName: "Charlie", lastName: "Brown", role: "volunteer" },
|
|
9
|
-
];
|
|
10
|
-
const columnHelper = createColumnHelper();
|
|
11
|
-
const columns = [
|
|
12
|
-
columnHelper.accessor("firstName", {
|
|
13
|
-
header: () => "Förnamn",
|
|
14
|
-
size: 200,
|
|
15
|
-
}),
|
|
16
|
-
columnHelper.accessor("lastName", {
|
|
17
|
-
header: () => "Efternamn",
|
|
18
|
-
size: 200,
|
|
19
|
-
}),
|
|
20
|
-
columnHelper.accessor("role", {
|
|
21
|
-
header: () => "Roll",
|
|
22
|
-
enableSorting: false,
|
|
23
|
-
cell: (info) => {
|
|
24
|
-
const role = info.getValue();
|
|
25
|
-
return role.charAt(0).toUpperCase() + role.slice(1);
|
|
26
|
-
},
|
|
27
|
-
}),
|
|
28
|
-
];
|
|
29
|
-
function TableTest() {
|
|
30
|
-
const [data, _setData] = useState(() => [...defaultData]);
|
|
31
|
-
const table = useReactTable({
|
|
32
|
-
data,
|
|
33
|
-
columns,
|
|
34
|
-
columnResizeMode: "onChange",
|
|
35
|
-
getCoreRowModel: getCoreRowModel(),
|
|
36
|
-
getFilteredRowModel: getFilteredRowModel(),
|
|
37
|
-
getSortedRowModel: getSortedRowModel(),
|
|
38
|
-
});
|
|
39
|
-
return (_jsxs(_Fragment, { children: [_jsx("pre", { className: "mb-4 min-h-48", children: JSON.stringify({
|
|
40
|
-
// columnSizing: table.getState().columnSizing,
|
|
41
|
-
// columnSizeVars,
|
|
42
|
-
sort: table.getState().sorting,
|
|
43
|
-
}, null, 2) }), _jsx(Table, { table: table, className: "w-full" })] }));
|
|
44
|
-
}
|
|
45
|
-
export { TableTest };
|
|
46
|
-
//# sourceMappingURL=table-test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"table-test.js","sourceRoot":"","sources":["../../../src/components/table/table-test.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,GACd,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAQnC,MAAM,WAAW,GAAe;IAC9B,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IACxD,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE;IACzD,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE;CAC/D,CAAC;AAEF,MAAM,YAAY,GAAG,kBAAkB,EAAY,CAAC;AAEpD,MAAM,OAAO,GAAG;IACd,YAAY,CAAC,QAAQ,CAAC,WAAW,EAAE;QACjC,MAAM,EAAE,GAAG,EAAE,CAAC,SAAS;QACvB,IAAI,EAAE,GAAG;KACV,CAAC;IACF,YAAY,CAAC,QAAQ,CAAC,UAAU,EAAE;QAChC,MAAM,EAAE,GAAG,EAAE,CAAC,WAAW;QACzB,IAAI,EAAE,GAAG;KACV,CAAC;IACF,YAAY,CAAC,QAAQ,CAAC,MAAM,EAAE;QAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,MAAM;QACpB,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;YACb,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACtD,CAAC;KACF,CAAC;CACH,CAAC;AAEF,SAAS,SAAS;IAChB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;IAE1D,MAAM,KAAK,GAAG,aAAa,CAAC;QAC1B,IAAI;QACJ,OAAO;QACP,gBAAgB,EAAE,UAAU;QAC5B,eAAe,EAAE,eAAe,EAAE;QAClC,mBAAmB,EAAE,mBAAmB,EAAE;QAC1C,iBAAiB,EAAE,iBAAiB,EAAE;KACvC,CAAC,CAAC;IAEH,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,eAAe,YAC3B,IAAI,CAAC,SAAS,CACb;oBACE,+CAA+C;oBAC/C,kBAAkB;oBAClB,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,OAAO;iBAC/B,EACD,IAAI,EACJ,CAAC,CACF,GACG,EACN,KAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,QAAQ,GAAG,IACzC,CACJ,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { type Table as TanstackTable } from "@tanstack/react-table";
|
|
2
|
-
import { Card } from "../card/card.js";
|
|
3
|
-
export type Props<TData> = Parameters<typeof Card>[0] & {
|
|
4
|
-
table: TanstackTable<TData>;
|
|
5
|
-
};
|
|
6
|
-
declare function Table<TData>(props: Props<TData>): import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
declare function TableBody<TData>({ table }: {
|
|
8
|
-
table: TanstackTable<TData>;
|
|
9
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export declare const MemoizedTableBody: typeof TableBody;
|
|
11
|
-
export { Table };
|