@devalok/shilp-sutra 0.29.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/avatar-group.d.ts.map +1 -1
- package/dist/composed/avatar-group.js +94 -79
- package/dist/composed/content-card.d.ts.map +1 -1
- package/dist/composed/index.d.ts +1 -1
- package/dist/composed/index.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-header.js +36 -23
- 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/composed/rich-text-editor.d.ts +3 -0
- package/dist/composed/rich-text-editor.d.ts.map +1 -1
- package/dist/composed/rich-text-editor.js +243 -240
- package/dist/tokens/primitives.css +10 -0
- package/dist/tokens/semantic.css +6 -2
- 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/button-processing.d.ts +2 -1
- package/dist/ui/button-processing.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/lib/utils.js +3 -3
- 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/composed/rich-text-editor.md +6 -0
- 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 +25 -1
- package/llms.txt +23 -4
- package/package.json +37 -2
|
@@ -427,4 +427,14 @@
|
|
|
427
427
|
--emerald-11: oklch(0.76 0.0821 160);
|
|
428
428
|
--emerald-12: oklch(0.88 0.0316 160);
|
|
429
429
|
|
|
430
|
+
/* ── Amber Bright (dark) — warning semantic use — H:65, higher chroma than category amber ── */
|
|
431
|
+
--amber-bright-2: oklch(0.18 0.02 65);
|
|
432
|
+
--amber-bright-3: oklch(0.25 0.045 65);
|
|
433
|
+
--amber-bright-4: oklch(0.32 0.065 65);
|
|
434
|
+
--amber-bright-5: oklch(0.38 0.085 65);
|
|
435
|
+
--amber-bright-7: oklch(0.50 0.13 65);
|
|
436
|
+
--amber-bright-9: oklch(0.72 0.17 65);
|
|
437
|
+
--amber-bright-10: oklch(0.66 0.17 65);
|
|
438
|
+
--amber-bright-11: oklch(0.82 0.11 65);
|
|
439
|
+
|
|
430
440
|
}
|
package/dist/tokens/semantic.css
CHANGED
|
@@ -424,12 +424,16 @@
|
|
|
424
424
|
--color-success-fg: var(--neutral-12);
|
|
425
425
|
--color-info-fg: var(--neutral-12);
|
|
426
426
|
|
|
427
|
-
/* Warning: amber-bright
|
|
427
|
+
/* Warning: amber-bright dark ramp for dark mode */
|
|
428
428
|
--color-warning-2: var(--amber-bright-2);
|
|
429
429
|
--color-warning-3: var(--amber-bright-3);
|
|
430
430
|
--color-warning-4: var(--amber-bright-4);
|
|
431
431
|
--color-warning-5: var(--amber-bright-5);
|
|
432
|
-
--color-warning-
|
|
432
|
+
--color-warning-7: var(--amber-bright-7);
|
|
433
|
+
--color-warning-9: var(--amber-bright-9);
|
|
434
|
+
--color-warning-10: var(--amber-bright-10);
|
|
435
|
+
--color-warning-11: var(--amber-bright-11);
|
|
436
|
+
--color-warning-fg: var(--neutral-12);
|
|
433
437
|
|
|
434
438
|
/* Dark mode borders need lower contrast — bright borders look harsh.
|
|
435
439
|
Drop to step 3/4 for subtle resting borders that don't overpower surfaces */
|
|
@@ -39,7 +39,17 @@
|
|
|
39
39
|
font-display: swap;
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
/* ── Title Scale (T1–T7)
|
|
42
|
+
/* ── DEPRECATED Title Scale (T1–T7) ────────────────────────────────
|
|
43
|
+
* @deprecated Use typography-semantic.css tokens instead:
|
|
44
|
+
* T1-Reg → --typo-heading-2xl (60px)
|
|
45
|
+
* T2-Reg → --typo-heading-xl (48px)
|
|
46
|
+
* T3-Reg → --typo-heading-lg (36px)
|
|
47
|
+
* T4-Reg → --typo-heading-md (32px)
|
|
48
|
+
* T5-Reg → --typo-heading-sm (24px)
|
|
49
|
+
* T6-Reg → --typo-heading-xs (20px)
|
|
50
|
+
* T7-Reg → --typo-heading-xs (20px, tighter)
|
|
51
|
+
* These classes will be removed in v1.0.
|
|
52
|
+
* ──────────────────────────────────────────────────────────────── */
|
|
43
53
|
|
|
44
54
|
.T1-Reg {
|
|
45
55
|
font-family: inherit;
|
|
@@ -103,7 +113,15 @@
|
|
|
103
113
|
letter-spacing: -0.48px;
|
|
104
114
|
}
|
|
105
115
|
|
|
106
|
-
/* ── Body Scale (B1–B8)
|
|
116
|
+
/* ── DEPRECATED Body Scale (B1–B8) ─────────────────────────────────
|
|
117
|
+
* @deprecated Use typography-semantic.css tokens instead:
|
|
118
|
+
* B1-Reg → --typo-body-lg (16px)
|
|
119
|
+
* B2-Reg → --typo-body-md (14px)
|
|
120
|
+
* B3-Reg → --typo-body-sm (12px)
|
|
121
|
+
* B4-Reg → --typo-body-xs (10px)
|
|
122
|
+
* B5-B8 → Use body-lg/md/sm/xs with weight overrides
|
|
123
|
+
* These classes will be removed in v1.0.
|
|
124
|
+
* ──────────────────────────────────────────────────────────────── */
|
|
107
125
|
|
|
108
126
|
.B1-Reg {
|
|
109
127
|
font-family: inherit;
|
|
@@ -184,7 +202,15 @@
|
|
|
184
202
|
letter-spacing: -0.32px;
|
|
185
203
|
}
|
|
186
204
|
|
|
187
|
-
/* ── Label Scale (L1–L6)
|
|
205
|
+
/* ── DEPRECATED Label Scale (L1–L6) ────────────────────────────────
|
|
206
|
+
* @deprecated Use typography-semantic.css tokens instead:
|
|
207
|
+
* L1 → --typo-label-lg (16px)
|
|
208
|
+
* L2 → --typo-label-md (14px)
|
|
209
|
+
* L3 → --typo-label-sm (12px)
|
|
210
|
+
* L4 → --typo-label-xs (10px)
|
|
211
|
+
* L5-L6 → Use label-sm/xs with weight overrides
|
|
212
|
+
* These classes will be removed in v1.0.
|
|
213
|
+
* ──────────────────────────────────────────────────────────────── */
|
|
188
214
|
|
|
189
215
|
.L1 {
|
|
190
216
|
font-family: inherit;
|
|
@@ -236,7 +262,10 @@
|
|
|
236
262
|
text-transform: uppercase;
|
|
237
263
|
}
|
|
238
264
|
|
|
239
|
-
/* ── Paragraph Scale (P1–P7)
|
|
265
|
+
/* ── DEPRECATED Paragraph Scale (P1–P7) ────────────────────────────
|
|
266
|
+
* @deprecated Use typography-semantic.css --typo-body-* tokens instead.
|
|
267
|
+
* These classes will be removed in v1.0.
|
|
268
|
+
* ──────────────────────────────────────────────────────────────── */
|
|
240
269
|
/* NOTE: P2 (0.36px tracking) and B5-Reg (0.32px tracking) are near-identical
|
|
241
270
|
at 16px/140%. P2 is for paragraph blocks, B5-Reg for inline body text. */
|
|
242
271
|
|
package/dist/ui/alert.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ import * as React from 'react';
|
|
|
4
4
|
declare const alertVariants: (props?: ({
|
|
5
5
|
variant?: "outline" | "filled" | "subtle" | null | undefined;
|
|
6
6
|
color?: "success" | "error" | "info" | "warning" | "neutral" | null | undefined;
|
|
7
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
7
8
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
8
9
|
/**
|
|
9
10
|
* Props for Alert — an inline message block with a colored icon, optional title, optional body,
|
package/dist/ui/alert.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/ui/alert.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,aAAa;;;;8EA4ClB,CAAA;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,KAAK,mFA+CV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
|
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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
export type ProcessingSpeed = 'ambient' | 'working' | 'urgent';
|
|
3
|
-
|
|
3
|
+
interface ProcessingOverlayProps {
|
|
4
4
|
active: boolean;
|
|
5
5
|
speed: ProcessingSpeed;
|
|
6
6
|
/** Resolved color name — maps to CSS token `--color-{name}-9` */
|
|
@@ -12,4 +12,5 @@ export interface ProcessingOverlayProps {
|
|
|
12
12
|
* Not exported from the barrel — used only by Button.
|
|
13
13
|
*/
|
|
14
14
|
export declare function ProcessingOverlay({ active, speed, color }: ProcessingOverlayProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
15
16
|
//# sourceMappingURL=button-processing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,
|
|
1
|
+
{"version":3,"file":"button-processing.d.ts","sourceRoot":"","sources":["../../src/ui/button-processing.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9D,UAAU,sBAAsB;IAC9B,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,eAAe,CAAA;IACtB,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;CACd;AAwBD;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,sBAAsB,2CA6EjF"}
|
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/lib/utils.js
CHANGED
|
@@ -5,13 +5,13 @@ const t = d({
|
|
|
5
5
|
spacing: ["ds-01", "ds-02", "ds-02b", "ds-03", "ds-04", "ds-05", "ds-05b", "ds-06", "ds-06b", "ds-07", "ds-08", "ds-09", "ds-10", "ds-11", "ds-12", "ds-13"]
|
|
6
6
|
},
|
|
7
7
|
classGroups: {
|
|
8
|
-
"font-size": [{ "text-ds": ["xs", "sm", "md"] }]
|
|
8
|
+
"font-size": [{ "text-ds": ["xs", "sm", "md", "base", "lg", "xl", "2xl", "3xl", "4xl", "5xl", "6xl"] }]
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
function
|
|
12
|
+
function l(...s) {
|
|
13
13
|
return t(e(s));
|
|
14
14
|
}
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
l as cn
|
|
17
17
|
};
|
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"}
|