@scalar/components 0.14.7 → 0.14.8

package/dist/components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js

@@ -1,29 +1,33 @@
-import { defineComponent as r, createBlock as s, openBlock as p, resolveDynamicComponent as i, mergeProps as l, unref as o, withCtx as u, renderSlot as n, createElementVNode as d, createVNode as f, createTextVNode as c, toDisplayString as m } from "vue";
-import { cva as v, useBindCx as h } from "@scalar/use-hooks/useBindCx";
-import y from "../ScalarIcon/ScalarIcon.vue.js";
-const C = { class: "sr-only" }, _ = {}, N = /* @__PURE__ */ r({
-  ..._,
+import { defineComponent as r, createBlock as s, openBlock as i, resolveDynamicComponent as p, mergeProps as l, unref as o, withCtx as d, renderSlot as n, createElementVNode as f, createVNode as u, createTextVNode as c, toDisplayString as m } from "vue";
+import { ScalarIconCaretRight as _ } from "@scalar/icons";
+import { cva as b, useBindCx as g } from "@scalar/use-hooks/useBindCx";
+import h from "../ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+const v = { class: "sr-only" }, y = {}, k = /* @__PURE__ */ r({
+  ...y,
   inheritAttrs: !1,
   __name: "ScalarSidebarGroupToggle",
   props: {
     is: { default: "div" },
     open: { type: Boolean, default: !1 },
-    icon: { default: "ChevronRight" }
+    icon: { default: () => _ }
   },
-  setup(b) {
-    const t = v({
-      base: "size-4 -m-px transition-transform duration-100",
+  setup(C) {
+    const t = b({
+      base: "size-3.5 -m-px transition-transform duration-100",
       variants: { open: { true: "rotate-90" } },
       defaultVariants: { open: !1 }
-    }), { cx: a } = h();
-    return (e, g) => (p(), s(i(e.is), l({
+    }), { cx: a } = g();
+    return (e, S) => (i(), s(p(e.is), l({
       type: e.is === "button" ? "button" : void 0
     }, o(a)(o(t)({ open: e.open }))), {
-      default: u(() => [
+      default: d(() => [
         n(e.$slots, "default", { open: e.open }, () => [
-          f(o(y), { icon: e.icon }, null, 8, ["icon"])
+          u(o(h), {
+            icon: e.icon,
+            weight: "bold"
+          }, null, 8, ["icon"])
         ]),
-        d("span", C, [
+        f("span", v, [
           n(e.$slots, "label", { open: e.open }, () => [
             c(m(e.open ? "Close" : "Open") + " Group ", 1)
           ])
@@ -34,5 +38,5 @@ const C = { class: "sr-only" }, _ = {}, N = /* @__PURE__ */ r({
   }
 });
 export {
-  N as default
+  k as default
 };

package/dist/components/ScalarSidebar/types.d.ts

@@ -6,7 +6,7 @@ export type ScalarSidebarItemProps = {
     /** Overrides the rendered element */
     is?: Component | string;
     /** Sets the icon for the item */
-    icon?: Icon;
+    icon?: Icon | Component;
     /** Wether or not the item is selected */
     selected?: boolean;
     disabled?: boolean;

package/dist/components/ScalarSidebar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B,CAAA;AAED,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,CAAA;IAChB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ScalarSidebar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAEpC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAE3D,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,qCAAqC;IACrC,EAAE,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IACvB,iCAAiC;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,qCAAqC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B,CAAA;AAED,gCAAgC;AAChC,MAAM,MAAM,sBAAsB,GAAG;IACnC,0CAA0C;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,CAAA;IACnB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,CAAA;IAChB,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,GAAG,CAAA;IACjB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,CAAA;CACnB,CAAA"}

package/dist/index.js

@@ -3,18 +3,18 @@ import { compose as f, cva as d, cx as p, tw as u, useBindCx as m } from "@scala
 import { default as c } from "./components/ScalarButton/ScalarButton.vue.js";
 import { default as S } from "./components/ScalarCodeBlock/ScalarCodeBlock.vue.js";
 /* empty css                                                */
-import { default as n } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
+import { default as i } from "./components/ScalarColorModeToggle/ScalarColorModeToggle.vue.js";
 import { default as T } from "./components/ScalarColorModeToggle/ScalarColorModeToggleButton.vue.js";
 import { default as F } from "./components/ScalarCombobox/ScalarCombobox.vue.js";
-import { default as B } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
-import { default as C } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
+import { default as I } from "./components/ScalarCombobox/ScalarComboboxMultiselect.vue.js";
+import { default as L } from "./components/ScalarContextMenu/ScalarContextMenu.vue.js";
 import { default as w } from "./components/ScalarDropdown/ScalarDropdown.vue.js";
 import { default as P } from "./components/ScalarDropdown/ScalarDropdownMenu.vue.js";
 import { default as k } from "./components/ScalarErrorBoundary/ScalarErrorBoundary.vue.js";
 import { default as R } from "./components/ScalarFileUpload/ScalarFileUpload.vue.js";
 import { default as v } from "./components/ScalarFileUpload/ScalarFileUploadInput.vue.js";
-import { default as y } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
-import { default as O } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
+import { default as H } from "./components/ScalarFileUpload/ScalarFileUploadInputCompact.vue.js";
+import { default as G } from "./components/ScalarFileUpload/ScalarFileUploadDropTarget.vue.js";
 import { default as V } from "./components/ScalarFileUpload/ScalarFileUploadLoading.vue.js";
 import { default as _ } from "./components/ScalarFileUpload/ScalarFileUploadError.vue.js";
 import { default as q } from "./components/ScalarFileUpload/ScalarFileUploadFileList.vue.js";
@@ -25,128 +25,130 @@ import { default as Z } from "./components/ScalarForm/ScalarFormField.vue.js";
 import { default as aa } from "./components/ScalarForm/ScalarFormError.vue.js";
 import { default as oa } from "./components/ScalarHeader/ScalarHeader.vue.js";
 import { default as ta } from "./components/ScalarHeader/ScalarHeaderButton.vue.js";
-import { default as fa } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
-import { default as pa } from "./components/ScalarListbox/ScalarListbox.vue.js";
-import { default as ma } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
-import { default as ca } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
-import { default as Sa } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
+import { default as fa } from "./components/ScalarIcon/ScalarIconLegacyAdapter.vue.js";
+import { default as pa } from "./components/ScalarIconButton/ScalarIconButton.vue.js";
+import { default as ma } from "./components/ScalarListbox/ScalarListbox.vue.js";
+import { default as ca } from "./components/ScalarListbox/ScalarListboxItem.vue.js";
+import { default as Sa } from "./components/ScalarListbox/ScalarListboxCheckbox.vue.js";
+import { default as ia } from "./components/ScalarMarkdown/ScalarMarkdown.vue.js";
 /* empty css                                              */
-import { default as na } from "./components/ScalarMenu/ScalarMenu.vue.js";
-import { default as Ta } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
-import { default as Fa } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
-import { default as Ba } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
-import { default as Ca } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
-import { default as wa } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
-import { default as Pa } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
-import { default as ka } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
-import { default as Ra } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
-import { default as va } from "./components/ScalarPopover/ScalarPopover.vue.js";
-import { default as ya } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
-import { default as Oa } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
-import { default as Va } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
-import { default as _a } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
-import { default as qa } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
-import { default as Ja } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
-import { default as Na } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
-import { default as Wa } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
-import { default as Za } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
-import { default as ar } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
-import { default as or } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
-import { default as tr } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
-import { default as fr } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
-import { default as pr } from "./components/ScalarToggle/ScalarToggle.vue.js";
-import { default as mr } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
+import { default as Ta } from "./components/ScalarMenu/ScalarMenu.vue.js";
+import { default as Fa } from "./components/ScalarMenu/ScalarMenuButton.vue.js";
+import { default as Ia } from "./components/ScalarMenu/ScalarMenuSection.vue.js";
+import { default as La } from "./components/ScalarMenu/ScalarMenuLink.vue.js";
+import { default as wa } from "./components/ScalarMenu/ScalarMenuProduct.vue.js";
+import { default as Pa } from "./components/ScalarMenu/ScalarMenuProducts.vue.js";
+import { default as ka } from "./components/ScalarMenu/ScalarMenuTeamPicker.vue.js";
+import { default as Ra } from "./components/ScalarMenu/ScalarMenuTeamProfile.vue.js";
+import { default as va } from "./components/ScalarMenu/ScalarMenuResources.vue.js";
+import { default as Ha } from "./components/ScalarPopover/ScalarPopover.vue.js";
+import { default as Ga } from "./components/ScalarSearchResults/ScalarSearchResultList.vue.js";
+import { default as Va } from "./components/ScalarSearchResults/ScalarSearchResultItem.vue.js";
+import { default as _a } from "./components/ScalarSidebar/ScalarSidebar.vue.js";
+import { default as qa } from "./components/ScalarSidebar/ScalarSidebarFooter.vue.js";
+import { default as Ja } from "./components/ScalarSidebar/ScalarSidebarButton.vue.js";
+import { default as Na } from "./components/ScalarSidebar/ScalarSidebarGroup.vue.js";
+import { default as Wa } from "./components/ScalarSidebar/ScalarSidebarGroupToggle.vue.js";
+import { default as Za } from "./components/ScalarSidebar/ScalarSidebarItem.vue.js";
+import { default as ar } from "./components/ScalarSidebar/ScalarSidebarItems.vue.js";
+import { default as or } from "./components/ScalarTeleport/ScalarTeleport.vue.js";
+import { default as tr } from "./components/ScalarTeleport/ScalarTeleportRoot.vue.js";
+import { default as fr } from "./components/ScalarTextArea/ScalarTextArea.vue.js";
+import { default as pr } from "./components/ScalarTextInput/ScalarTextInput.vue.js";
+import { default as mr } from "./components/ScalarToggle/ScalarToggle.vue.js";
+import { default as cr } from "./components/ScalarTooltip/ScalarTooltip.vue.js";
 /* empty css                                            */
-import { default as cr } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
-import { styles as Sr } from "./components/ScalarButton/variants.js";
-import { default as nr } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
-import { default as Tr } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
-import { default as Fr } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
-import { default as Br } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
-import { default as Cr } from "./components/ScalarForm/ScalarFormSection.vue.js";
-import { default as wr } from "./components/ScalarIcon/ScalarIcon.vue.js";
-import { default as Pr } from "./components/ScalarLoading/ScalarLoading.vue.js";
-import { useLoadingState as kr } from "./components/ScalarLoading/ScalarLoading.vue2.js";
-import { default as Rr } from "./components/ScalarModal/ScalarModal.vue.js";
-import { useModal as vr } from "./components/ScalarModal/ScalarModal.vue2.js";
-import { default as yr } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
-import { TELEPORT_SYMBOL as Or, useProvideTeleport as Ar, useTeleport as Vr } from "./components/ScalarTeleport/useTeleport.js";
-import { addScalarClassesToHeadless as _r } from "./helpers/add-scalar-classes.js";
+import { default as Sr } from "./components/ScalarVirtualText/ScalarVirtualText.vue.js";
+import { styles as ir } from "./components/ScalarButton/variants.js";
+import { default as Tr } from "./components/ScalarColorModeToggle/ScalarColorModeToggleIcon.vue.js";
+import { default as Fr } from "./components/ScalarDropdown/ScalarDropdownDivider.vue.js";
+import { default as Ir } from "./components/ScalarDropdown/ScalarDropdownButton.vue.js";
+import { default as Lr } from "./components/ScalarDropdown/ScalarDropdownItem.vue.js";
+import { default as wr } from "./components/ScalarForm/ScalarFormSection.vue.js";
+import { default as Pr } from "./components/ScalarIcon/ScalarIcon.vue.js";
+import { default as kr } from "./components/ScalarLoading/ScalarLoading.vue.js";
+import { useLoadingState as Rr } from "./components/ScalarLoading/ScalarLoading.vue2.js";
+import { default as vr } from "./components/ScalarModal/ScalarModal.vue.js";
+import { useModal as Hr } from "./components/ScalarModal/ScalarModal.vue2.js";
+import { default as Gr } from "./components/ScalarSearchInput/ScalarSearchInput.vue.js";
+import { TELEPORT_SYMBOL as Vr, useProvideTeleport as Yr, useTeleport as _r } from "./components/ScalarTeleport/useTeleport.js";
+import { addScalarClassesToHeadless as qr } from "./helpers/add-scalar-classes.js";
 export {
   c as ScalarButton,
   S as ScalarCodeBlock,
-  n as ScalarColorModeToggle,
+  i as ScalarColorModeToggle,
   T as ScalarColorModeToggleButton,
-  nr as ScalarColorModeToggleIcon,
+  Tr as ScalarColorModeToggleIcon,
   F as ScalarCombobox,
-  B as ScalarComboboxMultiselect,
-  C as ScalarContextMenu,
+  I as ScalarComboboxMultiselect,
+  L as ScalarContextMenu,
   w as ScalarDropdown,
-  Fr as ScalarDropdownButton,
-  Tr as ScalarDropdownDivider,
-  Br as ScalarDropdownItem,
+  Ir as ScalarDropdownButton,
+  Fr as ScalarDropdownDivider,
+  Lr as ScalarDropdownItem,
   P as ScalarDropdownMenu,
   k as ScalarErrorBoundary,
   R as ScalarFileUpload,
-  O as ScalarFileUploadDropTarget,
+  G as ScalarFileUploadDropTarget,
   _ as ScalarFileUploadError,
   q as ScalarFileUploadFileList,
   v as ScalarFileUploadInput,
-  y as ScalarFileUploadInputCompact,
+  H as ScalarFileUploadInputCompact,
   V as ScalarFileUploadLoading,
   J as ScalarFloating,
   N as ScalarFloatingBackdrop,
   W as ScalarForm,
   aa as ScalarFormError,
   Z as ScalarFormField,
-  Cr as ScalarFormSection,
+  wr as ScalarFormSection,
   oa as ScalarHeader,
   ta as ScalarHeaderButton,
-  wr as ScalarIcon,
-  fa as ScalarIconButton,
-  pa as ScalarListbox,
-  ca as ScalarListboxCheckbox,
-  ma as ScalarListboxItem,
-  Pr as ScalarLoading,
-  Sa as ScalarMarkdown,
-  na as ScalarMenu,
-  Ta as ScalarMenuButton,
-  Ba as ScalarMenuLink,
-  Ca as ScalarMenuProduct,
-  wa as ScalarMenuProducts,
-  Ra as ScalarMenuResources,
-  Fa as ScalarMenuSection,
-  Pa as ScalarMenuTeamPicker,
-  ka as ScalarMenuTeamProfile,
-  Rr as ScalarModal,
-  va as ScalarPopover,
-  yr as ScalarSearchInput,
-  Oa as ScalarSearchResultItem,
-  ya as ScalarSearchResultList,
-  Va as ScalarSidebar,
-  qa as ScalarSidebarButton,
-  _a as ScalarSidebarFooter,
-  Ja as ScalarSidebarGroup,
-  Na as ScalarSidebarGroupToggle,
-  Wa as ScalarSidebarItem,
-  Za as ScalarSidebarItems,
-  ar as ScalarTeleport,
-  or as ScalarTeleportRoot,
-  tr as ScalarTextArea,
-  fr as ScalarTextInput,
-  pr as ScalarToggle,
-  mr as ScalarTooltip,
-  cr as ScalarVirtualText,
-  Or as TELEPORT_SYMBOL,
-  _r as addScalarClassesToHeadless,
+  Pr as ScalarIcon,
+  pa as ScalarIconButton,
+  fa as ScalarIconLegacyAdapter,
+  ma as ScalarListbox,
+  Sa as ScalarListboxCheckbox,
+  ca as ScalarListboxItem,
+  kr as ScalarLoading,
+  ia as ScalarMarkdown,
+  Ta as ScalarMenu,
+  Fa as ScalarMenuButton,
+  La as ScalarMenuLink,
+  wa as ScalarMenuProduct,
+  Pa as ScalarMenuProducts,
+  va as ScalarMenuResources,
+  Ia as ScalarMenuSection,
+  ka as ScalarMenuTeamPicker,
+  Ra as ScalarMenuTeamProfile,
+  vr as ScalarModal,
+  Ha as ScalarPopover,
+  Gr as ScalarSearchInput,
+  Va as ScalarSearchResultItem,
+  Ga as ScalarSearchResultList,
+  _a as ScalarSidebar,
+  Ja as ScalarSidebarButton,
+  qa as ScalarSidebarFooter,
+  Na as ScalarSidebarGroup,
+  Wa as ScalarSidebarGroupToggle,
+  Za as ScalarSidebarItem,
+  ar as ScalarSidebarItems,
+  or as ScalarTeleport,
+  tr as ScalarTeleportRoot,
+  fr as ScalarTextArea,
+  pr as ScalarTextInput,
+  mr as ScalarToggle,
+  cr as ScalarTooltip,
+  Sr as ScalarVirtualText,
+  Vr as TELEPORT_SYMBOL,
+  qr as addScalarClassesToHeadless,
   f as compose,
   d as cva,
   p as cx,
-  Sr as styles,
+  ir as styles,
   u as tw,
   m as useBindCx,
-  kr as useLoadingState,
-  vr as useModal,
-  Ar as useProvideTeleport,
-  Vr as useTeleport
+  Rr as useLoadingState,
+  Hr as useModal,
+  Yr as useProvideTeleport,
+  _r as useTeleport
 };