@ngrok/mantle 0.0.23 → 0.0.25
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/assets/mantle.css
CHANGED
|
@@ -543,10 +543,10 @@
|
|
|
543
543
|
--bg-popover: var(--white);
|
|
544
544
|
--bg-dialog: var(--white);
|
|
545
545
|
|
|
546
|
-
--bg-base-hover: var(--neutral-
|
|
547
|
-
--bg-card-hover: var(--neutral-
|
|
548
|
-
--bg-popover-hover: var(--neutral-
|
|
549
|
-
--bg-dialog-hover: var(--neutral-
|
|
546
|
+
--bg-base-hover: var(--neutral-100);
|
|
547
|
+
--bg-card-hover: var(--neutral-100);
|
|
548
|
+
--bg-popover-hover: var(--neutral-100);
|
|
549
|
+
--bg-dialog-hover: var(--neutral-100);
|
|
550
550
|
|
|
551
551
|
--border-base: var(--neutral-300);
|
|
552
552
|
--border-card: var(--neutral-300);
|
|
@@ -841,10 +841,10 @@
|
|
|
841
841
|
--bg-popover: var(--neutral-100);
|
|
842
842
|
--bg-dialog: var(--neutral-50);
|
|
843
843
|
|
|
844
|
-
--bg-base-hover: var(--neutral-
|
|
845
|
-
--bg-card-hover: var(--neutral-
|
|
846
|
-
--bg-popover-hover: var(--neutral-
|
|
847
|
-
--bg-dialog-hover: var(--neutral-
|
|
844
|
+
--bg-base-hover: var(--neutral-100);
|
|
845
|
+
--bg-card-hover: var(--neutral-200);
|
|
846
|
+
--bg-popover-hover: var(--neutral-200);
|
|
847
|
+
--bg-dialog-hover: var(--neutral-100);
|
|
848
848
|
|
|
849
849
|
--border-base: var(--neutral-300);
|
|
850
850
|
--border-card: var(--neutral-300);
|
|
@@ -1,15 +1,23 @@
|
|
|
1
|
-
import { type ButtonHTMLAttributes } from "react";
|
|
1
|
+
import { ReactNode, type ButtonHTMLAttributes } from "react";
|
|
2
2
|
import type { WithAsChild } from "../../types/src/as-child";
|
|
3
3
|
import type { VariantProps } from "../../types/src/variant-props";
|
|
4
4
|
declare const buttonVariants: (props?: ({
|
|
5
|
-
appearance?: "link" | "
|
|
5
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
6
|
+
iconPlacement?: "end" | "start" | null | undefined;
|
|
6
7
|
priority?: "danger" | "default" | "neutral" | null | undefined;
|
|
8
|
+
state?: "idle" | "pending" | null | undefined;
|
|
7
9
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
10
|
type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
9
11
|
/**
|
|
10
12
|
* The props for the `Button` component.
|
|
11
13
|
*/
|
|
12
|
-
export type ButtonProps =
|
|
14
|
+
export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & ButtonVariants & {
|
|
15
|
+
/**
|
|
16
|
+
* An icon to render inside the button. If the `state` is `"pending"`, then
|
|
17
|
+
* the icon will automatically be replaced with a spinner.
|
|
18
|
+
*/
|
|
19
|
+
icon?: ReactNode;
|
|
20
|
+
};
|
|
13
21
|
/**
|
|
14
22
|
* Renders a button or a component that looks like a button, an interactive
|
|
15
23
|
* element activated by a user with a mouse, keyboard, finger, voice command, or
|
|
@@ -18,9 +26,17 @@ export type ButtonProps = WithAsChild & ButtonHTMLAttributes<HTMLButtonElement>
|
|
|
18
26
|
*
|
|
19
27
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
|
|
20
28
|
*/
|
|
21
|
-
declare const Button: import("react").ForwardRefExoticComponent<
|
|
22
|
-
appearance?: "link" | "
|
|
29
|
+
declare const Button: import("react").ForwardRefExoticComponent<ButtonHTMLAttributes<HTMLButtonElement> & WithAsChild & Partial<import("../..").DeepNonNullable<import("class-variance-authority").VariantProps<(props?: ({
|
|
30
|
+
appearance?: "link" | "filled" | "ghost" | "outlined" | null | undefined;
|
|
31
|
+
iconPlacement?: "end" | "start" | null | undefined;
|
|
23
32
|
priority?: "danger" | "default" | "neutral" | null | undefined;
|
|
24
|
-
|
|
33
|
+
state?: "idle" | "pending" | null | undefined;
|
|
34
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string>>> & {
|
|
35
|
+
/**
|
|
36
|
+
* An icon to render inside the button. If the `state` is `"pending"`, then
|
|
37
|
+
* the icon will automatically be replaced with a spinner.
|
|
38
|
+
*/
|
|
39
|
+
icon?: ReactNode;
|
|
40
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
25
41
|
export { Button, buttonVariants };
|
|
26
42
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../components/button/src/button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAQN,SAAS,EACT,KAAK,oBAAoB,EACzB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAElE,QAAA,MAAM,cAAc;;;;;8EAkGnB,CAAC;AAEF,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAE1D;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAChE,WAAW,GACX,cAAc,GAAG;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CACjB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,MAAM;;;;;;IAfV;;;OAGG;WACI,SAAS;qDAmFjB,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import {jsx as $hLlzK$jsx, jsxs as $hLlzK$jsxs, Fragment as $hLlzK$Fragment} from "react/jsx-runtime";
|
|
2
2
|
import {cva as $hLlzK$cva} from "class-variance-authority";
|
|
3
|
-
import {forwardRef as $hLlzK$forwardRef, createContext as $hLlzK$createContext, useState as $hLlzK$useState, useMemo as $hLlzK$useMemo, useRef as $hLlzK$useRef, useId as $hLlzK$useId, useContext as $hLlzK$useContext, useEffect as $hLlzK$useEffect, useCallback as $hLlzK$useCallback, useSyncExternalStore as $hLlzK$useSyncExternalStore} from "react";
|
|
4
|
-
import {clsx as $hLlzK$clsx} from "clsx";
|
|
3
|
+
import {forwardRef as $hLlzK$forwardRef, Children as $hLlzK$Children, isValidElement as $hLlzK$isValidElement, cloneElement as $hLlzK$cloneElement, createContext as $hLlzK$createContext, useState as $hLlzK$useState, useMemo as $hLlzK$useMemo, useRef as $hLlzK$useRef, useId as $hLlzK$useId, useContext as $hLlzK$useContext, useEffect as $hLlzK$useEffect, useCallback as $hLlzK$useCallback, useSyncExternalStore as $hLlzK$useSyncExternalStore} from "react";
|
|
4
|
+
import $hLlzK$clsx1, {clsx as $hLlzK$clsx} from "clsx";
|
|
5
5
|
import {twMerge as $hLlzK$twMerge} from "tailwind-merge";
|
|
6
6
|
import {Slot as $hLlzK$Slot} from "@radix-ui/react-slot";
|
|
7
|
+
import {CircleNotch as $hLlzK$CircleNotch} from "@phosphor-icons/react/CircleNotch";
|
|
7
8
|
import {Root as $hLlzK$Root, Indicator as $hLlzK$Indicator} from "@radix-ui/react-checkbox";
|
|
8
9
|
import $hLlzK$prismjs from "prismjs";
|
|
9
10
|
import "prismjs/components/prism-bash.js";
|
|
@@ -128,33 +129,58 @@ $parcel$export($e4a151af04a6a62e$exports, "Button", function () { return $c2638d
|
|
|
128
129
|
|
|
129
130
|
|
|
130
131
|
|
|
131
|
-
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center justify-center gap-1.5 whitespace-nowrap rounded-md focus-within:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 aria-disabled:opacity-50 sm:text-sm [&>*]:focus-within:outline-none", {
|
|
132
135
|
variants: {
|
|
133
|
-
|
|
134
|
-
|
|
136
|
+
/**
|
|
137
|
+
* Defines the visual style of the Button.
|
|
138
|
+
*/ appearance: {
|
|
135
139
|
filled: "inline-flex h-11 border border-transparent bg-filled-accent px-3 font-medium text-on-filled hover:bg-filled-accent-hover focus-visible:border-accent-600 focus-visible:ring-focus-accent active:bg-filled-accent-active sm:h-9",
|
|
136
|
-
ghost: "inline-flex h-11 border border-transparent px-3 font-medium text-accent-600 hover:
|
|
137
|
-
|
|
140
|
+
ghost: "inline-flex h-11 border border-transparent px-3 font-medium text-accent-600 hover:bg-accent-500/10 hover:text-accent-700 focus-visible:ring-focus-accent active:bg-accent-500/15 active:text-accent-700 sm:h-9",
|
|
141
|
+
outlined: "inline-flex h-11 border border-accent-600 bg-form px-3 font-medium text-accent-600 hover:border-accent-700 hover:bg-accent-500/10 hover:text-accent-700 focus-visible:ring-focus-accent active:border-accent-700 active:bg-accent-500/15 active:text-accent-700 sm:h-9",
|
|
142
|
+
link: "group inline cursor-pointer border-transparent text-accent-600 hover:underline focus-visible:ring-focus-accent"
|
|
138
143
|
},
|
|
139
|
-
|
|
140
|
-
|
|
144
|
+
/**
|
|
145
|
+
* The side that the icon will render on, if one is present. If `state="pending"`,
|
|
146
|
+
* then the loading icon will also render on this side.
|
|
147
|
+
*/ iconPlacement: {
|
|
148
|
+
end: "pe-2.5",
|
|
149
|
+
start: "ps-2.5"
|
|
150
|
+
},
|
|
151
|
+
/**
|
|
152
|
+
* Indicates the importance or impact level of the button, affecting its
|
|
153
|
+
* color and styling to communicate its purpose to the user
|
|
154
|
+
*/ priority: {
|
|
141
155
|
danger: "",
|
|
156
|
+
default: "",
|
|
142
157
|
neutral: ""
|
|
158
|
+
},
|
|
159
|
+
/**
|
|
160
|
+
* The state of the button, default `"idle"`. If the button should present
|
|
161
|
+
* a "loading state", use `"pending"`. Setting the state to `"pending"` will
|
|
162
|
+
* replace any `icon` with a spinner, or add one if an icon wasn't given.
|
|
163
|
+
* It will also disable user interaction with the button and set `aria-disabled`.
|
|
164
|
+
*/ state: {
|
|
165
|
+
idle: "",
|
|
166
|
+
pending: "opacity-50"
|
|
143
167
|
}
|
|
144
168
|
},
|
|
145
169
|
defaultVariants: {
|
|
146
|
-
appearance: "
|
|
170
|
+
appearance: "outlined",
|
|
171
|
+
priority: "default",
|
|
172
|
+
state: "idle"
|
|
147
173
|
},
|
|
148
174
|
compoundVariants: [
|
|
149
175
|
{
|
|
150
176
|
appearance: "ghost",
|
|
151
177
|
priority: "danger",
|
|
152
|
-
class: "border-transparent text-danger-600 hover:
|
|
178
|
+
class: "border-transparent text-danger-600 hover:bg-danger-500/10 hover:text-danger-700 focus-visible:ring-focus-danger active:bg-danger-500/15 active:text-danger-700"
|
|
153
179
|
},
|
|
154
180
|
{
|
|
155
181
|
appearance: "outlined",
|
|
156
182
|
priority: "danger",
|
|
157
|
-
class: "border-danger-600
|
|
183
|
+
class: "border-danger-600 bg-form text-danger-600 hover:border-danger-700 hover:bg-danger-500/10 hover:text-danger-700 focus-visible:ring-focus-danger active:border-danger-700 active:bg-danger-500/15 active:text-danger-700"
|
|
158
184
|
},
|
|
159
185
|
{
|
|
160
186
|
appearance: "filled",
|
|
@@ -169,12 +195,12 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
|
|
|
169
195
|
{
|
|
170
196
|
appearance: "ghost",
|
|
171
197
|
priority: "neutral",
|
|
172
|
-
class: "
|
|
198
|
+
class: "border-transparent text-strong hover:bg-neutral-500/10 hover:text-strong focus-visible:ring-focus-accent active:bg-neutral-500/15 active:text-strong"
|
|
173
199
|
},
|
|
174
200
|
{
|
|
175
201
|
appearance: "outlined",
|
|
176
202
|
priority: "neutral",
|
|
177
|
-
class: "
|
|
203
|
+
class: "border-form bg-form text-strong hover:border-neutral-400 hover:bg-form-hover hover:text-strong focus-visible:border-accent-600 focus-visible:ring-focus-accent active:border-neutral-400 active:bg-neutral-500/10 active:text-strong focus-visible:active:border-accent-600"
|
|
178
204
|
},
|
|
179
205
|
{
|
|
180
206
|
appearance: "filled",
|
|
@@ -195,19 +221,77 @@ const $c2638d7be6bdca12$export$dca1ee5a936bb312 = (0, $hLlzK$cva)("items-center
|
|
|
195
221
|
* as submitting a form or opening a dialog.
|
|
196
222
|
*
|
|
197
223
|
* @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button
|
|
198
|
-
*/ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className:
|
|
199
|
-
const
|
|
200
|
-
|
|
201
|
-
className:
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
224
|
+
*/ const $c2638d7be6bdca12$export$353f5b6fc5456de1 = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ appearance: appearance = "outlined", asChild: asChild = false, children: children, className: propClassName, icon: propIcon, iconPlacement: iconPlacement = "start", priority: priority = "default", state: state = "idle", "aria-disabled": _ariaDisabled, ...props }, ref)=>{
|
|
225
|
+
const ariaDisabled = _ariaDisabled !== null && _ariaDisabled !== void 0 ? _ariaDisabled : state === "pending";
|
|
226
|
+
const icon = state === "pending" ? /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$CircleNotch), {
|
|
227
|
+
className: "animate-spin"
|
|
228
|
+
}) : propIcon;
|
|
229
|
+
const className = (0, $a4274013049f8f7f$export$a274e22fb40f762e)($c2638d7be6bdca12$export$dca1ee5a936bb312({
|
|
230
|
+
appearance: appearance,
|
|
231
|
+
priority: priority,
|
|
232
|
+
state: state,
|
|
233
|
+
iconPlacement: icon ? iconPlacement : undefined
|
|
234
|
+
}), propClassName);
|
|
235
|
+
const onClickCapture = (event)=>{
|
|
236
|
+
var _props_onClickCapture;
|
|
237
|
+
if (state === "pending") {
|
|
238
|
+
event.preventDefault();
|
|
239
|
+
event.stopPropagation();
|
|
240
|
+
}
|
|
241
|
+
(_props_onClickCapture = props.onClickCapture) === null || _props_onClickCapture === void 0 ? void 0 : _props_onClickCapture.call(props, event);
|
|
242
|
+
};
|
|
243
|
+
if (asChild) {
|
|
244
|
+
var _singleChild_props;
|
|
245
|
+
const singleChild = (0, $hLlzK$Children).only(children);
|
|
246
|
+
const isValidChild = /*#__PURE__*/ (0, $hLlzK$isValidElement)(singleChild);
|
|
247
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
248
|
+
const grandchildren = isValidChild ? (_singleChild_props = singleChild.props) === null || _singleChild_props === void 0 ? void 0 : _singleChild_props.children : null;
|
|
249
|
+
return /*#__PURE__*/ (0, $hLlzK$jsx)((0, $hLlzK$Slot), {
|
|
250
|
+
"aria-disabled": ariaDisabled,
|
|
251
|
+
className: className,
|
|
252
|
+
"data-state": state,
|
|
253
|
+
onClickCapture: onClickCapture,
|
|
254
|
+
ref: ref,
|
|
255
|
+
...props,
|
|
256
|
+
children: isValidChild && /*#__PURE__*/ (0, $hLlzK$cloneElement)(singleChild, {}, /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$InnerContent, {
|
|
257
|
+
appearance: appearance,
|
|
258
|
+
icon: icon,
|
|
259
|
+
iconPlacement: iconPlacement,
|
|
260
|
+
children: grandchildren
|
|
261
|
+
}))
|
|
262
|
+
});
|
|
263
|
+
}
|
|
264
|
+
return /*#__PURE__*/ (0, $hLlzK$jsx)("button", {
|
|
265
|
+
"aria-disabled": ariaDisabled,
|
|
266
|
+
className: className,
|
|
267
|
+
"data-state": state,
|
|
268
|
+
onClickCapture: onClickCapture,
|
|
206
269
|
ref: ref,
|
|
207
|
-
...props
|
|
270
|
+
...props,
|
|
271
|
+
children: /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$InnerContent, {
|
|
272
|
+
appearance: appearance,
|
|
273
|
+
icon: icon,
|
|
274
|
+
iconPlacement: iconPlacement,
|
|
275
|
+
children: children
|
|
276
|
+
})
|
|
208
277
|
});
|
|
209
278
|
});
|
|
210
279
|
$c2638d7be6bdca12$export$353f5b6fc5456de1.displayName = "Button";
|
|
280
|
+
const $c2638d7be6bdca12$var$ButtonIcon = ({ children: children, className: className, ...props })=>/*#__PURE__*/ (0, $hLlzK$jsx)("span", {
|
|
281
|
+
className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("[&>svg]:size-5", className),
|
|
282
|
+
...props,
|
|
283
|
+
children: children
|
|
284
|
+
});
|
|
285
|
+
const $c2638d7be6bdca12$var$InnerContent = ({ appearance: appearance, children: children, icon: icon, iconPlacement: iconPlacement })=>/*#__PURE__*/ (0, $hLlzK$jsxs)("span", {
|
|
286
|
+
className: (0, $hLlzK$clsx1)("inline-flex items-center gap-1.5 focus-within:outline-none focus-visible:outline-none", appearance === "link" && "group-hover:underline"),
|
|
287
|
+
children: [
|
|
288
|
+
icon && /*#__PURE__*/ (0, $hLlzK$jsx)($c2638d7be6bdca12$var$ButtonIcon, {
|
|
289
|
+
className: (0, $hLlzK$clsx1)(iconPlacement === "end" && "order-last"),
|
|
290
|
+
children: icon
|
|
291
|
+
}),
|
|
292
|
+
children
|
|
293
|
+
]
|
|
294
|
+
});
|
|
211
295
|
|
|
212
296
|
|
|
213
297
|
|
|
@@ -533,7 +617,7 @@ const $3e8792480c5dc036$export$2e9b808b8155db21 = /*#__PURE__*/ (0, $hLlzK$forwa
|
|
|
533
617
|
]);
|
|
534
618
|
return /*#__PURE__*/ (0, $hLlzK$jsxs)("button", {
|
|
535
619
|
type: "button",
|
|
536
|
-
className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("absolute right-3 top-3 z-10 flex h-7 w-7 items-center justify-center rounded border border-gray-300 bg-gray-50 shadow-[-1rem_0_0.75rem_-0.375rem_hsl(var(--gray-50)),1rem_0_0_-0.25rem_hsl(var(--gray-50))] hover:border-gray-400 hover:bg-gray-200 focus-visible:border-accent-600 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-focus-accent", copied && "w-auto gap-1 border-transparent bg-filled-success pl-2 pr-1.5 text-on-filled hover:border-transparent hover:bg-filled-success
|
|
620
|
+
className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("absolute right-3 top-3 z-10 flex h-7 w-7 items-center justify-center rounded border border-gray-300 bg-gray-50 shadow-[-1rem_0_0.75rem_-0.375rem_hsl(var(--gray-50)),1rem_0_0_-0.25rem_hsl(var(--gray-50))] hover:border-gray-400 hover:bg-gray-200 focus-visible:border-accent-600 focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-focus-accent", copied && "w-auto gap-1 border-transparent bg-filled-success pl-2 pr-1.5 text-on-filled hover:border-transparent hover:bg-filled-success focus:bg-filled-success focus-visible:border-success-600 focus-visible:ring-focus-success", className),
|
|
537
621
|
ref: ref,
|
|
538
622
|
style: style,
|
|
539
623
|
onClick: async ()=>{
|
|
@@ -843,7 +927,7 @@ $parcel$export($fd39f83d90873c05$exports, "Input", function () { return $69de6bd
|
|
|
843
927
|
const $69de6bdb0e8d2083$var$inputVariants = (0, $hLlzK$cva)("flex h-11 w-full rounded-md border bg-form px-3 py-2 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 sm:h-9 sm:text-sm", {
|
|
844
928
|
variants: {
|
|
845
929
|
state: {
|
|
846
|
-
default: "text-strong
|
|
930
|
+
default: "border-form text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent",
|
|
847
931
|
danger: "border-danger-600 placeholder:text-placeholder focus:border-danger-600 focus:ring-focus-danger"
|
|
848
932
|
}
|
|
849
933
|
},
|
|
@@ -929,7 +1013,7 @@ $parcel$export($b459be25b0c516ed$exports, "PasswordInput", function () { return
|
|
|
929
1013
|
const $66e13ce5ec226639$var$passwordInputVariants = (0, $hLlzK$cva)("flex h-11 w-full rounded-md border bg-white px-3 py-2 focus-within:outline-none focus-within:ring-4 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 sm:h-9 sm:text-sm", {
|
|
930
1014
|
variants: {
|
|
931
1015
|
state: {
|
|
932
|
-
default: "text-strong
|
|
1016
|
+
default: "border-form text-strong placeholder:text-placeholder focus-within:border-accent-600 focus-within:ring-focus-accent",
|
|
933
1017
|
danger: "border-danger-600 focus-within:border-danger-600 focus-within:ring-focus-danger"
|
|
934
1018
|
}
|
|
935
1019
|
},
|
|
@@ -1034,7 +1118,7 @@ const $b0b413c594e2809e$var$selectTriggerVariants = (0, $hLlzK$cva)("flex h-11 w
|
|
|
1034
1118
|
variants: {
|
|
1035
1119
|
state: {
|
|
1036
1120
|
danger: "border-danger-600 focus:border-danger-600 focus:ring-focus-danger aria-expanded:border-danger-600 aria-expanded:ring-focus-danger",
|
|
1037
|
-
default: "text-strong
|
|
1121
|
+
default: "borderpform text-strong placeholder:text-placeholder focus:border-accent-600 focus:ring-focus-accent aria-expanded:border-accent-600 aria-expanded:ring-focus-accent"
|
|
1038
1122
|
}
|
|
1039
1123
|
},
|
|
1040
1124
|
defaultVariants: {
|
|
@@ -1281,13 +1365,11 @@ $parcel$export($8a0ec98a1adff889$exports, "TableCaption", function () { return $
|
|
|
1281
1365
|
|
|
1282
1366
|
|
|
1283
1367
|
|
|
1284
|
-
const $fd75fdf931689c59$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)
|
|
1285
|
-
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
...props
|
|
1290
|
-
})
|
|
1368
|
+
const $fd75fdf931689c59$export$54ec01a60f47d33d = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>// <div className="">
|
|
1369
|
+
/*#__PURE__*/ (0, $hLlzK$jsx)("table", {
|
|
1370
|
+
ref: ref,
|
|
1371
|
+
className: (0, $a4274013049f8f7f$export$a274e22fb40f762e)("relative w-full caption-bottom overflow-auto text-sm", className),
|
|
1372
|
+
...props
|
|
1291
1373
|
}));
|
|
1292
1374
|
$fd75fdf931689c59$export$54ec01a60f47d33d.displayName = "Table";
|
|
1293
1375
|
const $fd75fdf931689c59$export$f850895b287ef28e = /*#__PURE__*/ (0, $hLlzK$forwardRef)(({ className: className, ...props }, ref)=>/*#__PURE__*/ (0, $hLlzK$jsx)("thead", {
|
|
@@ -1343,11 +1425,11 @@ $parcel$export($28ef0f9ef87312c9$exports, "TextArea", function () { return $a690
|
|
|
1343
1425
|
|
|
1344
1426
|
|
|
1345
1427
|
|
|
1346
|
-
const $a6907629e3ef14e9$var$textAreaVariants = (0, $hLlzK$cva)("border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm
|
|
1428
|
+
const $a6907629e3ef14e9$var$textAreaVariants = (0, $hLlzK$cva)("border-input flex min-h-24 w-full rounded-md border bg-form px-3 py-[calc(theme(spacing[2.5])-1px)] focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50 data-drag-over:border-dashed data-drag-over:ring-4 sm:py-[calc(theme(spacing[2])-1px)] sm:text-sm", {
|
|
1347
1429
|
variants: {
|
|
1348
1430
|
state: {
|
|
1349
|
-
default: "text-strong
|
|
1350
|
-
danger: "border-danger-600 placeholder:text-placeholder focus:border-danger-600
|
|
1431
|
+
default: "border-form text-strong ring-focus-accent placeholder:text-placeholder focus:border-accent-600 data-drag-over:border-accent-600",
|
|
1432
|
+
danger: "border-danger-600 ring-focus-danger placeholder:text-placeholder focus:border-danger-600 data-drag-over:border-dashed data-drag-over:border-danger-600"
|
|
1351
1433
|
},
|
|
1352
1434
|
appearance: {
|
|
1353
1435
|
monospaced: "font-mono text-[0.9375rem] sm:text-[0.8125rem]"
|