@feugene/granularity 0.3.1 → 0.4.0

package/dist/components/{DsRadio/chunks/DsRadio-DKbrUFUZ.js → GrRadio/chunks/GrRadio-8BOo97XV.js}

@@ -1,7 +1,7 @@
-import { a as e, i as t, o as n, r, s as i } from "../../../chunks/config-DGGgsQ-8.js";
+import { a as e, i as t, o as n, r, s as i } from "../../../chunks/config-DYI8XADo.js";
 import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, inject as l, normalizeClass as u, openBlock as d, renderSlot as f, unref as p, withKeys as m, withModifiers as h } from "vue";
-//#region src/components/DsRadio/dsRadioGroupContext.ts
-var g = Symbol("DS_RADIO_GROUP_CONTEXT"), _ = [
+//#region src/components/GrRadio/grRadioGroupContext.ts
+var g = Symbol("GR_RADIO_GROUP_CONTEXT"), _ = [
 	"aria-checked",
 	"aria-label",
 	"aria-disabled",
@@ -30,7 +30,7 @@ var g = Symbol("DS_RADIO_GROUP_CONTEXT"), _ = [
 	"required",
 	"form"
 ], x = { class: "text-sm text-[var(--muted-fg)]" }, S = /* @__PURE__ */ c({
-	__name: "DsRadio",
+	__name: "GrRadio",
 	props: {
 		value: {},
 		modelValue: { default: void 0 },

package/dist/components/GrRadio/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-DYI8XADo.js";
+import { n, t as r } from "./chunks/GrRadio-8BOo97XV.js";
+export { n as GR_RADIO_GROUP_CONTEXT, r as GrRadio, r as default, t as grRadioConfig, e as grRadioSafelist };

package/dist/components/{DsRadioGroup/chunks/DsRadioGroup-BQo7Nc5-.js → GrRadioGroup/chunks/GrRadioGroup-BymbUmqI.js}

@@ -1,7 +1,7 @@
-import { t as e } from "../../DsButtonGroup/chunks/DsButtonGroup-DPK1W3Hk.js";
-import { n as t, t as n } from "../../DsRadio/chunks/DsRadio-DKbrUFUZ.js";
+import { t as e } from "../../GrButtonGroup/chunks/GrButtonGroup-CmnYHVH7.js";
+import { n as t, t as n } from "../../GrRadio/chunks/GrRadio-8BOo97XV.js";
 import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createTextVNode as s, defineComponent as c, openBlock as l, provide as u, renderList as d, renderSlot as f, toDisplayString as p, withCtx as m } from "vue";
-//#region src/components/DsRadioGroup/DsRadioGroup.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrRadioGroup/GrRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var h = ["aria-label", "aria-disabled"], g = {
 	key: 1,
 	class: "grid gap-2"
@@ -9,7 +9,7 @@ var h = ["aria-label", "aria-disabled"], g = {
 	key: 1,
 	class: "grid gap-2"
 }, v = /* @__PURE__ */ c({
-	__name: "DsRadioGroup",
+	__name: "GrRadioGroup",
 	props: {
 		modelValue: {},
 		options: { default: void 0 },

package/dist/components/GrRadioGroup/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrRadioGroup-BymbUmqI.js";
+import { t } from "../../chunks/config-Cq6ufYtp.js";
+export { e as GrRadioGroup, e as default, t as grRadioGroupConfig };

package/dist/components/{DsSegmented/chunks/DsSegmented-SbqzdCNX.js → GrSegmented/chunks/GrSegmented-CK5C_lN7.js}

@@ -1,6 +1,6 @@
-import { a as e, c as t, i as n, o as r, r as i, s as a } from "../../../chunks/config-D-soL_Ul.js";
+import { a as e, c as t, i as n, o as r, r as i, s as a } from "../../../chunks/config-CJeG727i.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as ee, defineComponent as d, getCurrentInstance as te, nextTick as ne, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as re, openBlock as h, ref as g, renderList as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as ie, unref as b, watch as x } from "vue";
-//#region src/components/DsSegmented/DsSegmented.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrSegmented/GrSegmented.vue?vue&type=script&setup=true&lang.ts
 var ae = [
 	"data-variant",
 	"aria-label",
@@ -19,7 +19,7 @@ var ae = [
 	"checked",
 	"disabled"
 ], C = /* @__PURE__ */ d({
-	__name: "DsSegmented",
+	__name: "GrSegmented",
 	props: {
 		modelValue: {},
 		options: {},

package/dist/components/GrSegmented/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-CJeG727i.js";
+import { t as n } from "./chunks/GrSegmented-CK5C_lN7.js";
+export { n as GrSegmented, n as default, t as grSegmentedConfig, e as grSegmentedSafelist };

package/dist/components/{DsSelect/chunks/DsSelect-DN-vZIEG.js → GrSelect/chunks/GrSelect-BMfc1-vs.js}

@@ -1,8 +1,8 @@
-import { a as e } from "../../../chunks/directives-K8Vo0VhP.js";
-import { t } from "../../DsInput/chunks/DsInput-B8RhHkKQ.js";
-import { a as n, i as r, n as ee, r as te, t as ne } from "../../../chunks/dsSelectStyles-BCrj5Fty.js";
+import { a as e } from "../../../chunks/directives-Dr5NPOT8.js";
+import { t } from "../../GrInput/chunks/GrInput-CLKX1inm.js";
+import { a as n, i as r, n as ee, r as te, t as ne } from "../../../chunks/grSelectStyles-C3QKIn1J.js";
 import { Fragment as i, Teleport as a, Transition as re, computed as o, createBlock as ie, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onUnmounted as ae, openBlock as h, ref as g, renderList as _, renderSlot as v, toDisplayString as y, unref as oe, vShow as se, watch as ce, withCtx as le, withDirectives as b, withKeys as ue, withModifiers as x } from "vue";
-//#region src/components/DsSelect/DsSelect.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrSelect/GrSelect.vue?vue&type=script&setup=true&lang.ts
 var de = [
 	"value",
 	"multiple",
@@ -31,7 +31,7 @@ var de = [
 	key: 0,
 	class: "p-2 border-b border-[var(--brd)]"
 }, be = ["aria-multiselectable"], xe = ["aria-selected", "onClick"], Se = { class: "flex items-center gap-2 min-w-0" }, Ce = { class: "truncate" }, w = /* @__PURE__ */ d({
-	__name: "DsSelect",
+	__name: "GrSelect",
 	props: {
 		modelValue: {},
 		options: { default: void 0 },

package/dist/components/GrSelect/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrSelect-BMfc1-vs.js";
+import { n as t, t as n } from "../../chunks/config-CLawBqde.js";
+export { e as GrSelect, e as default, n as grSelectConfig, t as grSelectSafelist };

package/dist/components/{DsSidebar/chunks/DsSidebar-DdofI1lo.js → GrSidebar/chunks/GrSidebar-C4SXXhfO.js}

@@ -1,5 +1,5 @@
 import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createTextVNode as r, defineComponent as i, openBlock as a, renderSlot as o, toDisplayString as s } from "vue";
-//#region src/components/DsSidebar/DsSidebar.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrSidebar/GrSidebar.vue?vue&type=script&setup=true&lang.ts
 var c = {
 	"data-ds-sidebar": "",
 	class: "border-r border-[var(--sidebar-brd)] bg-[var(--sidebar)] text-[var(--sidebar-fg)]"
@@ -16,7 +16,7 @@ var c = {
 	"data-ds-sidebar-title": "",
 	class: "text-[18px] font-700"
 }, f = { class: "p-3" }, p = /* @__PURE__ */ i({
-	__name: "DsSidebar",
+	__name: "GrSidebar",
 	props: {
 		title: { default: void 0 },
 		subtitle: { default: void 0 }

package/dist/components/GrSidebar/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrSidebar-C4SXXhfO.js";
+import { t } from "../../chunks/config-DlidGf7P.js";
+export { e as GrSidebar, e as default, t as grSidebarConfig };

package/dist/components/{DsSkeleton/chunks/DsSkeleton-DJSQ4gGR.js → GrSkeleton/chunks/GrSkeleton-QlieOdpY.js}

@@ -1,8 +1,8 @@
 import { createElementBlock as e, defineComponent as t, normalizeStyle as n, openBlock as r } from "vue";
-import '../../../DsSkeleton.css';//#endregion
-//#region src/components/DsSkeleton/DsSkeleton.vue
+import '../../../GrSkeleton.css';//#endregion
+//#region src/components/GrSkeleton/GrSkeleton.vue
 var i = /* @__PURE__ */ t({
-	__name: "DsSkeleton",
+	__name: "GrSkeleton",
 	props: {
 		height: { default: "12px" },
 		width: { default: "100%" },

package/dist/components/GrSkeleton/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrSkeleton-QlieOdpY.js";
+import { t } from "../../chunks/config-dSI8RttH2.js";
+export { e as GrSkeleton, e as default, t as grSkeletonConfig };

package/dist/components/{DsSwitch/chunks/DsSwitch-Dh4_bd6e.js → GrSwitch/chunks/GrSwitch-Cefiutzu.js}

@@ -1,12 +1,12 @@
-import { a as e, i as t, r as n } from "../../../chunks/config-BscZj6l42.js";
+import { a as e, i as t, r as n } from "../../../chunks/config-QsovJrku2.js";
 import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d } from "vue";
-//#region src/components/DsSwitch/DsSwitch.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrSwitch/GrSwitch.vue?vue&type=script&setup=true&lang.ts
 var f = [
 	"aria-checked",
 	"aria-label",
 	"disabled"
 ], p = /* @__PURE__ */ s({
-	__name: "DsSwitch",
+	__name: "GrSwitch",
 	props: {
 		modelValue: { type: Boolean },
 		disabled: {

package/dist/components/GrSwitch/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-QsovJrku2.js";
+import { t as n } from "./chunks/GrSwitch-Cefiutzu.js";
+export { n as GrSwitch, n as default, t as grSwitchConfig, e as grSwitchSafelist };

package/dist/components/{DsTable/chunks/DsTable-C27_FR_h.js → GrTable/chunks/GrTable-k_FUiJQk.js}

@@ -1,5 +1,5 @@
 import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, useSlots as d } from "vue";
-//#region src/components/DsTable/DsTable.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTable/GrTable.vue?vue&type=script&setup=true&lang.ts
 var f = [
 	"role",
 	"aria-label",
@@ -11,7 +11,7 @@ var f = [
 	key: 1,
 	class: "text-[var(--fg)]"
 }, v = /* @__PURE__ */ a({
-	__name: "DsTable",
+	__name: "GrTable",
 	props: {
 		density: { default: "regular" },
 		caption: { default: void 0 },
@@ -29,7 +29,7 @@ var f = [
 			class: "overflow-x-auto rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]"
 		}, [r("table", {
 			"data-ds-table": "",
-			class: o(["min-w-full", b.value]),
+			class: o(["min-w-full", [b.value]]),
 			"aria-label": a.ariaLabelledby ? void 0 : a.ariaLabel,
 			"aria-labelledby": a.ariaLabelledby
 		}, [

package/dist/components/GrTable/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrTable-k_FUiJQk.js";
+import { t } from "../../chunks/config-b9nc87Oc.js";
+export { e as GrTable, e as default, t as grTableConfig };

package/dist/components/{DsTabs/chunks/DsTabs-FLWaGtbo.js → GrTabs/chunks/GrTabs-B46P-lUc.js}

@@ -1,5 +1,5 @@
 import { Fragment as e, computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, nextTick as o, normalizeClass as s, openBlock as c, ref as l, renderList as u, toDisplayString as d } from "vue";
-//#region src/components/DsTabs/DsTabs.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTabs/GrTabs.vue?vue&type=script&setup=true&lang.ts
 var f = [
 	"aria-selected",
 	"aria-disabled",
@@ -10,7 +10,7 @@ var f = [
 	key: 0,
 	class: "text-[11px] px-1.5 py-0.5 rounded-full bg-[var(--secondary)] text-[var(--secondary-fg)]"
 }, h = /* @__PURE__ */ a({
-	__name: "DsTabs",
+	__name: "GrTabs",
 	props: {
 		modelValue: {},
 		tabs: {}

package/dist/components/GrTabs/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrTabs-B46P-lUc.js";
+import { t } from "../../chunks/config-CO-7HRZd2.js";
+export { e as GrTabs, e as default, t as grTabsConfig };

package/dist/components/{DsTextarea/chunks/DsTextarea-D61wwTwK.js → GrTextarea/chunks/GrTextarea-BX7L1MJk.js}

@@ -1,6 +1,6 @@
-import { r as e } from "../../../chunks/config-CzEeKJ6F2.js";
+import { r as e } from "../../../chunks/config-BsZc_QQ-2.js";
 import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a } from "vue";
-//#region src/components/DsTextarea/DsTextarea.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTextarea/GrTextarea.vue?vue&type=script&setup=true&lang.ts
 var o = [
 	"id",
 	"name",
@@ -11,7 +11,7 @@ var o = [
 	"value",
 	"aria-invalid"
 ], s = /* @__PURE__ */ r({
-	__name: "DsTextarea",
+	__name: "GrTextarea",
 	props: {
 		modelValue: {},
 		placeholder: { default: void 0 },

package/dist/components/GrTextarea/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-BsZc_QQ-2.js";
+import { t as n } from "./chunks/GrTextarea-BX7L1MJk.js";
+export { n as GrTextarea, n as default, t as grTextareaConfig, e as grTextareaSafelist };

package/dist/components/GrToaster/chunks/GrToaster-C4l_BjOh.js

@@ -0,0 +1,139 @@
+import { n as e, r as t, t as n } from "../../../chunks/x-circle-ChJ87u1v.js";
+import { t as r } from "../../../chunks/info-CNJnuTYC.js";
+import { t as i } from "../../../chunks/x--kxrj3ez.js";
+import { t as a } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
+import { t as o } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
+import { useToast as s } from "../../../composables/useToast.js";
+import { r as c } from "../../../chunks/config-DBXTZE36.js";
+import { Fragment as l, Teleport as u, TransitionGroup as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, normalizeStyle as b, openBlock as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
+//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
+var D = ["aria-label"], O = [
+	"data-tone",
+	"role",
+	"aria-live"
+], k = { class: "flex items-start gap-3" }, A = { class: "min-w-0 flex-1" }, j = { class: "text-[13px] font-700" }, M = {
+	key: 0,
+	class: "mt-0.5 text-[13px] text-[var(--muted-fg)]"
+}, N = /* @__PURE__ */ v({
+	__name: "GrToaster",
+	props: {
+		placement: { default: "top-right" },
+		dismissLabel: { default: "Dismiss" },
+		regionLabel: { default: "Notifications" }
+	},
+	setup(v) {
+		let N = {
+			primary: {
+				icon: r,
+				color: "var(--primary)",
+				role: "status",
+				live: "polite"
+			},
+			neutral: {
+				icon: r,
+				color: "var(--muted-fg)",
+				role: "status",
+				live: "polite"
+			},
+			info: {
+				icon: r,
+				color: "var(--ds-info)",
+				role: "status",
+				live: "polite"
+			},
+			success: {
+				icon: e,
+				color: "var(--ds-success)",
+				role: "status",
+				live: "polite"
+			},
+			warning: {
+				icon: t,
+				color: "var(--ds-warning)",
+				role: "alert",
+				live: "assertive"
+			},
+			danger: {
+				icon: n,
+				color: "var(--ds-danger)",
+				role: "alert",
+				live: "assertive"
+			},
+			slate: {
+				icon: r,
+				color: "var(--ds-slate)",
+				role: "status",
+				live: "polite"
+			},
+			azure: {
+				icon: r,
+				color: "var(--ds-azure)",
+				role: "status",
+				live: "polite"
+			}
+		}, P = v, { list: F, dismiss: I } = s(), L = typeof window < "u";
+		function R(e) {
+			return N[e] ?? N.info;
+		}
+		let z = f(() => c[P.placement]);
+		return (e, t) => (x(), p(u, {
+			to: "body",
+			disabled: !L
+		}, [g("div", {
+			"data-ds-toaster": "",
+			role: "region",
+			"aria-label": v.regionLabel,
+			class: y(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", z.value])
+		}, [_(d, {
+			tag: "div",
+			class: "grid gap-3",
+			"enter-active-class": "transition duration-200 ease-out",
+			"enter-from-class": "opacity-0 translate-y-2",
+			"enter-to-class": "opacity-100 translate-y-0",
+			"leave-active-class": "transition duration-150 ease-in absolute",
+			"leave-from-class": "opacity-100 translate-y-0",
+			"leave-to-class": "opacity-0 translate-y-2",
+			"move-class": "transition-transform duration-200 ease-out"
+		}, {
+			default: E(() => [(x(!0), h(l, null, S(T(F), (e) => (x(), h("div", {
+				key: e.id,
+				"data-ds-toast": "",
+				"data-tone": e.tone,
+				role: R(e.tone).role,
+				"aria-live": R(e.tone).live,
+				"aria-atomic": "true",
+				class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]"
+			}, [g("div", k, [
+				_(T(o), {
+					size: "md",
+					class: "mt-0.5",
+					style: b({ color: R(e.tone).color }),
+					"aria-hidden": "true"
+				}, {
+					default: E(() => [(x(), p(C(R(e.tone).icon)))]),
+					_: 2
+				}, 1032, ["style"]),
+				g("div", A, [g("div", j, w(e.title), 1), e.message ? (x(), h("div", M, w(e.message), 1)) : m("", !0)]),
+				_(T(a), {
+					variant: "ghost",
+					size: "sm",
+					square: "",
+					"aria-label": v.dismissLabel,
+					onClick: (t) => T(I)(e.id)
+				}, {
+					default: E(() => [_(T(o), {
+						size: "sm",
+						"aria-hidden": "true"
+					}, {
+						default: E(() => [_(T(i))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["aria-label", "onClick"])
+			])], 8, O))), 128))]),
+			_: 1
+		})], 10, D)], 8, ["disabled"]));
+	}
+});
+//#endregion
+export { N as t };

package/dist/components/GrToaster/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-DBXTZE36.js";
+import { t as n } from "./chunks/GrToaster-C4l_BjOh.js";
+export { n as GrToaster, n as default, t as grToasterConfig, e as grToasterSafelist };

package/dist/components/{DsTooltip/chunks/DsTooltip-BNkQOtpm.js → GrTooltip/chunks/GrTooltip-BqRAzuLT.js}

@@ -1,12 +1,12 @@
 import { t as e } from "../../../chunks/info-CNJnuTYC.js";
-import { t } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { t } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
 import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useId as f, withCtx as p } from "vue";
-//#region src/components/DsTooltip/DsTooltip.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
 var m = {
 	"data-ds-tooltip": "",
 	class: "group relative inline-flex"
 }, h = /* @__PURE__ */ o({
-	__name: "DsTooltip",
+	__name: "GrTooltip",
 	props: {
 		text: {},
 		iconColor: { default: "var(--muted-fg)" }

package/dist/components/GrTooltip/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrTooltip-BqRAzuLT.js";
+import { t } from "../../chunks/config-BDXa5Sna2.js";
+export { e as GrTooltip, e as default, t as grTooltipConfig };

package/dist/components/{DsTree/chunks/DsTree-DK0aOkKS.js → GrTree/chunks/GrTree-C2CXR_vW.js}

@@ -1,6 +1,6 @@
 import { t as e } from "../../../chunks/_plugin-vue_export-helper-CHO2XVys.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveComponent as h, shallowRef as g, toDisplayString as _, toValue as v, unref as y, watch as b, withCtx as x, withModifiers as S } from "vue";
-import '../../../DsTree.css';//#region src/components/DsTree/dsTreeDataAdapter.ts
+import '../../../GrTree.css';//#region src/components/GrTree/grTreeDataAdapter.ts
 var C = "children", w = "label";
 function T(e) {
 	return typeof e == "string" || typeof e == "number";
@@ -52,7 +52,7 @@ function D(e) {
 	};
 }
 //#endregion
-//#region src/components/DsTree/dsTreeInteractionContext.ts
+//#region src/components/GrTree/grTreeInteractionContext.ts
 function O(e, t) {
 	let n = f(void 0), r = g(null), i = g(null);
 	function a(t) {
@@ -75,7 +75,7 @@ function O(e, t) {
 	};
 }
 //#endregion
-//#region src/components/DsTree/dsTreeStore.ts
+//#region src/components/GrTree/grTreeStore.ts
 function k(e) {
 	let t = f(""), r = g(/* @__PURE__ */ new Set()), i = f(void 0), a = () => v(e.data) ?? [], o = () => v(e.filterNodeMethod);
 	b(() => v(e.defaultExpandedKeys), (e) => {
@@ -265,7 +265,7 @@ function k(e) {
 	};
 }
 //#endregion
-//#region src/components/DsTree/DsTree.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTree/GrTree.vue?vue&type=script&setup=true&lang.ts
 var A = ["data-ds-tree", "role"], j = ["aria-level", "aria-expanded"], M = [
 	"onClick",
 	"onDrop",
@@ -277,8 +277,8 @@ var A = ["data-ds-tree", "role"], j = ["aria-level", "aria-expanded"], M = [
 	"draggable",
 	"onDragstart"
 ], P = ["aria-label", "onClick"], F = { class: "ds-tree__label" }, I = { class: "ds-tree__label" }, L = "var(--ds-tree-branch-line-default-color, #e2e8f0)", R = /* @__PURE__ */ e(/* @__PURE__ */ s({
-	name: "DsTree",
-	__name: "DsTree",
+	name: "GrTree",
+	__name: "GrTree",
 	props: {
 		data: {},
 		props: { default: () => ({
@@ -526,7 +526,7 @@ var A = ["data-ds-tree", "role"], j = ["aria-level", "aria-expanded"], M = [
 			removeNode: C.removeNode,
 			setCurrentNode: C.setCurrentNode
 		}), (e, n) => {
-			let s = h("DsTree", !0);
+			let s = h("GrTree", !0);
 			return d(), i("div", {
 				"data-ds-tree": g.internalNested ? void 0 : "",
 				class: l(g.internalNested ? "ds-tree__children" : "ds-tree"),
@@ -609,6 +609,6 @@ var A = ["data-ds-tree", "role"], j = ["aria-level", "aria-expanded"], M = [
 			])], 6)) : r("", !0)], 8, j))), 128))], 10, A);
 		};
 	}
-}), [["__scopeId", "data-v-b4b26a0c"]]);
+}), [["__scopeId", "data-v-0d01877b"]]);
 //#endregion
 export { R as t };

package/dist/components/GrTree/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "./chunks/GrTree-C2CXR_vW.js";
+import { n as t, t as n } from "../../chunks/config-CoMQmunP.js";
+export { e as GrTree, e as default, n as grTreeConfig, t as grTreeSafelist };

package/dist/components/{DsTreeSelect/chunks/DsTreeSelect-BnG-oplE.js → GrTreeSelect/chunks/GrTreeSelect-DAAay-QB.js}

@@ -1,10 +1,10 @@
-import { a as e } from "../../../chunks/directives-K8Vo0VhP.js";
-import { t } from "../../DsInput/chunks/DsInput-B8RhHkKQ.js";
-import { t as n } from "../../../chunks/granularityI18n-DYNnonoE.js";
-import { t as r } from "../../DsTree/chunks/DsTree-DK0aOkKS.js";
-import { i, r as a } from "../../../chunks/config-C7KNHOmN.js";
+import { a as e } from "../../../chunks/directives-Dr5NPOT8.js";
+import { t } from "../../GrInput/chunks/GrInput-CLKX1inm.js";
+import { t as n } from "../../../chunks/granularityI18n-8_v1B11L.js";
+import { t as r } from "../../GrTree/chunks/GrTree-C2CXR_vW.js";
+import { i, r as a } from "../../../chunks/config-NuqoO_Of.js";
 import { Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as ee, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onUnmounted as te, openBlock as v, ref as y, renderSlot as b, toDisplayString as x, unref as S, vShow as ne, watch as C, withCtx as w, withDirectives as T, withModifiers as re } from "vue";
-//#region src/components/DsTreeSelect/DsTreeSelect.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/GrTreeSelect/GrTreeSelect.vue?vue&type=script&setup=true&lang.ts
 var ie = { class: "relative" }, ae = [
 	"value",
 	"placeholder",
@@ -26,7 +26,7 @@ var ie = { class: "relative" }, ae = [
 	key: 0,
 	class: "px-3 py-2 text-[13px] text-[var(--muted-fg)]"
 }, de = { class: "flex items-center gap-2 min-w-0" }, fe = { class: "truncate" }, E = /* @__PURE__ */ m({
-	__name: "DsTreeSelect",
+	__name: "GrTreeSelect",
 	props: {
 		modelValue: {},
 		data: {},
@@ -164,7 +164,7 @@ var ie = { class: "relative" }, ae = [
 				return e[0];
 			}
 			return e.length === 1 ? e[0] : `${e[0]} +${e.length - 1}`;
-		}), be = c(() => G.value.length > 0), xe = c(() => D.filterPlaceholder ?? O("ds.treeSelect.filterPlaceholder", "Search…")), Se = c(() => a({
+		}), be = c(() => G.value.length > 0), xe = c(() => D.filterPlaceholder ?? O("gr.treeSelect.filterPlaceholder", "Search…")), Se = c(() => a({
 			size: D.size,
 			state: D.state,
 			invalid: D.invalid
@@ -270,7 +270,7 @@ var ie = { class: "relative" }, ae = [
 				type: "button",
 				class: "absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-md text-[var(--muted-fg)] hover:text-[var(--fg)] hover:bg-[color-mix(in_srgb,var(--muted)_25%,transparent)] disabled:opacity-50",
 				disabled: m.disabled,
-				"aria-label": S(O)("ds.common.clear", "Clear"),
+				"aria-label": S(O)("gr.common.clear", "Clear"),
 				onClick: re(Oe, ["stop"])
 			}, [...i[1] ||= [f("span", { class: "i-lucide-x h-4 w-4" }, null, -1)]], 8, oe)) : (v(), d("span", se, [f("span", { class: g(["i-lucide-chevron-down h-4 w-4 transition-transform duration-150", I.value ? "rotate-180" : ""]) }, null, 2)])),
 			n.$slots.value ? (v(), d("div", ce, [b(n.$slots, "value", {
@@ -312,7 +312,7 @@ var ie = { class: "relative" }, ae = [
 			])])) : u("", !0), f("div", {
 				class: "p-1 overflow-auto",
 				style: _({ maxHeight: `${m.dropdownMaxHeight}px` })
-			}, [(m.data?.length ?? 0) === 0 ? (v(), d("div", ue, [b(n.$slots, "empty", {}, () => [ee(x(S(O)("ds.treeSelect.empty", "No data")), 1)])])) : (v(), l(S(r), {
+			}, [(m.data?.length ?? 0) === 0 ? (v(), d("div", ue, [b(n.$slots, "empty", {}, () => [ee(x(S(O)("gr.treeSelect.empty", "No data")), 1)])])) : (v(), l(S(r), {
 				key: 1,
 				ref_key: "treeRef",
 				ref: N,

package/dist/components/GrTreeSelect/index.js

@@ -0,0 +1,3 @@
+import { n as e, t } from "../../chunks/config-NuqoO_Of.js";
+import { t as n } from "./chunks/GrTreeSelect-DAAay-QB.js";
+export { n as GrTreeSelect, n as default, t as grTreeSelectConfig, e as grTreeSelectSafelist };

package/dist/composables/useTheme.js

@@ -0,0 +1,44 @@
+import { computed as e, ref as t } from "vue";
+//#region src/composables/useTheme.ts
+var n = "fint-ds-theme";
+function r(e = n, t = !0) {
+	if (typeof window > "u") return "light";
+	if (t) try {
+		let t = window.localStorage, n = typeof t?.getItem == "function" ? t.getItem(e) : null;
+		if (n === "light" || n === "dark") return n;
+	} catch {}
+	return window.matchMedia?.("(prefers-color-scheme: dark)")?.matches ? "dark" : "light";
+}
+function i(e) {
+	if (typeof document > "u") return;
+	let t = document.documentElement;
+	t.classList.toggle("theme-dark", e === "dark"), t.dataset.theme = e;
+}
+function a(e = {}) {
+	i(r(e.storageKey ?? n, e.persist ?? !0));
+}
+function o(a = {}) {
+	let o = a.storageKey ?? n, s = a.persist ?? !0, c = t(r(o, s)), l = e(() => c.value === "dark");
+	function u(e) {
+		if (c.value = e, s && typeof window < "u") try {
+			let t = window.localStorage;
+			typeof t?.setItem == "function" && t.setItem(o, e);
+		} catch {}
+		i(e);
+	}
+	function d() {
+		u(c.value === "dark" ? "light" : "dark");
+	}
+	function f() {
+		i(c.value);
+	}
+	return {
+		theme: c,
+		isDark: l,
+		setTheme: u,
+		toggleTheme: d,
+		initTheme: f
+	};
+}
+//#endregion
+export { a as initThemeEarly, o as useTheme };

package/dist/composables/useToast.js

@@ -0,0 +1,47 @@
+import { computed as e, reactive as t } from "vue";
+//#region src/composables/useToast.ts
+var n = t([]), r = /* @__PURE__ */ new Map(), i = 3500;
+function a() {
+	return `${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
+function o(e) {
+	let t = r.get(e);
+	t !== void 0 && (clearTimeout(t), r.delete(e));
+}
+function s() {
+	let t = e(() => n);
+	function s(e) {
+		let t = a(), o = {
+			id: t,
+			title: e.title,
+			message: e.message,
+			tone: e.tone ?? "info"
+		};
+		n.unshift(o);
+		let s = e.timeoutMs ?? i;
+		if (s > 0 && typeof window < "u") {
+			let e = window.setTimeout(() => {
+				r.delete(t), c(t);
+			}, s);
+			r.set(t, e);
+		}
+		return t;
+	}
+	function c(e) {
+		o(e);
+		let t = n.findIndex((t) => t.id === e);
+		t >= 0 && n.splice(t, 1);
+	}
+	function l() {
+		for (let e of r.keys()) o(e);
+		n.splice(0, n.length);
+	}
+	return {
+		list: t,
+		push: s,
+		dismiss: c,
+		clear: l
+	};
+}
+//#endregion
+export { s as useToast };

package/dist/directives/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/directives-K8Vo0VhP.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/directives-Dr5NPOT8.js";
 export { o as createLoading, a as vAutofocus, r as vAutosize, e as vClickOutside, t as vDropzone, i as vHotkey, n as vLoading };