@ankhorage/zora 1.0.4 → 1.0.6

package/dist/components/avatar-group/index.js

@@ -0,0 +1,2 @@
+export { AvatarGroup } from './AvatarGroup';
+//# sourceMappingURL=index.js.map

package/dist/components/avatar-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { AvatarGroup } from './AvatarGroup';\nexport type { AvatarGroupItem, AvatarGroupProps } from './types';\n"]}

package/dist/components/avatar-group/types.d.ts

@@ -0,0 +1,22 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type { ImageSourcePropType } from 'react-native';
+import type { ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+import type { AvatarShape, AvatarSize } from '../avatar';
+export interface AvatarGroupItem {
+    id?: string;
+    source?: ImageSourcePropType;
+    name?: string;
+    initials?: string;
+    iconFallback?: ButtonIconSpec;
+    label?: string;
+    tone?: ZoraTone;
+}
+export interface AvatarGroupProps extends ZoraBaseProps {
+    items: readonly AvatarGroupItem[];
+    max?: number;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    overflowLabel?: (overflowCount: number) => string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/avatar-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/avatar-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEzD,MAAM,WAAW,eAAe;IAC9B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,EAAE,SAAS,eAAe,EAAE,CAAC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,MAAM,CAAC;CACnD"}

package/dist/components/avatar-group/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/avatar-group/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/avatar-group/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type { ImageSourcePropType } from 'react-native';\n\nimport type { ZoraTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\nimport type { AvatarShape, AvatarSize } from '../avatar';\n\nexport interface AvatarGroupItem {\n  id?: string;\n  source?: ImageSourcePropType;\n  name?: string;\n  initials?: string;\n  iconFallback?: ButtonIconSpec;\n  label?: string;\n  tone?: ZoraTone;\n}\n\nexport interface AvatarGroupProps extends ZoraBaseProps {\n  items: readonly AvatarGroupItem[];\n  max?: number;\n  size?: AvatarSize;\n  shape?: AvatarShape;\n  overflowLabel?: (overflowCount: number) => string;\n}\n"]}

package/dist/components/chip/Chip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChipProps } from './types';
+export declare const Chip: (props: ChipProps) => React.ReactElement | null;
+//# sourceMappingURL=Chip.d.ts.map

package/dist/components/chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAwB,SAAS,EAAE,MAAM,SAAS,CAAC;AAoF/D,eAAO,MAAM,IAAI,iDAAgC,CAAC"}

package/dist/components/chip/Chip.js

@@ -0,0 +1,54 @@
+import { ButtonBase } from '@ankhorage/surface';
+import React from 'react';
+import { Box, Inline } from '../../foundation';
+import { resolveIconSize } from '../../internal/recipes';
+import { useZoraTheme } from '../../theme/useZoraTheme';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Icon } from '../icon';
+import { Text } from '../text';
+import { resolveChipColors } from './resolveChipColors';
+function resolveChipPadding(size) {
+    switch (size) {
+        case 's':
+            return { px: 's', py: 'xxs' };
+        case 'm':
+            return { px: 'm', py: 'xs' };
+        case 'l':
+        default:
+            return { px: 'm', py: 'xs' };
+    }
+}
+function ChipInner({ themeId: _themeId, mode: _mode, testID, children, icon, selected = false, disabled = false, tone = 'neutral', size = 's', onPress, }) {
+    const { theme } = useZoraTheme();
+    const padding = resolveChipPadding(size);
+    const iconSize = resolveIconSize(size);
+    const renderContent = (state) => {
+        const colors = resolveChipColors({ theme, tone, selected, state });
+        const textTone = state.disabled
+            ? 'muted'
+            : selected
+                ? tone === 'neutral'
+                    ? 'default'
+                    : tone
+                : 'default';
+        return (<Box bg={colors.backgroundColor} borderColor={colors.borderColor} borderWidth={1} px={padding.px} py={padding.py} radius="full" style={{
+                alignSelf: 'flex-start',
+                opacity: colors.opacity,
+            }}>
+        <Inline align="center" gap="xs" wrap="nowrap">
+          {icon ? (<Icon color={colors.contentColor} name={icon.name} provider={icon.provider} size={iconSize}/>) : null}
+          <Text tone={textTone} variant="label">
+            {children}
+          </Text>
+        </Inline>
+      </Box>);
+    };
+    if (!onPress) {
+        return renderContent({ disabled, focused: false, hovered: false, pressed: false });
+    }
+    return (<ButtonBase disabled={disabled} onPress={onPress} radius="full" testID={testID}>
+      {(state) => renderContent(state)}
+    </ButtonBase>);
+}
+export const Chip = withZoraThemeScope(ChipInner);
+//# sourceMappingURL=Chip.js.map

package/dist/components/chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/chip/Chip.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ButtonBase } from '@ankhorage/surface';\nimport React from 'react';\n\nimport { Box, Inline } from '../../foundation';\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Icon } from '../icon';\nimport { Text } from '../text';\nimport { resolveChipColors } from './resolveChipColors';\nimport type { ChipInteractionState, ChipProps } from './types';\n\nfunction resolveChipPadding(size: NonNullable<ChipProps['size']>): {\n  px: 's' | 'm';\n  py: 'xxs' | 'xs';\n} {\n  switch (size) {\n    case 's':\n      return { px: 's', py: 'xxs' };\n    case 'm':\n      return { px: 'm', py: 'xs' };\n    case 'l':\n    default:\n      return { px: 'm', py: 'xs' };\n  }\n}\n\nfunction ChipInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  children,\n  icon,\n  selected = false,\n  disabled = false,\n  tone = 'neutral',\n  size = 's',\n  onPress,\n}: ChipProps) {\n  const { theme } = useZoraTheme();\n  const padding = resolveChipPadding(size);\n  const iconSize = resolveIconSize(size);\n\n  const renderContent = (state: ChipInteractionState) => {\n    const colors = resolveChipColors({ theme, tone, selected, state });\n    const textTone = state.disabled\n      ? 'muted'\n      : selected\n        ? tone === 'neutral'\n          ? 'default'\n          : tone\n        : 'default';\n\n    return (\n      <Box\n        bg={colors.backgroundColor}\n        borderColor={colors.borderColor}\n        borderWidth={1}\n        px={padding.px}\n        py={padding.py}\n        radius=\"full\"\n        style={{\n          alignSelf: 'flex-start',\n          opacity: colors.opacity,\n        }}\n      >\n        <Inline align=\"center\" gap=\"xs\" wrap=\"nowrap\">\n          {icon ? (\n            <Icon\n              color={colors.contentColor}\n              name={icon.name}\n              provider={icon.provider}\n              size={iconSize}\n            />\n          ) : null}\n          <Text tone={textTone} variant=\"label\">\n            {children}\n          </Text>\n        </Inline>\n      </Box>\n    );\n  };\n\n  if (!onPress) {\n    return renderContent({ disabled, focused: false, hovered: false, pressed: false });\n  }\n\n  return (\n    <ButtonBase disabled={disabled} onPress={onPress} radius=\"full\" testID={testID}>\n      {(state) => renderContent(state)}\n    </ButtonBase>\n  );\n}\n\nexport const Chip = withZoraThemeScope(ChipInner);\n"]}

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

@@ -0,0 +1,3 @@
+export { Chip } from './Chip';
+export type { ChipProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/chip/index.js

@@ -0,0 +1,2 @@
+export { Chip } from './Chip';
+//# sourceMappingURL=index.js.map

package/dist/components/chip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC","sourcesContent":["export { Chip } from './Chip';\nexport type { ChipProps } from './types';\n"]}

package/dist/components/chip/resolveChipColors.d.ts

@@ -0,0 +1,10 @@
+import type { SurfaceTheme } from '@ankhorage/surface';
+import type { ZoraTone } from '../../internal/recipes';
+import type { ChipColors, ChipInteractionState } from './types';
+export declare function resolveChipColors({ theme, tone, selected, state, }: {
+    theme: SurfaceTheme;
+    tone: ZoraTone;
+    selected: boolean;
+    state: ChipInteractionState;
+}): ChipColors;
+//# sourceMappingURL=resolveChipColors.d.ts.map

package/dist/components/chip/resolveChipColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChipColors.d.ts","sourceRoot":"","sources":["../../../src/components/chip/resolveChipColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAkBhE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,oBAAoB,CAAC;CAC7B,GAAG,UAAU,CAiCb"}

package/dist/components/chip/resolveChipColors.js

@@ -0,0 +1,47 @@
+function resolveChipRole(theme, tone) {
+    switch (tone) {
+        case 'primary':
+            return theme.semantics.action.primary;
+        case 'danger':
+            return theme.semantics.action.danger;
+        case 'success':
+            return theme.semantics.success;
+        case 'warning':
+            return theme.semantics.warning;
+        case 'neutral':
+        default:
+            return theme.semantics.action.neutral;
+    }
+}
+export function resolveChipColors({ theme, tone, selected, state, }) {
+    if (state.disabled) {
+        return {
+            backgroundColor: theme.semantics.neutral.surface,
+            borderColor: theme.semantics.neutral.divider,
+            contentColor: theme.semantics.content.muted,
+            opacity: 0.72,
+        };
+    }
+    const role = resolveChipRole(theme, tone);
+    if (selected) {
+        return {
+            backgroundColor: state.pressed
+                ? role.softActive
+                : state.hovered
+                    ? role.softHover
+                    : role.softBg,
+            borderColor: 'transparent',
+            contentColor: role.base,
+        };
+    }
+    return {
+        backgroundColor: state.pressed
+            ? theme.semantics.neutral.surfaceActive
+            : state.hovered
+                ? theme.semantics.neutral.surfaceHover
+                : theme.semantics.neutral.surface,
+        borderColor: theme.semantics.neutral.divider,
+        contentColor: theme.semantics.content.default,
+    };
+}
+//# sourceMappingURL=resolveChipColors.js.map

package/dist/components/chip/resolveChipColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveChipColors.js","sourceRoot":"","sources":["../../../src/components/chip/resolveChipColors.ts"],"names":[],"mappings":"AAKA,SAAS,eAAe,CAAC,KAAmB,EAAE,IAAc;IAC1D,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;QACxC,KAAK,QAAQ;YACX,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;QACvC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC;QACjC,KAAK,SAAS,CAAC;QACf;YACE,OAAO,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAK,GAMN;IACC,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;YAChD,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;YAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YAC3C,OAAO,EAAE,IAAI;SACd,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAE1C,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO;YACL,eAAe,EAAE,KAAK,CAAC,OAAO;gBAC5B,CAAC,CAAC,IAAI,CAAC,UAAU;gBACjB,CAAC,CAAC,KAAK,CAAC,OAAO;oBACb,CAAC,CAAC,IAAI,CAAC,SAAS;oBAChB,CAAC,CAAC,IAAI,CAAC,MAAM;YACjB,WAAW,EAAE,aAAa;YAC1B,YAAY,EAAE,IAAI,CAAC,IAAI;SACxB,CAAC;IACJ,CAAC;IAED,OAAO;QACL,eAAe,EAAE,KAAK,CAAC,OAAO;YAC5B,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa;YACvC,CAAC,CAAC,KAAK,CAAC,OAAO;gBACb,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY;gBACtC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;QAC5C,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;KAC9C,CAAC;AACJ,CAAC","sourcesContent":["import type { RoleSemantics, SurfaceTheme } from '@ankhorage/surface';\n\nimport type { ZoraTone } from '../../internal/recipes';\nimport type { ChipColors, ChipInteractionState } from './types';\n\nfunction resolveChipRole(theme: SurfaceTheme, tone: ZoraTone): RoleSemantics {\n  switch (tone) {\n    case 'primary':\n      return theme.semantics.action.primary;\n    case 'danger':\n      return theme.semantics.action.danger;\n    case 'success':\n      return theme.semantics.success;\n    case 'warning':\n      return theme.semantics.warning;\n    case 'neutral':\n    default:\n      return theme.semantics.action.neutral;\n  }\n}\n\nexport function resolveChipColors({\n  theme,\n  tone,\n  selected,\n  state,\n}: {\n  theme: SurfaceTheme;\n  tone: ZoraTone;\n  selected: boolean;\n  state: ChipInteractionState;\n}): ChipColors {\n  if (state.disabled) {\n    return {\n      backgroundColor: theme.semantics.neutral.surface,\n      borderColor: theme.semantics.neutral.divider,\n      contentColor: theme.semantics.content.muted,\n      opacity: 0.72,\n    };\n  }\n\n  const role = resolveChipRole(theme, tone);\n\n  if (selected) {\n    return {\n      backgroundColor: state.pressed\n        ? role.softActive\n        : state.hovered\n          ? role.softHover\n          : role.softBg,\n      borderColor: 'transparent',\n      contentColor: role.base,\n    };\n  }\n\n  return {\n    backgroundColor: state.pressed\n      ? theme.semantics.neutral.surfaceActive\n      : state.hovered\n        ? theme.semantics.neutral.surfaceHover\n        : theme.semantics.neutral.surface,\n    borderColor: theme.semantics.neutral.divider,\n    contentColor: theme.semantics.content.default,\n  };\n}\n"]}

package/dist/components/chip/types.d.ts

@@ -0,0 +1,26 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type React from 'react';
+import type { ZoraControlSize, ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface ChipProps extends ZoraBaseProps {
+    children: React.ReactNode;
+    icon?: ButtonIconSpec;
+    selected?: boolean;
+    disabled?: boolean;
+    tone?: ZoraTone;
+    size?: ZoraControlSize;
+    onPress?: () => void;
+}
+export interface ChipColors {
+    backgroundColor: string;
+    borderColor: string;
+    contentColor: string;
+    opacity?: number;
+}
+export interface ChipInteractionState {
+    pressed: boolean;
+    hovered: boolean;
+    focused: boolean;
+    disabled: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/chip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/chip/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/chip/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/chip/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraControlSize, ZoraTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ChipProps extends ZoraBaseProps {\n  children: React.ReactNode;\n  icon?: ButtonIconSpec;\n  selected?: boolean;\n  disabled?: boolean;\n  tone?: ZoraTone;\n  size?: ZoraControlSize;\n  onPress?: () => void;\n}\n\nexport interface ChipColors {\n  backgroundColor: string;\n  borderColor: string;\n  contentColor: string;\n  opacity?: number;\n}\n\nexport interface ChipInteractionState {\n  pressed: boolean;\n  hovered: boolean;\n  focused: boolean;\n  disabled: boolean;\n}\n"]}

package/dist/components/chip-group/ChipGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChipGroupProps } from './types';
+export declare const ChipGroup: <TValue extends string = string>(props: ChipGroupProps<TValue>) => React.ReactElement | null;
+//# sourceMappingURL=ChipGroup.d.ts.map

package/dist/components/chip-group/ChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../src/components/chip-group/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,SAAS,CAAC;AA4D7D,eAAO,MAAM,SAAS,GAlDE,MAAM,SAAS,MAAM,sEAkDc,CAAC"}

package/dist/components/chip-group/ChipGroup.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Inline } from '../../foundation';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Chip } from '../chip';
+function hasValue(values, value) {
+    return values.includes(value);
+}
+function toggleValue(values, value) {
+    return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];
+}
+function ChipGroupInner({ themeId: _themeId, mode: _mode, testID, items, value, onValueChange, multiple, tone = 'neutral', size = 's', wrap = true, disabled, }) {
+    const renderChip = (item) => {
+        const itemDisabled = disabled ?? item.disabled ?? false;
+        const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;
+        const handlePress = () => {
+            if (multiple) {
+                const next = toggleValue(value, item.value);
+                onValueChange(next);
+                return;
+            }
+            onValueChange(item.value);
+        };
+        return (<Chip key={item.value} disabled={itemDisabled} icon={item.icon} onPress={handlePress} selected={isSelected} size={size} testID={item.testID} tone={tone}>
+        {item.label}
+      </Chip>);
+    };
+    return (<Inline align="center" gap="s" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>
+      {items.map(renderChip)}
+    </Inline>);
+}
+export const ChipGroup = withZoraThemeScope(ChipGroupInner);
+//# sourceMappingURL=ChipGroup.js.map

package/dist/components/chip-group/ChipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.js","sourceRoot":"","sources":["../../../src/components/chip-group/ChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAG/B,SAAS,QAAQ,CAAwB,MAAyB,EAAE,KAAa;IAC/E,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC;AAED,SAAS,WAAW,CAAwB,MAAyB,EAAE,KAAa;IAClF,OAAO,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC,CAAC;AAChG,CAAC;AAED,SAAS,cAAc,CAAiC,EACtD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,KAAK,EACL,aAAa,EACb,QAAQ,EACR,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,GAAG,EACV,IAAI,GAAG,IAAI,EACX,QAAQ,GACe;IACvB,MAAM,UAAU,GAAG,CAAC,IAA2B,EAAE,EAAE;QACjD,MAAM,YAAY,GAAG,QAAQ,IAAI,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;QACxD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC;QAE7F,MAAM,WAAW,GAAG,GAAG,EAAE;YACvB,IAAI,QAAQ,EAAE,CAAC;gBACb,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC5C,aAAa,CAAC,IAAI,CAAC,CAAC;gBACpB,OAAO;YACT,CAAC;YAED,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAChB,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAChB,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,QAAQ,CAAC,CAAC,UAAU,CAAC,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CACpB,IAAI,CAAC,CAAC,IAAI,CAAC,CAEX;QAAA,CAAC,IAAI,CAAC,KAAK,CACb;MAAA,EAAE,IAAI,CAAC,CACR,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAC5E;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CACxB;IAAA,EAAE,MAAM,CAAC,CACV,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { Inline } from '../../foundation';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Chip } from '../chip';\nimport type { ChipGroupItem, ChipGroupProps } from './types';\n\nfunction hasValue<TValue extends string>(values: readonly TValue[], value: TValue): boolean {\n  return values.includes(value);\n}\n\nfunction toggleValue<TValue extends string>(values: readonly TValue[], value: TValue): TValue[] {\n  return hasValue(values, value) ? values.filter((item) => item !== value) : [...values, value];\n}\n\nfunction ChipGroupInner<TValue extends string = string>({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  items,\n  value,\n  onValueChange,\n  multiple,\n  tone = 'neutral',\n  size = 's',\n  wrap = true,\n  disabled,\n}: ChipGroupProps<TValue>) {\n  const renderChip = (item: ChipGroupItem<TValue>) => {\n    const itemDisabled = disabled ?? item.disabled ?? false;\n    const isSelected = Array.isArray(value) ? hasValue(value, item.value) : value === item.value;\n\n    const handlePress = () => {\n      if (multiple) {\n        const next = toggleValue(value, item.value);\n        onValueChange(next);\n        return;\n      }\n\n      onValueChange(item.value);\n    };\n\n    return (\n      <Chip\n        key={item.value}\n        disabled={itemDisabled}\n        icon={item.icon}\n        onPress={handlePress}\n        selected={isSelected}\n        size={size}\n        testID={item.testID}\n        tone={tone}\n      >\n        {item.label}\n      </Chip>\n    );\n  };\n\n  return (\n    <Inline align=\"center\" gap=\"s\" testID={testID} wrap={wrap ? 'wrap' : 'nowrap'}>\n      {items.map(renderChip)}\n    </Inline>\n  );\n}\n\nexport const ChipGroup = withZoraThemeScope(ChipGroupInner);\n"]}

package/dist/components/chip-group/index.d.ts

@@ -0,0 +1,3 @@
+export { ChipGroup } from './ChipGroup';
+export type { ChipGroupItem, ChipGroupProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/chip-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/chip-group/index.js

@@ -0,0 +1,2 @@
+export { ChipGroup } from './ChipGroup';
+//# sourceMappingURL=index.js.map

package/dist/components/chip-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/chip-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { ChipGroup } from './ChipGroup';\nexport type { ChipGroupItem, ChipGroupProps } from './types';\n"]}

package/dist/components/chip-group/types.d.ts

@@ -0,0 +1,31 @@
+import type { ButtonIconSpec } from '@ankhorage/surface';
+import type React from 'react';
+import type { ZoraControlSize, ZoraTone } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface ChipGroupItem<TValue extends string = string> {
+    value: TValue;
+    label: React.ReactNode;
+    icon?: ButtonIconSpec;
+    disabled?: boolean;
+    testID?: string;
+}
+interface ChipGroupBaseProps<TValue extends string> extends ZoraBaseProps {
+    items: readonly ChipGroupItem<TValue>[];
+    tone?: ZoraTone;
+    size?: ZoraControlSize;
+    wrap?: boolean;
+    disabled?: boolean;
+}
+interface ChipGroupSingleProps<TValue extends string> {
+    multiple?: false;
+    value: TValue;
+    onValueChange: (value: TValue) => void;
+}
+interface ChipGroupMultipleProps<TValue extends string> {
+    multiple: true;
+    value: readonly TValue[];
+    onValueChange: (value: TValue[]) => void;
+}
+export type ChipGroupProps<TValue extends string = string> = ChipGroupBaseProps<TValue> & (ChipGroupSingleProps<TValue> | ChipGroupMultipleProps<TValue>);
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/components/chip-group/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/chip-group/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,aAAa,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB,CAAC,MAAM,SAAS,MAAM,CAAE,SAAQ,aAAa;IACvE,KAAK,EAAE,SAAS,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC;IACxC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,oBAAoB,CAAC,MAAM,SAAS,MAAM;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,UAAU,sBAAsB,CAAC,MAAM,SAAS,MAAM;IACpD,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,MAAM,GAAG,MAAM,IAAI,kBAAkB,CAAC,MAAM,CAAC,GACrF,CAAC,oBAAoB,CAAC,MAAM,CAAC,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC"}

package/dist/components/chip-group/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/chip-group/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/chip-group/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type React from 'react';\n\nimport type { ZoraControlSize, ZoraTone } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface ChipGroupItem<TValue extends string = string> {\n  value: TValue;\n  label: React.ReactNode;\n  icon?: ButtonIconSpec;\n  disabled?: boolean;\n  testID?: string;\n}\n\ninterface ChipGroupBaseProps<TValue extends string> extends ZoraBaseProps {\n  items: readonly ChipGroupItem<TValue>[];\n  tone?: ZoraTone;\n  size?: ZoraControlSize;\n  wrap?: boolean;\n  disabled?: boolean;\n}\n\ninterface ChipGroupSingleProps<TValue extends string> {\n  multiple?: false;\n  value: TValue;\n  onValueChange: (value: TValue) => void;\n}\n\ninterface ChipGroupMultipleProps<TValue extends string> {\n  multiple: true;\n  value: readonly TValue[];\n  onValueChange: (value: TValue[]) => void;\n}\n\nexport type ChipGroupProps<TValue extends string = string> = ChipGroupBaseProps<TValue> &\n  (ChipGroupSingleProps<TValue> | ChipGroupMultipleProps<TValue>);\n"]}

package/dist/components/input/Input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0C1C,eAAO,MAAM,KAAK,kDAAiC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAyD1C,eAAO,MAAM,KAAK,kDAAiC,CAAC"}

package/dist/components/input/Input.js

@@ -3,11 +3,12 @@ import React from 'react';
 import { resolveIconSize } from '../../internal/recipes';
 import { useZoraTheme } from '../../theme/useZoraTheme';
 import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-function InputInner({ themeId: _themeId, mode: _mode, size = 'l', leadingIcon, trailingIcon, ...props }) {
+import { IconButton } from '../icon-button';
+function InputInner({ themeId: _themeId, mode: _mode, size = 'l', leadingIcon, trailingIcon, trailingAction, disabled, readOnly, ...props }) {
     const { theme } = useZoraTheme();
     const iconSize = resolveIconSize(size);
     const iconColor = theme.semantics.content.muted;
-    return (<Surface.TextInput {...props} leadingAccessory={leadingIcon ? (<Surface.Icon color={iconColor} name={leadingIcon.name} provider={leadingIcon.provider} size={iconSize}/>) : undefined} size={size} trailingAccessory={trailingIcon ? (<Surface.Icon color={iconColor} name={trailingIcon.name} provider={trailingIcon.provider} size={iconSize}/>) : undefined}/>);
+    return (<Surface.TextInput {...props} disabled={disabled} leadingAccessory={leadingIcon ? (<Surface.Icon color={iconColor} name={leadingIcon.name} provider={leadingIcon.provider} size={iconSize}/>) : undefined} readOnly={readOnly} size={size} trailingAccessory={trailingAction ? (<IconButton icon={trailingAction.icon} label={trailingAction.label} disabled={disabled ?? readOnly} emphasis="ghost" size={size === 'l' ? 'm' : size} tone="neutral" onPress={trailingAction.onPress}/>) : trailingIcon ? (<Surface.Icon color={iconColor} name={trailingIcon.name} provider={trailingIcon.provider} size={iconSize}/>) : undefined}/>);
 }
 export const Input = withZoraThemeScope(InputInner);
 //# sourceMappingURL=Input.js.map

package/dist/components/input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAGpE,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,GAAG,GAAG,EACV,WAAW,EACX,YAAY,EACZ,GAAG,KAAK,EACG;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAEhD,OAAO,CACL,CAAC,OAAO,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CACV,gBAAgB,CAAC,CACf,WAAW,CAAC,CAAC,CAAC,CACZ,CAAC,OAAO,CAAC,IAAI,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACvB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,CACD,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,iBAAiB,CAAC,CAChB,YAAY,CAAC,CAAC,CAAC,CACb,CAAC,OAAO,CAAC,IAAI,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,QAAQ,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,EACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import * as Surface from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport type { InputProps } from './types';\n\nfunction InputInner({\n  themeId: _themeId,\n  mode: _mode,\n  size = 'l',\n  leadingIcon,\n  trailingIcon,\n  ...props\n}: InputProps) {\n  const { theme } = useZoraTheme();\n  const iconSize = resolveIconSize(size);\n  const iconColor = theme.semantics.content.muted;\n\n  return (\n    <Surface.TextInput\n      {...props}\n      leadingAccessory={\n        leadingIcon ? (\n          <Surface.Icon\n            color={iconColor}\n            name={leadingIcon.name}\n            provider={leadingIcon.provider}\n            size={iconSize}\n          />\n        ) : undefined\n      }\n      size={size}\n      trailingAccessory={\n        trailingIcon ? (\n          <Surface.Icon\n            color={iconColor}\n            name={trailingIcon.name}\n            provider={trailingIcon.provider}\n            size={iconSize}\n          />\n        ) : undefined\n      }\n    />\n  );\n}\n\nexport const Input = withZoraThemeScope(InputInner);\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAC9C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,SAAS,UAAU,CAAC,EAClB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,IAAI,GAAG,GAAG,EACV,WAAW,EACX,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACG;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,QAAQ,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC;IAEhD,OAAO,CACL,CAAC,OAAO,CAAC,SAAS,CAChB,IAAI,KAAK,CAAC,CACV,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,gBAAgB,CAAC,CACf,WAAW,CAAC,CAAC,CAAC,CACZ,CAAC,OAAO,CAAC,IAAI,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CACvB,QAAQ,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,CAC/B,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,CACD,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,iBAAiB,CAAC,CAChB,cAAc,CAAC,CAAC,CAAC,CACf,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAC1B,KAAK,CAAC,CAAC,cAAc,CAAC,KAAK,CAAC,CAC5B,QAAQ,CAAC,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAC/B,QAAQ,CAAC,OAAO,CAChB,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAChC,IAAI,CAAC,SAAS,CACd,OAAO,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,EAChC,CACH,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,CAAC,OAAO,CAAC,IAAI,CACX,KAAK,CAAC,CAAC,SAAS,CAAC,CACjB,IAAI,CAAC,CAAC,YAAY,CAAC,IAAI,CAAC,CACxB,QAAQ,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAChC,IAAI,CAAC,CAAC,QAAQ,CAAC,EACf,CACH,CAAC,CAAC,CAAC,SACN,CAAC,EACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,kBAAkB,CAAC,UAAU,CAAC,CAAC","sourcesContent":["import * as Surface from '@ankhorage/surface';\nimport React from 'react';\n\nimport { resolveIconSize } from '../../internal/recipes';\nimport { useZoraTheme } from '../../theme/useZoraTheme';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { IconButton } from '../icon-button';\nimport type { InputProps } from './types';\n\nfunction InputInner({\n  themeId: _themeId,\n  mode: _mode,\n  size = 'l',\n  leadingIcon,\n  trailingIcon,\n  trailingAction,\n  disabled,\n  readOnly,\n  ...props\n}: InputProps) {\n  const { theme } = useZoraTheme();\n  const iconSize = resolveIconSize(size);\n  const iconColor = theme.semantics.content.muted;\n\n  return (\n    <Surface.TextInput\n      {...props}\n      disabled={disabled}\n      leadingAccessory={\n        leadingIcon ? (\n          <Surface.Icon\n            color={iconColor}\n            name={leadingIcon.name}\n            provider={leadingIcon.provider}\n            size={iconSize}\n          />\n        ) : undefined\n      }\n      readOnly={readOnly}\n      size={size}\n      trailingAccessory={\n        trailingAction ? (\n          <IconButton\n            icon={trailingAction.icon}\n            label={trailingAction.label}\n            disabled={disabled ?? readOnly}\n            emphasis=\"ghost\"\n            size={size === 'l' ? 'm' : size}\n            tone=\"neutral\"\n            onPress={trailingAction.onPress}\n          />\n        ) : trailingIcon ? (\n          <Surface.Icon\n            color={iconColor}\n            name={trailingIcon.name}\n            provider={trailingIcon.provider}\n            size={iconSize}\n          />\n        ) : undefined\n      }\n    />\n  );\n}\n\nexport const Input = withZoraThemeScope(InputInner);\n"]}

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

@@ -1,3 +1,3 @@
 export { Input } from './Input';
-export type { InputProps } from './types';
+export type { InputProps, InputTrailingAction } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/input/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { Input } from './Input';\nexport type { InputProps } from './types';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC","sourcesContent":["export { Input } from './Input';\nexport type { InputProps, InputTrailingAction } from './types';\n"]}

package/dist/components/input/types.d.ts

@@ -1,9 +1,22 @@
 import type * as Surface from '@ankhorage/surface';
 import type { ZoraControlSize } from '../../internal/recipes';
 import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface InputProps extends ZoraBaseProps, Omit<Surface.TextInputProps, 'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'> {
+export interface InputTrailingAction {
+    icon: Surface.ButtonIconSpec;
+    label: string;
+    onPress: () => void;
+}
+type InputTrailingProps = {
+    trailingIcon?: Surface.ButtonIconSpec;
+    trailingAction?: never;
+} | {
+    trailingIcon?: never;
+    trailingAction?: InputTrailingAction;
+};
+export interface InputBaseProps extends ZoraBaseProps, Omit<Surface.TextInputProps, 'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'> {
     size?: ZoraControlSize;
     leadingIcon?: Surface.ButtonIconSpec;
-    trailingIcon?: Surface.ButtonIconSpec;
 }
+export type InputProps = InputBaseProps & InputTrailingProps;
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,UACf,SACE,aAAa,EACb,IAAI,CACF,OAAO,CAAC,cAAc,EACtB,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,GAAG,MAAM,GAAG,SAAS,CACvE;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;CACvC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,OAAO,MAAM,oBAAoB,CAAC;AAEnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC,cAAc,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,KAAK,kBAAkB,GACnB;IACE,YAAY,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,cAAc,CAAC,EAAE,mBAAmB,CAAC;CACtC,CAAC;AAEN,MAAM,WAAW,cACf,SACE,aAAa,EACb,IAAI,CACF,OAAO,CAAC,cAAc,EACtB,kBAAkB,GAAG,MAAM,GAAG,mBAAmB,GAAG,MAAM,GAAG,SAAS,CACvE;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC;CACtC;AAED,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,kBAAkB,CAAC"}

package/dist/components/input/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"","sourcesContent":["import type * as Surface from '@ankhorage/surface';\n\nimport type { ZoraControlSize } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface InputProps\n  extends\n    ZoraBaseProps,\n    Omit<\n      Surface.TextInputProps,\n      'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'\n    > {\n  size?: ZoraControlSize;\n  leadingIcon?: Surface.ButtonIconSpec;\n  trailingIcon?: Surface.ButtonIconSpec;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/input/types.ts"],"names":[],"mappings":"","sourcesContent":["import type * as Surface from '@ankhorage/surface';\n\nimport type { ZoraControlSize } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface InputTrailingAction {\n  icon: Surface.ButtonIconSpec;\n  label: string;\n  onPress: () => void;\n}\n\ntype InputTrailingProps =\n  | {\n      trailingIcon?: Surface.ButtonIconSpec;\n      trailingAction?: never;\n    }\n  | {\n      trailingIcon?: never;\n      trailingAction?: InputTrailingAction;\n    };\n\nexport interface InputBaseProps\n  extends\n    ZoraBaseProps,\n    Omit<\n      Surface.TextInputProps,\n      'leadingAccessory' | 'size' | 'trailingAccessory' | 'mode' | 'themeId'\n    > {\n  size?: ZoraControlSize;\n  leadingIcon?: Surface.ButtonIconSpec;\n}\n\nexport type InputProps = InputBaseProps & InputTrailingProps;\n"]}

package/dist/components/search-bar/SearchBar.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SearchBarProps } from './types';
+export declare const SearchBar: (props: SearchBarProps) => React.ReactElement | null;
+//# sourceMappingURL=SearchBar.d.ts.map

package/dist/components/search-bar/SearchBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AA6C9C,eAAO,MAAM,SAAS,sDAAqC,CAAC"}

package/dist/components/search-bar/SearchBar.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
+import { Input } from '../input';
+function SearchBarInner({ themeId: _themeId, mode: _mode, testID, value, onValueChange, placeholder = 'Search', onSubmit, onClear, clearable = true, size = 'l', disabled, readOnly, }) {
+    const trailingAction = clearable && value.length > 0
+        ? {
+            icon: { name: 'close-circle' },
+            label: 'Clear search',
+            onPress: () => {
+                onValueChange('');
+                onClear?.();
+            },
+        }
+        : undefined;
+    return (<Input disabled={disabled} leadingIcon={{ name: 'search-outline' }} onChangeText={onValueChange} onSubmitEditing={onSubmit ? () => onSubmit(value) : undefined} placeholder={placeholder} readOnly={readOnly} returnKeyType="search" size={size} testID={testID} trailingAction={trailingAction} value={value}/>);
+}
+export const SearchBar = withZoraThemeScope(SearchBarInner);
+//# sourceMappingURL=SearchBar.js.map

package/dist/components/search-bar/SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/search-bar/SearchBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,KAAK,EAA4B,MAAM,UAAU,CAAC;AAG3D,SAAS,cAAc,CAAC,EACtB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,KAAK,EACX,MAAM,EACN,KAAK,EACL,aAAa,EACb,WAAW,GAAG,QAAQ,EACtB,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,IAAI,GAAG,GAAG,EACV,QAAQ,EACR,QAAQ,GACO;IACf,MAAM,cAAc,GAClB,SAAS,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAC3B,CAAC,CAAC;YACE,IAAI,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;YAC9B,KAAK,EAAE,cAAc;YACrB,OAAO,EAAE,GAAG,EAAE;gBACZ,aAAa,CAAC,EAAE,CAAC,CAAC;gBAClB,OAAO,EAAE,EAAE,CAAC;YACd,CAAC;SACF;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,OAAO,CACL,CAAC,KAAK,CACJ,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,WAAW,CAAC,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC,CACxC,YAAY,CAAC,CAAC,aAAa,CAAC,CAC5B,eAAe,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAC9D,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,aAAa,CAAC,QAAQ,CACtB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,EACb,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,kBAAkB,CAAC,cAAc,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Input, type InputTrailingAction } from '../input';\nimport type { SearchBarProps } from './types';\n\nfunction SearchBarInner({\n  themeId: _themeId,\n  mode: _mode,\n  testID,\n  value,\n  onValueChange,\n  placeholder = 'Search',\n  onSubmit,\n  onClear,\n  clearable = true,\n  size = 'l',\n  disabled,\n  readOnly,\n}: SearchBarProps) {\n  const trailingAction: InputTrailingAction | undefined =\n    clearable && value.length > 0\n      ? {\n          icon: { name: 'close-circle' },\n          label: 'Clear search',\n          onPress: () => {\n            onValueChange('');\n            onClear?.();\n          },\n        }\n      : undefined;\n\n  return (\n    <Input\n      disabled={disabled}\n      leadingIcon={{ name: 'search-outline' }}\n      onChangeText={onValueChange}\n      onSubmitEditing={onSubmit ? () => onSubmit(value) : undefined}\n      placeholder={placeholder}\n      readOnly={readOnly}\n      returnKeyType=\"search\"\n      size={size}\n      testID={testID}\n      trailingAction={trailingAction}\n      value={value}\n    />\n  );\n}\n\nexport const SearchBar = withZoraThemeScope(SearchBarInner);\n"]}

package/dist/components/search-bar/index.d.ts

@@ -0,0 +1,3 @@
+export { SearchBar } from './SearchBar';
+export type { SearchBarProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/search-bar/index.js

@@ -0,0 +1,2 @@
+export { SearchBar } from './SearchBar';
+//# sourceMappingURL=index.js.map

package/dist/components/search-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC","sourcesContent":["export { SearchBar } from './SearchBar';\nexport type { SearchBarProps } from './types';\n"]}

package/dist/components/search-bar/types.d.ts

@@ -0,0 +1,14 @@
+import type { ZoraControlSize } from '../../internal/recipes';
+import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
+export interface SearchBarProps extends ZoraBaseProps {
+    value: string;
+    onValueChange: (value: string) => void;
+    placeholder?: string;
+    onSubmit?: (value: string) => void;
+    onClear?: () => void;
+    clearable?: boolean;
+    size?: ZoraControlSize;
+    disabled?: boolean;
+    readOnly?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/search-bar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/search-bar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/components/search-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/search-bar/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ZoraControlSize } from '../../internal/recipes';\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface SearchBarProps extends ZoraBaseProps {\n  value: string;\n  onValueChange: (value: string) => void;\n  placeholder?: string;\n  onSubmit?: (value: string) => void;\n  onClear?: () => void;\n  clearable?: boolean;\n  size?: ZoraControlSize;\n  disabled?: boolean;\n  readOnly?: boolean;\n}\n"]}