@pelatform/ui 1.6.0 → 2.1.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/README.md +360 -5
- package/dist/animation.d.ts +6 -379
- package/dist/animation.js +2 -1750
- package/dist/base.d.ts +1 -651
- package/dist/base.js +2 -5554
- package/dist/components.d.ts +1 -2944
- package/dist/components.js +2 -2719
- package/dist/css/color/gray.css +105 -0
- package/dist/css/color/neutral.css +105 -0
- package/dist/css/color/slate.css +105 -0
- package/dist/css/color/stone.css +105 -0
- package/dist/css/color/zinc.css +105 -0
- package/dist/css/styles/style-lyra.css +1335 -0
- package/dist/css/styles/style-maia.css +1360 -0
- package/dist/css/styles/style-mira.css +1362 -0
- package/dist/css/styles/style-nova.css +1360 -0
- package/dist/css/styles/style-vega.css +1356 -0
- package/dist/hooks.d.ts +1 -1172
- package/dist/hooks.js +2 -664
- package/dist/index.d.ts +1 -318
- package/dist/index.js +3 -229
- package/dist/radix.d.ts +1 -0
- package/dist/radix.js +4 -0
- package/dist/style.css +2 -0
- package/package.json +82 -136
- package/LICENSE +0 -21
- package/css/components/apexcharts.css +0 -101
- package/css/components/book.css +0 -19
- package/css/components/extra.css +0 -12
- package/css/components/image-input.css +0 -51
- package/css/components/leaflet.css +0 -25
- package/css/components/patterns.css +0 -34
- package/css/components/rating.css +0 -89
- package/css/components/scrollable.css +0 -118
- package/css/components/theme-transition.css +0 -51
- package/css/theme.css +0 -238
- package/dist/animation.cjs +0 -1752
- package/dist/animation.d.cts +0 -379
- package/dist/aria.cjs +0 -139
- package/dist/aria.d.cts +0 -31
- package/dist/aria.d.ts +0 -31
- package/dist/aria.js +0 -139
- package/dist/badge-BtI4BMea.d.cts +0 -33
- package/dist/badge-BtI4BMea.d.ts +0 -33
- package/dist/base.cjs +0 -5556
- package/dist/base.d.cts +0 -651
- package/dist/chunk-3N75YA6Q.cjs +0 -60
- package/dist/chunk-7472NIIL.cjs +0 -40
- package/dist/chunk-BXUKTDPN.cjs +0 -576
- package/dist/chunk-CD2BCCQU.js +0 -180
- package/dist/chunk-CJXIPSTG.cjs +0 -10
- package/dist/chunk-CTHRAJQZ.js +0 -1522
- package/dist/chunk-D373YKDA.js +0 -196
- package/dist/chunk-EZW5GNS4.js +0 -6
- package/dist/chunk-HILACSFA.cjs +0 -1522
- package/dist/chunk-HR3R6KKM.js +0 -40
- package/dist/chunk-HW52LCWN.js +0 -22
- package/dist/chunk-I46SELBA.cjs +0 -22
- package/dist/chunk-J4JGE3U5.cjs +0 -180
- package/dist/chunk-RQHJBTEU.js +0 -10
- package/dist/chunk-SK6SSJHC.js +0 -9
- package/dist/chunk-T74DBLYY.js +0 -60
- package/dist/chunk-TB6DU23O.js +0 -576
- package/dist/chunk-UP53DCYH.cjs +0 -6
- package/dist/chunk-ZBO5IAMA.cjs +0 -196
- package/dist/chunk-ZDR3OZ7Z.cjs +0 -9
- package/dist/colors-CUDWvz1g.d.cts +0 -42
- package/dist/colors-CUDWvz1g.d.ts +0 -42
- package/dist/components-CidsRcc3.d.cts +0 -46
- package/dist/components-CidsRcc3.d.ts +0 -46
- package/dist/components.cjs +0 -2721
- package/dist/components.d.cts +0 -2944
- package/dist/default.cjs +0 -8931
- package/dist/default.d.cts +0 -1322
- package/dist/default.d.ts +0 -1322
- package/dist/default.js +0 -8931
- package/dist/hooks.cjs +0 -666
- package/dist/hooks.d.cts +0 -1172
- package/dist/index.cjs +0 -230
- package/dist/index.d.cts +0 -318
- package/dist/input-AwYIskrX.d.cts +0 -22
- package/dist/input-AwYIskrX.d.ts +0 -22
- package/dist/menu-GmSRfRGB.d.cts +0 -43
- package/dist/menu-GmSRfRGB.d.ts +0 -43
- package/dist/metafile-cjs.json +0 -1
- package/dist/metafile-esm.json +0 -1
- package/dist/re-export/cva.cjs +0 -6
- package/dist/re-export/cva.d.cts +0 -10
- package/dist/re-export/cva.d.ts +0 -10
- package/dist/re-export/cva.js +0 -6
- package/dist/re-export/motion.cjs +0 -2
- package/dist/re-export/motion.d.cts +0 -1
- package/dist/re-export/motion.d.ts +0 -1
- package/dist/re-export/motion.js +0 -2
- package/dist/re-export/next-themes.cjs +0 -2
- package/dist/re-export/next-themes.d.cts +0 -1
- package/dist/re-export/next-themes.d.ts +0 -1
- package/dist/re-export/next-themes.js +0 -2
- package/dist/re-export/react-day-picker.cjs +0 -2
- package/dist/re-export/react-day-picker.d.cts +0 -1
- package/dist/re-export/react-day-picker.d.ts +0 -1
- package/dist/re-export/react-day-picker.js +0 -2
- package/dist/re-export/react-hook-form.cjs +0 -2
- package/dist/re-export/react-hook-form.d.cts +0 -1
- package/dist/re-export/react-hook-form.d.ts +0 -1
- package/dist/re-export/react-hook-form.js +0 -2
- package/dist/re-export/resolver.cjs +0 -2
- package/dist/re-export/resolver.d.cts +0 -1
- package/dist/re-export/resolver.d.ts +0 -1
- package/dist/re-export/resolver.js +0 -2
- package/dist/re-export/sonner.cjs +0 -2
- package/dist/re-export/sonner.d.cts +0 -1
- package/dist/re-export/sonner.d.ts +0 -1
- package/dist/re-export/sonner.js +0 -2
- package/dist/re-export/tanstack-query.cjs +0 -2
- package/dist/re-export/tanstack-query.d.cts +0 -1
- package/dist/re-export/tanstack-query.d.ts +0 -1
- package/dist/re-export/tanstack-query.js +0 -2
- package/dist/re-export/tanstack-table.cjs +0 -2
- package/dist/re-export/tanstack-table.d.cts +0 -1
- package/dist/re-export/tanstack-table.d.ts +0 -1
- package/dist/re-export/tanstack-table.js +0 -2
- package/dist/re-export/zod.cjs +0 -2
- package/dist/re-export/zod.d.cts +0 -1
- package/dist/re-export/zod.d.ts +0 -1
- package/dist/re-export/zod.js +0 -2
package/dist/aria.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use client';
|
|
3
|
-
|
|
4
|
-
import {
|
|
5
|
-
buttonVariants,
|
|
6
|
-
inputVariants
|
|
7
|
-
} from "./chunk-TB6DU23O.js";
|
|
8
|
-
import {
|
|
9
|
-
cn
|
|
10
|
-
} from "./chunk-RQHJBTEU.js";
|
|
11
|
-
|
|
12
|
-
// src/ui/aria/datefield.tsx
|
|
13
|
-
import {
|
|
14
|
-
composeRenderProps,
|
|
15
|
-
DateField as DateFieldRa,
|
|
16
|
-
DateInput as DateInputRa,
|
|
17
|
-
DateSegment as DateSegmentRa,
|
|
18
|
-
TimeField as TimeFieldRa
|
|
19
|
-
} from "react-aria-components";
|
|
20
|
-
import { jsx } from "react/jsx-runtime";
|
|
21
|
-
function DateField({ className, children, ...props }) {
|
|
22
|
-
return /* @__PURE__ */ jsx(
|
|
23
|
-
DateFieldRa,
|
|
24
|
-
{
|
|
25
|
-
className: composeRenderProps(className, (className2) => cn(className2)),
|
|
26
|
-
"data-slot": "datefield",
|
|
27
|
-
...props,
|
|
28
|
-
children
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
}
|
|
32
|
-
function TimeField({ className, children, ...props }) {
|
|
33
|
-
return /* @__PURE__ */ jsx(
|
|
34
|
-
TimeFieldRa,
|
|
35
|
-
{
|
|
36
|
-
className: composeRenderProps(className, (className2) => cn(className2)),
|
|
37
|
-
"data-slot": "datefield",
|
|
38
|
-
...props,
|
|
39
|
-
children
|
|
40
|
-
}
|
|
41
|
-
);
|
|
42
|
-
}
|
|
43
|
-
function DateSegment({ className, ...props }) {
|
|
44
|
-
return /* @__PURE__ */ jsx(
|
|
45
|
-
DateSegmentRa,
|
|
46
|
-
{
|
|
47
|
-
className: composeRenderProps(
|
|
48
|
-
className,
|
|
49
|
-
(className2) => cn(
|
|
50
|
-
`inline-flex rounded px-0.5 text-foreground caret-transparent outline-hidden data-invalid:data-focused:bg-destructive data-focused:data-placeholder:text-foreground data-invalid:data-focused:text-destructive-foreground data-invalid:data-placeholder:text-destructive data-disabled:cursor-not-allowed data-focused:bg-accent data-[type=literal]:px-0 data-[type=literal]:text-muted-foreground/70 data-focused:text-foreground data-invalid:data-focused:data-placeholder:text-destructive-foreground data-invalid:text-destructive data-placeholder:text-muted-foreground/70 data-disabled:opacity-50`,
|
|
51
|
-
className2
|
|
52
|
-
)
|
|
53
|
-
),
|
|
54
|
-
...props,
|
|
55
|
-
"data-invalid": true
|
|
56
|
-
}
|
|
57
|
-
);
|
|
58
|
-
}
|
|
59
|
-
var dateInputStyles = `
|
|
60
|
-
relative inline-flex items-center overflow-hidden whitespace-nowrap
|
|
61
|
-
data-focus-within:ring-ring/30 data-focus-within:border-ring data-focus-within:outline-none data-focus-within:ring-[3px]
|
|
62
|
-
data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive
|
|
63
|
-
`;
|
|
64
|
-
function DateInput({ className, variant = "md", ...props }) {
|
|
65
|
-
return /* @__PURE__ */ jsx(
|
|
66
|
-
DateInputRa,
|
|
67
|
-
{
|
|
68
|
-
"data-slot": "input",
|
|
69
|
-
className: composeRenderProps(
|
|
70
|
-
className,
|
|
71
|
-
(className2) => cn(inputVariants({ variant }), dateInputStyles, className2)
|
|
72
|
-
),
|
|
73
|
-
...props,
|
|
74
|
-
children: (segment) => /* @__PURE__ */ jsx(DateSegment, { segment })
|
|
75
|
-
}
|
|
76
|
-
);
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
// src/ui/aria/show-more.tsx
|
|
80
|
-
import { cva } from "class-variance-authority";
|
|
81
|
-
import { composeRenderProps as composeRenderProps2, Text, ToggleButton } from "react-aria-components";
|
|
82
|
-
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
83
|
-
var showMoreStyles = cva("text-sm leading-6 before:border-border after:border-border", {
|
|
84
|
-
variants: {
|
|
85
|
-
orientation: {
|
|
86
|
-
vertical: "mx-1 h-auto self-stretch",
|
|
87
|
-
horizontal: "my-0.5 h-px w-full self-stretch"
|
|
88
|
-
}
|
|
89
|
-
},
|
|
90
|
-
compoundVariants: [
|
|
91
|
-
{
|
|
92
|
-
orientation: "vertical",
|
|
93
|
-
className: "mx-2 flex flex-col items-center before:mb-2 before:flex-1 before:border-l after:mt-2 after:flex-1 after:border-r"
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
orientation: "horizontal",
|
|
97
|
-
className: "my-2 flex items-center self-stretch before:mr-2 before:flex-1 before:border-t after:ml-2 after:flex-1 after:border-t"
|
|
98
|
-
}
|
|
99
|
-
],
|
|
100
|
-
defaultVariants: {
|
|
101
|
-
orientation: "horizontal"
|
|
102
|
-
}
|
|
103
|
-
});
|
|
104
|
-
var ShowMore = ({
|
|
105
|
-
as = "button",
|
|
106
|
-
children,
|
|
107
|
-
orientation = "horizontal",
|
|
108
|
-
className,
|
|
109
|
-
...props
|
|
110
|
-
}) => {
|
|
111
|
-
return /* @__PURE__ */ jsx2("div", { className: cn(showMoreStyles({ orientation }), className), children: as === "button" ? /* @__PURE__ */ jsx2(
|
|
112
|
-
ToggleButton,
|
|
113
|
-
{
|
|
114
|
-
...props,
|
|
115
|
-
className: buttonVariants({
|
|
116
|
-
variant: "outline",
|
|
117
|
-
size: "sm"
|
|
118
|
-
}),
|
|
119
|
-
children: composeRenderProps2(children, (children2) => children2)
|
|
120
|
-
}
|
|
121
|
-
) : /* @__PURE__ */ jsx2(Text, { slot: "description", children: props.text }) });
|
|
122
|
-
};
|
|
123
|
-
|
|
124
|
-
// src/ui/aria/visually-hidden.tsx
|
|
125
|
-
import { useVisuallyHidden } from "react-aria";
|
|
126
|
-
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
127
|
-
var VisuallyHidden = ({ children }) => {
|
|
128
|
-
const { visuallyHiddenProps } = useVisuallyHidden();
|
|
129
|
-
return /* @__PURE__ */ jsx3("span", { ...visuallyHiddenProps, children });
|
|
130
|
-
};
|
|
131
|
-
export {
|
|
132
|
-
DateField,
|
|
133
|
-
DateInput,
|
|
134
|
-
DateSegment,
|
|
135
|
-
ShowMore,
|
|
136
|
-
TimeField,
|
|
137
|
-
VisuallyHidden,
|
|
138
|
-
dateInputStyles
|
|
139
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
|
|
6
|
-
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
dotClassName?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
interface BadgeButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeButtonVariants> {
|
|
12
|
-
asChild?: boolean;
|
|
13
|
-
}
|
|
14
|
-
type BadgeDotProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
15
|
-
declare const badgeVariants: (props?: ({
|
|
16
|
-
variant?: "primary" | "destructive" | "secondary" | "outline" | "success" | "warning" | "info" | null | undefined;
|
|
17
|
-
appearance?: "default" | "outline" | "ghost" | "light" | null | undefined;
|
|
18
|
-
disabled?: boolean | null | undefined;
|
|
19
|
-
size?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
20
|
-
shape?: "default" | "circle" | null | undefined;
|
|
21
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
-
declare const badgeButtonVariants: (props?: ({
|
|
23
|
-
variant?: "default" | null | undefined;
|
|
24
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
25
|
-
declare function Badge({ className, variant, size, appearance, shape, asChild, disabled, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
26
|
-
asChild?: boolean;
|
|
27
|
-
}): react_jsx_runtime.JSX.Element;
|
|
28
|
-
declare function BadgeButton({ className, variant, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof badgeButtonVariants> & {
|
|
29
|
-
asChild?: boolean;
|
|
30
|
-
}): react_jsx_runtime.JSX.Element;
|
|
31
|
-
declare function BadgeDot({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
export { Badge as B, BadgeButton as a, badgeVariants as b, BadgeDot as c, type BadgeProps as d, type BadgeButtonProps as e, type BadgeDotProps as f };
|
package/dist/badge-BtI4BMea.d.ts
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
|
|
6
|
-
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
dotClassName?: string;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
interface BadgeButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeButtonVariants> {
|
|
12
|
-
asChild?: boolean;
|
|
13
|
-
}
|
|
14
|
-
type BadgeDotProps = React.HTMLAttributes<HTMLSpanElement>;
|
|
15
|
-
declare const badgeVariants: (props?: ({
|
|
16
|
-
variant?: "primary" | "destructive" | "secondary" | "outline" | "success" | "warning" | "info" | null | undefined;
|
|
17
|
-
appearance?: "default" | "outline" | "ghost" | "light" | null | undefined;
|
|
18
|
-
disabled?: boolean | null | undefined;
|
|
19
|
-
size?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
20
|
-
shape?: "default" | "circle" | null | undefined;
|
|
21
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
-
declare const badgeButtonVariants: (props?: ({
|
|
23
|
-
variant?: "default" | null | undefined;
|
|
24
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
25
|
-
declare function Badge({ className, variant, size, appearance, shape, asChild, disabled, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
|
|
26
|
-
asChild?: boolean;
|
|
27
|
-
}): react_jsx_runtime.JSX.Element;
|
|
28
|
-
declare function BadgeButton({ className, variant, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof badgeButtonVariants> & {
|
|
29
|
-
asChild?: boolean;
|
|
30
|
-
}): react_jsx_runtime.JSX.Element;
|
|
31
|
-
declare function BadgeDot({ className, ...props }: React.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
|
|
32
|
-
|
|
33
|
-
export { Badge as B, BadgeButton as a, badgeVariants as b, BadgeDot as c, type BadgeProps as d, type BadgeButtonProps as e, type BadgeDotProps as f };
|