laif-ds 0.2.53 → 0.2.55
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/_virtual/index3.js +5 -5
- package/dist/_virtual/index4.js +5 -5
- package/dist/_virtual/index5.js +4 -4
- package/dist/components/ui/app-select.js +59 -57
- package/dist/components/ui/app-tooltip.js +123 -0
- package/dist/components/ui/async-select.js +65 -73
- package/dist/components/ui/button.js +1 -1
- package/dist/components/ui/calendar.js +136 -69
- package/dist/components/ui/date-picker.js +15 -15
- package/dist/components/ui/file-preview.js +233 -286
- package/dist/index.d.ts +54 -1
- package/dist/index.js +41 -39
- package/dist/lib/design-tokens.js +5 -0
- package/dist/node_modules/eventemitter3/index.js +1 -1
- package/dist/node_modules/hast-util-to-jsx-runtime/lib/index.js +1 -1
- package/dist/node_modules/recharts/es6/util/Events.js +1 -1
- package/dist/node_modules/unified/lib/index.js +1 -1
- package/dist/styles.v3.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -306,6 +306,53 @@ declare interface AppStepperProps extends Omit<StepperProps, "children"> {
|
|
|
306
306
|
indicators?: StepIndicators_2;
|
|
307
307
|
}
|
|
308
308
|
|
|
309
|
+
export declare function AppTooltip({ content, children, label, labelClassName, header, variant, triggerVariant, size, className, wrpClassName, contentClassName, side, align, sideOffset, matchTriggerWidth, delayDuration, disabled, asChild, }: AppTooltipProps): JSX.Element;
|
|
310
|
+
|
|
311
|
+
export declare type AppTooltipAlign = "start" | "center" | "end";
|
|
312
|
+
|
|
313
|
+
declare interface AppTooltipProps {
|
|
314
|
+
/** Content displayed inside the tooltip */
|
|
315
|
+
content: React_2.ReactNode;
|
|
316
|
+
/** Element that triggers the tooltip on hover/focus */
|
|
317
|
+
children: React_2.ReactNode;
|
|
318
|
+
/** Optional label displayed above the tooltip trigger */
|
|
319
|
+
label?: string | React_2.ReactNode;
|
|
320
|
+
/** Optional header displayed at the top of the tooltip content */
|
|
321
|
+
header?: string | React_2.ReactNode;
|
|
322
|
+
/** Tooltip content variant - affects background and styling */
|
|
323
|
+
variant?: AppTooltipVariant;
|
|
324
|
+
/** Trigger element variant - affects hover states */
|
|
325
|
+
triggerVariant?: VariantProps<typeof tooltipTriggerVariants>["variant"];
|
|
326
|
+
/** Size of the trigger element */
|
|
327
|
+
size?: VariantProps<typeof tooltipTriggerVariants>["size"];
|
|
328
|
+
/** Additional className for the trigger wrapper */
|
|
329
|
+
className?: string;
|
|
330
|
+
/** Additional className for the outer wrapper (includes label) */
|
|
331
|
+
wrpClassName?: string;
|
|
332
|
+
/** Additional className for the tooltip content */
|
|
333
|
+
contentClassName?: string;
|
|
334
|
+
/** Additional className for the label */
|
|
335
|
+
labelClassName?: string;
|
|
336
|
+
/** Side where the tooltip appears */
|
|
337
|
+
side?: AppTooltipSide;
|
|
338
|
+
/** Alignment of the tooltip relative to the trigger */
|
|
339
|
+
align?: AppTooltipAlign;
|
|
340
|
+
/** Offset from the trigger in pixels */
|
|
341
|
+
sideOffset?: number;
|
|
342
|
+
/** Whether the tooltip should match the trigger's width */
|
|
343
|
+
matchTriggerWidth?: boolean;
|
|
344
|
+
/** Delay before showing tooltip (ms) */
|
|
345
|
+
delayDuration?: number;
|
|
346
|
+
/** Whether to disable the tooltip */
|
|
347
|
+
disabled?: boolean;
|
|
348
|
+
/** Whether to use asChild pattern for trigger (for custom elements) */
|
|
349
|
+
asChild?: boolean;
|
|
350
|
+
}
|
|
351
|
+
|
|
352
|
+
export declare type AppTooltipSide = "top" | "right" | "bottom" | "left";
|
|
353
|
+
|
|
354
|
+
export declare type AppTooltipVariant = "primary" | "card";
|
|
355
|
+
|
|
309
356
|
export declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
|
|
310
357
|
|
|
311
358
|
declare type AspectRatioProps = React.ComponentProps<typeof AspectRatioPrimitive.Root>;
|
|
@@ -422,6 +469,7 @@ declare type BaseProps = {
|
|
|
422
469
|
maxSelectedMessage?: (max: number) => string;
|
|
423
470
|
label?: string | React.ReactNode;
|
|
424
471
|
className?: string;
|
|
472
|
+
labelClassName?: string;
|
|
425
473
|
wrpClassName?: string;
|
|
426
474
|
searchable?: boolean;
|
|
427
475
|
creatable?: boolean;
|
|
@@ -470,7 +518,7 @@ export declare const buttonVariants: (props?: ({
|
|
|
470
518
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
471
519
|
} & ClassProp) | undefined) => string;
|
|
472
520
|
|
|
473
|
-
export declare function Calendar({ className, classNames, showOutsideDays, buttonVariant, formatters, components, ...props }: CalendarProps): JSX.Element;
|
|
521
|
+
export declare function Calendar({ className, classNames, showOutsideDays, buttonVariant, formatters, components, locale, ...props }: CalendarProps): JSX.Element;
|
|
474
522
|
|
|
475
523
|
export declare interface CalendarAppointment {
|
|
476
524
|
id: number;
|
|
@@ -2586,6 +2634,11 @@ export declare function TooltipProvider({ delayDuration, ...props }: React_2.Com
|
|
|
2586
2634
|
|
|
2587
2635
|
export declare function TooltipTrigger({ ...props }: React_2.ComponentProps<typeof TooltipPrimitive.Trigger>): JSX.Element;
|
|
2588
2636
|
|
|
2637
|
+
declare const tooltipTriggerVariants: (props?: ({
|
|
2638
|
+
variant?: "default" | "secondary" | "ghost" | "primary" | "muted" | "accent" | null | undefined;
|
|
2639
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
2640
|
+
} & ClassProp) | undefined) => string;
|
|
2641
|
+
|
|
2589
2642
|
declare const tooltipVariants: (props?: ({
|
|
2590
2643
|
variant?: "primary" | "card" | null | undefined;
|
|
2591
2644
|
} & ClassProp) | undefined) => string;
|
package/dist/index.js
CHANGED
|
@@ -90,13 +90,14 @@ import { WeeklyCalendar as Hn } from "./components/ui/weekly-calendar/weekly-cal
|
|
|
90
90
|
import { cn as yn, downloadFile as Nn, hexContrast as On, hexToRgba as Vn, previewFile as zn, stringToHexColor as En } from "./lib/utils.js";
|
|
91
91
|
import { AppKanban as Kn } from "./components/ui/app-kanban.js";
|
|
92
92
|
import { AppStepper as Wn } from "./components/ui/app-stepper.js";
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
93
|
+
import { AppTooltip as Jn } from "./components/ui/app-tooltip.js";
|
|
94
|
+
import { createActionColumn as Xn, createBooleanColumn as Yn, createBooleanFilter as Zn, createComputedColumn as _n, createDateColumn as $n, createDateFilter as ei, createDateTimeColumn as ri, createDateTimeFilter as oi, createDisplayColumn as ti, createFilterBadge as ai, createFilterBadges as ni, createInitialState as ii, createListFilter as pi, createMultiSelectColumn as li, createNumberColumn as mi, createNumberFilter as ui, createSingleSelectColumn as xi, createSorting as di, createStringColumn as Ci, createStringFilter as gi, getColumnIds as fi, isValidOperatorForType as bi, pinColumns as si, toSelectOptions as ci, toSelectOptionsFromObjects as Si, updateColumnListOptions as Mi } from "./components/ui/tables/data-table/data-table.utils.js";
|
|
95
|
+
import { useAudioRecording as Di } from "./hooks/use-audio-recording.js";
|
|
96
|
+
import { useAutoScroll as Fi } from "./hooks/use-auto-scroll.js";
|
|
97
|
+
import { useAutosizeTextArea as Pi } from "./hooks/use-autosize-textarea.js";
|
|
98
|
+
import { useCopyToClipboard as vi } from "./hooks/use-copy-to-clipboard.js";
|
|
99
|
+
import { useDebounce as Gi } from "./hooks/use-debounce.js";
|
|
100
|
+
import { useIsMobile as Li } from "./hooks/use-mobile.js";
|
|
100
101
|
export {
|
|
101
102
|
pe as Accordion,
|
|
102
103
|
le as AccordionContent,
|
|
@@ -122,6 +123,7 @@ export {
|
|
|
122
123
|
pa as AppSelect,
|
|
123
124
|
ma as AppSidebar,
|
|
124
125
|
Wn as AppStepper,
|
|
126
|
+
Jn as AppTooltip,
|
|
125
127
|
a as AspectRatio,
|
|
126
128
|
Pe as AsyncSelect,
|
|
127
129
|
Ot as AudioVisualizer,
|
|
@@ -363,47 +365,47 @@ export {
|
|
|
363
365
|
g as buttonVariants,
|
|
364
366
|
yn as cn,
|
|
365
367
|
Sa as confirm,
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
383
|
-
|
|
384
|
-
|
|
385
|
-
|
|
368
|
+
Xn as createActionColumn,
|
|
369
|
+
Yn as createBooleanColumn,
|
|
370
|
+
Zn as createBooleanFilter,
|
|
371
|
+
_n as createComputedColumn,
|
|
372
|
+
$n as createDateColumn,
|
|
373
|
+
ei as createDateFilter,
|
|
374
|
+
ri as createDateTimeColumn,
|
|
375
|
+
oi as createDateTimeFilter,
|
|
376
|
+
ti as createDisplayColumn,
|
|
377
|
+
ai as createFilterBadge,
|
|
378
|
+
ni as createFilterBadges,
|
|
379
|
+
ii as createInitialState,
|
|
380
|
+
pi as createListFilter,
|
|
381
|
+
li as createMultiSelectColumn,
|
|
382
|
+
mi as createNumberColumn,
|
|
383
|
+
ui as createNumberFilter,
|
|
384
|
+
xi as createSingleSelectColumn,
|
|
385
|
+
di as createSorting,
|
|
386
|
+
Ci as createStringColumn,
|
|
387
|
+
gi as createStringFilter,
|
|
386
388
|
Nn as downloadFile,
|
|
387
|
-
|
|
389
|
+
fi as getColumnIds,
|
|
388
390
|
On as hexContrast,
|
|
389
391
|
Vn as hexToRgba,
|
|
390
|
-
|
|
391
|
-
|
|
392
|
+
bi as isValidOperatorForType,
|
|
393
|
+
si as pinColumns,
|
|
392
394
|
zn as previewFile,
|
|
393
395
|
Da as previewFileModal,
|
|
394
396
|
Aa as safePreviewFileModal,
|
|
395
397
|
En as stringToHexColor,
|
|
396
|
-
|
|
397
|
-
|
|
398
|
+
ci as toSelectOptions,
|
|
399
|
+
Si as toSelectOptionsFromObjects,
|
|
398
400
|
_ as toggleVariants,
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
401
|
+
Mi as updateColumnListOptions,
|
|
402
|
+
Di as useAudioRecording,
|
|
403
|
+
Fi as useAutoScroll,
|
|
404
|
+
Pi as useAutosizeTextArea,
|
|
405
|
+
vi as useCopyToClipboard,
|
|
406
|
+
Gi as useDebounce,
|
|
405
407
|
$t as useEditorModal,
|
|
406
408
|
yr as useFormField,
|
|
407
|
-
|
|
409
|
+
Li as useIsMobile,
|
|
408
410
|
Dn as useSidebar
|
|
409
411
|
};
|
|
@@ -38,6 +38,11 @@ const e = {
|
|
|
38
38
|
// Badge specific
|
|
39
39
|
badge: {
|
|
40
40
|
base: "inline-flex items-center justify-center border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 gap-1"
|
|
41
|
+
},
|
|
42
|
+
// Dropdown item specific
|
|
43
|
+
dropdownItem: {
|
|
44
|
+
selected: "bg-d-primary/10 text-d-primary font-medium",
|
|
45
|
+
hover: "data-[selected=true]:bg-d-accent/50 data-[selected=true]:text-d-accent-foreground"
|
|
41
46
|
}
|
|
42
47
|
};
|
|
43
48
|
export {
|
|
@@ -3,7 +3,7 @@ import { stringify as w } from "../../comma-separated-tokens/index.js";
|
|
|
3
3
|
import { ok as u } from "../../devlop/lib/default.js";
|
|
4
4
|
import { svg as m, html as C } from "../../property-information/index.js";
|
|
5
5
|
import { stringify as N } from "../../space-separated-tokens/index.js";
|
|
6
|
-
import S from "../../../_virtual/
|
|
6
|
+
import S from "../../../_virtual/index3.js";
|
|
7
7
|
import { whitespace as j } from "../../hast-util-whitespace/lib/index.js";
|
|
8
8
|
import { name as x } from "../../estree-util-is-identifier-name/lib/index.js";
|
|
9
9
|
import { VFileMessage as h } from "../../vfile-message/lib/index.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { bail as P } from "../../bail/index.js";
|
|
3
|
-
import y from "../../../_virtual/
|
|
3
|
+
import y from "../../../_virtual/index4.js";
|
|
4
4
|
import z from "../../is-plain-obj/index.js";
|
|
5
5
|
import { CallableInstance as C } from "./callable-instance.js";
|
|
6
6
|
import { trough as A } from "../../trough/lib/index.js";
|