smartsell-ui-kit 0.0.3 → 0.0.5

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button.tsx","../src/theme.ts","../src/components/Card.tsx","../src/components/ComposableModal.tsx","../src/components/Field.tsx","../src/components/Input.tsx","../src/components/Select.tsx","../src/components/Textarea.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\ntype ButtonVariant = 'solid' | 'outline' | 'ghost';\ntype ButtonTone = 'primary' | 'secondary' | 'neutral' | 'danger';\ntype ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML'> {\n  sdk: SmartSellSDK;\n  variant?: ButtonVariant;\n  tone?: ButtonTone;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n}\n\nconst getSizeStyles = (size: ButtonSize): CSSProperties => {\n  if (size === 'sm') {\n    return { minHeight: 38, padding: '0 14px', fontSize: 13 };\n  }\n\n  if (size === 'lg') {\n    return { minHeight: 50, padding: '0 20px', fontSize: 15 };\n  }\n\n  return { minHeight: 44, padding: '0 18px', fontSize: 14 };\n};\n\nexport function Button({\n  sdk,\n  variant = 'solid',\n  tone = 'primary',\n  size = 'md',\n  fullWidth = false,\n  leadingIcon,\n  trailingIcon,\n  children,\n  disabled,\n  style,\n  type = 'button',\n  ...rest\n}: ButtonProps) {\n  const { theme } = useUiKitTheme(sdk);\n\n  const palette = {\n    primary: {\n      background: theme.colors.primary,\n      foreground: theme.colors.onPrimary,\n      border: withAlpha(theme.colors.primary, 0.3),\n    },\n    secondary: {\n      background: theme.colors.secondary,\n      foreground: theme.colors.onSecondary,\n      border: withAlpha(theme.colors.secondary, 0.3),\n    },\n    neutral: {\n      background: theme.colors.surface,\n      foreground: theme.colors.onSurface,\n      border: withAlpha(theme.colors.onSurface, 0.16),\n    },\n    danger: {\n      background: theme.colors.negative,\n      foreground: '#ffffff',\n      border: withAlpha(theme.colors.negative, 0.32),\n    },\n  }[tone];\n\n  const variantStyles: Record<ButtonVariant, CSSProperties> = {\n    solid: {\n      backgroundColor: palette.background,\n      borderColor: palette.border,\n      color: palette.foreground,\n    },\n    outline: {\n      backgroundColor: 'transparent',\n      borderColor: palette.border,\n      color: tone === 'neutral' ? palette.foreground : palette.background,\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      borderColor: 'transparent',\n      color: tone === 'neutral' ? palette.foreground : palette.background,\n    },\n  };\n\n  return (\n    <button\n      {...rest}\n      type={type}\n      disabled={disabled}\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 10,\n        width: fullWidth ? '100%' : undefined,\n        borderRadius: 16,\n        borderStyle: 'solid',\n        borderWidth: 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        fontWeight: 700,\n        letterSpacing: '0.01em',\n        lineHeight: 1,\n        opacity: disabled ? 0.58 : 1,\n        transition: 'transform 160ms ease, opacity 160ms ease, background-color 160ms ease',\n        boxShadow: variant === 'solid' ? `0 14px 28px ${withAlpha(palette.background, 0.18)}` : 'none',\n        ...getSizeStyles(size),\n        ...variantStyles[variant],\n        ...style,\n      }}\n    >\n      {leadingIcon}\n      {children}\n      {trailingIcon}\n    </button>\n  );\n}","import { useMemo } from 'react';\n\nimport {\n  useSalesTheme,\n  withAlpha,\n  type SalesTheme,\n  type SmartSellSDK,\n} from 'smartsell-sales-sdk';\n\nexport interface UiKitThemeTokens {\n  theme: SalesTheme;\n  borderSoft: string;\n  borderStrong: string;\n  surfaceMuted: string;\n  surfaceRaised: string;\n  overlay: string;\n  focusRing: string;\n  mutedText: string;\n}\n\nexport function useUiKitTheme(sdk: SmartSellSDK): UiKitThemeTokens {\n  const { theme } = useSalesTheme(sdk);\n\n  return useMemo(() => {\n    return {\n      theme,\n      borderSoft: withAlpha(theme.colors.onSurface, 0.1),\n      borderStrong: withAlpha(theme.colors.onSurface, 0.16),\n      surfaceMuted: withAlpha(theme.colors.onSurface, 0.04),\n      surfaceRaised: withAlpha(theme.colors.surface, 0.94),\n      overlay: withAlpha('#030712', 0.62),\n      focusRing: withAlpha(theme.colors.primary, 0.22),\n      mutedText: withAlpha(theme.colors.onSurface, 0.72),\n    };\n  }, [theme]);\n}","import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\ntype CardTone = 'default' | 'primary' | 'secondary' | 'warning';\n\nexport interface CardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title'> {\n  sdk: SmartSellSDK;\n  children: ReactNode;\n  eyebrow?: ReactNode;\n  title?: ReactNode;\n  action?: ReactNode;\n  tone?: CardTone;\n  padded?: boolean;\n}\n\nconst getToneStyles = (tone: CardTone, sdk: SmartSellSDK) => {\n  const { theme } = useUiKitTheme(sdk);\n\n  const accent = {\n    default: theme.colors.primary,\n    primary: theme.colors.primary,\n    secondary: theme.colors.secondary,\n    warning: theme.colors.warning,\n  }[tone];\n\n  return {\n    accent,\n    background: `linear-gradient(160deg, ${withAlpha(theme.colors.surface, 0.98)}, ${withAlpha(accent, 0.08)})`,\n    border: withAlpha(accent, 0.22),\n  };\n};\n\nexport function Card({\n  sdk,\n  children,\n  eyebrow,\n  title,\n  action,\n  tone = 'default',\n  padded = true,\n  style,\n  ...rest\n}: CardProps) {\n  const { theme, mutedText } = useUiKitTheme(sdk);\n  const toneStyles = getToneStyles(tone, sdk);\n\n  return (\n    <div\n      {...rest}\n      style={{\n        borderRadius: 28,\n        border: `1px solid ${toneStyles.border}`,\n        background: toneStyles.background,\n        color: theme.colors.onSurface,\n        boxShadow: `0 24px 48px ${withAlpha(theme.colors.onSurface, 0.06)}`,\n        padding: padded ? 24 : undefined,\n        ...style,\n      }}\n    >\n      {(eyebrow || title || action) && (\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            gap: 16,\n            marginBottom: 18,\n          }}\n        >\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>\n            {eyebrow ? (\n              <span\n                style={{\n                  color: toneStyles.accent,\n                  fontSize: 12,\n                  fontWeight: 800,\n                  letterSpacing: '0.16em',\n                  textTransform: 'uppercase',\n                }}\n              >\n                {eyebrow}\n              </span>\n            ) : null}\n            {title ? (\n              <div\n                style={{\n                  color: theme.colors.onSurface,\n                  fontSize: 24,\n                  fontWeight: 700,\n                  lineHeight: 1.2,\n                }}\n              >\n                {title}\n              </div>\n            ) : null}\n          </div>\n          {action ? <div style={{ color: mutedText }}>{action}</div> : null}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}","import { useMemo } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { SlotRenderer, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { Button } from './Button';\nimport { Modal } from './Modal';\nimport { useUiKitTheme } from '../theme';\n\nexport interface ModalSlotIds {\n  header: string;\n  body: string;\n  footer: string;\n}\n\nexport interface ModalSlotContext<TPayload = unknown> {\n  title: string;\n  description?: string;\n  payload?: TPayload;\n  close: () => void;\n  confirm?: () => void;\n  confirmLabel: string;\n  cancelLabel: string;\n  isOpen: boolean;\n  isBusy: boolean;\n}\n\nexport interface ComposableModalProps<TPayload = unknown> {\n  sdk: SmartSellSDK;\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  description?: string;\n  slotBaseId: string;\n  payload?: TPayload;\n  onConfirm?: () => void;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isBusy?: boolean;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  hideDefaultFooter?: boolean;\n  maxWidth?: number | string;\n  headerFallback?: ReactNode;\n  footerFallback?: ReactNode;\n  children?: ReactNode;\n}\n\nexport const createModalSlotIds = (slotBaseId: string): ModalSlotIds => ({\n  header: `${slotBaseId}:modal-header`,\n  body: `${slotBaseId}:modal-body`,\n  footer: `${slotBaseId}:modal-footer`,\n});\n\nexport function ComposableModal<TPayload = unknown>({\n  sdk,\n  isOpen,\n  onClose,\n  title,\n  description,\n  slotBaseId,\n  payload,\n  onConfirm,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  isBusy = false,\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  hideDefaultFooter = false,\n  maxWidth,\n  headerFallback,\n  footerFallback,\n  children,\n}: ComposableModalProps<TPayload>) {\n  const theme = useUiKitTheme(sdk);\n  const slotIds = createModalSlotIds(slotBaseId);\n\n  const context = useMemo<ModalSlotContext<TPayload>>(\n    () => ({\n      title,\n      description,\n      payload,\n      close: onClose,\n      confirm: onConfirm,\n      confirmLabel,\n      cancelLabel,\n      isOpen,\n      isBusy,\n    }),\n    [cancelLabel, confirmLabel, description, isBusy, isOpen, onClose, onConfirm, payload, title],\n  );\n\n  const defaultFooter = hideDefaultFooter ? undefined : (\n    footerFallback ?? (\n      <>\n        <Button sdk={sdk} variant=\"outline\" tone=\"neutral\" onClick={onClose} disabled={isBusy}>\n          {cancelLabel}\n        </Button>\n        {onConfirm ? (\n          <Button sdk={sdk} onClick={onConfirm} disabled={isBusy}>\n            {confirmLabel}\n          </Button>\n        ) : null}\n      </>\n    )\n  );\n\n  const defaultHeader = headerFallback ?? (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n      <h2\n        style={{\n          margin: 0,\n          fontSize: 30,\n          fontWeight: 800,\n          lineHeight: 1.1,\n        }}\n      >\n        {title}\n      </h2>\n      {description ? (\n        <p\n          style={{\n            margin: 0,\n            fontSize: 15,\n            lineHeight: 1.6,\n            opacity: 0.78,\n          }}\n        >\n          {description}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  const headerContent = (\n    <SlotRenderer id={slotIds.header} sdk={sdk} context={context}>\n      {defaultHeader}\n    </SlotRenderer>\n  );\n\n  const bodyContent = (\n    <SlotRenderer id={slotIds.body} sdk={sdk} context={context}>\n      {children}\n    </SlotRenderer>\n  );\n\n  const footerContent = (\n    <SlotRenderer id={slotIds.footer} sdk={sdk} context={context}>\n      {defaultFooter}\n    </SlotRenderer>\n  );\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      description={description}\n      headerContent={headerContent}\n      footer={footerContent}\n      theme={theme}\n      maxWidth={maxWidth}\n      closeOnBackdrop={closeOnBackdrop}\n      closeOnEscape={closeOnEscape}\n    >\n      {bodyContent}\n    </Modal>\n  );\n}","import type { CSSProperties, ReactNode } from 'react';\n\nimport type { SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\nexport interface FieldProps {\n  sdk: SmartSellSDK;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  htmlFor?: string;\n  required?: boolean;\n  children: ReactNode;\n  style?: CSSProperties;\n}\n\nexport function Field({\n  sdk,\n  label,\n  hint,\n  error,\n  htmlFor,\n  required = false,\n  children,\n  style,\n}: FieldProps) {\n  const { theme, mutedText } = useUiKitTheme(sdk);\n\n  return (\n    <label\n      htmlFor={htmlFor}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 8,\n        width: '100%',\n        ...style,\n      }}\n    >\n      {(label || hint) && (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n          {label ? (\n            <span\n              style={{\n                color: theme.colors.onSurface,\n                fontSize: 14,\n                fontWeight: 700,\n                letterSpacing: '0.01em',\n              }}\n            >\n              {label}\n              {required ? (\n                <span style={{ color: theme.colors.negative, marginLeft: 4 }}>*</span>\n              ) : null}\n            </span>\n          ) : null}\n          {hint ? (\n            <span\n              style={{\n                color: mutedText,\n                fontSize: 13,\n                lineHeight: 1.45,\n              }}\n            >\n              {hint}\n            </span>\n          ) : null}\n        </div>\n      )}\n      {children}\n      {error ? (\n        <span\n          style={{\n            color: theme.colors.negative,\n            fontSize: 13,\n            fontWeight: 600,\n            lineHeight: 1.45,\n          }}\n        >\n          {error}\n        </span>\n      ) : null}\n    </label>\n  );\n}","import type { CSSProperties, InputHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Input({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  ...rest\n}: InputProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const inputStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    ...style,\n  };\n\n  const input = <input {...rest} id={id} disabled={disabled} style={inputStyle} />;\n\n  if (!label && !hint && !error) {\n    return input;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {input}\n    </Field>\n  );\n}","import type { CSSProperties, SelectHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface SelectProps\n  extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dangerouslySetInnerHTML' | 'size'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Select({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  children,\n  ...rest\n}: SelectProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const selectStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    ...style,\n  };\n\n  const select = (\n    <select {...rest} id={id} disabled={disabled} style={selectStyle}>\n      {children}\n    </select>\n  );\n\n  if (!label && !hint && !error) {\n    return select;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {select}\n    </Field>\n  );\n}","import type { CSSProperties, TextareaHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface TextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'dangerouslySetInnerHTML'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Textarea({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  rows = 5,\n  ...rest\n}: TextareaProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const textareaStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    resize: 'vertical',\n    ...style,\n  };\n\n  const textarea = (\n    <textarea {...rest} id={id} disabled={disabled} rows={rows} style={textareaStyle} />\n  );\n\n  if (!label && !hint && !error) {\n    return textarea;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {textarea}\n    </Field>\n  );\n}"],"mappings":"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","names":["withAlpha","withAlpha","withAlpha","jsxs","withAlpha","useMemo","jsx","jsxs","useMemo","jsx","jsxs","withAlpha","jsx","withAlpha","withAlpha","jsx","getPadding","withAlpha","withAlpha","jsx","getPadding","withAlpha"]}
+{"version":3,"sources":["../src/components/Button.tsx","../src/theme.ts","../src/components/Card.tsx","../src/components/ComposableModal.tsx","../src/components/Field.tsx","../src/components/Input.tsx","../src/components/Select.tsx","../src/components/Textarea.tsx"],"sourcesContent":["import { useState, type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\ntype ButtonVariant = 'solid' | 'outline' | 'ghost';\ntype ButtonTone = 'primary' | 'secondary' | 'neutral' | 'danger';\ntype ButtonSize = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'dangerouslySetInnerHTML'> {\n  sdk: SmartSellSDK;\n  variant?: ButtonVariant;\n  tone?: ButtonTone;\n  size?: ButtonSize;\n  fullWidth?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n}\n\nconst getSizeStyles = (size: ButtonSize): CSSProperties => {\n  if (size === 'sm') {\n    return { minHeight: 38, padding: '0 14px', fontSize: 13 };\n  }\n\n  if (size === 'lg') {\n    return { minHeight: 50, padding: '0 20px', fontSize: 15 };\n  }\n\n  return { minHeight: 44, padding: '0 18px', fontSize: 14 };\n};\n\nexport function Button({\n  sdk,\n  variant = 'solid',\n  tone = 'primary',\n  size = 'md',\n  fullWidth = false,\n  leadingIcon,\n  trailingIcon,\n  children,\n  disabled,\n  style,\n  type = 'button',\n  onMouseEnter,\n  onMouseLeave,\n  onMouseDown,\n  onMouseUp,\n  onBlur,\n  onKeyDown,\n  onKeyUp,\n  onTouchStart,\n  onTouchEnd,\n  onTouchCancel,\n  ...rest\n}: ButtonProps) {\n  const { theme } = useUiKitTheme(sdk);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isPressed, setIsPressed] = useState(false);\n\n  const palette = {\n    primary: {\n      background: theme.colors.primary,\n      foreground: theme.colors.onPrimary,\n      border: withAlpha(theme.colors.primary, 0.3),\n    },\n    secondary: {\n      background: theme.colors.secondary,\n      foreground: theme.colors.onSecondary,\n      border: withAlpha(theme.colors.secondary, 0.3),\n    },\n    neutral: {\n      background: theme.colors.surface,\n      foreground: theme.colors.onSurface,\n      border: withAlpha(theme.colors.onSurface, 0.16),\n    },\n    danger: {\n      background: theme.colors.negative,\n      foreground: '#ffffff',\n      border: withAlpha(theme.colors.negative, 0.32),\n    },\n  }[tone];\n\n  const variantStyles: Record<ButtonVariant, CSSProperties> = {\n    solid: {\n      backgroundColor: palette.background,\n      borderColor: palette.border,\n      color: palette.foreground,\n    },\n    outline: {\n      backgroundColor: 'transparent',\n      borderColor: palette.border,\n      color: tone === 'neutral' ? palette.foreground : palette.background,\n    },\n    ghost: {\n      backgroundColor: 'transparent',\n      borderColor: 'transparent',\n      color: tone === 'neutral' ? palette.foreground : palette.background,\n    },\n  };\n\n  const interactiveColor = tone === 'neutral' ? palette.foreground : palette.background;\n  const isInteractive = !disabled;\n\n  const interactionStyles: Record<ButtonVariant, CSSProperties> = {\n    solid: {\n      transform: isPressed ? 'translateY(1px) scale(0.985)' : isHovered ? 'translateY(-1px)' : 'translateY(0)',\n      boxShadow: isPressed\n        ? `0 8px 16px ${withAlpha(palette.background, 0.2)}`\n        : isHovered\n          ? `0 18px 36px ${withAlpha(palette.background, 0.26)}`\n          : `0 14px 28px ${withAlpha(palette.background, 0.18)}`,\n      filter: isPressed ? 'brightness(0.95)' : isHovered ? 'brightness(1.03)' : undefined,\n    },\n    outline: {\n      transform: isPressed ? 'translateY(1px) scale(0.985)' : isHovered ? 'translateY(-1px)' : 'translateY(0)',\n      backgroundColor: isPressed\n        ? withAlpha(interactiveColor, 0.14)\n        : isHovered\n          ? withAlpha(interactiveColor, 0.08)\n          : 'transparent',\n      boxShadow: isPressed\n        ? `0 6px 12px ${withAlpha(theme.colors.onSurface, 0.08)}`\n        : isHovered\n          ? `0 12px 24px ${withAlpha(theme.colors.onSurface, 0.08)}`\n          : 'none',\n    },\n    ghost: {\n      transform: isPressed ? 'translateY(1px) scale(0.985)' : isHovered ? 'translateY(-1px)' : 'translateY(0)',\n      backgroundColor: isPressed\n        ? withAlpha(interactiveColor, 0.12)\n        : isHovered\n          ? withAlpha(interactiveColor, 0.06)\n          : 'transparent',\n      boxShadow: 'none',\n    },\n  };\n\n  return (\n    <button\n      {...rest}\n      type={type}\n      disabled={disabled}\n      onMouseEnter={(event) => {\n        if (isInteractive) {\n          setIsHovered(true);\n        }\n\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        setIsHovered(false);\n        setIsPressed(false);\n        onMouseLeave?.(event);\n      }}\n      onMouseDown={(event) => {\n        if (isInteractive) {\n          setIsPressed(true);\n        }\n\n        onMouseDown?.(event);\n      }}\n      onMouseUp={(event) => {\n        setIsPressed(false);\n        onMouseUp?.(event);\n      }}\n      onBlur={(event) => {\n        setIsHovered(false);\n        setIsPressed(false);\n        onBlur?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (isInteractive && (event.key === ' ' || event.key === 'Enter')) {\n          setIsPressed(true);\n        }\n\n        onKeyDown?.(event);\n      }}\n      onKeyUp={(event) => {\n        setIsPressed(false);\n        onKeyUp?.(event);\n      }}\n      onTouchStart={(event) => {\n        if (isInteractive) {\n          setIsPressed(true);\n        }\n\n        onTouchStart?.(event);\n      }}\n      onTouchEnd={(event) => {\n        setIsPressed(false);\n        onTouchEnd?.(event);\n      }}\n      onTouchCancel={(event) => {\n        setIsPressed(false);\n        onTouchCancel?.(event);\n      }}\n      style={{\n        display: 'inline-flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: 10,\n        width: fullWidth ? '100%' : undefined,\n        borderRadius: 16,\n        borderStyle: 'solid',\n        borderWidth: 1,\n        cursor: disabled ? 'not-allowed' : 'pointer',\n        fontWeight: 700,\n        letterSpacing: '0.01em',\n        lineHeight: 1,\n        opacity: disabled ? 0.58 : 1,\n        transition: 'transform 140ms ease, opacity 160ms ease, background-color 160ms ease, box-shadow 160ms ease, filter 160ms ease',\n        ...getSizeStyles(size),\n        ...variantStyles[variant],\n        ...(isInteractive ? interactionStyles[variant] : undefined),\n        ...style,\n      }}\n    >\n      {leadingIcon}\n      {children}\n      {trailingIcon}\n    </button>\n  );\n}","import { useMemo } from 'react';\n\nimport {\n  useSalesTheme,\n  withAlpha,\n  type SalesTheme,\n  type SmartSellSDK,\n} from 'smartsell-sales-sdk';\n\nexport interface UiKitThemeTokens {\n  theme: SalesTheme;\n  borderSoft: string;\n  borderStrong: string;\n  surfaceMuted: string;\n  surfaceRaised: string;\n  overlay: string;\n  focusRing: string;\n  mutedText: string;\n}\n\nexport function useUiKitTheme(sdk: SmartSellSDK): UiKitThemeTokens {\n  const { theme } = useSalesTheme(sdk);\n\n  return useMemo(() => {\n    return {\n      theme,\n      borderSoft: withAlpha(theme.colors.onSurface, 0.1),\n      borderStrong: withAlpha(theme.colors.onSurface, 0.16),\n      surfaceMuted: withAlpha(theme.colors.onSurface, 0.04),\n      surfaceRaised: withAlpha(theme.colors.surface, 0.94),\n      overlay: withAlpha('#030712', 0.62),\n      focusRing: withAlpha(theme.colors.primary, 0.22),\n      mutedText: withAlpha(theme.colors.onSurface, 0.72),\n    };\n  }, [theme]);\n}","import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\ntype CardTone = 'default' | 'primary' | 'secondary' | 'warning';\n\nexport interface CardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'dangerouslySetInnerHTML' | 'title'> {\n  sdk: SmartSellSDK;\n  children: ReactNode;\n  eyebrow?: ReactNode;\n  title?: ReactNode;\n  action?: ReactNode;\n  tone?: CardTone;\n  padded?: boolean;\n}\n\nconst getToneStyles = (tone: CardTone, sdk: SmartSellSDK) => {\n  const { theme } = useUiKitTheme(sdk);\n\n  const accent = {\n    default: theme.colors.primary,\n    primary: theme.colors.primary,\n    secondary: theme.colors.secondary,\n    warning: theme.colors.warning,\n  }[tone];\n\n  return {\n    accent,\n    background: `linear-gradient(160deg, ${withAlpha(theme.colors.surface, 0.98)}, ${withAlpha(accent, 0.08)})`,\n    border: withAlpha(accent, 0.22),\n  };\n};\n\nexport function Card({\n  sdk,\n  children,\n  eyebrow,\n  title,\n  action,\n  tone = 'default',\n  padded = true,\n  style,\n  ...rest\n}: CardProps) {\n  const { theme, mutedText } = useUiKitTheme(sdk);\n  const toneStyles = getToneStyles(tone, sdk);\n\n  return (\n    <div\n      {...rest}\n      style={{\n        borderRadius: 28,\n        border: `1px solid ${toneStyles.border}`,\n        background: toneStyles.background,\n        color: theme.colors.onSurface,\n        boxShadow: `0 24px 48px ${withAlpha(theme.colors.onSurface, 0.06)}`,\n        padding: padded ? 24 : undefined,\n        ...style,\n      }}\n    >\n      {(eyebrow || title || action) && (\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            gap: 16,\n            marginBottom: 18,\n          }}\n        >\n          <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>\n            {eyebrow ? (\n              <span\n                style={{\n                  color: toneStyles.accent,\n                  fontSize: 12,\n                  fontWeight: 800,\n                  letterSpacing: '0.16em',\n                  textTransform: 'uppercase',\n                }}\n              >\n                {eyebrow}\n              </span>\n            ) : null}\n            {title ? (\n              <div\n                style={{\n                  color: theme.colors.onSurface,\n                  fontSize: 24,\n                  fontWeight: 700,\n                  lineHeight: 1.2,\n                }}\n              >\n                {title}\n              </div>\n            ) : null}\n          </div>\n          {action ? <div style={{ color: mutedText }}>{action}</div> : null}\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}","import { useMemo } from 'react';\nimport type { ReactNode } from 'react';\n\nimport { SlotRenderer, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { Button } from './Button';\nimport { Modal } from './Modal';\nimport { useUiKitTheme } from '../theme';\n\nexport interface ModalSlotIds {\n  header: string;\n  body: string;\n  footer: string;\n}\n\nexport interface ModalSlotContext<TPayload = unknown> {\n  title: string;\n  description?: string;\n  payload?: TPayload;\n  close: () => void;\n  confirm?: () => void;\n  confirmLabel: string;\n  cancelLabel: string;\n  isOpen: boolean;\n  isBusy: boolean;\n}\n\nexport interface ComposableModalProps<TPayload = unknown> {\n  sdk: SmartSellSDK;\n  isOpen: boolean;\n  onClose: () => void;\n  title: string;\n  description?: string;\n  slotBaseId: string;\n  payload?: TPayload;\n  onConfirm?: () => void;\n  confirmLabel?: string;\n  cancelLabel?: string;\n  isBusy?: boolean;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  hideExpandButton?: boolean;\n  maximized?: boolean;\n  hideDefaultFooter?: boolean;\n  maxWidth?: number | string;\n  headerFallback?: ReactNode;\n  footerFallback?: ReactNode;\n  children?: ReactNode;\n}\n\nexport const createModalSlotIds = (slotBaseId: string): ModalSlotIds => ({\n  header: `${slotBaseId}:modal-header`,\n  body: `${slotBaseId}:modal-body`,\n  footer: `${slotBaseId}:modal-footer`,\n});\n\nexport function ComposableModal<TPayload = unknown>({\n  sdk,\n  isOpen,\n  onClose,\n  title,\n  description,\n  slotBaseId,\n  payload,\n  onConfirm,\n  confirmLabel = 'Confirm',\n  cancelLabel = 'Cancel',\n  isBusy = false,\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  hideExpandButton = false,\n  maximized,\n  hideDefaultFooter = false,\n  maxWidth,\n  headerFallback,\n  footerFallback,\n  children,\n}: ComposableModalProps<TPayload>) {\n  const theme = useUiKitTheme(sdk);\n  const slotIds = createModalSlotIds(slotBaseId);\n\n  const context = useMemo<ModalSlotContext<TPayload>>(\n    () => ({\n      title,\n      description,\n      payload,\n      close: onClose,\n      confirm: onConfirm,\n      confirmLabel,\n      cancelLabel,\n      isOpen,\n      isBusy,\n    }),\n    [cancelLabel, confirmLabel, description, isBusy, isOpen, onClose, onConfirm, payload, title],\n  );\n\n  const defaultFooter = hideDefaultFooter ? undefined : (\n    footerFallback ?? (\n      <>\n        <Button sdk={sdk} variant=\"outline\" tone=\"neutral\" onClick={onClose} disabled={isBusy}>\n          {cancelLabel}\n        </Button>\n        {onConfirm ? (\n          <Button sdk={sdk} onClick={onConfirm} disabled={isBusy}>\n            {confirmLabel}\n          </Button>\n        ) : null}\n      </>\n    )\n  );\n\n  const defaultHeader = headerFallback ?? (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n      <h2\n        style={{\n          margin: 0,\n          fontSize: 30,\n          fontWeight: 800,\n          lineHeight: 1.1,\n        }}\n      >\n        {title}\n      </h2>\n      {description ? (\n        <p\n          style={{\n            margin: 0,\n            fontSize: 15,\n            lineHeight: 1.6,\n            opacity: 0.78,\n          }}\n        >\n          {description}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  const headerContent = (\n    <SlotRenderer id={slotIds.header} sdk={sdk} context={context}>\n      {defaultHeader}\n    </SlotRenderer>\n  );\n\n  const bodyContent = (\n    <SlotRenderer id={slotIds.body} sdk={sdk} context={context}>\n      {children}\n    </SlotRenderer>\n  );\n\n  const footerContent = (\n    <SlotRenderer id={slotIds.footer} sdk={sdk} context={context}>\n      {defaultFooter}\n    </SlotRenderer>\n  );\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      title={title}\n      description={description}\n      headerContent={headerContent}\n      footer={footerContent}\n      theme={theme}\n      maxWidth={maxWidth}\n      hideExpandButton={hideExpandButton}\n      maximized={maximized}\n      closeOnBackdrop={closeOnBackdrop}\n      closeOnEscape={closeOnEscape}\n    >\n      {bodyContent}\n    </Modal>\n  );\n}","import type { CSSProperties, ReactNode } from 'react';\n\nimport type { SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\n\nexport interface FieldProps {\n  sdk: SmartSellSDK;\n  label?: ReactNode;\n  hint?: ReactNode;\n  error?: ReactNode;\n  htmlFor?: string;\n  required?: boolean;\n  children: ReactNode;\n  style?: CSSProperties;\n}\n\nexport function Field({\n  sdk,\n  label,\n  hint,\n  error,\n  htmlFor,\n  required = false,\n  children,\n  style,\n}: FieldProps) {\n  const { theme, mutedText } = useUiKitTheme(sdk);\n\n  return (\n    <label\n      htmlFor={htmlFor}\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 8,\n        width: '100%',\n        ...style,\n      }}\n    >\n      {(label || hint) && (\n        <div style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>\n          {label ? (\n            <span\n              style={{\n                color: theme.colors.onSurface,\n                fontSize: 14,\n                fontWeight: 700,\n                letterSpacing: '0.01em',\n              }}\n            >\n              {label}\n              {required ? (\n                <span style={{ color: theme.colors.negative, marginLeft: 4 }}>*</span>\n              ) : null}\n            </span>\n          ) : null}\n          {hint ? (\n            <span\n              style={{\n                color: mutedText,\n                fontSize: 13,\n                lineHeight: 1.45,\n              }}\n            >\n              {hint}\n            </span>\n          ) : null}\n        </div>\n      )}\n      {children}\n      {error ? (\n        <span\n          style={{\n            color: theme.colors.negative,\n            fontSize: 13,\n            fontWeight: 600,\n            lineHeight: 1.45,\n          }}\n        >\n          {error}\n        </span>\n      ) : null}\n    </label>\n  );\n}","import type { CSSProperties, InputHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface InputProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, 'dangerouslySetInnerHTML' | 'size'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Input({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  ...rest\n}: InputProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const inputStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    ...style,\n  };\n\n  const input = <input {...rest} id={id} disabled={disabled} style={inputStyle} />;\n\n  if (!label && !hint && !error) {\n    return input;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {input}\n    </Field>\n  );\n}","import type { CSSProperties, SelectHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface SelectProps\n  extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'dangerouslySetInnerHTML' | 'size'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Select({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  children,\n  ...rest\n}: SelectProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const selectStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    ...style,\n  };\n\n  const select = (\n    <select {...rest} id={id} disabled={disabled} style={selectStyle}>\n      {children}\n    </select>\n  );\n\n  if (!label && !hint && !error) {\n    return select;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {select}\n    </Field>\n  );\n}","import type { CSSProperties, TextareaHTMLAttributes } from 'react';\n\nimport { withAlpha, type SmartSellSDK } from 'smartsell-sales-sdk';\n\nimport { useUiKitTheme } from '../theme';\nimport { Field } from './Field';\n\ntype ControlSize = 'sm' | 'md' | 'lg';\n\nexport interface TextareaProps\n  extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'dangerouslySetInnerHTML'> {\n  sdk: SmartSellSDK;\n  label?: string;\n  hint?: string;\n  error?: string;\n  controlSize?: ControlSize;\n}\n\nconst getPadding = (size: ControlSize): string => {\n  if (size === 'sm') return '10px 12px';\n  if (size === 'lg') return '16px 18px';\n  return '13px 16px';\n};\n\nexport function Textarea({\n  sdk,\n  label,\n  hint,\n  error,\n  controlSize = 'md',\n  id,\n  disabled,\n  style,\n  rows = 5,\n  ...rest\n}: TextareaProps) {\n  const { theme, borderSoft, focusRing, surfaceMuted } = useUiKitTheme(sdk);\n\n  const textareaStyle: CSSProperties = {\n    width: '100%',\n    borderRadius: 16,\n    border: `1px solid ${error ? theme.colors.negative : borderSoft}`,\n    padding: getPadding(controlSize),\n    outline: 'none',\n    color: theme.colors.onSurface,\n    backgroundColor: disabled ? surfaceMuted : theme.colors.surface,\n    boxShadow: error ? `0 0 0 3px ${withAlpha(theme.colors.negative, 0.12)}` : `0 0 0 0 ${focusRing}`,\n    transition: 'border-color 160ms ease, box-shadow 160ms ease, background-color 160ms ease',\n    resize: 'vertical',\n    ...style,\n  };\n\n  const textarea = (\n    <textarea {...rest} id={id} disabled={disabled} rows={rows} style={textareaStyle} />\n  );\n\n  if (!label && !hint && !error) {\n    return textarea;\n  }\n\n  return (\n    <Field sdk={sdk} label={label} hint={hint} error={error} htmlFor={id}>\n      {textarea}\n    </Field>\n  );\n}"],"mappings":"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","names":["withAlpha","withAlpha","withAlpha","jsxs","withAlpha","useMemo","jsx","jsxs","useMemo","jsx","jsxs","withAlpha","jsx","withAlpha","withAlpha","jsx","getPadding","withAlpha","withAlpha","jsx","getPadding","withAlpha"]}

package/dist/{modal-DDArHRQM.d.cts → modal-BDeh1TYW.d.cts}

@@ -54,6 +54,8 @@ interface StandardModalProps extends BaseModalProps {
     closeOnBackdrop?: boolean;
     closeOnEscape?: boolean;
     hideCloseButton?: boolean;
+    hideExpandButton?: boolean;
+    maximized?: boolean;
     contentStyle?: CSSProperties;
 }
 interface LegacyModalProps extends BaseModalProps {

package/dist/{modal-DDArHRQM.d.ts → modal-BDeh1TYW.d.ts}

@@ -54,6 +54,8 @@ interface StandardModalProps extends BaseModalProps {
     closeOnBackdrop?: boolean;
     closeOnEscape?: boolean;
     hideCloseButton?: boolean;
+    hideExpandButton?: boolean;
+    maximized?: boolean;
     contentStyle?: CSSProperties;
 }
 interface LegacyModalProps extends BaseModalProps {

package/dist/modal.cjs

@@ -169,14 +169,26 @@ function StandardModal({
   closeOnBackdrop = true,
   closeOnEscape = true,
   hideCloseButton = false,
+  hideExpandButton = false,
+  maximized,
   contentStyle,
   theme
 }) {
   const modalTheme = (0, import_react.useMemo)(() => resolveTheme(theme), [theme]);
+  const [isMaximized, setIsMaximized] = (0, import_react.useState)(maximized != null ? maximized : false);
   const titleId = (0, import_react.useMemo)(
     () => `smartsell-modal-${String(title != null ? title : "dialog").toLowerCase().replace(/[^a-z0-9]+/g, "-")}`,
     [title]
   );
+  (0, import_react.useEffect)(() => {
+    if (typeof maximized === "boolean") {
+      setIsMaximized(maximized);
+      return;
+    }
+    if (isLikelyMobileViewport()) {
+      setIsMaximized(true);
+    }
+  }, [maximized]);
   (0, import_react.useEffect)(() => {
     if (!isOpen || typeof window === "undefined" || typeof document === "undefined") {
       return;
@@ -244,7 +256,7 @@ function StandardModal({
         display: "flex",
         alignItems: "center",
         justifyContent: "center",
-        padding: 16,
+        padding: isMaximized ? 0 : 16,
         backgroundColor: modalTheme.overlay,
         backdropFilter: "blur(8px)"
       },
@@ -252,9 +264,14 @@ function StandardModal({
         "div",
         {
           style: {
-            width: "min(100%, 100%)",
-            maxWidth: normalizeWidth(maxWidth),
-            borderRadius: 30,
+            position: "relative",
+            display: "flex",
+            flexDirection: "column",
+            width: isMaximized ? "100vw" : "min(100%, 100%)",
+            maxWidth: isMaximized ? "100vw" : normalizeWidth(maxWidth),
+            height: isMaximized ? "100vh" : void 0,
+            maxHeight: isMaximized ? "100vh" : "calc(100vh - 32px)",
+            borderRadius: isMaximized ? 0 : 30,
             border: `1px solid ${modalTheme.borderSoft}`,
             background: `linear-gradient(180deg, ${modalTheme.surfaceRaised}, ${modalTheme.colors.surface})`,
             boxShadow: `0 34px 80px ${withAlpha("#020617", 0.28)}`,
@@ -271,34 +288,69 @@ function StandardModal({
                   alignItems: "flex-start",
                   justifyContent: "space-between",
                   gap: 16,
-                  padding: "24px 24px 0"
+                  padding: "24px 24px 16px",
+                  borderBottom: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`
                 },
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1 }, children: header }),
-                  !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "button",
-                    {
-                      "aria-label": "Close modal",
-                      type: "button",
-                      onClick: onClose,
-                      style: {
-                        height: 42,
-                        width: 42,
-                        borderRadius: 999,
-                        border: `1px solid ${modalTheme.borderSoft}`,
-                        backgroundColor: "transparent",
-                        color: modalTheme.colors.onSurface,
-                        cursor: "pointer",
-                        fontSize: 20,
-                        fontWeight: 700
-                      },
-                      children: "\xD7"
-                    }
-                  ) : null
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 10 }, children: [
+                    !hideExpandButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        "aria-label": isMaximized ? "Minimize modal" : "Maximize modal",
+                        title: isMaximized ? "Minimize" : "Maximize",
+                        type: "button",
+                        onClick: () => setIsMaximized((current) => !current),
+                        style: {
+                          height: 42,
+                          width: 42,
+                          borderRadius: 999,
+                          border: `1px solid ${modalTheme.borderSoft}`,
+                          backgroundColor: "transparent",
+                          color: modalTheme.colors.onSurface,
+                          cursor: "pointer",
+                          fontSize: 18,
+                          fontWeight: 700
+                        },
+                        children: isMaximized ? "\u25A2" : "\u25A1"
+                      }
+                    ) : null,
+                    !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "button",
+                      {
+                        "aria-label": "Close modal",
+                        type: "button",
+                        onClick: onClose,
+                        style: {
+                          height: 42,
+                          width: 42,
+                          borderRadius: 999,
+                          border: `1px solid ${modalTheme.borderSoft}`,
+                          backgroundColor: "transparent",
+                          color: modalTheme.colors.onSurface,
+                          cursor: "pointer",
+                          fontSize: 20,
+                          fontWeight: 700
+                        },
+                        children: "\xD7"
+                      }
+                    ) : null
+                  ] })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: 24 }, children }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              "div",
+              {
+                style: {
+                  flex: 1,
+                  minHeight: 0,
+                  overflow: "auto",
+                  padding: 24
+                },
+                children
+              }
+            ),
             footer ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
               "div",
               {
@@ -306,7 +358,7 @@ function StandardModal({
                   display: "flex",
                   justifyContent: "flex-end",
                   gap: 12,
-                  padding: "0 24px 24px",
+                  padding: "16px 24px 24px",
                   borderTop: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`
                 },
                 children: footer

package/dist/modal.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/modal.ts","../src/components/Modal.tsx"],"sourcesContent":["export {\n  Modal,\n  type LegacyModalAction,\n  type LegacyModalProps,\n  type ModalProps,\n  type ModalTheme,\n  type ModalThemeSource,\n  type StandardModalProps,\n} from './components/Modal';","import { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport type { UiKitThemeTokens } from '../theme';\n\ntype LegacyButtonType = 'text' | 'outlined' | 'contained' | 'link';\n\ntype ModalThemeColors = {\n  background: string;\n  surface: string;\n  onSurface: string;\n  onBackground: string;\n  primary: string;\n  onPrimary: string;\n  secondary: string;\n  onSecondary: string;\n  negative: string;\n  warning: string;\n};\n\nexport interface ModalTheme {\n  colors?: Partial<ModalThemeColors>;\n}\n\nexport type ModalThemeSource = ModalTheme | UiKitThemeTokens;\n\nexport interface LegacyModalAction {\n  name: string;\n  onClick: () => void;\n  type?: LegacyButtonType;\n  style?: CSSProperties;\n  disable?: boolean;\n}\n\ninterface BaseModalProps {\n  children?: ReactNode;\n  theme?: ModalThemeSource;\n}\n\nexport interface StandardModalProps extends BaseModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  headerContent?: ReactNode;\n  maxWidth?: number | string;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  hideCloseButton?: boolean;\n  contentStyle?: CSSProperties;\n}\n\nexport interface LegacyModalProps extends BaseModalProps {\n  title: ReactNode;\n  showModal: boolean;\n  closeModal: () => void;\n  action?: () => void;\n  actionNameBtn?: string | undefined;\n  hideActionButton?: boolean;\n  cancelButton?: () => void;\n  disableActionBtn?: boolean;\n  isLoading?: boolean;\n  onlyCloseButton?: boolean;\n  hideCloseIcon?: boolean;\n  style?: CSSProperties;\n  bodyStyle?: CSSProperties;\n  additionalActions?: LegacyModalAction[];\n  maximized?: boolean;\n}\n\nexport type ModalProps = StandardModalProps | LegacyModalProps;\n\nconst defaultThemeColors: ModalThemeColors = {\n  background: '#f8fafc',\n  surface: '#ffffff',\n  onSurface: '#0f172a',\n  onBackground: '#0f172a',\n  primary: '#0f766e',\n  onPrimary: '#ffffff',\n  secondary: '#1d4ed8',\n  onSecondary: '#ffffff',\n  negative: '#dc2626',\n  warning: '#d97706',\n};\n\nconst withAlpha = (hex: string, alpha: number): string => {\n  const normalized = hex.replace('#', '').trim();\n  const value = normalized.length === 3\n    ? normalized.split('').map((char) => char + char).join('')\n    : normalized;\n\n  const red = Number.parseInt(value.slice(0, 2), 16);\n  const green = Number.parseInt(value.slice(2, 4), 16);\n  const blue = Number.parseInt(value.slice(4, 6), 16);\n\n  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n};\n\nconst isUiKitThemeTokens = (theme?: ModalThemeSource): theme is UiKitThemeTokens => {\n  return Boolean(theme && typeof theme === 'object' && 'theme' in theme);\n};\n\nconst resolveTheme = (theme?: ModalThemeSource) => {\n  const colorOverrides = isUiKitThemeTokens(theme)\n    ? theme.theme.colors\n    : (theme?.colors ?? {});\n\n  const colors: ModalThemeColors = {\n    ...defaultThemeColors,\n    ...colorOverrides,\n  };\n\n  return {\n    colors,\n    borderSoft: isUiKitThemeTokens(theme)\n      ? theme.borderSoft\n      : withAlpha(colors.onSurface, 0.1),\n    borderStrong: isUiKitThemeTokens(theme)\n      ? theme.borderStrong\n      : withAlpha(colors.onSurface, 0.16),\n    surfaceMuted: isUiKitThemeTokens(theme)\n      ? theme.surfaceMuted\n      : withAlpha(colors.onSurface, 0.04),\n    surfaceRaised: isUiKitThemeTokens(theme)\n      ? theme.surfaceRaised\n      : withAlpha(colors.surface, 0.94),\n    overlay: isUiKitThemeTokens(theme)\n      ? theme.overlay\n      : withAlpha('#030712', 0.62),\n    mutedText: isUiKitThemeTokens(theme)\n      ? theme.mutedText\n      : withAlpha(colors.onSurface, 0.72),\n  };\n};\n\nconst normalizeWidth = (maxWidth?: number | string): string | number => {\n  if (typeof maxWidth === 'number') {\n    return `${maxWidth}px`;\n  }\n\n  return maxWidth ?? '720px';\n};\n\nconst isLikelyMobileViewport = (): boolean => {\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false;\n  }\n\n  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n    navigator.userAgent,\n  );\n};\n\nconst isLegacyModalProps = (props: ModalProps): props is LegacyModalProps => {\n  return 'showModal' in props;\n};\n\nfunction LegacyActionButton({\n  label,\n  onClick,\n  disabled,\n  type = 'contained',\n  theme,\n  style,\n}: {\n  label: string;\n  onClick: () => void;\n  disabled: boolean;\n  type?: LegacyButtonType;\n  theme: ReturnType<typeof resolveTheme>;\n  style?: CSSProperties;\n}) {\n  const { colors } = theme;\n\n  const buttonStyle: CSSProperties = {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '0.4rem',\n    padding: type === 'link' ? 0 : '1.3rem',\n    boxSizing: 'border-box',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    fontWeight: 700,\n    fontSize: '1.3rem',\n    margin: 0,\n    textAlign: 'center',\n    transition: '0.5s',\n    opacity: disabled ? 0.5 : 1,\n    filter: disabled ? 'saturate(0)' : undefined,\n  };\n\n  if (type === 'text') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (type === 'link') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = 'none';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (type === 'outlined') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = `2px solid ${colors.primary}`;\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.onSurface, 0.08)}`;\n  } else {\n    buttonStyle.background = colors.primary;\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.onPrimary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.primary, 0.22)}`;\n  }\n\n  return (\n    <div\n      style={{\n        width: style?.width ?? (style?.maxWidth ? '100%' : 'max-content'),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        margin: '0 5px',\n        marginBottom: style?.marginBottom ?? 0,\n        ...style,\n      }}\n    >\n      <button\n        type=\"button\"\n        onClick={disabled ? undefined : onClick}\n        disabled={disabled}\n        style={buttonStyle}\n      >\n        {label}\n      </button>\n    </div>\n  );\n}\n\nfunction StandardModal({\n  isOpen,\n  onClose,\n  children,\n  footer,\n  title,\n  description,\n  headerContent,\n  maxWidth,\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  hideCloseButton = false,\n  contentStyle,\n  theme,\n}: StandardModalProps) {\n  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const titleId = useMemo(\n    () => `smartsell-modal-${String(title ?? 'dialog').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`,\n    [title],\n  );\n\n  useEffect(() => {\n    if (!isOpen || typeof window === 'undefined' || typeof document === 'undefined') {\n      return;\n    }\n\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.body.style.overflow = previousOverflow;\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [closeOnEscape, isOpen, onClose]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const header = headerContent ?? (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n      {title ? (\n        <h2\n          id={titleId}\n          style={{\n            margin: 0,\n            color: modalTheme.colors.onSurface,\n            fontSize: 30,\n            fontWeight: 800,\n            lineHeight: 1.1,\n          }}\n        >\n          {title}\n        </h2>\n      ) : null}\n      {description ? (\n        <p\n          style={{\n            margin: 0,\n            color: modalTheme.mutedText,\n            fontSize: 15,\n            lineHeight: 1.6,\n          }}\n        >\n          {description}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      aria-label={headerContent ? (typeof title === 'string' ? title : 'Dialog') : undefined}\n      aria-labelledby={headerContent ? undefined : title ? titleId : undefined}\n      aria-modal=\"true\"\n      role=\"dialog\"\n      onMouseDown={(event) => {\n        if (closeOnBackdrop && event.target === event.currentTarget) {\n          onClose();\n        }\n      }}\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 70,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 16,\n        backgroundColor: modalTheme.overlay,\n        backdropFilter: 'blur(8px)',\n      }}\n    >\n      <div\n        style={{\n          width: 'min(100%, 100%)',\n          maxWidth: normalizeWidth(maxWidth),\n          borderRadius: 30,\n          border: `1px solid ${modalTheme.borderSoft}`,\n          background: `linear-gradient(180deg, ${modalTheme.surfaceRaised}, ${modalTheme.colors.surface})`,\n          boxShadow: `0 34px 80px ${withAlpha('#020617', 0.28)}`,\n          color: modalTheme.colors.onSurface,\n          overflow: 'hidden',\n          ...contentStyle,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'space-between',\n            gap: 16,\n            padding: '24px 24px 0',\n          }}\n        >\n          <div style={{ flex: 1 }}>{header}</div>\n          {!hideCloseButton ? (\n            <button\n              aria-label=\"Close modal\"\n              type=\"button\"\n              onClick={onClose}\n              style={{\n                height: 42,\n                width: 42,\n                borderRadius: 999,\n                border: `1px solid ${modalTheme.borderSoft}`,\n                backgroundColor: 'transparent',\n                color: modalTheme.colors.onSurface,\n                cursor: 'pointer',\n                fontSize: 20,\n                fontWeight: 700,\n              }}\n            >\n              ×\n            </button>\n          ) : null}\n        </div>\n\n        <div style={{ padding: 24 }}>{children}</div>\n\n        {footer ? (\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 12,\n              padding: '0 24px 24px',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`,\n            }}\n          >\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction LegacyModal({\n  title,\n  showModal,\n  closeModal,\n  children,\n  action,\n  actionNameBtn,\n  hideActionButton = false,\n  cancelButton,\n  disableActionBtn = false,\n  isLoading = false,\n  onlyCloseButton = false,\n  hideCloseIcon = false,\n  style,\n  bodyStyle,\n  additionalActions,\n  maximized,\n  theme,\n}: LegacyModalProps) {\n  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const [isMaximized, setIsMaximized] = useState<boolean>(maximized ?? false);\n  const resolvedAction = action ?? (() => null);\n\n  useEffect(() => {\n    if (maximized === undefined && isLikelyMobileViewport()) {\n      setIsMaximized(true);\n    }\n  }, [maximized]);\n\n  if (!showModal) {\n    return null;\n  }\n\n  const actionButtons = () => {\n    return (\n      <>\n        {additionalActions?.map((item) => (\n          <LegacyActionButton\n            key={item.name}\n            label={item.name}\n            onClick={item.onClick}\n            type={item.type ?? 'contained'}\n            style={item.style ?? { maxWidth: '150px' }}\n            theme={modalTheme}\n            disabled={item.disable ?? (disableActionBtn || isLoading)}\n          />\n        ))}\n\n        {!hideActionButton ? (\n          <LegacyActionButton\n            label={actionNameBtn ?? 'Save'}\n            onClick={resolvedAction}\n            type=\"contained\"\n            style={{ maxWidth: '100px' }}\n            theme={modalTheme}\n            disabled={disableActionBtn || isLoading}\n          />\n        ) : null}\n      </>\n    );\n  };\n\n  return (\n    <div\n      aria-labelledby=\"modal-title\"\n      aria-modal=\"true\"\n      role=\"dialog\"\n      style={{\n        background: `${modalTheme.colors.background}90`,\n        backdropFilter: 'blur(2px)',\n        width: '100%',\n        height: '100%',\n        position: 'fixed',\n        zIndex: 999,\n        top: 0,\n        left: 0,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        id={isLoading ? 'ldg1' : undefined}\n        style={{\n          position: isMaximized ? 'fixed' : 'relative',\n          left: isMaximized ? 0 : undefined,\n          top: isMaximized ? 0 : undefined,\n          background: modalTheme.colors.background,\n          display: 'flex',\n          alignItems: 'center',\n          flexDirection: 'column',\n          borderRadius: '0.8rem',\n          boxSizing: 'border-box',\n          maxHeight: isMaximized ? '100vh' : '80vh',\n          maxWidth: isMaximized ? '100vw' : '80vw',\n          minWidth: isMaximized ? '100vw' : 300,\n          minHeight: isMaximized ? '100vh' : undefined,\n          width: isMaximized ? '100vw' : undefined,\n          boxShadow: '0 24px 64px rgba(15, 23, 42, 0.18)',\n          ...(isLoading ? { opacity: 0.5 } : null),\n          ...style,\n        }}\n      >\n        <div\n          style={{\n            background: modalTheme.colors.surface,\n            color: modalTheme.colors.onSurface,\n            position: 'absolute',\n            top: 0,\n            zIndex: 500,\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            width: '100%',\n            height: '4rem',\n            padding: '1rem',\n            boxSizing: 'border-box',\n            borderTopLeftRadius: '0.8rem',\n            borderTopRightRadius: '0.8rem',\n            borderBottom: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n          }}\n        >\n          <div id=\"modal-title\" style={{ fontWeight: 'bold', fontSize: '1.3rem' }}>\n            {title}\n          </div>\n          <div\n            id=\"modal-header-icons\"\n            style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}\n          >\n            <button\n              aria-label={isMaximized ? 'Minimize modal' : 'Maximize modal'}\n              title={isMaximized ? 'Minimize' : 'Maximize'}\n              type=\"button\"\n              onClick={() => setIsMaximized((current) => !current)}\n              style={{\n                border: 'none',\n                background: 'transparent',\n                color: modalTheme.colors.onSurface,\n                cursor: 'pointer',\n                fontSize: 18,\n                lineHeight: 1,\n                padding: 0,\n              }}\n            >\n              {isMaximized ? '▢' : '□'}\n            </button>\n\n            {!hideCloseIcon ? (\n              <button\n                aria-label=\"Close modal\"\n                title=\"Close\"\n                type=\"button\"\n                onClick={isLoading ? undefined : closeModal}\n                style={{\n                  border: 'none',\n                  background: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: isLoading ? 'not-allowed' : 'pointer',\n                  fontSize: 22,\n                  lineHeight: 1,\n                  padding: 0,\n                  opacity: isLoading ? 0.5 : 1,\n                }}\n              >\n                ×\n              </button>\n            ) : null}\n          </div>\n        </div>\n\n        <div\n          style={{\n            scrollbarWidth: 'thin',\n            width: '100%',\n            maxWidth: '100%',\n            paddingTop: '4rem',\n            paddingBottom: '4rem',\n            overflow: 'auto',\n            ...bodyStyle,\n          }}\n        >\n          {children}\n        </div>\n\n        {onlyCloseButton ? (\n          <div\n            style={{\n              background: modalTheme.colors.surface,\n              color: modalTheme.colors.onSurface,\n              position: 'absolute',\n              bottom: 0,\n              width: '100%',\n              height: '4rem',\n              padding: '0.5rem',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n              boxSizing: 'border-box',\n              borderBottomLeftRadius: '0.8rem',\n              borderBottomRightRadius: '0.8rem',\n            }}\n          >\n            <div\n              className=\"buttons-footer\"\n              style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n            >\n              <LegacyActionButton\n                label=\"Close\"\n                onClick={closeModal}\n                theme={modalTheme}\n                disabled={isLoading}\n              />\n            </div>\n          </div>\n        ) : (\n          <div\n            style={{\n              background: modalTheme.colors.surface,\n              color: modalTheme.colors.onSurface,\n              position: 'absolute',\n              bottom: 0,\n              width: '100%',\n              height: '4rem',\n              padding: '0.5rem',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n              boxSizing: 'border-box',\n              borderBottomLeftRadius: '0.8rem',\n              borderBottomRightRadius: '0.8rem',\n            }}\n          >\n            {cancelButton ? (\n              <div\n                className=\"buttons-footer\"\n                style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n              >\n                <LegacyActionButton\n                  label=\"Cancel\"\n                  onClick={cancelButton}\n                  type=\"text\"\n                  style={{ maxWidth: '100px' }}\n                  theme={modalTheme}\n                  disabled={false}\n                />\n                {actionButtons()}\n              </div>\n            ) : (\n              <div\n                className=\"buttons-footer\"\n                style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n              >\n                {actionButtons()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function Modal(props: ModalProps) {\n  if (isLegacyModalProps(props)) {\n    return <LegacyModal {...props} />;\n  }\n\n  return <StandardModal {...props} />;\n}"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/modal.ts","../src/components/Modal.tsx"],"sourcesContent":["export {\n  Modal,\n  type LegacyModalAction,\n  type LegacyModalProps,\n  type ModalProps,\n  type ModalTheme,\n  type ModalThemeSource,\n  type StandardModalProps,\n} from './components/Modal';","import { useEffect, useMemo, useState } from 'react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport type { UiKitThemeTokens } from '../theme';\n\ntype LegacyButtonType = 'text' | 'outlined' | 'contained' | 'link';\n\ntype ModalThemeColors = {\n  background: string;\n  surface: string;\n  onSurface: string;\n  onBackground: string;\n  primary: string;\n  onPrimary: string;\n  secondary: string;\n  onSecondary: string;\n  negative: string;\n  warning: string;\n};\n\nexport interface ModalTheme {\n  colors?: Partial<ModalThemeColors>;\n}\n\nexport type ModalThemeSource = ModalTheme | UiKitThemeTokens;\n\nexport interface LegacyModalAction {\n  name: string;\n  onClick: () => void;\n  type?: LegacyButtonType;\n  style?: CSSProperties;\n  disable?: boolean;\n}\n\ninterface BaseModalProps {\n  children?: ReactNode;\n  theme?: ModalThemeSource;\n}\n\nexport interface StandardModalProps extends BaseModalProps {\n  isOpen: boolean;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  headerContent?: ReactNode;\n  maxWidth?: number | string;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  hideCloseButton?: boolean;\n  hideExpandButton?: boolean;\n  maximized?: boolean;\n  contentStyle?: CSSProperties;\n}\n\nexport interface LegacyModalProps extends BaseModalProps {\n  title: ReactNode;\n  showModal: boolean;\n  closeModal: () => void;\n  action?: () => void;\n  actionNameBtn?: string | undefined;\n  hideActionButton?: boolean;\n  cancelButton?: () => void;\n  disableActionBtn?: boolean;\n  isLoading?: boolean;\n  onlyCloseButton?: boolean;\n  hideCloseIcon?: boolean;\n  style?: CSSProperties;\n  bodyStyle?: CSSProperties;\n  additionalActions?: LegacyModalAction[];\n  maximized?: boolean;\n}\n\nexport type ModalProps = StandardModalProps | LegacyModalProps;\n\nconst defaultThemeColors: ModalThemeColors = {\n  background: '#f8fafc',\n  surface: '#ffffff',\n  onSurface: '#0f172a',\n  onBackground: '#0f172a',\n  primary: '#0f766e',\n  onPrimary: '#ffffff',\n  secondary: '#1d4ed8',\n  onSecondary: '#ffffff',\n  negative: '#dc2626',\n  warning: '#d97706',\n};\n\nconst withAlpha = (hex: string, alpha: number): string => {\n  const normalized = hex.replace('#', '').trim();\n  const value = normalized.length === 3\n    ? normalized.split('').map((char) => char + char).join('')\n    : normalized;\n\n  const red = Number.parseInt(value.slice(0, 2), 16);\n  const green = Number.parseInt(value.slice(2, 4), 16);\n  const blue = Number.parseInt(value.slice(4, 6), 16);\n\n  return `rgba(${red}, ${green}, ${blue}, ${alpha})`;\n};\n\nconst isUiKitThemeTokens = (theme?: ModalThemeSource): theme is UiKitThemeTokens => {\n  return Boolean(theme && typeof theme === 'object' && 'theme' in theme);\n};\n\nconst resolveTheme = (theme?: ModalThemeSource) => {\n  const colorOverrides = isUiKitThemeTokens(theme)\n    ? theme.theme.colors\n    : (theme?.colors ?? {});\n\n  const colors: ModalThemeColors = {\n    ...defaultThemeColors,\n    ...colorOverrides,\n  };\n\n  return {\n    colors,\n    borderSoft: isUiKitThemeTokens(theme)\n      ? theme.borderSoft\n      : withAlpha(colors.onSurface, 0.1),\n    borderStrong: isUiKitThemeTokens(theme)\n      ? theme.borderStrong\n      : withAlpha(colors.onSurface, 0.16),\n    surfaceMuted: isUiKitThemeTokens(theme)\n      ? theme.surfaceMuted\n      : withAlpha(colors.onSurface, 0.04),\n    surfaceRaised: isUiKitThemeTokens(theme)\n      ? theme.surfaceRaised\n      : withAlpha(colors.surface, 0.94),\n    overlay: isUiKitThemeTokens(theme)\n      ? theme.overlay\n      : withAlpha('#030712', 0.62),\n    mutedText: isUiKitThemeTokens(theme)\n      ? theme.mutedText\n      : withAlpha(colors.onSurface, 0.72),\n  };\n};\n\nconst normalizeWidth = (maxWidth?: number | string): string | number => {\n  if (typeof maxWidth === 'number') {\n    return `${maxWidth}px`;\n  }\n\n  return maxWidth ?? '720px';\n};\n\nconst isLikelyMobileViewport = (): boolean => {\n  if (typeof window === 'undefined' || typeof navigator === 'undefined') {\n    return false;\n  }\n\n  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(\n    navigator.userAgent,\n  );\n};\n\nconst isLegacyModalProps = (props: ModalProps): props is LegacyModalProps => {\n  return 'showModal' in props;\n};\n\nfunction LegacyActionButton({\n  label,\n  onClick,\n  disabled,\n  type = 'contained',\n  theme,\n  style,\n}: {\n  label: string;\n  onClick: () => void;\n  disabled: boolean;\n  type?: LegacyButtonType;\n  theme: ReturnType<typeof resolveTheme>;\n  style?: CSSProperties;\n}) {\n  const { colors } = theme;\n\n  const buttonStyle: CSSProperties = {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    borderRadius: '0.4rem',\n    padding: type === 'link' ? 0 : '1.3rem',\n    boxSizing: 'border-box',\n    cursor: disabled ? 'not-allowed' : 'pointer',\n    fontWeight: 700,\n    fontSize: '1.3rem',\n    margin: 0,\n    textAlign: 'center',\n    transition: '0.5s',\n    opacity: disabled ? 0.5 : 1,\n    filter: disabled ? 'saturate(0)' : undefined,\n  };\n\n  if (type === 'text') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (type === 'link') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = 'none';\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = 'none';\n  } else if (type === 'outlined') {\n    buttonStyle.background = 'none';\n    buttonStyle.border = `2px solid ${colors.primary}`;\n    buttonStyle.color = colors.primary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.onSurface, 0.08)}`;\n  } else {\n    buttonStyle.background = colors.primary;\n    buttonStyle.border = '1px solid transparent';\n    buttonStyle.color = colors.onPrimary;\n    buttonStyle.boxShadow = `0 14px 28px ${withAlpha(colors.primary, 0.22)}`;\n  }\n\n  return (\n    <div\n      style={{\n        width: style?.width ?? (style?.maxWidth ? '100%' : 'max-content'),\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        margin: '0 5px',\n        marginBottom: style?.marginBottom ?? 0,\n        ...style,\n      }}\n    >\n      <button\n        type=\"button\"\n        onClick={disabled ? undefined : onClick}\n        disabled={disabled}\n        style={buttonStyle}\n      >\n        {label}\n      </button>\n    </div>\n  );\n}\n\nfunction StandardModal({\n  isOpen,\n  onClose,\n  children,\n  footer,\n  title,\n  description,\n  headerContent,\n  maxWidth,\n  closeOnBackdrop = true,\n  closeOnEscape = true,\n  hideCloseButton = false,\n  hideExpandButton = false,\n  maximized,\n  contentStyle,\n  theme,\n}: StandardModalProps) {\n  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const [isMaximized, setIsMaximized] = useState<boolean>(maximized ?? false);\n  const titleId = useMemo(\n    () => `smartsell-modal-${String(title ?? 'dialog').toLowerCase().replace(/[^a-z0-9]+/g, '-')}`,\n    [title],\n  );\n\n  useEffect(() => {\n    if (typeof maximized === 'boolean') {\n      setIsMaximized(maximized);\n      return;\n    }\n\n    if (isLikelyMobileViewport()) {\n      setIsMaximized(true);\n    }\n  }, [maximized]);\n\n  useEffect(() => {\n    if (!isOpen || typeof window === 'undefined' || typeof document === 'undefined') {\n      return;\n    }\n\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (closeOnEscape && event.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    window.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.body.style.overflow = previousOverflow;\n      window.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [closeOnEscape, isOpen, onClose]);\n\n  if (!isOpen) {\n    return null;\n  }\n\n  const header = headerContent ?? (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n      {title ? (\n        <h2\n          id={titleId}\n          style={{\n            margin: 0,\n            color: modalTheme.colors.onSurface,\n            fontSize: 30,\n            fontWeight: 800,\n            lineHeight: 1.1,\n          }}\n        >\n          {title}\n        </h2>\n      ) : null}\n      {description ? (\n        <p\n          style={{\n            margin: 0,\n            color: modalTheme.mutedText,\n            fontSize: 15,\n            lineHeight: 1.6,\n          }}\n        >\n          {description}\n        </p>\n      ) : null}\n    </div>\n  );\n\n  return (\n    <div\n      aria-label={headerContent ? (typeof title === 'string' ? title : 'Dialog') : undefined}\n      aria-labelledby={headerContent ? undefined : title ? titleId : undefined}\n      aria-modal=\"true\"\n      role=\"dialog\"\n      onMouseDown={(event) => {\n        if (closeOnBackdrop && event.target === event.currentTarget) {\n          onClose();\n        }\n      }}\n      style={{\n        position: 'fixed',\n        inset: 0,\n        zIndex: 70,\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: isMaximized ? 0 : 16,\n        backgroundColor: modalTheme.overlay,\n        backdropFilter: 'blur(8px)',\n      }}\n    >\n      <div\n        style={{\n          position: 'relative',\n          display: 'flex',\n          flexDirection: 'column',\n          width: isMaximized ? '100vw' : 'min(100%, 100%)',\n          maxWidth: isMaximized ? '100vw' : normalizeWidth(maxWidth),\n          height: isMaximized ? '100vh' : undefined,\n          maxHeight: isMaximized ? '100vh' : 'calc(100vh - 32px)',\n          borderRadius: isMaximized ? 0 : 30,\n          border: `1px solid ${modalTheme.borderSoft}`,\n          background: `linear-gradient(180deg, ${modalTheme.surfaceRaised}, ${modalTheme.colors.surface})`,\n          boxShadow: `0 34px 80px ${withAlpha('#020617', 0.28)}`,\n          color: modalTheme.colors.onSurface,\n          overflow: 'hidden',\n          ...contentStyle,\n        }}\n      >\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'flex-start',\n            justifyContent: 'space-between',\n            gap: 16,\n            padding: '24px 24px 16px',\n            borderBottom: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`,\n          }}\n        >\n          <div style={{ flex: 1 }}>{header}</div>\n          <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n            {!hideExpandButton ? (\n              <button\n                aria-label={isMaximized ? 'Minimize modal' : 'Maximize modal'}\n                title={isMaximized ? 'Minimize' : 'Maximize'}\n                type=\"button\"\n                onClick={() => setIsMaximized((current) => !current)}\n                style={{\n                  height: 42,\n                  width: 42,\n                  borderRadius: 999,\n                  border: `1px solid ${modalTheme.borderSoft}`,\n                  backgroundColor: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: 'pointer',\n                  fontSize: 18,\n                  fontWeight: 700,\n                }}\n              >\n                {isMaximized ? '▢' : '□'}\n              </button>\n            ) : null}\n            {!hideCloseButton ? (\n              <button\n                aria-label=\"Close modal\"\n                type=\"button\"\n                onClick={onClose}\n                style={{\n                  height: 42,\n                  width: 42,\n                  borderRadius: 999,\n                  border: `1px solid ${modalTheme.borderSoft}`,\n                  backgroundColor: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: 'pointer',\n                  fontSize: 20,\n                  fontWeight: 700,\n                }}\n              >\n                ×\n              </button>\n            ) : null}\n          </div>\n        </div>\n\n        <div\n          style={{\n            flex: 1,\n            minHeight: 0,\n            overflow: 'auto',\n            padding: 24,\n          }}\n        >\n          {children}\n        </div>\n\n        {footer ? (\n          <div\n            style={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 12,\n              padding: '16px 24px 24px',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onSurface, 0.06)}`,\n            }}\n          >\n            {footer}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n\nfunction LegacyModal({\n  title,\n  showModal,\n  closeModal,\n  children,\n  action,\n  actionNameBtn,\n  hideActionButton = false,\n  cancelButton,\n  disableActionBtn = false,\n  isLoading = false,\n  onlyCloseButton = false,\n  hideCloseIcon = false,\n  style,\n  bodyStyle,\n  additionalActions,\n  maximized,\n  theme,\n}: LegacyModalProps) {\n  const modalTheme = useMemo(() => resolveTheme(theme), [theme]);\n  const [isMaximized, setIsMaximized] = useState<boolean>(maximized ?? false);\n  const resolvedAction = action ?? (() => null);\n\n  useEffect(() => {\n    if (maximized === undefined && isLikelyMobileViewport()) {\n      setIsMaximized(true);\n    }\n  }, [maximized]);\n\n  if (!showModal) {\n    return null;\n  }\n\n  const actionButtons = () => {\n    return (\n      <>\n        {additionalActions?.map((item) => (\n          <LegacyActionButton\n            key={item.name}\n            label={item.name}\n            onClick={item.onClick}\n            type={item.type ?? 'contained'}\n            style={item.style ?? { maxWidth: '150px' }}\n            theme={modalTheme}\n            disabled={item.disable ?? (disableActionBtn || isLoading)}\n          />\n        ))}\n\n        {!hideActionButton ? (\n          <LegacyActionButton\n            label={actionNameBtn ?? 'Save'}\n            onClick={resolvedAction}\n            type=\"contained\"\n            style={{ maxWidth: '100px' }}\n            theme={modalTheme}\n            disabled={disableActionBtn || isLoading}\n          />\n        ) : null}\n      </>\n    );\n  };\n\n  return (\n    <div\n      aria-labelledby=\"modal-title\"\n      aria-modal=\"true\"\n      role=\"dialog\"\n      style={{\n        background: `${modalTheme.colors.background}90`,\n        backdropFilter: 'blur(2px)',\n        width: '100%',\n        height: '100%',\n        position: 'fixed',\n        zIndex: 999,\n        top: 0,\n        left: 0,\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        boxSizing: 'border-box',\n      }}\n    >\n      <div\n        id={isLoading ? 'ldg1' : undefined}\n        style={{\n          position: isMaximized ? 'fixed' : 'relative',\n          left: isMaximized ? 0 : undefined,\n          top: isMaximized ? 0 : undefined,\n          background: modalTheme.colors.background,\n          display: 'flex',\n          alignItems: 'center',\n          flexDirection: 'column',\n          borderRadius: '0.8rem',\n          boxSizing: 'border-box',\n          maxHeight: isMaximized ? '100vh' : '80vh',\n          maxWidth: isMaximized ? '100vw' : '80vw',\n          minWidth: isMaximized ? '100vw' : 300,\n          minHeight: isMaximized ? '100vh' : undefined,\n          width: isMaximized ? '100vw' : undefined,\n          boxShadow: '0 24px 64px rgba(15, 23, 42, 0.18)',\n          ...(isLoading ? { opacity: 0.5 } : null),\n          ...style,\n        }}\n      >\n        <div\n          style={{\n            background: modalTheme.colors.surface,\n            color: modalTheme.colors.onSurface,\n            position: 'absolute',\n            top: 0,\n            zIndex: 500,\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'center',\n            width: '100%',\n            height: '4rem',\n            padding: '1rem',\n            boxSizing: 'border-box',\n            borderTopLeftRadius: '0.8rem',\n            borderTopRightRadius: '0.8rem',\n            borderBottom: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n          }}\n        >\n          <div id=\"modal-title\" style={{ fontWeight: 'bold', fontSize: '1.3rem' }}>\n            {title}\n          </div>\n          <div\n            id=\"modal-header-icons\"\n            style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}\n          >\n            <button\n              aria-label={isMaximized ? 'Minimize modal' : 'Maximize modal'}\n              title={isMaximized ? 'Minimize' : 'Maximize'}\n              type=\"button\"\n              onClick={() => setIsMaximized((current) => !current)}\n              style={{\n                border: 'none',\n                background: 'transparent',\n                color: modalTheme.colors.onSurface,\n                cursor: 'pointer',\n                fontSize: 18,\n                lineHeight: 1,\n                padding: 0,\n              }}\n            >\n              {isMaximized ? '▢' : '□'}\n            </button>\n\n            {!hideCloseIcon ? (\n              <button\n                aria-label=\"Close modal\"\n                title=\"Close\"\n                type=\"button\"\n                onClick={isLoading ? undefined : closeModal}\n                style={{\n                  border: 'none',\n                  background: 'transparent',\n                  color: modalTheme.colors.onSurface,\n                  cursor: isLoading ? 'not-allowed' : 'pointer',\n                  fontSize: 22,\n                  lineHeight: 1,\n                  padding: 0,\n                  opacity: isLoading ? 0.5 : 1,\n                }}\n              >\n                ×\n              </button>\n            ) : null}\n          </div>\n        </div>\n\n        <div\n          style={{\n            scrollbarWidth: 'thin',\n            width: '100%',\n            maxWidth: '100%',\n            paddingTop: '4rem',\n            paddingBottom: '4rem',\n            overflow: 'auto',\n            ...bodyStyle,\n          }}\n        >\n          {children}\n        </div>\n\n        {onlyCloseButton ? (\n          <div\n            style={{\n              background: modalTheme.colors.surface,\n              color: modalTheme.colors.onSurface,\n              position: 'absolute',\n              bottom: 0,\n              width: '100%',\n              height: '4rem',\n              padding: '0.5rem',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n              boxSizing: 'border-box',\n              borderBottomLeftRadius: '0.8rem',\n              borderBottomRightRadius: '0.8rem',\n            }}\n          >\n            <div\n              className=\"buttons-footer\"\n              style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n            >\n              <LegacyActionButton\n                label=\"Close\"\n                onClick={closeModal}\n                theme={modalTheme}\n                disabled={isLoading}\n              />\n            </div>\n          </div>\n        ) : (\n          <div\n            style={{\n              background: modalTheme.colors.surface,\n              color: modalTheme.colors.onSurface,\n              position: 'absolute',\n              bottom: 0,\n              width: '100%',\n              height: '4rem',\n              padding: '0.5rem',\n              borderTop: `1px solid ${withAlpha(modalTheme.colors.onBackground, 0.1)}`,\n              boxSizing: 'border-box',\n              borderBottomLeftRadius: '0.8rem',\n              borderBottomRightRadius: '0.8rem',\n            }}\n          >\n            {cancelButton ? (\n              <div\n                className=\"buttons-footer\"\n                style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n              >\n                <LegacyActionButton\n                  label=\"Cancel\"\n                  onClick={cancelButton}\n                  type=\"text\"\n                  style={{ maxWidth: '100px' }}\n                  theme={modalTheme}\n                  disabled={false}\n                />\n                {actionButtons()}\n              </div>\n            ) : (\n              <div\n                className=\"buttons-footer\"\n                style={{ flex: 1, display: 'flex', justifyContent: 'end' }}\n              >\n                {actionButtons()}\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport function Modal(props: ModalProps) {\n  if (isLegacyModalProps(props)) {\n    return <LegacyModal {...props} />;\n  }\n\n  return <StandardModal {...props} />;\n}"],"mappings":"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","names":[]}

package/dist/modal.d.cts

@@ -1,4 +1,4 @@
-export { L as LegacyModalAction, a as LegacyModalProps, M as Modal, b as ModalProps, c as ModalTheme, d as ModalThemeSource, S as StandardModalProps } from './modal-DDArHRQM.cjs';
+export { L as LegacyModalAction, a as LegacyModalProps, M as Modal, b as ModalProps, c as ModalTheme, d as ModalThemeSource, S as StandardModalProps } from './modal-BDeh1TYW.cjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'smartsell-sales-sdk';

package/dist/modal.d.ts

@@ -1,4 +1,4 @@
-export { L as LegacyModalAction, a as LegacyModalProps, M as Modal, b as ModalProps, c as ModalTheme, d as ModalThemeSource, S as StandardModalProps } from './modal-DDArHRQM.js';
+export { L as LegacyModalAction, a as LegacyModalProps, M as Modal, b as ModalProps, c as ModalTheme, d as ModalThemeSource, S as StandardModalProps } from './modal-BDeh1TYW.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'smartsell-sales-sdk';

package/dist/modal.js

@@ -1,6 +1,6 @@
 import {
   Modal
-} from "./chunk-KZRGV5RH.js";
+} from "./chunk-BI3QBKFG.js";
 export {
   Modal
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smartsell-ui-kit",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Public UI primitives and composable modal helpers for SmartSell Sales custom modules.",
   "license": "MIT",
   "type": "module",
@@ -27,9 +27,11 @@
   "sideEffects": false,
   "scripts": {
     "build": "tsup",
+    "build:storybook": "storybook build",
     "clean": "rm -rf dist *.tgz",
     "dev": "tsup --watch",
     "prepack": "npm run clean && npm run build",
+    "storybook": "storybook dev -p 6006",
     "typecheck": "tsc --noEmit"
   },
   "keywords": [
@@ -43,7 +45,7 @@
   ],
   "peerDependencies": {
     "react": ">=17",
-    "smartsell-sales-sdk": ">=0.0.4"
+    "smartsell-sales-sdk": ">=0.0.5"
   },
   "peerDependenciesMeta": {
     "smartsell-sales-sdk": {
@@ -51,9 +53,16 @@
     }
   },
   "devDependencies": {
+    "@storybook/addon-a11y": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/react-vite": "^8.6.14",
     "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.7",
     "react": "^18.3.1",
-    "smartsell-sales-sdk": "^0.0.4",
+    "react-dom": "^18.3.1",
+    "smartsell-sales-sdk": "^0.0.5",
+    "smartsell-theme": "^0.0.3",
+    "storybook": "^8.6.14",
     "tsup": "^8.3.5",
     "typescript": "^5.6.2"
   }