@douglasneuroinformatics/libui 4.2.1 → 4.3.0
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/{chunk-6C6CJESI.js → chunk-LSGD4EQY.js} +2 -2
- package/dist/{chunk-ARKHRGTL.js → chunk-VFVO337W.js} +17 -1
- package/dist/chunk-VFVO337W.js.map +1 -0
- package/dist/components.d.ts +2 -16
- package/dist/components.js +71 -156
- package/dist/components.js.map +1 -1
- package/dist/hooks.d.ts +1 -1
- package/dist/hooks.js +2 -2
- package/dist/i18n.d.ts +2 -2
- package/dist/i18n.js +1 -1
- package/dist/{types-DHTtLrqP.d.ts → types-DDyMlEuL.d.ts} +19 -1
- package/package.json +2 -1
- package/src/components/DataTable/DataTable.stories.tsx +76 -0
- package/src/components/DataTable/DataTable.tsx +289 -0
- package/src/components/DataTable/DestructiveActionDialog.tsx +71 -0
- package/src/components/DataTable/RowActionsDropdown.tsx +64 -0
- package/src/components/DataTable/index.ts +1 -0
- package/src/components/index.ts +0 -1
- package/src/i18n/translations/libui.json +16 -0
- package/dist/chunk-ARKHRGTL.js.map +0 -1
- /package/dist/{chunk-6C6CJESI.js.map → chunk-LSGD4EQY.js.map} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import {
|
|
3
3
|
getTranslation,
|
|
4
4
|
translationStore
|
|
5
|
-
} from "./chunk-
|
|
5
|
+
} from "./chunk-VFVO337W.js";
|
|
6
6
|
import {
|
|
7
7
|
isBrowser
|
|
8
8
|
} from "./chunk-HCQE34RL.js";
|
|
@@ -366,4 +366,4 @@ export {
|
|
|
366
366
|
useTranslation,
|
|
367
367
|
useWindowSize
|
|
368
368
|
};
|
|
369
|
-
//# sourceMappingURL=chunk-
|
|
369
|
+
//# sourceMappingURL=chunk-LSGD4EQY.js.map
|
|
@@ -149,6 +149,10 @@ var libui_default = {
|
|
|
149
149
|
en: "<< First",
|
|
150
150
|
fr: "<< Premi\xE8re"
|
|
151
151
|
},
|
|
152
|
+
first: {
|
|
153
|
+
en: "First",
|
|
154
|
+
fr: "Premi\xE8re"
|
|
155
|
+
},
|
|
152
156
|
info: {
|
|
153
157
|
en: "Showing {{first}} to {{last}} of {{total}} results",
|
|
154
158
|
fr: "Affichage de {{first}} \xE0 {{last}} sur {{total}} r\xE9sultats"
|
|
@@ -157,6 +161,10 @@ var libui_default = {
|
|
|
157
161
|
en: "Last >>",
|
|
158
162
|
fr: "Derni\xE8re >>"
|
|
159
163
|
},
|
|
164
|
+
last: {
|
|
165
|
+
en: "Last",
|
|
166
|
+
fr: "Derni\xE8re"
|
|
167
|
+
},
|
|
160
168
|
next: {
|
|
161
169
|
en: "Next",
|
|
162
170
|
fr: "Suivant"
|
|
@@ -171,6 +179,14 @@ var libui_default = {
|
|
|
171
179
|
en: "Search...",
|
|
172
180
|
fr: "Rechercher..."
|
|
173
181
|
}
|
|
182
|
+
},
|
|
183
|
+
yes: {
|
|
184
|
+
en: "Yes",
|
|
185
|
+
fr: "Oui"
|
|
186
|
+
},
|
|
187
|
+
no: {
|
|
188
|
+
en: "No",
|
|
189
|
+
fr: "Non"
|
|
174
190
|
}
|
|
175
191
|
};
|
|
176
192
|
|
|
@@ -233,4 +249,4 @@ export {
|
|
|
233
249
|
translationStore,
|
|
234
250
|
i18n
|
|
235
251
|
};
|
|
236
|
-
//# sourceMappingURL=chunk-
|
|
252
|
+
//# sourceMappingURL=chunk-VFVO337W.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/i18n/store.ts","../src/i18n/translations/libui.json","../src/i18n/internal.ts"],"sourcesContent":["import type { SetOptional } from 'type-fest';\nimport { subscribeWithSelector } from 'zustand/middleware';\nimport { createStore } from 'zustand/vanilla';\n\nimport libui from '@/i18n/translations/libui.json';\n\nimport { getTranslation } from './internal';\n\nimport type { Language, TranslateFunction, Translations } from './types';\n\ntype InitOptions = {\n defaultLanguage?: Language;\n fallbackLanguage?: Language;\n translations?: SetOptional<Translations, 'libui'>;\n};\n\ntype I18N = {\n init: (options?: InitOptions) => void;\n t: TranslateFunction;\n};\n\nexport type TranslationStore = {\n changeLanguage: (language: Language) => void;\n fallbackLanguage: Language;\n isInitialized: boolean;\n resolvedLanguage: Language;\n translations: Translations;\n};\n\nexport const translationStore = createStore(\n subscribeWithSelector<TranslationStore>((set) => ({\n changeLanguage(language) {\n set({ resolvedLanguage: language });\n },\n fallbackLanguage: 'en',\n isInitialized: false,\n resolvedLanguage: 'en',\n translations: { libui }\n }))\n);\n\nexport const i18n: I18N = {\n init: ({ defaultLanguage, fallbackLanguage, translations }: InitOptions = {}) => {\n const state = translationStore.getState();\n if (state.isInitialized) {\n console.error('Cannot reinitialize translations store');\n return;\n }\n translationStore.subscribe(\n (state) => state.resolvedLanguage,\n (resolvedLanguage) => {\n document.documentElement.lang = resolvedLanguage;\n }\n );\n translationStore.setState({\n fallbackLanguage: fallbackLanguage ?? state.fallbackLanguage,\n isInitialized: true,\n resolvedLanguage: defaultLanguage ?? state.resolvedLanguage,\n translations: {\n ...state.translations,\n ...translations\n }\n });\n },\n t: (target, ...args) => {\n const state = translationStore.getState();\n return getTranslation(target, state, ...args);\n }\n};\n","{\n \"days\": {\n \"friday\": {\n \"en\": \"Friday\",\n \"fr\": \"Vendredi\"\n },\n \"monday\": {\n \"en\": \"Monday\",\n \"fr\": \"Lundi\"\n },\n \"saturday\": {\n \"en\": \"Saturday\",\n \"fr\": \"Samedi\"\n },\n \"sunday\": {\n \"en\": \"Sunday\",\n \"fr\": \"Dimanche\"\n },\n \"thursday\": {\n \"en\": \"Thursday\",\n \"fr\": \"Jeudi\"\n },\n \"tuesday\": {\n \"en\": \"Tuesday\",\n \"fr\": \"Mardi\"\n },\n \"wednesday\": {\n \"en\": \"Wednesday\",\n \"fr\": \"Mercredi\"\n }\n },\n \"form\": {\n \"append\": {\n \"en\": \"Append\",\n \"fr\": \"Ajouter\"\n },\n \"radioLabels\": {\n \"false\": {\n \"en\": \"False\",\n \"fr\": \"Faux\"\n },\n \"true\": {\n \"en\": \"True\",\n \"fr\": \"Vrai\"\n }\n },\n \"remove\": {\n \"en\": \"Remove\",\n \"fr\": \"Supprimer\"\n },\n \"required\": {\n \"en\": \"This field is required\",\n \"fr\": \"Ce champ est obligatoire\"\n },\n \"reset\": {\n \"en\": \"Reset\",\n \"fr\": \"Réinitialiser\"\n },\n \"submit\": {\n \"en\": \"Submit\",\n \"fr\": \"Soumettre\"\n }\n },\n \"months\": {\n \"april\": {\n \"en\": \"April\",\n \"fr\": \"Avril\"\n },\n \"august\": {\n \"en\": \"August\",\n \"fr\": \"Août\"\n },\n \"december\": {\n \"en\": \"December\",\n \"fr\": \"Décembre\"\n },\n \"february\": {\n \"en\": \"February\",\n \"fr\": \"Février\"\n },\n \"january\": {\n \"en\": \"January\",\n \"fr\": \"Janvier\"\n },\n \"july\": {\n \"en\": \"July\",\n \"fr\": \"Juillet\"\n },\n \"june\": {\n \"en\": \"June\",\n \"fr\": \"Juin\"\n },\n \"march\": {\n \"en\": \"March\",\n \"fr\": \"Mars\"\n },\n \"may\": {\n \"en\": \"May\",\n \"fr\": \"Mai\"\n },\n \"november\": {\n \"en\": \"November\",\n \"fr\": \"Novembre\"\n },\n \"october\": {\n \"en\": \"October\",\n \"fr\": \"Octobre\"\n },\n \"september\": {\n \"en\": \"September\",\n \"fr\": \"Septembre\"\n }\n },\n \"notifications\": {\n \"types\": {\n \"error\": {\n \"en\": \"Error\",\n \"fr\": \"Erreur\"\n },\n \"info\": {\n \"en\": \"Info\",\n \"fr\": \"Attention\"\n },\n \"success\": {\n \"en\": \"Success\",\n \"fr\": \"Succès\"\n },\n \"warning\": {\n \"en\": \"Warning\",\n \"fr\": \"Avertissement\"\n }\n }\n },\n \"oneTimePasswordInput\": {\n \"invalidCodeFormat\": {\n \"en\": \"Invalid code format\",\n \"fr\": \"Format de code invalide\"\n }\n },\n \"pagination\": {\n \"firstPage\": {\n \"en\": \"<< First\",\n \"fr\": \"<< Première\"\n },\n \"first\": {\n \"en\": \"First\",\n \"fr\": \"Première\"\n },\n \"info\": {\n \"en\": \"Showing {{first}} to {{last}} of {{total}} results\",\n \"fr\": \"Affichage de {{first}} à {{last}} sur {{total}} résultats\"\n },\n \"lastPage\": {\n \"en\": \"Last >>\",\n \"fr\": \"Dernière >>\"\n },\n \"last\": {\n \"en\": \"Last\",\n \"fr\": \"Dernière\"\n },\n \"next\": {\n \"en\": \"Next\",\n \"fr\": \"Suivant\"\n },\n \"previous\": {\n \"en\": \"Previous\",\n \"fr\": \"Précédent\"\n }\n },\n \"searchBar\": {\n \"placeholder\": {\n \"en\": \"Search...\",\n \"fr\": \"Rechercher...\"\n }\n },\n \"yes\": {\n \"en\": \"Yes\",\n \"fr\": \"Oui\"\n },\n \"no\": {\n \"en\": \"No\",\n \"fr\": \"Non\"\n }\n}\n","import { format } from '@douglasneuroinformatics/libjs';\nimport { get } from 'lodash-es';\nimport type { Primitive } from 'type-fest';\n\nimport type { Language } from './types';\n\nexport function getTranslation(\n target: string | { [L in Language]?: string },\n state: {\n fallbackLanguage: Language;\n resolvedLanguage: Language;\n translations: { [key: string]: any };\n },\n ...args: Exclude<Primitive, symbol>[]\n) {\n let value: { [key: string]: string };\n if (typeof target === 'string') {\n value = get(state.translations, target) as { [key: string]: string };\n } else {\n value = target;\n }\n return format((value[state.resolvedLanguage] ?? value[state.fallbackLanguage])!, ...args);\n}\n"],"mappings":"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","names":["state"]}
|
package/dist/components.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ import { FormDataType, FormContent, PartialNullableFormDataType } from '@douglas
|
|
|
25
25
|
import { z } from 'zod';
|
|
26
26
|
import * as _radix_ui_react_hover_card from '@radix-ui/react-hover-card';
|
|
27
27
|
import * as LabelPrimitive from '@radix-ui/react-label';
|
|
28
|
-
import { L as Language } from './types-
|
|
28
|
+
import { L as Language } from './types-DDyMlEuL.js';
|
|
29
29
|
import * as _radix_ui_react_menubar from '@radix-ui/react-menubar';
|
|
30
30
|
import { MenubarMenuProps } from '@radix-ui/react-menubar';
|
|
31
31
|
import * as _radix_ui_react_popover from '@radix-ui/react-popover';
|
|
@@ -1420,20 +1420,6 @@ type OneTimePasswordInputProps = {
|
|
|
1420
1420
|
};
|
|
1421
1421
|
declare const OneTimePasswordInput: ({ className, onComplete, ...props }: OneTimePasswordInputProps) => react_jsx_runtime.JSX.Element;
|
|
1422
1422
|
|
|
1423
|
-
type PaginationLinkProps = Simplify<Pick<ButtonProps, 'size'> & React$1.ComponentProps<'a'> & {
|
|
1424
|
-
isActive?: boolean;
|
|
1425
|
-
}>;
|
|
1426
|
-
declare const PaginationLink: ({ children, className, isActive, size, ...props }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
|
|
1427
|
-
|
|
1428
|
-
declare const Pagination: (({ className, ...props }: React.ComponentProps<"nav">) => react_jsx_runtime.JSX.Element) & {
|
|
1429
|
-
Content: ({ className, ...props }: React.ComponentProps<"ul">) => react_jsx_runtime.JSX.Element;
|
|
1430
|
-
Ellipsis: ({ className, ...props }: React.ComponentProps<"span">) => react_jsx_runtime.JSX.Element;
|
|
1431
|
-
Item: ({ className, ...props }: React.ComponentProps<"li">) => react_jsx_runtime.JSX.Element;
|
|
1432
|
-
Link: ({ children, className, isActive, size, ...props }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
|
|
1433
|
-
Next: ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => react_jsx_runtime.JSX.Element;
|
|
1434
|
-
Previous: ({ className, ...props }: PaginationLinkProps) => react_jsx_runtime.JSX.Element;
|
|
1435
|
-
};
|
|
1436
|
-
|
|
1437
1423
|
type PopoverContentProps = {
|
|
1438
1424
|
/** The preferred alignment against the anchor, which may change when collisions occur */
|
|
1439
1425
|
align?: 'center' | 'end' | 'start';
|
|
@@ -1609,4 +1595,4 @@ declare const Tooltip: (({ children, delayDuration, onOpenChange, open, skipDela
|
|
|
1609
1595
|
Trigger: React$1.ForwardRefExoticComponent<TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
1610
1596
|
};
|
|
1611
1597
|
|
|
1612
|
-
export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, type NotificationHubProps, OneTimePasswordInput,
|
|
1598
|
+
export { Accordion, ActionDropdown, type ActionDropdownProps, AlertDialog, ArrowToggle, type ArrowToggleProps, Avatar, BUTTON_ICON_SIZE, Badge, type BadgeProps, type BaseSearchBarProps, Breadcrumb, Button, type ButtonProps, Card, Chart, ChartConfig, Checkbox, type ClientFieldFactory, ClientTable, type ClientTableColumn, type ClientTableColumnProps, type ClientTableDropdownOptions, type ClientTableEntry, type ClientTableProps, Collapsible, Command, ContextMenu, CopyButton, DatePicker, type DatePickerProps, Dialog, Drawer, DropdownButton, DropdownMenu, ErrorBoundary, ErrorFallback, type ErrorFallbackProps, FileDropzone, type FileDropzoneProps, Form, type FormProps, Heading, type HeadingProps, HoverCard, Input, type InputProps, Label, LanguageToggle, type LanguageToggleProps, LineGraph, type LineGraphData, type LineGraphLine, ListboxDropdown, type ListboxDropdownOption, type ListboxDropdownProps, MenuBar, NotificationHub, type NotificationHubProps, OneTimePasswordInput, Popover, Progress, RadioGroup, type RadioGroupProps, Resizable, ScrollArea, SearchBar, type SearchBarProps, Select, Separator, Sheet, Slider, Spinner, SpinnerIcon, StatisticCard, Switch, Table, Tabs, TextArea, type TextAreaProps, ThemeToggle, type ThemeToggleProps, Tooltip, badgeVariants, buttonVariants, labelVariants };
|
package/dist/components.js
CHANGED
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
useNotificationsStore,
|
|
6
6
|
useTheme,
|
|
7
7
|
useTranslation
|
|
8
|
-
} from "./chunk-
|
|
9
|
-
import "./chunk-
|
|
8
|
+
} from "./chunk-LSGD4EQY.js";
|
|
9
|
+
import "./chunk-VFVO337W.js";
|
|
10
10
|
import {
|
|
11
11
|
cn
|
|
12
12
|
} from "./chunk-HCQE34RL.js";
|
|
@@ -4325,102 +4325,18 @@ var OneTimePasswordInput = ({ className, onComplete, ...props }) => {
|
|
|
4325
4325
|
)) });
|
|
4326
4326
|
};
|
|
4327
4327
|
|
|
4328
|
-
// src/components/Pagination/PaginationContent.tsx
|
|
4329
|
-
import "react";
|
|
4330
|
-
import { jsx as jsx156 } from "react/jsx-runtime";
|
|
4331
|
-
var PaginationContent = ({ className, ...props }) => /* @__PURE__ */ jsx156("ul", { className: cn("flex flex-row items-center gap-1", className), ...props });
|
|
4332
|
-
|
|
4333
|
-
// src/components/Pagination/PaginationEllipsis.tsx
|
|
4334
|
-
import "react";
|
|
4335
|
-
import { MoreHorizontalIcon as MoreHorizontalIcon2 } from "lucide-react";
|
|
4336
|
-
import { jsx as jsx157, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4337
|
-
var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs55("span", { "aria-hidden": true, className: cn("flex h-9 w-9 items-center justify-center", className), ...props, children: [
|
|
4338
|
-
/* @__PURE__ */ jsx157(MoreHorizontalIcon2, { className: "h-4 w-4" }),
|
|
4339
|
-
/* @__PURE__ */ jsx157("span", { className: "sr-only", children: "More pages" })
|
|
4340
|
-
] });
|
|
4341
|
-
|
|
4342
|
-
// src/components/Pagination/PaginationItem.tsx
|
|
4343
|
-
import "react";
|
|
4344
|
-
import { jsx as jsx158 } from "react/jsx-runtime";
|
|
4345
|
-
var PaginationItem = ({ className, ...props }) => /* @__PURE__ */ jsx158("li", { className, ...props });
|
|
4346
|
-
|
|
4347
|
-
// src/components/Pagination/PaginationLink.tsx
|
|
4348
|
-
import "react";
|
|
4349
|
-
import { jsx as jsx159 } from "react/jsx-runtime";
|
|
4350
|
-
var PaginationLink = ({ children, className, isActive, size = "icon", ...props }) => /* @__PURE__ */ jsx159(
|
|
4351
|
-
"a",
|
|
4352
|
-
{
|
|
4353
|
-
"aria-current": isActive ? "page" : void 0,
|
|
4354
|
-
className: cn(
|
|
4355
|
-
buttonVariants({
|
|
4356
|
-
size,
|
|
4357
|
-
variant: isActive ? "outline" : "ghost"
|
|
4358
|
-
}),
|
|
4359
|
-
className
|
|
4360
|
-
),
|
|
4361
|
-
...props,
|
|
4362
|
-
children
|
|
4363
|
-
}
|
|
4364
|
-
);
|
|
4365
|
-
|
|
4366
|
-
// src/components/Pagination/PaginationNext.tsx
|
|
4367
|
-
import "react";
|
|
4368
|
-
import { ChevronRightIcon as ChevronRightIcon5 } from "lucide-react";
|
|
4369
|
-
import { jsx as jsx160, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
4370
|
-
var PaginationNext = ({ className, ...props }) => {
|
|
4371
|
-
const { t } = useTranslation("libui");
|
|
4372
|
-
return /* @__PURE__ */ jsxs56(PaginationLink, { "aria-label": "Go to next page", className: cn("gap-1 pr-2.5", className), size: "md", ...props, children: [
|
|
4373
|
-
/* @__PURE__ */ jsx160("span", { children: t("pagination.next") }),
|
|
4374
|
-
/* @__PURE__ */ jsx160(ChevronRightIcon5, { className: "h-4 w-4" })
|
|
4375
|
-
] });
|
|
4376
|
-
};
|
|
4377
|
-
|
|
4378
|
-
// src/components/Pagination/PaginationPrevious.tsx
|
|
4379
|
-
import { ChevronLeftIcon } from "lucide-react";
|
|
4380
|
-
import { jsx as jsx161, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
4381
|
-
var PaginationPrevious = ({ className, ...props }) => {
|
|
4382
|
-
const { t } = useTranslation("libui");
|
|
4383
|
-
return /* @__PURE__ */ jsxs57(PaginationLink, { "aria-label": "Go to previous page", className: cn("gap-1 pl-2.5", className), size: "md", ...props, children: [
|
|
4384
|
-
/* @__PURE__ */ jsx161(ChevronLeftIcon, { className: "h-4 w-4" }),
|
|
4385
|
-
/* @__PURE__ */ jsx161("span", { children: t("pagination.previous") })
|
|
4386
|
-
] });
|
|
4387
|
-
};
|
|
4388
|
-
|
|
4389
|
-
// src/components/Pagination/PaginationRoot.tsx
|
|
4390
|
-
import "react";
|
|
4391
|
-
import { jsx as jsx162 } from "react/jsx-runtime";
|
|
4392
|
-
var PaginationRoot = ({ className, ...props }) => /* @__PURE__ */ jsx162(
|
|
4393
|
-
"nav",
|
|
4394
|
-
{
|
|
4395
|
-
"aria-label": "pagination",
|
|
4396
|
-
className: cn("mx-auto flex w-full justify-center", className),
|
|
4397
|
-
role: "navigation",
|
|
4398
|
-
...props
|
|
4399
|
-
}
|
|
4400
|
-
);
|
|
4401
|
-
|
|
4402
|
-
// src/components/Pagination/Pagination.tsx
|
|
4403
|
-
var Pagination = Object.assign(PaginationRoot, {
|
|
4404
|
-
Content: PaginationContent,
|
|
4405
|
-
Ellipsis: PaginationEllipsis,
|
|
4406
|
-
Item: PaginationItem,
|
|
4407
|
-
Link: PaginationLink,
|
|
4408
|
-
Next: PaginationNext,
|
|
4409
|
-
Previous: PaginationPrevious
|
|
4410
|
-
});
|
|
4411
|
-
|
|
4412
4328
|
// src/components/Progress/Progress.tsx
|
|
4413
4329
|
import { forwardRef as forwardRef96 } from "react";
|
|
4414
4330
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
4415
|
-
import { jsx as
|
|
4331
|
+
import { jsx as jsx156 } from "react/jsx-runtime";
|
|
4416
4332
|
var Progress = forwardRef96(function Progress2({ className, value, ...props }, ref) {
|
|
4417
|
-
return /* @__PURE__ */
|
|
4333
|
+
return /* @__PURE__ */ jsx156(
|
|
4418
4334
|
ProgressPrimitive.Root,
|
|
4419
4335
|
{
|
|
4420
4336
|
className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
|
|
4421
4337
|
ref,
|
|
4422
4338
|
...props,
|
|
4423
|
-
children: /* @__PURE__ */
|
|
4339
|
+
children: /* @__PURE__ */ jsx156(
|
|
4424
4340
|
ProgressPrimitive.Indicator,
|
|
4425
4341
|
{
|
|
4426
4342
|
className: "h-full w-full flex-1 bg-primary transition-all",
|
|
@@ -4439,8 +4355,8 @@ import { Panel } from "react-resizable-panels";
|
|
|
4439
4355
|
import "react";
|
|
4440
4356
|
import { GripVertical } from "lucide-react";
|
|
4441
4357
|
import { PanelResizeHandle } from "react-resizable-panels";
|
|
4442
|
-
import { jsx as
|
|
4443
|
-
var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */
|
|
4358
|
+
import { jsx as jsx157 } from "react/jsx-runtime";
|
|
4359
|
+
var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ jsx157(
|
|
4444
4360
|
PanelResizeHandle,
|
|
4445
4361
|
{
|
|
4446
4362
|
className: cn(
|
|
@@ -4448,15 +4364,15 @@ var ResizableHandle = ({ className, withHandle, ...props }) => /* @__PURE__ */ j
|
|
|
4448
4364
|
className
|
|
4449
4365
|
),
|
|
4450
4366
|
...props,
|
|
4451
|
-
children: withHandle && /* @__PURE__ */
|
|
4367
|
+
children: withHandle && /* @__PURE__ */ jsx157("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ jsx157(GripVertical, { className: "h-2.5 w-2.5" }) })
|
|
4452
4368
|
}
|
|
4453
4369
|
);
|
|
4454
4370
|
|
|
4455
4371
|
// src/components/Resizable/ResizablePanelGroup.tsx
|
|
4456
4372
|
import "react";
|
|
4457
4373
|
import { PanelGroup } from "react-resizable-panels";
|
|
4458
|
-
import { jsx as
|
|
4459
|
-
var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */
|
|
4374
|
+
import { jsx as jsx158 } from "react/jsx-runtime";
|
|
4375
|
+
var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx158(
|
|
4460
4376
|
PanelGroup,
|
|
4461
4377
|
{
|
|
4462
4378
|
className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
|
|
@@ -4465,8 +4381,8 @@ var ResizablePanelGroup = ({ className, ...props }) => /* @__PURE__ */ jsx165(
|
|
|
4465
4381
|
);
|
|
4466
4382
|
|
|
4467
4383
|
// src/components/Resizable/Resizable.tsx
|
|
4468
|
-
import { Fragment as Fragment3, jsx as
|
|
4469
|
-
var ResizableRoot = ({ children }) => /* @__PURE__ */
|
|
4384
|
+
import { Fragment as Fragment3, jsx as jsx159 } from "react/jsx-runtime";
|
|
4385
|
+
var ResizableRoot = ({ children }) => /* @__PURE__ */ jsx159(Fragment3, { children });
|
|
4470
4386
|
var Resizable = Object.assign(ResizableRoot, {
|
|
4471
4387
|
Handle: ResizableHandle,
|
|
4472
4388
|
Panel,
|
|
@@ -4475,7 +4391,7 @@ var Resizable = Object.assign(ResizableRoot, {
|
|
|
4475
4391
|
|
|
4476
4392
|
// src/components/SearchBar/SearchBar.tsx
|
|
4477
4393
|
import { SearchIcon as SearchIcon2 } from "lucide-react";
|
|
4478
|
-
import { jsx as
|
|
4394
|
+
import { jsx as jsx160, jsxs as jsxs55 } from "react/jsx-runtime";
|
|
4479
4395
|
var SearchBar = ({
|
|
4480
4396
|
className,
|
|
4481
4397
|
onClick,
|
|
@@ -4486,9 +4402,9 @@ var SearchBar = ({
|
|
|
4486
4402
|
...props
|
|
4487
4403
|
}) => {
|
|
4488
4404
|
const { t } = useTranslation("libui");
|
|
4489
|
-
return /* @__PURE__ */
|
|
4490
|
-
/* @__PURE__ */
|
|
4491
|
-
/* @__PURE__ */
|
|
4405
|
+
return /* @__PURE__ */ jsxs55("form", { className: cn("relative", className), ...props, children: [
|
|
4406
|
+
/* @__PURE__ */ jsx160(SearchIcon2, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
|
|
4407
|
+
/* @__PURE__ */ jsx160(
|
|
4492
4408
|
Input,
|
|
4493
4409
|
{
|
|
4494
4410
|
className: "pl-8",
|
|
@@ -4510,17 +4426,17 @@ import { Close as Close3, Portal as Portal12, Root as Root18, Trigger as Trigger
|
|
|
4510
4426
|
|
|
4511
4427
|
// src/components/Sheet/SheetBody.tsx
|
|
4512
4428
|
import "react";
|
|
4513
|
-
import { jsx as
|
|
4429
|
+
import { jsx as jsx161 } from "react/jsx-runtime";
|
|
4514
4430
|
var SheetBody = ({
|
|
4515
4431
|
children,
|
|
4516
4432
|
className,
|
|
4517
4433
|
...props
|
|
4518
4434
|
}) => {
|
|
4519
|
-
return /* @__PURE__ */
|
|
4435
|
+
return /* @__PURE__ */ jsx161("div", { className: cn("py-4", className), ...props, children });
|
|
4520
4436
|
};
|
|
4521
4437
|
|
|
4522
4438
|
// src/components/Sheet/SheetContent.tsx
|
|
4523
|
-
import * as
|
|
4439
|
+
import * as React43 from "react";
|
|
4524
4440
|
import { Close as Close2, Content as Content11, Portal as Portal11 } from "@radix-ui/react-dialog";
|
|
4525
4441
|
import { cva as cva5 } from "class-variance-authority";
|
|
4526
4442
|
import { XIcon as XIcon3 } from "lucide-react";
|
|
@@ -4528,9 +4444,9 @@ import { XIcon as XIcon3 } from "lucide-react";
|
|
|
4528
4444
|
// src/components/Sheet/SheetOverlay.tsx
|
|
4529
4445
|
import { forwardRef as forwardRef97 } from "react";
|
|
4530
4446
|
import { Overlay as Overlay3 } from "@radix-ui/react-dialog";
|
|
4531
|
-
import { jsx as
|
|
4447
|
+
import { jsx as jsx162 } from "react/jsx-runtime";
|
|
4532
4448
|
var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props }, ref) {
|
|
4533
|
-
return /* @__PURE__ */
|
|
4449
|
+
return /* @__PURE__ */ jsx162(
|
|
4534
4450
|
Overlay3,
|
|
4535
4451
|
{
|
|
4536
4452
|
className: cn(
|
|
@@ -4544,7 +4460,7 @@ var SheetOverlay = forwardRef97(function SheetOverlay2({ className, ...props },
|
|
|
4544
4460
|
});
|
|
4545
4461
|
|
|
4546
4462
|
// src/components/Sheet/SheetContent.tsx
|
|
4547
|
-
import { jsx as
|
|
4463
|
+
import { jsx as jsx163, jsxs as jsxs56 } from "react/jsx-runtime";
|
|
4548
4464
|
var sheetVariants = cva5(
|
|
4549
4465
|
"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
|
|
4550
4466
|
{
|
|
@@ -4561,14 +4477,14 @@ var sheetVariants = cva5(
|
|
|
4561
4477
|
}
|
|
4562
4478
|
}
|
|
4563
4479
|
);
|
|
4564
|
-
var SheetContent =
|
|
4565
|
-
return /* @__PURE__ */
|
|
4566
|
-
/* @__PURE__ */
|
|
4567
|
-
/* @__PURE__ */
|
|
4480
|
+
var SheetContent = React43.forwardRef(function SheetContent2({ children, className, side = "right", ...props }, ref) {
|
|
4481
|
+
return /* @__PURE__ */ jsxs56(Portal11, { children: [
|
|
4482
|
+
/* @__PURE__ */ jsx163(SheetOverlay, {}),
|
|
4483
|
+
/* @__PURE__ */ jsxs56(Content11, { className: cn(sheetVariants({ side }), className), ref, ...props, children: [
|
|
4568
4484
|
children,
|
|
4569
|
-
/* @__PURE__ */
|
|
4570
|
-
/* @__PURE__ */
|
|
4571
|
-
/* @__PURE__ */
|
|
4485
|
+
/* @__PURE__ */ jsxs56(Close2, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
|
|
4486
|
+
/* @__PURE__ */ jsx163(XIcon3, { className: "h-4 w-4" }),
|
|
4487
|
+
/* @__PURE__ */ jsx163("span", { className: "sr-only", children: "Close" })
|
|
4572
4488
|
] })
|
|
4573
4489
|
] })
|
|
4574
4490
|
] });
|
|
@@ -4577,28 +4493,28 @@ var SheetContent = React49.forwardRef(function SheetContent2({ children, classNa
|
|
|
4577
4493
|
// src/components/Sheet/SheetDescription.tsx
|
|
4578
4494
|
import { forwardRef as forwardRef99 } from "react";
|
|
4579
4495
|
import { Description as Description3 } from "@radix-ui/react-dialog";
|
|
4580
|
-
import { jsx as
|
|
4496
|
+
import { jsx as jsx164 } from "react/jsx-runtime";
|
|
4581
4497
|
var SheetDescription = forwardRef99(function SheetDescription2({ className, ...props }, ref) {
|
|
4582
|
-
return /* @__PURE__ */
|
|
4498
|
+
return /* @__PURE__ */ jsx164(Description3, { className: cn("text-sm text-muted-foreground", className), ref, ...props });
|
|
4583
4499
|
});
|
|
4584
4500
|
|
|
4585
4501
|
// src/components/Sheet/SheetFooter.tsx
|
|
4586
4502
|
import "react";
|
|
4587
|
-
import { jsx as
|
|
4588
|
-
var SheetFooter = ({ className, ...props }) => /* @__PURE__ */
|
|
4503
|
+
import { jsx as jsx165 } from "react/jsx-runtime";
|
|
4504
|
+
var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx165("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props });
|
|
4589
4505
|
|
|
4590
4506
|
// src/components/Sheet/SheetHeader.tsx
|
|
4591
4507
|
import "react";
|
|
4592
|
-
import { jsx as
|
|
4593
|
-
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */
|
|
4508
|
+
import { jsx as jsx166 } from "react/jsx-runtime";
|
|
4509
|
+
var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx166("div", { className: cn("flex flex-col space-y-2 text-center sm:text-left", className), ...props });
|
|
4594
4510
|
|
|
4595
4511
|
// src/components/Sheet/SheetTitle.tsx
|
|
4596
4512
|
import { forwardRef as forwardRef100 } from "react";
|
|
4597
4513
|
import { Title as Title3 } from "@radix-ui/react-dialog";
|
|
4598
|
-
import { jsx as
|
|
4514
|
+
import { jsx as jsx167 } from "react/jsx-runtime";
|
|
4599
4515
|
var SheetTitle = forwardRef100(
|
|
4600
4516
|
function SheetTitle2({ className, ...props }, ref) {
|
|
4601
|
-
return /* @__PURE__ */
|
|
4517
|
+
return /* @__PURE__ */ jsx167(Title3, { className: cn("text-lg font-semibold text-foreground", className), ref, ...props });
|
|
4602
4518
|
}
|
|
4603
4519
|
);
|
|
4604
4520
|
|
|
@@ -4616,9 +4532,9 @@ var Sheet = Object.assign(Root18.bind(null), {
|
|
|
4616
4532
|
});
|
|
4617
4533
|
|
|
4618
4534
|
// src/components/Spinner/Spinner.tsx
|
|
4619
|
-
import { jsx as
|
|
4535
|
+
import { jsx as jsx168 } from "react/jsx-runtime";
|
|
4620
4536
|
var Spinner = ({ className, ...props }) => {
|
|
4621
|
-
return /* @__PURE__ */
|
|
4537
|
+
return /* @__PURE__ */ jsx168("div", { className: cn("flex h-full w-full items-center justify-center", className), ...props, children: /* @__PURE__ */ jsx168(
|
|
4622
4538
|
"span",
|
|
4623
4539
|
{
|
|
4624
4540
|
className: "relative animate-spinner overflow-hidden text-slate-900 dark:text-slate-100",
|
|
@@ -4636,8 +4552,8 @@ var Spinner = ({ className, ...props }) => {
|
|
|
4636
4552
|
|
|
4637
4553
|
// src/components/SpinnerIcon/SpinnerIcon.tsx
|
|
4638
4554
|
import "react";
|
|
4639
|
-
import { jsx as
|
|
4640
|
-
var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */
|
|
4555
|
+
import { jsx as jsx169 } from "react/jsx-runtime";
|
|
4556
|
+
var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx169(
|
|
4641
4557
|
"svg",
|
|
4642
4558
|
{
|
|
4643
4559
|
className: cn("animate-spin", className),
|
|
@@ -4651,25 +4567,25 @@ var SpinnerIcon = ({ className, ...props }) => /* @__PURE__ */ jsx176(
|
|
|
4651
4567
|
width: "24",
|
|
4652
4568
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4653
4569
|
...props,
|
|
4654
|
-
children: /* @__PURE__ */
|
|
4570
|
+
children: /* @__PURE__ */ jsx169("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
|
4655
4571
|
}
|
|
4656
4572
|
);
|
|
4657
4573
|
|
|
4658
4574
|
// src/components/StatisticCard/StatisticCard.tsx
|
|
4659
4575
|
import { useEffect as useEffect12 } from "react";
|
|
4660
4576
|
import { motion as motion6, useSpring, useTransform } from "motion/react";
|
|
4661
|
-
import { jsx as
|
|
4577
|
+
import { jsx as jsx170, jsxs as jsxs57 } from "react/jsx-runtime";
|
|
4662
4578
|
var StatisticCard = ({ className, icon, label, value, ...props }) => {
|
|
4663
4579
|
const spring = useSpring(0, { bounce: 0 });
|
|
4664
4580
|
const rounded = useTransform(spring, (latest) => Math.floor(latest));
|
|
4665
4581
|
useEffect12(() => {
|
|
4666
4582
|
spring.set(value);
|
|
4667
4583
|
}, [spring, value]);
|
|
4668
|
-
return /* @__PURE__ */
|
|
4669
|
-
icon && /* @__PURE__ */
|
|
4670
|
-
/* @__PURE__ */
|
|
4671
|
-
/* @__PURE__ */
|
|
4672
|
-
/* @__PURE__ */
|
|
4584
|
+
return /* @__PURE__ */ jsxs57(Card, { className: cn("flex w-full rounded-lg p-4", className), ...props, children: [
|
|
4585
|
+
icon && /* @__PURE__ */ jsx170("div", { className: "mr-2 flex items-center justify-center text-4xl", children: icon }),
|
|
4586
|
+
/* @__PURE__ */ jsxs57("div", { className: "w-full text-center", children: [
|
|
4587
|
+
/* @__PURE__ */ jsx170(motion6.h3, { className: "title-font text-2xl font-semibold text-slate-900 dark:text-slate-100 sm:text-3xl", children: rounded }),
|
|
4588
|
+
/* @__PURE__ */ jsx170("p", { className: "font-medium leading-relaxed", children: label })
|
|
4673
4589
|
] })
|
|
4674
4590
|
] });
|
|
4675
4591
|
};
|
|
@@ -4677,9 +4593,9 @@ var StatisticCard = ({ className, icon, label, value, ...props }) => {
|
|
|
4677
4593
|
// src/components/Switch/Switch.tsx
|
|
4678
4594
|
import { forwardRef as forwardRef101 } from "react";
|
|
4679
4595
|
import * as SwitchPrimitives from "@radix-ui/react-switch";
|
|
4680
|
-
import { jsx as
|
|
4596
|
+
import { jsx as jsx171 } from "react/jsx-runtime";
|
|
4681
4597
|
var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
|
|
4682
|
-
return /* @__PURE__ */
|
|
4598
|
+
return /* @__PURE__ */ jsx171(
|
|
4683
4599
|
SwitchPrimitives.Root,
|
|
4684
4600
|
{
|
|
4685
4601
|
className: cn(
|
|
@@ -4688,7 +4604,7 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
|
|
|
4688
4604
|
),
|
|
4689
4605
|
...props,
|
|
4690
4606
|
ref,
|
|
4691
|
-
children: /* @__PURE__ */
|
|
4607
|
+
children: /* @__PURE__ */ jsx171(
|
|
4692
4608
|
SwitchPrimitives.Thumb,
|
|
4693
4609
|
{
|
|
4694
4610
|
className: cn(
|
|
@@ -4703,9 +4619,9 @@ var Switch = forwardRef101(function Switch2({ className, ...props }, ref) {
|
|
|
4703
4619
|
// src/components/Tabs/TabsContent.tsx
|
|
4704
4620
|
import { forwardRef as forwardRef102 } from "react";
|
|
4705
4621
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
4706
|
-
import { jsx as
|
|
4622
|
+
import { jsx as jsx172 } from "react/jsx-runtime";
|
|
4707
4623
|
var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, ref) {
|
|
4708
|
-
return /* @__PURE__ */
|
|
4624
|
+
return /* @__PURE__ */ jsx172(
|
|
4709
4625
|
TabsPrimitive.Content,
|
|
4710
4626
|
{
|
|
4711
4627
|
className: cn(
|
|
@@ -4721,9 +4637,9 @@ var TabsContent = forwardRef102(function TabsContent2({ className, ...props }, r
|
|
|
4721
4637
|
// src/components/Tabs/TabsList.tsx
|
|
4722
4638
|
import { forwardRef as forwardRef103 } from "react";
|
|
4723
4639
|
import * as TabsPrimitive2 from "@radix-ui/react-tabs";
|
|
4724
|
-
import { jsx as
|
|
4640
|
+
import { jsx as jsx173 } from "react/jsx-runtime";
|
|
4725
4641
|
var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
|
|
4726
|
-
return /* @__PURE__ */
|
|
4642
|
+
return /* @__PURE__ */ jsx173(
|
|
4727
4643
|
TabsPrimitive2.List,
|
|
4728
4644
|
{
|
|
4729
4645
|
className: cn(
|
|
@@ -4739,19 +4655,19 @@ var TabsList = forwardRef103(function TabsList2({ className, ...props }, ref) {
|
|
|
4739
4655
|
// src/components/Tabs/TabsRoot.tsx
|
|
4740
4656
|
import { forwardRef as forwardRef104 } from "react";
|
|
4741
4657
|
import { Root as Root20 } from "@radix-ui/react-tabs";
|
|
4742
|
-
import { jsx as
|
|
4658
|
+
import { jsx as jsx174 } from "react/jsx-runtime";
|
|
4743
4659
|
var TabsRoot = forwardRef104(
|
|
4744
4660
|
function TabsRoot2(props, ref) {
|
|
4745
|
-
return /* @__PURE__ */
|
|
4661
|
+
return /* @__PURE__ */ jsx174(Root20, { ref, ...props });
|
|
4746
4662
|
}
|
|
4747
4663
|
);
|
|
4748
4664
|
|
|
4749
4665
|
// src/components/Tabs/TabsTrigger.tsx
|
|
4750
4666
|
import { forwardRef as forwardRef105 } from "react";
|
|
4751
4667
|
import * as TabsPrimitive3 from "@radix-ui/react-tabs";
|
|
4752
|
-
import { jsx as
|
|
4668
|
+
import { jsx as jsx175 } from "react/jsx-runtime";
|
|
4753
4669
|
var TabsTrigger = forwardRef105(function TabsTrigger2({ className, ...props }, ref) {
|
|
4754
|
-
return /* @__PURE__ */
|
|
4670
|
+
return /* @__PURE__ */ jsx175(
|
|
4755
4671
|
TabsPrimitive3.Trigger,
|
|
4756
4672
|
{
|
|
4757
4673
|
className: cn(
|
|
@@ -4773,13 +4689,13 @@ var Tabs = Object.assign(TabsRoot, {
|
|
|
4773
4689
|
|
|
4774
4690
|
// src/components/ThemeToggle/ThemeToggle.tsx
|
|
4775
4691
|
import { MoonIcon, SunIcon } from "lucide-react";
|
|
4776
|
-
import { jsx as
|
|
4692
|
+
import { jsx as jsx176, jsxs as jsxs58 } from "react/jsx-runtime";
|
|
4777
4693
|
var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
|
|
4778
4694
|
const [theme, setTheme] = useTheme();
|
|
4779
4695
|
const toggleTheme = () => {
|
|
4780
4696
|
setTheme(theme === "dark" ? "light" : "dark");
|
|
4781
4697
|
};
|
|
4782
|
-
return /* @__PURE__ */
|
|
4698
|
+
return /* @__PURE__ */ jsxs58(
|
|
4783
4699
|
Button,
|
|
4784
4700
|
{
|
|
4785
4701
|
size: "icon",
|
|
@@ -4790,20 +4706,20 @@ var ThemeToggle = ({ onClick, variant = "outline", ...props }) => {
|
|
|
4790
4706
|
},
|
|
4791
4707
|
...props,
|
|
4792
4708
|
children: [
|
|
4793
|
-
/* @__PURE__ */
|
|
4794
|
-
/* @__PURE__ */
|
|
4709
|
+
/* @__PURE__ */ jsx176(SunIcon, { className: "rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
|
|
4710
|
+
/* @__PURE__ */ jsx176(MoonIcon, { className: "absolute rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
|
|
4795
4711
|
]
|
|
4796
4712
|
}
|
|
4797
4713
|
);
|
|
4798
4714
|
};
|
|
4799
4715
|
|
|
4800
4716
|
// src/components/Tooltip/TooltipContent.tsx
|
|
4801
|
-
import * as
|
|
4717
|
+
import * as React47 from "react";
|
|
4802
4718
|
import { Content as Content13 } from "@radix-ui/react-tooltip";
|
|
4803
|
-
import { jsx as
|
|
4804
|
-
var TooltipContent =
|
|
4719
|
+
import { jsx as jsx177 } from "react/jsx-runtime";
|
|
4720
|
+
var TooltipContent = React47.forwardRef(
|
|
4805
4721
|
function TooltipContent2({ className, collisionPadding = 0, sideOffset = 4, ...props }, ref) {
|
|
4806
|
-
return /* @__PURE__ */
|
|
4722
|
+
return /* @__PURE__ */ jsx177(
|
|
4807
4723
|
Content13,
|
|
4808
4724
|
{
|
|
4809
4725
|
className: cn(
|
|
@@ -4822,7 +4738,7 @@ var TooltipContent = React53.forwardRef(
|
|
|
4822
4738
|
// src/components/Tooltip/TooltipRoot.tsx
|
|
4823
4739
|
import "react";
|
|
4824
4740
|
import { Provider, Root as Root21 } from "@radix-ui/react-tooltip";
|
|
4825
|
-
import { jsx as
|
|
4741
|
+
import { jsx as jsx178 } from "react/jsx-runtime";
|
|
4826
4742
|
var TooltipRoot = ({
|
|
4827
4743
|
children,
|
|
4828
4744
|
delayDuration = 0,
|
|
@@ -4830,15 +4746,15 @@ var TooltipRoot = ({
|
|
|
4830
4746
|
open,
|
|
4831
4747
|
skipDelayDuration = 300
|
|
4832
4748
|
}) => {
|
|
4833
|
-
return /* @__PURE__ */
|
|
4749
|
+
return /* @__PURE__ */ jsx178(Provider, { delayDuration, skipDelayDuration, children: /* @__PURE__ */ jsx178(Root21, { open, onOpenChange, children }) });
|
|
4834
4750
|
};
|
|
4835
4751
|
|
|
4836
4752
|
// src/components/Tooltip/TooltipTrigger.tsx
|
|
4837
4753
|
import { forwardRef as forwardRef107 } from "react";
|
|
4838
4754
|
import { Trigger as Trigger12 } from "@radix-ui/react-tooltip";
|
|
4839
|
-
import { jsx as
|
|
4755
|
+
import { jsx as jsx179 } from "react/jsx-runtime";
|
|
4840
4756
|
var TooltipTrigger = forwardRef107(function TooltipTrigger2({ variant = "outline", ...props }, ref) {
|
|
4841
|
-
return /* @__PURE__ */
|
|
4757
|
+
return /* @__PURE__ */ jsx179(Trigger12, { asChild: true, ref, children: /* @__PURE__ */ jsx179(Button, { variant, ...props }) });
|
|
4842
4758
|
});
|
|
4843
4759
|
|
|
4844
4760
|
// src/components/Tooltip/Tooltip.tsx
|
|
@@ -4883,7 +4799,6 @@ export {
|
|
|
4883
4799
|
MenuBar,
|
|
4884
4800
|
NotificationHub,
|
|
4885
4801
|
OneTimePasswordInput,
|
|
4886
|
-
Pagination,
|
|
4887
4802
|
Popover,
|
|
4888
4803
|
Progress,
|
|
4889
4804
|
RadioGroup4 as RadioGroup,
|