@membranehq/react 0.3.1 → 0.3.2

package/dist/styles.css

@@ -2005,16 +2005,9 @@
 }
 }
 
-  .iap-button--size_md {
-    padding-inline: var(--iap-spacing-4);
-    gap: var(--iap-spacing-2);
-    font-size: var(--iap-font-sizes-sm);
-    line-height: 1.25rem;
-    height: var(--iap-sizes-10);
-    min-width: var(--iap-sizes-10);
-}
-
-  .iap-button--variant_ghost {
+  .iap-button--variant_outline {
+    border-width: 1px;
+    border-color: var(--iap-colors-color-palette-a7);
     color: var(--iap-colors-color-palette-text);
     --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
@@ -2094,41 +2087,34 @@
     --iap-colors-color-palette-text: var(--iap-colors-gray-text);
 }
 
-  .iap-button--variant_ghost:is([aria-selected=true], [data-selected]) {
-    background: var(--iap-colors-color-palette-a3);
-}
-
-  .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    color: var(--iap-colors-fg-disabled);
-    cursor: not-allowed;
-}
-
-  .iap-button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
-    outline: 2px solid;
-    outline-color: var(--iap-colors-color-palette-default);
-    outline-offset: 2px;
-}
-
-  .iap-button--variant_solid {
+  .iap-button--variant_outline:is([aria-selected=true], [data-selected]) {
     background: var(--iap-colors-color-palette-default);
+    border-color: var(--iap-colors-color-palette-default);
     color: var(--iap-colors-color-palette-fg);
 }
 
-  .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    background: var(--iap-colors-bg-disabled);
+  .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    border-color: var(--iap-colors-border-disabled);
     color: var(--iap-colors-fg-disabled);
     cursor: not-allowed;
 }
 
-  .iap-button--variant_solid:is(:focus-visible, [data-focus-visible]) {
+  .iap-button--variant_outline:is(:focus-visible, [data-focus-visible]) {
     outline: 2px solid;
     outline-color: var(--iap-colors-color-palette-default);
     outline-offset: 2px;
 }
 
-  .iap-button--variant_outline {
-    border-width: 1px;
-    border-color: var(--iap-colors-color-palette-a7);
+  .iap-button--size_xs {
+    padding-inline: var(--iap-spacing-3);
+    gap: var(--iap-spacing-2);
+    font-size: var(--iap-font-sizes-xs);
+    line-height: 1.125rem;
+    height: var(--iap-sizes-8);
+    min-width: var(--iap-sizes-8);
+}
+
+  .iap-button--variant_ghost {
     color: var(--iap-colors-color-palette-text);
     --iap-colors-color-palette-light-1: var(--iap-colors-gray-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-gray-light-2);
@@ -2208,19 +2194,42 @@
     --iap-colors-color-palette-text: var(--iap-colors-gray-text);
 }
 
-  .iap-button--variant_outline:is([aria-selected=true], [data-selected]) {
+  .iap-button--variant_ghost:is([aria-selected=true], [data-selected]) {
+    background: var(--iap-colors-color-palette-a3);
+}
+
+  .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    color: var(--iap-colors-fg-disabled);
+    cursor: not-allowed;
+}
+
+  .iap-button--variant_ghost:is(:focus-visible, [data-focus-visible]) {
+    outline: 2px solid;
+    outline-color: var(--iap-colors-color-palette-default);
+    outline-offset: 2px;
+}
+
+  .iap-button--size_md {
+    padding-inline: var(--iap-spacing-4);
+    gap: var(--iap-spacing-2);
+    font-size: var(--iap-font-sizes-sm);
+    line-height: 1.25rem;
+    height: var(--iap-sizes-10);
+    min-width: var(--iap-sizes-10);
+}
+
+  .iap-button--variant_solid {
     background: var(--iap-colors-color-palette-default);
-    border-color: var(--iap-colors-color-palette-default);
     color: var(--iap-colors-color-palette-fg);
 }
 
-  .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
-    border-color: var(--iap-colors-border-disabled);
+  .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]) {
+    background: var(--iap-colors-bg-disabled);
     color: var(--iap-colors-fg-disabled);
     cursor: not-allowed;
 }
 
-  .iap-button--variant_outline:is(:focus-visible, [data-focus-visible]) {
+  .iap-button--variant_solid:is(:focus-visible, [data-focus-visible]) {
     outline: 2px solid;
     outline-color: var(--iap-colors-color-palette-default);
     outline-offset: 2px;
@@ -2328,15 +2337,6 @@
     outline-offset: 2px;
 }
 
-  .iap-button--size_xs {
-    padding-inline: var(--iap-spacing-3);
-    gap: var(--iap-spacing-2);
-    font-size: var(--iap-font-sizes-xs);
-    line-height: 1.125rem;
-    height: var(--iap-sizes-8);
-    min-width: var(--iap-sizes-8);
-}
-
   .iap-spinner--size_md {
     --size: var(--iap-sizes-6);
 }
@@ -2388,49 +2388,49 @@
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
-      background: var(--iap-colors-transparent);
-      color: var(--iap-colors-fg-disabled);
+    .iap-button--variant_outline:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-emphasized);
+      border-color: var(--iap-colors-color-palette-emphasized);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_ghost:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-a3);
+    .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-transparent);
+      border-color: var(--iap-colors-border-disabled);
+      color: var(--iap-colors-fg-disabled);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
-      background: var(--iap-colors-bg-disabled);
-      color: var(--iap-colors-fg-disabled);
+    .iap-button--variant_outline:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a2);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_solid:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-emphasized);
+    .iap-button--variant_ghost:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-transparent);
+      color: var(--iap-colors-fg-disabled);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is([aria-selected=true], [data-selected]):is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-emphasized);
-      border-color: var(--iap-colors-color-palette-emphasized);
+    .iap-button--variant_ghost:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-a3);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
-      background: var(--iap-colors-transparent);
-      border-color: var(--iap-colors-border-disabled);
+    .iap-button--variant_solid:is(:disabled, [disabled], [data-disabled], [aria-disabled=true]):is(:hover, [data-hover]) {
+      background: var(--iap-colors-bg-disabled);
       color: var(--iap-colors-fg-disabled);
 }
 }
 
   @media (hover: hover) and (pointer: fine) {
-    .iap-button--variant_outline:is(:hover, [data-hover]) {
-      background: var(--iap-colors-color-palette-a2);
+    .iap-button--variant_solid:is(:hover, [data-hover]) {
+      background: var(--iap-colors-color-palette-emphasized);
 }
 }
 
@@ -3132,6 +3132,10 @@
     background: var(--iap-colors-warning-2);
 }
 
+  .iap-bdr_md {
+    border-radius: var(--iap-radii-md);
+}
+
   .iap-ov_hidden {
     overflow: hidden;
 }
@@ -3172,10 +3176,6 @@
     padding-block: var(--iap-spacing-1);
 }
 
-  .iap-bdr_md {
-    border-radius: var(--iap-radii-md);
-}
-
   .iap-bd-c_slate\.3 {
     border-color: var(--iap-colors-slate-3);
 }
@@ -3380,6 +3380,10 @@
     margin-block: var(--iap-spacing-1\.5);
 }
 
+  .iap-as_start {
+    align-self: start;
+}
+
   .iap-ring-w_0 {
     outline-width: 0;
 }

package/dist/types/hooks/data-sources/useDataSourceInstance.d.ts

@@ -14,12 +14,70 @@ export declare function useDataSourceInstance(selector: string | DataSourceInsta
     setup: () => Promise<void>;
     reset: () => Promise<void>;
     openConfiguration: (options?: OpenDataSourceConfigurationOptions) => Promise<void | undefined>;
-    listRecords: (request?: DataCollectionListRequest) => Promise<import("@membranehq/sdk").DataCollectionListResponse | undefined>;
-    findRecords: (request?: DataCollectionFindRequest) => Promise<import("@membranehq/sdk").DataCollectionFindResponse | undefined>;
-    findRecordById: (id: string) => Promise<import("@membranehq/sdk").DataCollectionFindByIdResponse | undefined>;
-    createRecord: (request?: DataCollectionCreateRequest) => Promise<import("@membranehq/sdk").DataCollectionCreateResponse | undefined>;
-    updateRecord: (request?: DataCollectionUpdateRequest) => Promise<import("@membranehq/sdk").DataCollectionUpdateResponse | undefined>;
-    deleteRecord: (id?: string) => Promise<import("@membranehq/sdk").DataCollectionDeleteResponse | undefined>;
+    listRecords: (request?: DataCollectionListRequest) => Promise<{
+        records: {
+            id: string;
+            name?: string | undefined;
+            fields?: Record<string, any> | undefined;
+            udm?: string | undefined;
+            uri?: string | undefined;
+            iconUri?: string | undefined;
+            unifiedFields?: Record<string, any> | undefined;
+            rawFields?: Record<string, any> | undefined;
+            createdTime?: string | undefined;
+            updatedTime?: string | undefined;
+            deletedTime?: string | undefined;
+            createdById?: string | undefined;
+            updatedById?: string | undefined;
+        }[];
+        cursor?: string | undefined;
+        drilldowns?: {
+            filter?: Record<string, any> | undefined;
+            parameters?: Record<string, any> | undefined;
+        }[] | undefined;
+    } | undefined>;
+    findRecords: (request?: DataCollectionFindRequest) => Promise<{
+        records: {
+            id: string;
+            name?: string | undefined;
+            fields?: Record<string, any> | undefined;
+            udm?: string | undefined;
+            uri?: string | undefined;
+            iconUri?: string | undefined;
+            unifiedFields?: Record<string, any> | undefined;
+            rawFields?: Record<string, any> | undefined;
+            createdTime?: string | undefined;
+            updatedTime?: string | undefined;
+            deletedTime?: string | undefined;
+            createdById?: string | undefined;
+            updatedById?: string | undefined;
+        }[];
+        cursor?: string | undefined;
+    } | undefined>;
+    findRecordById: (id: string) => Promise<{
+        record: {
+            id: string;
+            name?: string | undefined;
+            fields?: Record<string, any> | undefined;
+            udm?: string | undefined;
+            uri?: string | undefined;
+            iconUri?: string | undefined;
+            unifiedFields?: Record<string, any> | undefined;
+            rawFields?: Record<string, any> | undefined;
+            createdTime?: string | undefined;
+            updatedTime?: string | undefined;
+            deletedTime?: string | undefined;
+            createdById?: string | undefined;
+            updatedById?: string | undefined;
+        };
+    } | undefined>;
+    createRecord: (request?: DataCollectionCreateRequest) => Promise<{
+        id: string;
+    } | undefined>;
+    updateRecord: (request?: DataCollectionUpdateRequest) => Promise<{
+        id: string;
+    } | undefined>;
+    deleteRecord: (id?: string) => Promise<{} | undefined>;
     unifiedFieldsToNative: (unifiedFields: any) => Promise<any>;
     getCollection: () => Promise<{
         type: "collection";

package/dist/types/index.d.ts

@@ -56,7 +56,6 @@ export * from './components/DataBuilder/data-field';
 export * from './components/DataBuilder/FieldList';
 export * from './components/DataBuilderUI';
 export * from './components/DataLinks';
-export * from './components/Button';
 export type * from './components/ComboBox/types';
 export * from './components/ComboBox/shared';
 export * from './components/ComboBox/value-spec';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@membranehq/react",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "",
   "author": "Integration App, Inc",
   "type": "module",

package/dist/cjs/components/Button/Button.cjs

@@ -1,109 +0,0 @@
-"use strict";
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
-var index$1 = require('../SvgIcon/index.cjs');
-var index = require('../Tooltip/index.cjs');
-var Button_module = require('./Button.module.css.cjs');
-
-function getButtonClassesByVariant(variant) {
-  switch (variant) {
-    case "ajax":
-      return Button_module.default["uikit-button--ajax"];
-    case "text":
-      return Button_module.default["uikit-button--text"];
-    case "outline":
-      return Button_module.default["uikit-button--outline"];
-    case "secondary":
-      return Button_module.default["uikit-button--secondary"];
-    case "warning":
-      return Button_module.default["uikit-button--warning"];
-    case "primary":
-    default:
-      return Button_module.default["uikit-button--primary"];
-  }
-}
-function getButtonClassesBySize(size) {
-  switch (size) {
-    case "large":
-      return Button_module.default["uikit-button--large"];
-    case "small":
-      return Button_module.default["uikit-button--small"];
-    case "medium":
-    default:
-      return Button_module.default["uikit-button--medium"];
-  }
-}
-const GenericButton = React.forwardRef(
-  ({ children, className, loading, tooltip, tooltipProps = {}, ...restProps }, ref) => {
-    const button = /* @__PURE__ */ jsxRuntime.jsxs("button", { className, type: "button", ...restProps, ref, "aria-busy": loading ? "true" : void 0, children: [
-      loading && /* @__PURE__ */ jsxRuntime.jsx(ButtonSvgIcon, { type: svgIconType.SvgIconType.Loader }),
-      children
-    ] });
-    if (tooltip) {
-      return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip, ...tooltipProps, children: button });
-    }
-    return button;
-  }
-);
-GenericButton.displayName = "GenericButton";
-const Button = React.forwardRef(
-  ({ variant = "primary", size = "medium", className, children, ...restProps }, ref) => {
-    const buttonClass = clsx.clsx([
-      Button_module.default["uikit-button"],
-      getButtonClassesByVariant(variant),
-      getButtonClassesBySize(size),
-      className
-    ]);
-    return /* @__PURE__ */ jsxRuntime.jsx(GenericButton, { className: buttonClass, ...restProps, ref, children });
-  }
-);
-Button.displayName = "Button";
-const IconButton = React.forwardRef(
-  ({ children, size = "medium", className, isActive, tooltip, ...restProps }, ref) => {
-    const buttonIconClass = clsx.clsx([
-      Button_module.default["uikit-button"],
-      Button_module.default["uikit-button--icon"],
-      isActive && Button_module.default["uikit-button--icon__active"],
-      getButtonClassesBySize(size),
-      className
-    ]);
-    const button = /* @__PURE__ */ jsxRuntime.jsx("button", { className: buttonIconClass, ...restProps, ref, children });
-    if (tooltip) {
-      return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip, children: button });
-    }
-    return button;
-  }
-);
-function ButtonSvgIcon({
-  type,
-  className,
-  size = "normal",
-  position = "start"
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index$1.SvgIcon,
-    {
-      type,
-      className: clsx.clsx(
-        Button_module.default.uikitButtonSvgIcon,
-        className,
-        size === "small" ? Button_module.default.uikitButtonSvgIcon_small : Button_module.default.uikitButtonSvgIcon_normal,
-        position === "end" ? Button_module.default.uikitButtonSvgIcon_end : Button_module.default.uikitButtonSvgIcon_start
-      )
-    }
-  );
-}
-
-exports.Button = Button;
-exports.IconButton = IconButton;

package/dist/cjs/components/Button/Button.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Button-module_container__jA0Sz {\n  width: 100%\n}\n\n@media (min-width: 640px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 640px\n  }\n}\n\n@media (min-width: 768px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 768px\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1024px\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1280px\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1536px\n  }\n}\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem\n  }\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n      height: 2.25rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n    }\n}\n  .Button-module_uikit-button__AuMtw {\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 200ms\n  }\n\n  .Button-module_uikit-button__AuMtw:disabled {\n    cursor: default\n  }\n\n  .Button-module_uikit-button__AuMtw svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem;\n    display: inline;\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle\n  }\n\n  /* ### SIZE ### */\n  .Button-module_uikit-button--large__9cQ-5 {\n    height: 2.5rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2.25rem /* h-9 */\n  }\n  .Button-module_uikit-button--large__9cQ-5 svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-left: -0.375rem;\n    margin-right: 0.5rem\n  }\n  .Button-module_uikit-button--medium__P5rpZ {\n    height: 2.25rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n  }\n\n  .Button-module_uikit-button--small__5L5Ch {\n    height: 1.75rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    line-height: 1.75rem /* h-7 */\n  }\n\n  /* ### TYPE ### */\n\n  .Button-module_uikit-button--primary__BsMcw {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:disabled {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(105 105 105 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(15 76 117 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(15 76 117 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--secondary__ENap8 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--warning__B0a1y {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.5\n  }\n  .Button-module_uikit-button--warning__B0a1y:disabled {\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\n    --tw-bg-opacity: 0.8;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.1;\n    --tw-text-opacity: 1;\n    color: rgb(254 226 226 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--warning__B0a1y:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    --tw-bg-opacity: 1;\n    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--outline__lESp6 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--text__JPp9w {\n    border-style: none !important;\n    background-color: transparent\n  }\n  .Button-module_uikit-button--text__JPp9w:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--text__JPp9w:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--ajax__Kl1-1 {\n    border-style: none !important;\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(13 121 194 / var(--tw-text-opacity, 1));\n    text-decoration-line: underline;\n    text-decoration-style: dashed;\n    text-decoration-thickness: 0.05rem;\n    text-underline-offset: 0.15rem\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:not(:disabled):hover {\n    --tw-text-opacity: 1;\n    color: rgb(15 76 117 / var(--tw-text-opacity, 1));\n    text-decoration-style: solid\n  }\n\n  .Button-module_uikit-button--icon__0ouUU {\n    height: 1.5rem;\n    width: 1.5rem;\n    align-items: center;\n    justify-content: center;\n    padding: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:not(:disabled):hover,\n  .Button-module_uikit-button--icon__active__hWz2W {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU {\n    border-width: 0px;\n    background-color: transparent\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU svg {\n    margin: 0px;\n    height: 1.25rem;\n    width: 1.25rem;\n    stroke: currentColor\n  }\n\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1rem;\n    width: 1rem\n  }\n\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU {\n    height: 1.75rem;\n    width: 1.75rem\n  }\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1.5rem;\n    width: 1.5rem\n  }\n\n  /* Hide icon goes after loader icon */\n  .Button-module_uikit-button__AuMtw[aria-busy='true'] svg + svg {\n    display: none\n  }\n\n  .Button-module_uikitButtonSvgIcon__Y-4HV {\n    display: inline;\n    vertical-align: middle\n  }\n  .Button-module_uikitButtonSvgIcon_normal__KfS3A {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_small__A9XQR {\n    margin-top: 0.125rem;\n    height: 1rem;\n    width: 1rem\n  }\n  .Button-module_uikitButtonSvgIcon_start__rgkNm {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.375rem;\n    margin-right: -0.25rem\n  }\n\n  .Button-module_uikitButtonSvgIcon_small__A9XQR.Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.25rem;\n    margin-right: -0.375rem\n  }\n}\n";
-var classes = {"uikit-button":"Button-module_uikit-button__AuMtw","uikitButtonSvgIcon":"Button-module_uikitButtonSvgIcon__Y-4HV","uikit-button--large":"Button-module_uikit-button--large__9cQ-5","uikit-button--medium":"Button-module_uikit-button--medium__P5rpZ","uikit-button--small":"Button-module_uikit-button--small__5L5Ch","uikit-button--primary":"Button-module_uikit-button--primary__BsMcw","uikit-button--secondary":"Button-module_uikit-button--secondary__ENap8","uikit-button--warning":"Button-module_uikit-button--warning__B0a1y","uikit-button--outline":"Button-module_uikit-button--outline__lESp6","uikit-button--text":"Button-module_uikit-button--text__JPp9w","uikit-button--ajax":"Button-module_uikit-button--ajax__Kl1-1","uikit-button--icon":"Button-module_uikit-button--icon__0ouUU","uikit-button--icon__active":"Button-module_uikit-button--icon__active__hWz2W","uikitButtonSvgIcon_normal":"Button-module_uikitButtonSvgIcon_normal__KfS3A","uikitButtonSvgIcon_small":"Button-module_uikitButtonSvgIcon_small__A9XQR","uikitButtonSvgIcon_start":"Button-module_uikitButtonSvgIcon_start__rgkNm","uikitButtonSvgIcon_end":"Button-module_uikitButtonSvgIcon_end__ZyJvx"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/esm/components/Button/Button.mjs

@@ -1,106 +0,0 @@
-"use strict";
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-import { Tooltip } from '../Tooltip/index.mjs';
-import classes from './Button.module.css.mjs';
-
-function getButtonClassesByVariant(variant) {
-  switch (variant) {
-    case "ajax":
-      return classes["uikit-button--ajax"];
-    case "text":
-      return classes["uikit-button--text"];
-    case "outline":
-      return classes["uikit-button--outline"];
-    case "secondary":
-      return classes["uikit-button--secondary"];
-    case "warning":
-      return classes["uikit-button--warning"];
-    case "primary":
-    default:
-      return classes["uikit-button--primary"];
-  }
-}
-function getButtonClassesBySize(size) {
-  switch (size) {
-    case "large":
-      return classes["uikit-button--large"];
-    case "small":
-      return classes["uikit-button--small"];
-    case "medium":
-    default:
-      return classes["uikit-button--medium"];
-  }
-}
-const GenericButton = forwardRef(
-  ({ children, className, loading, tooltip, tooltipProps = {}, ...restProps }, ref) => {
-    const button = /* @__PURE__ */ jsxs("button", { className, type: "button", ...restProps, ref, "aria-busy": loading ? "true" : void 0, children: [
-      loading && /* @__PURE__ */ jsx(ButtonSvgIcon, { type: SvgIconType.Loader }),
-      children
-    ] });
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip, { tooltip, ...tooltipProps, children: button });
-    }
-    return button;
-  }
-);
-GenericButton.displayName = "GenericButton";
-const Button = forwardRef(
-  ({ variant = "primary", size = "medium", className, children, ...restProps }, ref) => {
-    const buttonClass = clsx([
-      classes["uikit-button"],
-      getButtonClassesByVariant(variant),
-      getButtonClassesBySize(size),
-      className
-    ]);
-    return /* @__PURE__ */ jsx(GenericButton, { className: buttonClass, ...restProps, ref, children });
-  }
-);
-Button.displayName = "Button";
-const IconButton = forwardRef(
-  ({ children, size = "medium", className, isActive, tooltip, ...restProps }, ref) => {
-    const buttonIconClass = clsx([
-      classes["uikit-button"],
-      classes["uikit-button--icon"],
-      isActive && classes["uikit-button--icon__active"],
-      getButtonClassesBySize(size),
-      className
-    ]);
-    const button = /* @__PURE__ */ jsx("button", { className: buttonIconClass, ...restProps, ref, children });
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip, { tooltip, children: button });
-    }
-    return button;
-  }
-);
-function ButtonSvgIcon({
-  type,
-  className,
-  size = "normal",
-  position = "start"
-}) {
-  return /* @__PURE__ */ jsx(
-    SvgIcon,
-    {
-      type,
-      className: clsx(
-        classes.uikitButtonSvgIcon,
-        className,
-        size === "small" ? classes.uikitButtonSvgIcon_small : classes.uikitButtonSvgIcon_normal,
-        position === "end" ? classes.uikitButtonSvgIcon_end : classes.uikitButtonSvgIcon_start
-      )
-    }
-  );
-}
-
-export { Button, IconButton };

package/dist/esm/components/Button/Button.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Membrane React package
- * {@link https://www.npmjs.com/package/@membranehq/react}
- * v0.3.1
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".Button-module_container__jA0Sz {\n  width: 100%\n}\n\n@media (min-width: 640px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 640px\n  }\n}\n\n@media (min-width: 768px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 768px\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1024px\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1280px\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .Button-module_container__jA0Sz {\n    max-width: 1536px\n  }\n}\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    border-radius: 0.25rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 100ms;\n    height: 2.25rem\n  }\n\n@layer elements {\n  .Button-module_uikit-button__AuMtw {\n      height: 2.25rem;\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n    }\n}\n  .Button-module_uikit-button__AuMtw {\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 200ms\n  }\n\n  .Button-module_uikit-button__AuMtw:disabled {\n    cursor: default\n  }\n\n  .Button-module_uikit-button__AuMtw svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem;\n    display: inline;\n    height: 1.25rem;\n    width: 1.25rem;\n    vertical-align: middle\n  }\n\n  /* ### SIZE ### */\n  .Button-module_uikit-button--large__9cQ-5 {\n    height: 2.5rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2.25rem /* h-9 */\n  }\n  .Button-module_uikit-button--large__9cQ-5 svg:not(.Button-module_uikitButtonSvgIcon__Y-4HV) {\n    margin-left: -0.375rem;\n    margin-right: 0.5rem\n  }\n  .Button-module_uikit-button--medium__P5rpZ {\n    height: 2.25rem;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    line-height: 2rem /* h-8 */\n  }\n\n  .Button-module_uikit-button--small__5L5Ch {\n    height: 1.75rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    line-height: 1.75rem /* h-7 */\n  }\n\n  /* ### TYPE ### */\n\n  .Button-module_uikit-button--primary__BsMcw {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(25 25 25 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(34 34 34 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:disabled {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(105 105 105 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(105 105 105 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--primary__BsMcw:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(15 76 117 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(15 76 117 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--secondary__ENap8 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--secondary__ENap8:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--warning__B0a1y {\n    --tw-bg-opacity: 1;\n    background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n    border-color: rgb(185 28 28 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.5\n  }\n  .Button-module_uikit-button--warning__B0a1y:disabled {\n    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));\n    --tw-bg-opacity: 0.8;\n    border-color: rgb(248 113 113 / var(--tw-border-opacity, 1));\n    --tw-border-opacity: 0.1;\n    --tw-text-opacity: 1;\n    color: rgb(254 226 226 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--warning__B0a1y:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    --tw-bg-opacity: 1;\n    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--outline__lESp6 {\n    border-width: 1px;\n    --tw-border-opacity: 1;\n    border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--outline__lESp6:not(:disabled):hover {\n    --tw-border-opacity: 1;\n    border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--text__JPp9w {\n    border-style: none !important;\n    background-color: transparent\n  }\n  .Button-module_uikit-button--text__JPp9w:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--text__JPp9w:not(:disabled):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1))\n  }\n\n  .Button-module_uikit-button--ajax__Kl1-1 {\n    border-style: none !important;\n    background-color: transparent;\n    --tw-text-opacity: 1;\n    color: rgb(13 121 194 / var(--tw-text-opacity, 1));\n    text-decoration-line: underline;\n    text-decoration-style: dashed;\n    text-decoration-thickness: 0.05rem;\n    text-underline-offset: 0.15rem\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--ajax__Kl1-1:not(:disabled):hover {\n    --tw-text-opacity: 1;\n    color: rgb(15 76 117 / var(--tw-text-opacity, 1));\n    text-decoration-style: solid\n  }\n\n  .Button-module_uikit-button--icon__0ouUU {\n    height: 1.5rem;\n    width: 1.5rem;\n    align-items: center;\n    justify-content: center;\n    padding: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:disabled {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button--icon__0ouUU:not(:disabled):hover,\n  .Button-module_uikit-button--icon__active__hWz2W {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1))\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU {\n    border-width: 0px;\n    background-color: transparent\n  }\n  .Button-module_uikit-button__AuMtw.Button-module_uikit-button--icon__0ouUU svg {\n    margin: 0px;\n    height: 1.25rem;\n    width: 1.25rem;\n    stroke: currentColor\n  }\n\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikit-button--small__5L5Ch.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1rem;\n    width: 1rem\n  }\n\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU {\n    height: 1.75rem;\n    width: 1.75rem\n  }\n  .Button-module_uikit-button--large__9cQ-5.Button-module_uikit-button--icon__0ouUU svg {\n    height: 1.5rem;\n    width: 1.5rem\n  }\n\n  /* Hide icon goes after loader icon */\n  .Button-module_uikit-button__AuMtw[aria-busy='true'] svg + svg {\n    display: none\n  }\n\n  .Button-module_uikitButtonSvgIcon__Y-4HV {\n    display: inline;\n    vertical-align: middle\n  }\n  .Button-module_uikitButtonSvgIcon_normal__KfS3A {\n    height: 1.25rem;\n    width: 1.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_small__A9XQR {\n    margin-top: 0.125rem;\n    height: 1rem;\n    width: 1rem\n  }\n  .Button-module_uikitButtonSvgIcon_start__rgkNm {\n    margin-right: 0.375rem;\n    margin-left: -0.25rem\n  }\n  .Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.375rem;\n    margin-right: -0.25rem\n  }\n\n  .Button-module_uikitButtonSvgIcon_small__A9XQR.Button-module_uikitButtonSvgIcon_end__ZyJvx {\n    margin-left: 0.25rem;\n    margin-right: -0.375rem\n  }\n}\n";
-var classes = {"uikit-button":"Button-module_uikit-button__AuMtw","uikitButtonSvgIcon":"Button-module_uikitButtonSvgIcon__Y-4HV","uikit-button--large":"Button-module_uikit-button--large__9cQ-5","uikit-button--medium":"Button-module_uikit-button--medium__P5rpZ","uikit-button--small":"Button-module_uikit-button--small__5L5Ch","uikit-button--primary":"Button-module_uikit-button--primary__BsMcw","uikit-button--secondary":"Button-module_uikit-button--secondary__ENap8","uikit-button--warning":"Button-module_uikit-button--warning__B0a1y","uikit-button--outline":"Button-module_uikit-button--outline__lESp6","uikit-button--text":"Button-module_uikit-button--text__JPp9w","uikit-button--ajax":"Button-module_uikit-button--ajax__Kl1-1","uikit-button--icon":"Button-module_uikit-button--icon__0ouUU","uikit-button--icon__active":"Button-module_uikit-button--icon__active__hWz2W","uikitButtonSvgIcon_normal":"Button-module_uikitButtonSvgIcon_normal__KfS3A","uikitButtonSvgIcon_small":"Button-module_uikitButtonSvgIcon_small__A9XQR","uikitButtonSvgIcon_start":"Button-module_uikitButtonSvgIcon_start__rgkNm","uikitButtonSvgIcon_end":"Button-module_uikitButtonSvgIcon_end__ZyJvx"};
-styleInject(css_248z);
-
-export { classes as default };

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

@@ -1,3 +0,0 @@
-import { ButtonProps, IconButtonProps } from './Button.types';
-export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,17 +0,0 @@
-import { ButtonHTMLAttributes } from 'react';
-import { GenericTooltipProps } from '../Tooltip';
-export type ButtonVariantType = 'primary' | 'secondary' | 'outline' | 'text' | 'warning' | 'ajax';
-export type ButtonSizeType = 'small' | 'medium' | 'large';
-export interface GenericButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    className?: string;
-    loading?: boolean;
-    tooltip?: GenericTooltipProps['tooltip'];
-    tooltipProps?: Partial<Omit<GenericTooltipProps, 'tooltip' | 'children'>>;
-}
-export interface ButtonProps extends GenericButtonProps {
-    variant?: ButtonVariantType;
-    size?: ButtonSizeType;
-}
-export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
-    isActive?: boolean;
-}

package/dist/types/components/Button/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-export type { GenericButtonProps, ButtonProps } from './Button.types';