lsp-uikit 1.5.8 → 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/alert/alert.d.ts +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/date-range-picker/date-range-picker.js +1 -1
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/sheet/sheet.js +1 -1
- package/dist/components/switch/switch.js +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,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
6
|
declare const alertVariants: (props?: ({
|
|
7
|
-
variant?: "default" | "
|
|
7
|
+
variant?: "default" | "error" | "info" | "success" | "warning" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
declare function Alert({ className, variant, hideDefaultIcon, children, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants> & {
|
|
10
10
|
hideDefaultIcon?: boolean;
|
|
@@ -5,7 +5,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
5
5
|
|
|
6
6
|
declare const badgeVariants: (props?: ({
|
|
7
7
|
size?: "default" | "sm" | "lg" | null | undefined;
|
|
8
|
-
variant?: "
|
|
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,7 +4,7 @@ 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" | "
|
|
7
|
+
variant?: "default" | "warning" | "default_invert" | "destructive" | "destructive_invert" | "warning_invert" | "outline" | "secondary" | "ghost" | "link" | "clear" | null | undefined;
|
|
8
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> {
|
|
@@ -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};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Dialog as o}from"@base-ui/react/dialog";import{XIcon as t}from"lucide-react";import{cn as l}from"../../lib/utils/cn.js";import{Button as
|
|
2
|
+
import{jsx as e,jsxs as a}from"react/jsx-runtime";import{Dialog as o}from"@base-ui/react/dialog";import{XIcon as t}from"lucide-react";import*as s from"react";import{cn as l}from"../../lib/utils/cn.js";import{Button as d}from"../button/button.js";import"copy-to-clipboard";import"../tooltip/tooltip.js";import{ScrollArea as n}from"../scroll-area/scroll-area.js";import{VStack as r}from"../stack/stack.js";const i=o.createHandle,c=o.Root,m=o.Portal;function u(a){return e(o.Trigger,{"data-slot":"dialog-trigger",...a})}function p(a){return e(o.Close,{"data-slot":"dialog-close",...a,tabIndex:-1})}function x({className:a,...t}){return e(o.Backdrop,{className:l("data-[closed]:animate-out data-[open]:animate-in data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/60 data-[closed]:pointer-events-none data-[closed]:duration-200 data-[closed]:ease-in-out data-[open]:duration-200 data-[open]:ease-in-out",a),"data-slot":"dialog-backdrop",...t})}function f({className:a,...t}){return e(o.Viewport,{className:l("fixed inset-0 top-0 left-0 z-50 flex flex-col items-center justify-center overflow-hidden p-4",a),"data-slot":"dialog-viewport",...t})}function b({className:i,children:c,contentRef:u,radixClassName:p,bottomStickOnMobile:b=!0,hideCloseButton:g=!1,animateVariant:h="slide",initialFocus:v=!0,...N}){const w=s.useRef(null);return a(m,{children:[e(x,{}),e(f,{className:l(b&&"max-xs:grid-rows-[1fr_auto] max-xs:p-0 max-xs:pt-12"),children:a(o.Popup,{tabIndex:-1,ref:w,initialFocus:!1===v?w:v,className:l("bg-dialog text-popover-foreground border-background xs:max-h-[94%] data-[closed]:animate-out data-[open]:animate-in data-[closed]:fade-out-0 data-[open]:fade-in-0 dark:border-border/70 fixed flex max-h-[98%] min-h-0 w-full max-w-[calc(100%-2rem)] min-w-0 -translate-y-[calc(1.25rem*var(--nested-dialogs))] scale-[calc(1-0.1*var(--nested-dialogs))] flex-col gap-3 overflow-hidden rounded-3xl border opacity-[calc(1-0.1*var(--nested-dialogs))] shadow-lg/5 not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] focus:outline-none focus-visible:outline-none data-nested-dialog-open:origin-top data-[closed]:pointer-events-none data-[closed]:duration-200 data-[closed]:ease-in-out data-[open]:duration-200 data-[open]:ease-in-out sm:max-w-lg dark:border-[2px] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","data-[nested]:data-[closed]:slide-out-to-bottom-8 data-[nested]:data-[open]:slide-in-from-bottom-8","scale"===h&&"data-[closed]:zoom-out-98 data-[open]:zoom-in-98","slide"===h&&"data-[closed]:slide-out-to-bottom-8 data-[open]:slide-in-from-bottom-8",b&&"max-xs:max-w-none max-xs:rounded-none max-xs:border-x-0 max-xs:border-t max-xs:border-b-0 max-xs:opacity-[calc(1-min(var(--nested-dialogs),1))] max-xs:before:hidden max-xs:before:rounded-none max-xs:data-[closed]:slide-out-to-bottom-4 max-xs:data-[open]:slide-in-from-bottom-4",p),"data-slot":"dialog-popup",...N,children:[e(n,{viewportRef:u,viewportProps:{tabIndex:-1},className:l("flex h-full w-full flex-col gap-2",i),children:e(r,{children:c})}),!g&&a(o.Close,{"aria-label":"Close",className:"absolute top-[25px] right-[25px] z-[10] rounded-md [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",render:e(d,{variant:"secondary",className:"h-auto rounded-md p-[6px]"}),children:[e(t,{className:"xs:size-4 size-5"}),e("span",{className:"sr-only",children:"Close"})]})]})})]})}function g({className:a,pin:o,...t}){return e("div",{"data-slot":"dialog-header",className:l("bg-background z-[8] flex w-full flex-col rounded-b-3xl p-[30px] text-left",{"outline-dialog sticky top-0 left-0 outline-[8px]":o},a),...t})}function h({className:a,...o}){return e("div",{className:l("bg-background w-full rounded-3xl p-[30px]",a),...o})}function v({className:a,pin:o,...t}){return e("div",{"data-slot":"dialog-footer",className:l("bg-background z-[8] flex w-full flex-col-reverse gap-2 rounded-t-3xl p-[30px] sm:flex-row sm:justify-end",{"outline-dialog sticky bottom-0 left-0 outline-[8px]":o},a),...t})}function N({className:a,...t}){return e(o.Title,{"data-slot":"dialog-title",className:l("line-clamp-2 pr-5 text-xl leading-tight font-medium break-words text-ellipsis",a),...t})}function w({className:a,...t}){return e(o.Description,{"data-slot":"dialog-description",className:l("text-muted-foreground mt-2 text-sm",a),...t})}export{c as Dialog,p as DialogClose,b as DialogContent,h as DialogContentSection,i as DialogCreateHandle,w as DialogDescription,v as DialogFooter,g as DialogHeader,x as DialogOverlay,m as DialogPortal,N as DialogTitle,u as DialogTrigger,f as DialogViewport};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Dialog as o}from"@base-ui/react/dialog";import{XIcon as a}from"lucide-react";import{cn as
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Dialog as o}from"@base-ui/react/dialog";import{XIcon as a}from"lucide-react";import*as l from"react";import{cn as s}from"../../lib/utils/cn.js";import{Button as r}from"../button/button.js";import"copy-to-clipboard";import"../tooltip/tooltip.js";const d=o.Root,i=o.Portal;function n(t){return e(o.Trigger,{"data-slot":"sheet-trigger",...t})}function c(t){return e(o.Close,{"data-slot":"sheet-close",...t})}function u({className:t,...a}){return e(o.Backdrop,{className:s("data-[closed]:animate-out data-[open]:animate-in data-[closed]:fade-out-0 data-[open]:fade-in-0 fixed inset-0 z-50 bg-black/60 duration-200",t),"data-slot":"sheet-backdrop",...a})}function f({className:t,side:a,inset:l=!1,...r}){return e(o.Viewport,{className:s("fixed inset-0 z-50 grid overscroll-contain","bottom"===a&&"flex flex-col justify-end","top"===a&&"grid grid-rows-[auto_1fr] pb-12","left"===a&&"flex justify-start","right"===a&&"flex justify-end",l&&"sm:p-4"),"data-slot":"sheet-viewport",...r})}function m({className:d,children:n,contentRef:c,radixClassName:m,hideCloseButton:p=!1,side:x="right",inset:b=!1,initialFocus:h=!0,...g}){const N=l.useRef(null);return t(i,{children:[e(u,{}),e(f,{inset:b,side:x,children:t(o.Popup,{tabIndex:-1,ref:N,initialFocus:!1===h?N:h,className:s("bg-dialog max-xs:w-full data-[closed]:animate-out data-[open]:animate-in data-[closed]:fade-out-0 data-[open]:fade-in-0 relative flex max-h-full min-h-0 w-full min-w-0 flex-col overflow-hidden shadow-lg/5 not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:shadow-[0_1px_--theme(--color-black/6%)] data-[closed]:pointer-events-none data-[closed]:duration-200 data-[closed]:ease-in-out data-[open]:duration-200 data-[open]:ease-in-out max-sm:before:hidden dark:before:shadow-[0_-1px_--theme(--color-white/6%)]","bottom"===x&&"data-[closed]:slide-out-to-bottom-8 data-[open]:slide-in-from-bottom-8 max-h-[98%] rounded-t-3xl border-t","top"===x&&"data-[closed]:slide-out-to-top-8 data-[open]:slide-in-from-top-8 border-b","left"===x&&"data-[closed]:slide-out-to-left-8 data-[open]:slide-in-from-left-8 w-[calc(100%-(--spacing(12)))] max-w-md border-e","right"===x&&"data-[closed]:slide-out-to-right-8 data-[open]:slide-in-from-right-8 col-start-2 w-[calc(100%-(--spacing(12)))] max-w-md border-s",b&&"before:hidden sm:rounded-2xl sm:border sm:before:rounded-[calc(var(--radius-2xl)-1px)] sm:**:data-[slot=sheet-footer]:rounded-b-[calc(var(--radius-2xl)-1px)]",m),"data-slot":"sheet-popup",...g,children:[e("div",{ref:c,className:s("flex h-full w-full flex-1 flex-col gap-2 overflow-y-auto overscroll-y-contain",d),children:n}),!p&&e(o.Close,{"aria-label":"Close",className:"absolute top-[25px] right-[25px] z-[10] rounded-md",render:e(r,{size:"icon",variant:"secondary",className:"h-auto rounded-md p-[6px]"}),children:e(a,{className:"xs:size-4 size-5"})})]})})]})}function p({className:t,pin:o,children:a,...l}){return e("div",{"data-slot":"sheet-header",className:s("bg-background z-[8] flex flex-col gap-1.5 rounded-b-3xl p-[30px]",{"outline-dialog sticky top-0 left-0 outline-[8px]":o},t),...l,children:a})}function x({className:t,...o}){return e("div",{className:s("bg-background flex flex-col rounded-3xl p-[30px]",t),...o})}function b({className:t,pin:o,...a}){return e("div",{"data-slot":"sheet-footer",className:s("bg-background z-[8] flex h-full flex-1 flex-col-reverse gap-2 rounded-t-3xl p-[30px]",{"outline-dialog sticky bottom-0 left-0 outline-[8px]":o},t),...a})}function h({className:t,...a}){return e(o.Title,{"data-slot":"sheet-title",className:s("text-foreground line-clamp-2 pr-[38px] text-xl leading-tight font-medium break-words text-ellipsis",t),...a})}function g({className:t,...a}){return e(o.Description,{"data-slot":"sheet-description",className:s("text-muted-foreground text-sm",t),...a})}export{d as Sheet,c as SheetClose,m as SheetContent,x as SheetContentSection,g as SheetDescription,b as SheetFooter,p as SheetHeader,h as SheetTitle,n as SheetTrigger};
|
|
@@ -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};
|
|
@@ -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};
|