lsp-uikit 1.5.7 → 1.5.8
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/button/button.js +1 -1
- package/dist/components/calendar/calendar.d.ts +5 -3
- package/dist/components/calendar/calendar.js +1 -1
- package/dist/components/date-picker/date-picker.js +1 -1
- package/dist/components/dialog/dialog.d.ts +1 -1
- package/dist/components/dialog/dialog.js +1 -1
- package/dist/components/field/field.js +1 -1
- package/dist/components/popover/coach-mark.js +1 -1
- package/dist/components/popover/popover.d.ts +5 -4
- package/dist/components/popover/popover.js +1 -1
- package/dist/components/scroll-area/scroll-area.js +1 -1
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/sheet/sheet.d.ts +1 -1
- package/dist/components/sheet/sheet.js +1 -1
- package/dist/components/sidebar/sidebar.d.ts +1 -1
- package/dist/components/tabs/tabs.js +1 -1
- package/dist/components/textarea/textarea.d.ts +1 -1
- package/dist/components/textarea/textarea.js +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" | "warning" | "success" | "error" | "info" | 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" | "sm" | "lg" | null | undefined;
|
|
8
|
+
variant?: "destructive" | "warning" | "outline" | "secondary" | "primary" | "primary_ghost" | "primary_outline" | "success" | "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" | "
|
|
8
|
-
size?: "default" | "
|
|
7
|
+
variant?: "default" | "default_invert" | "destructive" | "destructive_invert" | "warning" | "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 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Button as t}from"@base-ui/react/button";import{cva as i}from"class-variance-authority";import{Loader2 as a}from"lucide-react";import{cn as s}from"../../lib/utils/cn.js";const n=i('focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative inline-flex cursor-pointer items-center justify-center gap-2 overflow-hidden rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] active:scale-[0.97] active:animate-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 active:bg-blue-700/80",default_invert:"text-primary dark:border-primary bg-primary/10 hover:bg-primary/15 dark:bg-blue-600/25 dark:text-blue-500 dark:hover:bg-blue-600/30",destructive:"bg-destructive hover:bg-destructive/90 text-white",destructive_invert:"bg-destructive/10 dark:bg-destructive/15 text-destructive hover:bg-destructive/15 dark:hover:bg-destructive/25 dark:text-red-500",warning:"hover:bg-warning/90 bg-orange-400 text-white dark:bg-amber-700 dark:hover:bg-amber-800",warning_invert:"dark:bg-warning/15 hover:bg-warning/20 dark:hover:bg-warning/20 bg-amber-500/15 text-amber-600",outline:"border-input bg-background hover:bg-secondary hover:text-accent-foreground border",secondary:"bg-secondary text-secondary-foreground hover:bg-foreground/
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Button as t}from"@base-ui/react/button";import{cva as i}from"class-variance-authority";import{Loader2 as a}from"lucide-react";import{cn as s}from"../../lib/utils/cn.js";const n=i('focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive relative inline-flex min-w-fit cursor-pointer items-center justify-center gap-2 overflow-hidden rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:ring-[3px] active:scale-[0.97] active:animate-none disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90 active:bg-blue-700/80",default_invert:"text-primary dark:border-primary bg-primary/10 hover:bg-primary/15 dark:bg-blue-600/25 dark:text-blue-500 dark:hover:bg-blue-600/30",destructive:"bg-destructive hover:bg-destructive/90 text-white",destructive_invert:"bg-destructive/10 dark:bg-destructive/15 text-destructive hover:bg-destructive/15 dark:hover:bg-destructive/25 dark:text-red-500",warning:"hover:bg-warning/90 bg-orange-400 text-white dark:bg-amber-700 dark:hover:bg-amber-800",warning_invert:"dark:bg-warning/15 hover:bg-warning/20 dark:hover:bg-warning/20 bg-amber-500/15 text-amber-600",outline:"border-input bg-background hover:bg-secondary hover:text-accent-foreground border",secondary:"bg-secondary text-secondary-foreground hover:bg-foreground/10 dark:hover:bg-secondary/60",ghost:"hover:bg-secondary hover:text-accent-foreground",link:"text-primary underline-offset-4 after:hidden hover:underline",clear:"hover:text-muted-foreground p-0"},size:{default:"h-10 px-[14px] py-2",sm:"h-9 px-3 py-2",lg:"h-[50px] rounded-2xl px-8 text-base",icon:"size-9 sm:size-8","icon-lg":"size-10 sm:size-9","icon-sm":"size-8 sm:size-7","icon-xl":"size-11 sm:size-10 [&_svg:not([class*='size-'])]:size-5 sm:[&_svg:not([class*='size-'])]:size-4.5","icon-xs":"size-7 rounded-md sm:size-6 not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-4 sm:not-in-data-[slot=input-group]:[&_svg:not([class*='size-'])]:size-3.5"}},defaultVariants:{variant:"default",size:"default"}});function o({className:i,variant:o,size:d,isLoading:c,disabled:g,replaceSvgWithLoading:l=!0,children:v,...u}){return e(t,{disabled:c||g,"data-slot":"button",className:s(n({variant:o,size:d,className:i}),'data-[slot="combobox-trigger"]:active:scale-100 data-[slot="dropdown-menu-trigger"]:active:scale-100 data-[slot="popover-trigger"]:active:scale-100 data-[slot="select-trigger"]:active:scale-100',{"[&>svg:not(:last-child)]:hidden":l&&c}),...u,children:[v,c&&r(a,{className:"h-4 w-4 animate-spin","data-loading":"true"})]})}export{o as Button,n as buttonVariants};
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import { DayPicker, DayButton } from 'react-day-picker';
|
|
3
|
+
import { DayPicker, DayButton, Locale } from 'react-day-picker';
|
|
4
4
|
import { Button } from '../button/button.js';
|
|
5
5
|
|
|
6
|
-
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
6
|
+
declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
|
|
7
7
|
buttonVariant?: React.ComponentProps<typeof Button>['variant'];
|
|
8
8
|
}): react_jsx_runtime.JSX.Element;
|
|
9
|
-
declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>
|
|
9
|
+
declare function CalendarDayButton({ className, day, modifiers, locale, ...props }: React.ComponentProps<typeof DayButton> & {
|
|
10
|
+
locale?: Partial<Locale>;
|
|
11
|
+
}): react_jsx_runtime.JSX.Element;
|
|
10
12
|
|
|
11
13
|
export { Calendar, CalendarDayButton };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as e}from"react/jsx-runtime";import{ChevronLeftIcon as t,ChevronRightIcon as
|
|
2
|
+
import{jsx as e}from"react/jsx-runtime";import{ChevronLeftIcon as t,ChevronRightIcon as a,ChevronDownIcon as r}from"lucide-react";import*as d from"react";import{getDefaultClassNames as n,DayPicker as o}from"react-day-picker";import{cn as l}from"../../lib/utils/cn.js";import{buttonVariants as s,Button as i}from"../button/button.js";function u({className:d,classNames:i,showOutsideDays:u=!0,captionLayout:m="label",buttonVariant:g="ghost",locale:f,formatters:p,components:b,...x}){const y=n();return e(o,{showOutsideDays:u,className:l("bg-background group/calendar p-2 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(7)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,d),captionLayout:m,locale:f,formatters:{formatMonthDropdown:e=>e.toLocaleString(f?.code,{month:"short"}),...p},classNames:{root:l("w-fit",y.root),months:l("relative flex flex-col gap-4 md:flex-row",y.months),month:l("flex w-full flex-col gap-4",y.month),nav:l("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",y.nav),button_previous:l(s({variant:g}),"size-(--cell-size) p-0 select-none aria-disabled:opacity-50",y.button_previous),button_next:l(s({variant:g}),"size-(--cell-size) p-0 select-none aria-disabled:opacity-50",y.button_next),month_caption:l("flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",y.month_caption),dropdowns:l("flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",y.dropdowns),dropdown_root:l("cn-calendar-dropdown-root relative rounded-(--cell-radius)",y.dropdown_root),dropdown:l("bg-popover absolute inset-0 opacity-0",y.dropdown),caption_label:l("font-medium select-none","label"===m?"text-sm":"cn-calendar-caption-label [&>svg]:text-muted-foreground flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5",y.caption_label),table:"w-full border-collapse",weekdays:l("flex",y.weekdays),weekday:l("text-muted-foreground flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal select-none",y.weekday),week:l("mt-2 flex w-full gap-[2px]",y.week),week_number_header:l("w-(--cell-size) select-none",y.week_number_header),week_number:l("text-muted-foreground text-[0.8rem] select-none",y.week_number),day:l("group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",x.showWeekNumber?"[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)":"[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",y.day),range_start:l("bg-muted after:bg-muted relative isolate z-0 rounded-l-(--cell-radius) after:absolute after:inset-y-0 after:right-0 after:w-4",y.range_start),range_middle:l("rounded-none",y.range_middle),range_end:l("bg-muted after:bg-muted relative isolate z-0 rounded-r-(--cell-radius) after:absolute after:inset-y-0 after:left-0 after:w-4",y.range_end),today:l("bg-muted text-foreground rounded-(--cell-radius) data-[selected=true]:rounded-none",y.today),outside:l("text-muted-foreground aria-selected:text-muted-foreground",y.outside),disabled:l("text-muted-foreground opacity-50",y.disabled),hidden:l("invisible",y.hidden),...i},components:{Root:({className:t,rootRef:a,...r})=>e("div",{"data-slot":"calendar",ref:a,className:l(t),...r}),Chevron:({className:d,orientation:n,...o})=>"left"===n?e(t,{className:l("cn-rtl-flip size-4",d),...o}):"right"===n?e(a,{className:l("cn-rtl-flip size-4",d),...o}):e(r,{className:l("size-4",d),...o}),DayButton:({...t})=>e(c,{locale:f,...t}),WeekNumber:({children:t,...a})=>e("td",{...a,children:e("div",{className:"flex size-(--cell-size) items-center justify-center text-center",children:t})}),...b},...x})}function c({className:t,day:a,modifiers:r,locale:o,...s}){const u=n(),c=d.useRef(null);return d.useEffect(()=>{r.focused&&c.current?.focus()},[r.focused]),e(i,{variant:"ghost",size:"icon","data-day":a.date.toLocaleDateString(o?.code),"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:l("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-foreground relative isolate z-10 flex aspect-square size-auto min-h-(--cell-size) w-full min-w-(--cell-size) flex-col content-center gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) [&>span]:text-xs [&>span]:opacity-70",u.day,t),...s})}export{u as Calendar,c as CalendarDayButton};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as t,jsx as
|
|
2
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{format as r}from"date-fns";import*as o from"react";import{LuCalendarFold as a}from"react-icons/lu";import{cn as s}from"../../lib/utils/cn.js";import{Button as i}from"../button/button.js";import"copy-to-clipboard";import"lucide-react";import"../tooltip/tooltip.js";import{Calendar as m}from"../calendar/calendar.js";import{Popover as c,PopoverTrigger as l,PopoverContent as n}from"../popover/popover.js";import{Text as p}from"../text/text.js";const d=d=>{const{selectedDate:f,className:u,triggerClassName:j,onApply:y}=d,[x,g]=o.useState();o.useEffect(()=>{g(f?new Date(f):void 0)},[f]);return t(c,{children:[t(l,{render:e(i,{variant:"secondary",className:s("w-[240px] justify-start text-left font-normal",!x&&"text-muted-foreground",j)}),children:[e(a,{className:"mr-1 h-4 w-4"}),x?r(x,"PPP"):e(p,{children:"Выберите дату"})]}),e(n,{className:s("w-auto p-0",u),align:"start",children:e(m,{mode:"single",selected:x,onSelect:t=>{g(t),y?.(t?r(t,"yyyy-MM-dd"):void 0)}})})]})};export{d as DatePicker};
|
|
@@ -10,7 +10,7 @@ declare function DialogTrigger(props: Dialog$1.Trigger.Props): react_jsx_runtime
|
|
|
10
10
|
declare function DialogClose(props: Dialog$1.Close.Props): react_jsx_runtime.JSX.Element;
|
|
11
11
|
declare function DialogOverlay({ className, ...props }: Dialog$1.Backdrop.Props): react_jsx_runtime.JSX.Element;
|
|
12
12
|
declare function DialogViewport({ className, ...props }: Dialog$1.Viewport.Props): react_jsx_runtime.JSX.Element;
|
|
13
|
-
declare function DialogContent({ className, children, contentRef, radixClassName, bottomStickOnMobile, hideCloseButton, animateVariant, ...props }: Dialog$1.Popup.Props & {
|
|
13
|
+
declare function DialogContent({ className, children, contentRef, radixClassName, bottomStickOnMobile, hideCloseButton, animateVariant, initialFocus, ...props }: Dialog$1.Popup.Props & {
|
|
14
14
|
hideCloseButton?: boolean;
|
|
15
15
|
bottomStickOnMobile?: boolean;
|
|
16
16
|
radixClassName?: string;
|
|
@@ -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
|
|
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 s}from"../button/button.js";import"copy-to-clipboard";import"react";import"../tooltip/tooltip.js";import{ScrollArea as d}from"../scroll-area/scroll-area.js";import{VStack as n}from"../stack/stack.js";const r=o.createHandle,i=o.Root,c=o.Portal;function m(a){return e(o.Trigger,{"data-slot":"dialog-trigger",...a})}function u(a){return e(o.Close,{"data-slot":"dialog-close",...a,tabIndex:-1})}function p({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/32 backdrop-blur-sm 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 x({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 f({className:r,children:i,contentRef:m,radixClassName:u,bottomStickOnMobile:f=!0,hideCloseButton:b=!1,animateVariant:g="slide",initialFocus:h=!1,...v}){return a(c,{children:[e(p,{}),e(x,{className:l(f&&"max-xs:grid-rows-[1fr_auto] max-xs:p-0 max-xs:pt-12"),children:a(o.Popup,{initialFocus:h,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"===g&&"data-[closed]:zoom-out-98 data-[open]:zoom-in-98","slide"===g&&"data-[closed]:slide-out-to-bottom-8 data-[open]:slide-in-from-bottom-8",f&&"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",u),"data-slot":"dialog-popup",...v,children:[e(d,{viewportRef:m,viewportProps:{tabIndex:-1},className:l("flex h-full w-full flex-col gap-2",r),children:e(n,{children:i})}),!b&&a(o.Close,{"aria-label":"Close",className:"absolute top-[25px] right-[25px] rounded-md [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",render:e(s,{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 b({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 g({className:a,...o}){return e("div",{className:l("bg-background w-full rounded-3xl p-[30px]",a),...o})}function h({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 v({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 N({className:a,...t}){return e(o.Description,{"data-slot":"dialog-description",className:l("text-muted-foreground mt-2 text-sm",a),...t})}export{i as Dialog,u as DialogClose,f as DialogContent,g as DialogContentSection,r as DialogCreateHandle,N as DialogDescription,h as DialogFooter,b as DialogHeader,p as DialogOverlay,c as DialogPortal,v as DialogTitle,m as DialogTrigger,x as DialogViewport};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as a,jsxs as
|
|
2
|
+
import{jsx as a,jsxs as t}from"react/jsx-runtime";import{cva as e}from"class-variance-authority";import{useMemo as l}from"react";import{TiWarning as o}from"react-icons/ti";import{cn as r}from"../../lib/utils/cn.js";import{Label as s}from"../label/label.js";import{Separator as i}from"../separator/separator.js";import{HStack as d}from"../stack/stack.js";import{Text as n}from"../text/text.js";function c({className:t,...e}){return a("fieldset",{"data-slot":"field-set",className:r("flex flex-col gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3",t),...e})}function f({className:t,variant:e="legend",...l}){return a("legend",{"data-slot":"field-legend","data-variant":e,className:r("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base",t),...l})}function m({className:t,...e}){return a("div",{"data-slot":"field-group",className:r("group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4",t),...e})}const u=e("group/field flex w-full gap-2",{variants:{orientation:{vertical:"flex-col [&>*]:w-full [&>.sr-only]:w-auto",horizontal:"flex-row items-center has-[>[data-slot=field-content]]:items-start [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",responsive:"flex-col @md/field-group:flex-row @md/field-group:items-center @md/field-group:has-[>[data-slot=field-content]]:items-start [&>*]:w-full @md/field-group:[&>*]:w-auto [&>.sr-only]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"}},defaultVariants:{orientation:"vertical"}});function p({className:t,orientation:e="vertical",...l}){return a("div",{role:"group","data-slot":"field","data-orientation":e,className:r(u({orientation:e}),t),...l})}function g({className:t,...e}){return a("div",{"data-slot":"field-content",className:r("group/field-content flex flex-col gap-0.5 leading-snug",t),...e})}function x({className:t,...e}){return a(s,{"data-slot":"field-label",className:r("has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5","has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",t),...e})}function h({className:t,...e}){return a("div",{"data-slot":"field-label",className:r("flex w-fit items-center gap-2 text-sm leading-snug font-medium group-data-[disabled=true]/field:opacity-50",t),...e})}function b({className:t,...e}){return a("p",{"data-slot":"field-description",className:r("text-muted-foreground text-left text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance [[data-variant=legend]+&]:-mt-1.5","last:mt-0 nth-last-2:-mt-1","[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",t),...e})}function N({children:e,className:l,...o}){return t("div",{"data-slot":"field-separator","data-content":!!e,className:r("relative -my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2",l),...o,children:[a(i,{className:"absolute inset-0 top-1/2"}),e&&a("span",{className:"text-muted-foreground bg-background relative mx-auto block w-fit px-2","data-slot":"field-separator-content",children:e})]})}function v({className:e,children:s,message:i,...c}){const f=l(()=>s||(i?t(d,{className:"items-start gap-1",children:[a(o,{size:16,className:"mt-[1px] min-w-[16px]"}),a(n,{className:"line-clamp-2 overflow-ellipsis",children:i})]}):null),[s,i]);return f?a("div",{role:"alert","data-slot":"field-error",className:r("text-destructive text-sm font-normal",e),...c,children:f}):null}export{p as Field,g as FieldContent,b as FieldDescription,v as FieldError,m as FieldGroup,x as FieldLabel,f as FieldLegend,N as FieldSeparator,c as FieldSet,h as FieldTitle};
|
|
@@ -1 +1 @@
|
|
|
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-
|
|
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};
|
|
@@ -1,17 +1,18 @@
|
|
|
1
|
-
import * as _base_ui_react from '@base-ui/react';
|
|
2
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import * as _base_ui_react from '@base-ui/react';
|
|
3
3
|
import { Popover as Popover$1 } from '@base-ui/react/popover';
|
|
4
4
|
import * as React from 'react';
|
|
5
5
|
|
|
6
|
-
declare const PopoverCreateHandle: typeof Popover$1.createHandle;
|
|
7
6
|
type PopoverRootProps<P> = Popover$1.Root.Props<P> & {
|
|
8
7
|
withBackdrop?: boolean;
|
|
9
8
|
};
|
|
10
|
-
declare
|
|
9
|
+
declare const PopoverCreateHandle: typeof Popover$1.createHandle;
|
|
11
10
|
declare const PopoverBackdrop: React.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
declare function Popover<P>({ withBackdrop, ...props }: PopoverRootProps<P>): react_jsx_runtime.JSX.Element;
|
|
12
12
|
declare const PopoverClose: React.ForwardRefExoticComponent<Omit<_base_ui_react.PopoverCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
13
13
|
declare function PopoverTrigger({ className, ...props }: Popover$1.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
14
|
-
declare function PopoverContent({ className,
|
|
14
|
+
declare function PopoverContent({ className, align, alignOffset, side, withArrow, autoSize, sideOffset, children, ...props }: Popover$1.Popup.Props & Pick<Popover$1.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
|
|
15
|
+
autoSize?: boolean;
|
|
15
16
|
withArrow?: boolean;
|
|
16
17
|
}): react_jsx_runtime.JSX.Element;
|
|
17
18
|
declare function PopoverHeader({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as
|
|
2
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Popover as o}from"@base-ui/react/popover";import*as a from"react";import{cn as r}from"../../lib/utils/cn.js";const i=a.createContext({withBackdrop:!1}),s=o.createHandle,n=o.Backdrop;function l({withBackdrop:t=!1,...a}){return e(i.Provider,{value:{withBackdrop:t},children:e(o.Root,{...a})})}const d=o.Close;function c({className:t,...s}){const{withBackdrop:n}=a.useContext(i);return e(o.Trigger,{"data-slot":"popover-trigger",className:r(n&&"relative z-50",t),...s})}function p({className:s,align:n="center",alignOffset:l=0,side:d="bottom",withArrow:c=!1,autoSize:p=!1,sideOffset:f=(c?8:4),children:m,...u}){const{withBackdrop:h}=a.useContext(i);return t(o.Portal,{children:[h&&e(o.Backdrop,{className:"fixed inset-0 z-40 bg-black/60 transition-all duration-200 data-ending-style:opacity-0 data-starting-style:opacity-0"}),e(o.Positioner,{align:n,alignOffset:l,side:d,sideOffset:f,collisionAvoidance:{align:"none"},className:"isolate z-50",children:t(o.Popup,{"data-slot":"popover-content",className:r("bg-popover text-popover-foreground popup-animate ring-foreground/10 relative z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg border px-4 py-4 text-sm shadow-lg/5 not-dark:bg-clip-padding before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/6%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]",p&&"w-(--popup-width,auto)",s),...u,children:[c&&e(o.Arrow,{className:"data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",children:e(g,{})}),m]})})]})}function f({className:t,...o}){return e("div",{"data-slot":"popover-header",className:r("flex flex-col gap-0.5 text-sm",t),...o})}function m({className:t,...a}){return e(o.Title,{"data-slot":"popover-title",className:r("font-medium",t),...a})}function u({className:t,...a}){return e(o.Description,{"data-slot":"popover-description",className:r("text-muted-foreground",t),...a})}function g(o){return t("svg",{width:"20",height:"10",viewBox:"0 0 20 10",fill:"none",...o,children:[e("path",{d:"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",className:"fill-background"}),e("path",{d:"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",className:"fill-border"}),e("path",{d:"M10.3333 3.34539L5.47654 7.71648C4.55842 8.54279 3.36693 9 2.13172 9H0V8H2.13172C3.11989 8 4.07308 7.63423 4.80758 6.97318L9.66437 2.60207C10.0447 2.25979 10.622 2.2598 11.0023 2.60207L15.8591 6.97318C16.5936 7.63423 17.5468 8 18.5349 8H20V9H18.5349C17.2998 9 16.1083 8.54278 15.1901 7.71648L10.3333 3.34539Z"})]})}export{l as Popover,n as PopoverBackdrop,d as PopoverClose,p as PopoverContent,s as PopoverCreateHandle,u as PopoverDescription,f as PopoverHeader,m as PopoverTitle,c as PopoverTrigger};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsxs as a,jsx as r}from"react/jsx-runtime";import{ScrollArea as o}from"@base-ui/react/scroll-area";import{cn as e}from"../../lib/utils/cn.js";function l({className:l,children:t,viewportClassName:s,viewportProps:n,scrollFade:c=!1,scrollbarGutter:d=!1,viewportRef:f,...m}){const{className:v,...u}=n??{};return a(o.Root,{className:e("size-full min-h-0",l),...m,children:[r(o.Viewport,{ref:f,className:e("transition-shadows focus-visible:ring-ring focus-visible:ring-offset-background h-full w-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-offset-1 data-has-overflow-x:overscroll-x-contain",c&&"mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] [--fade-size:1.5rem]",d&&"data-has-overflow-x:pb-2.5 data-has-overflow-y:pe-2.5",s,v),"data-slot":"scroll-area-viewport",...u,children:t}),r(i,{orientation:"vertical"}),r(i,{orientation:"horizontal"}),r(o.Corner,{"data-slot":"scroll-area-corner"})]})}function i({className:a,orientation:l="vertical",...i}){return r(o.Scrollbar,{className:e("m-1 flex opacity-0 transition-opacity delay-300 data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-100 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-100 data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:w-1.5",a),"data-slot":"scroll-area-scrollbar",orientation:l,...i,children:r(o.Thumb,{className:"bg-foreground/20 relative flex-1 rounded-full","data-slot":"scroll-area-thumb"})})}export{l as ScrollArea,i as ScrollBar};
|
|
2
|
+
import{jsxs as a,jsx as r}from"react/jsx-runtime";import{ScrollArea as o}from"@base-ui/react/scroll-area";import{cn as e}from"../../lib/utils/cn.js";function l({className:l,children:t,viewportClassName:s,viewportProps:n,scrollFade:c=!1,scrollbarGutter:d=!1,viewportRef:f,...m}){const{className:v,...u}=n??{};return a(o.Root,{className:e("size-full min-h-0",l),...m,children:[r(o.Viewport,{ref:f,className:e("transition-shadows focus-visible:ring-ring focus-visible:ring-offset-background h-full w-full rounded-[inherit] outline-none focus-visible:ring-2 focus-visible:ring-offset-1 data-has-overflow-x:overscroll-x-contain",c&&"mask-t-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-start)))] mask-r-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-end)))] mask-b-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-y-end)))] mask-l-from-[calc(100%-min(var(--fade-size),var(--scroll-area-overflow-x-start)))] [--fade-size:1.5rem]",d&&"data-has-overflow-x:pb-2.5 data-has-overflow-y:pe-2.5",s,v),"data-slot":"scroll-area-viewport",...u,children:t}),r(i,{orientation:"vertical"}),r(i,{orientation:"horizontal"}),r(o.Corner,{"data-slot":"scroll-area-corner"})]})}function i({className:a,orientation:l="vertical",...i}){return r(o.Scrollbar,{className:e("z-[10] m-1 flex opacity-0 transition-opacity delay-300 data-hovering:opacity-100 data-hovering:delay-0 data-hovering:duration-100 data-scrolling:opacity-100 data-scrolling:delay-0 data-scrolling:duration-100 data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:flex-col data-[orientation=vertical]:w-1.5",a),"data-slot":"scroll-area-scrollbar",orientation:l,...i,children:r(o.Thumb,{className:"bg-foreground/20 relative flex-1 rounded-full","data-slot":"scroll-area-thumb"})})}export{l as ScrollArea,i as ScrollBar};
|
|
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { Select as Select$1 } from '@base-ui/react/select';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
|
|
5
|
-
declare function Select<V>({ modal, ...props }: Select$1.Root.Props<V>): react_jsx_runtime.JSX.Element;
|
|
5
|
+
declare function Select<V, M extends boolean>({ modal, ...props }: Select$1.Root.Props<V, M>): react_jsx_runtime.JSX.Element;
|
|
6
6
|
declare function SelectGroup({ className, ...props }: Select$1.Group.Props): react_jsx_runtime.JSX.Element;
|
|
7
7
|
declare function SelectValue({ className, ...props }: Select$1.Value.Props): react_jsx_runtime.JSX.Element;
|
|
8
8
|
declare function SelectTrigger({ className, render, size, children, ...props }: Select$1.Trigger.Props & {
|
|
@@ -5,7 +5,7 @@ import * as React from 'react';
|
|
|
5
5
|
declare const Sheet: typeof Dialog.Root;
|
|
6
6
|
declare function SheetTrigger(props: Dialog.Trigger.Props): react_jsx_runtime.JSX.Element;
|
|
7
7
|
declare function SheetClose(props: Dialog.Close.Props): react_jsx_runtime.JSX.Element;
|
|
8
|
-
declare function SheetContent({ className, children, contentRef, radixClassName, hideCloseButton, side, inset, ...props }: Dialog.Popup.Props & {
|
|
8
|
+
declare function SheetContent({ className, children, contentRef, radixClassName, hideCloseButton, side, inset, initialFocus, ...props }: Dialog.Popup.Props & {
|
|
9
9
|
contentRef?: React.Ref<HTMLDivElement | null>;
|
|
10
10
|
hideCloseButton?: boolean;
|
|
11
11
|
side?: 'right' | 'left' | 'top' | 'bottom';
|
|
@@ -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 l}from"../../lib/utils/cn.js";import{Button as d}from"../button/button.js";import"copy-to-clipboard";import"react";import"../tooltip/tooltip.js";const s=o.Root,
|
|
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 l}from"../../lib/utils/cn.js";import{Button as d}from"../button/button.js";import"copy-to-clipboard";import"react";import"../tooltip/tooltip.js";const s=o.Root,i=o.Portal;function r(t){return e(o.Trigger,{"data-slot":"sheet-trigger",...t})}function n(t){return e(o.Close,{"data-slot":"sheet-close",...t})}function c({className:t,...a}){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/32 backdrop-blur-sm data-[closed]:duration-200 data-[closed]:ease-in-out data-[open]:duration-200 data-[open]:ease-in-out",t),"data-slot":"sheet-backdrop",...a})}function u({className:t,side:a,inset:d=!1,...s}){return e(o.Viewport,{className:l("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",d&&"sm:p-4"),"data-slot":"sheet-viewport",...s})}function p({className:s,children:r,contentRef:n,radixClassName:p,hideCloseButton:f=!1,side:m="right",inset:x=!1,initialFocus:b=!1,...h}){return t(i,{children:[e(c,{}),e(u,{inset:x,side:m,children:t(o.Popup,{initialFocus:b,className:l("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"===m&&"data-[closed]:slide-out-to-bottom-8 data-[open]:slide-in-from-bottom-8 max-h-[98%] rounded-t-3xl border-t","top"===m&&"data-[closed]:slide-out-to-top-8 data-[open]:slide-in-from-top-8 border-b","left"===m&&"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"===m&&"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",x&&"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)]",p),"data-slot":"sheet-popup",...h,children:[e("div",{ref:n,className:l("flex h-full w-full flex-1 flex-col gap-2 overflow-y-auto overscroll-y-contain",s),children:r}),!f&&e(o.Close,{"aria-label":"Close",className:"absolute top-[25px] right-[25px] rounded-md",render:e(d,{size:"icon",variant:"secondary",className:"h-auto rounded-md p-[6px]"}),children:e(a,{className:"xs:size-4 size-5"})})]})})]})}function f({className:t,pin:o,children:a,...d}){return e("div",{"data-slot":"sheet-header",className:l("bg-background flex flex-col gap-1.5 rounded-b-3xl p-[30px]",{"outline-dialog sticky top-0 left-0 outline-[8px]":o},t),...d,children:a})}function m({className:t,...o}){return e("div",{className:l("bg-background flex flex-col rounded-3xl p-[30px]",t),...o})}function x({className:t,pin:o,...a}){return e("div",{"data-slot":"sheet-footer",className:l("bg-background 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 b({className:t,...a}){return e(o.Title,{"data-slot":"sheet-title",className:l("text-foreground line-clamp-2 pr-[38px] text-xl leading-tight font-medium break-words text-ellipsis",t),...a})}function h({className:t,...a}){return e(o.Description,{"data-slot":"sheet-description",className:l("text-muted-foreground text-sm",t),...a})}export{s as Sheet,n as SheetClose,p as SheetContent,m as SheetContentSection,h as SheetDescription,x as SheetFooter,f as SheetHeader,b as SheetTitle,r 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" | "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 t,jsxs as a}from"react/jsx-runtime";import{Tabs as e}from"@base-ui/react/tabs";import{cn as n}from"../../lib/utils/cn.js";function o({className:a,...o}){return t(e.Root,{className:n("flex flex-col gap-2 data-[orientation=vertical]:flex-row",a),"data-slot":"tabs",...o})}function r({variant:o="default",background:r=!0,className:i,children:s,...l}){return a(e.List,{className:n("text-muted-foreground relative z-0 flex w-fit items-center justify-center gap-x-0.5","data-[orientation=vertical]:h-fit data-[orientation=vertical]:flex-col","default"===o?"bg-muted text-muted-foreground/72 rounded-lg p-0.5":"*:data-[slot=tabs-tab]:hover:bg-accent data-[orientation=horizontal]:py-1 data-[orientation=vertical]:px-1","default"==o&&!r&&"bg-transparent",i),"data-slot":"tabs-list",...l,children:[s,t(e.Indicator,{className:n("absolute bottom-0 left-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-(--active-tab-bottom) transition-[width,translate] duration-200 ease-in-out","underline"===o?"bg-primary z-10 data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:translate-y-px data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:-translate-x-px":"bg-background dark:bg-
|
|
2
|
+
import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Tabs as e}from"@base-ui/react/tabs";import{cn as n}from"../../lib/utils/cn.js";function o({className:a,...o}){return t(e.Root,{className:n("flex flex-col gap-2 data-[orientation=vertical]:flex-row",a),"data-slot":"tabs",...o})}function r({variant:o="default",background:r=!0,className:i,children:s,...l}){return a(e.List,{className:n("text-muted-foreground relative z-0 flex w-fit items-center justify-center gap-x-0.5","data-[orientation=vertical]:h-fit data-[orientation=vertical]:flex-col","default"===o?"bg-muted text-muted-foreground/72 rounded-lg p-0.5":"*:data-[slot=tabs-tab]:hover:bg-accent data-[orientation=horizontal]:py-1 data-[orientation=vertical]:px-1","default"==o&&!r&&"bg-transparent",i),"data-slot":"tabs-list",...l,children:[s,t(e.Indicator,{className:n("absolute bottom-0 left-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-(--active-tab-bottom) transition-[width,translate] duration-200 ease-in-out","underline"===o?"bg-primary z-10 data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:translate-y-px data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:-translate-x-px":"bg-background dark:bg-card -z-1 rounded-md shadow-sm/5","default"==o&&!r&&"bg-secondary shadow-none"),"data-slot":"tab-indicator"})]})}function i({className:a,...o}){return t(e.Tab,{className:n("hover:text-muted-foreground focus-visible:ring-ring data-active:text-foreground flex h-9 shrink-0 grow cursor-pointer items-center justify-center gap-1.5 rounded-md border border-transparent px-[calc(--spacing(2.5)-1px)] text-base font-medium whitespace-nowrap transition-[color,background-color,box-shadow] outline-none focus-visible:ring-2 data-disabled:pointer-events-none data-disabled:opacity-64 data-[orientation=vertical]:w-full data-[orientation=vertical]:justify-start sm:h-8 sm:text-sm [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4",a),"data-slot":"tabs-tab",...o})}function s({className:a,...o}){return t(e.Panel,{className:n("flex-1 outline-none",a),"data-slot":"tabs-content",...o})}export{o as Tabs,s as TabsContent,r as TabsList,s as TabsPanel,i as TabsTab,i as TabsTrigger};
|
|
@@ -10,7 +10,7 @@ declare const textareaVariants: (props?: ({
|
|
|
10
10
|
type TextareaProps = TextareaAutosizeProps & VariantProps<typeof textareaVariants> & {
|
|
11
11
|
ref?: Ref<HTMLTextAreaElement | null>;
|
|
12
12
|
};
|
|
13
|
-
declare function Textarea({ className, variant, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
declare function Textarea({ className, variant, onFocus, ...props }: TextareaProps): react_jsx_runtime.JSX.Element;
|
|
14
14
|
|
|
15
15
|
export { Textarea, textareaVariants };
|
|
16
16
|
export type { TextareaProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{cva as t}from"class-variance-authority";import r from"react-textarea-autosize";import{cn as a}from"../../lib/utils/cn.js";const o=t("placeholder:text-muted-foreground hover:bg-secondary/30 dark:hover:bg-input/35 selection:bg-primary selection:text-primary-foreground dark:bg-input/30 focus-visible:border-ring aria-invalid:border-destructive flex field-sizing-content min-h-16 w-full resize-none rounded-md border-none bg-transparent px-3 py-2 text-base shadow-[inset_0_0_0_1.5px_var(--input)] transition-[border-color,box-shadow,colors] outline-none focus-visible:bg-transparent focus-visible:shadow-[inset_0_0_0_1.5px_var(--ring)] disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:shadow-[inset_0_0_0_1.5px_var(--destructive)] md:text-sm [&:-webkit-autofill]:shadow-[inset_0_0_0_1000px_var(--background)] [&:-webkit-autofill]:[-webkit-text-fill-color:var(--foreground)]",{variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function i({className:t,variant:i="default",onFocus:n,...s}){return e(r,{"data-slot":"textarea",className:a(o({variant:i,className:t})),onFocus:e=>{n?.(e);const t=e.currentTarget,r=t.value.length;t.setSelectionRange(r,r)},...s})}export{i as Textarea,o as textareaVariants};
|
|
@@ -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>;
|