wicn-react 0.8.0 → 0.9.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/dist/index.cjs +8 -8
- package/dist/index.d.cts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +5 -5
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -32,12 +32,12 @@ var index_exports = {};
|
|
|
32
32
|
__export(index_exports, {
|
|
33
33
|
Badge: () => Badge,
|
|
34
34
|
Button: () => Button,
|
|
35
|
+
Card: () => Card,
|
|
35
36
|
CardBody: () => CardBody,
|
|
36
37
|
CardCover: () => CardCover,
|
|
37
38
|
CardDescription: () => CardDescription,
|
|
38
39
|
CardFooter: () => CardFooter,
|
|
39
40
|
CardHeader: () => CardHeader,
|
|
40
|
-
CardRoot: () => CardRoot,
|
|
41
41
|
CardTitle: () => CardTitle,
|
|
42
42
|
Center: () => Center,
|
|
43
43
|
Col: () => Col,
|
|
@@ -46,6 +46,7 @@ __export(index_exports, {
|
|
|
46
46
|
Item: () => Item,
|
|
47
47
|
Row: () => Row,
|
|
48
48
|
Scroll: () => Scroll,
|
|
49
|
+
Sidebar: () => Root,
|
|
49
50
|
SidebarContent: () => Content,
|
|
50
51
|
SidebarFooter: () => Footer,
|
|
51
52
|
SidebarGroup: () => Group,
|
|
@@ -65,13 +66,12 @@ __export(index_exports, {
|
|
|
65
66
|
SidebarMenuSubItem: () => MenuSubItem,
|
|
66
67
|
SidebarProvider: () => Provider,
|
|
67
68
|
SidebarRail: () => Rail,
|
|
68
|
-
SidebarRoot: () => Root,
|
|
69
69
|
SidebarSeparator: () => Separator,
|
|
70
70
|
SidebarTrigger: () => Trigger,
|
|
71
|
+
Splitter: () => Splitter,
|
|
71
72
|
SplitterPanel: () => SplitterPanel,
|
|
72
73
|
SplitterResizeTrigger: () => SplitterResizeTrigger,
|
|
73
74
|
SplitterResizeTriggerIndicator: () => SplitterResizeTriggerIndicator,
|
|
74
|
-
SplitterRoot: () => SplitterRoot,
|
|
75
75
|
Stack: () => Stack,
|
|
76
76
|
ToggleButton: () => ToggleButton,
|
|
77
77
|
ToggleButtonIndicator: () => ToggleButtonIndicator,
|
|
@@ -160,7 +160,7 @@ function useCardOrientation() {
|
|
|
160
160
|
|
|
161
161
|
// src/card/root.tsx
|
|
162
162
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
163
|
-
function
|
|
163
|
+
function Card({ className, variant, size, orientation, children, ...props }) {
|
|
164
164
|
const resolvedOrientation = orientation ?? "vertical";
|
|
165
165
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_factory8.ark.div, { className: (0, import_wicn_core9.cn)((0, import_wicn_core9.cardVariants)({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
|
|
166
166
|
}
|
|
@@ -259,7 +259,7 @@ function Scroll({
|
|
|
259
259
|
var import_splitter = require("@ark-ui/react/splitter");
|
|
260
260
|
var import_wicn_core18 = require("wicn-core");
|
|
261
261
|
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
262
|
-
function
|
|
262
|
+
function Splitter({ className, ...props }) {
|
|
263
263
|
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_splitter.SplitterRoot, { className: (0, import_wicn_core18.cn)(import_wicn_core18.splitterRootBase, className), ...props });
|
|
264
264
|
}
|
|
265
265
|
function SplitterPanel({ className, ...props }) {
|
|
@@ -879,12 +879,12 @@ function Input({ className, ...props }) {
|
|
|
879
879
|
0 && (module.exports = {
|
|
880
880
|
Badge,
|
|
881
881
|
Button,
|
|
882
|
+
Card,
|
|
882
883
|
CardBody,
|
|
883
884
|
CardCover,
|
|
884
885
|
CardDescription,
|
|
885
886
|
CardFooter,
|
|
886
887
|
CardHeader,
|
|
887
|
-
CardRoot,
|
|
888
888
|
CardTitle,
|
|
889
889
|
Center,
|
|
890
890
|
Col,
|
|
@@ -893,6 +893,7 @@ function Input({ className, ...props }) {
|
|
|
893
893
|
Item,
|
|
894
894
|
Row,
|
|
895
895
|
Scroll,
|
|
896
|
+
Sidebar,
|
|
896
897
|
SidebarContent,
|
|
897
898
|
SidebarFooter,
|
|
898
899
|
SidebarGroup,
|
|
@@ -912,13 +913,12 @@ function Input({ className, ...props }) {
|
|
|
912
913
|
SidebarMenuSubItem,
|
|
913
914
|
SidebarProvider,
|
|
914
915
|
SidebarRail,
|
|
915
|
-
SidebarRoot,
|
|
916
916
|
SidebarSeparator,
|
|
917
917
|
SidebarTrigger,
|
|
918
|
+
Splitter,
|
|
918
919
|
SplitterPanel,
|
|
919
920
|
SplitterResizeTrigger,
|
|
920
921
|
SplitterResizeTriggerIndicator,
|
|
921
|
-
SplitterRoot,
|
|
922
922
|
Stack,
|
|
923
923
|
ToggleButton,
|
|
924
924
|
ToggleButtonIndicator,
|
package/dist/index.d.cts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
3
|
-
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1,
|
|
3
|
+
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, sidebarMenuButtonVariants, SidebarContextProps } from 'wicn-core';
|
|
4
4
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
5
5
|
import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
|
|
6
|
-
import { SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps
|
|
7
|
-
export { SplitterPanelProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps
|
|
6
|
+
import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
|
|
7
|
+
export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
|
|
8
8
|
import { TooltipContent } from '@ark-ui/react/tooltip';
|
|
9
9
|
|
|
10
10
|
type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
|
|
@@ -32,8 +32,8 @@ declare function Center({ className, ...props }: CenterProps): react.JSX.Element
|
|
|
32
32
|
type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
|
|
33
33
|
declare function Item({ className, variant, ...props }: ItemProps): react.JSX.Element;
|
|
34
34
|
|
|
35
|
-
type CardProps = HTMLArkProps<'div'> &
|
|
36
|
-
declare function
|
|
35
|
+
type CardProps = HTMLArkProps<'div'> & CardProps$1;
|
|
36
|
+
declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): react.JSX.Element;
|
|
37
37
|
|
|
38
38
|
type CardHeaderProps = HTMLArkProps<'div'>;
|
|
39
39
|
declare function CardHeader({ className, ...props }: CardHeaderProps): react.JSX.Element;
|
|
@@ -70,7 +70,7 @@ type ScrollProps = ScrollAreaRootProps & {
|
|
|
70
70
|
};
|
|
71
71
|
declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
72
72
|
|
|
73
|
-
declare function
|
|
73
|
+
declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
|
|
74
74
|
declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
|
|
75
75
|
declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): react.JSX.Element;
|
|
76
76
|
declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): react.JSX.Element;
|
|
@@ -168,4 +168,4 @@ declare function Input({ className, ...props }: HTMLArkProps<'input'>): react.JS
|
|
|
168
168
|
|
|
169
169
|
declare function useSidebar(): SidebarContextProps;
|
|
170
170
|
|
|
171
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps,
|
|
171
|
+
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Col, type ColProps, Container, type ContainerProps, HStack, type HStackProps, Item, type ItemProps, Row, type RowProps, Scroll, type ScrollProps, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useSidebar };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { HTMLArkProps } from '@ark-ui/react/factory';
|
|
3
|
-
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1,
|
|
3
|
+
import { ButtonProps as ButtonProps$1, ToggleButtonProps as ToggleButtonProps$1, BadgeProps as BadgeProps$1, ItemProps as ItemProps$1, CardProps as CardProps$1, CardCoverProps as CardCoverProps$1, sidebarMenuButtonVariants, SidebarContextProps } from 'wicn-core';
|
|
4
4
|
import { ToggleRootProps, ToggleIndicatorProps } from '@ark-ui/react/toggle';
|
|
5
5
|
import { ScrollAreaRootProps } from '@ark-ui/react/scroll-area';
|
|
6
|
-
import { SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps
|
|
7
|
-
export { SplitterPanelProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps
|
|
6
|
+
import { SplitterRootProps, SplitterPanelProps, SplitterResizeTriggerProps, SplitterResizeTriggerIndicatorProps } from '@ark-ui/react/splitter';
|
|
7
|
+
export { SplitterPanelProps, SplitterRootProps as SplitterProps, SplitterResizeTriggerIndicatorProps, SplitterResizeTriggerProps } from '@ark-ui/react/splitter';
|
|
8
8
|
import { TooltipContent } from '@ark-ui/react/tooltip';
|
|
9
9
|
|
|
10
10
|
type ButtonProps = HTMLArkProps<'button'> & ButtonProps$1;
|
|
@@ -32,8 +32,8 @@ declare function Center({ className, ...props }: CenterProps): react.JSX.Element
|
|
|
32
32
|
type ItemProps = HTMLArkProps<'div'> & ItemProps$1;
|
|
33
33
|
declare function Item({ className, variant, ...props }: ItemProps): react.JSX.Element;
|
|
34
34
|
|
|
35
|
-
type CardProps = HTMLArkProps<'div'> &
|
|
36
|
-
declare function
|
|
35
|
+
type CardProps = HTMLArkProps<'div'> & CardProps$1;
|
|
36
|
+
declare function Card({ className, variant, size, orientation, children, ...props }: CardProps): react.JSX.Element;
|
|
37
37
|
|
|
38
38
|
type CardHeaderProps = HTMLArkProps<'div'>;
|
|
39
39
|
declare function CardHeader({ className, ...props }: CardHeaderProps): react.JSX.Element;
|
|
@@ -70,7 +70,7 @@ type ScrollProps = ScrollAreaRootProps & {
|
|
|
70
70
|
};
|
|
71
71
|
declare function Scroll({ className, orientation, contentClassName, thumbClassName, viewportClassName, children, ...props }: ScrollProps): react.JSX.Element;
|
|
72
72
|
|
|
73
|
-
declare function
|
|
73
|
+
declare function Splitter({ className, ...props }: SplitterRootProps): react.JSX.Element;
|
|
74
74
|
declare function SplitterPanel({ className, ...props }: SplitterPanelProps): react.JSX.Element;
|
|
75
75
|
declare function SplitterResizeTrigger({ className, children, ...props }: SplitterResizeTriggerProps): react.JSX.Element;
|
|
76
76
|
declare function SplitterResizeTriggerIndicator({ className, ...props }: SplitterResizeTriggerIndicatorProps): react.JSX.Element;
|
|
@@ -168,4 +168,4 @@ declare function Input({ className, ...props }: HTMLArkProps<'input'>): react.JS
|
|
|
168
168
|
|
|
169
169
|
declare function useSidebar(): SidebarContextProps;
|
|
170
170
|
|
|
171
|
-
export { Badge, type BadgeProps, Button, type ButtonProps, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps,
|
|
171
|
+
export { Badge, type BadgeProps, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardCover, type CardCoverProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Center, type CenterProps, Col, type ColProps, Container, type ContainerProps, HStack, type HStackProps, Item, type ItemProps, Row, type RowProps, Scroll, type ScrollProps, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuLink as SidebarMenuLink, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Splitter, SplitterPanel, SplitterResizeTrigger, SplitterResizeTriggerIndicator, Stack, type StackProps, ToggleButton, ToggleButtonIndicator, type ToggleButtonProps, VStack, type VStackProps, useSidebar };
|
package/dist/index.js
CHANGED
|
@@ -78,7 +78,7 @@ function useCardOrientation() {
|
|
|
78
78
|
|
|
79
79
|
// src/card/root.tsx
|
|
80
80
|
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
81
|
-
function
|
|
81
|
+
function Card({ className, variant, size, orientation, children, ...props }) {
|
|
82
82
|
const resolvedOrientation = orientation ?? "vertical";
|
|
83
83
|
return /* @__PURE__ */ jsx9(CardOrientationContext.Provider, { value: resolvedOrientation, children: /* @__PURE__ */ jsx9(ark8.div, { className: cn9(cardVariants({ variant, size, orientation: resolvedOrientation }), className), ...props, children }) });
|
|
84
84
|
}
|
|
@@ -204,7 +204,7 @@ import {
|
|
|
204
204
|
cn as cn18
|
|
205
205
|
} from "wicn-core";
|
|
206
206
|
import { jsx as jsx18, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
207
|
-
function
|
|
207
|
+
function Splitter({ className, ...props }) {
|
|
208
208
|
return /* @__PURE__ */ jsx18(ArkSplitterRoot, { className: cn18(splitterRootBase, className), ...props });
|
|
209
209
|
}
|
|
210
210
|
function SplitterPanel({ className, ...props }) {
|
|
@@ -836,12 +836,12 @@ function Input({ className, ...props }) {
|
|
|
836
836
|
export {
|
|
837
837
|
Badge,
|
|
838
838
|
Button,
|
|
839
|
+
Card,
|
|
839
840
|
CardBody,
|
|
840
841
|
CardCover,
|
|
841
842
|
CardDescription,
|
|
842
843
|
CardFooter,
|
|
843
844
|
CardHeader,
|
|
844
|
-
CardRoot,
|
|
845
845
|
CardTitle,
|
|
846
846
|
Center,
|
|
847
847
|
Col,
|
|
@@ -850,6 +850,7 @@ export {
|
|
|
850
850
|
Item,
|
|
851
851
|
Row,
|
|
852
852
|
Scroll,
|
|
853
|
+
Root as Sidebar,
|
|
853
854
|
Content as SidebarContent,
|
|
854
855
|
Footer as SidebarFooter,
|
|
855
856
|
Group as SidebarGroup,
|
|
@@ -869,13 +870,12 @@ export {
|
|
|
869
870
|
MenuSubItem as SidebarMenuSubItem,
|
|
870
871
|
Provider as SidebarProvider,
|
|
871
872
|
Rail as SidebarRail,
|
|
872
|
-
Root as SidebarRoot,
|
|
873
873
|
Separator as SidebarSeparator,
|
|
874
874
|
Trigger as SidebarTrigger,
|
|
875
|
+
Splitter,
|
|
875
876
|
SplitterPanel,
|
|
876
877
|
SplitterResizeTrigger,
|
|
877
878
|
SplitterResizeTriggerIndicator,
|
|
878
|
-
SplitterRoot,
|
|
879
879
|
Stack,
|
|
880
880
|
ToggleButton,
|
|
881
881
|
ToggleButtonIndicator,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "wicn-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.9.0",
|
|
4
4
|
"description": "wicn React UI components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
},
|
|
28
28
|
"dependencies": {
|
|
29
29
|
"@ark-ui/react": "^5.38.2",
|
|
30
|
-
"wicn-core": "0.
|
|
30
|
+
"wicn-core": "0.9.0"
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@types/node": "^22.0.0",
|