@nightshadeui/core 2.0.1 → 2.0.2

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/dist/core.mjs CHANGED
@@ -1,10 +1,10 @@
1
- import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as T, mergeProps as B } from "vue";
1
+ import { createBlock as p, openBlock as u, resolveDynamicComponent as g, normalizeClass as y, withCtx as b, renderSlot as r, createElementBlock as d, createCommentVNode as c, toDisplayString as h, resolveComponent as m, createVNode as k, createElementVNode as v, Fragment as O, mergeProps as I } from "vue";
2
2
  const f = (t, n) => {
3
3
  const e = t.__vccOpts || t;
4
- for (const [i, o] of n)
5
- e[i] = o;
4
+ for (const [i, l] of n)
5
+ e[i] = l;
6
6
  return e;
7
- }, O = {
7
+ }, V = {
8
8
  props: {
9
9
  tagName: { type: String, default: "button" },
10
10
  href: { type: String },
@@ -55,77 +55,77 @@ const f = (t, n) => {
55
55
  hoverOverrides: n = {},
56
56
  activeOverrides: e = {},
57
57
  focusOverrides: i = {},
58
- active: o,
59
- hover: l,
58
+ active: l,
59
+ hover: o,
60
60
  focus: s,
61
61
  forceActive: a,
62
- forceHover: _,
63
- forceFocus: w
62
+ forceHover: B,
63
+ forceFocus: T
64
64
  } = this, S = Object.assign({}, t);
65
- return (o || a) && Object.assign(S, e), (l || _) && Object.assign(S, n), (s || w) && Object.assign(S, i), S;
65
+ return (l || a) && Object.assign(S, e), (o || B) && Object.assign(S, n), (s || T) && Object.assign(S, i), S;
66
66
  }
67
67
  },
68
68
  methods: {
69
69
  // TODO add debounce
70
70
  }
71
- }, V = {
71
+ }, $ = {
72
72
  key: 0,
73
73
  class: "Label"
74
74
  };
75
- function $(t, n, e, i, o, l) {
75
+ function C(t, n, e, i, l, o) {
76
76
  return u(), p(g(e.tagName), {
77
77
  ref: "button",
78
78
  class: y(["Btn InputElement", [
79
- `Btn-${l.effectiveStyle.size}`,
80
- `Btn-${l.effectiveStyle.kind}`,
81
- `input-kind-${l.effectiveStyle.kind}`,
79
+ `Btn-${o.effectiveStyle.size}`,
80
+ `Btn-${o.effectiveStyle.kind}`,
81
+ `input-kind-${o.effectiveStyle.kind}`,
82
82
  `Btn-iconPos-${e.iconPos}`,
83
83
  {
84
- "Btn-ghost": l.effectiveStyle.ghost,
85
- "Btn-round": l.effectiveStyle.round,
86
- "Btn-outline": l.effectiveStyle.outline,
87
- "Btn-flat": l.effectiveStyle.flat,
88
- "Btn-shadow": l.effectiveStyle.shadow,
84
+ "Btn-ghost": o.effectiveStyle.ghost,
85
+ "Btn-round": o.effectiveStyle.round,
86
+ "Btn-outline": o.effectiveStyle.outline,
87
+ "Btn-flat": o.effectiveStyle.flat,
88
+ "Btn-shadow": o.effectiveStyle.shadow,
89
89
  "Btn-square": e.square,
90
90
  "Btn-block": e.block,
91
- "Btn-disabled": e.disabled || o.blocked,
91
+ "Btn-disabled": e.disabled || l.blocked,
92
92
  "Btn-force-focus": e.forceFocus,
93
93
  "Btn-force-hover": e.forceHover,
94
94
  "Btn-force-active": e.forceActive
95
95
  }
96
96
  ]]),
97
- disabled: e.disabled || o.blocked,
97
+ disabled: e.disabled || l.blocked,
98
98
  title: e.title ?? e.label,
99
99
  href: e.href,
100
- onMouseenter: n[0] || (n[0] = (s) => o.hover = !0),
101
- onMouseleave: n[1] || (n[1] = (s) => o.hover = !1),
102
- onMousedown: n[2] || (n[2] = (s) => o.active = !0),
103
- onMouseup: n[3] || (n[3] = (s) => o.active = !1),
104
- onMouseout: n[4] || (n[4] = (s) => o.active = !1),
105
- onFocusin: n[5] || (n[5] = (s) => o.focus = !0),
106
- onFocusout: n[6] || (n[6] = (s) => o.focus = !1)
100
+ onMouseenter: n[0] || (n[0] = (s) => l.hover = !0),
101
+ onMouseleave: n[1] || (n[1] = (s) => l.hover = !1),
102
+ onMousedown: n[2] || (n[2] = (s) => l.active = !0),
103
+ onMouseup: n[3] || (n[3] = (s) => l.active = !1),
104
+ onMouseout: n[4] || (n[4] = (s) => l.active = !1),
105
+ onFocusin: n[5] || (n[5] = (s) => l.focus = !0),
106
+ onFocusout: n[6] || (n[6] = (s) => l.focus = !1)
107
107
  }, {
108
108
  default: b(() => [
109
109
  r(t.$slots, "icon", {
110
- hover: o.hover,
111
- blocked: o.blocked
110
+ hover: l.hover,
111
+ blocked: l.blocked
112
112
  }, () => [
113
113
  e.icon ? (u(), d("i", {
114
114
  key: 0,
115
115
  class: y([e.icon, "Icon"])
116
116
  }, null, 2)) : c("", !0)
117
117
  ], !0),
118
- e.label ? (u(), d("span", V, h(e.label), 1)) : c("", !0),
118
+ e.label ? (u(), d("span", $, h(e.label), 1)) : c("", !0),
119
119
  r(t.$slots, "default", {
120
- hover: o.hover,
121
- active: o.active,
122
- blocked: o.blocked
120
+ hover: l.hover,
121
+ active: l.active,
122
+ blocked: l.blocked
123
123
  }, void 0, !0)
124
124
  ]),
125
125
  _: 3
126
126
  }, 40, ["class", "disabled", "title", "href"]);
127
127
  }
128
- const ce = /* @__PURE__ */ f(O, [["render", $], ["__scopeId", "data-v-b5c1c5d3"]]), j = {
128
+ const j = /* @__PURE__ */ f(V, [["render", C], ["__scopeId", "data-v-b5c1c5d3"]]), F = {
129
129
  props: {
130
130
  tagName: { type: String, default: "div" },
131
131
  align: { type: String, default: "center" },
@@ -134,7 +134,7 @@ const ce = /* @__PURE__ */ f(O, [["render", $], ["__scopeId", "data-v-b5c1c5d3"]
134
134
  wrap: { type: Boolean, default: !1 }
135
135
  }
136
136
  };
137
- function C(t, n, e, i, o, l) {
137
+ function H(t, n, e, i, l, o) {
138
138
  return u(), p(g(e.tagName), {
139
139
  class: y(["HGroup", [
140
140
  `HGroup-align-${e.align}`,
@@ -151,7 +151,7 @@ function C(t, n, e, i, o, l) {
151
151
  _: 3
152
152
  }, 8, ["class"]);
153
153
  }
154
- const pe = /* @__PURE__ */ f(j, [["render", C], ["__scopeId", "data-v-73c7b415"]]), F = {
154
+ const z = /* @__PURE__ */ f(F, [["render", H], ["__scopeId", "data-v-73c7b415"]]), N = {
155
155
  props: {
156
156
  dir: { type: String, default: "top" },
157
157
  label: { type: String }
@@ -161,13 +161,13 @@ const pe = /* @__PURE__ */ f(j, [["render", C], ["__scopeId", "data-v-73c7b415"]
161
161
  return this.dir === "top" || this.dir === "bottom" ? "h" : "v";
162
162
  }
163
163
  }
164
- }, H = { class: "Content" }, z = ["title"];
165
- function N(t, n, e, i, o, l) {
164
+ }, x = { class: "Content" }, M = ["title"];
165
+ function G(t, n, e, i, l, o) {
166
166
  const s = m("TabCap");
167
167
  return u(), d("div", {
168
168
  class: y(["Tab", [
169
169
  `Tab-${e.dir}`,
170
- `Tab-${l.orientation}`
170
+ `Tab-${o.orientation}`
171
171
  ]])
172
172
  }, [
173
173
  k(s, {
@@ -175,13 +175,13 @@ function N(t, n, e, i, o, l) {
175
175
  dir: e.dir,
176
176
  type: "start"
177
177
  }, null, 8, ["dir"]),
178
- v("div", H, [
178
+ v("div", x, [
179
179
  r(t.$slots, "default", {}, () => [
180
180
  e.label ? (u(), d("div", {
181
181
  key: 0,
182
182
  class: "TabLabel",
183
183
  title: e.label
184
- }, h(e.label), 9, z)) : c("", !0)
184
+ }, h(e.label), 9, M)) : c("", !0)
185
185
  ], !0)
186
186
  ]),
187
187
  k(s, {
@@ -191,9 +191,9 @@ function N(t, n, e, i, o, l) {
191
191
  }, null, 8, ["dir"])
192
192
  ], 2);
193
193
  }
194
- const x = /* @__PURE__ */ f(F, [["render", N], ["__scopeId", "data-v-525c42ae"]]), M = {
194
+ const w = /* @__PURE__ */ f(N, [["render", G], ["__scopeId", "data-v-525c42ae"]]), L = {
195
195
  components: {
196
- Tab: x
196
+ Tab: w
197
197
  },
198
198
  props: {
199
199
  tagName: { default: "label" },
@@ -232,64 +232,64 @@ const x = /* @__PURE__ */ f(F, [["render", N], ["__scopeId", "data-v-525c42ae"]]
232
232
  hoverOverrides: n = {},
233
233
  focusOverrides: e = {},
234
234
  hover: i,
235
- focus: o,
236
- forceHover: l,
235
+ focus: l,
236
+ forceHover: o,
237
237
  forceFocus: s
238
238
  } = this, a = Object.assign({}, t);
239
- return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
239
+ return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
240
240
  }
241
241
  }
242
- }, G = {
242
+ }, A = {
243
243
  key: 1,
244
244
  class: "Label TextLabel"
245
- }, L = {
245
+ }, D = {
246
246
  key: 2,
247
247
  class: "Label InlineLabel"
248
- }, A = { class: "InputElement Container" };
249
- function D(t, n, e, i, o, l) {
248
+ }, E = { class: "InputElement Container" };
249
+ function P(t, n, e, i, l, o) {
250
250
  const s = m("Tab");
251
251
  return u(), p(g(e.tagName), {
252
252
  class: y(["InputBase", [
253
- `InputBase-${l.effectiveStyle.kind}`,
254
- `input-kind-${l.effectiveStyle.kind}`,
255
- `InputBase-${l.effectiveStyle.size}`,
253
+ `InputBase-${o.effectiveStyle.kind}`,
254
+ `input-kind-${o.effectiveStyle.kind}`,
255
+ `InputBase-${o.effectiveStyle.size}`,
256
256
  {
257
257
  "InputBase-fixed-height": e.fixedHeight,
258
- "InputBase-shadow": l.effectiveStyle.shadow,
259
- "InputBase-round": l.effectiveStyle.round,
258
+ "InputBase-shadow": o.effectiveStyle.shadow,
259
+ "InputBase-round": o.effectiveStyle.round,
260
260
  "InputBase-disabled": e.disabled,
261
261
  "InputBase-force-focus": e.forceFocus,
262
262
  "InputBase-force-hover": e.forceHover
263
263
  }
264
264
  ]]),
265
- onMouseenter: n[0] || (n[0] = (a) => o.hover = !0),
266
- onMouseleave: n[1] || (n[1] = (a) => o.hover = !1),
267
- onFocusin: n[2] || (n[2] = (a) => o.focus = !0),
268
- onFocusout: n[3] || (n[3] = (a) => o.focus = !1)
265
+ onMouseenter: n[0] || (n[0] = (a) => l.hover = !0),
266
+ onMouseleave: n[1] || (n[1] = (a) => l.hover = !1),
267
+ onFocusin: n[2] || (n[2] = (a) => l.focus = !0),
268
+ onFocusout: n[3] || (n[3] = (a) => l.focus = !1)
269
269
  }, {
270
270
  default: b(() => [
271
- e.label ? (u(), d(T, { key: 0 }, [
271
+ e.label ? (u(), d(O, { key: 0 }, [
272
272
  e.labelStyle === "tab" ? (u(), p(s, {
273
273
  key: 0,
274
274
  class: "Label TabLabel",
275
275
  label: e.label
276
276
  }, null, 8, ["label"])) : c("", !0),
277
- e.labelStyle === "text" ? (u(), d("div", G, h(e.label), 1)) : c("", !0),
278
- e.labelStyle === "inline" ? (u(), d("div", L, h(e.label), 1)) : c("", !0)
277
+ e.labelStyle === "text" ? (u(), d("div", A, h(e.label), 1)) : c("", !0),
278
+ e.labelStyle === "inline" ? (u(), d("div", D, h(e.label), 1)) : c("", !0)
279
279
  ], 64)) : c("", !0),
280
- v("div", A, [
280
+ v("div", E, [
281
281
  r(t.$slots, "default", {}, void 0, !0)
282
282
  ])
283
283
  ]),
284
284
  _: 3
285
285
  }, 40, ["class"]);
286
286
  }
287
- const I = /* @__PURE__ */ f(M, [["render", D], ["__scopeId", "data-v-223a8b88"]]), E = {
287
+ const _ = /* @__PURE__ */ f(L, [["render", P], ["__scopeId", "data-v-223a8b88"]]), q = {
288
288
  props: {
289
289
  tagName: { type: String, default: "div" }
290
290
  }
291
291
  };
292
- function P(t, n, e, i, o, l) {
292
+ function K(t, n, e, i, l, o) {
293
293
  return u(), p(g(e.tagName), { class: "InputGroup" }, {
294
294
  default: b(() => [
295
295
  r(t.$slots, "default", {}, void 0, !0)
@@ -297,9 +297,9 @@ function P(t, n, e, i, o, l) {
297
297
  _: 3
298
298
  });
299
299
  }
300
- const ye = /* @__PURE__ */ f(E, [["render", P], ["__scopeId", "data-v-d218bf44"]]), q = {
300
+ const R = /* @__PURE__ */ f(q, [["render", K], ["__scopeId", "data-v-d218bf44"]]), Y = {
301
301
  props: {
302
- ...I.props,
302
+ ..._.props,
303
303
  modelValue: {},
304
304
  items: { type: Array, default: () => [] },
305
305
  placeholder: { type: String },
@@ -358,55 +358,55 @@ const ye = /* @__PURE__ */ f(E, [["render", P], ["__scopeId", "data-v-d218bf44"]
358
358
  this.disabled || (this.menuShown = !0);
359
359
  }
360
360
  }
361
- }, K = {
361
+ }, J = {
362
362
  key: 1,
363
363
  class: "Value"
364
- }, R = {
364
+ }, Q = {
365
365
  key: 2,
366
366
  class: "Placeholder"
367
- }, Y = {
367
+ }, U = {
368
368
  ref: "icon",
369
369
  class: "DropdownIcon"
370
370
  };
371
- function J(t, n, e, i, o, l) {
371
+ function W(t, n, e, i, l, o) {
372
372
  const s = m("ContextMenu"), a = m("InputBase");
373
- return u(), p(a, B({ class: "InputSelect" }, {
373
+ return u(), p(a, I({ class: "InputSelect" }, {
374
374
  ...t.$props
375
375
  }, {
376
376
  tabindex: "0",
377
- onClick: n[1] || (n[1] = (_) => l.show())
377
+ onClick: n[1] || (n[1] = (B) => o.show())
378
378
  }), {
379
379
  default: b(() => [
380
380
  r(t.$slots, "before", {}, void 0, !0),
381
- l.itemIcon ? (u(), d("i", {
381
+ o.itemIcon ? (u(), d("i", {
382
382
  key: 0,
383
- class: y(["Icon", l.itemIcon])
383
+ class: y(["Icon", o.itemIcon])
384
384
  }, null, 2)) : c("", !0),
385
- l.selectedItem ? (u(), d("span", K, h(l.itemTitle), 1)) : c("", !0),
386
- l.selectedItem ? c("", !0) : (u(), d("span", R, h(e.placeholder), 1)),
387
- v("div", Y, [
385
+ o.selectedItem ? (u(), d("span", J, h(o.itemTitle), 1)) : c("", !0),
386
+ o.selectedItem ? c("", !0) : (u(), d("span", Q, h(e.placeholder), 1)),
387
+ v("div", U, [
388
388
  r(t.$slots, "iconDropdown", {}, () => [
389
389
  v("i", {
390
- class: y(l.iconDropdown)
390
+ class: y(o.iconDropdown)
391
391
  }, null, 2)
392
392
  ], !0)
393
393
  ], 512),
394
- !t.disabled && o.menuShown ? (u(), p(s, {
394
+ !t.disabled && l.menuShown ? (u(), p(s, {
395
395
  key: 3,
396
396
  anchorRef: "icon",
397
- items: l.getMenuItems(),
397
+ items: o.getMenuItems(),
398
398
  search: e.search,
399
399
  overlayShown: !1,
400
- onHide: n[0] || (n[0] = (_) => o.menuShown = !1)
400
+ onHide: n[0] || (n[0] = (B) => l.menuShown = !1)
401
401
  }, null, 8, ["items", "search"])) : c("", !0),
402
402
  r(t.$slots, "after", {}, void 0, !0)
403
403
  ]),
404
404
  _: 3
405
405
  }, 16);
406
406
  }
407
- const ve = /* @__PURE__ */ f(q, [["render", J], ["__scopeId", "data-v-9fe1f46c"]]), Q = {
407
+ const X = /* @__PURE__ */ f(Y, [["render", W], ["__scopeId", "data-v-9fe1f46c"]]), Z = {
408
408
  props: {
409
- ...I.props,
409
+ ..._.props,
410
410
  modelValue: { type: [String, Number] },
411
411
  type: { type: String },
412
412
  placeholder: { type: String },
@@ -430,10 +430,10 @@ const ve = /* @__PURE__ */ f(q, [["render", J], ["__scopeId", "data-v-9fe1f46c"]
430
430
  this.$emit("update:modelValue", t.target.value);
431
431
  }
432
432
  }
433
- }, U = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
434
- function W(t, n, e, i, o, l) {
433
+ }, ee = ["value", "type", "placeholder", "readonly", "disabled", "min", "max", "step"];
434
+ function te(t, n, e, i, l, o) {
435
435
  const s = m("InputBase");
436
- return u(), p(s, B({ class: "InputText" }, {
436
+ return u(), p(s, I({ class: "InputText" }, {
437
437
  ...t.$props
438
438
  }), {
439
439
  default: b(() => [
@@ -449,18 +449,18 @@ function W(t, n, e, i, o, l) {
449
449
  max: e.max,
450
450
  step: e.step,
451
451
  autocomplete: "off",
452
- onInput: n[0] || (n[0] = (a) => l.onInput(a)),
452
+ onInput: n[0] || (n[0] = (a) => o.onInput(a)),
453
453
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
454
454
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
455
- }, null, 40, U),
455
+ }, null, 40, ee),
456
456
  r(t.$slots, "after", {}, void 0, !0)
457
457
  ]),
458
458
  _: 3
459
459
  }, 16);
460
460
  }
461
- const be = /* @__PURE__ */ f(Q, [["render", W], ["__scopeId", "data-v-7abebe33"]]), X = {
461
+ const ne = /* @__PURE__ */ f(Z, [["render", te], ["__scopeId", "data-v-7abebe33"]]), oe = {
462
462
  props: {
463
- ...I.props,
463
+ ..._.props,
464
464
  modelValue: { type: String },
465
465
  placeholder: { type: String },
466
466
  rows: { type: Number },
@@ -493,10 +493,10 @@ const be = /* @__PURE__ */ f(Q, [["render", W], ["__scopeId", "data-v-7abebe33"]
493
493
  this.$emit("update:modelValue", t.target.value);
494
494
  }
495
495
  }
496
- }, Z = ["value", "placeholder", "readonly", "disabled", "rows"];
497
- function ee(t, n, e, i, o, l) {
496
+ }, le = ["value", "placeholder", "readonly", "disabled", "rows"];
497
+ function se(t, n, e, i, l, o) {
498
498
  const s = m("InputBase");
499
- return u(), p(s, B({ class: "InputTextarea" }, {
499
+ return u(), p(s, I({ class: "InputTextarea" }, {
500
500
  ...t.$props
501
501
  }, { fixedHeight: !1 }), {
502
502
  default: b(() => [
@@ -510,26 +510,26 @@ function ee(t, n, e, i, o, l) {
510
510
  rows: e.rows,
511
511
  resize: "none",
512
512
  autocomplete: "off",
513
- onInput: n[0] || (n[0] = (a) => l.onInput(a)),
513
+ onInput: n[0] || (n[0] = (a) => o.onInput(a)),
514
514
  onFocus: n[1] || (n[1] = (a) => t.$emit("focus", a)),
515
515
  onBlur: n[2] || (n[2] = (a) => t.$emit("blur", a))
516
- }, null, 40, Z),
516
+ }, null, 40, le),
517
517
  r(t.$slots, "after", {}, void 0, !0)
518
518
  ]),
519
519
  _: 3
520
520
  }, 16);
521
521
  }
522
- const he = /* @__PURE__ */ f(X, [["render", ee], ["__scopeId", "data-v-be132dbe"]]), te = {}, ne = { class: "Sizer" };
523
- function le(t, n, e, i, o, l) {
524
- return u(), d("div", ne);
522
+ const ae = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-be132dbe"]]), ue = {}, ie = { class: "Sizer" };
523
+ function re(t, n, e, i, l, o) {
524
+ return u(), d("div", ie);
525
525
  }
526
- const me = /* @__PURE__ */ f(te, [["render", le], ["__scopeId", "data-v-e490e579"]]), oe = {
526
+ const de = /* @__PURE__ */ f(ue, [["render", re], ["__scopeId", "data-v-e490e579"]]), fe = {
527
527
  props: {
528
528
  dir: { type: String, default: "top" },
529
529
  type: { type: String, default: "start" }
530
530
  }
531
531
  };
532
- function se(t, n, e, i, o, l) {
532
+ function ce(t, n, e, i, l, o) {
533
533
  return u(), d("svg", {
534
534
  class: y(["TabCap", [
535
535
  `TabCap-${e.dir}`,
@@ -541,7 +541,7 @@ function se(t, n, e, i, o, l) {
541
541
  v("path", { d: "M0 32 C 16 32 16 0 32 0 L 32 32 z" }, null, -1)
542
542
  ])], 2);
543
543
  }
544
- const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2"]]), ae = {
544
+ const pe = /* @__PURE__ */ f(fe, [["render", ce], ["__scopeId", "data-v-9344b5a2"]]), ye = {
545
545
  props: {
546
546
  modelValue: { type: Boolean },
547
547
  disabled: { type: Boolean },
@@ -584,11 +584,11 @@ const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2
584
584
  hoverOverrides: n = {},
585
585
  focusOverrides: e = {},
586
586
  hover: i,
587
- focus: o,
588
- forceHover: l,
587
+ focus: l,
588
+ forceHover: o,
589
589
  forceFocus: s
590
590
  } = this, a = Object.assign({}, t);
591
- return (i || l) && Object.assign(a, n), (o || s) && Object.assign(a, e), a;
591
+ return (i || o) && Object.assign(a, n), (l || s) && Object.assign(a, e), a;
592
592
  }
593
593
  },
594
594
  methods: {
@@ -596,38 +596,38 @@ const ge = /* @__PURE__ */ f(oe, [["render", se], ["__scopeId", "data-v-9344b5a2
596
596
  this.$emit("update:modelValue", t.target.checked);
597
597
  }
598
598
  }
599
- }, ue = ["checked", "disabled"];
600
- function ie(t, n, e, i, o, l) {
599
+ }, ve = ["checked", "disabled"];
600
+ function be(t, n, e, i, l, o) {
601
601
  return u(), d("label", {
602
602
  class: y(["Toggle InputElement", [
603
- `Toggle-${l.effectiveStyle.kind}`,
604
- `input-kind-${l.effectiveStyle.kind}`,
605
- `Toggle-${l.effectiveStyle.size}`,
603
+ `Toggle-${o.effectiveStyle.kind}`,
604
+ `input-kind-${o.effectiveStyle.kind}`,
605
+ `Toggle-${o.effectiveStyle.size}`,
606
606
  {
607
607
  "Toggle-active": !!e.modelValue,
608
- "Toggle-outline": l.effectiveStyle.outline,
609
- "Toggle-round": l.effectiveStyle.round,
610
- "Toggle-flat": l.effectiveStyle.flat,
608
+ "Toggle-outline": o.effectiveStyle.outline,
609
+ "Toggle-round": o.effectiveStyle.round,
610
+ "Toggle-flat": o.effectiveStyle.flat,
611
611
  "Toggle-disabled": e.disabled,
612
612
  "Toggle-force-focus": e.forceFocus,
613
613
  "Toggle-force-hover": e.forceHover
614
614
  }
615
615
  ]]),
616
616
  tabindex: "0",
617
- onMouseenter: n[1] || (n[1] = (s) => o.hover = !0),
618
- onMouseleave: n[2] || (n[2] = (s) => o.hover = !1),
619
- onFocusin: n[3] || (n[3] = (s) => o.focus = !0),
620
- onFocusout: n[4] || (n[4] = (s) => o.focus = !1)
617
+ onMouseenter: n[1] || (n[1] = (s) => l.hover = !0),
618
+ onMouseleave: n[2] || (n[2] = (s) => l.hover = !1),
619
+ onFocusin: n[3] || (n[3] = (s) => l.focus = !0),
620
+ onFocusout: n[4] || (n[4] = (s) => l.focus = !1)
621
621
  }, [
622
622
  v("input", {
623
623
  type: "checkbox",
624
624
  checked: e.modelValue,
625
625
  disabled: e.disabled,
626
- onChange: n[0] || (n[0] = (...s) => l.onChange && l.onChange(...s))
627
- }, null, 40, ue)
626
+ onChange: n[0] || (n[0] = (...s) => o.onChange && o.onChange(...s))
627
+ }, null, 40, ve)
628
628
  ], 34);
629
629
  }
630
- const Se = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-6d6e9f0f"]]), re = {
630
+ const he = /* @__PURE__ */ f(ye, [["render", be], ["__scopeId", "data-v-6d6e9f0f"]]), me = {
631
631
  props: {
632
632
  tagName: { type: String, default: "div" },
633
633
  align: { type: String, default: "stretch" },
@@ -635,7 +635,7 @@ const Se = /* @__PURE__ */ f(ae, [["render", ie], ["__scopeId", "data-v-6d6e9f0f
635
635
  gap: { type: String, default: "m" }
636
636
  }
637
637
  };
638
- function de(t, n, e, i, o, l) {
638
+ function ge(t, n, e, i, l, o) {
639
639
  return u(), p(g(e.tagName), {
640
640
  class: y(["VGroup", [
641
641
  `VGroup-align-${e.align}`,
@@ -649,18 +649,32 @@ function de(t, n, e, i, o, l) {
649
649
  _: 3
650
650
  }, 8, ["class"]);
651
651
  }
652
- const _e = /* @__PURE__ */ f(re, [["render", de], ["__scopeId", "data-v-fb2289bb"]]);
652
+ const Se = /* @__PURE__ */ f(me, [["render", ge], ["__scopeId", "data-v-fb2289bb"]]), Be = {
653
+ Btn: j,
654
+ HGroup: z,
655
+ InputBase: _,
656
+ InputGroup: R,
657
+ InputSelect: X,
658
+ InputText: ne,
659
+ InputTextarea: ae,
660
+ Sizer: de,
661
+ Tab: w,
662
+ TabCap: pe,
663
+ Toggle: he,
664
+ VGroup: Se
665
+ };
653
666
  export {
654
- ce as Btn,
655
- pe as HGroup,
656
- I as InputBase,
657
- ye as InputGroup,
658
- ve as InputSelect,
659
- be as InputText,
660
- he as InputTextarea,
661
- me as Sizer,
662
- x as Tab,
663
- ge as TabCap,
664
- Se as Toggle,
665
- _e as VGroup
667
+ j as Btn,
668
+ z as HGroup,
669
+ _ as InputBase,
670
+ R as InputGroup,
671
+ X as InputSelect,
672
+ ne as InputText,
673
+ ae as InputTextarea,
674
+ de as Sizer,
675
+ w as Tab,
676
+ pe as TabCap,
677
+ he as Toggle,
678
+ Se as VGroup,
679
+ Be as coreComponents
666
680
  };
package/dist/index.d.ts CHANGED
@@ -11,3 +11,17 @@ import { default as TabCap } from './TabCap.vue';
11
11
  import { default as Toggle } from './Toggle.vue';
12
12
  import { default as VGroup } from './VGroup.vue';
13
13
  export { Btn, HGroup, InputBase, InputGroup, InputSelect, InputText, InputTextarea, Sizer, Tab, TabCap, Toggle, VGroup, };
14
+ export declare const coreComponents: {
15
+ Btn: any;
16
+ HGroup: any;
17
+ InputBase: any;
18
+ InputGroup: any;
19
+ InputSelect: any;
20
+ InputText: any;
21
+ InputTextarea: any;
22
+ Sizer: any;
23
+ Tab: any;
24
+ TabCap: any;
25
+ Toggle: any;
26
+ VGroup: any;
27
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nightshadeui/core",
3
- "version": "2.0.1",
3
+ "version": "2.0.2",
4
4
  "description": "Core Nightshade UI components",
5
5
  "author": "Boris Okunskiy",
6
6
  "license": "ISC",