@selectwin/kit 0.1.199 → 0.1.200

package/dist/SelectMenu.js

@@ -1,5 +1,5 @@
-import { ChevronDownIcon as e, ExternalLinkIcon as t } from "./icons.js";
-import { safeHref as n } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ChevronDownIcon as t, ExternalLinkIcon as n } from "./icons.js";
 import { forwardRef as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/SelectMenu.tsx
@@ -50,8 +50,8 @@ var c = r(function({ children: e, description: t, icon: n, trailing: r, onClick:
 			})
 		]
 	});
-}), l = r(function({ children: e, description: r, href: o, icon: c, trailing: l, external: u, tone: d = "default", className: f, ...p }, m) {
-	let h = n(o), g = u ?? /^(https?:|mailto:|tel:)/i.test(h ?? ""), _ = l ?? (g ? /* @__PURE__ */ i(t, {}) : void 0);
+}), l = r(function({ children: t, description: r, href: o, icon: c, trailing: l, external: u, tone: d = "default", className: f, ...p }, m) {
+	let h = e(o), g = u ?? /^(https?:|mailto:|tel:)/i.test(h ?? ""), _ = l ?? (g ? /* @__PURE__ */ i(n, {}) : void 0);
 	return /* @__PURE__ */ a("a", {
 		ref: m,
 		...p,
@@ -67,7 +67,7 @@ var c = r(function({ children: e, description: t, icon: n, trailing: r, onClick:
 			}),
 			/* @__PURE__ */ i(s, {
 				description: r,
-				children: e
+				children: t
 			}),
 			_ && /* @__PURE__ */ i("span", {
 				className: "select-menu__trailing",
@@ -88,7 +88,7 @@ function d() {
 		role: "separator"
 	});
 }
-var f = r(function({ children: t, onClick: n, active: r = !1, className: o, ...s }, c) {
+var f = r(function({ children: e, onClick: n, active: r = !1, className: o, ...s }, c) {
 	return /* @__PURE__ */ a("button", {
 		ref: c,
 		...s,
@@ -97,10 +97,10 @@ var f = r(function({ children: t, onClick: n, active: r = !1, className: o, ...s
 		onClick: n,
 		"aria-haspopup": "menu",
 		"aria-expanded": r,
-		children: [/* @__PURE__ */ i("span", { children: t }), /* @__PURE__ */ i("span", {
+		children: [/* @__PURE__ */ i("span", { children: e }), /* @__PURE__ */ i("span", {
 			className: "select-menubtn__caret",
 			"aria-hidden": "true",
-			children: /* @__PURE__ */ i(e, {})
+			children: /* @__PURE__ */ i(t, {})
 		})]
 	});
 });

package/dist/SelectPreviewFrame.js

@@ -1,12 +1,12 @@
-import { ExternalLinkIcon as e, MobileIcon as t, MonitorIcon as n, RefreshIcon as r } from "./icons.js";
-import { SelectIconButton as i } from "./SelectIconButton.js";
-import { safeHref as a } from "./internal/safeHref.js";
+import { safeHref as e } from "./internal/safeHref.js";
+import { ExternalLinkIcon as t, MobileIcon as n, MonitorIcon as r, RefreshIcon as i } from "./icons.js";
+import { SelectIconButton as a } from "./SelectIconButton.js";
 import { SelectLoader as o } from "./SelectLoader.js";
 import { forwardRef as s, useLayoutEffect as c, useRef as l, useState as u } from "react";
 import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/SelectPreviewFrame.tsx
 var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(function({ src: s, sandbox: _ = m, title: v = "Pré-visualização", height: y = 560, fill: b = !1, initialDevice: x = "desktop", showDeviceToggle: S = !0, openLabel: C = "Abrir em nova aba", emptyLabel: w = "Salve para gerar a pré-visualização.", onReload: T, notice: E, iframeRef: D, desktopWidth: O = g, className: k, ...A }, j) {
-	let M = a(s), [N, P] = u(x), [F, I] = u(0), [L, R] = u(!0), z = l(null), [B, V] = u({
+	let M = e(s), [N, P] = u(x), [F, I] = u(0), [L, R] = u(!0), z = l(null), [B, V] = u({
 		w: 0,
 		h: 0
 	});
@@ -48,22 +48,22 @@ var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(
 				/* @__PURE__ */ p("div", {
 					className: "select-preview__actions",
 					children: [
-						S && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(i, {
+						S && /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(n, {}),
+							icon: /* @__PURE__ */ f(r, {}),
 							label: "Ver no computador",
 							active: N === "desktop",
 							onClick: () => P("desktop")
-						}), /* @__PURE__ */ f(i, {
+						}), /* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(t, {}),
+							icon: /* @__PURE__ */ f(n, {}),
 							label: "Ver no celular",
 							active: N === "mobile",
 							onClick: () => P("mobile")
 						})] }),
-						/* @__PURE__ */ f(i, {
+						/* @__PURE__ */ f(a, {
 							size: "sm",
-							icon: /* @__PURE__ */ f(r, {}),
+							icon: /* @__PURE__ */ f(i, {}),
 							label: "Recarregar",
 							onClick: G,
 							disabled: !M
@@ -75,7 +75,7 @@ var m = "allow-scripts allow-same-origin allow-forms", h = 390, g = 1280, _ = s(
 							rel: "noreferrer",
 							"aria-label": C,
 							title: C,
-							children: /* @__PURE__ */ f(e, {})
+							children: /* @__PURE__ */ f(t, {})
 						})
 					]
 				})

package/dist/SelectSpinner.d.ts

@@ -0,0 +1,5 @@
+export declare function SelectSpinner({ size, label, className }: {
+    size?: 'sm' | 'md' | 'lg';
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;

package/dist/SelectSpinner.js

@@ -0,0 +1,15 @@
+/* empty css           */
+import { jsx as e } from "react/jsx-runtime";
+//#region src/SelectSpinner.tsx
+function t({ size: t = "md", label: n, className: r }) {
+	return /* @__PURE__ */ e("span", {
+		className: `select-spinner${t === "md" ? "" : ` select-spinner--${t}`}${r ? ` ${r}` : ""}`,
+		role: n ? "status" : void 0,
+		"aria-label": n,
+		"aria-hidden": !n || void 0
+	});
+}
+//#endregion
+export { t as SelectSpinner };
+
+//# sourceMappingURL=SelectSpinner.js.map

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export { SelectAuthFx, AUTH_FX_VARIANTS } from './SelectAuthFx';
 export type { AuthFxVariant } from './SelectAuthFx';
 export { SelectCard } from './SelectCard';
 export { SelectButton } from './SelectButton';
+export { SelectButtonLink, type SelectButtonLinkProps } from './SelectButtonLink';
+export { SelectSpinner } from './SelectSpinner';
 export { SelectField, SelectCheckbox, SelectLabelRow } from './SelectField';
 export { SelectTextarea } from './SelectTextarea';
 export { SelectUnitInput } from './SelectUnitInput';
@@ -259,7 +261,7 @@ export type { SelectSwitchFieldProps } from './SelectSwitchField';
 export type { SelectColorFieldProps } from './SelectColorField';
 export type { SelectImageFieldProps } from './SelectImageField';
 export type { SelectAccordionItem, SelectAccordionProps } from './SelectAccordion';
-export type { SelectButtonProps } from './SelectButton';
+export type { SelectButtonProps, SelectButtonVariant } from './SelectButton';
 export type { SelectFieldProps, SelectNativeInputProps } from './SelectField';
 export type { SelectSelectOption } from './SelectSelect';
 export type { PhoneValue } from './SelectPhoneField';