@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 +14 -14
- package/dist/index.d.cts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +10 -10
- package/package.json +11 -2
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
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
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
|
|
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
|
|
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(
|
|
568
|
+
className: cn(noticeVariants({ variant }), className),
|
|
569
569
|
role: "status",
|
|
570
570
|
...props
|
|
571
571
|
}
|
|
572
572
|
);
|
|
573
573
|
}
|
|
574
|
-
function
|
|
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
|
|
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
|
|
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
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
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
|
|
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
|
|
88
|
+
interface NoticeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noticeVariants> {
|
|
89
89
|
}
|
|
90
|
-
declare function
|
|
91
|
-
declare function
|
|
92
|
-
declare function
|
|
93
|
-
declare function
|
|
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,
|
|
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
|
|
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
|
|
88
|
+
interface NoticeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof noticeVariants> {
|
|
89
89
|
}
|
|
90
|
-
declare function
|
|
91
|
-
declare function
|
|
92
|
-
declare function
|
|
93
|
-
declare function
|
|
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,
|
|
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
|
|
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
|
|
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(
|
|
427
|
+
className: cn(noticeVariants({ variant }), className),
|
|
428
428
|
role: "status",
|
|
429
429
|
...props
|
|
430
430
|
}
|
|
431
431
|
);
|
|
432
432
|
}
|
|
433
|
-
function
|
|
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
|
|
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
|
|
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
|
-
|
|
1388
|
-
|
|
1389
|
-
|
|
1390
|
-
|
|
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.
|
|
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",
|