@arolariu/components 0.0.9 → 0.0.11
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/cjs/components/ui/carousel.js +1 -1
- package/dist/cjs/components/ui/menubar.js +1 -1
- package/dist/cjs/components/ui/pagination.js +1 -1
- package/dist/cjs/components/ui/popover.js +1 -1
- package/dist/cjs/components/ui/scroll-area.js +1 -1
- package/dist/es/components/ui/accordion.js +8 -50
- package/dist/es/components/ui/alert-dialog.js +22 -118
- package/dist/es/components/ui/alert.js +14 -52
- package/dist/es/components/ui/aspect-ratio.js +2 -4
- package/dist/es/components/ui/avatar.js +6 -42
- package/dist/es/components/ui/badge.js +13 -28
- package/dist/es/components/ui/breadcrumb.js +10 -78
- package/dist/es/components/ui/button.js +21 -37
- package/dist/es/components/ui/calendar.js +29 -52
- package/dist/es/components/ui/card.js +6 -51
- package/dist/es/components/ui/carousel.js +32 -142
- package/dist/es/components/ui/chart.js +42 -169
- package/dist/es/components/ui/checkbox.js +2 -23
- package/dist/es/components/ui/collapsible.js +6 -24
- package/dist/es/components/ui/command.js +18 -136
- package/dist/es/components/ui/context-menu.js +30 -187
- package/dist/es/components/ui/dialog.js +18 -100
- package/dist/es/components/ui/drawer.js +18 -98
- package/dist/es/components/ui/dropdown-menu.js +30 -195
- package/dist/es/components/ui/form.js +8 -59
- package/dist/es/components/ui/hover-card.js +9 -30
- package/dist/es/components/ui/input-otp.js +6 -47
- package/dist/es/components/ui/input.js +1 -14
- package/dist/es/components/ui/label.js +2 -15
- package/dist/es/components/ui/menubar.js +47 -228
- package/dist/es/components/ui/navigation-menu.js +17 -146
- package/dist/es/components/ui/pagination.js +15 -96
- package/dist/es/components/ui/popover.js +10 -33
- package/dist/es/components/ui/progress.js +2 -24
- package/dist/es/components/ui/radio-group.js +4 -35
- package/dist/es/components/ui/resizable.js +6 -36
- package/dist/es/components/ui/scroll-area.js +4 -51
- package/dist/es/components/ui/select.js +21 -142
- package/dist/es/components/ui/separator.js +2 -19
- package/dist/es/components/ui/sheet.js +17 -99
- package/dist/es/components/ui/sidebar.js +112 -512
- package/dist/es/components/ui/skeleton.js +1 -8
- package/dist/es/components/ui/slider.js +4 -56
- package/dist/es/components/ui/sonner.js +7 -15
- package/dist/es/components/ui/switch.js +2 -24
- package/dist/es/components/ui/table.js +9 -87
- package/dist/es/components/ui/tabs.js +8 -54
- package/dist/es/components/ui/textarea.js +1 -11
- package/dist/es/components/ui/toggle-group.js +9 -48
- package/dist/es/components/ui/toggle.js +16 -31
- package/dist/es/components/ui/tooltip.js +11 -45
- package/dist/umd/arolariu-components.umd.js +2 -2
- package/package.json +105 -96
- package/readme.md +169 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),w=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),w=require("react"),z=require("embla-carousel-react"),v=require("lucide-react"),d=require("../../lib/utils.js"),h=require("./button.js");function k(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const s=k(w),b=s.createContext(null);function x(){const t=s.useContext(b);if(!t)throw new Error("useCarousel must be used within a <Carousel />");return t}function R({orientation:t="horizontal",opts:r,setApi:o,plugins:n,className:c,children:u,...i}){const[N,e]=z({...r,axis:t==="horizontal"?"x":"y"},n),[j,y]=s.useState(!1),[S,P]=s.useState(!1),f=s.useCallback(a=>{a&&(y(a.canScrollPrev()),P(a.canScrollNext()))},[]),C=s.useCallback(()=>{e==null||e.scrollPrev()},[e]),m=s.useCallback(()=>{e==null||e.scrollNext()},[e]),g=s.useCallback(a=>{a.key==="ArrowLeft"?(a.preventDefault(),C()):a.key==="ArrowRight"&&(a.preventDefault(),m())},[C,m]);return s.useEffect(()=>{!e||!o||o(e)},[e,o]),s.useEffect(()=>{if(e)return f(e),e.on("reInit",f),e.on("select",f),()=>{e==null||e.off("select",f)}},[e,f]),l.jsx(b.Provider,{value:{carouselRef:N,api:e,opts:r,orientation:t||((r==null?void 0:r.axis)==="y"?"vertical":"horizontal"),scrollPrev:C,scrollNext:m,canScrollPrev:j,canScrollNext:S},children:l.jsx("div",{onKeyDownCapture:g,className:d.cn("relative",c),role:"region","aria-roledescription":"carousel","data-slot":"carousel",...i,children:u})})}function p({className:t,...r}){const{carouselRef:o,orientation:n}=x();return l.jsx("div",{ref:o,className:"overflow-hidden","data-slot":"carousel-content",children:l.jsx("div",{className:d.cn("flex",n==="horizontal"?"-ml-4":"-mt-4 flex-col",t),...r})})}function q({className:t,...r}){const{orientation:o}=x();return l.jsx("div",{role:"group","aria-roledescription":"slide","data-slot":"carousel-item",className:d.cn("min-w-0 shrink-0 grow-0 basis-full",o==="horizontal"?"pl-4":"pt-4",t),...r})}function D({className:t,variant:r="outline",size:o="icon",...n}){const{orientation:c,scrollPrev:u,canScrollPrev:i}=x();return l.jsxs(h.Button,{"data-slot":"carousel-previous",variant:r,size:o,className:d.cn("absolute size-8 rounded-full",c==="horizontal"?"top-1/2 -left-12 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!i,onClick:u,...n,children:[l.jsx(v.ArrowLeft,{}),l.jsx("span",{className:"sr-only",children:"Previous slide"})]})}function O({className:t,variant:r="outline",size:o="icon",...n}){const{orientation:c,scrollNext:u,canScrollNext:i}=x();return l.jsxs(h.Button,{"data-slot":"carousel-next",variant:r,size:o,className:d.cn("absolute size-8 rounded-full",c==="horizontal"?"top-1/2 -right-12 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",t),disabled:!i,onClick:u,...n,children:[l.jsx(v.ArrowRight,{}),l.jsx("span",{className:"sr-only",children:"Next slide"})]})}exports.Carousel=R;exports.CarouselContent=p;exports.CarouselItem=q;exports.CarouselNext=O;exports.CarouselPrevious=D;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("@radix-ui/react-menubar"),o=require("lucide-react"),s=require("../../lib/utils.js");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=c(l);function b({className:e,...t}){return a.jsx(n.Root,{"data-slot":"menubar",className:s.cn("bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800",e),...t})}function m({...e}){return a.jsx(n.Menu,{"data-slot":"menubar-menu",...e})}function f({...e}){return a.jsx(n.Group,{"data-slot":"menubar-group",...e})}function d({...e}){return a.jsx(n.Portal,{"data-slot":"menubar-portal",...e})}function x({...e}){return a.jsx(n.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("@radix-ui/react-menubar"),o=require("lucide-react"),s=require("../../lib/utils.js");function c(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const n=c(l);function b({className:e,...t}){return a.jsx(n.Root,{"data-slot":"menubar",className:s.cn("bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800",e),...t})}function m({...e}){return a.jsx(n.Menu,{"data-slot":"menubar-menu",...e})}function f({...e}){return a.jsx(n.Group,{"data-slot":"menubar-group",...e})}function d({...e}){return a.jsx(n.Portal,{"data-slot":"menubar-portal",...e})}function x({...e}){return a.jsx(n.RadioGroup,{"data-slot":"menubar-radio-group",...e})}function g({className:e,...t}){return a.jsx(n.Trigger,{"data-slot":"menubar-trigger",className:s.cn("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",e),...t})}function p({className:e,align:t="start",alignOffset:r=-4,sideOffset:u=8,...i}){return a.jsx(d,{children:a.jsx(n.Content,{"data-slot":"menubar-content",align:t,alignOffset:r,sideOffset:u,className:s.cn("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",e),...i})})}function v({className:e,inset:t,variant:r="default",...u}){return a.jsx(n.Item,{"data-slot":"menubar-item","data-inset":t,"data-variant":r,className:s.cn("focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-neutral-50 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/40 data-[variant=destructive]:focus:text-neutral-50 data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-neutral-50 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/40 dark:data-[variant=destructive]:focus:text-neutral-50 dark:[&_svg:not([class*='text-'])]:text-neutral-400",e),...u})}function k({className:e,children:t,checked:r,...u}){return a.jsxs(n.CheckboxItem,{"data-slot":"menubar-checkbox-item",className:s.cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",e),checked:r,...u,children:[a.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:a.jsx(n.ItemIndicator,{children:a.jsx(o.CheckIcon,{className:"size-4"})})}),t]})}function h({className:e,children:t,...r}){return a.jsxs(n.RadioItem,{"data-slot":"menubar-radio-item",className:s.cn("focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50",e),...r,children:[a.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:a.jsx(n.ItemIndicator,{children:a.jsx(o.CircleIcon,{className:"size-2 fill-current"})})}),t]})}function M({className:e,inset:t,...r}){return a.jsx(n.Label,{"data-slot":"menubar-label","data-inset":t,className:s.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function j({className:e,...t}){return a.jsx(n.Separator,{"data-slot":"menubar-separator",className:s.cn("bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800",e),...t})}function S({className:e,...t}){return a.jsx("span",{"data-slot":"menubar-shortcut",className:s.cn("text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400",e),...t})}function y({...e}){return a.jsx(n.Sub,{"data-slot":"menubar-sub",...e})}function z({className:e,inset:t,children:r,...u}){return a.jsxs(n.SubTrigger,{"data-slot":"menubar-sub-trigger","data-inset":t,className:s.cn("focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50",e),...u,children:[r,a.jsx(o.ChevronRightIcon,{className:"ml-auto h-4 w-4"})]})}function N({className:e,...t}){return a.jsx(n.SubContent,{"data-slot":"menubar-sub-content",className:s.cn("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",e),...t})}exports.Menubar=b;exports.MenubarCheckboxItem=k;exports.MenubarContent=p;exports.MenubarGroup=f;exports.MenubarItem=v;exports.MenubarLabel=M;exports.MenubarMenu=m;exports.MenubarPortal=d;exports.MenubarRadioGroup=x;exports.MenubarRadioItem=h;exports.MenubarSeparator=j;exports.MenubarShortcut=S;exports.MenubarSub=y;exports.MenubarSubContent=N;exports.MenubarSubTrigger=z;exports.MenubarTrigger=g;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("lucide-react"),t=require("../../lib/utils.js"),l=require("./button.js");function c({className:n,...a}){return i.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:t.cn("mx-auto flex w-full justify-center",n),...a})}function u({className:n,...a}){return i.jsx("ul",{"data-slot":"pagination-content",className:t.cn("flex flex-row items-center gap-1",n),...a})}function g({...n}){return i.jsx("li",{"data-slot":"pagination-item",...n})}function s({className:n,isActive:a,size:o="icon",...r}){return i.jsx("a",{"aria-current":a?"page":void 0,"data-slot":"pagination-link","data-active":a,className:t.cn(l.buttonVariants({variant:a?"outline":"ghost",size:o}),n),...r})}function p({className:n,...a}){return i.jsxs(s,{"aria-label":"Go to previous page",size:"default",className:t.cn("gap-1 px-2.5 sm:pl-2.5",n),...a,children:[i.jsx(e.ChevronLeftIcon,{}),i.jsx("span",{className:"hidden sm:block",children:"Previous"})]})}function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),e=require("lucide-react"),t=require("../../lib/utils.js"),l=require("./button.js");function c({className:n,...a}){return i.jsx("nav",{role:"navigation","aria-label":"pagination","data-slot":"pagination",className:t.cn("mx-auto flex w-full justify-center",n),...a})}function u({className:n,...a}){return i.jsx("ul",{"data-slot":"pagination-content",className:t.cn("flex flex-row items-center gap-1",n),...a})}function g({...n}){return i.jsx("li",{"data-slot":"pagination-item",...n})}function s({className:n,isActive:a,size:o="icon",...r}){return i.jsx("a",{"aria-current":a?"page":void 0,"data-slot":"pagination-link","data-active":a,className:t.cn(l.buttonVariants({variant:a?"outline":"ghost",size:o}),n),...r})}function p({className:n,...a}){return i.jsxs(s,{"aria-label":"Go to previous page",size:"default",className:t.cn("gap-1 px-2.5 sm:pl-2.5",n),...a,children:[i.jsx(e.ChevronLeftIcon,{}),i.jsx("span",{className:"hidden sm:block",children:"Previous"})]})}function d({className:n,...a}){return i.jsxs(s,{"aria-label":"Go to next page",size:"default",className:t.cn("gap-1 px-2.5 sm:pr-2.5",n),...a,children:[i.jsx("span",{className:"hidden sm:block",children:"Next"}),i.jsx(e.ChevronRightIcon,{})]})}function x({className:n,...a}){return i.jsxs("span",{"aria-hidden":!0,"data-slot":"pagination-ellipsis",className:t.cn("flex size-9 items-center justify-center",n),...a,children:[i.jsx(e.MoreHorizontalIcon,{className:"size-4"}),i.jsx("span",{className:"sr-only",children:"More pages"})]})}exports.Pagination=c;exports.PaginationContent=u;exports.PaginationEllipsis=x;exports.PaginationItem=g;exports.PaginationLink=s;exports.PaginationNext=d;exports.PaginationPrevious=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@radix-ui/react-popover"),d=require("../../lib/utils.js");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=s(i);function
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("@radix-ui/react-popover"),d=require("../../lib/utils.js");function s(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const n=s(i);function l({...e}){return r.jsx(n.Root,{"data-slot":"popover",...e})}function u({...e}){return r.jsx(n.Trigger,{"data-slot":"popover-trigger",...e})}function c({className:e,align:o="center",sideOffset:t=4,...a}){return r.jsx(n.Portal,{children:r.jsx(n.Content,{"data-slot":"popover-content",align:o,sideOffset:t,className:d.cn("bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-md border border-neutral-200 p-4 shadow-md outline-hidden dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800",e),...a})})}function p({...e}){return r.jsx(n.Anchor,{"data-slot":"popover-anchor",...e})}exports.Popover=l;exports.PopoverAnchor=p;exports.PopoverContent=c;exports.PopoverTrigger=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("@radix-ui/react-scroll-area"),n=require("../../lib/utils.js");function s(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const l in r)if(l!=="default"){const o=Object.getOwnPropertyDescriptor(r,l);Object.defineProperty(e,l,o.get?o:{enumerable:!0,get:()=>r[l]})}}return e.default=r,Object.freeze(e)}const a=s(c);function u({className:r,children:e,...l}){return t.jsxs(a.Root,{"data-slot":"scroll-area",className:n.cn("relative",r),...l,children:[t.jsx(a.Viewport,{"data-slot":"scroll-area-viewport",className:"ring-neutral-950/10 dark:ring-neutral-950/20 dark:outline-ring/40 outline-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1 dark:ring-neutral-300/10 dark:dark:ring-neutral-300/20",children:e}),t.jsx(i,{}),t.jsx(a.Corner,{})]})}function i({className:r,orientation:e="vertical",...l}){return t.jsx(a.ScrollAreaScrollbar,{"data-slot":"scroll-area-scrollbar",orientation:e,className:n.cn("flex touch-none p-px transition-colors select-none",e==="vertical"&&"h-full w-2.5 border-l border-l-transparent",e==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent",r),...l,children:t.jsx(a.ScrollAreaThumb,{"data-slot":"scroll-area-thumb",className:"bg-neutral-200 relative flex-1 rounded-full dark:bg-neutral-800"})})}exports.ScrollArea=u;exports.ScrollBar=i;
|
|
@@ -2,59 +2,17 @@ import { jsx as t, jsxs as i } from "react/jsx-runtime";
|
|
|
2
2
|
import * as n from "@radix-ui/react-accordion";
|
|
3
3
|
import { ChevronDownIcon as s } from "lucide-react";
|
|
4
4
|
import { cn as a } from "../../lib/utils.js";
|
|
5
|
-
function m({
|
|
6
|
-
...e
|
|
7
|
-
}) {
|
|
8
|
-
return /* @__PURE__ */ t(n.Root, { "data-slot": "accordion", ...e });
|
|
5
|
+
function m({ ...e }) {
|
|
6
|
+
return t(n.Root, { "data-slot": "accordion", ...e });
|
|
9
7
|
}
|
|
10
|
-
function u({
|
|
11
|
-
className: e,
|
|
12
|
-
...o
|
|
13
|
-
}) {
|
|
14
|
-
return /* @__PURE__ */ t(
|
|
15
|
-
n.Item,
|
|
16
|
-
{
|
|
17
|
-
"data-slot": "accordion-item",
|
|
18
|
-
className: a("border-b last:border-b-0", e),
|
|
19
|
-
...o
|
|
20
|
-
}
|
|
21
|
-
);
|
|
8
|
+
function u({ className: e, ...o }) {
|
|
9
|
+
return t(n.Item, { "data-slot": "accordion-item", className: a("border-b last:border-b-0", e), ...o });
|
|
22
10
|
}
|
|
23
|
-
function f({
|
|
24
|
-
className: e,
|
|
25
|
-
children: o,
|
|
26
|
-
...r
|
|
27
|
-
}) {
|
|
28
|
-
return /* @__PURE__ */ t(n.Header, { className: "flex", children: /* @__PURE__ */ i(
|
|
29
|
-
n.Trigger,
|
|
30
|
-
{
|
|
31
|
-
"data-slot": "accordion-trigger",
|
|
32
|
-
className: a(
|
|
33
|
-
"focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50",
|
|
34
|
-
e
|
|
35
|
-
),
|
|
36
|
-
...r,
|
|
37
|
-
children: [
|
|
38
|
-
o,
|
|
39
|
-
/* @__PURE__ */ t(s, { className: "text-neutral-500 pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 dark:text-neutral-400" })
|
|
40
|
-
]
|
|
41
|
-
}
|
|
42
|
-
) });
|
|
11
|
+
function f({ className: e, children: o, ...r }) {
|
|
12
|
+
return t(n.Header, { className: "flex", children: i(n.Trigger, { "data-slot": "accordion-trigger", className: a("focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50", e), ...r, children: [o, t(s, { className: "text-neutral-500 pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200 dark:text-neutral-400" })] }) });
|
|
43
13
|
}
|
|
44
|
-
function p({
|
|
45
|
-
className: e,
|
|
46
|
-
children: o,
|
|
47
|
-
...r
|
|
48
|
-
}) {
|
|
49
|
-
return /* @__PURE__ */ t(
|
|
50
|
-
n.Content,
|
|
51
|
-
{
|
|
52
|
-
"data-slot": "accordion-content",
|
|
53
|
-
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
54
|
-
...r,
|
|
55
|
-
children: /* @__PURE__ */ t("div", { className: a("pt-0 pb-4", e), children: o })
|
|
56
|
-
}
|
|
57
|
-
);
|
|
14
|
+
function p({ className: e, children: o, ...r }) {
|
|
15
|
+
return t(n.Content, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...r, children: t("div", { className: a("pt-0 pb-4", e), children: o }) });
|
|
58
16
|
}
|
|
59
17
|
export {
|
|
60
18
|
m as Accordion,
|
|
@@ -2,134 +2,38 @@ import { jsx as e, jsxs as n } from "react/jsx-runtime";
|
|
|
2
2
|
import * as l from "@radix-ui/react-alert-dialog";
|
|
3
3
|
import { cn as o } from "../../lib/utils.js";
|
|
4
4
|
import { buttonVariants as r } from "./button.js";
|
|
5
|
-
function u({
|
|
6
|
-
...t
|
|
7
|
-
}) {
|
|
8
|
-
return /* @__PURE__ */ e(l.Root, { "data-slot": "alert-dialog", ...t });
|
|
5
|
+
function u({ ...t }) {
|
|
6
|
+
return e(l.Root, { "data-slot": "alert-dialog", ...t });
|
|
9
7
|
}
|
|
10
|
-
function f({
|
|
11
|
-
...t
|
|
12
|
-
}) {
|
|
13
|
-
return /* @__PURE__ */ e(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
|
|
8
|
+
function f({ ...t }) {
|
|
9
|
+
return e(l.Trigger, { "data-slot": "alert-dialog-trigger", ...t });
|
|
14
10
|
}
|
|
15
|
-
function i({
|
|
16
|
-
...t
|
|
17
|
-
}) {
|
|
18
|
-
return /* @__PURE__ */ e(l.Portal, { "data-slot": "alert-dialog-portal", ...t });
|
|
11
|
+
function i({ ...t }) {
|
|
12
|
+
return e(l.Portal, { "data-slot": "alert-dialog-portal", ...t });
|
|
19
13
|
}
|
|
20
|
-
function s({
|
|
21
|
-
className: t,
|
|
22
|
-
...a
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ e(
|
|
25
|
-
l.Overlay,
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "alert-dialog-overlay",
|
|
28
|
-
className: o(
|
|
29
|
-
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
|
|
30
|
-
t
|
|
31
|
-
),
|
|
32
|
-
...a
|
|
33
|
-
}
|
|
34
|
-
);
|
|
14
|
+
function s({ className: t, ...a }) {
|
|
15
|
+
return e(l.Overlay, { "data-slot": "alert-dialog-overlay", className: o("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", t), ...a });
|
|
35
16
|
}
|
|
36
|
-
function m({
|
|
37
|
-
className: t,
|
|
38
|
-
...a
|
|
39
|
-
}) {
|
|
40
|
-
return /* @__PURE__ */ n(i, { children: [
|
|
41
|
-
/* @__PURE__ */ e(s, {}),
|
|
42
|
-
/* @__PURE__ */ e(
|
|
43
|
-
l.Content,
|
|
44
|
-
{
|
|
45
|
-
"data-slot": "alert-dialog-content",
|
|
46
|
-
className: o(
|
|
47
|
-
"bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800",
|
|
48
|
-
t
|
|
49
|
-
),
|
|
50
|
-
...a
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
] });
|
|
17
|
+
function m({ className: t, ...a }) {
|
|
18
|
+
return n(i, { children: [e(s, {}), e(l.Content, { "data-slot": "alert-dialog-content", className: o("bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-neutral-950 dark:border-neutral-800", t), ...a })] });
|
|
54
19
|
}
|
|
55
|
-
function p({
|
|
56
|
-
className: t,
|
|
57
|
-
...a
|
|
58
|
-
}) {
|
|
59
|
-
return /* @__PURE__ */ e(
|
|
60
|
-
"div",
|
|
61
|
-
{
|
|
62
|
-
"data-slot": "alert-dialog-header",
|
|
63
|
-
className: o("flex flex-col gap-2 text-center sm:text-left", t),
|
|
64
|
-
...a
|
|
65
|
-
}
|
|
66
|
-
);
|
|
20
|
+
function p({ className: t, ...a }) {
|
|
21
|
+
return e("div", { "data-slot": "alert-dialog-header", className: o("flex flex-col gap-2 text-center sm:text-left", t), ...a });
|
|
67
22
|
}
|
|
68
|
-
function x({
|
|
69
|
-
className: t,
|
|
70
|
-
...a
|
|
71
|
-
}) {
|
|
72
|
-
return /* @__PURE__ */ e(
|
|
73
|
-
"div",
|
|
74
|
-
{
|
|
75
|
-
"data-slot": "alert-dialog-footer",
|
|
76
|
-
className: o(
|
|
77
|
-
"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
|
|
78
|
-
t
|
|
79
|
-
),
|
|
80
|
-
...a
|
|
81
|
-
}
|
|
82
|
-
);
|
|
23
|
+
function x({ className: t, ...a }) {
|
|
24
|
+
return e("div", { "data-slot": "alert-dialog-footer", className: o("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", t), ...a });
|
|
83
25
|
}
|
|
84
|
-
function A({
|
|
85
|
-
className: t,
|
|
86
|
-
...a
|
|
87
|
-
}) {
|
|
88
|
-
return /* @__PURE__ */ e(
|
|
89
|
-
l.Title,
|
|
90
|
-
{
|
|
91
|
-
"data-slot": "alert-dialog-title",
|
|
92
|
-
className: o("text-lg font-semibold", t),
|
|
93
|
-
...a
|
|
94
|
-
}
|
|
95
|
-
);
|
|
26
|
+
function A({ className: t, ...a }) {
|
|
27
|
+
return e(l.Title, { "data-slot": "alert-dialog-title", className: o("text-lg font-semibold", t), ...a });
|
|
96
28
|
}
|
|
97
|
-
function D({
|
|
98
|
-
className: t,
|
|
99
|
-
...a
|
|
100
|
-
}) {
|
|
101
|
-
return /* @__PURE__ */ e(
|
|
102
|
-
l.Description,
|
|
103
|
-
{
|
|
104
|
-
"data-slot": "alert-dialog-description",
|
|
105
|
-
className: o("text-neutral-500 text-sm dark:text-neutral-400", t),
|
|
106
|
-
...a
|
|
107
|
-
}
|
|
108
|
-
);
|
|
29
|
+
function D({ className: t, ...a }) {
|
|
30
|
+
return e(l.Description, { "data-slot": "alert-dialog-description", className: o("text-neutral-500 text-sm dark:text-neutral-400", t), ...a });
|
|
109
31
|
}
|
|
110
|
-
function b({
|
|
111
|
-
className: t,
|
|
112
|
-
...a
|
|
113
|
-
}) {
|
|
114
|
-
return /* @__PURE__ */ e(
|
|
115
|
-
l.Action,
|
|
116
|
-
{
|
|
117
|
-
className: o(r(), t),
|
|
118
|
-
...a
|
|
119
|
-
}
|
|
120
|
-
);
|
|
32
|
+
function b({ className: t, ...a }) {
|
|
33
|
+
return e(l.Action, { className: o(r(), t), ...a });
|
|
121
34
|
}
|
|
122
|
-
function v({
|
|
123
|
-
className: t,
|
|
124
|
-
...a
|
|
125
|
-
}) {
|
|
126
|
-
return /* @__PURE__ */ e(
|
|
127
|
-
l.Cancel,
|
|
128
|
-
{
|
|
129
|
-
className: o(r({ variant: "outline" }), t),
|
|
130
|
-
...a
|
|
131
|
-
}
|
|
132
|
-
);
|
|
35
|
+
function v({ className: t, ...a }) {
|
|
36
|
+
return e(l.Cancel, { className: o(r({ variant: "outline" }), t), ...a });
|
|
133
37
|
}
|
|
134
38
|
export {
|
|
135
39
|
u as AlertDialog,
|
|
@@ -1,63 +1,25 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { cva as s } from "class-variance-authority";
|
|
3
3
|
import { cn as e } from "../../lib/utils.js";
|
|
4
|
-
const i = s(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
default: "bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",
|
|
10
|
-
destructive: "text-neutral-50 [&>svg]:text-current *:data-[slot=alert-description]:text-neutral-50/80 dark:text-neutral-50 dark:*:data-[slot=alert-description]:text-neutral-50/80"
|
|
11
|
-
}
|
|
12
|
-
},
|
|
13
|
-
defaultVariants: {
|
|
14
|
-
variant: "default"
|
|
4
|
+
const i = s("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800", {
|
|
5
|
+
variants: {
|
|
6
|
+
variant: {
|
|
7
|
+
default: "bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",
|
|
8
|
+
destructive: "text-neutral-50 [&>svg]:text-current *:data-[slot=alert-description]:text-neutral-50/80 dark:text-neutral-50 dark:*:data-[slot=alert-description]:text-neutral-50/80"
|
|
15
9
|
}
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
variant: "default"
|
|
16
13
|
}
|
|
17
|
-
);
|
|
18
|
-
function u({
|
|
19
|
-
className: t,
|
|
20
|
-
variant: r,
|
|
21
|
-
...l
|
|
22
|
-
}) {
|
|
23
|
-
return /* @__PURE__ */ a(
|
|
24
|
-
"div",
|
|
25
|
-
{
|
|
26
|
-
"data-slot": "alert",
|
|
27
|
-
role: "alert",
|
|
28
|
-
className: e(i({ variant: r }), t),
|
|
29
|
-
...l
|
|
30
|
-
}
|
|
31
|
-
);
|
|
14
|
+
});
|
|
15
|
+
function u({ className: t, variant: r, ...l }) {
|
|
16
|
+
return a("div", { "data-slot": "alert", role: "alert", className: e(i({ variant: r }), t), ...l });
|
|
32
17
|
}
|
|
33
18
|
function c({ className: t, ...r }) {
|
|
34
|
-
return
|
|
35
|
-
"div",
|
|
36
|
-
{
|
|
37
|
-
"data-slot": "alert-title",
|
|
38
|
-
className: e(
|
|
39
|
-
"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",
|
|
40
|
-
t
|
|
41
|
-
),
|
|
42
|
-
...r
|
|
43
|
-
}
|
|
44
|
-
);
|
|
19
|
+
return a("div", { "data-slot": "alert-title", className: e("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", t), ...r });
|
|
45
20
|
}
|
|
46
|
-
function g({
|
|
47
|
-
className: t,
|
|
48
|
-
...r
|
|
49
|
-
}) {
|
|
50
|
-
return /* @__PURE__ */ a(
|
|
51
|
-
"div",
|
|
52
|
-
{
|
|
53
|
-
"data-slot": "alert-description",
|
|
54
|
-
className: e(
|
|
55
|
-
"text-neutral-500 col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed dark:text-neutral-400",
|
|
56
|
-
t
|
|
57
|
-
),
|
|
58
|
-
...r
|
|
59
|
-
}
|
|
60
|
-
);
|
|
21
|
+
function g({ className: t, ...r }) {
|
|
22
|
+
return a("div", { "data-slot": "alert-description", className: e("text-neutral-500 col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed dark:text-neutral-400", t), ...r });
|
|
61
23
|
}
|
|
62
24
|
export {
|
|
63
25
|
u as Alert,
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "@radix-ui/react-aspect-ratio";
|
|
3
|
-
function a({
|
|
4
|
-
...t
|
|
5
|
-
}) {
|
|
6
|
-
return /* @__PURE__ */ o(i.Root, { "data-slot": "aspect-ratio", ...t });
|
|
3
|
+
function a({ ...t }) {
|
|
4
|
+
return o(i.Root, { "data-slot": "aspect-ratio", ...t });
|
|
7
5
|
}
|
|
8
6
|
export {
|
|
9
7
|
a as AspectRatio
|
|
@@ -1,50 +1,14 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import * as e from "@radix-ui/react-avatar";
|
|
3
3
|
import { cn as l } from "../../lib/utils.js";
|
|
4
|
-
function i({
|
|
5
|
-
className: a,
|
|
6
|
-
...t
|
|
7
|
-
}) {
|
|
8
|
-
return /* @__PURE__ */ r(
|
|
9
|
-
e.Root,
|
|
10
|
-
{
|
|
11
|
-
"data-slot": "avatar",
|
|
12
|
-
className: l(
|
|
13
|
-
"relative flex size-8 shrink-0 overflow-hidden rounded-full",
|
|
14
|
-
a
|
|
15
|
-
),
|
|
16
|
-
...t
|
|
17
|
-
}
|
|
18
|
-
);
|
|
4
|
+
function i({ className: a, ...t }) {
|
|
5
|
+
return r(e.Root, { "data-slot": "avatar", className: l("relative flex size-8 shrink-0 overflow-hidden rounded-full", a), ...t });
|
|
19
6
|
}
|
|
20
|
-
function n({
|
|
21
|
-
className: a,
|
|
22
|
-
...t
|
|
23
|
-
}) {
|
|
24
|
-
return /* @__PURE__ */ r(
|
|
25
|
-
e.Image,
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "avatar-image",
|
|
28
|
-
className: l("aspect-square size-full", a),
|
|
29
|
-
...t
|
|
30
|
-
}
|
|
31
|
-
);
|
|
7
|
+
function n({ className: a, ...t }) {
|
|
8
|
+
return r(e.Image, { "data-slot": "avatar-image", className: l("aspect-square size-full", a), ...t });
|
|
32
9
|
}
|
|
33
|
-
function u({
|
|
34
|
-
className: a,
|
|
35
|
-
...t
|
|
36
|
-
}) {
|
|
37
|
-
return /* @__PURE__ */ r(
|
|
38
|
-
e.Fallback,
|
|
39
|
-
{
|
|
40
|
-
"data-slot": "avatar-fallback",
|
|
41
|
-
className: l(
|
|
42
|
-
"bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800",
|
|
43
|
-
a
|
|
44
|
-
),
|
|
45
|
-
...t
|
|
46
|
-
}
|
|
47
|
-
);
|
|
10
|
+
function u({ className: a, ...t }) {
|
|
11
|
+
return r(e.Fallback, { "data-slot": "avatar-fallback", className: l("bg-neutral-100 flex size-full items-center justify-center rounded-full dark:bg-neutral-800", a), ...t });
|
|
48
12
|
}
|
|
49
13
|
export {
|
|
50
14
|
i as Avatar,
|
|
@@ -2,36 +2,21 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import { Slot as i } from "@radix-ui/react-slot";
|
|
3
3
|
import { cva as d } from "class-variance-authority";
|
|
4
4
|
import { cn as o } from "../../lib/utils.js";
|
|
5
|
-
const l = d(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
destructive: "border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40",
|
|
13
|
-
outline: "text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50"
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
defaultVariants: {
|
|
17
|
-
variant: "default"
|
|
5
|
+
const l = d("inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90",
|
|
9
|
+
secondary: "border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90",
|
|
10
|
+
destructive: "border-transparent bg-red-500 text-white [a&]:hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-900 dark:[a&]:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40",
|
|
11
|
+
outline: "text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50"
|
|
18
12
|
}
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
variant: "default"
|
|
19
16
|
}
|
|
20
|
-
);
|
|
21
|
-
function k({
|
|
22
|
-
className: r,
|
|
23
|
-
variant: e,
|
|
24
|
-
asChild: a = !1,
|
|
25
|
-
...t
|
|
26
|
-
}) {
|
|
27
|
-
return /* @__PURE__ */ n(
|
|
28
|
-
a ? i : "span",
|
|
29
|
-
{
|
|
30
|
-
"data-slot": "badge",
|
|
31
|
-
className: o(l({ variant: e }), r),
|
|
32
|
-
...t
|
|
33
|
-
}
|
|
34
|
-
);
|
|
17
|
+
});
|
|
18
|
+
function k({ className: r, variant: e, asChild: a = !1, ...t }) {
|
|
19
|
+
return n(a ? i : "span", { "data-slot": "badge", className: o(l({ variant: e }), r), ...t });
|
|
35
20
|
}
|
|
36
21
|
export {
|
|
37
22
|
k as Badge,
|
|
@@ -3,93 +3,25 @@ import { Slot as o } from "@radix-ui/react-slot";
|
|
|
3
3
|
import { ChevronRight as l, MoreHorizontal as i } from "lucide-react";
|
|
4
4
|
import { cn as t } from "../../lib/utils.js";
|
|
5
5
|
function p({ ...r }) {
|
|
6
|
-
return
|
|
6
|
+
return a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...r });
|
|
7
7
|
}
|
|
8
8
|
function f({ className: r, ...e }) {
|
|
9
|
-
return
|
|
10
|
-
"ol",
|
|
11
|
-
{
|
|
12
|
-
"data-slot": "breadcrumb-list",
|
|
13
|
-
className: t(
|
|
14
|
-
"text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400",
|
|
15
|
-
r
|
|
16
|
-
),
|
|
17
|
-
...e
|
|
18
|
-
}
|
|
19
|
-
);
|
|
9
|
+
return a("ol", { "data-slot": "breadcrumb-list", className: t("text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400", r), ...e });
|
|
20
10
|
}
|
|
21
11
|
function x({ className: r, ...e }) {
|
|
22
|
-
return
|
|
23
|
-
"li",
|
|
24
|
-
{
|
|
25
|
-
"data-slot": "breadcrumb-item",
|
|
26
|
-
className: t("inline-flex items-center gap-1.5", r),
|
|
27
|
-
...e
|
|
28
|
-
}
|
|
29
|
-
);
|
|
12
|
+
return a("li", { "data-slot": "breadcrumb-item", className: t("inline-flex items-center gap-1.5", r), ...e });
|
|
30
13
|
}
|
|
31
|
-
function g({
|
|
32
|
-
|
|
33
|
-
className: e,
|
|
34
|
-
...n
|
|
35
|
-
}) {
|
|
36
|
-
return /* @__PURE__ */ a(
|
|
37
|
-
r ? o : "a",
|
|
38
|
-
{
|
|
39
|
-
"data-slot": "breadcrumb-link",
|
|
40
|
-
className: t("hover:text-neutral-950 transition-colors dark:hover:text-neutral-50", e),
|
|
41
|
-
...n
|
|
42
|
-
}
|
|
43
|
-
);
|
|
14
|
+
function g({ asChild: r, className: e, ...n }) {
|
|
15
|
+
return a(r ? o : "a", { "data-slot": "breadcrumb-link", className: t("hover:text-neutral-950 transition-colors dark:hover:text-neutral-50", e), ...n });
|
|
44
16
|
}
|
|
45
17
|
function N({ className: r, ...e }) {
|
|
46
|
-
return
|
|
47
|
-
"span",
|
|
48
|
-
{
|
|
49
|
-
"data-slot": "breadcrumb-page",
|
|
50
|
-
role: "link",
|
|
51
|
-
"aria-disabled": "true",
|
|
52
|
-
"aria-current": "page",
|
|
53
|
-
className: t("text-neutral-950 font-normal dark:text-neutral-50", r),
|
|
54
|
-
...e
|
|
55
|
-
}
|
|
56
|
-
);
|
|
18
|
+
return a("span", { "data-slot": "breadcrumb-page", role: "link", "aria-disabled": "true", "aria-current": "page", className: t("text-neutral-950 font-normal dark:text-neutral-50", r), ...e });
|
|
57
19
|
}
|
|
58
|
-
function k({
|
|
59
|
-
children: r,
|
|
60
|
-
className: e,
|
|
61
|
-
...n
|
|
62
|
-
}) {
|
|
63
|
-
return /* @__PURE__ */ a(
|
|
64
|
-
"li",
|
|
65
|
-
{
|
|
66
|
-
"data-slot": "breadcrumb-separator",
|
|
67
|
-
role: "presentation",
|
|
68
|
-
"aria-hidden": "true",
|
|
69
|
-
className: t("[&>svg]:size-3.5", e),
|
|
70
|
-
...n,
|
|
71
|
-
children: r != null ? r : /* @__PURE__ */ a(l, {})
|
|
72
|
-
}
|
|
73
|
-
);
|
|
20
|
+
function k({ children: r, className: e, ...n }) {
|
|
21
|
+
return a("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: t("[&>svg]:size-3.5", e), ...n, children: r != null ? r : a(l, {}) });
|
|
74
22
|
}
|
|
75
|
-
function B({
|
|
76
|
-
className: r,
|
|
77
|
-
...e
|
|
78
|
-
}) {
|
|
79
|
-
return /* @__PURE__ */ s(
|
|
80
|
-
"span",
|
|
81
|
-
{
|
|
82
|
-
"data-slot": "breadcrumb-ellipsis",
|
|
83
|
-
role: "presentation",
|
|
84
|
-
"aria-hidden": "true",
|
|
85
|
-
className: t("flex size-9 items-center justify-center", r),
|
|
86
|
-
...e,
|
|
87
|
-
children: [
|
|
88
|
-
/* @__PURE__ */ a(i, { className: "size-4" }),
|
|
89
|
-
/* @__PURE__ */ a("span", { className: "sr-only", children: "More" })
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
);
|
|
23
|
+
function B({ className: r, ...e }) {
|
|
24
|
+
return s("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: t("flex size-9 items-center justify-center", r), ...e, children: [a(i, { className: "size-4" }), a("span", { className: "sr-only", children: "More" })] });
|
|
93
25
|
}
|
|
94
26
|
export {
|
|
95
27
|
p as Breadcrumb,
|