@ankhorage/surface 4.2.0 → 4.2.1

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

@@ -1,18 +0,0 @@
-import type React from 'react';
-import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
-import type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';
-import type { ButtonBaseProps } from '../../primitives/button-base';
-import type { IconSource } from '../../primitives/icon';
-import type { SurfaceColor } from '../../surfaceColor';
-export type ButtonIconSpec = IconSource;
-export interface ButtonProps extends Omit<ButtonBaseProps, 'accessibilityLabel' | 'children' | 'style'> {
-    children?: React.ReactNode;
-    variant?: ButtonVariant;
-    color?: SurfaceColor;
-    size?: ControlSize;
-    loading?: boolean;
-    leadingIcon?: ButtonIconSpec;
-    trailingIcon?: ButtonIconSpec;
-    fullWidth?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,eAAe,EACf,oBAAoB,GAAG,UAAU,GAAG,OAAO,CAC5C;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/dist/components/button/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ControlSize } from '../../internal/resolvers/resolveControlSize';\nimport type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';\nimport type { ButtonBaseProps } from '../../primitives/button-base';\nimport type { IconSource } from '../../primitives/icon';\nimport type { SurfaceColor } from '../../surfaceColor';\n\nexport type ButtonIconSpec = IconSource;\n\nexport interface ButtonProps extends Omit<\n  ButtonBaseProps,\n  'accessibilityLabel' | 'children' | 'style'\n> {\n  children?: React.ReactNode;\n  variant?: ButtonVariant;\n  color?: SurfaceColor;\n  size?: ControlSize;\n  loading?: boolean;\n  leadingIcon?: ButtonIconSpec;\n  trailingIcon?: ButtonIconSpec;\n  fullWidth?: boolean;\n}\n"]}

package/dist/components/card/Card.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CardProps } from './types';
-export declare function Card({ children, variant, onPress, disabled, testID, style, ...props }: CardProps): React.JSX.Element;
-//# sourceMappingURL=Card.d.ts.map

package/dist/components/card/Card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAgCzC,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,qBAmCX"}

package/dist/components/card/Card.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { Surface } from '../../layout';
-import { ButtonBase } from '../../primitives/button-base';
-import { useTheme } from '../../theme/ThemeContext';
-function resolveCardStateBackground(variant, pressed, hovered, themeBackgrounds) {
-    if (variant === 'outline') {
-        return pressed ? themeBackgrounds.active : hovered ? themeBackgrounds.hover : 'transparent';
-    }
-    if (variant === 'subtle') {
-        return pressed
-            ? themeBackgrounds.active
-            : hovered
-                ? themeBackgrounds.hover
-                : themeBackgrounds.subtle;
-    }
-    return pressed
-        ? themeBackgrounds.active
-        : hovered
-            ? themeBackgrounds.hover
-            : themeBackgrounds.base;
-}
-export function Card({ children, variant = 'default', onPress, disabled = false, testID, style, ...props }) {
-    const { theme } = useTheme();
-    if (!onPress) {
-        return (<Surface {...props} style={style} testID={testID} variant={variant}>
-        {children}
-      </Surface>);
-    }
-    return (<ButtonBase accessibilityRole="button" disabled={disabled} onPress={onPress} testID={testID}>
-      {(state) => (<Surface {...props} style={[
-                {
-                    backgroundColor: resolveCardStateBackground(variant, state.pressed, state.hovered, {
-                        active: theme.semantics.neutral.surfaceActive,
-                        base: theme.semantics.surface.default,
-                        hover: theme.semantics.neutral.surfaceHover,
-                        subtle: theme.semantics.surface.subtle,
-                    }),
-                    opacity: state.disabled ? 0.72 : 1,
-                },
-                style,
-            ]} variant={variant}>
-          {children}
-        </Surface>)}
-    </ButtonBase>);
-}
-//# sourceMappingURL=Card.js.map

package/dist/components/card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,SAAS,0BAA0B,CACjC,OAA0C,EAC1C,OAAgB,EAChB,OAAgB,EAChB,gBAKC;IAED,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC;IAC9F,CAAC;IAED,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QACzB,OAAO,OAAO;YACZ,CAAC,CAAC,gBAAgB,CAAC,MAAM;YACzB,CAAC,CAAC,OAAO;gBACP,CAAC,CAAC,gBAAgB,CAAC,KAAK;gBACxB,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC;IAChC,CAAC;IAED,OAAO,OAAO;QACZ,CAAC,CAAC,gBAAgB,CAAC,MAAM;QACzB,CAAC,CAAC,OAAO;YACP,CAAC,CAAC,gBAAgB,CAAC,KAAK;YACxB,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;AAC9B,CAAC;AAED,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACE;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE7B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,CACL,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CACjE;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,OAAO,CAAC,CACX,CAAC;IACJ,CAAC;IAED,OAAO,CACL,CAAC,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC1F;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACV,CAAC,OAAO,CACN,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;gBACL;oBACE,eAAe,EAAE,0BAA0B,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE;wBACjF,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,aAAa;wBAC7C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO;wBACrC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,YAAY;wBAC3C,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;qBACvC,CAAC;oBACF,OAAO,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;iBACnC;gBACD,KAAK;aACN,CAAC,CACF,OAAO,CAAC,CAAC,OAAO,CAAC,CAEjB;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,OAAO,CAAC,CACX,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Surface } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { CardProps } from './types';\n\nfunction resolveCardStateBackground(\n  variant: NonNullable<CardProps['variant']>,\n  pressed: boolean,\n  hovered: boolean,\n  themeBackgrounds: {\n    base: string;\n    subtle: string;\n    hover: string;\n    active: string;\n  },\n) {\n  if (variant === 'outline') {\n    return pressed ? themeBackgrounds.active : hovered ? themeBackgrounds.hover : 'transparent';\n  }\n\n  if (variant === 'subtle') {\n    return pressed\n      ? themeBackgrounds.active\n      : hovered\n        ? themeBackgrounds.hover\n        : themeBackgrounds.subtle;\n  }\n\n  return pressed\n    ? themeBackgrounds.active\n    : hovered\n      ? themeBackgrounds.hover\n      : themeBackgrounds.base;\n}\n\nexport function Card({\n  children,\n  variant = 'default',\n  onPress,\n  disabled = false,\n  testID,\n  style,\n  ...props\n}: CardProps) {\n  const { theme } = useTheme();\n\n  if (!onPress) {\n    return (\n      <Surface {...props} style={style} testID={testID} variant={variant}>\n        {children}\n      </Surface>\n    );\n  }\n\n  return (\n    <ButtonBase accessibilityRole=\"button\" disabled={disabled} onPress={onPress} testID={testID}>\n      {(state) => (\n        <Surface\n          {...props}\n          style={[\n            {\n              backgroundColor: resolveCardStateBackground(variant, state.pressed, state.hovered, {\n                active: theme.semantics.neutral.surfaceActive,\n                base: theme.semantics.surface.default,\n                hover: theme.semantics.neutral.surfaceHover,\n                subtle: theme.semantics.surface.subtle,\n              }),\n              opacity: state.disabled ? 0.72 : 1,\n            },\n            style,\n          ]}\n          variant={variant}\n        >\n          {children}\n        </Surface>\n      )}\n    </ButtonBase>\n  );\n}\n"]}

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

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

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

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

package/dist/components/card/index.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEjE,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,SAAS,CAAC;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/card/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/card/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { SurfaceProps, SurfaceVariant } from '../../layout';\n\nexport interface CardProps extends Omit<SurfaceProps, 'children' | 'variant'> {\n  children?: React.ReactNode;\n  variant?: SurfaceVariant;\n  onPress?: (() => void) | undefined;\n  disabled?: boolean;\n  testID?: string;\n}\n"]}

package/dist/components/checkbox/Checkbox.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { CheckboxProps } from './types';
-export declare function Checkbox({ children, checked, defaultChecked, onCheckedChange, color, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: CheckboxProps): React.JSX.Element;
-//# sourceMappingURL=Checkbox.d.ts.map

package/dist/components/checkbox/Checkbox.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,qBA2Ff"}

package/dist/components/checkbox/Checkbox.js

@@ -1,69 +0,0 @@
-import React from 'react';
-import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../internal/resolvers';
-import { useControllableState } from '../../internal/useControllableState';
-import { Box } from '../../layout';
-import { ButtonBase } from '../../primitives/button-base';
-import { Text } from '../../primitives/text';
-import { useTheme } from '../../theme/ThemeContext';
-export function Checkbox({ children, checked, defaultChecked = false, onCheckedChange, color = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
-    const { theme } = useTheme();
-    const [isChecked, setChecked] = useControllableState({
-        value: checked,
-        defaultValue: defaultChecked,
-        onChange: onCheckedChange,
-    });
-    const indicatorSize = resolveIndicatorSize(size);
-    const nextChecked = resolveSelectionControlNextChecked({
-        checked: isChecked,
-        disabled,
-        kind: 'checkbox',
-        readOnly,
-    });
-    return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="checkbox" accessibilityState={{ checked: isChecked }} disabled={disabled} onPress={nextChecked === null
-            ? undefined
-            : () => {
-                setChecked(nextChecked);
-            }} testID={testID}>
-      {(interactionState) => {
-            const fieldState = resolveFieldState({
-                disabled,
-                focused: interactionState.focused,
-                invalid,
-                readOnly,
-            });
-            const colors = resolveSelectionControlColors(theme, {
-                checked: isChecked,
-                fieldState,
-                hovered: interactionState.hovered,
-                pressed: interactionState.pressed,
-                color,
-            });
-            const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';
-            const indicatorColor = fieldState.invalid ? 'error' : color;
-            const indicatorEmphasis = disabled ? 'muted' : 'inverse';
-            return (<Box style={{
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                    opacity: colors.opacity,
-                }}>
-            <Box radius="s" style={{
-                    alignItems: 'center',
-                    backgroundColor: colors.backgroundColor,
-                    borderColor: colors.borderColor,
-                    borderWidth: 1.5,
-                    height: indicatorSize.checkbox,
-                    justifyContent: 'center',
-                    width: indicatorSize.checkbox,
-                }}>
-              {isChecked ? (<Text color={disabled ? undefined : indicatorColor} emphasis={indicatorEmphasis} variant="caption" weight="bold">
-                  ✓
-                </Text>) : null}
-            </Box>
-            {children ? (<Box ml="s">
-                <Text emphasis={labelEmphasis}>{children}</Text>
-              </Box>) : null}
-          </Box>);
-        }}
-    </ButtonBase>);
-}
-//# sourceMappingURL=Checkbox.js.map

package/dist/components/checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../internal/resolvers';\nimport { useControllableState } from '../../internal/useControllableState';\nimport { Box } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { CheckboxProps } from './types';\n\nexport function Checkbox({\n  children,\n  checked,\n  defaultChecked = false,\n  onCheckedChange,\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  invalid = false,\n  readOnly = false,\n  accessibilityLabel,\n  testID,\n  ...props\n}: CheckboxProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n  const indicatorSize = resolveIndicatorSize(size);\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'checkbox',\n    readOnly,\n  });\n\n  return (\n    <ButtonBase\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={\n        nextChecked === null\n          ? undefined\n          : () => {\n              setChecked(nextChecked);\n            }\n      }\n      testID={testID}\n    >\n      {(interactionState) => {\n        const fieldState = resolveFieldState({\n          disabled,\n          focused: interactionState.focused,\n          invalid,\n          readOnly,\n        });\n        const colors = resolveSelectionControlColors(theme, {\n          checked: isChecked,\n          fieldState,\n          hovered: interactionState.hovered,\n          pressed: interactionState.pressed,\n          color,\n        });\n        const labelEmphasis =\n          colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n        const indicatorColor = fieldState.invalid ? 'error' : color;\n        const indicatorEmphasis = disabled ? 'muted' : 'inverse';\n\n        return (\n          <Box\n            style={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              opacity: colors.opacity,\n            }}\n          >\n            <Box\n              radius=\"s\"\n              style={{\n                alignItems: 'center',\n                backgroundColor: colors.backgroundColor,\n                borderColor: colors.borderColor,\n                borderWidth: 1.5,\n                height: indicatorSize.checkbox,\n                justifyContent: 'center',\n                width: indicatorSize.checkbox,\n              }}\n            >\n              {isChecked ? (\n                <Text\n                  color={disabled ? undefined : indicatorColor}\n                  emphasis={indicatorEmphasis}\n                  variant=\"caption\"\n                  weight=\"bold\"\n                >\n                  ✓\n                </Text>\n              ) : null}\n            </Box>\n            {children ? (\n              <Box ml=\"s\">\n                <Text emphasis={labelEmphasis}>{children}</Text>\n              </Box>\n            ) : null}\n          </Box>\n        );\n      }}\n    </ButtonBase>\n  );\n}\n"]}

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

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

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

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

package/dist/components/checkbox/index.js

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,eAAe,EACf,mBAAmB,GAAG,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC9E;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/checkbox/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ControlSize } from '../../internal/resolvers/resolveControlSize';\nimport type { ButtonBaseProps } from '../../primitives/button-base';\nimport type { SurfaceColor } from '../../surfaceColor';\n\nexport interface CheckboxProps extends Omit<\n  ButtonBaseProps,\n  'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'\n> {\n  children?: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  color?: SurfaceColor;\n  size?: ControlSize;\n  invalid?: boolean;\n  readOnly?: boolean;\n}\n"]}

package/dist/components/icon-button/IconButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,qBAmCjB"}

package/dist/components/icon-button/IconButton.js

@@ -1,28 +0,0 @@
-import React from 'react';
-import { resolveButtonColors, resolveControlSize, resolveIconSize } from '../../internal/resolvers';
-import { Box } from '../../layout';
-import { ButtonBase } from '../../primitives/button-base';
-import { Icon } from '../../primitives/icon';
-import { useTheme } from '../../theme/ThemeContext';
-export function IconButton({ icon, accessibilityLabel, variant = 'ghost', color = 'primary', size = 'm', disabled = false, onPress, testID, ...props }) {
-    const { theme } = useTheme();
-    const controlSize = resolveControlSize(theme, size);
-    return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} disabled={disabled} onPress={onPress} testID={testID}>
-      {(state) => {
-            const colors = resolveButtonColors(theme, { color, state, variant });
-            return (<Box radius={controlSize.borderRadius} style={{
-                    minHeight: controlSize.minHeight,
-                    minWidth: controlSize.minHeight,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                    backgroundColor: colors.backgroundColor,
-                    borderColor: colors.borderColor,
-                    borderWidth: variant === 'solid' ? 0 : 1,
-                    opacity: colors.opacity,
-                }}>
-            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)}/>
-          </Box>);
-        }}
-    </ButtonBase>);
-}
-//# sourceMappingURL=IconButton.js.map

package/dist/components/icon-button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/icon-button/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACpG,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACQ;IAChB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,UAAU,CACT,IAAI,KAAK,CAAC,CACV,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE;YACT,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YAErE,OAAO,CACL,CAAC,GAAG,CACF,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC;oBACL,SAAS,EAAE,WAAW,CAAC,SAAS;oBAChC,QAAQ,EAAE,WAAW,CAAC,SAAS;oBAC/B,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,eAAe,EAAE,MAAM,CAAC,eAAe;oBACvC,WAAW,EAAE,MAAM,CAAC,WAAW;oBAC/B,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACxC,OAAO,EAAE,MAAM,CAAC,OAAO;iBACxB,CAAC,CAEF;YAAA,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EACjF;UAAA,EAAE,GAAG,CAAC,CACP,CAAC;QACJ,CAAC,CACH;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { resolveButtonColors, resolveControlSize, resolveIconSize } from '../../internal/resolvers';\nimport { Box } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Icon } from '../../primitives/icon';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { IconButtonProps } from './types';\n\nexport function IconButton({\n  icon,\n  accessibilityLabel,\n  variant = 'ghost',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  onPress,\n  testID,\n  ...props\n}: IconButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <ButtonBase\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      disabled={disabled}\n      onPress={onPress}\n      testID={testID}\n    >\n      {(state) => {\n        const colors = resolveButtonColors(theme, { color, state, variant });\n\n        return (\n          <Box\n            radius={controlSize.borderRadius}\n            style={{\n              minHeight: controlSize.minHeight,\n              minWidth: controlSize.minHeight,\n              alignItems: 'center',\n              justifyContent: 'center',\n              backgroundColor: colors.backgroundColor,\n              borderColor: colors.borderColor,\n              borderWidth: variant === 'solid' ? 0 : 1,\n              opacity: colors.opacity,\n            }}\n          >\n            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)} />\n          </Box>\n        );\n      }}\n    </ButtonBase>\n  );\n}\n"]}

package/dist/components/icon-button/index.d.ts

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

package/dist/components/icon-button/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/icon-button/index.js

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

package/dist/components/icon-button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/icon-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { IconButton } from './IconButton';\nexport type { IconButtonProps } from './types';\n"]}

package/dist/components/icon-button/types.d.ts

@@ -1,13 +0,0 @@
-import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
-import type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';
-import type { ButtonBaseProps } from '../../primitives/button-base';
-import type { IconSource } from '../../primitives/icon';
-import type { SurfaceColor } from '../../surfaceColor';
-export interface IconButtonProps extends Omit<ButtonBaseProps, 'children' | 'style' | 'accessibilityLabel'> {
-    icon: IconSource;
-    accessibilityLabel: string;
-    variant?: ButtonVariant;
-    color?: SurfaceColor;
-    size?: ControlSize;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/components/icon-button/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mDAAmD,CAAC;AACvF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,eAAe,EACf,UAAU,GAAG,OAAO,GAAG,oBAAoB,CAC5C;IACC,IAAI,EAAE,UAAU,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB"}

package/dist/components/icon-button/types.js

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

package/dist/components/icon-button/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/icon-button/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ControlSize } from '../../internal/resolvers/resolveControlSize';\nimport type { ButtonVariant } from '../../internal/resolvers/resolveInteractiveColors';\nimport type { ButtonBaseProps } from '../../primitives/button-base';\nimport type { IconSource } from '../../primitives/icon';\nimport type { SurfaceColor } from '../../surfaceColor';\n\nexport interface IconButtonProps extends Omit<\n  ButtonBaseProps,\n  'children' | 'style' | 'accessibilityLabel'\n> {\n  icon: IconSource;\n  accessibilityLabel: string;\n  variant?: ButtonVariant;\n  color?: SurfaceColor;\n  size?: ControlSize;\n}\n"]}

package/dist/components/radio/Radio.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { RadioProps } from './types';
-/***
- * Renders one radio control with either text or structured label content.
- */
-export declare function Radio({ children, checked, defaultChecked, onCheckedChange, color, size, disabled, invalid, readOnly, accessibilityLabel, testID, ...props }: RadioProps): React.JSX.Element;
-//# sourceMappingURL=Radio.d.ts.map

package/dist/components/radio/Radio.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,UAAU,qBA2FZ"}

package/dist/components/radio/Radio.js

@@ -1,75 +0,0 @@
-import React from 'react';
-import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../internal/resolvers';
-import { useControllableState } from '../../internal/useControllableState';
-import { Box } from '../../layout';
-import { ButtonBase } from '../../primitives/button-base';
-import { Text } from '../../primitives/text';
-import { useTheme } from '../../theme/ThemeContext';
-import { isRadioTextContent } from './isRadioTextContent';
-/***
- * Renders one radio control with either text or structured label content.
- */
-export function Radio({ children, checked, defaultChecked = false, onCheckedChange, color = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {
-    const { theme } = useTheme();
-    const [isChecked, setChecked] = useControllableState({
-        value: checked,
-        defaultValue: defaultChecked,
-        onChange: onCheckedChange,
-    });
-    const indicatorSize = resolveIndicatorSize(size);
-    const nextChecked = resolveSelectionControlNextChecked({
-        checked: isChecked,
-        disabled,
-        kind: 'radio',
-        readOnly,
-    });
-    const hasContent = children !== undefined && children !== null && children !== false;
-    return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} accessibilityRole="radio" accessibilityState={{ checked: isChecked }} disabled={disabled} onPress={nextChecked === null
-            ? undefined
-            : () => {
-                setChecked(nextChecked);
-            }} testID={testID}>
-      {(interactionState) => {
-            const fieldState = resolveFieldState({
-                disabled,
-                focused: interactionState.focused,
-                invalid,
-                readOnly,
-            });
-            const colors = resolveSelectionControlColors(theme, {
-                checked: isChecked,
-                fieldState,
-                hovered: interactionState.hovered,
-                pressed: interactionState.pressed,
-                color,
-            });
-            const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';
-            const isTextContent = isRadioTextContent(children);
-            return (<Box style={{
-                    alignItems: 'center',
-                    flexDirection: 'row',
-                    opacity: colors.opacity,
-                }}>
-            <Box radius="full" style={{
-                    alignItems: 'center',
-                    backgroundColor: colors.backgroundColor,
-                    borderColor: colors.borderColor,
-                    borderWidth: 1.5,
-                    height: indicatorSize.radio,
-                    justifyContent: 'center',
-                    width: indicatorSize.radio,
-                }}>
-              {isChecked ? (<Box radius="full" style={{
-                        backgroundColor: colors.indicatorColor,
-                        height: indicatorSize.radioDot,
-                        width: indicatorSize.radioDot,
-                    }}/>) : null}
-            </Box>
-            {hasContent ? (<Box flex={1} ml="s">
-                {isTextContent ? <Text emphasis={labelEmphasis}>{children}</Text> : children}
-              </Box>) : null}
-          </Box>);
-        }}
-    </ButtonBase>);
-}
-//# sourceMappingURL=Radio.js.map

package/dist/components/radio/Radio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/radio/Radio.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../internal/resolvers';\nimport { useControllableState } from '../../internal/useControllableState';\nimport { Box } from '../../layout';\nimport { ButtonBase } from '../../primitives/button-base';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport { isRadioTextContent } from './isRadioTextContent';\nimport type { RadioProps } from './types';\n\n/***\n * Renders one radio control with either text or structured label content.\n */\nexport function Radio({\n  children,\n  checked,\n  defaultChecked = false,\n  onCheckedChange,\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  invalid = false,\n  readOnly = false,\n  accessibilityLabel,\n  testID,\n  ...props\n}: RadioProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n  const indicatorSize = resolveIndicatorSize(size);\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'radio',\n    readOnly,\n  });\n  const hasContent = children !== undefined && children !== null && children !== false;\n\n  return (\n    <ButtonBase\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={\n        nextChecked === null\n          ? undefined\n          : () => {\n              setChecked(nextChecked);\n            }\n      }\n      testID={testID}\n    >\n      {(interactionState) => {\n        const fieldState = resolveFieldState({\n          disabled,\n          focused: interactionState.focused,\n          invalid,\n          readOnly,\n        });\n        const colors = resolveSelectionControlColors(theme, {\n          checked: isChecked,\n          fieldState,\n          hovered: interactionState.hovered,\n          pressed: interactionState.pressed,\n          color,\n        });\n        const labelEmphasis =\n          colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n        const isTextContent = isRadioTextContent(children);\n\n        return (\n          <Box\n            style={{\n              alignItems: 'center',\n              flexDirection: 'row',\n              opacity: colors.opacity,\n            }}\n          >\n            <Box\n              radius=\"full\"\n              style={{\n                alignItems: 'center',\n                backgroundColor: colors.backgroundColor,\n                borderColor: colors.borderColor,\n                borderWidth: 1.5,\n                height: indicatorSize.radio,\n                justifyContent: 'center',\n                width: indicatorSize.radio,\n              }}\n            >\n              {isChecked ? (\n                <Box\n                  radius=\"full\"\n                  style={{\n                    backgroundColor: colors.indicatorColor,\n                    height: indicatorSize.radioDot,\n                    width: indicatorSize.radioDot,\n                  }}\n                />\n              ) : null}\n            </Box>\n            {hasContent ? (\n              <Box flex={1} ml=\"s\">\n                {isTextContent ? <Text emphasis={labelEmphasis}>{children}</Text> : children}\n              </Box>\n            ) : null}\n          </Box>\n        );\n      }}\n    </ButtonBase>\n  );\n}\n"]}

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

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

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

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

package/dist/components/radio/index.js

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

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

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

package/dist/components/radio/isRadioTextContent.d.ts

@@ -1,6 +0,0 @@
-import type React from 'react';
-/***
- * Reports whether Radio content should use the built-in text-label presentation.
- */
-export declare function isRadioTextContent(children: React.ReactNode): children is string | number;
-//# sourceMappingURL=isRadioTextContent.d.ts.map

package/dist/components/radio/isRadioTextContent.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"isRadioTextContent.d.ts","sourceRoot":"","sources":["../../../src/components/radio/isRadioTextContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,IAAI,MAAM,GAAG,MAAM,CAEzF"}

package/dist/components/radio/isRadioTextContent.js

@@ -1,7 +0,0 @@
-/***
- * Reports whether Radio content should use the built-in text-label presentation.
- */
-export function isRadioTextContent(children) {
-    return typeof children === 'string' || typeof children === 'number';
-}
-//# sourceMappingURL=isRadioTextContent.js.map

package/dist/components/radio/isRadioTextContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"isRadioTextContent.js","sourceRoot":"","sources":["../../../src/components/radio/isRadioTextContent.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,QAAyB;IAC1D,OAAO,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC;AACtE,CAAC","sourcesContent":["import type React from 'react';\n\n/***\n * Reports whether Radio content should use the built-in text-label presentation.\n */\nexport function isRadioTextContent(children: React.ReactNode): children is string | number {\n  return typeof children === 'string' || typeof children === 'number';\n}\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,eAAe,EACf,mBAAmB,GAAG,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC9E;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/radio/types.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/radio/types.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ControlSize } from '../../internal/resolvers/resolveControlSize';\nimport type { ButtonBaseProps } from '../../primitives/button-base';\nimport type { SurfaceColor } from '../../surfaceColor';\n\nexport interface RadioProps extends Omit<\n  ButtonBaseProps,\n  'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'\n> {\n  children?: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  color?: SurfaceColor;\n  size?: ControlSize;\n  invalid?: boolean;\n  readOnly?: boolean;\n}\n"]}

package/dist/components/text-input/TextInput.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { TextInputProps } from './types';
-export declare function TextInput({ value, defaultValue, onChangeText, placeholder, size, disabled, readOnly, invalid, leadingAccessory, trailingAccessory, interactionPolicy, style, testID, onFocus, onBlur, ...props }: TextInputProps): React.JSX.Element;
-//# sourceMappingURL=TextInput.d.ts.map

package/dist/components/text-input/TextInput.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,IAAU,EACV,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAA6B,EAC7B,KAAK,EACL,MAAM,EACN,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,cAAc,qBA6FhB"}

package/dist/components/text-input/TextInput.js

@@ -1,72 +0,0 @@
-import React from 'react';
-import { Platform, TextInput as ReactNativeTextInput, View } from 'react-native';
-import { resolveControlSize, resolveFieldState, resolveFocusRingStyles, resolveInputColors, resolveTextStyles, } from '../../internal/resolvers';
-import { useTheme } from '../../theme/ThemeContext';
-export function TextInput({ value, defaultValue, onChangeText, placeholder, size = 'm', disabled = false, readOnly = false, invalid = false, leadingAccessory, trailingAccessory, interactionPolicy = 'enabled', style, testID, onFocus, onBlur, ...props }) {
-    const { theme } = useTheme();
-    const controlSize = resolveControlSize(theme, size);
-    const [focused, setFocused] = React.useState(false);
-    const fieldState = resolveFieldState({
-        disabled,
-        focused,
-        invalid,
-        readOnly,
-    });
-    const colors = resolveInputColors(theme, fieldState);
-    const resolvedTextStyle = resolveTextStyles(theme, {
-        variant: controlSize.textVariant,
-    });
-    const resolvedLineHeight = typeof resolvedTextStyle.lineHeight === 'number'
-        ? resolvedTextStyle.lineHeight
-        : controlSize.minHeight - controlSize.paddingVertical * 2;
-    const lineCount = Math.max(props.numberOfLines ?? 1, 1);
-    const inputMinHeight = props.multiline
-        ? resolvedLineHeight * lineCount
-        : controlSize.minHeight - controlSize.paddingVertical * 2;
-    const containerMinHeight = props.multiline
-        ? inputMinHeight + controlSize.paddingVertical * 2
-        : controlSize.minHeight;
-    const passive = interactionPolicy === 'passive';
-    const handleFocus = (event) => {
-        setFocused(true);
-        onFocus?.(event);
-    };
-    const handleBlur = (event) => {
-        setFocused(false);
-        onBlur?.(event);
-    };
-    return (<View style={[
-            {
-                minHeight: containerMinHeight,
-                paddingHorizontal: controlSize.paddingHorizontal,
-                paddingVertical: controlSize.paddingVertical,
-                borderRadius: controlSize.borderRadius,
-                borderWidth: 1,
-                borderColor: colors.borderColor,
-                backgroundColor: colors.backgroundColor,
-                flexDirection: 'row',
-                alignItems: props.multiline ? 'flex-start' : 'center',
-                opacity: colors.opacity,
-            },
-            resolveFocusRingStyles(theme.semantics.border.focus, focused, Platform.OS === 'web'),
-        ]}>
-      {leadingAccessory ? (<View style={{ marginRight: theme.spacing.s }}>{leadingAccessory}</View>) : null}
-      <ReactNativeTextInput {...props} defaultValue={defaultValue} editable={passive ? false : !disabled && !readOnly} numberOfLines={props.multiline ? props.numberOfLines : 1} onBlur={handleBlur} onChangeText={(nextValue) => {
-            if (passive) {
-                return;
-            }
-            onChangeText?.(nextValue);
-        }} onFocus={handleFocus} placeholder={placeholder} placeholderTextColor={colors.placeholderColor} readOnly={readOnly} style={[
-            {
-                flex: 1,
-                minHeight: inputMinHeight,
-                padding: 0,
-                color: colors.contentColor,
-                textAlignVertical: props.multiline ? 'top' : 'center',
-            },
-            style,
-        ]} testID={testID} value={value}/>
-      {trailingAccessory ? (<View style={{ marginLeft: theme.spacing.s }}>{trailingAccessory}</View>) : null}
-    </View>);
-}
-//# sourceMappingURL=TextInput.js.map