@admin-layout/tailwind-ui 12.0.16-alpha.91 → 12.2.1-alpha.0
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/lib/components/Button/Button.d.ts +1 -1
- package/lib/components/Button/Button.d.ts.map +1 -1
- package/lib/components/Button/Button.js +6 -7
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +139 -157
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts +2 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ApplicationErrorHandler.js +2 -2
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/ErrorBoundary.js +28 -35
- package/lib/components/ErrorHandlers/ErrorBoundary.js.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts +2 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.d.ts.map +1 -1
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js +15 -20
- package/lib/components/ErrorHandlers/LayoutErrorBoundary.js.map +1 -1
- package/lib/components/ErrorPages/403.d.ts +2 -1
- package/lib/components/ErrorPages/403.d.ts.map +1 -1
- package/lib/components/ErrorPages/403.js +18 -26
- package/lib/components/ErrorPages/403.js.map +1 -1
- package/lib/components/ErrorPages/404.d.ts +2 -1
- package/lib/components/ErrorPages/404.d.ts.map +1 -1
- package/lib/components/ErrorPages/404.js +18 -26
- package/lib/components/ErrorPages/404.js.map +1 -1
- package/lib/components/ErrorPages/500.d.ts +2 -1
- package/lib/components/ErrorPages/500.d.ts.map +1 -1
- package/lib/components/ErrorPages/500.js +18 -26
- package/lib/components/ErrorPages/500.js.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts +2 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.d.ts.map +1 -1
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js +19 -24
- package/lib/components/LanguageMenuDropdown/LanguageMenuDropdown.js.map +1 -1
- package/lib/components/OTP/OTPInput.js +30 -32
- package/lib/components/OTP/OTPInput.js.map +1 -1
- package/lib/components/OTP/OTPVerification.js +55 -75
- package/lib/components/OTP/OTPVerification.js.map +1 -1
- package/lib/components/OTP/SingleInput.js +2 -2
- package/lib/components/OTP/SingleInput.js.map +1 -1
- package/lib/components/PageContainer/PageContainer.js +22 -29
- package/lib/components/PageContainer/PageContainer.js.map +1 -1
- package/lib/components/PageLoading/index.js +7 -8
- package/lib/components/PageLoading/index.js.map +1 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts +2 -1
- package/lib/components/RJSFPreview/PreviewAsyncDropdown.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.d.ts +2 -1
- package/lib/components/ReactTable/Table.d.ts.map +1 -1
- package/lib/components/ReactTable/Table.js +71 -92
- package/lib/components/ReactTable/Table.js.map +1 -1
- package/lib/components/ReactTable/TableFilters.d.ts +3 -2
- package/lib/components/ReactTable/TableFilters.d.ts.map +1 -1
- package/lib/components/ReactTable/TableFilters.js +34 -40
- package/lib/components/ReactTable/TableFilters.js.map +1 -1
- package/lib/components/Search/SearchInput.d.ts +2 -1
- package/lib/components/Search/SearchInput.d.ts.map +1 -1
- package/lib/components/Search/SearchInput.js +13 -14
- package/lib/components/Search/SearchInput.js.map +1 -1
- package/lib/components/Select/Select.d.ts +6 -6
- package/lib/components/Select/Select.d.ts.map +1 -1
- package/lib/components/Select/Select.js +45 -60
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Spin/index.js +11 -14
- package/lib/components/Spin/index.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeProvider.js +4 -5
- package/lib/components/ThemeProvider/ThemeProvider.js.map +1 -1
- package/lib/components/ThemeProvider/ThemeToggle.js +24 -27
- package/lib/components/ThemeProvider/ThemeToggle.js.map +1 -1
- package/lib/hooks/useToast.d.ts +1 -1
- package/lib/hooks/useToast.d.ts.map +1 -1
- package/lib/hooks/useToast.js +37 -46
- package/lib/hooks/useToast.js.map +1 -1
- package/lib/shardui/accordion.js +16 -20
- package/lib/shardui/accordion.js.map +1 -1
- package/lib/shardui/alert-dialog.d.ts +2 -2
- package/lib/shardui/alert-dialog.js +13 -15
- package/lib/shardui/alert-dialog.js.map +1 -1
- package/lib/shardui/alert.d.ts +1 -1
- package/lib/shardui/alert.d.ts.map +1 -1
- package/lib/shardui/alert.js +4 -4
- package/lib/shardui/alert.js.map +1 -1
- package/lib/shardui/avatar.js +4 -4
- package/lib/shardui/avatar.js.map +1 -1
- package/lib/shardui/badge.d.ts +2 -2
- package/lib/shardui/badge.d.ts.map +1 -1
- package/lib/shardui/badge.js +2 -2
- package/lib/shardui/badge.js.map +1 -1
- package/lib/shardui/breadcrumb.d.ts +2 -2
- package/lib/shardui/breadcrumb.js +16 -19
- package/lib/shardui/breadcrumb.js.map +1 -1
- package/lib/shardui/button.d.ts +1 -1
- package/lib/shardui/button.d.ts.map +1 -1
- package/lib/shardui/button.js +2 -2
- package/lib/shardui/button.js.map +1 -1
- package/lib/shardui/calendar.d.ts +1 -1
- package/lib/shardui/calendar.d.ts.map +1 -1
- package/lib/shardui/calendar.js +4 -4
- package/lib/shardui/card.js +7 -7
- package/lib/shardui/card.js.map +1 -1
- package/lib/shardui/carousel.js +33 -40
- package/lib/shardui/carousel.js.map +1 -1
- package/lib/shardui/chart.d.ts +1 -1
- package/lib/shardui/chart.d.ts.map +1 -1
- package/lib/shardui/chart.js +66 -81
- package/lib/shardui/chart.js.map +1 -1
- package/lib/shardui/checkbox.js +8 -10
- package/lib/shardui/checkbox.js.map +1 -1
- package/lib/shardui/command.d.ts +2 -2
- package/lib/shardui/command.d.ts.map +1 -1
- package/lib/shardui/command.js +24 -28
- package/lib/shardui/command.js.map +1 -1
- package/lib/shardui/context-menu.d.ts +1 -1
- package/lib/shardui/context-menu.js +30 -41
- package/lib/shardui/context-menu.js.map +1 -1
- package/lib/shardui/dialog.d.ts +2 -2
- package/lib/shardui/dialog.js +17 -22
- package/lib/shardui/dialog.js.map +1 -1
- package/lib/shardui/drawer.d.ts +3 -3
- package/lib/shardui/drawer.js +14 -17
- package/lib/shardui/drawer.js.map +1 -1
- package/lib/shardui/dropdown-menu.d.ts +1 -1
- package/lib/shardui/dropdown-menu.js +31 -42
- package/lib/shardui/dropdown-menu.js.map +1 -1
- package/lib/shardui/form.d.ts +1 -1
- package/lib/shardui/form.d.ts.map +1 -1
- package/lib/shardui/form.js +19 -22
- package/lib/shardui/form.js.map +1 -1
- package/lib/shardui/hover-card.js +2 -2
- package/lib/shardui/hover-card.js.map +1 -1
- package/lib/shardui/input-otp.js +13 -16
- package/lib/shardui/input-otp.js.map +1 -1
- package/lib/shardui/input.js +2 -2
- package/lib/shardui/input.js.map +1 -1
- package/lib/shardui/label.d.ts +1 -1
- package/lib/shardui/label.d.ts.map +1 -1
- package/lib/shardui/label.js +2 -2
- package/lib/shardui/label.js.map +1 -1
- package/lib/shardui/menubar.d.ts +1 -1
- package/lib/shardui/menubar.js +35 -46
- package/lib/shardui/menubar.js.map +1 -1
- package/lib/shardui/navigation-menu.d.ts +1 -1
- package/lib/shardui/navigation-menu.d.ts.map +1 -1
- package/lib/shardui/navigation-menu.js +24 -28
- package/lib/shardui/navigation-menu.js.map +1 -1
- package/lib/shardui/pagination.d.ts +5 -5
- package/lib/shardui/pagination.js +22 -30
- package/lib/shardui/pagination.js.map +1 -1
- package/lib/shardui/popover.js +8 -10
- package/lib/shardui/popover.js.map +1 -1
- package/lib/shardui/progress.js +9 -10
- package/lib/shardui/progress.js.map +1 -1
- package/lib/shardui/radio-group.js +9 -11
- package/lib/shardui/radio-group.js.map +1 -1
- package/lib/shardui/resizable.d.ts +5 -4
- package/lib/shardui/resizable.d.ts.map +1 -1
- package/lib/shardui/resizable.js +9 -11
- package/lib/shardui/resizable.js.map +1 -1
- package/lib/shardui/scroll-area.js +11 -14
- package/lib/shardui/scroll-area.js.map +1 -1
- package/lib/shardui/select.js +35 -49
- package/lib/shardui/select.js.map +1 -1
- package/lib/shardui/separator.js +2 -2
- package/lib/shardui/separator.js.map +1 -1
- package/lib/shardui/sheet.d.ts +3 -3
- package/lib/shardui/sheet.d.ts.map +1 -1
- package/lib/shardui/sheet.js +19 -24
- package/lib/shardui/sheet.js.map +1 -1
- package/lib/shardui/sidebar.d.ts +1 -1
- package/lib/shardui/sidebar.d.ts.map +1 -1
- package/lib/shardui/sidebar.js +88 -104
- package/lib/shardui/sidebar.js.map +1 -1
- package/lib/shardui/skeleton.d.ts +2 -1
- package/lib/shardui/skeleton.d.ts.map +1 -1
- package/lib/shardui/skeleton.js +2 -2
- package/lib/shardui/skeleton.js.map +1 -1
- package/lib/shardui/slider.js +10 -12
- package/lib/shardui/slider.js.map +1 -1
- package/lib/shardui/sonner.d.ts +2 -1
- package/lib/shardui/sonner.d.ts.map +1 -1
- package/lib/shardui/sonner.js +2 -2
- package/lib/shardui/sonner.js.map +1 -1
- package/lib/shardui/switch.js +6 -7
- package/lib/shardui/switch.js.map +1 -1
- package/lib/shardui/table.js +15 -16
- package/lib/shardui/table.js.map +1 -1
- package/lib/shardui/tabs.js +4 -4
- package/lib/shardui/tabs.js.map +1 -1
- package/lib/shardui/textarea.js +2 -2
- package/lib/shardui/textarea.js.map +1 -1
- package/lib/shardui/toast.d.ts +1 -1
- package/lib/shardui/toast.d.ts.map +1 -1
- package/lib/shardui/toast.js +11 -12
- package/lib/shardui/toast.js.map +1 -1
- package/lib/shardui/toaster.d.ts +2 -1
- package/lib/shardui/toaster.d.ts.map +1 -1
- package/lib/shardui/toaster.js +14 -21
- package/lib/shardui/toaster.js.map +1 -1
- package/lib/shardui/toggle-group.d.ts +2 -2
- package/lib/shardui/toggle-group.d.ts.map +1 -1
- package/lib/shardui/toggle-group.js +12 -15
- package/lib/shardui/toggle-group.js.map +1 -1
- package/lib/shardui/toggle.d.ts +2 -2
- package/lib/shardui/toggle.d.ts.map +1 -1
- package/lib/shardui/toggle.js +2 -2
- package/lib/shardui/toggle.js.map +1 -1
- package/lib/shardui/tooltip.js +2 -2
- package/lib/shardui/tooltip.js.map +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from'react';const Spin = ({
|
|
2
2
|
size = 'default',
|
|
3
3
|
tip,
|
|
4
4
|
fullPage = false,
|
|
@@ -11,21 +11,18 @@ import {jsxs,jsx}from'react/jsx-runtime';const Spin = ({
|
|
|
11
11
|
large: 'h-8 w-8 border-4'
|
|
12
12
|
};
|
|
13
13
|
// Spinner component with size variation
|
|
14
|
-
const SpinnerElement =
|
|
15
|
-
className: "inline-flex flex-col items-center justify-center"
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})]
|
|
22
|
-
});
|
|
14
|
+
const SpinnerElement = React__default.createElement("div", {
|
|
15
|
+
className: "inline-flex flex-col items-center justify-center"
|
|
16
|
+
}, React__default.createElement("div", {
|
|
17
|
+
className: `${sizeClasses[size]} animate-spin rounded-full border-gray-300 border-t-blue-500 ${className}`
|
|
18
|
+
}), tip && React__default.createElement("div", {
|
|
19
|
+
className: `mt-2 text-${size === 'small' ? 'xs' : 'sm'} text-gray-600`
|
|
20
|
+
}, tip));
|
|
23
21
|
// If fullPage is true, center in viewport
|
|
24
22
|
if (fullPage) {
|
|
25
|
-
return
|
|
26
|
-
className: "fixed inset-0 z-50 flex items-center justify-center bg-white bg-opacity-80"
|
|
27
|
-
|
|
28
|
-
});
|
|
23
|
+
return React__default.createElement("div", {
|
|
24
|
+
className: "fixed inset-0 z-50 flex items-center justify-center bg-white bg-opacity-80"
|
|
25
|
+
}, SpinnerElement);
|
|
29
26
|
}
|
|
30
27
|
return SpinnerElement;
|
|
31
28
|
};export{Spin};//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"kCAEY,aAAQ,CAAA;AACpB,EAAA,IAAM,GAAA;KACF;UACM,GAAA,KAAO;WACb,GAAS;MACT;;AAGJ,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import React__default,{createContext,useState,useEffect,useMemo}from'react';import'../../hooks/useToast.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themes = [{
|
|
2
2
|
value: 'default',
|
|
3
3
|
label: 'Default',
|
|
4
4
|
description: 'Clean and minimal design'
|
|
@@ -118,8 +118,7 @@ const TailwindThemeProvider = ({
|
|
|
118
118
|
routePattern: routePattern,
|
|
119
119
|
location: location
|
|
120
120
|
}), [theme, settings, routePattern, location]);
|
|
121
|
-
return
|
|
122
|
-
value: contextValue
|
|
123
|
-
|
|
124
|
-
});
|
|
121
|
+
return React__default.createElement(ThemeContext.Provider, {
|
|
122
|
+
value: contextValue
|
|
123
|
+
}, children);
|
|
125
124
|
};export{TailwindThemeProvider,ThemeContext,themes};//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"qKAIA,MAAA,SAAa,CAAA;kBACkB;;;GAK9B;AAED,EAAA,KAAA,EAAA,QAAO;AAWP,EAAA,KAAA,EAAA;aACY;AACR,CAAA,EAAA;OACA,EAAK,OAAM;OACX,EAAA,OAAY;aACJ;AACX,CAAA,EA8FC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,50 +1,47 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from'react';import {useTheme}from'../../hooks/useTheme.js';const ThemeToggle = ({
|
|
2
2
|
className = ''
|
|
3
3
|
}) => {
|
|
4
4
|
const {
|
|
5
5
|
mode,
|
|
6
6
|
toggleMode
|
|
7
7
|
} = useTheme();
|
|
8
|
-
return
|
|
8
|
+
return React__default.createElement("button", {
|
|
9
9
|
onClick: toggleMode,
|
|
10
10
|
className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
|
|
11
|
-
"aria-label": "Toggle dark mode"
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
});
|
|
11
|
+
"aria-label": "Toggle dark mode"
|
|
12
|
+
}, mode === 'dark' ? React__default.createElement(SunIcon, {
|
|
13
|
+
className: "w-5 h-5"
|
|
14
|
+
}) : React__default.createElement(MoonIcon, {
|
|
15
|
+
className: "w-5 h-5"
|
|
16
|
+
}));
|
|
18
17
|
};
|
|
19
18
|
// Simple Sun icon component
|
|
20
19
|
const SunIcon = ({
|
|
21
20
|
className
|
|
22
|
-
}) =>
|
|
21
|
+
}) => React__default.createElement("svg", {
|
|
23
22
|
xmlns: "http://www.w3.org/2000/svg",
|
|
24
23
|
className: className,
|
|
25
24
|
fill: "none",
|
|
26
25
|
viewBox: "0 0 24 24",
|
|
27
|
-
stroke: "currentColor"
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
});
|
|
26
|
+
stroke: "currentColor"
|
|
27
|
+
}, React__default.createElement("path", {
|
|
28
|
+
strokeLinecap: "round",
|
|
29
|
+
strokeLinejoin: "round",
|
|
30
|
+
strokeWidth: 2,
|
|
31
|
+
d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
|
|
32
|
+
}));
|
|
35
33
|
// Simple Moon icon component
|
|
36
34
|
const MoonIcon = ({
|
|
37
35
|
className
|
|
38
|
-
}) =>
|
|
36
|
+
}) => React__default.createElement("svg", {
|
|
39
37
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
38
|
className: className,
|
|
41
39
|
fill: "none",
|
|
42
40
|
viewBox: "0 0 24 24",
|
|
43
|
-
stroke: "currentColor"
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
});export{ThemeToggle};//# sourceMappingURL=ThemeToggle.js.map
|
|
41
|
+
stroke: "currentColor"
|
|
42
|
+
}, React__default.createElement("path", {
|
|
43
|
+
strokeLinecap: "round",
|
|
44
|
+
strokeLinejoin: "round",
|
|
45
|
+
strokeWidth: 2,
|
|
46
|
+
d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
|
|
47
|
+
}));export{ThemeToggle};//# sourceMappingURL=ThemeToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"iFAII,MAAS,WAAU,GAAA,CAAA;AACtB,EAAA,SAAA,GAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/hooks/useToast.d.ts
CHANGED
|
@@ -11,7 +11,7 @@ export interface ToastOptions {
|
|
|
11
11
|
}
|
|
12
12
|
export declare const ToastContainer: ({ children }: {
|
|
13
13
|
children: React.ReactNode;
|
|
14
|
-
}) =>
|
|
14
|
+
}) => React.JSX.Element;
|
|
15
15
|
export declare const useToast: () => (options: ToastOptions) => void;
|
|
16
16
|
export declare const useToastCloseAll: () => () => void;
|
|
17
17
|
//# sourceMappingURL=useToast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA+GD,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,
|
|
1
|
+
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA+GD,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAgCzE,CAAC;AAGF,eAAO,MAAM,QAAQ,kBA/IA,YAAY,KAAK,IAqJrC,CAAC;AAGF,eAAO,MAAM,gBAAgB,cAvJT,IA6JnB,CAAC"}
|
package/lib/hooks/useToast.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default,{createContext,useCallback,useContext}from'react';import {createPortal}from'react-dom';import {icons}from'../icons/index.js';// Context
|
|
2
2
|
const ToastContext = createContext(undefined);
|
|
3
3
|
const {
|
|
4
4
|
CloseIcon,
|
|
@@ -13,19 +13,19 @@ const StatusIcon = ({
|
|
|
13
13
|
}) => {
|
|
14
14
|
switch (status) {
|
|
15
15
|
case 'success':
|
|
16
|
-
return
|
|
16
|
+
return React__default.createElement(CheckCircleIcon, {
|
|
17
17
|
className: "w-5 h-5"
|
|
18
18
|
});
|
|
19
19
|
case 'error':
|
|
20
|
-
return
|
|
20
|
+
return React__default.createElement(ExclamationCircleIcon, {
|
|
21
21
|
className: "w-5 h-5"
|
|
22
22
|
});
|
|
23
23
|
case 'warning':
|
|
24
|
-
return
|
|
24
|
+
return React__default.createElement(WarningIcon, {
|
|
25
25
|
className: "w-5 h-5"
|
|
26
26
|
});
|
|
27
27
|
case 'info':
|
|
28
|
-
return
|
|
28
|
+
return React__default.createElement(InfoCircleIcon, {
|
|
29
29
|
className: "w-5 h-5"
|
|
30
30
|
});
|
|
31
31
|
default:
|
|
@@ -77,37 +77,30 @@ const Toast = ({
|
|
|
77
77
|
'bottom-right': 'bottom-4 right-4',
|
|
78
78
|
'bottom-left': 'bottom-4 left-4'
|
|
79
79
|
};
|
|
80
|
-
return
|
|
80
|
+
return React__default.createElement("div", {
|
|
81
81
|
className: `fixed ${positionClasses[position]} z-50 transition-all duration-300 ease-in-out ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}`,
|
|
82
82
|
role: "alert",
|
|
83
83
|
"aria-live": "assertive",
|
|
84
|
-
"data-testid": "toast"
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
"aria-label": "Close toast",
|
|
105
|
-
children: jsx(CloseIcon, {
|
|
106
|
-
className: "w-4 h-4"
|
|
107
|
-
})
|
|
108
|
-
})]
|
|
109
|
-
})
|
|
110
|
-
});
|
|
84
|
+
"data-testid": "toast"
|
|
85
|
+
}, React__default.createElement("div", {
|
|
86
|
+
className: `${statusClasses[status]} text-white p-4 rounded-md shadow-lg min-w-[300px] max-w-md flex items-start`
|
|
87
|
+
}, React__default.createElement("div", {
|
|
88
|
+
className: "mr-3 flex-shrink-0 mt-0.5"
|
|
89
|
+
}, React__default.createElement(StatusIcon, {
|
|
90
|
+
status: status
|
|
91
|
+
})), React__default.createElement("div", {
|
|
92
|
+
className: "flex-1"
|
|
93
|
+
}, title && React__default.createElement("h3", {
|
|
94
|
+
className: "font-bold"
|
|
95
|
+
}, title), description && React__default.createElement("p", {
|
|
96
|
+
className: "text-sm mt-1"
|
|
97
|
+
}, description)), isClosable && React__default.createElement("button", {
|
|
98
|
+
onClick: handleClose,
|
|
99
|
+
className: "ml-4 text-white opacity-70 hover:opacity-100 transition-opacity flex-shrink-0",
|
|
100
|
+
"aria-label": "Close toast"
|
|
101
|
+
}, React__default.createElement(CloseIcon, {
|
|
102
|
+
className: "w-4 h-4"
|
|
103
|
+
}))));
|
|
111
104
|
};
|
|
112
105
|
// Toast Container Component
|
|
113
106
|
const ToastContainer = ({
|
|
@@ -131,19 +124,17 @@ const ToastContainer = ({
|
|
|
131
124
|
toast,
|
|
132
125
|
closeAll
|
|
133
126
|
}), [toast, closeAll]);
|
|
134
|
-
return
|
|
135
|
-
value: value
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
}), document.body)]
|
|
146
|
-
});
|
|
127
|
+
return React__default.createElement(ToastContext.Provider, {
|
|
128
|
+
value: value
|
|
129
|
+
}, children, typeof window !== 'undefined' && createPortal(React__default.createElement(React__default.Fragment, null, toasts.map(({
|
|
130
|
+
id,
|
|
131
|
+
...toastProps
|
|
132
|
+
}) => React__default.createElement(Toast, {
|
|
133
|
+
key: id,
|
|
134
|
+
id: id,
|
|
135
|
+
...toastProps,
|
|
136
|
+
onClose: () => closeToast(id)
|
|
137
|
+
}))), document.body));
|
|
147
138
|
};
|
|
148
139
|
// Hook to use the toast
|
|
149
140
|
const useToast = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MASI,YAAc,GAAA,aAAO,CAAA,SAAA,CAAA;MACrB;WACA;iBACa;AACb,EAAA,qBAAmB;AACnB,EAAA,WAAQ;AACX,EAAA;AA+GD,CAAA,GAAA,KAAA;AAA+C;AAA2B,MAAA,UAAA,GAAA,CAAA;AAmC1E,EAAA;AASA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/accordion.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import*as AccordionPrimitive from'@radix-ui/react-accordion';import {ChevronDown}from'lucide-react';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Accordion = AccordionPrimitive.Root;
|
|
2
2
|
const AccordionItem = React.forwardRef(({
|
|
3
3
|
className,
|
|
4
4
|
...props
|
|
5
|
-
}, ref) =>
|
|
5
|
+
}, ref) => React.createElement(AccordionPrimitive.Item, {
|
|
6
6
|
ref: ref,
|
|
7
7
|
className: cn('border-b', className),
|
|
8
8
|
...props
|
|
@@ -12,29 +12,25 @@ const AccordionTrigger = React.forwardRef(({
|
|
|
12
12
|
className,
|
|
13
13
|
children,
|
|
14
14
|
...props
|
|
15
|
-
}, ref) =>
|
|
16
|
-
className: "flex"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
})
|
|
25
|
-
}));
|
|
15
|
+
}, ref) => React.createElement(AccordionPrimitive.Header, {
|
|
16
|
+
className: "flex"
|
|
17
|
+
}, React.createElement(AccordionPrimitive.Trigger, {
|
|
18
|
+
ref: ref,
|
|
19
|
+
className: cn('flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180', className),
|
|
20
|
+
...props
|
|
21
|
+
}, children, React.createElement(ChevronDown, {
|
|
22
|
+
className: "h-4 w-4 shrink-0 transition-transform duration-200"
|
|
23
|
+
}))));
|
|
26
24
|
AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
|
|
27
25
|
const AccordionContent = React.forwardRef(({
|
|
28
26
|
className,
|
|
29
27
|
children,
|
|
30
28
|
...props
|
|
31
|
-
}, ref) =>
|
|
29
|
+
}, ref) => React.createElement(AccordionPrimitive.Content, {
|
|
32
30
|
ref: ref,
|
|
33
31
|
className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
|
|
34
|
-
...props
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
})
|
|
39
|
-
}));
|
|
32
|
+
...props
|
|
33
|
+
}, React.createElement("div", {
|
|
34
|
+
className: cn('pb-4 pt-0', className)
|
|
35
|
+
}, children)));
|
|
40
36
|
AccordionContent.displayName = AccordionPrimitive.Content.displayName;export{Accordion,AccordionContent,AccordionItem,AccordionTrigger};//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.js","sources":["../../src/shardui/accordion.tsx"],"sourcesContent":[null],"names":[],"mappings":"uOAgBA,MAAA,SAAM,GAAA,kBAAgB,CAAA;AAoBtB,MAAA,aAAM,GAAA,KAAA,CAAA,UAAgB,CAAA,CAAA;AAetB,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -6,11 +6,11 @@ declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortal
|
|
|
6
6
|
declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
7
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
8
|
declare const AlertDialogHeader: {
|
|
9
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
9
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
10
10
|
displayName: string;
|
|
11
11
|
};
|
|
12
12
|
declare const AlertDialogFooter: {
|
|
13
|
-
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>):
|
|
13
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
16
16
|
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import*as AlertDialogPrimitive from'@radix-ui/react-alert-dialog';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';import {buttonVariants}from'./button.js';const AlertDialog = AlertDialogPrimitive.Root;
|
|
2
2
|
const AlertDialogTrigger = AlertDialogPrimitive.Trigger;
|
|
3
3
|
const AlertDialogPortal = AlertDialogPrimitive.Portal;
|
|
4
4
|
const AlertDialogOverlay = React.forwardRef(({
|
|
5
5
|
className,
|
|
6
6
|
...props
|
|
7
|
-
}, ref) =>
|
|
7
|
+
}, ref) => React.createElement(AlertDialogPrimitive.Overlay, {
|
|
8
8
|
className: cn('fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0', className),
|
|
9
9
|
...props,
|
|
10
10
|
ref: ref
|
|
@@ -13,18 +13,16 @@ AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
|
|
|
13
13
|
const AlertDialogContent = React.forwardRef(({
|
|
14
14
|
className,
|
|
15
15
|
...props
|
|
16
|
-
}, ref) =>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
})]
|
|
22
|
-
}));
|
|
16
|
+
}, ref) => React.createElement(AlertDialogPortal, null, React.createElement(AlertDialogOverlay, null), React.createElement(AlertDialogPrimitive.Content, {
|
|
17
|
+
ref: ref,
|
|
18
|
+
className: cn('fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg', className),
|
|
19
|
+
...props
|
|
20
|
+
})));
|
|
23
21
|
AlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;
|
|
24
22
|
const AlertDialogHeader = ({
|
|
25
23
|
className,
|
|
26
24
|
...props
|
|
27
|
-
}) =>
|
|
25
|
+
}) => React.createElement("div", {
|
|
28
26
|
className: cn('flex flex-col space-y-2 text-center sm:text-left', className),
|
|
29
27
|
...props
|
|
30
28
|
});
|
|
@@ -32,7 +30,7 @@ AlertDialogHeader.displayName = 'AlertDialogHeader';
|
|
|
32
30
|
const AlertDialogFooter = ({
|
|
33
31
|
className,
|
|
34
32
|
...props
|
|
35
|
-
}) =>
|
|
33
|
+
}) => React.createElement("div", {
|
|
36
34
|
className: cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className),
|
|
37
35
|
...props
|
|
38
36
|
});
|
|
@@ -40,7 +38,7 @@ AlertDialogFooter.displayName = 'AlertDialogFooter';
|
|
|
40
38
|
const AlertDialogTitle = React.forwardRef(({
|
|
41
39
|
className,
|
|
42
40
|
...props
|
|
43
|
-
}, ref) =>
|
|
41
|
+
}, ref) => React.createElement(AlertDialogPrimitive.Title, {
|
|
44
42
|
ref: ref,
|
|
45
43
|
className: cn('text-lg font-semibold', className),
|
|
46
44
|
...props
|
|
@@ -49,7 +47,7 @@ AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
|
|
|
49
47
|
const AlertDialogDescription = React.forwardRef(({
|
|
50
48
|
className,
|
|
51
49
|
...props
|
|
52
|
-
}, ref) =>
|
|
50
|
+
}, ref) => React.createElement(AlertDialogPrimitive.Description, {
|
|
53
51
|
ref: ref,
|
|
54
52
|
className: cn('text-sm text-muted-foreground', className),
|
|
55
53
|
...props
|
|
@@ -58,7 +56,7 @@ AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayNam
|
|
|
58
56
|
const AlertDialogAction = React.forwardRef(({
|
|
59
57
|
className,
|
|
60
58
|
...props
|
|
61
|
-
}, ref) =>
|
|
59
|
+
}, ref) => React.createElement(AlertDialogPrimitive.Action, {
|
|
62
60
|
ref: ref,
|
|
63
61
|
className: cn(buttonVariants(), className),
|
|
64
62
|
...props
|
|
@@ -67,7 +65,7 @@ AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
|
67
65
|
const AlertDialogCancel = React.forwardRef(({
|
|
68
66
|
className,
|
|
69
67
|
...props
|
|
70
|
-
}, ref) =>
|
|
68
|
+
}, ref) => React.createElement(AlertDialogPrimitive.Cancel, {
|
|
71
69
|
ref: ref,
|
|
72
70
|
className: cn(buttonVariants({
|
|
73
71
|
variant: 'outline'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sources":["../../src/shardui/alert-dialog.tsx"],"sourcesContent":[null],"names":[],"mappings":"8OAUA,MAAA,WAAM,GAAA,oBAAiB,CAAA;AAEvB,MAAA,kBAAM,GAAA,oBAAkB,CAAA;AAexB,MAAA,iBAAM,GAAA,oBAAkB,CAAA;AAkBxB,MAAA,kBAAM,GAAA,KAAiB,CAAA,UAAA,CAAA,CAAA;AAA6B,EAAA,SAAA;;CAEnD,EAAC,GAAA,KAAA,KAAA,CAAA,aAAA,CAAA,oBAAA,CAAA,OAAA,EAAA;AAGF,EAAA,aAAM,CAAA,yJAAiB,EAAA,SAAA,CAAA;AAA6B,EAAA,GAAA,KAAA;;CAEnD,CAAC;AAGF,kBAAM,CAAA,WAAgB,GAAA,oBAAA,CAAA,OAAA,CAAA,WAAA;AAQtB,MAAA,kBAAM,GAAA,KAAA,CAAA,UAAsB,CAAA,CAAA;AAQ5B,EAAA,SAAA;AAQA,EAAA,GAAA;AAYA,CAAA,EAAA,GAAA,wBAEI,CAAA,iBACA,EAAA,IAAA,EAAA,KACA,CAAA,aAAA,CAAA,kBACA,EAAA,IAAkB,CAClB,qBACA,CAAA,oBACA,CAAA,OAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/alert.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
|
|
4
4
|
variant?: "default" | "destructive";
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
7
7
|
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
8
8
|
export { Alert, AlertTitle, AlertDescription };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/shardui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAmBlE,QAAA,MAAM,KAAK;;
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/shardui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAmBlE,QAAA,MAAM,KAAK;;8GAKT,CAAC;AAGH,QAAA,MAAM,UAAU,uHAIf,CAAC;AAGF,QAAA,MAAM,gBAAgB,yHAIrB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
|
package/lib/shardui/alert.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const alertVariants = cva('relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground', {
|
|
2
2
|
variants: {
|
|
3
3
|
variant: {
|
|
4
4
|
default: 'bg-background text-foreground',
|
|
@@ -13,7 +13,7 @@ const Alert = React.forwardRef(({
|
|
|
13
13
|
className,
|
|
14
14
|
variant,
|
|
15
15
|
...props
|
|
16
|
-
}, ref) =>
|
|
16
|
+
}, ref) => React.createElement("div", {
|
|
17
17
|
ref: ref,
|
|
18
18
|
role: "alert",
|
|
19
19
|
className: cn(alertVariants({
|
|
@@ -25,7 +25,7 @@ Alert.displayName = 'Alert';
|
|
|
25
25
|
const AlertTitle = React.forwardRef(({
|
|
26
26
|
className,
|
|
27
27
|
...props
|
|
28
|
-
}, ref) =>
|
|
28
|
+
}, ref) => React.createElement("h5", {
|
|
29
29
|
ref: ref,
|
|
30
30
|
className: cn('mb-1 font-medium leading-none tracking-tight', className),
|
|
31
31
|
...props
|
|
@@ -34,7 +34,7 @@ AlertTitle.displayName = 'AlertTitle';
|
|
|
34
34
|
const AlertDescription = React.forwardRef(({
|
|
35
35
|
className,
|
|
36
36
|
...props
|
|
37
|
-
}, ref) =>
|
|
37
|
+
}, ref) => React.createElement("div", {
|
|
38
38
|
ref: ref,
|
|
39
39
|
className: cn('text-sm [&_p]:leading-relaxed', className),
|
|
40
40
|
...props
|
package/lib/shardui/alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"alert.js","sources":["../../src/shardui/alert.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AA4BA,IAAA,OAAA,EAAA;AAOA,MAAA,OAAA,EAAM,+BAAgB;AAOtB,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/avatar.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import*as AvatarPrimitive from'@radix-ui/react-avatar';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const Avatar = React.forwardRef(({
|
|
2
2
|
className,
|
|
3
3
|
...props
|
|
4
|
-
}, ref) =>
|
|
4
|
+
}, ref) => React.createElement(AvatarPrimitive.Root, {
|
|
5
5
|
ref: ref,
|
|
6
6
|
className: cn('relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full', className),
|
|
7
7
|
...props
|
|
@@ -10,7 +10,7 @@ Avatar.displayName = AvatarPrimitive.Root.displayName;
|
|
|
10
10
|
const AvatarImage = React.forwardRef(({
|
|
11
11
|
className,
|
|
12
12
|
...props
|
|
13
|
-
}, ref) =>
|
|
13
|
+
}, ref) => React.createElement(AvatarPrimitive.Image, {
|
|
14
14
|
ref: ref,
|
|
15
15
|
className: cn('aspect-square h-full w-full', className),
|
|
16
16
|
...props
|
|
@@ -19,7 +19,7 @@ AvatarImage.displayName = AvatarPrimitive.Image.displayName;
|
|
|
19
19
|
const AvatarFallback = React.forwardRef(({
|
|
20
20
|
className,
|
|
21
21
|
...props
|
|
22
|
-
}, ref) =>
|
|
22
|
+
}, ref) => React.createElement(AvatarPrimitive.Fallback, {
|
|
23
23
|
ref: ref,
|
|
24
24
|
className: cn('flex h-full w-full items-center justify-center rounded-full bg-muted', className),
|
|
25
25
|
...props
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"avatar.js","sources":["../../src/shardui/avatar.tsx"],"sourcesContent":[null],"names":[],"mappings":"0LAiBA,MAAA,MAAA,GAAM,KAAA,CAAA,UAAW,CAAA,CAAA;AAQjB,EAAA,SAAA;AAYA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/lib/shardui/badge.d.ts
CHANGED
|
@@ -2,9 +2,9 @@ import * as React from 'react';
|
|
|
2
2
|
import { type VariantProps } from 'class-variance-authority';
|
|
3
3
|
declare const badgeVariants: (props?: {
|
|
4
4
|
variant?: "default" | "outline" | "secondary" | "destructive";
|
|
5
|
-
} & import("class-variance-authority/types").ClassProp) => string;
|
|
5
|
+
} & import("class-variance-authority/dist/types").ClassProp) => string;
|
|
6
6
|
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
7
|
}
|
|
8
|
-
declare function Badge({ className, variant, ...props }: BadgeProps):
|
|
8
|
+
declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
|
|
9
9
|
export { Badge, badgeVariants };
|
|
10
10
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/shardui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/shardui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;sEAelB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
|
package/lib/shardui/badge.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import*as React from'react';import {cva}from'class-variance-authority';import'../utils/isBrowser/index.js';import {cn}from'../utils/util.js';import'fast-deep-equal/react.js';const badgeVariants = cva('inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
|
|
2
2
|
variants: {
|
|
3
3
|
variant: {
|
|
4
4
|
default: 'border-transparent bg-primary text-primary-foreground hover:bg-primary/80',
|
|
@@ -16,7 +16,7 @@ function Badge({
|
|
|
16
16
|
variant,
|
|
17
17
|
...props
|
|
18
18
|
}) {
|
|
19
|
-
return
|
|
19
|
+
return React.createElement("div", {
|
|
20
20
|
className: cn(badgeVariants({
|
|
21
21
|
variant
|
|
22
22
|
}), className),
|
package/lib/shardui/badge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,OAAM,EAAA;AAAyG,MAAA,OAAA,EAAA,2EAAA;AAE/G,MAAA,SAAA,EAAS,
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../src/shardui/badge.tsx"],"sourcesContent":[null],"names":[],"mappings":";;AAsBA,IAAA,OAAM,EAAA;AAAyG,MAAA,OAAA,EAAA,2EAAA;AAE/G,MAAA,SAAA,EAAS,iFAER;AAED,MAAA,WAAgB,EAAA,uFAAgB;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -9,11 +9,11 @@ declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.Detaile
|
|
|
9
9
|
} & React.RefAttributes<HTMLAnchorElement>>;
|
|
10
10
|
declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
11
11
|
declare const BreadcrumbSeparator: {
|
|
12
|
-
({ children, className, ...props }: React.ComponentProps<"li">):
|
|
12
|
+
({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
13
13
|
displayName: string;
|
|
14
14
|
};
|
|
15
15
|
declare const BreadcrumbEllipsis: {
|
|
16
|
-
({ className, ...props }: React.ComponentProps<"span">):
|
|
16
|
+
({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
|