lsp-uikit 1.5.8 → 1.5.9
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 +2 -2
- package/dist/components/button/button.d.ts +2 -2
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/sheet/sheet.js +1 -1
- package/dist/components/sidebar/sidebar.d.ts +1 -1
- package/dist/components/toggle/toggle.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/package.json +1 -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;
|
|
@@ -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?: "
|
|
7
|
+
size?: "default" | "lg" | "sm" | null | undefined;
|
|
8
|
+
variant?: "success" | "warning" | "primary" | "primary_ghost" | "primary_outline" | "success_ghost" | "success_outline" | "warning_ghost" | "warning_outline" | "secondary" | "destructive" | "destructive_ghost" | "destructive_outline" | "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" | "
|
|
8
|
-
size?: "default" | "
|
|
7
|
+
variant?: "default" | "warning" | "secondary" | "destructive" | "outline" | "link" | "default_invert" | "destructive_invert" | "warning_invert" | "ghost" | "clear" | null | undefined;
|
|
8
|
+
size?: "default" | "lg" | "sm" | "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 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};
|
|
@@ -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" | "lg" | "sm" | 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;
|
|
@@ -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" | "lg" | "sm" | 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" | "primary" | "secondary" | "destructive" | "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>;
|