@thetinycode/hash-ui 1.1.1 → 1.1.12

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/index.cjs CHANGED
@@ -97,10 +97,10 @@ __export(index_exports, {
97
97
  NavbarActions: () => NavbarActions,
98
98
  NavbarBrand: () => NavbarBrand,
99
99
  NavbarNav: () => NavbarNav,
100
- Notification: () => Notification,
101
- NotificationActions: () => NotificationActions,
102
- NotificationDescription: () => NotificationDescription,
103
- NotificationTitle: () => NotificationTitle,
100
+ Notice: () => Notice,
101
+ NoticeActions: () => NoticeActions,
102
+ NoticeDescription: () => NoticeDescription,
103
+ NoticeTitle: () => NoticeTitle,
104
104
  Pagination: () => Pagination,
105
105
  PaginationItem: () => PaginationItem,
106
106
  PaginationLink: () => PaginationLink,
@@ -540,7 +540,7 @@ function EmptyStateActions({
540
540
  var React14 = require("react");
541
541
  var import_class_variance_authority5 = require("class-variance-authority");
542
542
  var import_jsx_runtime14 = require("react/jsx-runtime");
543
- var notificationVariants = (0, import_class_variance_authority5.cva)(
543
+ var noticeVariants = (0, import_class_variance_authority5.cva)(
544
544
  "rounded-2xl border p-4 shadow-sm",
545
545
  {
546
546
  variants: {
@@ -557,7 +557,7 @@ var notificationVariants = (0, import_class_variance_authority5.cva)(
557
557
  }
558
558
  }
559
559
  );
560
- function Notification({
560
+ function Notice({
561
561
  className,
562
562
  variant,
563
563
  ...props
@@ -565,25 +565,25 @@ function Notification({
565
565
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
566
566
  "div",
567
567
  {
568
- className: cn(notificationVariants({ variant }), className),
568
+ className: cn(noticeVariants({ variant }), className),
569
569
  role: "status",
570
570
  ...props
571
571
  }
572
572
  );
573
573
  }
574
- function NotificationTitle({
574
+ function NoticeTitle({
575
575
  className,
576
576
  ...props
577
577
  }) {
578
578
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: cn("font-semibold", className), ...props });
579
579
  }
580
- function NotificationDescription({
580
+ function NoticeDescription({
581
581
  className,
582
582
  ...props
583
583
  }) {
584
584
  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
585
585
  }
586
- function NotificationActions({
586
+ function NoticeActions({
587
587
  className,
588
588
  ...props
589
589
  }) {
@@ -1526,10 +1526,10 @@ function HeroActions({
1526
1526
  NavbarActions,
1527
1527
  NavbarBrand,
1528
1528
  NavbarNav,
1529
- Notification,
1530
- NotificationActions,
1531
- NotificationDescription,
1532
- NotificationTitle,
1529
+ Notice,
1530
+ NoticeActions,
1531
+ NoticeDescription,
1532
+ NoticeTitle,
1533
1533
  Pagination,
1534
1534
  PaginationItem,
1535
1535
  PaginationLink,
package/dist/index.d.cts CHANGED
@@ -82,15 +82,15 @@ declare function EmptyStateTitle({ className, ...props }: React.HTMLAttributes<H
82
82
  declare function EmptyStateDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
83
83
  declare function EmptyStateActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
84
84
 
85
- declare const notificationVariants: (props?: ({
85
+ declare const noticeVariants: (props?: ({
86
86
  variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
87
87
  } & class_variance_authority_types.ClassProp) | undefined) => string;
88
- interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notificationVariants> {
88
+ interface NoticeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noticeVariants> {
89
89
  }
90
- declare function Notification({ className, variant, ...props }: NotificationProps): react_jsx_runtime.JSX.Element;
91
- declare function NotificationTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
92
- declare function NotificationDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
93
- declare function NotificationActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
90
+ declare function Notice({ className, variant, ...props }: NoticeProps): react_jsx_runtime.JSX.Element;
91
+ declare function NoticeTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
92
+ declare function NoticeDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
93
+ declare function NoticeActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
94
94
 
95
95
  interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
96
96
  }
@@ -247,4 +247,4 @@ declare function HeroActions({ className, ...props }: React.HTMLAttributes<HTMLD
247
247
 
248
248
  declare function cn(...inputs: ClassValue[]): string;
249
249
 
250
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Box, Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, type CommandPaletteProps, Container, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, DropdownMenu, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateTitle, Grid, type GridProps, Header, HeaderActions, HeaderBrand, HeaderInner, HeaderNav, Hero, HeroActions, HeroBadge, HeroContent, HeroDescription, HeroTitle, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Navbar, NavbarActions, NavbarBrand, NavbarNav, Notification, NotificationActions, NotificationDescription, type NotificationProps, NotificationTitle, Pagination, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationList, Section, SectionDescription, SectionHeader, type SectionProps, SectionTitle, Select, type SelectProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, Stat, StatChange, StatLabel, StatValue, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, ToastDescription, type ToastProps, ToastTitle, ToastViewport, Tooltip, cn };
250
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Box, Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, type CommandPaletteProps, Container, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, DropdownMenu, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateTitle, Grid, type GridProps, Header, HeaderActions, HeaderBrand, HeaderInner, HeaderNav, Hero, HeroActions, HeroBadge, HeroContent, HeroDescription, HeroTitle, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Navbar, NavbarActions, NavbarBrand, NavbarNav, Notice, NoticeActions, NoticeDescription, type NoticeProps, NoticeTitle, Pagination, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationList, Section, SectionDescription, SectionHeader, type SectionProps, SectionTitle, Select, type SelectProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, Stat, StatChange, StatLabel, StatValue, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, ToastDescription, type ToastProps, ToastTitle, ToastViewport, Tooltip, cn };
package/dist/index.d.ts CHANGED
@@ -82,15 +82,15 @@ declare function EmptyStateTitle({ className, ...props }: React.HTMLAttributes<H
82
82
  declare function EmptyStateDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
83
83
  declare function EmptyStateActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
84
84
 
85
- declare const notificationVariants: (props?: ({
85
+ declare const noticeVariants: (props?: ({
86
86
  variant?: "default" | "success" | "warning" | "danger" | "info" | null | undefined;
87
87
  } & class_variance_authority_types.ClassProp) | undefined) => string;
88
- interface NotificationProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof notificationVariants> {
88
+ interface NoticeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noticeVariants> {
89
89
  }
90
- declare function Notification({ className, variant, ...props }: NotificationProps): react_jsx_runtime.JSX.Element;
91
- declare function NotificationTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
92
- declare function NotificationDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
93
- declare function NotificationActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
90
+ declare function Notice({ className, variant, ...props }: NoticeProps): react_jsx_runtime.JSX.Element;
91
+ declare function NoticeTitle({ className, ...props }: React.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
92
+ declare function NoticeDescription({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>): react_jsx_runtime.JSX.Element;
93
+ declare function NoticeActions({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
94
94
 
95
95
  interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
96
96
  }
@@ -247,4 +247,4 @@ declare function HeroActions({ className, ...props }: React.HTMLAttributes<HTMLD
247
247
 
248
248
  declare function cn(...inputs: ClassValue[]): string;
249
249
 
250
- export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Box, Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, type CommandPaletteProps, Container, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, DropdownMenu, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateTitle, Grid, type GridProps, Header, HeaderActions, HeaderBrand, HeaderInner, HeaderNav, Hero, HeroActions, HeroBadge, HeroContent, HeroDescription, HeroTitle, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Navbar, NavbarActions, NavbarBrand, NavbarNav, Notification, NotificationActions, NotificationDescription, type NotificationProps, NotificationTitle, Pagination, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationList, Section, SectionDescription, SectionHeader, type SectionProps, SectionTitle, Select, type SelectProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, Stat, StatChange, StatLabel, StatValue, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, ToastDescription, type ToastProps, ToastTitle, ToastViewport, Tooltip, cn };
250
+ export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, AccordionTrigger, Alert, AlertDescription, type AlertProps, AlertTitle, Avatar, AvatarFallback, AvatarGroup, type AvatarProps, Badge, type BadgeProps, Box, Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CommandPalette, CommandPaletteEmpty, CommandPaletteGroup, CommandPaletteGroupLabel, CommandPaletteInput, CommandPaletteItem, CommandPaletteList, type CommandPaletteProps, Container, Divider, type DividerProps, Drawer, type DrawerProps, Dropdown, DropdownItem, DropdownMenu, EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateTitle, Grid, type GridProps, Header, HeaderActions, HeaderBrand, HeaderInner, HeaderNav, Hero, HeroActions, HeroBadge, HeroContent, HeroDescription, HeroTitle, IconButton, type IconButtonProps, Input, type InputProps, Label, type LabelProps, Modal, ModalContent, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Navbar, NavbarActions, NavbarBrand, NavbarNav, Notice, NoticeActions, NoticeDescription, type NoticeProps, NoticeTitle, Pagination, PaginationItem, PaginationLink, type PaginationLinkProps, PaginationList, Section, SectionDescription, SectionHeader, type SectionProps, SectionTitle, Select, type SelectProps, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, Stack, Stat, StatChange, StatLabel, StatValue, Switch, type SwitchProps, Tabs, TabsContent, TabsList, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, Toast, ToastDescription, type ToastProps, ToastTitle, ToastViewport, Tooltip, cn };
package/dist/index.js CHANGED
@@ -399,7 +399,7 @@ function EmptyStateActions({
399
399
  import "react";
400
400
  import { cva as cva5 } from "class-variance-authority";
401
401
  import { jsx as jsx14 } from "react/jsx-runtime";
402
- var notificationVariants = cva5(
402
+ var noticeVariants = cva5(
403
403
  "rounded-2xl border p-4 shadow-sm",
404
404
  {
405
405
  variants: {
@@ -416,7 +416,7 @@ var notificationVariants = cva5(
416
416
  }
417
417
  }
418
418
  );
419
- function Notification({
419
+ function Notice({
420
420
  className,
421
421
  variant,
422
422
  ...props
@@ -424,25 +424,25 @@ function Notification({
424
424
  return /* @__PURE__ */ jsx14(
425
425
  "div",
426
426
  {
427
- className: cn(notificationVariants({ variant }), className),
427
+ className: cn(noticeVariants({ variant }), className),
428
428
  role: "status",
429
429
  ...props
430
430
  }
431
431
  );
432
432
  }
433
- function NotificationTitle({
433
+ function NoticeTitle({
434
434
  className,
435
435
  ...props
436
436
  }) {
437
437
  return /* @__PURE__ */ jsx14("h4", { className: cn("font-semibold", className), ...props });
438
438
  }
439
- function NotificationDescription({
439
+ function NoticeDescription({
440
440
  className,
441
441
  ...props
442
442
  }) {
443
443
  return /* @__PURE__ */ jsx14("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
444
444
  }
445
- function NotificationActions({
445
+ function NoticeActions({
446
446
  className,
447
447
  ...props
448
448
  }) {
@@ -1384,10 +1384,10 @@ export {
1384
1384
  NavbarActions,
1385
1385
  NavbarBrand,
1386
1386
  NavbarNav,
1387
- Notification,
1388
- NotificationActions,
1389
- NotificationDescription,
1390
- NotificationTitle,
1387
+ Notice,
1388
+ NoticeActions,
1389
+ NoticeDescription,
1390
+ NoticeTitle,
1391
1391
  Pagination,
1392
1392
  PaginationItem,
1393
1393
  PaginationLink,
package/package.json CHANGED
@@ -1,19 +1,28 @@
1
1
  {
2
2
  "name": "@thetinycode/hash-ui",
3
- "version": "1.1.1",
3
+ "version": "1.1.12",
4
4
  "description": "#-UI - reusable React UI primitives built with Tailwind CSS",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
7
7
  "module": "./dist/index.js",
8
8
  "types": "./dist/index.d.ts",
9
+ "typesVersions": {
10
+ "*": {
11
+ "*": ["dist/index.d.ts"]
12
+ }
13
+ },
9
14
  "files": ["dist"],
15
+ "sideEffects": [
16
+ "./dist/styles.css"
17
+ ],
10
18
  "exports": {
11
19
  ".": {
12
20
  "types": "./dist/index.d.ts",
13
21
  "import": "./dist/index.js",
14
22
  "require": "./dist/index.cjs"
15
23
  },
16
- "./styles.css": "./dist/styles.css"
24
+ "./styles.css": "./dist/styles.css",
25
+ "./css": "./dist/styles.css"
17
26
  },
18
27
  "scripts": {
19
28
  "build": "tsup src/index.ts --format cjs,esm --dts --clean && cp src/styles.css dist/styles.css",