@webflare/ui 0.0.0-stage → 0.1.1

package/dist/types-CBApDh_h.js

@@ -0,0 +1,149 @@
+import { t as createInjectionKey } from "./injection-key-BQYV9vIr.js";
+import { sva } from "@webflare/ui/css";
+// src/components/Card/styles.ts
+/** Discrete border widths in px. `CardRoot` snaps other values to `1`. */
+var cardBorderSizes = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8
+];
+var cardStyles = sva({
+	slots: [
+		"root",
+		"header",
+		"headerBody",
+		"headerTitle",
+		"headerSubtitle",
+		"body",
+		"footer"
+	],
+	base: {
+		root: {
+			"color": "neutral",
+			"display": "block",
+			"borderStyle": "solid",
+			"borderColor": "transparent",
+			"position": "relative",
+			"zIndex": "1",
+			"maxWidth": "100%",
+			"backdropBlur": "8px",
+			"backdropFilter": "auto",
+			"boxShadow": "var(--card-shadow)",
+			"--card-bg-overlay": "linear-gradient(transparent)"
+		},
+		header: {
+			display: "flex",
+			flexWrap: "wrap",
+			flexDirection: "row",
+			alignItems: "center",
+			borderStyle: "solid",
+			borderColor: "var(--card-border-color)"
+		},
+		headerBody: {
+			display: "flex",
+			flexDirection: "column",
+			flexGrow: 1
+		},
+		headerTitle: {
+			fontWeight: "700",
+			fontSize: "lg",
+			lineHeight: "1.25"
+		},
+		headerSubtitle: {
+			color: "text.muted",
+			fontSize: "md"
+		}
+	},
+	variants: {
+		colorStrategy: {
+			default: { root: {
+				background: "[var(--card-bg-overlay) padding-box, var(--card-bg) padding-box]",
+				borderColor: "var(--card-border-color)"
+			} },
+			image: { root: { background: "[var(--card-bg-overlay) padding-box, var(--card-bg) padding-box, var(--card-border-color) border-box]" } }
+		},
+		color: {
+			"none": { root: {
+				"--card-bg": "transparent",
+				"--card-border-color": "transparent"
+			} },
+			"default": { root: {
+				"--card-bg": "linear-gradient(token(colors.surface.raised))",
+				"--card-border-color": "token(colors.border.card)"
+			} },
+			"primary": { root: { "--card-bg": "linear-gradient(token(colors.primary/10))" } },
+			"danger": { root: { "--card-bg": "linear-gradient(token(colors.danger.subtle/10))" } },
+			"success": { root: { "--card-bg": "linear-gradient(token(colors.success.subtle/10))" } },
+			"warning": { root: { "--card-bg": "linear-gradient(token(colors.warning.subtle/10))" } },
+			"info": { root: { "--card-bg": "linear-gradient(token(colors.info.subtle/10))" } },
+			"lucid-deep": { root: { "--card-bg": "linear-gradient(token(colors.black/10))" } }
+		},
+		padding: { md: {
+			header: {
+				padding: "xl",
+				gap: "md"
+			},
+			body: { padding: "xl" }
+		} },
+		borderSize: {
+			0: {
+				root: { borderWidth: "0px" },
+				header: { borderBottomWidth: "0px" }
+			},
+			1: {
+				root: { borderWidth: "1px" },
+				header: { borderBottomWidth: "1px" }
+			},
+			2: {
+				root: { borderWidth: "2px" },
+				header: { borderBottomWidth: "2px" }
+			},
+			3: {
+				root: { borderWidth: "3px" },
+				header: { borderBottomWidth: "3px" }
+			},
+			4: {
+				root: { borderWidth: "4px" },
+				header: { borderBottomWidth: "4px" }
+			},
+			5: {
+				root: { borderWidth: "5px" },
+				header: { borderBottomWidth: "5px" }
+			},
+			6: {
+				root: { borderWidth: "6px" },
+				header: { borderBottomWidth: "6px" }
+			},
+			7: {
+				root: { borderWidth: "7px" },
+				header: { borderBottomWidth: "7px" }
+			},
+			8: {
+				root: { borderWidth: "8px" },
+				header: { borderBottomWidth: "8px" }
+			}
+		},
+		borderRadius: {
+			sm: { root: { borderRadius: "lg" } },
+			md: { root: { borderRadius: "xl" } },
+			lg: { root: { borderRadius: "2xl" } },
+			xl: { root: { borderRadius: "4xl" } }
+		}
+	},
+	defaultVariants: {
+		borderRadius: "md",
+		borderSize: 1,
+		color: "default",
+		padding: "md",
+		colorStrategy: "default"
+	}
+});
+// src/components/Card/types.ts
+var CardStylesKey = createInjectionKey("CardStyles");
+export { cardBorderSizes as n, cardStyles as r, CardStylesKey as t };

package/dist/types-D2v625uE.cjs

@@ -0,0 +1,8 @@
+// src/components/Carousel/types.ts
+var CarouselContextKey = require("./injection-key-DPb_AXnh.cjs").createInjectionKey("Carousel");
+Object.defineProperty(exports, "CarouselContextKey", {
+	enumerable: true,
+	get: function() {
+		return CarouselContextKey;
+	}
+});

package/dist/types-DzEK6W6x.cjs

@@ -0,0 +1,16 @@
+const require_injection_key = require("./injection-key-DPb_AXnh.cjs");
+// src/components/PricingCard/types.ts
+var PricingCardStylesKey = require_injection_key.createInjectionKey("PricingCardStyles");
+var PricingCardDataKey = require_injection_key.createInjectionKey("PricingCardData");
+Object.defineProperty(exports, "PricingCardDataKey", {
+	enumerable: true,
+	get: function() {
+		return PricingCardDataKey;
+	}
+});
+Object.defineProperty(exports, "PricingCardStylesKey", {
+	enumerable: true,
+	get: function() {
+		return PricingCardStylesKey;
+	}
+});

package/dist/types-cLDeFros.cjs

@@ -0,0 +1,166 @@
+const require_injection_key = require("./injection-key-DPb_AXnh.cjs");
+let styled_system_css = require("@webflare/ui/css");
+// src/components/Card/styles.ts
+/** Discrete border widths in px. `CardRoot` snaps other values to `1`. */
+var cardBorderSizes = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8
+];
+var cardStyles = (0, styled_system_css.sva)({
+	slots: [
+		"root",
+		"header",
+		"headerBody",
+		"headerTitle",
+		"headerSubtitle",
+		"body",
+		"footer"
+	],
+	base: {
+		root: {
+			"color": "neutral",
+			"display": "block",
+			"borderStyle": "solid",
+			"borderColor": "transparent",
+			"position": "relative",
+			"zIndex": "1",
+			"maxWidth": "100%",
+			"backdropBlur": "8px",
+			"backdropFilter": "auto",
+			"boxShadow": "var(--card-shadow)",
+			"--card-bg-overlay": "linear-gradient(transparent)"
+		},
+		header: {
+			display: "flex",
+			flexWrap: "wrap",
+			flexDirection: "row",
+			alignItems: "center",
+			borderStyle: "solid",
+			borderColor: "var(--card-border-color)"
+		},
+		headerBody: {
+			display: "flex",
+			flexDirection: "column",
+			flexGrow: 1
+		},
+		headerTitle: {
+			fontWeight: "700",
+			fontSize: "lg",
+			lineHeight: "1.25"
+		},
+		headerSubtitle: {
+			color: "text.muted",
+			fontSize: "md"
+		}
+	},
+	variants: {
+		colorStrategy: {
+			default: { root: {
+				background: "[var(--card-bg-overlay) padding-box, var(--card-bg) padding-box]",
+				borderColor: "var(--card-border-color)"
+			} },
+			image: { root: { background: "[var(--card-bg-overlay) padding-box, var(--card-bg) padding-box, var(--card-border-color) border-box]" } }
+		},
+		color: {
+			"none": { root: {
+				"--card-bg": "transparent",
+				"--card-border-color": "transparent"
+			} },
+			"default": { root: {
+				"--card-bg": "linear-gradient(token(colors.surface.raised))",
+				"--card-border-color": "token(colors.border.card)"
+			} },
+			"primary": { root: { "--card-bg": "linear-gradient(token(colors.primary/10))" } },
+			"danger": { root: { "--card-bg": "linear-gradient(token(colors.danger.subtle/10))" } },
+			"success": { root: { "--card-bg": "linear-gradient(token(colors.success.subtle/10))" } },
+			"warning": { root: { "--card-bg": "linear-gradient(token(colors.warning.subtle/10))" } },
+			"info": { root: { "--card-bg": "linear-gradient(token(colors.info.subtle/10))" } },
+			"lucid-deep": { root: { "--card-bg": "linear-gradient(token(colors.black/10))" } }
+		},
+		padding: { md: {
+			header: {
+				padding: "xl",
+				gap: "md"
+			},
+			body: { padding: "xl" }
+		} },
+		borderSize: {
+			0: {
+				root: { borderWidth: "0px" },
+				header: { borderBottomWidth: "0px" }
+			},
+			1: {
+				root: { borderWidth: "1px" },
+				header: { borderBottomWidth: "1px" }
+			},
+			2: {
+				root: { borderWidth: "2px" },
+				header: { borderBottomWidth: "2px" }
+			},
+			3: {
+				root: { borderWidth: "3px" },
+				header: { borderBottomWidth: "3px" }
+			},
+			4: {
+				root: { borderWidth: "4px" },
+				header: { borderBottomWidth: "4px" }
+			},
+			5: {
+				root: { borderWidth: "5px" },
+				header: { borderBottomWidth: "5px" }
+			},
+			6: {
+				root: { borderWidth: "6px" },
+				header: { borderBottomWidth: "6px" }
+			},
+			7: {
+				root: { borderWidth: "7px" },
+				header: { borderBottomWidth: "7px" }
+			},
+			8: {
+				root: { borderWidth: "8px" },
+				header: { borderBottomWidth: "8px" }
+			}
+		},
+		borderRadius: {
+			sm: { root: { borderRadius: "lg" } },
+			md: { root: { borderRadius: "xl" } },
+			lg: { root: { borderRadius: "2xl" } },
+			xl: { root: { borderRadius: "4xl" } }
+		}
+	},
+	defaultVariants: {
+		borderRadius: "md",
+		borderSize: 1,
+		color: "default",
+		padding: "md",
+		colorStrategy: "default"
+	}
+});
+// src/components/Card/types.ts
+var CardStylesKey = require_injection_key.createInjectionKey("CardStyles");
+Object.defineProperty(exports, "CardStylesKey", {
+	enumerable: true,
+	get: function() {
+		return CardStylesKey;
+	}
+});
+Object.defineProperty(exports, "cardBorderSizes", {
+	enumerable: true,
+	get: function() {
+		return cardBorderSizes;
+	}
+});
+Object.defineProperty(exports, "cardStyles", {
+	enumerable: true,
+	get: function() {
+		return cardStyles;
+	}
+});

package/dist/useFieldControl-BkQi1zak.js

@@ -0,0 +1,29 @@
+import { t as fieldContextKey } from "./context-Bk4uIMQS.js";
+import { computed, inject } from "vue";
+// src/internal/controls/useFieldControl.ts
+/**
+* Wiring every control shares with `FieldBase`: the element id, ARIA links to
+* the message and error, and the validity state.
+*
+* `valid` on the control wins. Otherwise an error on the surrounding field
+* marks the control invalid.
+*/
+function useFieldControl(props) {
+	const field = inject(fieldContextKey, null);
+	const id = computed(() => props.id || field?.fieldId.value || void 0);
+	const describedBy = computed(() => {
+		const ids = [field?.errorId.value, field?.messageId.value].filter(Boolean);
+		return ids.length > 0 ? ids.join(" ") : void 0;
+	});
+	const valid = computed(() => {
+		if (props.valid === true || props.valid === false) return props.valid;
+		return field?.hasError.value ? false : "none";
+	});
+	return {
+		id,
+		describedBy,
+		valid,
+		invalid: computed(() => valid.value === false)
+	};
+}
+export { useFieldControl as t };

package/dist/useFieldControl-CEI7IRAa.cjs

@@ -0,0 +1,34 @@
+const require_context = require("./context-cK3z69qT.cjs");
+let vue = require("vue");
+// src/internal/controls/useFieldControl.ts
+/**
+* Wiring every control shares with `FieldBase`: the element id, ARIA links to
+* the message and error, and the validity state.
+*
+* `valid` on the control wins. Otherwise an error on the surrounding field
+* marks the control invalid.
+*/
+function useFieldControl(props) {
+	const field = (0, vue.inject)(require_context.fieldContextKey, null);
+	const id = (0, vue.computed)(() => props.id || field?.fieldId.value || void 0);
+	const describedBy = (0, vue.computed)(() => {
+		const ids = [field?.errorId.value, field?.messageId.value].filter(Boolean);
+		return ids.length > 0 ? ids.join(" ") : void 0;
+	});
+	const valid = (0, vue.computed)(() => {
+		if (props.valid === true || props.valid === false) return props.valid;
+		return field?.hasError.value ? false : "none";
+	});
+	return {
+		id,
+		describedBy,
+		valid,
+		invalid: (0, vue.computed)(() => valid.value === false)
+	};
+}
+Object.defineProperty(exports, "useFieldControl", {
+	enumerable: true,
+	get: function() {
+		return useFieldControl;
+	}
+});

package/dist/vue/AccordionRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_AccordionRoot = require("../AccordionRoot-CNPxdTtA.cjs");
+exports.default = require_AccordionRoot.AccordionRoot_default;

package/dist/vue/AccordionRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Accordion/AccordionRoot.vue';

package/dist/vue/AccordionRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../AccordionRoot-CmK-jaZz.js";

package/dist/vue/AlertRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_AlertRoot = require("../AlertRoot-DRRwRAhA.cjs");
+exports.default = require_AlertRoot.AlertRoot_default;

package/dist/vue/AlertRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Alert/AlertRoot.vue';

package/dist/vue/AlertRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../AlertRoot-B-M0xDFC.js";

package/dist/vue/BadgeRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_BadgeRoot = require("../BadgeRoot-CzUSTR0W.cjs");
+exports.default = require_BadgeRoot.BadgeRoot_default;

package/dist/vue/BadgeRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Badge/BadgeRoot.vue';

package/dist/vue/BadgeRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../BadgeRoot-ffbcCd5B.js";

package/dist/vue/Button.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Button = require("../Button-CwVAoJjO.cjs");
+exports.default = require_Button.Button_default;

package/dist/vue/Button.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Button/Button.vue';

package/dist/vue/Button.js

@@ -0,0 +1 @@
+export { t as default } from "../Button-A9BiKfSl.js";

package/dist/vue/CardBody.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CardBody = require("../CardBody-BEbTLrA2.cjs");
+exports.default = require_CardBody.CardBody_default;

package/dist/vue/CardBody.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Card/CardBody.vue';

package/dist/vue/CardBody.js

@@ -0,0 +1 @@
+export { t as default } from "../CardBody-DbSW-Ssx.js";

package/dist/vue/CardHeader.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CardHeader = require("../CardHeader-Cx1pE9No.cjs");
+exports.default = require_CardHeader.CardHeader_default;

package/dist/vue/CardHeader.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Card/CardHeader.vue';

package/dist/vue/CardHeader.js

@@ -0,0 +1 @@
+export { t as default } from "../CardHeader-DDRGpYth.js";

package/dist/vue/CardRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CardRoot = require("../CardRoot-CZpgncJQ.cjs");
+exports.default = require_CardRoot.CardRoot_default;

package/dist/vue/CardRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Card/CardRoot.vue';

package/dist/vue/CardRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../CardRoot-ia9NDth1.js";

package/dist/vue/CarouselItem.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CarouselItem = require("../CarouselItem-CJ9Kj2lU.cjs");
+exports.default = require_CarouselItem.CarouselItem_default;

package/dist/vue/CarouselItem.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Carousel/CarouselItem.vue';

package/dist/vue/CarouselItem.js

@@ -0,0 +1 @@
+export { t as default } from "../CarouselItem-Crs28MA9.js";

package/dist/vue/CarouselNavigation.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CarouselNavigation = require("../CarouselNavigation-BUZyy5GA.cjs");
+exports.default = require_CarouselNavigation.CarouselNavigation_default;

package/dist/vue/CarouselNavigation.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Carousel/CarouselNavigation.vue';

package/dist/vue/CarouselNavigation.js

@@ -0,0 +1 @@
+export { t as default } from "../CarouselNavigation-aM0v6IoI.js";

package/dist/vue/CarouselRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_CarouselRoot = require("../CarouselRoot-Co9IuVve.cjs");
+exports.default = require_CarouselRoot.CarouselRoot_default;

package/dist/vue/CarouselRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Carousel/CarouselRoot.vue';

package/dist/vue/CarouselRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../CarouselRoot-DlGJZCox.js";

package/dist/vue/DialogRoot.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_DialogRoot = require("../DialogRoot-C6icP9Fb.cjs");
+exports.default = require_DialogRoot.DialogRoot_default;

package/dist/vue/DialogRoot.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Dialog/DialogRoot.vue';

package/dist/vue/DialogRoot.js

@@ -0,0 +1 @@
+export { t as default } from "../DialogRoot-BiH9G8Jm.js";

package/dist/vue/FieldBase.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldBase = require("../FieldBase-X1FWOqPU.cjs");
+exports.default = require_FieldBase.FieldBase_default;

package/dist/vue/FieldBase.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldBase.vue';

package/dist/vue/FieldBase.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldBase-BwD6Dput.js";

package/dist/vue/FieldCheckbox.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldCheckbox = require("../FieldCheckbox-CYuyWgbl.cjs");
+exports.default = require_FieldCheckbox.FieldCheckbox_default;

package/dist/vue/FieldCheckbox.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldCheckbox.vue';

package/dist/vue/FieldCheckbox.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldCheckbox-DsQsNeX7.js";

package/dist/vue/FieldError.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldError = require("../FieldError-XRz98TFe.cjs");
+exports.default = require_FieldError.FieldError_default;

package/dist/vue/FieldError.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldError.vue';

package/dist/vue/FieldError.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldError-BPjk-uZc.js";

package/dist/vue/FieldInput.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldInput = require("../FieldInput-bnC_fTws.cjs");
+exports.default = require_FieldInput.FieldInput_default;

package/dist/vue/FieldInput.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldInput.vue';

package/dist/vue/FieldInput.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldInput-h3MgGC6J.js";

package/dist/vue/FieldLabel.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldLabel = require("../FieldLabel-DBKhMbql.cjs");
+exports.default = require_FieldLabel.FieldLabel_default;

package/dist/vue/FieldLabel.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldLabel.vue';

package/dist/vue/FieldLabel.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldLabel-BYlOJvXY.js";

package/dist/vue/FieldMessage.cjs

@@ -0,0 +1,6 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_FieldMessage = require("../FieldMessage-C83iNsEp.cjs");
+exports.default = require_FieldMessage.FieldMessage_default;

package/dist/vue/FieldMessage.d.ts

@@ -0,0 +1 @@
+export { default } from '../components/Field/FieldMessage.vue';

package/dist/vue/FieldMessage.js

@@ -0,0 +1 @@
+export { t as default } from "../FieldMessage-GyO_RQdK.js";