@ankhorage/surface 4.2.0 → 4.3.0

package/dist/components/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Platform, Pressable, View } from 'react-native';\n\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { Surface } from '../../layout';\nimport { Text } from '../../primitives/text';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { TooltipProps } from './types';\n\nconst noPointerEvents = resolvePointerEvents('none');\n\ninterface MeasurableNode {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n}\n\nfunction measureNode(node: unknown, callback: (layout: LayoutRectangle) => void) {\n  const measurableNode = node as MeasurableNode | null;\n  measurableNode?.measureInWindow?.((x, y, width, height) => {\n    callback({ height, width, x, y });\n  });\n}\n\nexport function Tooltip({\n  children,\n  content,\n  delay = 150,\n  interactionPolicy = 'enabled',\n  placement = 'top',\n  testID,\n}: TooltipProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('tooltip');\n  const anchorRef = React.useRef<View | null>(null);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [visible, setVisible] = React.useState(false);\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const passive = interactionPolicy === 'passive';\n\n  const show = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      measureNode(anchorRef.current, setLayout);\n      setVisible(true);\n    }, delay);\n  }, [delay]);\n\n  const hide = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    setVisible(false);\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  const tooltipLeft = layout ? layout.x : 0;\n  const tooltipTop =\n    layout && placement === 'top'\n      ? layout.y - animation.offset\n      : layout\n        ? layout.y + layout.height + animation.offset\n        : 0;\n\n  return (\n    <View collapsable={false} ref={anchorRef} testID={testID ? `${testID}-anchor` : undefined}>\n      <Pressable\n        onBlur={passive ? undefined : hide}\n        onFocus={passive ? undefined : show}\n        onHoverIn={Platform.OS === 'web' && !passive ? show : undefined}\n        onHoverOut={Platform.OS === 'web' && !passive ? hide : undefined}\n      >\n        {children}\n      </Pressable>\n      <Portal layer=\"tooltip\" visible={visible && Boolean(layout)}>\n        <View\n          {...noPointerEvents.props}\n          style={[\n            noPointerEvents.style,\n            {\n              left: tooltipLeft,\n              position: 'absolute',\n              top: tooltipTop,\n            },\n          ]}\n        >\n          <Surface\n            p=\"s\"\n            style={{\n              backgroundColor: theme.semantics.surface.inverse,\n            }}\n            testID={testID}\n            variant=\"raised\"\n          >\n            <Text emphasis=\"inverse\" variant=\"caption\">\n              {content}\n            </Text>\n          </Surface>\n        </View>\n      </Portal>\n    </View>\n  );\n}\n"]}
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/tooltip/Tooltip.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { type LayoutRectangle, Platform, Pressable, View } from 'react-native';\n\nimport { Surface } from '../../features/surface/public';\nimport { Text } from '../../features/typography/public';\nimport { Portal } from '../../internal/overlay/Portal';\nimport { resolvePointerEvents } from '../../internal/resolvePointerEvents';\nimport { resolveOverlayAnimation } from '../../internal/resolvers';\nimport { useTheme } from '../../theme/ThemeContext';\nimport type { TooltipProps } from './types';\n\nconst noPointerEvents = resolvePointerEvents('none');\n\ninterface MeasurableNode {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n}\n\nfunction measureNode(node: unknown, callback: (layout: LayoutRectangle) => void) {\n  const measurableNode = node as MeasurableNode | null;\n  measurableNode?.measureInWindow?.((x, y, width, height) => {\n    callback({ height, width, x, y });\n  });\n}\n\nexport function Tooltip({\n  children,\n  content,\n  delay = 150,\n  interactionPolicy = 'enabled',\n  placement = 'top',\n  testID,\n}: TooltipProps) {\n  const { theme } = useTheme();\n  const animation = resolveOverlayAnimation('tooltip');\n  const anchorRef = React.useRef<View | null>(null);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const [visible, setVisible] = React.useState(false);\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const passive = interactionPolicy === 'passive';\n\n  const show = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n\n    timeoutRef.current = setTimeout(() => {\n      measureNode(anchorRef.current, setLayout);\n      setVisible(true);\n    }, delay);\n  }, [delay]);\n\n  const hide = React.useCallback(() => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n    setVisible(false);\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current);\n      }\n    },\n    [],\n  );\n\n  const tooltipLeft = layout ? layout.x : 0;\n  const tooltipTop =\n    layout && placement === 'top'\n      ? layout.y - animation.offset\n      : layout\n        ? layout.y + layout.height + animation.offset\n        : 0;\n\n  return (\n    <View collapsable={false} ref={anchorRef} testID={testID ? `${testID}-anchor` : undefined}>\n      <Pressable\n        onBlur={passive ? undefined : hide}\n        onFocus={passive ? undefined : show}\n        onHoverIn={Platform.OS === 'web' && !passive ? show : undefined}\n        onHoverOut={Platform.OS === 'web' && !passive ? hide : undefined}\n      >\n        {children}\n      </Pressable>\n      <Portal layer=\"tooltip\" visible={visible && Boolean(layout)}>\n        <View\n          {...noPointerEvents.props}\n          style={[\n            noPointerEvents.style,\n            {\n              left: tooltipLeft,\n              position: 'absolute',\n              top: tooltipTop,\n            },\n          ]}\n        >\n          <Surface\n            p=\"s\"\n            style={{\n              backgroundColor: theme.semantics.surface.inverse,\n            }}\n            testID={testID}\n            variant=\"raised\"\n          >\n            <Text emphasis=\"inverse\" variant=\"caption\">\n              {content}\n            </Text>\n          </Surface>\n        </View>\n      </Portal>\n    </View>\n  );\n}\n"]}

package/dist/examples/DocsExamples.js

@@ -1,17 +1,17 @@
 import React from 'react';
-import { Button } from '../components/button';
-import { Card } from '../components/card';
-import { Checkbox } from '../components/checkbox';
 import { Field } from '../components/field';
 import { HelperText } from '../components/helper-text';
 import { Menu } from '../components/menu';
 import { Modal } from '../components/modal';
 import { Tab, TabList, TabPanel, Tabs } from '../components/tabs';
-import { TextInput } from '../components/text-input';
 import { ToastProvider, useToast } from '../components/toast';
 import { Tooltip } from '../components/tooltip';
-import { Box, Stack } from '../layout';
-import { Text } from '../primitives/text';
+import { Button } from '../features/button/public';
+import { Card } from '../features/card/public';
+import { Checkbox } from '../features/form/checkbox/public';
+import { TextInput } from '../features/form/text-input/public';
+import { Box, Stack } from '../features/layout/public';
+import { Text } from '../features/typography/public';
 import { ThemeProvider } from '../theme';
 const docsThemeConfig = {
     id: 'docs',

package/dist/examples/DocsExamples.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocsExamples.js","sourceRoot":"","sources":["../../src/examples/DocsExamples.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Button } from '../components/button';\nimport { Card } from '../components/card';\nimport { Checkbox } from '../components/checkbox';\nimport { Field } from '../components/field';\nimport { HelperText } from '../components/helper-text';\nimport { Menu } from '../components/menu';\nimport { Modal } from '../components/modal';\nimport { Tab, TabList, TabPanel, Tabs } from '../components/tabs';\nimport { TextInput } from '../components/text-input';\nimport { ToastProvider, useToast } from '../components/toast';\nimport { Tooltip } from '../components/tooltip';\nimport { Box, Stack } from '../layout';\nimport { Text } from '../primitives/text';\nimport { ThemeProvider } from '../theme';\nimport type { ThemeConfig } from '../theme/types';\n\nconst docsThemeConfig: ThemeConfig = {\n  id: 'docs',\n  name: 'Docs',\n  light: { primaryColor: '#2563EB', harmony: 'analogous' },\n  dark: { primaryColor: '#60A5FA', harmony: 'analogous' },\n};\n\nexport function FormExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Field helperText=\"Use your work email.\" label=\"Email\" required>\n          <TextInput placeholder=\"you@example.com\" />\n        </Field>\n        <Checkbox checked>Accept terms</Checkbox>\n        <HelperText emphasis=\"muted\">Looks good.</HelperText>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nfunction ToastButton() {\n  const { showToast } = useToast();\n  return (\n    <Button\n      onPress={() =>\n        showToast({ description: 'Your changes were saved.', status: 'success', title: 'Saved' })\n      }\n    >\n      Show toast\n    </Button>\n  );\n}\n\nexport function FeedbackExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <ToastProvider>\n        <Stack gap=\"m\" p=\"l\">\n          <Tooltip content=\"Helpful contextual information\">\n            <Text>Hover for tooltip</Text>\n          </Tooltip>\n          <ToastButton />\n        </Stack>\n      </ToastProvider>\n    </ThemeProvider>\n  );\n}\n\nexport function OverlayExample() {\n  const [modalVisible, setModalVisible] = React.useState(false);\n\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Button onPress={() => setModalVisible(true)}>Open modal</Button>\n        <Modal onDismiss={() => setModalVisible(false)} visible={modalVisible}>\n          <Card>\n            <Stack gap=\"s\">\n              <Text variant=\"label\" weight=\"semiBold\">\n                Modal title\n              </Text>\n              <Text>Modal content</Text>\n            </Stack>\n          </Card>\n        </Modal>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nexport function NavigationExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Tabs defaultValue=\"account\">\n          <TabList>\n            <Tab value=\"account\">Account</Tab>\n            <Tab disabled value=\"security\">\n              Security\n            </Tab>\n            <Tab value=\"billing\">Billing</Tab>\n          </TabList>\n          <TabPanel value=\"account\">\n            <Text>Account settings</Text>\n          </TabPanel>\n          <TabPanel value=\"billing\">\n            <Text>Billing settings</Text>\n          </TabPanel>\n        </Tabs>\n        <Menu\n          actions={[\n            { id: 'edit', title: 'Edit' },\n            { disabled: true, id: 'archive', title: 'Archive' },\n          ]}\n          trigger={<Text>Open menu</Text>}\n        />\n        <Box>\n          <Text color=\"success\">Theme overrides can stay semantic.</Text>\n        </Box>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n"]}
+{"version":3,"file":"DocsExamples.js","sourceRoot":"","sources":["../../src/examples/DocsExamples.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Field } from '../components/field';\nimport { HelperText } from '../components/helper-text';\nimport { Menu } from '../components/menu';\nimport { Modal } from '../components/modal';\nimport { Tab, TabList, TabPanel, Tabs } from '../components/tabs';\nimport { ToastProvider, useToast } from '../components/toast';\nimport { Tooltip } from '../components/tooltip';\nimport { Button } from '../features/button/public';\nimport { Card } from '../features/card/public';\nimport { Checkbox } from '../features/form/checkbox/public';\nimport { TextInput } from '../features/form/text-input/public';\nimport { Box, Stack } from '../features/layout/public';\nimport { Text } from '../features/typography/public';\nimport { ThemeProvider } from '../theme';\nimport type { ThemeConfig } from '../theme/types';\n\nconst docsThemeConfig: ThemeConfig = {\n  id: 'docs',\n  name: 'Docs',\n  light: { primaryColor: '#2563EB', harmony: 'analogous' },\n  dark: { primaryColor: '#60A5FA', harmony: 'analogous' },\n};\n\nexport function FormExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Field helperText=\"Use your work email.\" label=\"Email\" required>\n          <TextInput placeholder=\"you@example.com\" />\n        </Field>\n        <Checkbox checked>Accept terms</Checkbox>\n        <HelperText emphasis=\"muted\">Looks good.</HelperText>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nfunction ToastButton() {\n  const { showToast } = useToast();\n  return (\n    <Button\n      onPress={() =>\n        showToast({ description: 'Your changes were saved.', status: 'success', title: 'Saved' })\n      }\n    >\n      Show toast\n    </Button>\n  );\n}\n\nexport function FeedbackExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <ToastProvider>\n        <Stack gap=\"m\" p=\"l\">\n          <Tooltip content=\"Helpful contextual information\">\n            <Text>Hover for tooltip</Text>\n          </Tooltip>\n          <ToastButton />\n        </Stack>\n      </ToastProvider>\n    </ThemeProvider>\n  );\n}\n\nexport function OverlayExample() {\n  const [modalVisible, setModalVisible] = React.useState(false);\n\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Button onPress={() => setModalVisible(true)}>Open modal</Button>\n        <Modal onDismiss={() => setModalVisible(false)} visible={modalVisible}>\n          <Card>\n            <Stack gap=\"s\">\n              <Text variant=\"label\" weight=\"semiBold\">\n                Modal title\n              </Text>\n              <Text>Modal content</Text>\n            </Stack>\n          </Card>\n        </Modal>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n\nexport function NavigationExample() {\n  return (\n    <ThemeProvider initialConfig={docsThemeConfig}>\n      <Stack gap=\"m\" p=\"l\">\n        <Tabs defaultValue=\"account\">\n          <TabList>\n            <Tab value=\"account\">Account</Tab>\n            <Tab disabled value=\"security\">\n              Security\n            </Tab>\n            <Tab value=\"billing\">Billing</Tab>\n          </TabList>\n          <TabPanel value=\"account\">\n            <Text>Account settings</Text>\n          </TabPanel>\n          <TabPanel value=\"billing\">\n            <Text>Billing settings</Text>\n          </TabPanel>\n        </Tabs>\n        <Menu\n          actions={[\n            { id: 'edit', title: 'Edit' },\n            { disabled: true, id: 'archive', title: 'Archive' },\n          ]}\n          trigger={<Text>Open menu</Text>}\n        />\n        <Box>\n          <Text color=\"success\">Theme overrides can stay semantic.</Text>\n        </Box>\n      </Stack>\n    </ThemeProvider>\n  );\n}\n"]}

package/dist/features/accordion/adapters/inbound/Accordion.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AccordionProps } from '../../../../types/accordion';
+/*** Coordinates controlled or uncontrolled accordion expansion state. */
+export declare function Accordion(props: AccordionProps): React.JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/features/accordion/adapters/inbound/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAGV,cAAc,EAEf,MAAM,6BAA6B,CAAC;AAIrC,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBA6C9C"}

package/dist/features/accordion/adapters/inbound/Accordion.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { View } from 'react-native';
+import { resolveAccordionToggle } from '../../utils/resolveAccordionToggle';
+import { AccordionContext } from './AccordionContext';
+/*** Coordinates controlled or uncontrolled accordion expansion state. */
+export function Accordion(props) {
+    const { children, collapsible = false, defaultValue, disabled = false, interactionPolicy = 'enabled', onValueChange: _onValueChange, type = 'single', value, ...viewProps } = props;
+    const [uncontrolledValues, setUncontrolledValues] = React.useState(() => normalizeAccordionValues(type, defaultValue));
+    const controlled = value !== undefined;
+    const openValues = controlled ? normalizeAccordionValues(type, value) : uncontrolledValues;
+    const toggleValue = React.useCallback((itemValue) => {
+        if (disabled || interactionPolicy === 'passive')
+            return;
+        const nextValues = resolveAccordionToggle({
+            collapsible,
+            mode: type,
+            openValues,
+            value: itemValue,
+        });
+        if (!controlled)
+            setUncontrolledValues(nextValues);
+        notifyValueChange(props, nextValues);
+    }, [collapsible, controlled, disabled, interactionPolicy, openValues, props, type]);
+    const contextValue = React.useMemo(() => ({ disabled, interactionPolicy, mode: type, openValues, toggleValue }), [disabled, interactionPolicy, openValues, toggleValue, type]);
+    return (<AccordionContext.Provider value={contextValue}>
+      <View {...viewProps}>{children}</View>
+    </AccordionContext.Provider>);
+}
+/*** Normalizes the public single/multiple value shapes for internal state. */
+function normalizeAccordionValues(mode, value) {
+    if (mode === 'multiple') {
+        return typeof value === 'string' || value === undefined ? [] : value;
+    }
+    return typeof value === 'string' ? [value] : [];
+}
+/*** Emits the public value shape matching the configured accordion mode. */
+function notifyValueChange(props, values) {
+    if (props.type === 'multiple') {
+        const multipleProps = props;
+        multipleProps.onValueChange?.(values);
+        return;
+    }
+    const singleProps = props;
+    singleProps.onValueChange?.(values[0]);
+}
+//# sourceMappingURL=Accordion.js.map

package/dist/features/accordion/adapters/inbound/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/Accordion.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport type {\n  AccordionMode,\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n} from '../../../../types/accordion';\nimport { resolveAccordionToggle } from '../../utils/resolveAccordionToggle';\nimport { AccordionContext } from './AccordionContext';\n\n/*** Coordinates controlled or uncontrolled accordion expansion state. */\nexport function Accordion(props: AccordionProps) {\n  const {\n    children,\n    collapsible = false,\n    defaultValue,\n    disabled = false,\n    interactionPolicy = 'enabled',\n    onValueChange: _onValueChange,\n    type = 'single',\n    value,\n    ...viewProps\n  } = props;\n  const [uncontrolledValues, setUncontrolledValues] = React.useState<readonly string[]>(() =>\n    normalizeAccordionValues(type, defaultValue),\n  );\n  const controlled = value !== undefined;\n  const openValues = controlled ? normalizeAccordionValues(type, value) : uncontrolledValues;\n\n  const toggleValue = React.useCallback(\n    (itemValue: string) => {\n      if (disabled || interactionPolicy === 'passive') return;\n\n      const nextValues = resolveAccordionToggle({\n        collapsible,\n        mode: type,\n        openValues,\n        value: itemValue,\n      });\n\n      if (!controlled) setUncontrolledValues(nextValues);\n      notifyValueChange(props, nextValues);\n    },\n    [collapsible, controlled, disabled, interactionPolicy, openValues, props, type],\n  );\n\n  const contextValue = React.useMemo(\n    () => ({ disabled, interactionPolicy, mode: type, openValues, toggleValue }),\n    [disabled, interactionPolicy, openValues, toggleValue, type],\n  );\n\n  return (\n    <AccordionContext.Provider value={contextValue}>\n      <View {...viewProps}>{children}</View>\n    </AccordionContext.Provider>\n  );\n}\n\n/*** Normalizes the public single/multiple value shapes for internal state. */\nfunction normalizeAccordionValues(\n  mode: AccordionMode,\n  value: string | readonly string[] | undefined,\n): readonly string[] {\n  if (mode === 'multiple') {\n    return typeof value === 'string' || value === undefined ? [] : value;\n  }\n\n  return typeof value === 'string' ? [value] : [];\n}\n\n/*** Emits the public value shape matching the configured accordion mode. */\nfunction notifyValueChange(props: AccordionProps, values: readonly string[]) {\n  if (props.type === 'multiple') {\n    const multipleProps: AccordionMultipleProps = props;\n    multipleProps.onValueChange?.(values);\n    return;\n  }\n\n  const singleProps: AccordionSingleProps = props;\n  singleProps.onValueChange?.(values[0]);\n}\n"]}

package/dist/features/accordion/adapters/inbound/AccordionContent.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AccordionContentProps } from '../../../../types/accordion';
+/*** Renders an accordion item's content when expanded or force-mounted. */
+export declare function AccordionContent({ children, forceMount, style, ...viewProps }: AccordionContentProps): React.JSX.Element | null;
+//# sourceMappingURL=AccordionContent.d.ts.map

package/dist/features/accordion/adapters/inbound/AccordionContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAGzE,2EAA2E;AAC3E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,qBAAqB,4BAevB"}

package/dist/features/accordion/adapters/inbound/AccordionContent.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionItemContext } from './AccordionItemContext';
+/*** Renders an accordion item's content when expanded or force-mounted. */
+export function AccordionContent({ children, forceMount = false, style, ...viewProps }) {
+    const item = React.useContext(AccordionItemContext);
+    if (!item)
+        throw new Error('AccordionContent must be rendered inside AccordionItem.');
+    if (!item.open && !forceMount)
+        return null;
+    return (<View {...viewProps} accessibilityLabelledBy={item.triggerId} nativeID={item.contentId} style={[!item.open ? hiddenContentStyle : undefined, style]}>
+      {children}
+    </View>);
+}
+const hiddenContentStyle = { display: 'none' };
+//# sourceMappingURL=AccordionContent.js.map

package/dist/features/accordion/adapters/inbound/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContent.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAGpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,2EAA2E;AAC3E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,GAAG,SAAS,EACU;IACtB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACpD,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IACtF,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,UAAU;QAAE,OAAO,IAAI,CAAC;IAE3C,OAAO,CACL,CAAC,IAAI,CACH,IAAI,SAAS,CAAC,CACd,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CACxC,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAE5D;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,MAAM,kBAAkB,GAAc,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC","sourcesContent":["import React from 'react';\nimport { View, type ViewStyle } from 'react-native';\n\nimport type { AccordionContentProps } from '../../../../types/accordion';\nimport { AccordionItemContext } from './AccordionItemContext';\n\n/*** Renders an accordion item's content when expanded or force-mounted. */\nexport function AccordionContent({\n  children,\n  forceMount = false,\n  style,\n  ...viewProps\n}: AccordionContentProps) {\n  const item = React.useContext(AccordionItemContext);\n  if (!item) throw new Error('AccordionContent must be rendered inside AccordionItem.');\n  if (!item.open && !forceMount) return null;\n\n  return (\n    <View\n      {...viewProps}\n      accessibilityLabelledBy={item.triggerId}\n      nativeID={item.contentId}\n      style={[!item.open ? hiddenContentStyle : undefined, style]}\n    >\n      {children}\n    </View>\n  );\n}\n\nconst hiddenContentStyle: ViewStyle = { display: 'none' };\n"]}

package/dist/features/accordion/adapters/inbound/AccordionContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AccordionContextValue } from '../../../../types/accordion';
+export declare const AccordionContext: React.Context<AccordionContextValue | null>;
+//# sourceMappingURL=AccordionContext.d.ts.map

package/dist/features/accordion/adapters/inbound/AccordionContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAEzE,eAAO,MAAM,gBAAgB,6CAA0D,CAAC"}

package/dist/features/accordion/adapters/inbound/AccordionContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const AccordionContext = React.createContext(null);
+//# sourceMappingURL=AccordionContext.js.map

package/dist/features/accordion/adapters/inbound/AccordionContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionContext.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAA+B,IAAI,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { AccordionContextValue } from '../../../../types/accordion';\n\nexport const AccordionContext = React.createContext<AccordionContextValue | null>(null);\n"]}

package/dist/features/accordion/adapters/inbound/AccordionItem.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AccordionItemProps } from '../../../../types/accordion';
+/*** Provides one accordion item's value, state, and trigger/content identifiers. */
+export declare function AccordionItem({ children, disabled, interactionPolicy, value, ...viewProps }: AccordionItemProps): React.JSX.Element;
+//# sourceMappingURL=AccordionItem.d.ts.map

package/dist/features/accordion/adapters/inbound/AccordionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAItE,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAgB,EAChB,iBAAiB,EACjB,KAAK,EACL,GAAG,SAAS,EACb,EAAE,kBAAkB,qBA2BpB"}

package/dist/features/accordion/adapters/inbound/AccordionItem.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { View } from 'react-native';
+import { AccordionContext } from './AccordionContext';
+import { AccordionItemContext } from './AccordionItemContext';
+/*** Provides one accordion item's value, state, and trigger/content identifiers. */
+export function AccordionItem({ children, disabled = false, interactionPolicy, value, ...viewProps }) {
+    const accordion = React.useContext(AccordionContext);
+    if (!accordion)
+        throw new Error('AccordionItem must be rendered inside Accordion.');
+    const reactId = React.useId();
+    const resolvedDisabled = accordion.disabled || disabled;
+    const resolvedInteractionPolicy = interactionPolicy ?? accordion.interactionPolicy;
+    const open = accordion.openValues.includes(value);
+    const toggle = React.useCallback(() => accordion.toggleValue(value), [accordion, value]);
+    const contextValue = React.useMemo(() => ({
+        contentId: `accordion-${reactId}-content`,
+        disabled: resolvedDisabled,
+        interactionPolicy: resolvedInteractionPolicy,
+        open,
+        toggle,
+        triggerId: `accordion-${reactId}-trigger`,
+        value,
+    }), [open, reactId, resolvedDisabled, resolvedInteractionPolicy, toggle, value]);
+    return (<AccordionItemContext.Provider value={contextValue}>
+      <View {...viewProps}>{children}</View>
+    </AccordionItemContext.Provider>);
+}
+//# sourceMappingURL=AccordionItem.js.map

package/dist/features/accordion/adapters/inbound/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,oFAAoF;AACpF,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,iBAAiB,EACjB,KAAK,EACL,GAAG,SAAS,EACO;IACnB,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IACrD,IAAI,CAAC,SAAS;QAAE,MAAM,IAAI,KAAK,CAAC,kDAAkD,CAAC,CAAC;IAEpF,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC;IAC9B,MAAM,gBAAgB,GAAG,SAAS,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACxD,MAAM,yBAAyB,GAAG,iBAAiB,IAAI,SAAS,CAAC,iBAAiB,CAAC;IACnF,MAAM,IAAI,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;IACzF,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAChC,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,EAAE,aAAa,OAAO,UAAU;QACzC,QAAQ,EAAE,gBAAgB;QAC1B,iBAAiB,EAAE,yBAAyB;QAC5C,IAAI;QACJ,MAAM;QACN,SAAS,EAAE,aAAa,OAAO,UAAU;QACzC,KAAK;KACN,CAAC,EACF,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE,yBAAyB,EAAE,MAAM,EAAE,KAAK,CAAC,CAC5E,CAAC;IAEF,OAAO,CACL,CAAC,oBAAoB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjD;MAAA,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACvC;IAAA,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CACjC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport type { AccordionItemProps } from '../../../../types/accordion';\nimport { AccordionContext } from './AccordionContext';\nimport { AccordionItemContext } from './AccordionItemContext';\n\n/*** Provides one accordion item's value, state, and trigger/content identifiers. */\nexport function AccordionItem({\n  children,\n  disabled = false,\n  interactionPolicy,\n  value,\n  ...viewProps\n}: AccordionItemProps) {\n  const accordion = React.useContext(AccordionContext);\n  if (!accordion) throw new Error('AccordionItem must be rendered inside Accordion.');\n\n  const reactId = React.useId();\n  const resolvedDisabled = accordion.disabled || disabled;\n  const resolvedInteractionPolicy = interactionPolicy ?? accordion.interactionPolicy;\n  const open = accordion.openValues.includes(value);\n  const toggle = React.useCallback(() => accordion.toggleValue(value), [accordion, value]);\n  const contextValue = React.useMemo(\n    () => ({\n      contentId: `accordion-${reactId}-content`,\n      disabled: resolvedDisabled,\n      interactionPolicy: resolvedInteractionPolicy,\n      open,\n      toggle,\n      triggerId: `accordion-${reactId}-trigger`,\n      value,\n    }),\n    [open, reactId, resolvedDisabled, resolvedInteractionPolicy, toggle, value],\n  );\n\n  return (\n    <AccordionItemContext.Provider value={contextValue}>\n      <View {...viewProps}>{children}</View>\n    </AccordionItemContext.Provider>\n  );\n}\n"]}

package/dist/features/accordion/adapters/inbound/AccordionItemContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { AccordionItemContextValue } from '../../../../types/accordion';
+export declare const AccordionItemContext: React.Context<AccordionItemContextValue | null>;
+//# sourceMappingURL=AccordionItemContext.d.ts.map

package/dist/features/accordion/adapters/inbound/AccordionItemContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemContext.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAE7E,eAAO,MAAM,oBAAoB,iDAA8D,CAAC"}

package/dist/features/accordion/adapters/inbound/AccordionItemContext.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export const AccordionItemContext = React.createContext(null);
+//# sourceMappingURL=AccordionItemContext.js.map

package/dist/features/accordion/adapters/inbound/AccordionItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItemContext.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionItemContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAmC,IAAI,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport type { AccordionItemContextValue } from '../../../../types/accordion';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | null>(null);\n"]}

package/dist/features/accordion/adapters/inbound/AccordionTrigger.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { AccordionTriggerProps } from '../../../../types/accordion';
+/*** Renders the accessible button that toggles its owning accordion item. */
+export declare function AccordionTrigger({ children, disabled, interactionPolicy, ...pressableProps }: AccordionTriggerProps): React.JSX.Element;
+//# sourceMappingURL=AccordionTrigger.d.ts.map

package/dist/features/accordion/adapters/inbound/AccordionTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAGzE,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAgB,EAChB,iBAAiB,EACjB,GAAG,cAAc,EAClB,EAAE,qBAAqB,qBAqBvB"}

package/dist/features/accordion/adapters/inbound/AccordionTrigger.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Pressable, View } from 'react-native';
+import { AccordionItemContext } from './AccordionItemContext';
+/*** Renders the accessible button that toggles its owning accordion item. */
+export function AccordionTrigger({ children, disabled = false, interactionPolicy, ...pressableProps }) {
+    const item = React.useContext(AccordionItemContext);
+    if (!item)
+        throw new Error('AccordionTrigger must be rendered inside AccordionItem.');
+    const resolvedDisabled = item.disabled || disabled;
+    const resolvedInteractionPolicy = interactionPolicy ?? item.interactionPolicy;
+    return (<View accessibilityRole="header">
+      <Pressable {...pressableProps} accessibilityRole="button" accessibilityState={{ disabled: resolvedDisabled, expanded: item.open }} disabled={resolvedDisabled} nativeID={item.triggerId} onPress={resolvedInteractionPolicy === 'passive' ? undefined : item.toggle}>
+        {children}
+      </Pressable>
+    </View>);
+}
+//# sourceMappingURL=AccordionTrigger.js.map

package/dist/features/accordion/adapters/inbound/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionTrigger.js","sourceRoot":"","sources":["../../../../../src/features/accordion/adapters/inbound/AccordionTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,6EAA6E;AAC7E,MAAM,UAAU,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,iBAAiB,EACjB,GAAG,cAAc,EACK;IACtB,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,oBAAoB,CAAC,CAAC;IACpD,IAAI,CAAC,IAAI;QAAE,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;IAEtF,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC;IACnD,MAAM,yBAAyB,GAAG,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC;IAE9E,OAAO,CACL,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,CAC9B;MAAA,CAAC,SAAS,CACR,IAAI,cAAc,CAAC,CACnB,iBAAiB,CAAC,QAAQ,CAC1B,kBAAkB,CAAC,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CACxE,QAAQ,CAAC,CAAC,gBAAgB,CAAC,CAC3B,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CACzB,OAAO,CAAC,CAAC,yBAAyB,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAE3E;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,SAAS,CACb;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport type { AccordionTriggerProps } from '../../../../types/accordion';\nimport { AccordionItemContext } from './AccordionItemContext';\n\n/*** Renders the accessible button that toggles its owning accordion item. */\nexport function AccordionTrigger({\n  children,\n  disabled = false,\n  interactionPolicy,\n  ...pressableProps\n}: AccordionTriggerProps) {\n  const item = React.useContext(AccordionItemContext);\n  if (!item) throw new Error('AccordionTrigger must be rendered inside AccordionItem.');\n\n  const resolvedDisabled = item.disabled || disabled;\n  const resolvedInteractionPolicy = interactionPolicy ?? item.interactionPolicy;\n\n  return (\n    <View accessibilityRole=\"header\">\n      <Pressable\n        {...pressableProps}\n        accessibilityRole=\"button\"\n        accessibilityState={{ disabled: resolvedDisabled, expanded: item.open }}\n        disabled={resolvedDisabled}\n        nativeID={item.triggerId}\n        onPress={resolvedInteractionPolicy === 'passive' ? undefined : item.toggle}\n      >\n        {children}\n      </Pressable>\n    </View>\n  );\n}\n"]}

package/dist/features/accordion/public.d.ts

@@ -0,0 +1,6 @@
+export type { AccordionContentProps, AccordionItemProps, AccordionMode, AccordionMultipleProps, AccordionProps, AccordionSingleProps, AccordionTriggerProps, } from '../../types/accordion';
+export { Accordion } from './adapters/inbound/Accordion';
+export { AccordionContent } from './adapters/inbound/AccordionContent';
+export { AccordionItem } from './adapters/inbound/AccordionItem';
+export { AccordionTrigger } from './adapters/inbound/AccordionTrigger';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/accordion/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/accordion/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,sBAAsB,EACtB,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/features/accordion/public.js

@@ -0,0 +1,5 @@
+export { Accordion } from './adapters/inbound/Accordion';
+export { AccordionContent } from './adapters/inbound/AccordionContent';
+export { AccordionItem } from './adapters/inbound/AccordionItem';
+export { AccordionTrigger } from './adapters/inbound/AccordionTrigger';
+//# sourceMappingURL=public.js.map

package/dist/features/accordion/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/accordion/public.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC","sourcesContent":["export type {\n  AccordionContentProps,\n  AccordionItemProps,\n  AccordionMode,\n  AccordionMultipleProps,\n  AccordionProps,\n  AccordionSingleProps,\n  AccordionTriggerProps,\n} from '../../types/accordion';\nexport { Accordion } from './adapters/inbound/Accordion';\nexport { AccordionContent } from './adapters/inbound/AccordionContent';\nexport { AccordionItem } from './adapters/inbound/AccordionItem';\nexport { AccordionTrigger } from './adapters/inbound/AccordionTrigger';\n"]}

package/dist/features/accordion/utils/resolveAccordionToggle.d.ts

@@ -0,0 +1,11 @@
+import type { AccordionMode } from '../../../types/accordion';
+/*** Resolves the next immutable set of open accordion item values. */
+export declare function resolveAccordionToggle({ collapsible, mode, openValues, value, }: ResolveAccordionToggleInput): readonly string[];
+interface ResolveAccordionToggleInput {
+    collapsible: boolean;
+    mode: AccordionMode;
+    openValues: readonly string[];
+    value: string;
+}
+export {};
+//# sourceMappingURL=resolveAccordionToggle.d.ts.map

package/dist/features/accordion/utils/resolveAccordionToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAccordionToggle.d.ts","sourceRoot":"","sources":["../../../../src/features/accordion/utils/resolveAccordionToggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE9D,sEAAsE;AACtE,wBAAgB,sBAAsB,CAAC,EACrC,WAAW,EACX,IAAI,EACJ,UAAU,EACV,KAAK,GACN,EAAE,2BAA2B,GAAG,SAAS,MAAM,EAAE,CAYjD;AAED,UAAU,2BAA2B;IACnC,WAAW,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/features/accordion/utils/resolveAccordionToggle.js

@@ -0,0 +1,13 @@
+/*** Resolves the next immutable set of open accordion item values. */
+export function resolveAccordionToggle({ collapsible, mode, openValues, value, }) {
+    if (mode === 'multiple') {
+        return openValues.includes(value)
+            ? openValues.filter((openValue) => openValue !== value)
+            : [...openValues, value];
+    }
+    if (openValues.includes(value)) {
+        return collapsible ? [] : openValues;
+    }
+    return [value];
+}
+//# sourceMappingURL=resolveAccordionToggle.js.map

package/dist/features/accordion/utils/resolveAccordionToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveAccordionToggle.js","sourceRoot":"","sources":["../../../../src/features/accordion/utils/resolveAccordionToggle.ts"],"names":[],"mappings":"AAEA,sEAAsE;AACtE,MAAM,UAAU,sBAAsB,CAAC,EACrC,WAAW,EACX,IAAI,EACJ,UAAU,EACV,KAAK,GACuB;IAC5B,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;QACxB,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC/B,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC;YACvD,CAAC,CAAC,CAAC,GAAG,UAAU,EAAE,KAAK,CAAC,CAAC;IAC7B,CAAC;IAED,IAAI,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,OAAO,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;IACvC,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,CAAC;AACjB,CAAC","sourcesContent":["import type { AccordionMode } from '../../../types/accordion';\n\n/*** Resolves the next immutable set of open accordion item values. */\nexport function resolveAccordionToggle({\n  collapsible,\n  mode,\n  openValues,\n  value,\n}: ResolveAccordionToggleInput): readonly string[] {\n  if (mode === 'multiple') {\n    return openValues.includes(value)\n      ? openValues.filter((openValue) => openValue !== value)\n      : [...openValues, value];\n  }\n\n  if (openValues.includes(value)) {\n    return collapsible ? [] : openValues;\n  }\n\n  return [value];\n}\n\ninterface ResolveAccordionToggleInput {\n  collapsible: boolean;\n  mode: AccordionMode;\n  openValues: readonly string[];\n  value: string;\n}\n"]}

package/dist/features/badge/adapters/inbound/Badge.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BadgeProps } from '../../../../types/badge';
+/*** Renders compact semantic status or metadata content. */
+export declare function Badge({ content, variant, color, size, testID, }: BadgeProps): React.JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/features/badge/adapters/inbound/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,4DAA4D;AAC5D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAgB,EAChB,KAAiB,EACjB,IAAU,EACV,MAAM,GACP,EAAE,UAAU,qBA2BZ"}

package/dist/features/badge/adapters/inbound/Badge.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { resolveButtonColors, resolveControlSize } from '../../../../internal/resolvers';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { Box } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+/*** Renders compact semantic status or metadata content. */
+export function Badge({ content, variant = 'soft', color = 'primary', size = 's', testID, }) {
+    const { theme } = useTheme();
+    const controlSize = resolveControlSize(theme, size);
+    const colors = resolveButtonColors(theme, {
+        variant,
+        color,
+        state: { disabled: false, focused: false, hovered: false, pressed: false },
+    });
+    return (<Box px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)} py={Math.max(4, controlSize.paddingVertical - 2)} radius={controlSize.borderRadius} style={resolveBadgeStyle(colors.backgroundColor, colors.borderColor, variant)} testID={testID}>
+      <Text color={color} emphasis={variant === 'solid' ? 'inverse' : 'default'} variant="bodySmall" weight="medium">
+        {content}
+      </Text>
+    </Box>);
+}
+/*** Resolves the visual container style for one badge variant. */
+function resolveBadgeStyle(backgroundColor, borderColor, variant) {
+    return {
+        alignSelf: 'flex-start',
+        backgroundColor,
+        borderColor,
+        borderWidth: variant === 'solid' ? 0 : 1,
+    };
+}
+//# sourceMappingURL=Badge.js.map

package/dist/features/badge/adapters/inbound/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,4DAA4D;AAC5D,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE;QACxC,OAAO;QACP,KAAK;QACL,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;KAC3E,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,GAAG,CACF,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAClE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CACjD,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAC9E,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACtD,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,QAAQ,CAEf;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,SAAS,iBAAiB,CACxB,eAAuB,EACvB,WAAmB,EACnB,OAA2C;IAE3C,OAAO;QACL,SAAS,EAAE,YAAY;QACvB,eAAe;QACf,WAAW;QACX,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { resolveButtonColors, resolveControlSize } from '../../../../internal/resolvers';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { BadgeProps } from '../../../../types/badge';\nimport { Box } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/*** Renders compact semantic status or metadata content. */\nexport function Badge({\n  content,\n  variant = 'soft',\n  color = 'primary',\n  size = 's',\n  testID,\n}: BadgeProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n  const colors = resolveButtonColors(theme, {\n    variant,\n    color,\n    state: { disabled: false, focused: false, hovered: false, pressed: false },\n  });\n\n  return (\n    <Box\n      px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)}\n      py={Math.max(4, controlSize.paddingVertical - 2)}\n      radius={controlSize.borderRadius}\n      style={resolveBadgeStyle(colors.backgroundColor, colors.borderColor, variant)}\n      testID={testID}\n    >\n      <Text\n        color={color}\n        emphasis={variant === 'solid' ? 'inverse' : 'default'}\n        variant=\"bodySmall\"\n        weight=\"medium\"\n      >\n        {content}\n      </Text>\n    </Box>\n  );\n}\n\n/*** Resolves the visual container style for one badge variant. */\nfunction resolveBadgeStyle(\n  backgroundColor: string,\n  borderColor: string,\n  variant: NonNullable<BadgeProps['variant']>,\n): ViewStyle {\n  return {\n    alignSelf: 'flex-start',\n    backgroundColor,\n    borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n  };\n}\n"]}

package/dist/features/badge/public.d.ts

@@ -0,0 +1,3 @@
+export type { BadgeProps } from '../../types/badge';
+export { Badge } from './adapters/inbound/Badge';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/badge/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/badge/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/features/badge/public.js

@@ -0,0 +1,2 @@
+export { Badge } from './adapters/inbound/Badge';
+//# sourceMappingURL=public.js.map

package/dist/features/badge/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/badge/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type { BadgeProps } from '../../types/badge';\nexport { Badge } from './adapters/inbound/Badge';\n"]}

package/dist/{components/button → features/button/adapters/inbound}/Button.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import type { ButtonProps } from './types';
+import type { ButtonProps } from '../../../../types/button';
+/*** Renders the primary Surface action control with semantic visual states. */
 export declare function Button({ children, variant, color, size, disabled, loading, leadingIcon, trailingIcon, fullWidth, onPress, testID, ...props }: ButtonProps): React.JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/features/button/adapters/inbound/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAK5D,+EAA+E;AAC/E,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAiB,EACjB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBA8Bb"}

package/dist/features/button/adapters/inbound/Button.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import { ActivityIndicator, View } from 'react-native';
+import { resolveButtonColors, resolveControlSize, resolveIconSize, } from '../../../../internal/resolvers';
+import { ButtonBase } from '../../../../primitives/button-base';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { Icon } from '../../../icon/public';
+import { Box } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+/*** Renders the primary Surface action control with semantic visual states. */
+export function Button({ children, variant = 'solid', color = 'primary', size = 'm', disabled = false, loading = false, leadingIcon, trailingIcon, fullWidth = false, onPress, testID, ...props }) {
+    const { theme } = useTheme();
+    const controlSize = resolveControlSize(theme, size);
+    return (<ButtonBase {...props} disabled={disabled || loading} onPress={onPress} style={resolveButtonBaseStyle(fullWidth)} testID={testID}>
+      {(state) => (<ButtonContent color={color} controlSize={controlSize} fullWidth={fullWidth} leadingIcon={leadingIcon} loading={loading} size={size} state={state} theme={theme} trailingIcon={trailingIcon} variant={variant}>
+          {children}
+        </ButtonContent>)}
+    </ButtonBase>);
+}
+/*** Renders Button content after interaction colors have been resolved. */
+function ButtonContent({ children, color, controlSize, fullWidth, leadingIcon, loading, size, state, theme, trailingIcon, variant, }) {
+    const colors = resolveButtonColors(theme, { variant, color, state });
+    const muted = colors.contentColor === theme.semantics.content.muted;
+    const iconSize = resolveIconSize(theme, size);
+    return (<Box px={controlSize.paddingHorizontal} py={controlSize.paddingVertical} radius={controlSize.borderRadius} style={resolveButtonContentStyle(controlSize, colors, fullWidth, variant)}>
+      {loading ? (<ActivityIndicator color={colors.contentColor} size="small"/>) : (<>
+          {leadingIcon ? (<View style={resolveAccessoryStyle(theme.spacing.s, 'leading')}>
+              <Icon {...leadingIcon} color={colors.contentColor} size={iconSize}/>
+            </View>) : null}
+          <Text color={muted ? undefined : color} emphasis={muted ? 'muted' : variant === 'solid' ? 'inverse' : 'default'} variant={controlSize.textVariant} weight="semiBold">
+            {children}
+          </Text>
+          {trailingIcon ? (<View style={resolveAccessoryStyle(theme.spacing.s, 'trailing')}>
+              <Icon {...trailingIcon} color={colors.contentColor} size={iconSize}/>
+            </View>) : null}
+        </>)}
+    </Box>);
+}
+/*** Resolves the outer ButtonBase layout style. */
+function resolveButtonBaseStyle(fullWidth) {
+    return { alignSelf: fullWidth ? 'stretch' : 'flex-start' };
+}
+/*** Resolves the themed Button content container style. */
+function resolveButtonContentStyle(controlSize, colors, fullWidth, variant) {
+    return {
+        alignItems: 'center',
+        backgroundColor: colors.backgroundColor,
+        borderColor: colors.borderColor,
+        borderWidth: variant === 'solid' ? 0 : 1,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        minHeight: controlSize.minHeight,
+        opacity: colors.opacity,
+        width: fullWidth ? '100%' : undefined,
+    };
+}
+/*** Resolves spacing around a leading or trailing Button icon. */
+function resolveAccessoryStyle(spacing, position) {
+    return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };
+}
+//# sourceMappingURL=Button.js.map

package/dist/features/button/adapters/inbound/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, View, type ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveButtonColors,\n  resolveControlSize,\n  resolveIconSize,\n} from '../../../../internal/resolvers';\nimport { ButtonBase } from '../../../../primitives/button-base';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../theme/types';\nimport type { ButtonProps } from '../../../../types/button';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/*** Renders the primary Surface action control with semantic visual states. */\nexport function Button({\n  children,\n  variant = 'solid',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  loading = false,\n  leadingIcon,\n  trailingIcon,\n  fullWidth = false,\n  onPress,\n  testID,\n  ...props\n}: ButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <ButtonBase\n      {...props}\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={resolveButtonBaseStyle(fullWidth)}\n      testID={testID}\n    >\n      {(state) => (\n        <ButtonContent\n          color={color}\n          controlSize={controlSize}\n          fullWidth={fullWidth}\n          leadingIcon={leadingIcon}\n          loading={loading}\n          size={size}\n          state={state}\n          theme={theme}\n          trailingIcon={trailingIcon}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      )}\n    </ButtonBase>\n  );\n}\n\n/*** Renders Button content after interaction colors have been resolved. */\nfunction ButtonContent({\n  children,\n  color,\n  controlSize,\n  fullWidth,\n  leadingIcon,\n  loading,\n  size,\n  state,\n  theme,\n  trailingIcon,\n  variant,\n}: ButtonContentProps) {\n  const colors = resolveButtonColors(theme, { variant, color, state });\n  const muted = colors.contentColor === theme.semantics.content.muted;\n  const iconSize = resolveIconSize(theme, size);\n\n  return (\n    <Box\n      px={controlSize.paddingHorizontal}\n      py={controlSize.paddingVertical}\n      radius={controlSize.borderRadius}\n      style={resolveButtonContentStyle(controlSize, colors, fullWidth, variant)}\n    >\n      {loading ? (\n        <ActivityIndicator color={colors.contentColor} size=\"small\" />\n      ) : (\n        <>\n          {leadingIcon ? (\n            <View style={resolveAccessoryStyle(theme.spacing.s, 'leading')}>\n              <Icon {...leadingIcon} color={colors.contentColor} size={iconSize} />\n            </View>\n          ) : null}\n          <Text\n            color={muted ? undefined : color}\n            emphasis={muted ? 'muted' : variant === 'solid' ? 'inverse' : 'default'}\n            variant={controlSize.textVariant}\n            weight=\"semiBold\"\n          >\n            {children}\n          </Text>\n          {trailingIcon ? (\n            <View style={resolveAccessoryStyle(theme.spacing.s, 'trailing')}>\n              <Icon {...trailingIcon} color={colors.contentColor} size={iconSize} />\n            </View>\n          ) : null}\n        </>\n      )}\n    </Box>\n  );\n}\n\n/*** Resolves the outer ButtonBase layout style. */\nfunction resolveButtonBaseStyle(fullWidth: boolean): ViewStyle {\n  return { alignSelf: fullWidth ? 'stretch' : 'flex-start' };\n}\n\n/*** Resolves the themed Button content container style. */\nfunction resolveButtonContentStyle(\n  controlSize: ReturnType<typeof resolveControlSize>,\n  colors: ReturnType<typeof resolveButtonColors>,\n  fullWidth: boolean,\n  variant: NonNullable<ButtonProps['variant']>,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor: colors.backgroundColor,\n    borderColor: colors.borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    minHeight: controlSize.minHeight,\n    opacity: colors.opacity,\n    width: fullWidth ? '100%' : undefined,\n  };\n}\n\n/*** Resolves spacing around a leading or trailing Button icon. */\nfunction resolveAccessoryStyle(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n\ninterface ButtonContentProps {\n  children: ButtonProps['children'];\n  color: NonNullable<ButtonProps['color']>;\n  controlSize: ReturnType<typeof resolveControlSize>;\n  fullWidth: boolean;\n  leadingIcon: ButtonProps['leadingIcon'];\n  loading: boolean;\n  size: NonNullable<ButtonProps['size']>;\n  state: InteractionState;\n  theme: SurfaceTheme;\n  trailingIcon: ButtonProps['trailingIcon'];\n  variant: NonNullable<ButtonProps['variant']>;\n}\n"]}

package/dist/{components/icon-button → features/button/adapters/inbound}/IconButton.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import type { IconButtonProps } from './types';
+import type { IconButtonProps } from '../../../../types/button';
+/*** Renders a compact accessible icon-only action control. */
 export declare function IconButton({ icon, accessibilityLabel, variant, color, size, disabled, onPress, testID, ...props }: IconButtonProps): React.JSX.Element;
 //# sourceMappingURL=IconButton.d.ts.map

package/dist/features/button/adapters/inbound/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAIhE,8DAA8D;AAC9D,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,qBAyBjB"}