@pequity/squirrel 7.0.0 → 7.0.2

package/dist/es/chunks/p-action-bar.js

@@ -10,7 +10,7 @@ const _hoisted_2 = { class: "whitespace-nowrap px-3" };
 const _hoisted_3 = { class: "flex" };
 const _hoisted_4 = { class: "flex items-center gap-2 px-1 py-0.5" };
 const _hoisted_5 = { class: "flex items-center gap-2 px-1 py-0.5" };
-const _hoisted_6 = { class: "flex flex-col bg-p-purple-60" };
+const _hoisted_6 = { class: "bg-p-purple-60 py-2" };
 const _hoisted_7 = { class: "flex items-center gap-2 px-1 py-0.5" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -71,17 +71,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     placement: "top",
                     strategy: "fixed"
                   }, {
-                    popper: withCtx(() => [
-                      createElementVNode("div", _hoisted_6, [
+                    popper: withCtx(({ hide }) => [
+                      createElementVNode("ul", _hoisted_6, [
                         (openBlock(true), createElementBlock(Fragment, null, renderList(actionOrMenu.subActions, (subaction) => {
-                          return openBlock(), createElementBlock("div", {
+                          return openBlock(), createElementBlock("li", {
                             key: `subaction-${subaction.name}`
                           }, [
                             createVNode(_sfc_main$1, {
                               size: "sm",
-                              class: "w-full",
+                              class: "w-full [&>.items-center]:justify-start",
                               type: "secondary-ghost-dark",
-                              onClick: ($event) => _ctx.$emit("click:action", subaction.name)
+                              onClick: ($event) => (_ctx.$emit("click:action", subaction.name), hide())
                             }, {
                               default: withCtx(() => [
                                 createElementVNode("div", _hoisted_7, [

package/dist/es/chunks/p-btn.js

@@ -9,7 +9,7 @@ const _hoisted_1 = ["href", "disabled", "aria-disabled"];
 const _hoisted_2 = { class: "slot-wrapper empty:hidden" };
 const btnClasses = {
   slots: {
-    button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
+    button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50",
     content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0",
     loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium",
     icon: "shrink-0"

package/dist/squirrel/components/p-btn/p-btn.vue.d.ts

@@ -65,11 +65,11 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+}, undefined, {
     readonly type: {
         readonly primary: {
             readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
@@ -130,127 +130,7 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}>, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
@@ -315,131 +195,11 @@ declare const btn: import("tailwind-variants").TVReturnType<{
         };
     };
 }, {
-    readonly button: "relative inline-block rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
+    readonly button: "relative inline-block whitespace-nowrap rounded font-medium outline-none disabled:pointer-events-none disabled:cursor-default disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:cursor-default aria-disabled:opacity-50";
     readonly content: "flex items-center justify-center has-[.slot-wrapper:empty]:gap-0";
     readonly loader: "absolute bottom-0 left-0 right-0 top-0 flex items-center justify-center font-medium";
     readonly icon: "shrink-0";
-}, undefined, import("tailwind-variants/dist/config").TVConfig<{
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}, {
-    readonly type: {
-        readonly primary: {
-            readonly button: "bg-primary text-surface hover:bg-accent active:bg-p-blue-80";
-            readonly loader: "text-surface";
-        };
-        readonly secondary: {
-            readonly button: "bg-p-gray-20 hover:bg-p-gray-30 active:bg-p-gray-40";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'primary-outline': {
-            readonly button: "bg-p-blue-10 text-p-purple-60 ring-1 ring-inset ring-p-purple-60 hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-10";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-outline-blue': {
-            readonly button: "bg-surface text-p-purple-60 ring-1 ring-inset ring-p-gray-30 hover:bg-p-blue-10 aria-selected:bg-p-blue-15 aria-selected:text-p-blue-60";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly error: {
-            readonly button: "bg-p-red-40 text-white hover:bg-p-red-50";
-            readonly loader: "text-white";
-        };
-        readonly success: {
-            readonly button: "bg-p-green-40 text-white hover:bg-p-green-50";
-            readonly loader: "text-white";
-        };
-        readonly 'primary-link': {
-            readonly button: "bg-transparent text-primary underline hover:text-accent";
-            readonly loader: "text-p-blue-60";
-        };
-        readonly 'secondary-ghost': {
-            readonly button: "text-on-surface hover:bg-p-gray-20";
-            readonly loader: "text-p-purple-60";
-        };
-        readonly 'secondary-ghost-dark': {
-            readonly button: "text-white hover:bg-p-purple-50";
-            readonly loader: "text-p-blue-15";
-        };
-    };
-    readonly size: {
-        readonly sm: {
-            readonly button: "px-3 has-[.slot-wrapper:empty]:px-1.5 py-1.5 text-sm leading-5";
-            readonly content: "gap-1";
-            readonly icon: "text-[20px]";
-        };
-        readonly md: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-2.5 has-[.slot-wrapper:empty]:py-2.5 py-2 text-base";
-            readonly content: "gap-2";
-            readonly icon: "text-xl";
-        };
-        readonly lg: {
-            readonly button: "px-6 has-[.slot-wrapper:empty]:px-3 py-3 text-lg leading-6";
-            readonly content: "gap-2.5";
-            readonly icon: "text-2xl";
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 declare const BUTTON_NATIVE_TYPES: readonly ["button", "submit", "reset"];
 type ButtonNativeType = (typeof BUTTON_NATIVE_TYPES)[number];
 type ButtonType = NonNullable<VariantProps<typeof btn>['type']>;