@openuidev/react-ui 0.9.16

package/dist/styles/cssUtils.scss

@@ -0,0 +1,302 @@
+// Auto-generated by src/scripts/generate-css-utils.ts — do not edit manually.
+@use "sass:map";
+
+// Surface / Background Colors
+
+$background: var(--openui-background, oklch(0.97 0 89.876 / 1));
+$foreground: var(--openui-foreground, oklch(0.994 0 89.876 / 1));
+$popover-background: var(--openui-popover-background, oklch(0.994 0 89.876 / 1));
+$sunk-light: var(--openui-sunk-light, oklch(0.097 0 0 / 0.02));
+$sunk: var(--openui-sunk, oklch(0.097 0 0 / 0.04));
+$sunk-deep: var(--openui-sunk-deep, oklch(0.097 0 0 / 0.08));
+$elevated-light: var(--openui-elevated-light, oklch(0.097 0 0 / 0.04));
+$elevated: var(--openui-elevated, oklch(0.097 0 0 / 0.08));
+$elevated-strong: var(--openui-elevated-strong, oklch(0.097 0 0 / 0.16));
+$elevated-intense: var(--openui-elevated-intense, oklch(0.097 0 0 / 0.32));
+$overlay: var(--openui-overlay, oklch(0 0 0 / 0.4));
+$highlight-subtle: var(--openui-highlight-subtle, oklch(0.097 0 0 / 0.02));
+$highlight: var(--openui-highlight, oklch(0.097 0 0 / 0.04));
+$highlight-strong: var(--openui-highlight-strong, oklch(0.097 0 0 / 0.08));
+$highlight-intense: var(--openui-highlight-intense, oklch(0.097 0 0 / 0.32));
+$inverted-background: var(--openui-inverted-background, oklch(0.097 0 0 / 1));
+$info-background: var(--openui-info-background, oklch(0.623 0.188 259.815 / 0.12));
+$success-background: var(--openui-success-background, oklch(0.627 0.17 149.214 / 0.12));
+$alert-background: var(--openui-alert-background, oklch(0.795 0.162 86.047 / 0.16));
+$danger-background: var(--openui-danger-background, oklch(0.577 0.215 27.325 / 0.12));
+$purple-background: var(--openui-purple-background, oklch(0.627 0.233 303.9 / 0.12));
+$pink-background: var(--openui-pink-background, oklch(0.592 0.218 0.584 / 0.12));
+
+// Text Colors
+
+$text-neutral-primary: var(--openui-text-neutral-primary, oklch(0.097 0 0 / 1));
+$text-neutral-secondary: var(--openui-text-neutral-secondary, oklch(0.097 0 0 / 0.5));
+$text-neutral-tertiary: var(--openui-text-neutral-tertiary, oklch(0.097 0 0 / 0.2));
+$text-neutral-link: var(--openui-text-neutral-link, oklch(0.097 0 0 / 1));
+$text-brand: var(--openui-text-brand, oklch(0.097 0 0 / 1));
+$text-white: var(--openui-text-white, oklch(1 0 89.876 / 1));
+$text-black: var(--openui-text-black, oklch(0 0 0 / 1));
+$text-accent-primary: var(--openui-text-accent-primary, oklch(0.994 0 89.876 / 1));
+$text-accent-secondary: var(--openui-text-accent-secondary, oklch(0.994 0 89.876 / 0.5));
+$text-accent-tertiary: var(--openui-text-accent-tertiary, oklch(0.994 0 89.876 / 0.2));
+$text-success-primary: var(--openui-text-success-primary, oklch(0.448 0.108 151.328 / 1));
+$text-success-inverted: var(--openui-text-success-inverted, oklch(0.962 0.043 156.743 / 1));
+$text-alert-primary: var(--openui-text-alert-primary, oklch(0.476 0.103 61.907 / 1));
+$text-alert-inverted: var(--openui-text-alert-inverted, oklch(0.973 0.069 103.193 / 1));
+$text-danger-primary: var(--openui-text-danger-primary, oklch(0.505 0.19 27.518 / 1));
+$text-danger-secondary: var(--openui-text-danger-secondary, oklch(0.711 0.166 22.216 / 1));
+$text-danger-tertiary: var(--openui-text-danger-tertiary, oklch(0.808 0.103 19.571 / 1));
+$text-danger-inverted-primary: var(--openui-text-danger-inverted-primary, oklch(0.982 0.009 17.303 / 1));
+$text-danger-inverted-secondary: var(--openui-text-danger-inverted-secondary, oklch(0.982 0.009 17.303 / 0.5));
+$text-danger-inverted-tertiary: var(--openui-text-danger-inverted-tertiary, oklch(0.982 0.009 17.303 / 0.3));
+$text-info-primary: var(--openui-text-info-primary, oklch(0.424 0.181 265.638 / 1));
+$text-info-inverted: var(--openui-text-info-inverted, oklch(0.932 0.032 255.585 / 1));
+$text-pink-primary: var(--openui-text-pink-primary, oklch(0.459 0.17 3.815 / 1));
+$text-pink-inverted: var(--openui-text-pink-inverted, oklch(0.948 0.028 342.258 / 1));
+$text-purple-primary: var(--openui-text-purple-primary, oklch(0.438 0.198 303.724 / 1));
+$text-purple-inverted: var(--openui-text-purple-inverted, oklch(0.946 0.033 307.174 / 1));
+
+// Interactive Colors
+
+$interactive-accent-default: var(--openui-interactive-accent-default, oklch(0.097 0 0 / 1));
+$interactive-accent-hover: var(--openui-interactive-accent-hover, oklch(0.097 0 0 / 0.8));
+$interactive-accent-disabled: var(--openui-interactive-accent-disabled, oklch(0.097 0 0 / 0.4));
+$interactive-accent-pressed: var(--openui-interactive-accent-pressed, oklch(0.097 0 0 / 1));
+$interactive-destructive-default: var(--openui-interactive-destructive-default, oklch(0.577 0.215 27.325 / 0.02));
+$interactive-destructive-hover: var(--openui-interactive-destructive-hover, oklch(0.577 0.215 27.325 / 0.08));
+$interactive-destructive-disabled: var(--openui-interactive-destructive-disabled, oklch(0.577 0.215 27.325 / 0.02));
+$interactive-destructive-pressed: var(--openui-interactive-destructive-pressed, oklch(0.577 0.215 27.325 / 0.1));
+$interactive-destructive-accent-default: var(--openui-interactive-destructive-accent-default, oklch(0.577 0.215 27.325 / 1));
+$interactive-destructive-accent-hover: var(--openui-interactive-destructive-accent-hover, oklch(0.637 0.208 25.331 / 1));
+$interactive-destructive-accent-pressed: var(--openui-interactive-destructive-accent-pressed, oklch(0.505 0.19 27.518 / 1));
+$interactive-destructive-accent-disabled: var(--openui-interactive-destructive-accent-disabled, oklch(0.577 0.215 27.325 / 0.4));
+
+// Chat Colors
+
+$chat-user-response-bg: var(--openui-chat-user-response-bg, oklch(0.097 0 0 / 1));
+$chat-user-response-text: var(--openui-chat-user-response-text, oklch(0.994 0 89.876 / 1));
+
+// Border Colors
+
+$border-default: var(--openui-border-default, oklch(0.097 0 0 / 0.06));
+$border-interactive: var(--openui-border-interactive, oklch(0.097 0 0 / 0.12));
+$border-interactive-emphasis: var(--openui-border-interactive-emphasis, oklch(0.097 0 0 / 0.3));
+$border-interactive-selected: var(--openui-border-interactive-selected, oklch(0.097 0 0 / 1));
+$border-accent: var(--openui-border-accent, oklch(0.097 0 0 / 0.08));
+$border-accent-emphasis: var(--openui-border-accent-emphasis, oklch(0.097 0 0 / 0.3));
+$border-info: var(--openui-border-info, oklch(0.623 0.188 259.815 / 0.08));
+$border-info-emphasis: var(--openui-border-info-emphasis, oklch(0.546 0.215 262.881 / 1));
+$border-alert: var(--openui-border-alert, oklch(0.861 0.173 91.936 / 0.08));
+$border-alert-emphasis: var(--openui-border-alert-emphasis, oklch(0.681 0.142 75.834 / 1));
+$border-success: var(--openui-border-success, oklch(0.627 0.17 149.214 / 0.08));
+$border-success-emphasis: var(--openui-border-success-emphasis, oklch(0.627 0.17 149.214 / 1));
+$border-danger: var(--openui-border-danger, oklch(0.577 0.215 27.325 / 0.08));
+$border-danger-emphasis: var(--openui-border-danger-emphasis, oklch(0.577 0.215 27.325 / 1));
+
+// Spacing
+
+$space-000: var(--openui-space-000, 0);
+$space-3xs: var(--openui-space-3xs, 2px);
+$space-2xs: var(--openui-space-2xs, 4px);
+$space-xs: var(--openui-space-xs, 6px);
+$space-s: var(--openui-space-s, 8px);
+$space-s-m: var(--openui-space-s-m, 10px);
+$space-m: var(--openui-space-m, 12px);
+$space-m-l: var(--openui-space-m-l, 16px);
+$space-l: var(--openui-space-l, 18px);
+$space-xl: var(--openui-space-xl, 24px);
+$space-2xl: var(--openui-space-2xl, 36px);
+$space-3xl: var(--openui-space-3xl, 48px);
+
+// Border Radius
+
+$radius-none: var(--openui-radius-none, 0);
+$radius-3xs: var(--openui-radius-3xs, 1px);
+$radius-2xs: var(--openui-radius-2xs, 2px);
+$radius-xs: var(--openui-radius-xs, 4px);
+$radius-s: var(--openui-radius-s, 6px);
+$radius-m: var(--openui-radius-m, 8px);
+$radius-l: var(--openui-radius-l, 10px);
+$radius-xl: var(--openui-radius-xl, 12px);
+$radius-2xl: var(--openui-radius-2xl, 14px);
+$radius-3xl: var(--openui-radius-3xl, 16px);
+$radius-4xl: var(--openui-radius-4xl, 20px);
+$radius-5xl: var(--openui-radius-5xl, 24px);
+$radius-6xl: var(--openui-radius-6xl, 28px);
+$radius-7xl: var(--openui-radius-7xl, 32px);
+$radius-8xl: var(--openui-radius-8xl, 40px);
+$radius-9xl: var(--openui-radius-9xl, 48px);
+$radius-full: var(--openui-radius-full, 9999px);
+
+// Typography Tokens
+
+$font-body: var(--openui-font-body, "Inter", sans-serif);
+$font-code: var(--openui-font-code, "SFMono-Regular", Menlo, monospace);
+$font-heading: var(--openui-font-heading, "Inter", sans-serif);
+$font-label: var(--openui-font-label, "Inter", sans-serif);
+$font-numbers: var(--openui-font-numbers, "Inter", sans-serif);
+$font-size-2xs: var(--openui-font-size-2xs, 10px);
+$font-size-xs: var(--openui-font-size-xs, 12px);
+$font-size-sm: var(--openui-font-size-sm, 14px);
+$font-size-md: var(--openui-font-size-md, 16px);
+$font-size-lg: var(--openui-font-size-lg, 18px);
+$font-size-xl: var(--openui-font-size-xl, 20px);
+$font-size-2xl: var(--openui-font-size-2xl, 24px);
+$font-size-3xl: var(--openui-font-size-3xl, 28px);
+$font-size-4xl: var(--openui-font-size-4xl, 32px);
+$font-size-5xl: var(--openui-font-size-5xl, 36px);
+$font-weight-regular: var(--openui-font-weight-regular, 400);
+$font-weight-medium: var(--openui-font-weight-medium, 500);
+$font-weight-bold: var(--openui-font-weight-bold, 600);
+$font-weight-heavy: var(--openui-font-weight-heavy, 700);
+$line-height-body: var(--openui-line-height-body, 1.5);
+$line-height-heading: var(--openui-line-height-heading, 1.25);
+$line-height-heading-large: var(--openui-line-height-heading-large, 1.1);
+$line-height-label: var(--openui-line-height-label, 1.25);
+$line-height-code: var(--openui-line-height-code, 1.5);
+$letter-spacing-normal: var(--openui-letter-spacing-normal, 0);
+$letter-spacing-tight: var(--openui-letter-spacing-tight, -0.1px);
+$letter-spacing-tighter: var(--openui-letter-spacing-tighter, -0.2px);
+$text-body-xs: var(--openui-text-body-xs, 400 12px/1.5 "Inter", sans-serif);
+$text-body-xs-letter-spacing: var(--openui-text-body-xs-letter-spacing, 0);
+$text-body-xs-heavy: var(--openui-text-body-xs-heavy, 500 12px/1.5 "Inter", sans-serif);
+$text-body-xs-heavy-letter-spacing: var(--openui-text-body-xs-heavy-letter-spacing, 0);
+$text-body-sm: var(--openui-text-body-sm, 400 14px/1.5 "Inter", sans-serif);
+$text-body-sm-letter-spacing: var(--openui-text-body-sm-letter-spacing, 0);
+$text-body-sm-heavy: var(--openui-text-body-sm-heavy, 500 14px/1.5 "Inter", sans-serif);
+$text-body-sm-heavy-letter-spacing: var(--openui-text-body-sm-heavy-letter-spacing, 0);
+$text-body-default: var(--openui-text-body-default, 400 16px/1.5 "Inter", sans-serif);
+$text-body-default-letter-spacing: var(--openui-text-body-default-letter-spacing, 0);
+$text-body-default-heavy: var(--openui-text-body-default-heavy, 500 16px/1.5 "Inter", sans-serif);
+$text-body-default-heavy-letter-spacing: var(--openui-text-body-default-heavy-letter-spacing, 0);
+$text-body-lg: var(--openui-text-body-lg, 400 18px/1.5 "Inter", sans-serif);
+$text-body-lg-letter-spacing: var(--openui-text-body-lg-letter-spacing, 0);
+$text-body-lg-heavy: var(--openui-text-body-lg-heavy, 500 18px/1.5 "Inter", sans-serif);
+$text-body-lg-heavy-letter-spacing: var(--openui-text-body-lg-heavy-letter-spacing, 0);
+$text-heading-xs: var(--openui-text-heading-xs, 600 16px/1.25 "Inter", sans-serif);
+$text-heading-xs-letter-spacing: var(--openui-text-heading-xs-letter-spacing, 0);
+$text-heading-sm: var(--openui-text-heading-sm, 600 18px/1.25 "Inter", sans-serif);
+$text-heading-sm-letter-spacing: var(--openui-text-heading-sm-letter-spacing, 0);
+$text-heading-md: var(--openui-text-heading-md, 600 24px/1.1 "Inter", sans-serif);
+$text-heading-md-letter-spacing: var(--openui-text-heading-md-letter-spacing, 0);
+$text-heading-lg: var(--openui-text-heading-lg, 600 28px/1.1 "Inter", sans-serif);
+$text-heading-lg-letter-spacing: var(--openui-text-heading-lg-letter-spacing, -0.1px);
+$text-heading-xl: var(--openui-text-heading-xl, 700 32px/1.1 "Inter", sans-serif);
+$text-heading-xl-letter-spacing: var(--openui-text-heading-xl-letter-spacing, -0.1px);
+$text-label-xs: var(--openui-text-label-xs, 400 12px/1.25 "Inter", sans-serif);
+$text-label-xs-letter-spacing: var(--openui-text-label-xs-letter-spacing, 0);
+$text-label-xs-heavy: var(--openui-text-label-xs-heavy, 500 12px/1.25 "Inter", sans-serif);
+$text-label-xs-heavy-letter-spacing: var(--openui-text-label-xs-heavy-letter-spacing, 0);
+$text-label-sm: var(--openui-text-label-sm, 400 14px/1.25 "Inter", sans-serif);
+$text-label-sm-letter-spacing: var(--openui-text-label-sm-letter-spacing, 0);
+$text-label-sm-heavy: var(--openui-text-label-sm-heavy, 500 14px/1.25 "Inter", sans-serif);
+$text-label-sm-heavy-letter-spacing: var(--openui-text-label-sm-heavy-letter-spacing, 0);
+$text-label-default: var(--openui-text-label-default, 400 16px/1.25 "Inter", sans-serif);
+$text-label-default-letter-spacing: var(--openui-text-label-default-letter-spacing, 0);
+$text-label-default-heavy: var(--openui-text-label-default-heavy, 500 16px/1.25 "Inter", sans-serif);
+$text-label-default-heavy-letter-spacing: var(--openui-text-label-default-heavy-letter-spacing, 0);
+$text-label-lg: var(--openui-text-label-lg, 400 18px/1.25 "Inter", sans-serif);
+$text-label-lg-letter-spacing: var(--openui-text-label-lg-letter-spacing, 0);
+$text-label-lg-heavy: var(--openui-text-label-lg-heavy, 500 18px/1.25 "Inter", sans-serif);
+$text-label-lg-heavy-letter-spacing: var(--openui-text-label-lg-heavy-letter-spacing, 0);
+$text-numbers-xs: var(--openui-text-numbers-xs, 400 12px/1.5 "Inter", sans-serif);
+$text-numbers-xs-letter-spacing: var(--openui-text-numbers-xs-letter-spacing, 0);
+$text-numbers-xs-heavy: var(--openui-text-numbers-xs-heavy, 500 12px/1.5 "Inter", sans-serif);
+$text-numbers-xs-heavy-letter-spacing: var(--openui-text-numbers-xs-heavy-letter-spacing, 0);
+$text-numbers-sm: var(--openui-text-numbers-sm, 400 14px/1.5 "Inter", sans-serif);
+$text-numbers-sm-letter-spacing: var(--openui-text-numbers-sm-letter-spacing, 0);
+$text-numbers-sm-heavy: var(--openui-text-numbers-sm-heavy, 500 14px/1.5 "Inter", sans-serif);
+$text-numbers-sm-heavy-letter-spacing: var(--openui-text-numbers-sm-heavy-letter-spacing, 0);
+$text-numbers-default: var(--openui-text-numbers-default, 400 16px/1.5 "Inter", sans-serif);
+$text-numbers-default-letter-spacing: var(--openui-text-numbers-default-letter-spacing, 0);
+$text-numbers-default-heavy: var(--openui-text-numbers-default-heavy, 500 16px/1.5 "Inter", sans-serif);
+$text-numbers-default-heavy-letter-spacing: var(--openui-text-numbers-default-heavy-letter-spacing, 0);
+$text-numbers-lg: var(--openui-text-numbers-lg, 400 18px/1.5 "Inter", sans-serif);
+$text-numbers-lg-letter-spacing: var(--openui-text-numbers-lg-letter-spacing, 0);
+$text-numbers-lg-heavy: var(--openui-text-numbers-lg-heavy, 500 18px/1.5 "Inter", sans-serif);
+$text-numbers-lg-heavy-letter-spacing: var(--openui-text-numbers-lg-heavy-letter-spacing, 0);
+$text-code-sm: var(--openui-text-code-sm, 400 12px/1.5 "SFMono-Regular", Menlo, monospace);
+$text-code-sm-letter-spacing: var(--openui-text-code-sm-letter-spacing, 0);
+$text-code-sm-heavy: var(--openui-text-code-sm-heavy, 700 12px/1.5 "SFMono-Regular", Menlo, monospace);
+$text-code-sm-heavy-letter-spacing: var(--openui-text-code-sm-heavy-letter-spacing, 0);
+$text-code-default: var(--openui-text-code-default, 400 14px/1.5 "SFMono-Regular", Menlo, monospace);
+$text-code-default-letter-spacing: var(--openui-text-code-default-letter-spacing, 0);
+$text-code-default-heavy: var(--openui-text-code-default-heavy, 700 14px/1.5 "SFMono-Regular", Menlo, monospace);
+$text-code-default-heavy-letter-spacing: var(--openui-text-code-default-heavy-letter-spacing, 0);
+
+// Shadows
+
+$shadow-0: var(--openui-shadow-0, none);
+$shadow-s: var(--openui-shadow-s, 0 1px 3px -2px oklch(0 0 0 / 0.02), 0 2px 5px -2px oklch(0 0 0 / 0.04));
+$shadow-m: var(--openui-shadow-m, 0 4px 6px -2px oklch(0 0 0 / 0.025), 0 2px 2px -2px oklch(0 0 0 / 0.05));
+$shadow-l: var(--openui-shadow-l, 0 4px 4px -2px oklch(0 0 0 / 0.05), 0 4px 8px -2px oklch(0 0 0 / 0.04));
+$shadow-xl: var(--openui-shadow-xl, 0 8px 16px -4px oklch(0 0 0 / 0.08), 0 16px 32px -6px oklch(0 0 0 / 0.12));
+$shadow-2xl: var(--openui-shadow-2xl, 0 12px 24px -6px oklch(0 0 0 / 0.12), 0 24px 48px -8px oklch(0 0 0 / 0.16));
+$shadow-3xl: var(--openui-shadow-3xl, 0 16px 32px -8px oklch(0 0 0 / 0.16), 0 32px 64px -12px oklch(0 0 0 / 0.22));
+
+$chat-container-bg: $background;
+
+@function typography($font-name) {
+  @return (font: var(--#{$font-name}), letter-spacing: var(--#{$font-name}-letter-spacing));
+}
+
+$typography: (
+  body: (
+    default: typography(openui-text-body-default),
+    heavy: typography(openui-text-body-default-heavy),
+    small: typography(openui-text-body-sm),
+    small-heavy: typography(openui-text-body-sm-heavy),
+    large: typography(openui-text-body-lg),
+    large-heavy: typography(openui-text-body-lg-heavy),
+    link: typography(openui-text-body-default),
+    medium: typography(openui-text-body-default),
+  ),
+  label: (
+    default: typography(openui-text-label-default),
+    heavy: typography(openui-text-label-default-heavy),
+    large: typography(openui-text-label-lg),
+    large-heavy: typography(openui-text-label-lg-heavy),
+    medium: typography(openui-text-label-default),
+    medium-heavy: typography(openui-text-label-default-heavy),
+    small: typography(openui-text-label-sm),
+    small-heavy: typography(openui-text-label-sm-heavy),
+    extra-small: typography(openui-text-label-xs),
+    extra-small-heavy: typography(openui-text-label-xs-heavy),
+    2-extra-small: typography(openui-text-label-xs),
+    2-extra-small-heavy: typography(openui-text-label-xs-heavy),
+  ),
+  heading: (
+    large: typography(openui-text-heading-lg),
+    medium: typography(openui-text-heading-md),
+    small: typography(openui-text-heading-sm),
+    extra-small: typography(openui-text-heading-xs),
+  ),
+  number: (
+    large: typography(openui-text-numbers-lg),
+    large-heavy: typography(openui-text-numbers-lg-heavy),
+    heavy: typography(openui-text-numbers-default-heavy),
+    default: typography(openui-text-numbers-default),
+    small: typography(openui-text-numbers-sm),
+    small-heavy: typography(openui-text-numbers-sm-heavy),
+    extra-small: typography(openui-text-numbers-xs),
+    extra-small-heavy: typography(openui-text-numbers-xs-heavy),
+    title: typography(openui-text-heading-lg),
+    title-medium: typography(openui-text-heading-md),
+  ),
+  code: (
+    default: typography(openui-text-code-default),
+    heavy: typography(openui-text-code-default-heavy),
+    small: typography(openui-text-code-sm),
+    small-heavy: typography(openui-text-code-sm-heavy),
+  ),
+);
+
+@mixin typography($font-name, $font-variant) {
+  font: map.get($typography, $font-name, $font-variant, font);
+  letter-spacing: map.get($typography, $font-name, $font-variant, letter-spacing);
+}
+
+@mixin button-reset {
+  padding: 0;
+  border: 0;
+  background: transparent;
+}

package/dist/styles/datePicker.css

@@ -0,0 +1 @@
+.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-months{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years{padding:var(--openui-space-2xs, 4px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));border-radius:var(--openui-radius-m, 8px);box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport{display:grid;grid-template-columns:repeat(4, 1fr);gap:var(--openui-space-2xs, 4px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-viewport-mobile{grid-template-columns:repeat(2, 1fr)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:center;border-radius:var(--openui-radius-s, 6px);padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-content-years .openui-date-picker-select-item[data-highlighted]{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);min-height:calc(var(--openui-space-l, 18px) + var(--openui-space-s, 8px));padding:calc(var(--openui-space-2xs, 4px) - 1px) var(--openui-space-s, 8px);border:1px solid rgba(0,0,0,0);border-radius:var(--openui-radius-s, 6px);background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-renderer-floating-menu .openui-date-picker-select-trigger[data-state=open]{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-date-picker-renderer-single-mode{width:100%;height:100%}.openui-date-picker-renderer-range-mode{width:100%;height:100%}.openui-date-picker-renderer-floating-container{position:relative}.openui-date-picker-renderer-floating-input-container{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-m, 8px);background:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));padding:var(--openui-space-s, 8px) var(--openui-space-m, 12px);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));width:100%}.openui-date-picker-renderer-floating-input-container:disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-date-picker-renderer-floating-input-container-open{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-not-open:hover{border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-renderer-floating-input-container-has-no-selected-date{color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5))}.openui-date-picker-renderer-floating-input-container svg{transition:transform .2s cubic-bezier(0.4, 0, 0.2, 1)}.openui-date-picker-renderer-floating-input-container-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.openui-date-picker-renderer-floating-input-container-icon{transform:rotate(180deg)}.openui-date-picker-renderer-floating-reference{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.openui-date-picker-renderer-floating-content{z-index:50}.openui-date-picker-renderer-floating-menu{background:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-2xl, 14px);box-shadow:var(--openui-shadow-s, 0 1px 3px -2px oklch(0% 0 0deg / 0.02), 0 2px 5px -2px oklch(0% 0 0deg / 0.04));border:1px solid var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));overflow:hidden;transform-origin:top center;animation:openui-date-picker-show .18s ease-out forwards}.openui-date-picker-renderer-floating-menu .openui-calendar-root{border:none;border-radius:0}@keyframes openui-date-picker-show{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.openui-date-picker-root{--openui-date-picker-day-size: calc(var(--openui-space-2xl, 36px) + var(--openui-space-2xs, 4px));--openui-date-picker-cell-radius: var(--openui-radius-m, 8px);width:fit-content;max-width:100%;box-sizing:border-box;padding:var(--openui-space-l, 18px);background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-nav-mobile{gap:var(--openui-space-s, 8px)}.openui-date-picker-nav-fullscreen,.openui-date-picker-nav-tray,.openui-date-picker-nav-copilot{gap:var(--openui-space-m, 12px)}.openui-date-picker-dropdowns-mobile{gap:var(--openui-space-2xs, 4px)}.openui-date-picker-dropdowns-fullscreen,.openui-date-picker-dropdowns-tray,.openui-date-picker-dropdowns-copilot{gap:var(--openui-space-s, 8px)}.openui-date-picker-month{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-month-caption{font:var(--openui-text-body-default);letter-spacing:var(--openui-text-body-default-letter-spacing);display:flex;align-items:center;justify-content:space-between;gap:var(--openui-space-s, 8px);height:auto;margin-bottom:var(--openui-space-s, 8px);font-weight:inherit;font-size:inherit}.openui-date-picker-months-dropdown,.openui-date-picker-years-dropdown{cursor:pointer}.openui-date-picker-chevron{fill:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg))}.openui-date-picker-month-grid{width:auto;table-layout:auto;border-collapse:collapse}.openui-date-picker-weekdays{color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-date-picker-weekday{font:var(--openui-text-label-sm);letter-spacing:var(--openui-text-label-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);padding:0;text-transform:none;text-align:center;vertical-align:middle}.openui-date-picker-single-day,.openui-date-picker-range-day{width:var(--openui-date-picker-day-size);height:var(--openui-date-picker-day-size);min-width:var(--openui-date-picker-day-size);min-height:var(--openui-date-picker-day-size);padding:0;vertical-align:middle}.openui-date-picker-single-day-button,.openui-date-picker-range-day-button{font:var(--openui-text-label-default);letter-spacing:var(--openui-text-label-default-letter-spacing);width:100%;height:100%;margin:0;padding:0;border:1px solid rgba(0,0,0,0);border-radius:var(--openui-date-picker-cell-radius);background:rgba(0,0,0,0);color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.openui-date-picker-single-day-button:focus,.openui-date-picker-range-day-button:focus{outline:none}.openui-date-picker-single-day-button:focus-visible,.openui-date-picker-range-day-button:focus-visible{outline:2px solid var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));outline-offset:var(--openui-space-3xs, 2px)}.openui-date-picker-single-day-button:not(:disabled):hover,.openui-date-picker-range-day-button:not(:disabled):hover{background-color:var(--openui-highlight-subtle, oklch(9.7% 0 0deg / 0.02))}.openui-date-picker-single-day-button:disabled,.openui-date-picker-range-day-button:disabled{cursor:not-allowed;color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-button-next,.openui-date-picker-button-previous{display:none !important}.openui-date-picker-today[data-today]:not([aria-selected]){background-color:var(--openui-sunk, oklch(9.7% 0 0deg / 0.04));border-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-disabled{color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2))}.openui-date-picker-single-day-selected{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg))}.openui-date-picker-range-start{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-left-radius:var(--openui-date-picker-cell-radius);border-bottom-left-radius:var(--openui-date-picker-cell-radius)}.openui-date-picker-range-middle{background:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-date-picker-range-end{background:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-top-right-radius:var(--openui-date-picker-cell-radius);border-bottom-right-radius:var(--openui-date-picker-cell-radius)}

package/dist/styles/followUpBlock.css

@@ -0,0 +1 @@
+.openui-follow-up-block{box-sizing:border-box;display:flex;flex-direction:column}

package/dist/styles/followUpItem.css

@@ -0,0 +1 @@
+.openui-follow-up-item{padding:0;border:0;background:rgba(0,0,0,0);box-sizing:border-box;padding:var(--openui-space-s, 8px) var(--openui-space-000, 0);border-bottom:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:rgba(0,0,0,0);gap:var(--openui-space-s, 8px);display:flex;align-items:center;justify-content:space-between;width:100%;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));cursor:pointer;text-align:left}.openui-follow-up-item-icon{size:16px}.openui-follow-up-item-text{flex:1;white-space:break-spaces;word-break:break-word;max-width:100%;text-align:left;color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-follow-up-item:last-child{border-bottom:none}

package/dist/styles/formControl.css

@@ -0,0 +1 @@
+.openui-hint{box-sizing:border-box;font:var(--openui-text-body-sm);letter-spacing:var(--openui-text-body-sm-letter-spacing);color:var(--openui-text-neutral-secondary, oklch(9.7% 0 0deg / 0.5));display:flex;align-items:center;gap:var(--openui-space-xs, 6px)}.openui-hint-error{color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-form-control{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--openui-space-s, 8px)}

package/dist/styles/iconButton.css

@@ -0,0 +1 @@
+.openui-icon-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);cursor:pointer;transition:all .12s ease;padding:0;flex-shrink:0}.openui-icon-button-icon{display:flex;align-items:center;justify-content:center}.openui-icon-button-primary{background-color:var(--openui-interactive-accent-default, oklch(9.7% 0 0deg));color:var(--openui-text-accent-primary, oklch(99.4% 0 89.876deg));border-color:var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-icon-button-primary:not(:disabled):hover{background-color:var(--openui-interactive-accent-hover, oklch(9.7% 0 0deg / 0.8));box-shadow:none}.openui-icon-button-primary:disabled{background-color:var(--openui-interactive-accent-disabled, oklch(9.7% 0 0deg / 0.4));cursor:not-allowed;box-shadow:none}.openui-icon-button-primary:not(:disabled):active{background-color:var(--openui-interactive-accent-pressed, oklch(9.7% 0 0deg))}.openui-icon-button-secondary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12));box-shadow:var(--openui-shadow-m, 0 4px 6px -2px oklch(0% 0 0deg / 0.025), 0 2px 2px -2px oklch(0% 0 0deg / 0.05))}.openui-icon-button-secondary:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));box-shadow:none}.openui-icon-button-secondary:disabled{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed;box-shadow:none}.openui-icon-button-secondary:not(:disabled):active{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-icon-button-tertiary{background-color:rgba(0,0,0,0);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-icon-button-tertiary:not(:disabled):hover{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04))}.openui-icon-button-tertiary:disabled{background-color:rgba(0,0,0,0);border-color:var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));color:var(--openui-text-neutral-tertiary, oklch(9.7% 0 0deg / 0.2));cursor:not-allowed}.openui-icon-button-tertiary:not(:disabled):active{background-color:var(--openui-highlight, oklch(9.7% 0 0deg / 0.04));border-color:var(--openui-border-interactive, oklch(9.7% 0 0deg / 0.12))}.openui-icon-button-destructive-primary{background-color:var(--openui-interactive-destructive-accent-default, oklch(57.7% 0.215 27.325deg));color:var(--openui-text-danger-inverted-primary, oklch(98.2% 0.009 17.303deg));border-color:var(--openui-border-accent, oklch(9.7% 0 0deg / 0.08))}.openui-icon-button-destructive-primary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-accent-hover, oklch(63.7% 0.208 25.331deg))}.openui-icon-button-destructive-primary:disabled{background-color:var(--openui-interactive-destructive-accent-disabled, oklch(57.7% 0.215 27.325deg / 0.4));cursor:not-allowed}.openui-icon-button-destructive-primary:not(:disabled):active{background-color:var(--openui-interactive-destructive-accent-pressed, oklch(50.5% 0.19 27.518deg))}.openui-icon-button-destructive-secondary{background-color:var(--openui-interactive-destructive-default, oklch(57.7% 0.215 27.325deg / 0.02));color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg));border-color:var(--openui-border-danger, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-icon-button-destructive-secondary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-icon-button-destructive-secondary:disabled{background-color:var(--openui-interactive-destructive-disabled, oklch(57.7% 0.215 27.325deg / 0.02));color:var(--openui-text-danger-tertiary, oklch(80.8% 0.103 19.571deg));cursor:not-allowed}.openui-icon-button-destructive-secondary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-icon-button-destructive-tertiary{background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--openui-text-danger-primary, oklch(50.5% 0.19 27.518deg))}.openui-icon-button-destructive-tertiary:not(:disabled):hover{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-icon-button-destructive-tertiary:disabled{color:var(--openui-text-danger-tertiary, oklch(80.8% 0.103 19.571deg));cursor:not-allowed}.openui-icon-button-destructive-tertiary:not(:disabled):active{background-color:var(--openui-interactive-destructive-hover, oklch(57.7% 0.215 27.325deg / 0.08));border-color:var(--openui-border-danger, oklch(57.7% 0.215 27.325deg / 0.08))}.openui-icon-button-3-extra-small{width:20px;height:20px}.openui-icon-button-3-extra-small .openui-icon-button-icon{height:10px;width:10px}.openui-icon-button-2-extra-small{width:24px;height:24px}.openui-icon-button-2-extra-small .openui-icon-button-icon{height:12px;width:12px}.openui-icon-button-extra-small{width:28px;height:28px}.openui-icon-button-extra-small .openui-icon-button-icon{height:14px;width:14px}.openui-icon-button-small{width:32px;height:32px}.openui-icon-button-small .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-medium{width:36px;height:36px}.openui-icon-button-medium .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-large{width:40px;height:40px;min-width:40px;min-height:40px;font-size:16px}.openui-icon-button-large .openui-icon-button-icon{height:16px;width:16px}.openui-icon-button-square{border-radius:var(--openui-radius-s, 6px)}.openui-icon-button-square.openui-icon-button-2-extra-small{border-radius:calc(var(--openui-radius-s, 6px) - 1px)}.openui-icon-button-square.openui-icon-button-extra-small{border-radius:var(--openui-radius-s, 6px)}.openui-icon-button-square.openui-icon-button-small{border-radius:calc(var(--openui-radius-s, 6px) + 1px)}.openui-icon-button-square.openui-icon-button-medium{border-radius:var(--openui-radius-m, 8px)}.openui-icon-button-square.openui-icon-button-large{border-radius:var(--openui-radius-l, 10px)}.openui-icon-button-circle{border-radius:var(--openui-radius-full, 9999px)}

package/dist/styles/image.css

@@ -0,0 +1 @@
+.openui-image{display:flex;box-sizing:border-box;max-width:100%;height:auto;overflow:clip;border-radius:var(--openui-radius-m, 8px);border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg))}.openui-image-fit{object-fit:contain;width:100%;height:100%}.openui-image-fill{object-fit:cover;width:100%;height:100%}

package/dist/styles/imageBlock.css

@@ -0,0 +1 @@
+.openui-image-block-wrapper{height:240px;display:flex;justify-content:center;align-items:center;position:relative;isolation:isolate;border-radius:var(--openui-radius-2xl, 14px);padding:calc(var(--openui-space-l, 18px) - 2px) calc(var(--openui-space-l, 18px) + 2px);overflow:hidden}.openui-image-block-wrapper::before{content:"";position:absolute;inset:-20px;background-image:var(--bg-image);background-size:150%;background-position:center;background-repeat:no-repeat;opacity:.2;filter:blur(12px);z-index:0;border-radius:inherit}.openui-image-block-wrapper--mobile{height:auto;width:100%;padding:0}.openui-image-block-wrapper--error{visibility:hidden}.openui-image-block-image{height:100%;object-fit:cover;border:4px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));border-radius:var(--openui-radius-l, 10px);position:relative;z-index:1}.openui-image-block-image--mobile{border-radius:var(--openui-radius-2xl, 14px);width:100%;height:auto}.openui-image-block-image--error{visibility:hidden}.openui-image-block-loader{position:absolute;left:50%;top:50%;translate:-50% -50%;border-width:3px;border-style:solid;height:24px;width:24px;animation:openui-image-block-spin 1s linear infinite;border-radius:var(--openui-radius-full, 9999px);border-color:#d1d5db;border-top-color:#2563eb;z-index:2}@keyframes openui-image-block-spin{to{transform:rotate(360deg)}}

package/dist/styles/imageGallery.css

@@ -0,0 +1 @@
+.openui-gallery{display:flex;flex-direction:column;width:100%;overflow:hidden;position:relative;border-radius:var(--openui-radius-m, 8px)}.openui-gallery__grid{display:grid;width:100%;max-height:376px;grid-gap:var(--openui-space-s, 8px)}.openui-gallery--single .openui-gallery__grid{grid-template-columns:1fr}.openui-gallery--double .openui-gallery__grid{grid-template-columns:repeat(2, 1fr)}.openui-gallery--triple .openui-gallery__grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.openui-gallery--triple .openui-gallery__grid .openui-gallery__image:first-child{grid-row:1/-1}.openui-gallery--quad .openui-gallery__grid{grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);grid-template-areas:"img1 img1 img2 img2 " "img1 img1 img3 img4"}.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(1){grid-area:img1}.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(2){grid-area:img2}.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(3){grid-area:img3}.openui-gallery--quad .openui-gallery__grid .openui-gallery__image:nth-child(4){grid-area:img4}.openui-gallery--default .openui-gallery__grid{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:first-child{grid-row:1/-1}.openui-gallery__image{position:relative;overflow:hidden}.openui-gallery__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.openui-gallery__image img:hover{transform:scale(1.05)}.openui-gallery__image--main img{height:100%}.openui-gallery__show-all-button{display:flex;align-items:center;justify-content:center;position:absolute;bottom:5px;right:5px}.openui-gallery__modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease;backdrop-filter:blur(3px);background-color:var(--openui-overlay, oklch(0% 0 0deg / 0.4))}.openui-gallery__modal-content{width:calc(100% - 80px);height:calc(100% - 80px);max-width:720px;max-height:640px;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;border:1px solid var(--openui-border-default, oklch(9.7% 0 0deg / 0.06));background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-xl, 12px);gap:var(--openui-space-xl, 24px);padding-top:var(--openui-space-xl, 24px);padding-bottom:var(--openui-space-xl, 24px)}.openui-gallery__modal-header{display:flex;align-items:center;justify-content:space-between;padding-left:var(--openui-space-xl, 24px);padding-right:var(--openui-space-xl, 24px)}.openui-gallery__modal-heading{font:var(--openui-text-heading-xs);letter-spacing:var(--openui-text-heading-xs-letter-spacing);color:var(--openui-text-neutral-primary, oklch(9.7% 0 0deg))}.openui-gallery__modal-main{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;padding-left:var(--openui-space-xl, 24px);padding-right:var(--openui-space-xl, 24px)}.openui-gallery__modal-main img{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--openui-radius-s, 6px)}.openui-gallery__modal-main:hover .openui-gallery__modal-details{display:flex}.openui-gallery__modal-carousel-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.openui-gallery__modal-carousel{display:flex;gap:var(--openui-space-s, 8px);overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding-left:var(--openui-space-xl, 24px);padding-right:var(--openui-space-xl, 24px)}.openui-gallery__modal-carousel::-webkit-scrollbar{display:none}.openui-gallery__modal-carousel-button-container{position:absolute;top:50%;transform:translateY(-50%);z-index:1;display:flex;align-items:center;justify-content:center;background-color:var(--openui-foreground, oklch(99.4% 0 89.876deg));border-radius:var(--openui-radius-xs, 4px);overflow:hidden}.openui-gallery__modal-carousel-button-container-left{left:24px}.openui-gallery__modal-carousel-button-container-right{right:24px}.openui-gallery__modal-thumbnail{flex:1;height:116px;min-width:174px;cursor:pointer;opacity:.6;border-radius:var(--openui-radius-s, 6px);border:1px solid rgba(0,0,0,0);overflow:hidden;transition:opacity .2s ease;box-sizing:border-box}.openui-gallery__modal-thumbnail:hover{opacity:.8}.openui-gallery__modal-thumbnail--active{opacity:1;border-color:var(--openui-border-interactive-selected, oklch(9.7% 0 0deg));border-radius:var(--openui-radius-s, 6px)}.openui-gallery__modal-thumbnail img{width:100%;height:100%;object-fit:cover}@media(max-width: 768px){.openui-gallery--default .openui-gallery__grid{grid-template-columns:repeat(6, 1fr);grid-template-rows:repeat(2, 1fr);grid-template-areas:"img1 img1 img1  img2 img2 img2 " "img3 img3 img4  img4 img5 img5"}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(1){grid-area:img1}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(2){grid-area:img2}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(3){grid-area:img3}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(4){grid-area:img4}.openui-gallery--default .openui-gallery__grid .openui-gallery__image:nth-child(5){grid-area:img5}.openui-gallery--triple .openui-gallery__grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);grid-template-areas:"img1 img1" "img2 img3"}.openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(1){grid-area:img1}.openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(2){grid-area:img2}.openui-gallery--triple .openui-gallery__grid .openui-gallery__image:nth-child(3){grid-area:img3}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media(max-width: 768px){.openui-gallery__modal-content{width:100%;height:100%;border-radius:0;max-height:none;max-width:none}}