zdp-design-system 0.43.8

package/dist/components/VisuallyHidden.svelte

@@ -0,0 +1,18 @@
+<span class="zdp-visually-hidden">
+  <slot />
+</span>
+
+<style>
+  .zdp-visually-hidden {
+    border: 0;
+    clip: rect(0 0 0 0);
+    clip-path: inset(50%);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    white-space: nowrap;
+    width: 1px;
+  }
+</style>

package/dist/disclosure.ts

@@ -0,0 +1,11 @@
+export type ZdpDisclosureHeadingLevel = 2 | 3 | 4 | 5 | 6;
+
+export type ZdpAccordionMode = 'multiple' | 'single';
+
+export interface ZdpAccordionItem {
+  readonly id: string;
+  readonly title: string;
+  readonly content: string;
+  readonly open?: boolean;
+  readonly disabled?: boolean;
+}

package/dist/focusable.ts

@@ -0,0 +1,36 @@
+export const zdpFocusableSelector = [
+  'a[href]',
+  'area[href]',
+  'button',
+  'input',
+  'select',
+  'textarea',
+  'iframe',
+  'object',
+  'embed',
+  'details > summary:first-of-type',
+  '[contenteditable="true"]',
+  '[tabindex]'
+].join(', ');
+
+export function isZdpFocusableElement(element: HTMLElement): boolean {
+  if (element.tabIndex < 0) {
+    return false;
+  }
+
+  if (element.matches('[disabled], [hidden], [aria-hidden="true"]')) {
+    return false;
+  }
+
+  if (element.closest('[hidden], [aria-hidden="true"], [inert]') !== null) {
+    return false;
+  }
+
+  const style = window.getComputedStyle(element);
+
+  if (style.display === 'none' || style.visibility === 'hidden') {
+    return false;
+  }
+
+  return element.getClientRects().length > 0;
+}

package/dist/identity.ts

@@ -0,0 +1,5 @@
+export type ZdpAvatarSize = 'sm' | 'md' | 'lg';
+export type ZdpAvatarTone = 'neutral' | 'primary';
+export type ZdpIdentityChipSize = 'sm' | 'md';
+export type ZdpIdentityChipAriaCurrent = 'page' | 'step' | 'location' | 'date' | 'time' | 'true';
+

package/dist/index.d.ts

@@ -0,0 +1,106 @@
+export { default as Accordion } from './components/Accordion.svelte';
+export { default as Avatar } from './components/Avatar.svelte';
+export { default as Badge } from './components/Badge.svelte';
+export { default as Breadcrumb } from './components/Breadcrumb.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Callout } from './components/Callout.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as CardHeader } from './components/CardHeader.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as CodeBlock } from './components/CodeBlock.svelte';
+export { default as Combobox } from './components/Combobox.svelte';
+export { default as CommandField } from './components/CommandField.svelte';
+export { default as ConfirmAction } from './components/ConfirmAction.svelte';
+export { default as Container } from './components/Container.svelte';
+export { default as Dialog } from './components/Dialog.svelte';
+export { default as Disclosure } from './components/Disclosure.svelte';
+export { default as Divider } from './components/Divider.svelte';
+export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as ErrorText } from './components/ErrorText.svelte';
+export { default as Field } from './components/Field.svelte';
+export { default as Grid } from './components/Grid.svelte';
+export { default as HelpText } from './components/HelpText.svelte';
+export { default as Icon } from './components/Icon.svelte';
+export { default as IconButton } from './components/IconButton.svelte';
+export { default as Inline } from './components/Inline.svelte';
+export { default as InlineCode } from './components/InlineCode.svelte';
+export { default as Input } from './components/Input.svelte';
+export { default as IdentityChip } from './components/IdentityChip.svelte';
+export { default as Kbd } from './components/Kbd.svelte';
+export { default as KeyValue } from './components/KeyValue.svelte';
+export { default as Label } from './components/Label.svelte';
+export { default as Link } from './components/Link.svelte';
+export { default as LocaleSwitcher } from './components/LocaleSwitcher.svelte';
+export { default as Menu } from './components/Menu.svelte';
+export { default as Page } from './components/Page.svelte';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as Pagination } from './components/Pagination.svelte';
+export { default as Popover } from './components/Popover.svelte';
+export { default as Progress } from './components/Progress.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { default as Section } from './components/Section.svelte';
+export { default as Select } from './components/Select.svelte';
+export { default as SegmentedControl } from './components/SegmentedControl.svelte';
+export { default as ShareDock } from './components/ShareDock.svelte';
+export { default as Sheet } from './components/Sheet.svelte';
+export { default as ShortcutHint } from './components/ShortcutHint.svelte';
+export { default as Skeleton } from './components/Skeleton.svelte';
+export { default as SkipLink } from './components/SkipLink.svelte';
+export { default as SortHeader } from './components/SortHeader.svelte';
+export { default as Stack } from './components/Stack.svelte';
+export { default as StatusToast } from './components/StatusToast.svelte';
+export { default as Spinner } from './components/Spinner.svelte';
+export { default as Surface } from './components/Surface.svelte';
+export { default as Switch } from './components/Switch.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export { default as Table } from './components/Table.svelte';
+export { default as TableToolbar } from './components/TableToolbar.svelte';
+export { default as TermSheet } from './components/TermSheet.svelte';
+export { default as TermTrigger } from './components/TermTrigger.svelte';
+export { default as Textarea } from './components/Textarea.svelte';
+export { default as TextScaleControl } from './components/TextScaleControl.svelte';
+export { default as ThemeToggle } from './components/ThemeToggle.svelte';
+export { default as Tooltip } from './components/Tooltip.svelte';
+export { default as Toast } from './components/Toast.svelte';
+export { default as Toolbar } from './components/Toolbar.svelte';
+export { default as VisuallyHidden } from './components/VisuallyHidden.svelte';
+export type { ZdpComboboxOption, ZdpComboboxSize } from './combobox';
+export type { ZdpCommandFieldSize } from './command';
+export type { ZdpCodeBlockSize, ZdpCodeBlockTone } from './code';
+export type { ZdpAccordionItem, ZdpAccordionMode, ZdpDisclosureHeadingLevel } from './disclosure';
+export type {
+  ZdpAvatarSize,
+  ZdpAvatarTone,
+  ZdpIdentityChipAriaCurrent,
+  ZdpIdentityChipSize
+} from './identity';
+export type { ZdpMenuItem } from './menu';
+export type { ZdpPaginationItem } from './pagination';
+export { isZdpTextScale, zdpLocaleSwitcherOptions, zdpTextScaleControlOptions } from './preferences';
+export type {
+  ZdpLocaleSwitcherOption,
+  ZdpLocaleSwitcherSize,
+  ZdpTextScale,
+  ZdpTextScaleControlOption,
+  ZdpTextScaleControlSize
+} from './preferences';
+export type { ZdpProgressSize, ZdpProgressTone, ZdpSkeletonVariant, ZdpSpinnerSize } from './progress';
+export type { ZdpSegmentedControlItem, ZdpSegmentedControlSize } from './segmented';
+export type { ZdpSheetPlacement, ZdpSheetSize } from './sheet';
+export {
+  isZdpBrowserReservedShortcut,
+  isZdpTextEntryTarget,
+  shouldZdpIgnoreShortcutEvent,
+  zdpShortcutRecommendations,
+  zdpShortcutReservedExamples
+} from './shortcuts';
+export type { ZdpShortcutGuardOptions, ZdpShortcutIntent, ZdpShortcutRecommendation, ZdpShortcutRisk } from './shortcuts';
+export type { ZdpStatusToastItem } from './toast';
+export type { ZdpToastTone } from './toast';
+export type { ZdpThemeMode, ZdpThemeToggleSize } from './theme';
+export type { ZdpSortDirection, ZdpTableDensity, ZdpTableToolbarDensityItem } from './table-tools';
+export type { ZdpTermRelatedTerm, ZdpTermSheetPlacement, ZdpTermSheetTerm } from './term';
+export { zdpShareIcons } from './share';
+export type { ZdpShareDockItem, ZdpShareIconName, ZdpShareIconShape } from './share';
+export { zdpTokenNames } from './tokens';
+export type { ZdpTokenName } from './tokens';

package/dist/index.js

@@ -0,0 +1,76 @@
+export { default as Accordion } from './components/Accordion.svelte';
+export { default as Avatar } from './components/Avatar.svelte';
+export { default as Badge } from './components/Badge.svelte';
+export { default as Breadcrumb } from './components/Breadcrumb.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Callout } from './components/Callout.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as CardHeader } from './components/CardHeader.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as CodeBlock } from './components/CodeBlock.svelte';
+export { default as Combobox } from './components/Combobox.svelte';
+export { default as CommandField } from './components/CommandField.svelte';
+export { default as ConfirmAction } from './components/ConfirmAction.svelte';
+export { default as Container } from './components/Container.svelte';
+export { default as Dialog } from './components/Dialog.svelte';
+export { default as Disclosure } from './components/Disclosure.svelte';
+export { default as Divider } from './components/Divider.svelte';
+export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as ErrorText } from './components/ErrorText.svelte';
+export { default as Field } from './components/Field.svelte';
+export { default as Grid } from './components/Grid.svelte';
+export { default as HelpText } from './components/HelpText.svelte';
+export { default as Icon } from './components/Icon.svelte';
+export { default as IconButton } from './components/IconButton.svelte';
+export { default as Inline } from './components/Inline.svelte';
+export { default as InlineCode } from './components/InlineCode.svelte';
+export { default as Input } from './components/Input.svelte';
+export { default as IdentityChip } from './components/IdentityChip.svelte';
+export { default as Kbd } from './components/Kbd.svelte';
+export { default as KeyValue } from './components/KeyValue.svelte';
+export { default as Label } from './components/Label.svelte';
+export { default as Link } from './components/Link.svelte';
+export { default as LocaleSwitcher } from './components/LocaleSwitcher.svelte';
+export { default as Menu } from './components/Menu.svelte';
+export { default as Page } from './components/Page.svelte';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as Pagination } from './components/Pagination.svelte';
+export { default as Popover } from './components/Popover.svelte';
+export { default as Progress } from './components/Progress.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { default as Section } from './components/Section.svelte';
+export { default as Select } from './components/Select.svelte';
+export { default as SegmentedControl } from './components/SegmentedControl.svelte';
+export { default as ShareDock } from './components/ShareDock.svelte';
+export { default as Sheet } from './components/Sheet.svelte';
+export { default as ShortcutHint } from './components/ShortcutHint.svelte';
+export { default as Skeleton } from './components/Skeleton.svelte';
+export { default as SkipLink } from './components/SkipLink.svelte';
+export { default as SortHeader } from './components/SortHeader.svelte';
+export { default as Stack } from './components/Stack.svelte';
+export { default as StatusToast } from './components/StatusToast.svelte';
+export { default as Spinner } from './components/Spinner.svelte';
+export { default as Surface } from './components/Surface.svelte';
+export { default as Switch } from './components/Switch.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export { default as Table } from './components/Table.svelte';
+export { default as TableToolbar } from './components/TableToolbar.svelte';
+export { default as TermSheet } from './components/TermSheet.svelte';
+export { default as TermTrigger } from './components/TermTrigger.svelte';
+export { default as Textarea } from './components/Textarea.svelte';
+export { default as TextScaleControl } from './components/TextScaleControl.svelte';
+export { default as ThemeToggle } from './components/ThemeToggle.svelte';
+export { default as Tooltip } from './components/Tooltip.svelte';
+export { default as Toast } from './components/Toast.svelte';
+export { default as Toolbar } from './components/Toolbar.svelte';
+export { default as VisuallyHidden } from './components/VisuallyHidden.svelte';
+export { isZdpTextScale, zdpLocaleSwitcherOptions, zdpTextScaleControlOptions } from './preferences.js';
+export {
+  isZdpBrowserReservedShortcut,
+  isZdpTextEntryTarget,
+  shouldZdpIgnoreShortcutEvent,
+  zdpShortcutRecommendations,
+  zdpShortcutReservedExamples
+} from './shortcuts.js';
+export { zdpShareIcons } from './share.js';
+export { zdpTokenNames } from './tokens.js';

package/dist/index.ts

@@ -0,0 +1,106 @@
+export { default as Accordion } from './components/Accordion.svelte';
+export { default as Avatar } from './components/Avatar.svelte';
+export { default as Badge } from './components/Badge.svelte';
+export { default as Breadcrumb } from './components/Breadcrumb.svelte';
+export { default as Button } from './components/Button.svelte';
+export { default as Callout } from './components/Callout.svelte';
+export { default as Card } from './components/Card.svelte';
+export { default as CardHeader } from './components/CardHeader.svelte';
+export { default as Checkbox } from './components/Checkbox.svelte';
+export { default as CodeBlock } from './components/CodeBlock.svelte';
+export { default as Combobox } from './components/Combobox.svelte';
+export { default as CommandField } from './components/CommandField.svelte';
+export { default as ConfirmAction } from './components/ConfirmAction.svelte';
+export { default as Container } from './components/Container.svelte';
+export { default as Dialog } from './components/Dialog.svelte';
+export { default as Disclosure } from './components/Disclosure.svelte';
+export { default as Divider } from './components/Divider.svelte';
+export { default as EmptyState } from './components/EmptyState.svelte';
+export { default as ErrorText } from './components/ErrorText.svelte';
+export { default as Field } from './components/Field.svelte';
+export { default as Grid } from './components/Grid.svelte';
+export { default as HelpText } from './components/HelpText.svelte';
+export { default as Icon } from './components/Icon.svelte';
+export { default as IconButton } from './components/IconButton.svelte';
+export { default as Inline } from './components/Inline.svelte';
+export { default as InlineCode } from './components/InlineCode.svelte';
+export { default as Input } from './components/Input.svelte';
+export { default as IdentityChip } from './components/IdentityChip.svelte';
+export { default as Kbd } from './components/Kbd.svelte';
+export { default as KeyValue } from './components/KeyValue.svelte';
+export { default as Label } from './components/Label.svelte';
+export { default as Link } from './components/Link.svelte';
+export { default as LocaleSwitcher } from './components/LocaleSwitcher.svelte';
+export { default as Menu } from './components/Menu.svelte';
+export { default as Page } from './components/Page.svelte';
+export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as Pagination } from './components/Pagination.svelte';
+export { default as Popover } from './components/Popover.svelte';
+export { default as Progress } from './components/Progress.svelte';
+export { default as Radio } from './components/Radio.svelte';
+export { default as Section } from './components/Section.svelte';
+export { default as Select } from './components/Select.svelte';
+export { default as SegmentedControl } from './components/SegmentedControl.svelte';
+export { default as ShareDock } from './components/ShareDock.svelte';
+export { default as Sheet } from './components/Sheet.svelte';
+export { default as ShortcutHint } from './components/ShortcutHint.svelte';
+export { default as Skeleton } from './components/Skeleton.svelte';
+export { default as SkipLink } from './components/SkipLink.svelte';
+export { default as SortHeader } from './components/SortHeader.svelte';
+export { default as Stack } from './components/Stack.svelte';
+export { default as StatusToast } from './components/StatusToast.svelte';
+export { default as Spinner } from './components/Spinner.svelte';
+export { default as Surface } from './components/Surface.svelte';
+export { default as Switch } from './components/Switch.svelte';
+export { default as Tabs } from './components/Tabs.svelte';
+export { default as Table } from './components/Table.svelte';
+export { default as TableToolbar } from './components/TableToolbar.svelte';
+export { default as TermSheet } from './components/TermSheet.svelte';
+export { default as TermTrigger } from './components/TermTrigger.svelte';
+export { default as Textarea } from './components/Textarea.svelte';
+export { default as TextScaleControl } from './components/TextScaleControl.svelte';
+export { default as ThemeToggle } from './components/ThemeToggle.svelte';
+export { default as Tooltip } from './components/Tooltip.svelte';
+export { default as Toast } from './components/Toast.svelte';
+export { default as Toolbar } from './components/Toolbar.svelte';
+export { default as VisuallyHidden } from './components/VisuallyHidden.svelte';
+export type { ZdpComboboxOption, ZdpComboboxSize } from './combobox';
+export type { ZdpCommandFieldSize } from './command';
+export type { ZdpCodeBlockSize, ZdpCodeBlockTone } from './code';
+export type { ZdpAccordionItem, ZdpAccordionMode, ZdpDisclosureHeadingLevel } from './disclosure';
+export type {
+  ZdpAvatarSize,
+  ZdpAvatarTone,
+  ZdpIdentityChipAriaCurrent,
+  ZdpIdentityChipSize
+} from './identity';
+export type { ZdpMenuItem } from './menu';
+export type { ZdpPaginationItem } from './pagination';
+export { isZdpTextScale, zdpLocaleSwitcherOptions, zdpTextScaleControlOptions } from './preferences';
+export type {
+  ZdpLocaleSwitcherOption,
+  ZdpLocaleSwitcherSize,
+  ZdpTextScale,
+  ZdpTextScaleControlOption,
+  ZdpTextScaleControlSize
+} from './preferences';
+export type { ZdpProgressSize, ZdpProgressTone, ZdpSkeletonVariant, ZdpSpinnerSize } from './progress';
+export type { ZdpSegmentedControlItem, ZdpSegmentedControlSize } from './segmented';
+export type { ZdpSheetPlacement, ZdpSheetSize } from './sheet';
+export {
+  isZdpBrowserReservedShortcut,
+  isZdpTextEntryTarget,
+  shouldZdpIgnoreShortcutEvent,
+  zdpShortcutRecommendations,
+  zdpShortcutReservedExamples
+} from './shortcuts';
+export type { ZdpShortcutGuardOptions, ZdpShortcutIntent, ZdpShortcutRecommendation, ZdpShortcutRisk } from './shortcuts';
+export type { ZdpStatusToastItem } from './toast';
+export type { ZdpToastTone } from './toast';
+export type { ZdpThemeMode, ZdpThemeToggleSize } from './theme';
+export type { ZdpSortDirection, ZdpTableDensity, ZdpTableToolbarDensityItem } from './table-tools';
+export type { ZdpTermRelatedTerm, ZdpTermSheetPlacement, ZdpTermSheetTerm } from './term';
+export { zdpShareIcons } from './share';
+export type { ZdpShareDockItem, ZdpShareIconName, ZdpShareIconShape } from './share';
+export { zdpTokenNames } from './tokens';
+export type { ZdpTokenName } from './tokens';

package/dist/menu.ts

@@ -0,0 +1,12 @@
+export interface ZdpMenuItem {
+  readonly id: string;
+  readonly label: string;
+  readonly href?: string;
+  readonly target?: '_self' | '_blank' | '_parent' | '_top';
+  readonly rel?: string;
+  readonly ariaLabel?: string;
+  readonly disabled?: boolean;
+  readonly tone?: 'normal' | 'danger';
+  readonly separatorBefore?: boolean;
+  readonly onclick?: (event: MouseEvent, item: ZdpMenuItem) => void;
+}

package/dist/modal-layer.ts

@@ -0,0 +1,108 @@
+export const zdpModalLayerRootAttribute = 'data-zdp-modal-layer-root';
+export const zdpModalLayerActiveAttribute = 'data-zdp-modal-layer-active';
+export const zdpModalLayerLevelAttribute = 'data-zdp-modal-layer-level';
+
+export interface ZdpModalLayerHandle {
+  setActive(active: boolean, root?: HTMLElement | null): void;
+  destroy(): void;
+}
+
+let nextLayerId = 1;
+const activeLayerIds: number[] = [];
+let previousBodyOverflow: string | null = null;
+
+export function createZdpModalLayer(): ZdpModalLayerHandle {
+  const layerId = nextLayerId;
+  nextLayerId += 1;
+
+  let active = false;
+  let currentRoot: HTMLElement | null = null;
+
+  function setActive(nextActive: boolean, root: HTMLElement | null = currentRoot): void {
+    if (root !== currentRoot) {
+      clearRootAttributes();
+      currentRoot = root;
+    }
+
+    if (nextActive && !active) {
+      active = true;
+      activeLayerIds.push(layerId);
+    } else if (!nextActive && active) {
+      active = false;
+      removeActiveLayer(layerId);
+    }
+
+    syncRootAttributes();
+    syncDocumentState();
+  }
+
+  function destroy(): void {
+    if (active) {
+      active = false;
+      removeActiveLayer(layerId);
+    }
+
+    clearRootAttributes();
+    syncDocumentState();
+  }
+
+  function syncRootAttributes(): void {
+    if (currentRoot === null) {
+      return;
+    }
+
+    currentRoot.setAttribute(zdpModalLayerRootAttribute, '');
+
+    if (!active) {
+      currentRoot.removeAttribute(zdpModalLayerActiveAttribute);
+      currentRoot.removeAttribute(zdpModalLayerLevelAttribute);
+      return;
+    }
+
+    currentRoot.setAttribute(zdpModalLayerActiveAttribute, 'true');
+    currentRoot.setAttribute(zdpModalLayerLevelAttribute, String(activeLayerIds.indexOf(layerId) + 1));
+  }
+
+  function clearRootAttributes(): void {
+    currentRoot?.removeAttribute(zdpModalLayerRootAttribute);
+    currentRoot?.removeAttribute(zdpModalLayerActiveAttribute);
+    currentRoot?.removeAttribute(zdpModalLayerLevelAttribute);
+  }
+
+  return { destroy, setActive };
+}
+
+function removeActiveLayer(layerId: number): void {
+  const index = activeLayerIds.lastIndexOf(layerId);
+
+  if (index >= 0) {
+    activeLayerIds.splice(index, 1);
+  }
+}
+
+function syncDocumentState(): void {
+  if (typeof document === 'undefined') {
+    return;
+  }
+
+  const root = document.documentElement;
+  const body = document.body;
+
+  if (activeLayerIds.length > 0) {
+    root.setAttribute('data-zdp-modal-layer-count', String(activeLayerIds.length));
+
+    if (previousBodyOverflow === null) {
+      previousBodyOverflow = body.style.overflow;
+      body.style.overflow = 'hidden';
+    }
+
+    return;
+  }
+
+  root.removeAttribute('data-zdp-modal-layer-count');
+
+  if (previousBodyOverflow !== null) {
+    body.style.overflow = previousBodyOverflow;
+    previousBodyOverflow = null;
+  }
+}

package/dist/pagination.ts

@@ -0,0 +1,10 @@
+export type ZdpPaginationItem =
+  | {
+      readonly type: 'page';
+      readonly page: number;
+      readonly key: string;
+    }
+  | {
+      readonly type: 'ellipsis';
+      readonly key: string;
+    };

package/dist/preferences.js

@@ -0,0 +1,14 @@
+export const zdpTextScaleControlOptions = [
+  { value: 'base', label: 'A', ariaLabel: 'Default text size' },
+  { value: 'large', label: 'A+', ariaLabel: 'Large text size' },
+  { value: 'larger', label: 'A++', ariaLabel: 'Larger text size' }
+];
+
+export const zdpLocaleSwitcherOptions = [
+  { value: 'en', label: 'English', shortLabel: 'EN', lang: 'en', ariaLabel: 'English' },
+  { value: 'ko', label: 'Korean', shortLabel: 'KO', lang: 'ko', ariaLabel: 'Korean' }
+];
+
+export function isZdpTextScale(value) {
+  return value === 'base' || value === 'large' || value === 'larger';
+}

package/dist/preferences.ts

@@ -0,0 +1,36 @@
+export type ZdpTextScale = 'base' | 'large' | 'larger';
+
+export type ZdpTextScaleControlSize = 'sm' | 'md';
+
+export type ZdpLocaleSwitcherSize = 'sm' | 'md';
+
+export interface ZdpLocaleSwitcherOption {
+  readonly value: string;
+  readonly label: string;
+  readonly shortLabel?: string;
+  readonly lang?: string;
+  readonly ariaLabel?: string;
+  readonly disabled?: boolean;
+}
+
+export interface ZdpTextScaleControlOption {
+  readonly value: ZdpTextScale;
+  readonly label: string;
+  readonly ariaLabel?: string;
+  readonly disabled?: boolean;
+}
+
+export const zdpTextScaleControlOptions = [
+  { value: 'base', label: 'A', ariaLabel: 'Default text size' },
+  { value: 'large', label: 'A+', ariaLabel: 'Large text size' },
+  { value: 'larger', label: 'A++', ariaLabel: 'Larger text size' }
+] as const satisfies readonly ZdpTextScaleControlOption[];
+
+export const zdpLocaleSwitcherOptions = [
+  { value: 'en', label: 'English', shortLabel: 'EN', lang: 'en', ariaLabel: 'English' },
+  { value: 'ko', label: 'Korean', shortLabel: 'KO', lang: 'ko', ariaLabel: 'Korean' }
+] as const satisfies readonly ZdpLocaleSwitcherOption[];
+
+export function isZdpTextScale(value: string | null | undefined): value is ZdpTextScale {
+  return value === 'base' || value === 'large' || value === 'larger';
+}

package/dist/progress.ts

@@ -0,0 +1,4 @@
+export type ZdpProgressTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';
+export type ZdpProgressSize = 'sm' | 'md';
+export type ZdpSpinnerSize = 'sm' | 'md' | 'lg';
+export type ZdpSkeletonVariant = 'text' | 'block' | 'avatar';