@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.
Files changed (106) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +20 -56
  3. package/README.md +0 -3
  4. package/assets/divider-long.svg +0 -94
  5. package/assets/divider-short.svg +0 -37
  6. package/assets/icons/aboutUs.svg +0 -44
  7. package/assets/icons/activityBank.svg +0 -26
  8. package/assets/icons/becomeAScout.svg +0 -28
  9. package/assets/icons/becomeMonthlyDonor.svg +0 -28
  10. package/assets/icons/communicateScouts.svg +0 -105
  11. package/assets/icons/companies.svg +0 -74
  12. package/assets/icons/digitalMeetingPlaces.svg +0 -29
  13. package/assets/icons/event.svg +0 -38
  14. package/assets/icons/eventCalendar.svg +0 -20
  15. package/assets/icons/eventsAndCamps.svg +0 -76
  16. package/assets/icons/eventsInSweden.svg +0 -32
  17. package/assets/icons/findScoutGroup.svg +0 -60
  18. package/assets/icons/forLeaders.svg +0 -84
  19. package/assets/icons/forParents.svg +0 -22
  20. package/assets/icons/forScoutLeadersAndTroops.svg +0 -32
  21. package/assets/icons/frequentlyAskedQuestions.svg +0 -32
  22. package/assets/icons/getInvolvedAsAdult.svg +0 -20
  23. package/assets/icons/giveAGift.svg +0 -45
  24. package/assets/icons/howYourMoneyHelps.svg +0 -27
  25. package/assets/icons/iAmAScout.svg +0 -21
  26. package/assets/icons/internationalEvents.svg +0 -41
  27. package/assets/icons/internationalScouting.svg +0 -32
  28. package/assets/icons/jamboree.svg +0 -45
  29. package/assets/icons/languages.svg +0 -34
  30. package/assets/icons/leadScoutGroup.svg +0 -45
  31. package/assets/icons/leadScouting.svg +0 -11
  32. package/assets/icons/newsUpdates.svg +0 -14
  33. package/assets/icons/ourFacilitiesAndCampsites.svg +0 -35
  34. package/assets/icons/packingList.svg +0 -36
  35. package/assets/icons/planActivities.svg +0 -29
  36. package/assets/icons/scoutBadges.svg +0 -48
  37. package/assets/icons/scoutCabinWebsite.svg +0 -11
  38. package/assets/icons/scoutsFolkHighSchool.svg +0 -43
  39. package/assets/icons/scoutsSupportFund.svg +0 -25
  40. package/assets/icons/shop.svg +0 -34
  41. package/assets/icons/societalImpact.svg +0 -37
  42. package/assets/icons/supportUs.svg +0 -12
  43. package/assets/icons/testament.svg +0 -17
  44. package/assets/icons/toolsAndResources.svg +0 -14
  45. package/assets/icons/whatAreTheScouts.svg +0 -57
  46. package/assets/icons/whatDoesItCost.svg +0 -13
  47. package/assets/icons/whatIsScouting.svg +0 -24
  48. package/assets/icons/whatWeDoAtScouts.svg +0 -24
  49. package/assets/icons/whyScouts.svg +0 -18
  50. package/assets/icons/workWithUs.svg +0 -48
  51. package/assets/logo/scouterna.svg +0 -1
  52. package/assets/logo/scouterna_tagline.svg +0 -1
  53. package/assets/logo/scoutsymbolen.svg +0 -116
  54. package/assets/logo/tab-horizontal.png +0 -0
  55. package/assets/logo/tab-vertical.png +0 -0
  56. package/assets/topograph.svg +0 -108
  57. package/dist/components/app-waffle/app-waffle.d.ts +0 -10
  58. package/dist/components/app-waffle/app-waffle.js +0 -37
  59. package/dist/components/app-waffle/app-waffle.js.map +0 -1
  60. package/dist/components/app-waffle/usher.d.ts +0 -14
  61. package/dist/components/app-waffle/usher.js +0 -39
  62. package/dist/components/app-waffle/usher.js.map +0 -1
  63. package/dist/components/button/button.d.ts +0 -10
  64. package/dist/components/button/button.js +0 -173
  65. package/dist/components/button/button.js.map +0 -1
  66. package/dist/components/callout/callout.d.ts +0 -10
  67. package/dist/components/callout/callout.js +0 -54
  68. package/dist/components/callout/callout.js.map +0 -1
  69. package/dist/components/card/card.d.ts +0 -8
  70. package/dist/components/card/card.js +0 -32
  71. package/dist/components/card/card.js.map +0 -1
  72. package/dist/components/checkbox/checkbox.d.ts +0 -4
  73. package/dist/components/checkbox/checkbox.js +0 -22
  74. package/dist/components/checkbox/checkbox.js.map +0 -1
  75. package/dist/components/field/field.d.ts +0 -13
  76. package/dist/components/field/field.js +0 -17
  77. package/dist/components/field/field.js.map +0 -1
  78. package/dist/components/input/input.d.ts +0 -4
  79. package/dist/components/input/input.js +0 -23
  80. package/dist/components/input/input.js.map +0 -1
  81. package/dist/components/menu/menu.d.ts +0 -13
  82. package/dist/components/menu/menu.js +0 -80
  83. package/dist/components/menu/menu.js.map +0 -1
  84. package/dist/components/select/select.d.ts +0 -7
  85. package/dist/components/select/select.js +0 -32
  86. package/dist/components/select/select.js.map +0 -1
  87. package/dist/components/table/table-test.d.ts +0 -2
  88. package/dist/components/table/table-test.js +0 -46
  89. package/dist/components/table/table-test.js.map +0 -1
  90. package/dist/components/table/table.d.ts +0 -11
  91. package/dist/components/table/table.js +0 -75
  92. package/dist/components/table/table.js.map +0 -1
  93. package/dist/components/toast/toast.d.ts +0 -11
  94. package/dist/components/toast/toast.js +0 -15
  95. package/dist/components/toast/toast.js.map +0 -1
  96. package/dist/index.d.ts +0 -10
  97. package/dist/index.js +0 -11
  98. package/dist/index.js.map +0 -1
  99. package/dist/lib/preload.d.ts +0 -5
  100. package/dist/lib/preload.js +0 -19
  101. package/dist/lib/preload.js.map +0 -1
  102. package/dist/lib/utils.d.ts +0 -2
  103. package/dist/lib/utils.js +0 -6
  104. package/dist/lib/utils.js.map +0 -1
  105. package/dist/style.css +0 -1315
  106. 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":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAEzE,OAAO,EAAE,EAAE,EAAE,MAAM,oBAAoB,CAAC;AAExC,MAAM,IAAI,GAAG,CAAU,EACrB,QAAQ,EACR,GAAG,KAAK,EAC2B,EAAE,EAAE,CAAC,CACxC,MAAC,eAAe,CAAC,IAAI,OAAK,KAAK,aAC7B,KAAC,OAAO,cACN,KAAC,eAAe,CAAC,KAAK,KAAG,GACjB,EACV,KAAC,UAAU,IAAC,SAAS,EAAC,gBAAgB,YAAE,QAAQ,GAAc,IACzC,CACxB,CAAC;AAEF,MAAM,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC;AAEpC,MAAM,OAAO,GAAG,CAAC,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACsB,EAAE,EAAE,CAAC,CACnC,MAAC,eAAe,CAAC,OAAO,IACtB,SAAS,EAAE,EAAE,CACX;;;;;;;;;;;;;;;;;OAiBC,EACD,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,CAAC,IAAI,cACnB,KAAC,eAAe,IAAC,SAAS,EAAC,mBAAmB,GAAG,GAC5B,IACC,CAC3B,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC4B,EAAE,EAAE,CAAC,CACzC,KAAC,eAAe,CAAC,aAAa,IAC5B,SAAS,EAAE,EAAE,CACX,oFAAoF,EACpF,SAAS,CACV,KACG,KAAK,YAET,KAAC,aAAa,IAAC,SAAS,EAAC,QAAQ,GAAG,GACN,CACjC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC8B,EAAE,EAAE,CAAC,CAC3C,KAAC,eAAe,CAAC,eAAe,IAC9B,SAAS,EAAE,EAAE,CACX,kFAAkF,EAClF,SAAS,CACV,KACG,KAAK,YAET,KAAC,eAAe,IAAC,SAAS,EAAC,QAAQ,GAAG,GACN,CACnC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACyB,EAAE,EAAE,CAAC,CACtC,KAAC,eAAe,CAAC,MAAM,cACrB,MAAC,eAAe,CAAC,UAAU,IACzB,SAAS,EAAE,EAAE,CACX,2LAA2L,EAC3L,SAAS,CACV,KACG,KAAK,aAET,KAAC,aAAa,KAAG,EACjB,KAAC,eAAe,CAAC,KAAK,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAC1C,QAAQ,GACa,EACxB,KAAC,eAAe,KAAG,IACQ,GACN,CAC1B,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACyB,EAAE,EAAE,CAAC,CACtC,KAAC,eAAe,CAAC,UAAU,IACzB,SAAS,EAAE,EAAE,CACX,4DAA4D,EAC5D,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AAEF,MAAM,IAAI,GAAG,CAAC,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACmB,EAAE,EAAE,CAAC,CAChC,MAAC,eAAe,CAAC,IAAI,IACnB,SAAS,EAAE,EAAE,CACX,mPAAmP,EACnP,SAAS,CACV,KACG,KAAK,aAET,KAAC,eAAe,CAAC,QAAQ,cAAE,QAAQ,GAA4B,EAC/D,KAAC,eAAe,CAAC,aAAa,IAAC,SAAS,EAAC,+DAA+D,YACtG,KAAC,SAAS,KAAG,GACiB,IACX,CACxB,CAAC;AAEF,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACwB,EAAE,EAAE,CAAC,CACrC,KAAC,eAAe,CAAC,SAAS,IACxB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,SAAS,CAAC,KAChD,KAAK,GACT,CACH,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}
@@ -1,2 +0,0 @@
1
- declare function TableTest(): import("react/jsx-runtime").JSX.Element;
2
- export { TableTest };
@@ -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 };