@ulu/frontend-vue 0.6.7 → 0.6.9

package/dist/components/collapsible/UluTab.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluTab.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTab.vue"],"names":[],"mappings":"AAKA;wBAsEqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AATjC,6SAMG"}
+{"version":3,"file":"UluTab.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTab.vue"],"names":[],"mappings":"AAKA;wBAyEqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AATjC,6SAMG"}

package/dist/components/collapsible/UluTab.vue.js

@@ -1,11 +1,11 @@
-import { createBlock as t, openBlock as o, unref as a, withCtx as l, renderSlot as n, normalizeProps as u, guardReactiveProps as p } from "vue";
-import { Tab as s } from "@headlessui/vue";
+import { createBlock as t, openBlock as a, unref as o, withCtx as s, renderSlot as l, normalizeProps as _, guardReactiveProps as c } from "vue";
+import { Tab as n } from "@headlessui/vue";
 const i = {
   __name: "UluTab",
-  setup(c) {
-    return (e, _) => (o(), t(a(s), null, {
-      default: l((r) => [
-        n(e.$slots, "default", u(p(r)))
+  setup(p) {
+    return (e, u) => (a(), t(o(n), { class: "tabs__tab" }, {
+      default: s((r) => [
+        l(e.$slots, "default", _(c(r)))
       ]),
       _: 3
     }));

package/dist/components/collapsible/UluTabGroup.vue.d.ts

@@ -5,10 +5,14 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     vertical: boolean;
+    sticky: boolean;
+    transparent: boolean;
     modifiers?: string | unknown[] | undefined;
     defaultIndex?: number | undefined;
     $props: {
         readonly vertical?: boolean | undefined;
+        readonly sticky?: boolean | undefined;
+        readonly transparent?: boolean | undefined;
         readonly modifiers?: string | unknown[] | undefined;
         readonly defaultIndex?: number | undefined;
     };

package/dist/components/collapsible/UluTabGroup.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAoBA;wBAmJqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluTabGroup.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabGroup.vue"],"names":[],"mappings":"AAeA;wBA2KqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;2OAOG"}

package/dist/components/collapsible/UluTabGroup.vue.js

@@ -1,7 +1,7 @@
-import { createBlock as l, openBlock as i, unref as t, withCtx as n, createElementVNode as d, mergeProps as c, renderSlot as u, normalizeProps as f, guardReactiveProps as m } from "vue";
-import { TabGroup as p } from "@headlessui/vue";
-import { useModifiers as v } from "../../composables/useModifiers.js";
-const h = /* @__PURE__ */ Object.assign({
+import { computed as n, createBlock as i, openBlock as l, unref as a, withCtx as c, createElementVNode as d, mergeProps as u, renderSlot as f, normalizeProps as p, guardReactiveProps as m } from "vue";
+import { TabGroup as v } from "@headlessui/vue";
+import { useModifiers as b } from "../../composables/useModifiers.js";
+const y = /* @__PURE__ */ Object.assign({
   inheritAttrs: !1
 }, {
   __name: "UluTabGroup",
@@ -14,27 +14,38 @@ const h = /* @__PURE__ */ Object.assign({
      * Whether or not to use vertical layout
      */
     vertical: Boolean,
+    /**
+     * Whether or not to use sticky modifier (tablist)
+     */
+    sticky: Boolean,
+    /**
+     * Whether or not to use transparent modifier (tab panels)
+     */
+    transparent: Boolean,
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
      */
     modifiers: [String, Array]
   },
-  setup(e) {
-    const a = e, { resolvedModifiers: s } = v({ props: a, baseClass: "tabs" });
-    return (r, b) => (i(), l(t(p), {
-      defaultIndex: e.defaultIndex,
-      vertical: e.vertical
+  setup(t) {
+    const e = t, { resolvedModifiers: s } = b({
+      props: e,
+      baseClass: "tabs",
+      internal: n(() => ({
+        vertical: e.vertical,
+        sticky: e.sticky,
+        transparent: e.transparent
+      }))
+    });
+    return (r, k) => (l(), i(a(v), {
+      defaultIndex: t.defaultIndex,
+      vertical: t.vertical
     }, {
-      default: n((o) => [
-        d("div", c(r.$attrs, {
-          class: ["tabs", [
-            t(s),
-            {
-              "tabs--vertical": e.vertical
-            }
-          ]]
+      default: c((o) => [
+        d("div", u(r.$attrs, {
+          class: ["tabs", a(s)]
         }), [
-          u(r.$slots, "default", f(m(o)))
+          f(r.$slots, "default", p(m(o)))
         ], 16)
       ]),
       _: 3
@@ -42,5 +53,5 @@ const h = /* @__PURE__ */ Object.assign({
   }
 });
 export {
-  h as default
+  y as default
 };

package/dist/components/collapsible/UluTabPanel.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluTabPanel.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabPanel.vue"],"names":[],"mappings":"AAKA;wBAsEqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AATjC,6SAMG"}
+{"version":3,"file":"UluTabPanel.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluTabPanel.vue"],"names":[],"mappings":"AAKA;wBAyEqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AATjC,6SAMG"}

package/dist/components/collapsible/UluTabPanel.vue.js

@@ -1,11 +1,11 @@
-import { createBlock as t, openBlock as a, unref as o, withCtx as l, renderSlot as n, normalizeProps as u, guardReactiveProps as p } from "vue";
-import { TabPanel as s } from "@headlessui/vue";
+import { createBlock as r, openBlock as t, unref as o, withCtx as l, renderSlot as n, normalizeProps as s, guardReactiveProps as p } from "vue";
+import { TabPanel as _ } from "@headlessui/vue";
 const i = {
   __name: "UluTabPanel",
   setup(c) {
-    return (e, _) => (a(), t(o(s), null, {
-      default: l((r) => [
-        n(e.$slots, "default", u(p(r)))
+    return (e, u) => (t(), r(o(_), { class: "tabs__tabpanel" }, {
+      default: l((a) => [
+        n(e.$slots, "default", s(p(a)))
       ]),
       _: 3
     }));

package/dist/components/elements/UluButton.vue.d.ts

@@ -5,13 +5,13 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     iconOnly: boolean;
+    transparent: boolean;
     iconBefore: boolean;
     primary: boolean;
     secondary: boolean;
     small: boolean;
     large: boolean;
     outline: boolean;
-    transparent: boolean;
     noMargin: boolean;
     type?: string | undefined;
     size?: string | undefined;
@@ -26,13 +26,13 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     ariaLabel?: string | undefined;
     $props: {
         readonly iconOnly?: boolean | undefined;
+        readonly transparent?: boolean | undefined;
         readonly iconBefore?: boolean | undefined;
         readonly primary?: boolean | undefined;
         readonly secondary?: boolean | undefined;
         readonly small?: boolean | undefined;
         readonly large?: boolean | undefined;
         readonly outline?: boolean | undefined;
-        readonly transparent?: boolean | undefined;
         readonly noMargin?: boolean | undefined;
         readonly type?: string | undefined;
         readonly size?: string | undefined;