@strands.gg/accui 2.15.11 → 2.16.0

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.
Files changed (30) hide show
  1. package/dist/StrandsUIPlugin-C9rrMU2i.cjs.js +1 -0
  2. package/dist/{StrandsUIPlugin-JP858JzQ.es.js → StrandsUIPlugin-tl7L52hZ.es.js} +15 -63
  3. package/dist/accui.css +1 -1
  4. package/dist/index.cjs.js +1 -1
  5. package/dist/index.es.js +149 -177
  6. package/dist/vite.cjs.js +1 -1
  7. package/dist/vite.es.js +1 -1
  8. package/dist/webcomponents/define-element.d.ts +24 -0
  9. package/dist/webcomponents/entries/strands-alert.d.ts +12 -0
  10. package/dist/webcomponents/entries/strands-button.d.ts +12 -0
  11. package/dist/webcomponents/entries/strands-card.d.ts +12 -0
  12. package/dist/webcomponents/entries/strands-checkbox-group.d.ts +11 -0
  13. package/dist/webcomponents/entries/strands-divider.d.ts +12 -0
  14. package/dist/webcomponents/entries/strands-input.d.ts +14 -0
  15. package/dist/webcomponents/entries/strands-link.d.ts +12 -0
  16. package/dist/webcomponents/entries/strands-loader-spinner.d.ts +10 -0
  17. package/dist/webcomponents/entries/strands-modal.d.ts +16 -0
  18. package/dist/webcomponents/entries/strands-pill.d.ts +11 -0
  19. package/dist/webcomponents/entries/strands-radio-group.d.ts +11 -0
  20. package/dist/webcomponents/entries/strands-slider.d.ts +10 -0
  21. package/dist/webcomponents/entries/strands-table.d.ts +13 -0
  22. package/dist/webcomponents/entries/strands-tabs.d.ts +12 -0
  23. package/dist/webcomponents/entries/strands-theme-toggle.d.ts +10 -0
  24. package/dist/webcomponents/entries/strands-toggle.d.ts +10 -0
  25. package/dist/webcomponents/entries/strands-tooltip.d.ts +12 -0
  26. package/dist/webcomponents/index.d.ts +8 -0
  27. package/dist/webcomponents/loader.d.ts +73 -0
  28. package/dist/webcomponents/registry.d.ts +41 -0
  29. package/package.json +3 -1
  30. package/dist/StrandsUIPlugin-DSCUXdBp.cjs.js +0 -1
@@ -316,7 +316,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
316
316
  };
317
317
  }
318
318
  });
319
- const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-a8a2006b"]]);
319
+ const UiButtonContent = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-fb8bbb18"]]);
320
320
  const _hoisted_1$e = ["href", "target", "rel"];
321
321
  const _sfc_main$j = /* @__PURE__ */ defineComponent({
322
322
  __name: "UiButton.Anchor",
@@ -1111,7 +1111,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
1111
1111
  };
1112
1112
  }
1113
1113
  });
1114
- const StrandsUiCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-374e57b2"]]);
1114
+ const StrandsUiCard = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-40cbf608"]]);
1115
1115
  /**
1116
1116
  * @license lucide-vue-next v0.542.0 - ISC
1117
1117
  *
@@ -1650,7 +1650,6 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
1650
1650
  return openBlock(), createElementBlock("div", {
1651
1651
  class: normalizeClass(["input-field-wrapper", wrapperClasses.value])
1652
1652
  }, [
1653
- renderSlot(_ctx.$slots, "leading", {}, void 0, true),
1654
1653
  props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
1655
1654
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
1656
1655
  ])) : createCommentVNode("", true),
@@ -1708,13 +1707,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
1708
1707
  }, 8, ["tabindex"])
1709
1708
  ])) : props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
1710
1709
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
1711
- ])) : createCommentVNode("", true),
1712
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
1710
+ ])) : createCommentVNode("", true)
1713
1711
  ], 2);
1714
1712
  };
1715
1713
  }
1716
1714
  });
1717
- const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-4807b700"]]);
1715
+ const UiInputText = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-b3152b5d"]]);
1718
1716
  const _hoisted_1$9 = {
1719
1717
  key: 0,
1720
1718
  class: "input-leading-icon"
@@ -1791,7 +1789,6 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
1791
1789
  return openBlock(), createElementBlock("div", {
1792
1790
  class: normalizeClass(["input-field-wrapper input-textarea", wrapperClasses.value])
1793
1791
  }, [
1794
- renderSlot(_ctx.$slots, "leading", {}, void 0, true),
1795
1792
  props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
1796
1793
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
1797
1794
  ])) : createCommentVNode("", true),
@@ -1822,13 +1819,12 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
1822
1819
  ], 2),
1823
1820
  props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_3$7, [
1824
1821
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
1825
- ])) : createCommentVNode("", true),
1826
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
1822
+ ])) : createCommentVNode("", true)
1827
1823
  ], 2);
1828
1824
  };
1829
1825
  }
1830
1826
  });
1831
- const UiInputTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7d410607"]]);
1827
+ const UiInputTextarea = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-4f57fd4b"]]);
1832
1828
  function useFloatingPosition(options) {
1833
1829
  const {
1834
1830
  trigger,
@@ -2393,7 +2389,6 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
2393
2389
  paddingClasses.value
2394
2390
  ]])
2395
2391
  }, [
2396
- renderSlot(_ctx.$slots, "leading", {}, void 0, true),
2397
2392
  props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
2398
2393
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
2399
2394
  ])) : createCommentVNode("", true),
@@ -2421,8 +2416,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
2421
2416
  ], 42, _hoisted_2$7),
2422
2417
  props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_6$3, [
2423
2418
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
2424
- ])) : createCommentVNode("", true),
2425
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
2419
+ ])) : createCommentVNode("", true)
2426
2420
  ], 2),
2427
2421
  (openBlock(), createBlock(Teleport, { to: teleportTarget.value }, [
2428
2422
  dropdownState.value.isOpen ? (openBlock(), createElementBlock("div", {
@@ -2494,7 +2488,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
2494
2488
  };
2495
2489
  }
2496
2490
  });
2497
- const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-e9ac7d68"]]);
2491
+ const UiInputSelect = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-302debb0"]]);
2498
2492
  const _hoisted_1$7 = { class: "input-leading-icon" };
2499
2493
  const _hoisted_2$6 = ["src"];
2500
2494
  const _hoisted_3$5 = ["id", "accept", "multiple", "disabled", "required"];
@@ -2733,7 +2727,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
2733
2727
  paddingClasses.value
2734
2728
  ]])
2735
2729
  }, [
2736
- renderSlot(_ctx.$slots, "leading", {}, void 0, true),
2737
2730
  createElementVNode("div", _hoisted_1$7, [
2738
2731
  previewImageUrl.value ? (openBlock(), createElementBlock("img", {
2739
2732
  key: 0,
@@ -2804,13 +2797,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
2804
2797
  ])
2805
2798
  ])) : props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_18$1, [
2806
2799
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
2807
- ])) : createCommentVNode("", true),
2808
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
2800
+ ])) : createCommentVNode("", true)
2809
2801
  ], 2);
2810
2802
  };
2811
2803
  }
2812
2804
  });
2813
- const UiInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-3c7bee41"]]);
2805
+ const UiInputFile = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-e1fd712d"]]);
2814
2806
  const _hoisted_1$6 = { class: "tabs-wrapper" };
2815
2807
  const _hoisted_2$5 = {
2816
2808
  key: 0,
@@ -25581,7 +25573,6 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
25581
25573
  class: normalizeClass(["pincode-wrapper", [`pincode-size-${_ctx.size}`, { "pincode-error": _ctx.error }]])
25582
25574
  }, [
25583
25575
  createElementVNode("div", _hoisted_1$2, [
25584
- renderSlot(_ctx.$slots, "leading", {}, void 0, true),
25585
25576
  props.hasLeadingIcon ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
25586
25577
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25587
25578
  ])) : createCommentVNode("", true),
@@ -25616,14 +25607,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
25616
25607
  }), 128)),
25617
25608
  props.hasTrailingIcon ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
25618
25609
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25619
- ])) : createCommentVNode("", true),
25620
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
25610
+ ])) : createCommentVNode("", true)
25621
25611
  ])
25622
25612
  ], 2);
25623
25613
  };
25624
25614
  }
25625
25615
  });
25626
- const UiInputPincode = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-12f41567"]]);
25616
+ const UiInputPincode = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-78a9c50b"]]);
25627
25617
  function hasSlotContent(slots, slotName) {
25628
25618
  const slot = slots[slotName];
25629
25619
  if (!slot) return false;
@@ -25775,18 +25765,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
25775
25765
  onFocus: handleFocus,
25776
25766
  onKeydown: handleKeydown
25777
25767
  }, {
25778
- leading: withCtx(() => [
25779
- renderSlot(_ctx.$slots, "leading", {}, void 0, true)
25780
- ]),
25781
25768
  "leading-icon": withCtx(() => [
25782
25769
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25783
25770
  ]),
25784
25771
  "trailing-icon": withCtx(() => [
25785
25772
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25786
25773
  ]),
25787
- trailing: withCtx(() => [
25788
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
25789
- ]),
25790
25774
  _: 3
25791
25775
  }, 8, ["model-value", "type", "placeholder", "disabled", "readonly", "required", "min", "max", "step", "autocomplete", "spellcheck", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "textarea" ? (openBlock(), createBlock(UiInputTextarea, {
25792
25776
  key: 1,
@@ -25812,18 +25796,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
25812
25796
  onFocus: handleFocus,
25813
25797
  onKeydown: handleKeydown
25814
25798
  }, {
25815
- leading: withCtx(() => [
25816
- renderSlot(_ctx.$slots, "leading", {}, void 0, true)
25817
- ]),
25818
25799
  "leading-icon": withCtx(() => [
25819
25800
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25820
25801
  ]),
25821
25802
  "trailing-icon": withCtx(() => [
25822
25803
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25823
25804
  ]),
25824
- trailing: withCtx(() => [
25825
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
25826
- ]),
25827
25805
  _: 3
25828
25806
  }, 8, ["model-value", "placeholder", "disabled", "readonly", "required", "rows", "cols", "maxlength", "autocomplete", "spellcheck", "resizable", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "select" ? (openBlock(), createBlock(UiInputSelect, {
25829
25807
  key: 2,
@@ -25847,18 +25825,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
25847
25825
  onBlur: handleBlur,
25848
25826
  onFocus: handleFocus
25849
25827
  }, {
25850
- leading: withCtx(() => [
25851
- renderSlot(_ctx.$slots, "leading", {}, void 0, true)
25852
- ]),
25853
25828
  "leading-icon": withCtx(() => [
25854
25829
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25855
25830
  ]),
25856
25831
  "trailing-icon": withCtx(() => [
25857
25832
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25858
25833
  ]),
25859
- trailing: withCtx(() => [
25860
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
25861
- ]),
25862
25834
  _: 3
25863
25835
  }, 8, ["model-value", "options", "placeholder", "disabled", "multiple", "searchable", "allow-insert", "max-dropdown-height", "no-options-text", "search-placeholder", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "file" ? (openBlock(), createBlock(UiInputFile, {
25864
25836
  key: 3,
@@ -25883,18 +25855,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
25883
25855
  onBlur: handleBlur,
25884
25856
  onFocus: handleFocus
25885
25857
  }, {
25886
- leading: withCtx(() => [
25887
- renderSlot(_ctx.$slots, "leading", {}, void 0, true)
25888
- ]),
25889
25858
  "leading-icon": withCtx(() => [
25890
25859
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25891
25860
  ]),
25892
25861
  "trailing-icon": withCtx(() => [
25893
25862
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25894
25863
  ]),
25895
- trailing: withCtx(() => [
25896
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
25897
- ]),
25898
25864
  _: 3
25899
25865
  }, 8, ["model-value", "accept", "multiple", "max-file-size", "drag-drop-text", "selected-text", "preview", "disabled", "required", "input-id", "error", "size", "tabindex", "has-leading-icon", "has-trailing-icon"])) : _ctx.type === "date" ? (openBlock(), createBlock(_sfc_main$6, {
25900
25866
  key: 4,
@@ -25973,33 +25939,19 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
25973
25939
  onFocus: handleFocus,
25974
25940
  onComplete: handlePincodeComplete
25975
25941
  }, createSlots({ _: 2 }, [
25976
- hasSlotContent$1("leading") ? {
25977
- name: "leading",
25978
- fn: withCtx(() => [
25979
- renderSlot(_ctx.$slots, "leading", {}, void 0, true)
25980
- ]),
25981
- key: "0"
25982
- } : void 0,
25983
25942
  hasSlotContent$1("leading-icon") ? {
25984
25943
  name: "leading-icon",
25985
25944
  fn: withCtx(() => [
25986
25945
  renderSlot(_ctx.$slots, "leading-icon", {}, void 0, true)
25987
25946
  ]),
25988
- key: "1"
25947
+ key: "0"
25989
25948
  } : void 0,
25990
25949
  hasSlotContent$1("trailing-icon") ? {
25991
25950
  name: "trailing-icon",
25992
25951
  fn: withCtx(() => [
25993
25952
  renderSlot(_ctx.$slots, "trailing-icon", {}, void 0, true)
25994
25953
  ]),
25995
- key: "2"
25996
- } : void 0,
25997
- hasSlotContent$1("trailing") ? {
25998
- name: "trailing",
25999
- fn: withCtx(() => [
26000
- renderSlot(_ctx.$slots, "trailing", {}, void 0, true)
26001
- ]),
26002
- key: "3"
25954
+ key: "1"
26003
25955
  } : void 0
26004
25956
  ]), 1032, ["model-value", "max-length", "variant", "divider", "disabled", "readonly", "input-id", "error", "size", "tabindex"])) : createCommentVNode("", true)
26005
25957
  ]),
@@ -26011,7 +25963,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
26011
25963
  };
26012
25964
  }
26013
25965
  });
26014
- const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-7dcc76a3"]]);
25966
+ const StrandsUiInput = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-02897bf2"]]);
26015
25967
  const _hoisted_1 = ["disabled", "aria-disabled"];
26016
25968
  const _hoisted_2 = ["href", "target", "rel", "aria-disabled"];
26017
25969
  const _sfc_main = /* @__PURE__ */ defineComponent({