@vkzstudio/muza-ui 1.0.32 → 1.0.34

package/dist/components/ButtonArrow/ButtonArrow.d.ts

@@ -0,0 +1,20 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonArrowVariants: (props?: ({
+    size?: "default" | "sm" | null | undefined;
+    direction?: "left" | "right" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for the {@link ButtonArrow} component.
+ *
+ * A circular arrow button used for directional navigation (e.g. pagination, carousels).
+ */
+export interface ButtonArrowProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Omit<VariantProps<typeof buttonArrowVariants>, 'direction' | 'size'> {
+    /** Arrow direction. Controls which icon is rendered. @default 'left' */
+    direction?: 'left' | 'right';
+    /** Button size. `'default'` = 40px, `'sm'` = 32px. @default 'default' */
+    size?: 'default' | 'sm';
+}
+declare const ButtonArrow: React.ForwardRefExoticComponent<ButtonArrowProps & React.RefAttributes<HTMLButtonElement>>;
+export { ButtonArrow, buttonArrowVariants };
+//# sourceMappingURL=ButtonArrow.d.ts.map

package/dist/components/ButtonArrow/ButtonArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonArrow.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/ButtonArrow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,mBAAmB;;;8EAyCxB,CAAA;AAED;;;;GAIG;AACH,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,IAAI,CAAC,YAAY,CAAC,OAAO,mBAAmB,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IACtE,wEAAwE;IACxE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,yEAAyE;IACzE,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,WAAW,4FAehB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/ButtonArrow/ButtonArrow.js

@@ -0,0 +1,63 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { cva as c } from "class-variance-authority";
+import { cn as d } from "../../utils/cn.js";
+import { AltArrowLeftOutline as a, AltArrowRightOutline as b } from "@solar-icons/react-perf";
+const l = c(
+  [
+    "inline-flex items-center justify-center",
+    "rounded-full border",
+    "cursor-pointer transition-colors",
+    "focus-visible-default",
+    // Default state
+    "border-comp-button-invert-ghost-stroke-def",
+    "bg-comp-button-secondary-bg-def",
+    "text-comp-button-secondary-text-def",
+    // Hover
+    "hover:border-comp-button-invert-ghost-stroke-hover",
+    "hover:bg-comp-button-secondary-bg-hover",
+    "hover:text-comp-button-secondary-text-hover",
+    // Focus-visible
+    "focus-visible:bg-comp-button-secondary-bg-focused",
+    "focus-visible:text-comp-button-secondary-text-focused",
+    "focus-visible:border-comp-button-invert-ghost-stroke-focused",
+    // Disabled
+    "disabled:pointer-events-none",
+    "disabled:cursor-not-allowed",
+    "disabled:border-comp-button-invert-ghost-stroke-def",
+    "disabled:bg-comp-button-arrow-disabled",
+    "disabled:text-comp-button-primary-text-def"
+  ],
+  {
+    variants: {
+      size: {
+        default: "size-comp-button-arrow-bg-size-def",
+        sm: "size-comp-button-arrow-bg-size-sm"
+      },
+      direction: {
+        left: "",
+        right: ""
+      }
+    },
+    defaultVariants: {
+      size: "default",
+      direction: "left"
+    }
+  }
+), u = i.forwardRef(
+  ({ className: e, direction: o = "left", size: r = "default", ...s }, n) => /* @__PURE__ */ t(
+    "button",
+    {
+      type: "button",
+      className: d(l({ size: r, direction: o, className: e })),
+      ref: n,
+      ...s,
+      children: o === "left" ? /* @__PURE__ */ t(a, { className: "size-icon-small" }) : /* @__PURE__ */ t(b, { className: "size-icon-small" })
+    }
+  )
+);
+u.displayName = "ButtonArrow";
+export {
+  u as ButtonArrow,
+  l as buttonArrowVariants
+};

package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts

@@ -0,0 +1,37 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./ButtonArrow').ButtonArrowProps & import('react').RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+        design: {
+            type: string;
+            url: string;
+        };
+    };
+    argTypes: {
+        direction: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+        disabled: {
+            description: string;
+            control: "boolean";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllVariants: Story;
+//# sourceMappingURL=ButtonArrow.stories.d.ts.map

package/dist/components/ButtonArrow/ButtonArrow.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonArrow.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/ButtonArrow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAyBzB,CAAA"}

package/dist/components/ButtonArrow/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ButtonArrow';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ButtonArrow/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonArrow/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/DataTable/DataTable.js

@@ -4,7 +4,7 @@ import { cva as b } from "class-variance-authority";
 import { cn as i } from "../../utils/cn.js";
 import { typographyVariants as h, Typography as y } from "../Typography/Typography.js";
 const u = b(
-  "h-comp-table-h border-y border-stroke-base-secondary px-2xl transition-colors",
+  "h-comp-table-h-def border-y border-stroke-base-secondary px-2xl transition-colors",
   {
     variants: {
       variant: {

package/dist/components/ExpandableTable/ExpandableTable.d.ts

@@ -74,6 +74,22 @@ export interface ExpandableTableProps<T> {
      * @see IExpandableTableRowSection
      */
     expandableRowSections?: IExpandableTableRowSection<T>[] | ((row: T) => IExpandableTableRowSection<T>[]);
+    /**
+     * Custom CSS classes for internal elements.
+     *
+     * @example
+     * ```tsx
+     * classNames={{ expandedContentGrid: 'md:grid-cols-[200px_1fr]' }}
+     * ```
+     */
+    classNames?: Partial<{
+        /** Custom class for the expanded content grid container (overrides default `md:grid-cols-[auto_1fr]`). */
+        expandedContentGrid: string;
+        /** Custom class for each section's wrapper div (default uses `md:grid-cols-subgrid`). */
+        sectionTitle: string;
+        /** Custom class for the cells container div within each section (default uses `md:grid-cols-subgrid`). */
+        cellsWrap: string;
+    }>;
 }
-export declare const ExpandableTable: <T>({ data, columns, expandableRowSections, }: ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ExpandableTable: <T>({ data, columns, expandableRowSections, classNames, }: ExpandableTableProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ExpandableTable.d.ts.map

package/dist/components/ExpandableTable/ExpandableTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAqB,MAAM,OAAO,CAAA;AAgBnE;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;CAClD;AAgCD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,2CAIjC,oBAAoB,CAAC,CAAC,CAAC,4CA6SzB,CAAA"}
+{"version":3,"file":"ExpandableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableTable/ExpandableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAgBd;;;GAGG;AACH,MAAM,WAAW,OAAO,CAAC,CAAC;IACxB,wDAAwD;IACxD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,iDAAiD;IACjD,KAAK,EAAE,SAAS,CAAA;IAChB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;IACrD;;;;OAIG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACvC;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB,CAAC,CAAC;IACxC,sDAAsD;IACtD,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6CAA6C;IAC7C,KAAK,EAAE,SAAS,CAAA;IAChB,kGAAkG;IAClG,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,KAAK,SAAS,CAAA;CACtD;AAED;;;;GAIG;AACH,MAAM,WAAW,0BAA0B,CAAC,CAAC;IAC3C,yDAAyD;IACzD,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,4FAA4F;IAC5F,KAAK,EAAE,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAA;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,sEAAsE;IACtE,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,sFAAsF;IACtF,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;IACrB;;;;;;;;;;;;;OAaG;IACH,qBAAqB,CAAC,EAClB,0BAA0B,CAAC,CAAC,CAAC,EAAE,GAC/B,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,0BAA0B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;IACjD;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,0GAA0G;QAC1G,mBAAmB,EAAE,MAAM,CAAA;QAC3B,yFAAyF;QACzF,YAAY,EAAE,MAAM,CAAA;QACpB,0GAA0G;QAC1G,SAAS,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AAgCD,eAAO,MAAM,eAAe,GAAI,CAAC,EAAG,uDAKjC,oBAAoB,CAAC,CAAC,CAAC,4CAwXzB,CAAA"}