@snapcall/design-system 1.23.1-beta.1 → 1.23.1

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.
Files changed (7) hide show
  1. package/dist/components/Breadcrumb/index.d.mts +4 -1
  2. package/dist/components/Breadcrumb/index.d.ts +4 -1
  3. package/dist/components/Breadcrumb/index.js +25 -0
  4. package/dist/components/Breadcrumb/index.mjs +24 -0
  5. package/dist/index.d.mts +4 -1
  6. package/dist/index.d.ts +4 -1
  7. package/package.json +1 -1
package/dist/components/Breadcrumb/index.d.mts CHANGED
@@ -4,8 +4,11 @@ import * as React from 'react';
4
4
  declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
5
5
  declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
6
6
  declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
7
+ declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
8
+ asChild?: boolean;
9
+ }): react_jsx_runtime.JSX.Element;
7
10
  declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
8
11
  declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
9
12
  declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
10
13
 
11
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
14
+ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
package/dist/components/Breadcrumb/index.d.ts CHANGED
@@ -4,8 +4,11 @@ import * as React from 'react';
4
4
  declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
5
5
  declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
6
6
  declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
7
+ declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
8
+ asChild?: boolean;
9
+ }): react_jsx_runtime.JSX.Element;
7
10
  declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
8
11
  declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
9
12
  declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
10
13
 
11
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
14
+ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
package/dist/components/Breadcrumb/index.js CHANGED
@@ -52,12 +52,16 @@ __export(Breadcrumb_exports, {
52
52
  Breadcrumb: () => Breadcrumb,
53
53
  BreadcrumbEllipsis: () => BreadcrumbEllipsis,
54
54
  BreadcrumbItem: () => BreadcrumbItem,
55
+ BreadcrumbLink: () => BreadcrumbLink,
55
56
  BreadcrumbList: () => BreadcrumbList,
56
57
  BreadcrumbPage: () => BreadcrumbPage,
57
58
  BreadcrumbSeparator: () => BreadcrumbSeparator
58
59
  });
59
60
  module.exports = __toCommonJS(Breadcrumb_exports);
60
61
 
62
+ // src/components/Breadcrumb/Breadcrumb.tsx
63
+ var import_react_slot = require("@radix-ui/react-slot");
64
+
61
65
  // src/icons/chevronRight.tsx
62
66
  var import_react = require("react");
63
67
  var import_jsx_runtime = require("react/jsx-runtime");
@@ -184,6 +188,26 @@ function BreadcrumbItem(_a) {
184
188
  }, props)
185
189
  );
186
190
  }
191
+ function BreadcrumbLink(_a) {
192
+ var _b = _a, {
193
+ asChild,
194
+ className
195
+ } = _b, props = __objRest(_b, [
196
+ "asChild",
197
+ "className"
198
+ ]);
199
+ const Comp = asChild ? import_react_slot.Slot : "a";
200
+ return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
201
+ Comp,
202
+ __spreadValues({
203
+ "data-slot": "breadcrumb-link",
204
+ className: cn(
205
+ "inline-flex items-center gap-2 hover:text-black transition-colors [&>svg]:text-current hover:[&>svg]:text-black",
206
+ className
207
+ )
208
+ }, props)
209
+ );
210
+ }
187
211
  function BreadcrumbPage(_a) {
188
212
  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
189
213
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -246,6 +270,7 @@ function BreadcrumbEllipsis(_a) {
246
270
  Breadcrumb,
247
271
  BreadcrumbEllipsis,
248
272
  BreadcrumbItem,
273
+ BreadcrumbLink,
249
274
  BreadcrumbList,
250
275
  BreadcrumbPage,
251
276
  BreadcrumbSeparator
package/dist/components/Breadcrumb/index.mjs CHANGED
@@ -8,6 +8,9 @@ import {
8
8
  cn
9
9
  } from "../../chunk-BOWIL6WZ.mjs";
10
10
 
11
+ // src/components/Breadcrumb/Breadcrumb.tsx
12
+ import { Slot } from "@radix-ui/react-slot";
13
+
11
14
  // src/icons/dotsHorizontal.tsx
12
15
  import { forwardRef } from "react";
13
16
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -95,6 +98,26 @@ function BreadcrumbItem(_a) {
95
98
  }, props)
96
99
  );
97
100
  }
101
+ function BreadcrumbLink(_a) {
102
+ var _b = _a, {
103
+ asChild,
104
+ className
105
+ } = _b, props = __objRest(_b, [
106
+ "asChild",
107
+ "className"
108
+ ]);
109
+ const Comp = asChild ? Slot : "a";
110
+ return /* @__PURE__ */ jsx2(
111
+ Comp,
112
+ __spreadValues({
113
+ "data-slot": "breadcrumb-link",
114
+ className: cn(
115
+ "inline-flex items-center gap-2 hover:text-black transition-colors [&>svg]:text-current hover:[&>svg]:text-black",
116
+ className
117
+ )
118
+ }, props)
119
+ );
120
+ }
98
121
  function BreadcrumbPage(_a) {
99
122
  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
100
123
  return /* @__PURE__ */ jsx2(
@@ -156,6 +179,7 @@ export {
156
179
  Breadcrumb,
157
180
  BreadcrumbEllipsis,
158
181
  BreadcrumbItem,
182
+ BreadcrumbLink,
159
183
  BreadcrumbList,
160
184
  BreadcrumbPage,
161
185
  BreadcrumbSeparator
package/dist/index.d.mts CHANGED
@@ -478,6 +478,9 @@ declare function Banner({ title, text, icon, action, color, className, ...props
478
478
  declare function Breadcrumb({ ...props }: react.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
479
479
  declare function BreadcrumbList({ className, ...props }: react.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
480
480
  declare function BreadcrumbItem({ className, ...props }: react.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
481
+ declare function BreadcrumbLink({ asChild, className, ...props }: react.ComponentProps<'a'> & {
482
+ asChild?: boolean;
483
+ }): react_jsx_runtime.JSX.Element;
481
484
  declare function BreadcrumbPage({ className, ...props }: react.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
482
485
  declare function BreadcrumbSeparator({ children, className, ...props }: react.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
483
486
  declare function BreadcrumbEllipsis({ className, ...props }: react.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
@@ -1031,4 +1034,4 @@ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
1031
1034
  declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
1032
1035
  declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1033
1036
 
1034
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
1037
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
package/dist/index.d.ts CHANGED
@@ -478,6 +478,9 @@ declare function Banner({ title, text, icon, action, color, className, ...props
478
478
  declare function Breadcrumb({ ...props }: react.ComponentProps<'nav'>): react_jsx_runtime.JSX.Element;
479
479
  declare function BreadcrumbList({ className, ...props }: react.ComponentProps<'ol'>): react_jsx_runtime.JSX.Element;
480
480
  declare function BreadcrumbItem({ className, ...props }: react.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
481
+ declare function BreadcrumbLink({ asChild, className, ...props }: react.ComponentProps<'a'> & {
482
+ asChild?: boolean;
483
+ }): react_jsx_runtime.JSX.Element;
481
484
  declare function BreadcrumbPage({ className, ...props }: react.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
482
485
  declare function BreadcrumbSeparator({ children, className, ...props }: react.ComponentProps<'li'>): react_jsx_runtime.JSX.Element;
483
486
  declare function BreadcrumbEllipsis({ className, ...props }: react.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
@@ -1031,4 +1034,4 @@ declare const Tooltip: react.FC<TooltipPrimitive.TooltipProps>;
1031
1034
  declare const TooltipTrigger: react.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & react.RefAttributes<HTMLButtonElement>>;
1032
1035
  declare const TooltipContent: react.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
1033
1036
 
1034
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
1037
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, Avatar, Badge, type BadgeProps, Banner, type BannerProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, CommandSeparator, CreatableSelect, type CreatableSelectProps, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, FilterButton, Input, Label, Link, MediaCard, Pagination, PaginationPageChoice, Popover, PopoverContent, PopoverTrigger, Progress, RadioGroup, RadioGroupItem, RawToast, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCell, TableEmpty, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastContent, ToastDescription, type ToastProps, ToastProvider, ToastTitle, ToastViewport, Toaster, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, buttonSizes, buttonVariants, iconButtonSizes, toast, useDialogState, useToast };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@snapcall/design-system",
3
- "version": "1.23.1-beta.1",
3
+ "version": "1.23.1",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",