@devalok/shilp-sutra 0.30.0 → 0.31.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 +82 -239
- package/dist/_chunks/badge-group.js +34 -33
- package/dist/ai/types.js +2 -0
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/lib/string-utils.d.ts.map +1 -1
- package/dist/composed/loading-skeleton.d.ts.map +1 -1
- package/dist/composed/page-header.d.ts.map +1 -1
- package/dist/composed/page-skeletons.d.ts.map +1 -1
- package/dist/composed/priority-indicator.d.ts +1 -0
- package/dist/composed/priority-indicator.js +1 -0
- package/dist/tokens/typography.css +33 -4
- package/dist/ui/alert.d.ts +1 -0
- package/dist/ui/alert.d.ts.map +1 -1
- package/dist/ui/alert.js +42 -37
- package/dist/ui/badge.d.ts +6 -0
- package/dist/ui/badge.d.ts.map +1 -1
- package/dist/ui/card.d.ts +5 -1
- package/dist/ui/card.d.ts.map +1 -1
- package/dist/ui/card.js +111 -79
- package/dist/ui/code.d.ts.map +1 -1
- package/dist/ui/container.d.ts.map +1 -1
- package/dist/ui/lib/date-utils.d.ts.map +1 -1
- package/dist/ui/lib/motion.d.ts.map +1 -1
- package/dist/ui/lib/utils.d.ts.map +1 -1
- package/dist/ui/select.d.ts +3 -1
- package/dist/ui/select.d.ts.map +1 -1
- package/dist/ui/select.js +83 -71
- package/dist/ui/skeleton.d.ts.map +1 -1
- package/dist/ui/stack.d.ts.map +1 -1
- package/dist/ui/table.d.ts.map +1 -1
- package/dist/ui/tabs.d.ts +7 -0
- package/dist/ui/tabs.d.ts.map +1 -1
- package/dist/ui/tabs.js +103 -77
- package/dist/ui/text.d.ts.map +1 -1
- package/dist/ui/visually-hidden.d.ts.map +1 -1
- package/docs/components/ui/alert.md +3 -0
- package/docs/components/ui/badge.md +3 -0
- package/docs/components/ui/card.md +4 -0
- package/docs/components/ui/select.md +4 -0
- package/docs/components/ui/tabs.md +4 -0
- package/llms-full.txt +19 -1
- package/llms.txt +14 -1
- package/package.json +37 -2
package/dist/ui/alert.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { IconInfoCircle as
|
|
4
|
-
import * as
|
|
5
|
-
import { a as
|
|
6
|
-
import { cn as
|
|
7
|
-
import { springs as
|
|
8
|
-
import { Icon as
|
|
9
|
-
import { A as
|
|
10
|
-
const
|
|
11
|
-
"relative flex
|
|
2
|
+
import { jsx as r, jsxs as c } from "react/jsx-runtime";
|
|
3
|
+
import { IconInfoCircle as i, IconAlertCircle as y, IconAlertTriangle as C, IconCircleCheck as A, IconX as k } from "@tabler/icons-react";
|
|
4
|
+
import * as s from "react";
|
|
5
|
+
import { a as V } from "../_chunks/vendor-utils.js";
|
|
6
|
+
import { cn as t } from "./lib/utils.js";
|
|
7
|
+
import { springs as S, motionProps as j } from "./lib/motion.js";
|
|
8
|
+
import { Icon as l } from "./icon.js";
|
|
9
|
+
import { A as R, m as E } from "../_chunks/framer.js";
|
|
10
|
+
const P = V(
|
|
11
|
+
"relative flex rounded-ds-lg border",
|
|
12
12
|
{
|
|
13
13
|
variants: {
|
|
14
14
|
variant: {
|
|
@@ -22,6 +22,11 @@ const V = w(
|
|
|
22
22
|
warning: "",
|
|
23
23
|
error: "",
|
|
24
24
|
neutral: ""
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
sm: "gap-ds-03 p-ds-03",
|
|
28
|
+
md: "gap-ds-04 p-ds-05",
|
|
29
|
+
lg: "gap-ds-05 p-ds-07"
|
|
25
30
|
}
|
|
26
31
|
},
|
|
27
32
|
compoundVariants: [
|
|
@@ -44,44 +49,44 @@ const V = w(
|
|
|
44
49
|
{ variant: "outline", color: "error", className: "bg-transparent border-error-7 text-error-11" },
|
|
45
50
|
{ variant: "outline", color: "neutral", className: "bg-transparent border-surface-border-strong text-surface-fg [&>svg]:text-surface-fg-muted" }
|
|
46
51
|
],
|
|
47
|
-
defaultVariants: { variant: "subtle", color: "info" }
|
|
52
|
+
defaultVariants: { variant: "subtle", color: "info", size: "md" }
|
|
48
53
|
}
|
|
49
|
-
),
|
|
50
|
-
info:
|
|
51
|
-
success:
|
|
52
|
-
warning:
|
|
53
|
-
error:
|
|
54
|
-
neutral:
|
|
55
|
-
},
|
|
56
|
-
({ className:
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
}, []);
|
|
60
|
-
return /* @__PURE__ */
|
|
61
|
-
|
|
54
|
+
), T = {
|
|
55
|
+
info: i,
|
|
56
|
+
success: A,
|
|
57
|
+
warning: C,
|
|
58
|
+
error: y,
|
|
59
|
+
neutral: i
|
|
60
|
+
}, D = s.forwardRef(
|
|
61
|
+
({ className: d, variant: m = "subtle", color: a = "info", size: e = "md", title: n, onDismiss: o, children: f, ...g }, u) => {
|
|
62
|
+
const b = T[a ?? "info"], [x, v] = s.useState(!0), p = s.useCallback(() => {
|
|
63
|
+
v(!1);
|
|
64
|
+
}, []), N = e === "sm" ? "sm" : e === "lg" ? "lg" : "md", h = e === "sm" ? "xs" : "sm", w = e === "sm" ? "text-ds-xs" : "text-ds-md", I = e === "sm" ? "text-ds-sm" : e === "lg" ? "text-ds-lg" : "text-ds-md";
|
|
65
|
+
return /* @__PURE__ */ r(R, { onExitComplete: o, children: x && /* @__PURE__ */ c(
|
|
66
|
+
E.div,
|
|
62
67
|
{
|
|
63
68
|
ref: u,
|
|
64
69
|
initial: { opacity: 1, y: 0 },
|
|
65
70
|
animate: { opacity: 1, y: 0 },
|
|
66
71
|
exit: { opacity: 0, y: -8 },
|
|
67
|
-
transition:
|
|
68
|
-
className:
|
|
72
|
+
transition: S.snappy,
|
|
73
|
+
className: t(P({ variant: m, color: a, size: e }), d),
|
|
69
74
|
role: "alert",
|
|
70
|
-
...
|
|
75
|
+
...j(g),
|
|
71
76
|
children: [
|
|
72
|
-
/* @__PURE__ */
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
|
|
75
|
-
/* @__PURE__ */
|
|
77
|
+
/* @__PURE__ */ r(l, { icon: b, size: N, className: "mt-ds-01 shrink-0" }),
|
|
78
|
+
/* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
|
|
79
|
+
n && /* @__PURE__ */ r("p", { className: t(I, "font-semibold mb-ds-01"), children: n }),
|
|
80
|
+
/* @__PURE__ */ r("div", { className: t(w, "text-surface-fg-muted"), children: f })
|
|
76
81
|
] }),
|
|
77
|
-
|
|
82
|
+
o && /* @__PURE__ */ r(
|
|
78
83
|
"button",
|
|
79
84
|
{
|
|
80
85
|
type: "button",
|
|
81
|
-
onClick:
|
|
86
|
+
onClick: p,
|
|
82
87
|
className: "shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-sm text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:text-surface-fg-muted hover:bg-surface-raised-hover active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9",
|
|
83
88
|
"aria-label": "Dismiss",
|
|
84
|
-
children: /* @__PURE__ */
|
|
89
|
+
children: /* @__PURE__ */ r(l, { icon: k, size: h })
|
|
85
90
|
}
|
|
86
91
|
)
|
|
87
92
|
]
|
|
@@ -89,8 +94,8 @@ const V = w(
|
|
|
89
94
|
) });
|
|
90
95
|
}
|
|
91
96
|
);
|
|
92
|
-
|
|
97
|
+
D.displayName = "Alert";
|
|
93
98
|
export {
|
|
94
|
-
|
|
95
|
-
|
|
99
|
+
D as Alert,
|
|
100
|
+
P as alertVariants
|
|
96
101
|
};
|
package/dist/ui/badge.d.ts
CHANGED
|
@@ -40,6 +40,12 @@ interface BadgeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'>, V
|
|
|
40
40
|
selected?: boolean;
|
|
41
41
|
disabled?: boolean;
|
|
42
42
|
maxWidth?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Truncate children with ellipsis when they overflow the badge width.
|
|
45
|
+
* Use with a fixed width (e.g. `className="w-20"`) or `maxWidth` for
|
|
46
|
+
* constrained pill badges. Always adds a title tooltip on the full text.
|
|
47
|
+
*/
|
|
48
|
+
truncate?: boolean;
|
|
43
49
|
circle?: boolean;
|
|
44
50
|
}
|
|
45
51
|
declare const BadgeCompound: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>> & {
|
package/dist/ui/badge.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;8EAyGlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,aAAa;;;;8EAyGlB,CAAA;AA0BD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,UAAU,UACR,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EACtD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACrC,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA;IACnC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AA8LD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,QAAA,MAAM,aAAa;;;CAGjB,CAAA;AAEF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,aAAa,EAAE,KAAK,UAAU,EAAE,CAAA"}
|
package/dist/ui/card.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { VariantProps } from 'class-variance-authority';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
+
type CardSize = 'sm' | 'md' | 'lg';
|
|
4
5
|
declare const cardVariants: (props?: ({
|
|
5
6
|
variant?: "flat" | "outline" | "default" | "elevated" | null | undefined;
|
|
7
|
+
color?: "default" | "accent" | "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
|
|
8
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
6
9
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
|
-
export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
|
|
10
|
+
export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof cardVariants> {
|
|
8
11
|
interactive?: boolean;
|
|
9
12
|
/** Position of the accent border strip */
|
|
10
13
|
accent?: 'left' | 'top' | 'right' | 'bottom';
|
|
@@ -13,6 +16,7 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Variant
|
|
|
13
16
|
/** Width of the accent strip in pixels @default 3 */
|
|
14
17
|
accentWidth?: 2 | 3 | 4 | 6;
|
|
15
18
|
}
|
|
19
|
+
export type { CardSize };
|
|
16
20
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
21
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
18
22
|
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/ui/card.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,YAAY
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAIlC,QAAA,MAAM,YAAY;;;;8EA2BjB,CAAA;AA2DD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAA;IAC5C,uHAAuH;IACvH,WAAW,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAChG,qDAAqD;IACrD,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAC5B;AAED,YAAY,EAAE,QAAQ,EAAE,CAAA;AAwBxB,QAAA,MAAM,IAAI,kFAiDT,CAAA;AASD,QAAA,MAAM,UAAU,6GAYd,CAAA;AAGF,QAAA,MAAM,SAAS,6GASb,CAAA;AAGF,QAAA,MAAM,eAAe,6GASnB,CAAA;AASF,QAAA,MAAM,WAAW,6GAQf,CAAA;AASF,QAAA,MAAM,UAAU,6GAYd,CAAA;AAGF,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,eAAe,EAAE,WAAW,EAAE,CAAA"}
|
package/dist/ui/card.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as a, jsxs as w } from "react/jsx-runtime";
|
|
3
3
|
import * as s from "react";
|
|
4
|
-
import { a as
|
|
5
|
-
import { tweens as
|
|
6
|
-
import { cn as
|
|
7
|
-
import { m } from "../_chunks/framer.js";
|
|
8
|
-
const
|
|
4
|
+
import { a as C } from "../_chunks/vendor-utils.js";
|
|
5
|
+
import { tweens as y, springs as N, motionProps as z } from "./lib/motion.js";
|
|
6
|
+
import { cn as d } from "./lib/utils.js";
|
|
7
|
+
import { m as u } from "../_chunks/framer.js";
|
|
8
|
+
const n = s.createContext("md"), R = C(
|
|
9
9
|
"rounded-ds-lg text-surface-fg transition-shadow duration-fast-02 ease-productive-standard",
|
|
10
10
|
{
|
|
11
11
|
variants: {
|
|
@@ -14,117 +14,149 @@ const x = v(
|
|
|
14
14
|
elevated: "bg-surface-raised border border-surface-border shadow-raised-hover",
|
|
15
15
|
outline: "bg-transparent border border-surface-border-strong shadow-none",
|
|
16
16
|
flat: "bg-surface-raised border-none shadow-none"
|
|
17
|
+
},
|
|
18
|
+
color: {
|
|
19
|
+
default: "",
|
|
20
|
+
accent: "border-accent-7",
|
|
21
|
+
error: "border-error-7",
|
|
22
|
+
success: "border-success-7",
|
|
23
|
+
warning: "border-warning-7",
|
|
24
|
+
info: "border-info-7",
|
|
25
|
+
neutral: ""
|
|
26
|
+
},
|
|
27
|
+
size: {
|
|
28
|
+
sm: "",
|
|
29
|
+
md: "",
|
|
30
|
+
lg: ""
|
|
17
31
|
}
|
|
18
32
|
},
|
|
19
|
-
defaultVariants: { variant: "default" }
|
|
33
|
+
defaultVariants: { variant: "default", color: "default", size: "md" }
|
|
20
34
|
}
|
|
21
|
-
),
|
|
35
|
+
), S = {
|
|
22
36
|
default: "var(--color-accent-9)",
|
|
23
37
|
secondary: "var(--color-secondary-9)",
|
|
24
38
|
error: "var(--color-error-9)",
|
|
25
39
|
success: "var(--color-success-9)",
|
|
26
40
|
warning: "var(--color-warning-9)",
|
|
27
41
|
info: "var(--color-info-9)"
|
|
28
|
-
},
|
|
42
|
+
}, P = {
|
|
29
43
|
left: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
|
|
30
44
|
top: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" },
|
|
31
45
|
right: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
|
|
32
46
|
bottom: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" }
|
|
33
|
-
},
|
|
47
|
+
}, H = {
|
|
34
48
|
left: "left-0 top-0 bottom-0 rounded-l-ds-lg",
|
|
35
49
|
top: "top-0 left-0 right-0 rounded-t-ds-lg",
|
|
36
50
|
right: "right-0 top-0 bottom-0 rounded-r-ds-lg",
|
|
37
51
|
bottom: "bottom-0 left-0 right-0 rounded-b-ds-lg"
|
|
38
52
|
};
|
|
39
|
-
function
|
|
40
|
-
return `${
|
|
53
|
+
function T(e, r) {
|
|
54
|
+
return `${H[e] ?? ""} ${P[e]?.[r] ?? ""}`;
|
|
41
55
|
}
|
|
42
|
-
function
|
|
43
|
-
return
|
|
56
|
+
function j(e) {
|
|
57
|
+
return S[e] ?? e;
|
|
44
58
|
}
|
|
45
|
-
const
|
|
46
|
-
({ className:
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
),
|
|
53
|
-
|
|
59
|
+
const k = s.forwardRef(
|
|
60
|
+
({ className: e, variant: r, color: o, size: t, interactive: c, accent: i, accentColor: g = "default", accentWidth: h = 3, children: b, ...l }, p) => {
|
|
61
|
+
const v = t ?? "md", f = d(
|
|
62
|
+
R({ variant: r, color: o, size: t }),
|
|
63
|
+
i && "relative overflow-hidden",
|
|
64
|
+
c && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
|
|
65
|
+
e
|
|
66
|
+
), x = i ? /* @__PURE__ */ a(
|
|
67
|
+
u.span,
|
|
54
68
|
{
|
|
55
69
|
"aria-hidden": "true",
|
|
56
70
|
initial: { opacity: 0 },
|
|
57
71
|
animate: { opacity: 1 },
|
|
58
|
-
transition:
|
|
59
|
-
className:
|
|
60
|
-
style: { backgroundColor:
|
|
72
|
+
transition: y.fade,
|
|
73
|
+
className: d("absolute pointer-events-none", T(i, h)),
|
|
74
|
+
style: { backgroundColor: j(g) }
|
|
61
75
|
}
|
|
62
|
-
) : null
|
|
63
|
-
|
|
64
|
-
|
|
76
|
+
) : null, m = /* @__PURE__ */ w(n.Provider, { value: v, children: [
|
|
77
|
+
x,
|
|
78
|
+
b
|
|
79
|
+
] });
|
|
80
|
+
return c ? /* @__PURE__ */ a(
|
|
81
|
+
u.div,
|
|
65
82
|
{
|
|
66
|
-
ref:
|
|
83
|
+
ref: p,
|
|
67
84
|
whileHover: { y: -3 },
|
|
68
85
|
whileTap: { scale: 0.98 },
|
|
69
|
-
transition:
|
|
70
|
-
className:
|
|
71
|
-
...
|
|
72
|
-
children:
|
|
73
|
-
f,
|
|
74
|
-
n
|
|
75
|
-
]
|
|
86
|
+
transition: N.snappy,
|
|
87
|
+
className: f,
|
|
88
|
+
...z(l),
|
|
89
|
+
children: m
|
|
76
90
|
}
|
|
77
|
-
) : /* @__PURE__ */
|
|
78
|
-
f,
|
|
79
|
-
n
|
|
80
|
-
] });
|
|
91
|
+
) : /* @__PURE__ */ a("div", { ref: p, className: f, ...l, children: m });
|
|
81
92
|
}
|
|
82
93
|
);
|
|
83
|
-
|
|
84
|
-
const
|
|
85
|
-
"
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
)
|
|
101
|
-
j.displayName = "CardTitle";
|
|
102
|
-
const k = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
94
|
+
k.displayName = "Card";
|
|
95
|
+
const A = {
|
|
96
|
+
sm: "p-ds-05",
|
|
97
|
+
md: "p-ds-06",
|
|
98
|
+
lg: "p-ds-07"
|
|
99
|
+
}, D = s.forwardRef(({ className: e, ...r }, o) => {
|
|
100
|
+
const t = s.useContext(n);
|
|
101
|
+
return /* @__PURE__ */ a(
|
|
102
|
+
"div",
|
|
103
|
+
{
|
|
104
|
+
ref: o,
|
|
105
|
+
className: d("flex flex-col space-y-ds-02b", A[t], e),
|
|
106
|
+
...r
|
|
107
|
+
}
|
|
108
|
+
);
|
|
109
|
+
});
|
|
110
|
+
D.displayName = "CardHeader";
|
|
111
|
+
const F = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
|
|
103
112
|
"div",
|
|
104
113
|
{
|
|
105
|
-
ref:
|
|
106
|
-
className:
|
|
107
|
-
...
|
|
114
|
+
ref: o,
|
|
115
|
+
className: d("font-sans font-semibold leading-ds-none tracking-normal text-surface-fg", e),
|
|
116
|
+
...r
|
|
108
117
|
}
|
|
109
118
|
));
|
|
110
|
-
|
|
111
|
-
const
|
|
112
|
-
A.displayName = "CardContent";
|
|
113
|
-
const D = s.forwardRef(({ className: r, ...e }, a) => /* @__PURE__ */ t(
|
|
119
|
+
F.displayName = "CardTitle";
|
|
120
|
+
const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
|
|
114
121
|
"div",
|
|
115
122
|
{
|
|
116
|
-
ref:
|
|
117
|
-
className:
|
|
118
|
-
...
|
|
123
|
+
ref: o,
|
|
124
|
+
className: d("text-ds-md text-surface-fg-muted", e),
|
|
125
|
+
...r
|
|
119
126
|
}
|
|
120
127
|
));
|
|
121
|
-
|
|
128
|
+
V.displayName = "CardDescription";
|
|
129
|
+
const $ = {
|
|
130
|
+
sm: "p-ds-05 pt-0",
|
|
131
|
+
md: "p-ds-06 pt-0",
|
|
132
|
+
lg: "p-ds-07 pt-0"
|
|
133
|
+
}, E = s.forwardRef(({ className: e, ...r }, o) => {
|
|
134
|
+
const t = s.useContext(n);
|
|
135
|
+
return /* @__PURE__ */ a("div", { ref: o, className: d($[t], e), ...r });
|
|
136
|
+
});
|
|
137
|
+
E.displayName = "CardContent";
|
|
138
|
+
const M = {
|
|
139
|
+
sm: "p-ds-05 pt-0",
|
|
140
|
+
md: "p-ds-06 pt-0",
|
|
141
|
+
lg: "p-ds-07 pt-0"
|
|
142
|
+
}, q = s.forwardRef(({ className: e, ...r }, o) => {
|
|
143
|
+
const t = s.useContext(n);
|
|
144
|
+
return /* @__PURE__ */ a(
|
|
145
|
+
"div",
|
|
146
|
+
{
|
|
147
|
+
ref: o,
|
|
148
|
+
className: d("flex items-center", M[t], e),
|
|
149
|
+
...r
|
|
150
|
+
}
|
|
151
|
+
);
|
|
152
|
+
});
|
|
153
|
+
q.displayName = "CardFooter";
|
|
122
154
|
export {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
155
|
+
k as Card,
|
|
156
|
+
E as CardContent,
|
|
157
|
+
V as CardDescription,
|
|
158
|
+
q as CardFooter,
|
|
159
|
+
D as CardHeader,
|
|
160
|
+
F as CardTitle,
|
|
161
|
+
R as cardVariants
|
|
130
162
|
};
|
package/dist/ui/code.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/date-utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"date-utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/date-utils.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAgBnE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"motion.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/motion.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI/C,eAAO,MAAM,OAAO;IAClB,sDAAsD;qBACgB,UAAU;IAChF,0CAA0C;qBAC4B,UAAU;IAChF,4CAA4C;qBAC0B,UAAU;IAChF,iDAAiD;qBACqB,UAAU;IAChF,qEAAqE;yBACK,UAAU;CAC5E,CAAA;AAIV,eAAO,MAAM,MAAM;IACjB,yBAAyB;mBACmC,UAAU;IACtE,0CAA0C;yBACwB,UAAU;IAC5E,2DAA2D;sBACc,UAAU;IACnF,oFAAoF;qBACZ,UAAU;CAC1E,CAAA;AAIV,wBAAgB,OAAO,CAAC,KAAK,SAAO;;;;;;;;;;;EAKnC;AAID,wBAAgB,iBAAiB,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAEpE;AAID,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,OAAO,CAAA;AAC/C,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,MAAM,CAAA;AAQ7C;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEhG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/ui/lib/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAA;AAc5C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
|
package/dist/ui/select.d.ts
CHANGED
|
@@ -27,6 +27,8 @@ declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
|
27
27
|
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
28
28
|
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
29
29
|
export declare const selectTriggerVariants: (props?: ({
|
|
30
|
+
variant?: "outline" | "default" | "ghost" | null | undefined;
|
|
31
|
+
color?: "default" | "success" | "error" | "warning" | null | undefined;
|
|
30
32
|
size?: "xs" | "sm" | "md" | "lg" | null | undefined;
|
|
31
33
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
32
34
|
/**
|
|
@@ -37,7 +39,7 @@ export declare const selectTriggerVariants: (props?: ({
|
|
|
37
39
|
* <SelectValue placeholder="Select an option" />
|
|
38
40
|
* </SelectTrigger>
|
|
39
41
|
*/
|
|
40
|
-
export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, VariantProps<typeof selectTriggerVariants> {
|
|
42
|
+
export interface SelectTriggerProps extends Omit<React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>, 'color'>, VariantProps<typeof selectTriggerVariants> {
|
|
41
43
|
}
|
|
42
44
|
declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
43
45
|
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/ui/select.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,0BAA0B,CAAA;AAE3D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,WAAW,yGAAwB,CAAA;AAEzC,QAAA,MAAM,WAAW,0GAAwB,CAAA;AAEzC,eAAO,MAAM,qBAAqB;;;;8EA2BjC,CAAA;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACnF,YAAY,CAAC,OAAO,qBAAqB,CAAC;CAAG;AAEjD,QAAA,MAAM,aAAa,8FAejB,CAAA;AAGF,QAAA,MAAM,oBAAoB,qKAcxB,CAAA;AAGF,QAAA,MAAM,sBAAsB,uKAc1B,CAAA;AAIF,QAAA,MAAM,aAAa,8JAoCjB,CAAA;AAGF,QAAA,MAAM,WAAW,4JASf,CAAA;AAGF,QAAA,MAAM,UAAU,2JAmBd,CAAA;AAGF,QAAA,MAAM,eAAe,gKASnB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAA"}
|