lsp-uikit 1.5.9 → 1.5.10
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/components/badge/badge.d.ts +2 -2
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/date-range-picker/date-range-picker.js +1 -1
- package/dist/components/sidebar/sidebar.d.ts +1 -1
- package/dist/components/switch/switch.js +1 -1
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.js +1 -1
- package/package.json +5 -1
- package/dist/components/popover/coach-mark.d.ts +0 -25
- package/dist/components/popover/coach-mark.js +0 -1
|
@@ -4,8 +4,8 @@ import { useRender } from '@base-ui/react/use-render';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const badgeVariants: (props?: ({
|
|
7
|
-
size?: "default" | "
|
|
8
|
-
variant?: "success" | "warning" | "
|
|
7
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
8
|
+
variant?: "success" | "warning" | "destructive" | "outline" | "secondary" | "primary" | "primary_ghost" | "primary_outline" | "success_ghost" | "success_outline" | "warning_ghost" | "warning_outline" | "destructive_ghost" | "destructive_outline" | null | undefined;
|
|
9
9
|
rounded?: "sm" | "md" | "full" | null | undefined;
|
|
10
10
|
textOverflow?: "default" | "hidden" | null | undefined;
|
|
11
11
|
hovered?: boolean | null | undefined;
|
|
@@ -4,8 +4,8 @@ import { Button as Button$1 } from '@base-ui/react/button';
|
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
|
|
6
6
|
declare const buttonVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "warning" | "
|
|
8
|
-
size?: "default" | "
|
|
7
|
+
variant?: "default" | "warning" | "default_invert" | "destructive" | "destructive_invert" | "warning_invert" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined;
|
|
8
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-lg" | "icon-sm" | "icon-xl" | "icon-xs" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
interface ButtonProps extends Button$1.Props, VariantProps<typeof buttonVariants> {
|
|
11
11
|
isLoading?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as
|
|
2
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{format as o,subDays as t}from"date-fns";import{useState as a,useEffect as n}from"react";import{LuCalendarFold as i}from"react-icons/lu";import{cn as l}from"../../lib/utils/cn.js";import{Button as s}from"../button/button.js";import{Calendar as d}from"../calendar/calendar.js";import{Popover as m,PopoverTrigger as c,PopoverContent as f}from"../popover/popover.js";const y=y=>{const{className:p,datesRange:u,withDatesMacroses:M,triggerClassName:h,render:v,onApply:w,...g}=y,[N,x]=a(!1),[k,C]=a();n(()=>{C({from:u?.from?new Date(u?.from):void 0,to:u?.to?new Date(u?.to):void 0})},[u]);const j=e=>{const r=new Date;let a=new Date(r);"week"===e&&(a=t(r,6)),"month"===e&&(a=t(r,30)),"year"===e&&(a=t(r,365)),w({from:o(a,"yyyy-MM-dd"),to:o(r,"yyyy-MM-dd")}),x(!1)};return e("div",{className:l("grid gap-2",p),children:r(m,{open:N,onOpenChange:x,children:[r(c,{render:v??e(s,{id:"date",variant:"secondary",className:l("justify-start text-left font-normal",!u&&"text-muted-foreground",h)}),children:[e(i,{}),k?.from?k.to?`${o(k.from,"dd MMM yyyy")} - ${o(k.to,"dd MMM yyyy")}`:o(k.from,"dd MMM yyyy"):"Укажите даты"]}),e(f,{className:"w-fit p-0",align:"start",children:r("div",{className:"flex w-full flex-col",children:[M&&r("div",{className:"flex w-full items-center gap-2 p-3",children:[e(s,{size:"sm",variant:"secondary",onClick:()=>j("week"),children:"7 дней"}),e(s,{size:"sm",variant:"secondary",onClick:()=>j("month"),children:"30 дней"}),e(s,{size:"sm",variant:"secondary",onClick:()=>j("year"),children:"Год"})]}),e(d,{...g,autoFocus:!0,mode:"range",defaultMonth:k?.from,selected:k,onSelect:C,numberOfMonths:2}),r("div",{className:"flex w-full gap-3 p-3",children:[e(s,{className:"w-full",onClick:()=>{w(void 0),x(!1)},variant:"outline",size:"sm",children:"Сбросить период"}),e(s,{variant:"default_invert",disabled:!k?.from||!k.to,className:"w-full",onClick:()=>{w({from:o(k.from,"yyyy-MM-dd"),to:o(k.to,"yyyy-MM-dd")}),x(!1)},size:"sm",children:"Применить"})]})]})})]})})};export{y as DateRangePicker};
|
|
@@ -47,7 +47,7 @@ declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>
|
|
|
47
47
|
declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
|
|
48
48
|
declare const sidebarMenuButtonVariants: (props?: ({
|
|
49
49
|
variant?: "default" | "outline" | null | undefined;
|
|
50
|
-
size?: "default" | "
|
|
50
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
51
51
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
52
52
|
declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
|
|
53
53
|
asChild?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as a}from"react/jsx-runtime";import{Switch as e}from"@base-ui/react/switch";import{cn as t}from"../../lib/utils/cn.js";function i({className:i,size:r="default",...d}){return a(e.Root,{"data-slot":"switch","data-size":r,className:t("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[3px] aria-invalid:ring-[3px] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]",i),...d,children:a(e.Thumb,{"data-slot":"switch-thumb",className:"bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"})})}export{i as Switch};
|
|
2
|
+
import{jsx as a}from"react/jsx-runtime";import{Switch as e}from"@base-ui/react/switch";import{cn as t}from"../../lib/utils/cn.js";function i({className:i,size:r="default",...d}){return a(e.Root,{"data-slot":"switch","data-size":r,className:t("data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 peer group/switch relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[3px] aria-invalid:ring-[3px] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]",i),...d,children:a(e.Thumb,{"data-slot":"switch-thumb",className:"bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"})})}export{i as Switch};
|
|
@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
5
5
|
|
|
6
6
|
declare const toggleVariants: (props?: ({
|
|
7
7
|
variant?: "default" | "outline" | null | undefined;
|
|
8
|
-
size?: "default" | "
|
|
8
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
9
9
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
10
10
|
declare function Toggle({ className, variant, size, ...props }: Toggle$1.Props & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
11
11
|
|
|
@@ -7,7 +7,7 @@ import * as React from 'react';
|
|
|
7
7
|
import { PopoverRootProps, PopoverTrigger } from '../popover/popover.js';
|
|
8
8
|
|
|
9
9
|
declare const tooltipVariants: (props?: ({
|
|
10
|
-
variant?: "default" | "
|
|
10
|
+
variant?: "default" | "destructive" | "secondary" | "primary" | "foreground" | null | undefined;
|
|
11
11
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
12
12
|
declare const TooltipCreateHandle: typeof Tooltip$1.createHandle;
|
|
13
13
|
declare const TooltipProvider: React.FC<_base_ui_react.TooltipProviderProps>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Tooltip as a}from"@base-ui/react/tooltip";import{cva as r}from"class-variance-authority";import*as o from"react";import{cn as d}from"../../lib/utils/cn.js";import{Popover as i,PopoverTrigger as n}from"../popover/popover.js";
|
|
2
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{Tooltip as a}from"@base-ui/react/tooltip";import{cva as r}from"class-variance-authority";import*as o from"react";import{cn as d}from"../../lib/utils/cn.js";import{Popover as i,PopoverTrigger as n}from"../popover/popover.js";const s=r("bg-popover popup-animate data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-closed:animate-out data-closed:fade-out-0 text-popover-foreground relative flex h-(--popup-height,auto) w-(--popup-width,auto) rounded-md border px-2.5 py-1.5 text-xs text-balance transition-[width,height,opacity] not-dark:bg-clip-padding data-instant:duration-0",{variants:{variant:{default:"bg-popover text-popover-foreground before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",primary:"bg-primary text-primary-foreground border-none",secondary:"bg-secondary text-secondary-foreground border-border/40 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-md)-1px)] before:shadow-[0_1px_--theme(--color-black/8%)]",foreground:"bg-foreground text-background border-none",destructive:"bg-destructive border-none text-white"}},defaultVariants:{variant:"foreground"}}),l=r(["pointer-events-none absolute z-50 size-2 rotate-45 rounded-[1px] border","data-[side=bottom]:top-0 data-[side=bottom]:-translate-y-[40%] data-[side=bottom]:border-r-0 data-[side=bottom]:border-b-0","data-[side=inline-end]:left-0 data-[side=inline-end]:-translate-x-[50%] data-[side=inline-end]:border-b-0 data-[side=inline-end]:border-l-0","data-[side=inline-start]:right-0 data-[side=inline-start]:translate-x-[50%] data-[side=inline-start]:border-t-0 data-[side=inline-start]:border-r-0","data-[side=left]:right-0 data-[side=left]:translate-x-[40%] data-[side=left]:border-b-0 data-[side=left]:border-l-0","data-[side=right]:left-0 data-[side=right]:-translate-x-[40%] data-[side=right]:border-t-0 data-[side=right]:border-r-0","data-[side=top]:bottom-0 data-[side=top]:translate-y-[40%] data-[side=top]:border-t-0 data-[side=top]:border-l-0","data-[side=left]:data-[align=end]:top-auto! data-[side=left]:data-[align=end]:bottom-[10px]! data-[side=left]:data-[align=start]:top-[10px]!","data-[side=right]:data-[align=end]:top-auto! data-[side=right]:data-[align=end]:bottom-[10px]! data-[side=right]:data-[align=start]:top-[10px]!"],{variants:{variant:{default:"bg-popover border-border data-[side=bottom]:-translate-y-[60%] data-[side=left]:translate-x-[60%] data-[side=right]:-translate-x-[60%] data-[side=top]:translate-y-[60%]",primary:"bg-primary rounded-[2px] border-none",secondary:"bg-secondary border-border/40 data-[side=top]:border-border data-[side=bottom]:-translate-y-[60%] data-[side=left]:translate-x-[60%] data-[side=right]:-translate-x-[60%] data-[side=top]:translate-y-[60%]",foreground:"bg-foreground border-none",destructive:"bg-destructive border-none text-white"}},defaultVariants:{variant:"foreground"}}),p=a.createHandle,b=a.Provider,g=a.Root;function f(e){return t(a.Trigger,{"data-slot":"tooltip-trigger",...e})}function u({className:r,align:o="center",sideOffset:i=8,side:n="top",variant:p="foreground",children:b,...g}){return t(a.Portal,{children:t(a.Positioner,{align:o,className:"z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom,transform] data-instant:transition-none","data-slot":"tooltip-positioner",side:n,sideOffset:i,children:e(a.Popup,{className:d(s({variant:p}),r),"data-slot":"tooltip-popup",...g,children:[b,t(a.Arrow,{className:l({variant:p}),"data-slot":"tooltip-arrow"})]})})})}function c({trigger:a,tooltip:r,tooltipProps:d,tooltipContentProps:s,tooltipTriggerProps:l,popoverTriggerProps:p,open:b,onOpenChange:c,defaultOpen:h,children:m,...x}){const v=void 0!==b,[y,w]=o.useState(h??!1),P=b??y,k=o.useCallback((t,e)=>{v||w(t),c?.(t,e)},[v,c]);return e(i,{...x,open:P,onOpenChange:k,children:[e(g,{...d,disabled:P,children:[t(n,{...p,render:t(f,{...l,render:a})}),t(u,{...s,children:r})]}),m]})}export{g as Tooltip,u as TooltipContent,p as TooltipCreateHandle,c as TooltipPopover,u as TooltipPopup,b as TooltipProvider,f as TooltipTrigger};
|
package/dist/index.d.ts
CHANGED
|
@@ -23,7 +23,6 @@ export { NativeTable, NativeTableBody, NativeTableCaption, NativeTableCell, Nati
|
|
|
23
23
|
export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea } from './components/number-field/number-field.js';
|
|
24
24
|
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from './components/pagination/pagination.js';
|
|
25
25
|
export { Popover, PopoverBackdrop, PopoverClose, PopoverContent, PopoverCreateHandle, PopoverDescription, PopoverHeader, PopoverRootProps, PopoverTitle, PopoverTrigger } from './components/popover/popover.js';
|
|
26
|
-
export { CoachMark, CoachMarkClose, CoachMarkProps } from './components/popover/coach-mark.js';
|
|
27
26
|
export { PreviewCard, PreviewCardPopup, PreviewCardTrigger } from './components/preview-card/preview-card.js';
|
|
28
27
|
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from './components/progress/progress.js';
|
|
29
28
|
export { RDialog, RDialogContent, RDialogDescription, RDialogFooter, RDialogHeader, RDialogOnly, RDialogTitle, RDialogTrigger } from './components/r-dialog/r-dialog.js';
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/accordion/accordion.js";export{Alert,AlertDescription,AlertTitle,alertVariants}from"./components/alert/alert.js";export{Avatar,AvatarFallback,AvatarImage}from"./components/avatar/avatar.js";export{Badge,badgeVariants}from"./components/badge/badge.js";export{Button,buttonVariants}from"./components/button/button.js";export{CopyButton}from"./components/button/copy-button.js";export{Calendar,CalendarDayButton}from"./components/calendar/calendar.js";export{Card,CardDescription,CardHeader,CardTitle}from"./components/card/card.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{Collapsible,CollapsiblePanel as CollapsibleContent,CollapsiblePanel,CollapsibleTrigger}from"./components/collapsible/collapsible.js";export{Combobox,ComboboxChip,ComboboxChips,ComboboxClear,ComboboxCollection,ComboboxEmpty,ComboboxGroup,ComboboxGroupLabel,ComboboxInput,ComboboxItem,ComboboxList,ComboboxPopup,ComboboxRow,ComboboxSeparator,ComboboxStatus,ComboboxTrigger,ComboboxValue,useComboboxFilter}from"./components/combobox/combobox.js";export{ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuLabel,ContextMenuPortal,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuSeparator,ContextMenuShortcut,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger}from"./components/context-menu/context-menu.js";export{DatePicker}from"./components/date-picker/date-picker.js";export{DateRangePicker}from"./components/date-range-picker/date-range-picker.js";export{Dialog,DialogClose,DialogContent,DialogContentSection,DialogCreateHandle,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger,DialogViewport}from"./components/dialog/dialog.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/dropdown/dropdown.js";export{Empty,EmptyContent,EmptyDescription,EmptyHeader,EmptyMedia,EmptyTitle}from"./components/empty/empty.js";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle}from"./components/field/field.js";export{Input}from"./components/input/input.js";export{Label}from"./components/label/label.js";export{Loader}from"./components/loader/loader.js";export{NativeTable,NativeTableBody,NativeTableCaption,NativeTableCell,NativeTableFooter,NativeTableHead,NativeTableHeader,NativeTableRow}from"./components/native-table/native-table.js";export{NumberField,NumberFieldDecrement,NumberFieldGroup,NumberFieldIncrement,NumberFieldInput,NumberFieldScrubArea}from"./components/number-field/number-field.js";export{Pagination,PaginationContent,PaginationEllipsis,PaginationItem,PaginationLink,PaginationNext,PaginationPrevious}from"./components/pagination/pagination.js";export{Popover,PopoverBackdrop,PopoverClose,PopoverContent,PopoverCreateHandle,PopoverDescription,PopoverHeader,PopoverTitle,PopoverTrigger}from"./components/popover/popover.js";export{
|
|
2
|
+
export{Accordion,AccordionContent,AccordionItem,AccordionTrigger}from"./components/accordion/accordion.js";export{Alert,AlertDescription,AlertTitle,alertVariants}from"./components/alert/alert.js";export{Avatar,AvatarFallback,AvatarImage}from"./components/avatar/avatar.js";export{Badge,badgeVariants}from"./components/badge/badge.js";export{Button,buttonVariants}from"./components/button/button.js";export{CopyButton}from"./components/button/copy-button.js";export{Calendar,CalendarDayButton}from"./components/calendar/calendar.js";export{Card,CardDescription,CardHeader,CardTitle}from"./components/card/card.js";export{Checkbox}from"./components/checkbox/checkbox.js";export{Collapsible,CollapsiblePanel as CollapsibleContent,CollapsiblePanel,CollapsibleTrigger}from"./components/collapsible/collapsible.js";export{Combobox,ComboboxChip,ComboboxChips,ComboboxClear,ComboboxCollection,ComboboxEmpty,ComboboxGroup,ComboboxGroupLabel,ComboboxInput,ComboboxItem,ComboboxList,ComboboxPopup,ComboboxRow,ComboboxSeparator,ComboboxStatus,ComboboxTrigger,ComboboxValue,useComboboxFilter}from"./components/combobox/combobox.js";export{ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuLabel,ContextMenuPortal,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuSeparator,ContextMenuShortcut,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger}from"./components/context-menu/context-menu.js";export{DatePicker}from"./components/date-picker/date-picker.js";export{DateRangePicker}from"./components/date-range-picker/date-range-picker.js";export{Dialog,DialogClose,DialogContent,DialogContentSection,DialogCreateHandle,DialogDescription,DialogFooter,DialogHeader,DialogOverlay,DialogPortal,DialogTitle,DialogTrigger,DialogViewport}from"./components/dialog/dialog.js";export{DropdownMenu,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger}from"./components/dropdown/dropdown.js";export{Empty,EmptyContent,EmptyDescription,EmptyHeader,EmptyMedia,EmptyTitle}from"./components/empty/empty.js";export{Field,FieldContent,FieldDescription,FieldError,FieldGroup,FieldLabel,FieldLegend,FieldSeparator,FieldSet,FieldTitle}from"./components/field/field.js";export{Input}from"./components/input/input.js";export{Label}from"./components/label/label.js";export{Loader}from"./components/loader/loader.js";export{NativeTable,NativeTableBody,NativeTableCaption,NativeTableCell,NativeTableFooter,NativeTableHead,NativeTableHeader,NativeTableRow}from"./components/native-table/native-table.js";export{NumberField,NumberFieldDecrement,NumberFieldGroup,NumberFieldIncrement,NumberFieldInput,NumberFieldScrubArea}from"./components/number-field/number-field.js";export{Pagination,PaginationContent,PaginationEllipsis,PaginationItem,PaginationLink,PaginationNext,PaginationPrevious}from"./components/pagination/pagination.js";export{Popover,PopoverBackdrop,PopoverClose,PopoverContent,PopoverCreateHandle,PopoverDescription,PopoverHeader,PopoverTitle,PopoverTrigger}from"./components/popover/popover.js";export{PreviewCard,PreviewCardPopup,PreviewCardTrigger}from"./components/preview-card/preview-card.js";export{Progress,ProgressIndicator,ProgressLabel,ProgressTrack,ProgressValue}from"./components/progress/progress.js";export{RDialog,RDialogContent,RDialogDescription,RDialogFooter,RDialogHeader,RDialogOnly,RDialogTitle,RDialogTrigger}from"./components/r-dialog/r-dialog.js";export{Radio,RadioGroup,Radio as RadioGroupItem}from"./components/radio-group/radio-group.js";export{ScrollArea,ScrollBar}from"./components/scroll-area/scroll-area.js";export{Select,SelectContent,SelectGroup,SelectItem,SelectLabel,SelectScrollDownButton,SelectScrollUpButton,SelectSeparator,SelectTrigger,SelectValue}from"./components/select/select.js";export{Separator}from"./components/separator/separator.js";export{Sheet,SheetClose,SheetContent,SheetContentSection,SheetDescription,SheetFooter,SheetHeader,SheetTitle,SheetTrigger}from"./components/sheet/sheet.js";export{Sidebar,SidebarContent,SidebarFooter,SidebarGroup,SidebarGroupAction,SidebarGroupContent,SidebarGroupLabel,SidebarHeader,SidebarInput,SidebarInset,SidebarMenu,SidebarMenuAction,SidebarMenuBadge,SidebarMenuButton,SidebarMenuItem,SidebarMenuSkeleton,SidebarMenuSub,SidebarMenuSubButton,SidebarMenuSubItem,SidebarProvider,SidebarRail,SidebarSeparator,SidebarTrigger,useSidebar}from"./components/sidebar/sidebar.js";export{Skeleton}from"./components/skeleton/skeleton.js";export{Slider}from"./components/slider/slider.js";export{Toaster,toast,useSonner}from"./components/sonner/sonner.js";export{HStack,VStack}from"./components/stack/stack.js";export{Switch}from"./components/switch/switch.js";export{EmptyTableRow,Table,TableBody,TableCell,TableHeader,TableRow}from"./components/table/table.js";export{Tabs,TabsPanel as TabsContent,TabsList,TabsPanel,TabsTab,TabsTab as TabsTrigger}from"./components/tabs/tabs.js";export{Text}from"./components/text/text.js";export{Textarea,textareaVariants}from"./components/textarea/textarea.js";export{Toggle,toggleVariants}from"./components/toggle/toggle.js";export{Tooltip,TooltipPopup as TooltipContent,TooltipCreateHandle,TooltipPopover,TooltipPopup,TooltipProvider,TooltipTrigger}from"./components/tooltip/tooltip.js";export{Tour,TourArrow,TourClose,TourDescription,TourFooter,TourHeader,TourNext,TourPortal,TourPrev,TourSkip,TourSpotlight,TourSpotlightRing,TourStep,TourStepCounter,TourTitle}from"./components/tour/tour.js";export{TourCoachMarkCard,TourCoachMarkProvider}from"./components/tour/tour-coach-mark.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "lsp-uikit",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.10",
|
|
4
4
|
"description": "LevelSkill.Pro UI components based on BaseUI and Tailwind CSS",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -148,6 +148,10 @@
|
|
|
148
148
|
"import": "./dist/components/checkbox/checkbox.js",
|
|
149
149
|
"types": "./dist/components/checkbox/checkbox.d.ts"
|
|
150
150
|
},
|
|
151
|
+
"./coach-mark": {
|
|
152
|
+
"import": "./dist/components/coach-mark/coach-mark.js",
|
|
153
|
+
"types": "./dist/components/coach-mark/coach-mark.d.ts"
|
|
154
|
+
},
|
|
151
155
|
"./collapsible": {
|
|
152
156
|
"import": "./dist/components/collapsible/collapsible.js",
|
|
153
157
|
"types": "./dist/components/collapsible/collapsible.d.ts"
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { Popover } from '@base-ui/react/popover';
|
|
3
|
-
import React__default from 'react';
|
|
4
|
-
import { PopoverRootProps } from './popover.js';
|
|
5
|
-
|
|
6
|
-
type CoachMarkProps<P> = Omit<PopoverRootProps<P>, 'children' | 'trigger'> & {
|
|
7
|
-
children: React__default.ReactNode;
|
|
8
|
-
/** Whether the coach mark can be opened (e.g. a user has completed onboarding). @default true */
|
|
9
|
-
canOpen?: boolean;
|
|
10
|
-
/** The element to point to the coach mark */
|
|
11
|
-
trigger: React__default.ReactElement;
|
|
12
|
-
/** Can close coach mark on outside click. @default false */
|
|
13
|
-
closeOnOutsidePress?: boolean;
|
|
14
|
-
/** Can close coach mark on escape click. @default false */
|
|
15
|
-
closeOnEscape?: boolean;
|
|
16
|
-
/** Can close coach mark on trigger click. @default false */
|
|
17
|
-
closeOnTriggerPress?: boolean;
|
|
18
|
-
/** Coach mark will only show once. @default true */
|
|
19
|
-
showOnce?: boolean;
|
|
20
|
-
};
|
|
21
|
-
declare function CoachMark<P>({ defaultOpen, open, trigger, children, canOpen, showOnce, onOpenChange, closeOnOutsidePress, closeOnEscape, closeOnTriggerPress, ...props }: CoachMarkProps<P>): react_jsx_runtime.JSX.Element;
|
|
22
|
-
declare function CoachMarkClose({ className, ...props }: Popover.Close.Props): react_jsx_runtime.JSX.Element;
|
|
23
|
-
|
|
24
|
-
export { CoachMark, CoachMarkClose };
|
|
25
|
-
export type { CoachMarkProps };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{X as o}from"lucide-react";import t from"react";import{cn as n}from"../../lib/utils/cn.js";import{Button as s}from"../button/button.js";import"copy-to-clipboard";import"../tooltip/tooltip.js";import{Popover as i,PopoverTrigger as p,PopoverClose as c}from"./popover.js";function a({defaultOpen:o,open:n,trigger:s,children:c,canOpen:a=!0,showOnce:m=!0,onOpenChange:l,closeOnOutsidePress:u=!1,closeOnEscape:d=!1,closeOnTriggerPress:f=!1,...g}){const[O,h]=t.useState(!1),[v,b]=t.useState(!1),j=void 0!==n;return t.useEffect(()=>{b(!0)},[]),O||!a?s:e(i,{defaultOpen:o??!1,open:(n||void 0===n)&&v,onOpenChangeComplete:e=>{!e&&m&&h(!0)},onOpenChange:(e,r)=>{if(e&&"trigger-press"!==r.reason)return void l?.(e,r);const o=r?.reason;("close-press"===o||"imperative-action"===o||u&&"outside-press"===o||d&&"escape-key"===o||f&&"trigger-press"===o)&&(l?.(e,r),j||b(!1))},...g,children:[r(p,{render:s}),c]})}function m({className:e,...t}){return r(c,{render:r(s,{size:"icon-sm",variant:"secondary",className:n("absolute top-2 right-2",e)}),children:r(o,{}),...t})}export{a as CoachMark,m as CoachMarkClose};
|