@pushwoosh/dumb-components 1.1.236 → 1.1.238

package/WhatsAppPreview/components/WhatsAppAttachment/styles.d.ts

@@ -1,13 +1,13 @@
 import { Color } from '@pushwoosh/kit-constants';
 export declare const MediaBox: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -20,14 +20,14 @@ export declare const MediaBox: import("styled-components").StyledComponent<"div"
     $hasOverlay: boolean;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$position" | "$alignContent" | "$justifyItems">;
 export declare const MediaFallback: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -39,14 +39,14 @@ export declare const MediaFallback: import("styled-components").StyledComponent<
     $width: string;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$height" | "$width" | "$alignContent" | "$justifyItems">;
 export declare const PlayButton: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -56,14 +56,14 @@ export declare const PlayButton: import("styled-components").StyledComponent<"di
     $inset: number;
 }, "$gridAutoFlow" | "$inset" | "$position" | "$alignItems" | "$justifyContent">;
 export declare const PlayGlyph: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -75,14 +75,14 @@ export declare const PlayGlyph: import("styled-components").StyledComponent<"div
     $bgColor: "rgba(255, 255, 255, 0.85)";
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$height" | "$width" | "$alignItems" | "$justifyContent">;
 export declare const MediaOverlay: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -95,23 +95,23 @@ export declare const MediaOverlay: import("styled-components").StyledComponent<"
     };
 }, "$gridAutoFlow" | "$padding" | "$alignItems">;
 export declare const MediaDuration: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $variant: "footnote";
     $color: "#FFFFFF";
 }, "$color" | "$variant">;
 export declare const DocumentBox: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -121,14 +121,14 @@ export declare const DocumentBox: import("styled-components").StyledComponent<"d
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$width">;
 export declare const DocumentThumbnail: import("styled-components").StyledComponent<"img", any, {}, never>;
 export declare const DocumentGlyph: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
-} & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
+} & {
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 }, "$gridAutoFlow">;

package/WhatsAppPreview/components/WhatsAppMessageContent/styles.d.ts

@@ -1,6 +1,6 @@
 export declare const MessageText: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 }, never>;

package/WhatsAppPreview/styles.d.ts

@@ -1,13 +1,13 @@
 import { Color, ShapeRadius } from '@pushwoosh/kit-constants';
 export declare const Backdrop: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -19,14 +19,14 @@ export declare const Backdrop: import("styled-components").StyledComponent<"div"
     $width: number;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$padding" | "$width" | "$alignContent" | "$justifyItems">;
 export declare const Card: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -39,20 +39,20 @@ export declare const Card: import("styled-components").StyledComponent<"div", an
     $width: number;
 }, "$gridAutoFlow" | "$bgColor" | "$border" | "$borderRadius" | "$padding" | "$width" | "$alignContent" | "$gap">;
 export declare const PreviewText: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 }, never>;
 export declare const AppBar: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -65,23 +65,23 @@ export declare const AppBar: import("styled-components").StyledComponent<"div",
     };
 }, "$gridAutoFlow" | "$padding" | "$alignItems" | "$gap" | "$justifyContent">;
 export declare const AppName: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
     $ellipsis: boolean;
 }, "$color" | "$ellipsis">;
 export declare const MissedRow: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $sizes: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
 } & {
@@ -90,14 +90,14 @@ export declare const MissedRow: import("styled-components").StyledComponent<"div
     $sizes: string;
 }, "$alignItems" | "$gap" | "$sizes">;
 export declare const MissedGlyph: import("styled-components").StyledComponent<"div", any, import("@pushwoosh/kit-helpers/styled-helpers").CommonBoxProps & {
-    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue | undefined;
-    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum | undefined;
-    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue | undefined;
+    $alignContent?: import("@pushwoosh/kit-helpers/styled-helpers").AlignContentValue;
+    $alignItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $gap?: import("@pushwoosh/kit-helpers/styled-helpers").StrNum;
+    $justifyContent?: import("@pushwoosh/kit-helpers/styled-helpers").JustifyContentValue;
 } & {
-    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
-    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
-    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue | undefined;
+    $gridAutoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
+    $justifyItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
+    $placeItems?: import("@pushwoosh/kit-helpers/styled-helpers").ItemAlignmentValue;
 } & {
     $gridAutoFlow: string;
 } & {
@@ -109,19 +109,19 @@ export declare const MissedGlyph: import("styled-components").StyledComponent<"d
     $height: number;
 }, "$gridAutoFlow" | "$bgColor" | "$borderRadius" | "$height" | "$width" | "$alignItems" | "$justifyContent">;
 export declare const MissedTitle: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
     $ellipsis: boolean;
 }, "$color" | "$ellipsis">;
 export declare const MissedHint: import("styled-components").StyledComponent<"span", any, {
-    $color?: string | undefined;
-    $uppercase?: boolean | undefined;
-    $ellipsis?: boolean | undefined;
-    $variant?: import("@pushwoosh/kit-typography").TypographyVariant | undefined;
+    $color?: string;
+    $uppercase?: boolean;
+    $ellipsis?: boolean;
+    $variant?: import("@pushwoosh/kit-typography").TypographyVariant;
 } & {
     $color: Color;
 }, "$color">;

package/helpers/__tests__/timezones.test.js

@@ -1,6 +1,7 @@
-import { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption } from '../timezones';
+import { canonicalizeTimezone, findTimezoneOption, formatTimezoneLabel, formatTimezoneOffset, formatTimezoneShort, getTimezoneOffsetSafe, listTimezones, resolveTimezoneOption } from '../timezones';
 const winter = new Date('2026-01-15T12:00:00Z');
 const melbourneDst = new Date('2026-10-10T12:00:00Z');
+const melbourneStandard = new Date('2026-06-15T12:00:00Z');
 describe('formatTimezoneOffset', () => {
   it('renders sign, hours and minutes', () => {
     expect(formatTimezoneOffset(300)).toBe('GMT+05:00');
@@ -9,6 +10,20 @@ describe('formatTimezoneOffset', () => {
     expect(formatTimezoneOffset(0)).toBe('GMT+00:00');
   });
 });
+describe('formatTimezoneShort', () => {
+  it('renders the bare offset the calendar badge shows', () => {
+    expect(formatTimezoneShort('Asia/Almaty', winter)).toBe('GMT+05:00');
+    expect(formatTimezoneShort('Asia/Kolkata', winter)).toBe('GMT+05:30');
+    expect(formatTimezoneShort('UTC', winter)).toBe('GMT+00:00');
+  });
+  it('follows DST at the given instant', () => {
+    expect(formatTimezoneShort('Australia/Melbourne', melbourneStandard)).toBe('GMT+10:00');
+    expect(formatTimezoneShort('Australia/Melbourne', melbourneDst)).toBe('GMT+11:00');
+  });
+  it('keeps an unknown zone readable', () => {
+    expect(formatTimezoneShort('Not/AZone', winter)).toBe('Not/AZone');
+  });
+});
 describe('formatTimezoneLabel', () => {
   it('uses the current tzdata: Kazakhstan is UTC+5 since 2024', () => {
     expect(formatTimezoneLabel('Asia/Almaty', winter)).toBe('(GMT+05:00) Asia/Almaty');

package/helpers/timezones.d.ts

@@ -13,6 +13,8 @@ export declare function getTimezoneOffsetSafe(timezone: string, at?: Date): numb
 export declare function formatTimezoneOffset(minutes: number): string;
 /** The shared picker label, `(GMT+05:00) Asia/Almaty` at instant `at`; a zone the engine doesn't know is labelled by its bare name. */
 export declare function formatTimezoneLabel(timezone: string, at?: Date): string;
+/** Compact badge for a zone, `GMT+05:00`; a zone the engine doesn't know is shown by its bare name. */
+export declare function formatTimezoneShort(timezone: string, at?: Date): string;
 /** Option for any stored zone name — aliases, `Etc/GMT±N`, POSIX abbreviations — kept verbatim as the value. */
 export declare function resolveTimezoneOption(timezone: string, at?: Date): TimezoneOption;
 /** Zones the browser knows plus `UTC` and every non-empty `include` value, sorted by offset at `at` then by name. Pass the stored value as `include` so an old alias stays selectable and is re-saved unchanged. */

package/helpers/timezones.js

@@ -35,6 +35,11 @@ export function formatTimezoneLabel(timezone, at = new Date()) {
   const offset = getTimezoneOffsetSafe(timezone, at);
   return offset === null ? timezone : `(${formatTimezoneOffset(offset)}) ${timezone}`;
 }
+/** Compact badge for a zone, `GMT+05:00`; a zone the engine doesn't know is shown by its bare name. */
+export function formatTimezoneShort(timezone, at = new Date()) {
+  const offset = getTimezoneOffsetSafe(timezone, at);
+  return offset === null ? timezone : formatTimezoneOffset(offset);
+}
 /** Option for any stored zone name — aliases, `Etc/GMT±N`, POSIX abbreviations — kept verbatim as the value. */
 export function resolveTimezoneOption(timezone, at = new Date()) {
   return {

package/package.json

@@ -1,45 +1,34 @@
 {
   "name": "@pushwoosh/dumb-components",
-  "version": "1.1.236",
+  "version": "1.1.238",
   "description": "React components to build Pushwoosh products",
   "main": "index.js",
   "module": "index.js",
   "types": "index.d.ts",
   "sideEffects": false,
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "directory": "dist"
   },
-  "scripts": {
-    "start": "npm --prefix ./storybook run storybook",
-    "build": "pushwoosh-engine lib:build",
-    "check": "npm run check:lint && npm run check:types",
-    "check:lint": "echo \"Run check:lint\" && eslint src",
-    "check:lint-fix": "echo \"Run check:lint\" && eslint src --fix",
-    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types",
-    "test": "jest"
-  },
-  "pre-commit": "check",
   "engines": {
-    "node": ">= 22",
-    "npm": ">= 7"
+    "node": ">= 24"
   },
   "devDependencies": {
-    "@pushwoosh/frontend-builder-engine": "^3.1.0",
     "@svgr/webpack": "^8.1.0",
+    "@testing-library/dom": "^10.4.2",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@types/jest": "^30.0.0",
     "@types/lodash": "^4.17.13",
-    "@types/react": "^18.2.69",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^18.3.31",
+    "@types/react-dom": "^18.3.7",
     "@types/react-transition-group": "^4.4.12",
-    "@types/styled-components": "^5.1.36",
+    "@types/styled-components": "^5.1.34",
     "glob": "^11.0.3",
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.2.0",
-    "pre-commit": "^1.2.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "styled-components": "^5.3.11",
     "ts-jest": "^29.4.6"
   },
@@ -47,16 +36,19 @@
     "@codemirror/lang-html": "^6.4.9",
     "@codemirror/lang-json": "^6.0.1",
     "@codemirror/lang-liquid": "^6.2.2",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/view": "^6.43.11",
     "@floating-ui/react-dom": "^2.1.2",
     "@lezer/highlight": "^1.2.1",
-    "@pushwoosh/kit-constants": "^1.9.0",
-    "@pushwoosh/kit-helpers": "^4.11.0",
+    "@pushwoosh/kit-constants": "^1.12.3",
+    "@pushwoosh/kit-helpers": "^4.12.5",
     "@pushwoosh/kit-icons": "^2.1.16",
-    "@pushwoosh/kit-typography": "^1.7.5",
+    "@pushwoosh/kit-typography": "^1.8.4",
     "@tippyjs/react": "^4.2.6",
     "@uiw/codemirror-themes": "^4.23.8",
     "@uiw/react-codemirror": "^4.23.8",
     "emoji-mart": "^5.6.0",
+    "es-toolkit": "^1.52.0",
     "liquidjs": "^10.18.0",
     "lodash": "^4.17.23",
     "polished": "^4.3.1",
@@ -64,11 +56,20 @@
     "react-transition-group": "^4.4.5",
     "slate": "^0.126.0",
     "slate-history": "^0.113.1",
-    "slate-react": "^0.126.0"
+    "slate-react": "^0.126.0",
+    "tippy.js": "^6.3.7"
   },
   "peerDependencies": {
     "react": "^16.14.0 || ^18.3.1",
     "react-dom": "^16.14.0 || ^18.3.1",
     "styled-components": "^5.3.3 || ^6.0.0"
+  },
+  "scripts": {
+    "build": "pushwoosh-engine lib:build",
+    "check": "pnpm run check:lint && pnpm run check:types",
+    "check:lint": "echo \"Run check:lint\" && eslint src",
+    "check:lint-fix": "echo \"Run check:lint\" && eslint src --fix",
+    "check:types": "echo \"Run check:types\" && pushwoosh-engine lib:check-types",
+    "test": "jest"
   }
-}
+}

package/Calendar/helpers-tz.d.ts

@@ -1,2 +0,0 @@
-export declare function groupTimezonesByOffset(at?: Date): [number, string[]][];
-export declare function formatTimezoneShort(timezone: string): string;

package/Calendar/helpers-tz.js

@@ -1,47 +0,0 @@
-import { formatTwoDigitNumber, getTimezoneOffset } from './helpers';
-function getAllTimeZones() {
-  return Intl.supportedValuesOf('timeZone');
-}
-function formatTimezoneOffset(minutes) {
-  const minutesAbs = Math.abs(minutes);
-  const hours = Math.floor(minutesAbs / 60);
-  const mins = minutesAbs % 60;
-  const sign = minutes < 0 ? '-' : '+';
-  if (mins === 0) {
-    return `UTC${sign}${hours}`;
-  } else {
-    return `UTC${sign}${hours}:${formatTwoDigitNumber(mins)}`;
-  }
-}
-export function groupTimezonesByOffset(at = new Date()) {
-  const zones = getAllTimeZones();
-  const groups = new Map();
-  for (const tz of zones) {
-    try {
-      const diff = getTimezoneOffset(tz, at);
-      const arr = groups.get(diff);
-      if (arr) {
-        arr.push(tz);
-      } else {
-        groups.set(diff, [tz]);
-      }
-    } catch (e) {
-      console.warn(`Cannot get timezone info for "${tz}"`, e);
-    }
-  }
-  const result = [];
-  for (const [diff, list] of groups) {
-    list.sort((a, b) => a.localeCompare(b));
-    result.push([diff, list]);
-  }
-  result.sort((a, b) => a[0] - b[0]);
-  return result;
-}
-export function formatTimezoneShort(timezone) {
-  const offsetMinutes = getTimezoneOffset(timezone, new Date());
-  const formattedOffset = formatTimezoneOffset(offsetMinutes);
-  if (formattedOffset === 'UTC+0' || formattedOffset === 'UTC-0') {
-    return 'UTC';
-  }
-  return formattedOffset;
-}