@ankhorage/zora 12.1.0 → 13.0.0

package/dist/patterns/disclosure-section/DisclosureSection.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { DisclosureSectionProps } from './types';
-/***
- * Expandable section pattern with a summary header and collapsible content.
- *
-
- */
-export declare const DisclosureSection: (props: DisclosureSectionProps) => React.ReactElement | null;
-//# sourceMappingURL=DisclosureSection.d.ts.map

package/dist/patterns/disclosure-section/DisclosureSection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisclosureSection.d.ts","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/DisclosureSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAmHtD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,8DAA6C,CAAC"}

package/dist/patterns/disclosure-section/DisclosureSection.js

@@ -1,86 +0,0 @@
-import React from 'react';
-import { Platform, Pressable } from 'react-native';
-import { IconButton } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Panel } from '../panel';
-const triggerTextStyle = {
-    flex: 1,
-    flexBasis: 0,
-    minWidth: 0,
-};
-const triggerCopyStyle = {
-    flexShrink: 1,
-    maxWidth: '100%',
-    minWidth: 0,
-};
-const trailingStyle = {
-    flexShrink: 0,
-};
-const getTriggerStyle = (disabled) => ({
-    alignSelf: 'stretch',
-    flex: 1,
-    flexBasis: 0,
-    justifyContent: 'center',
-    minWidth: 0,
-    ...(Platform.OS === 'web'
-        ? {
-            cursor: disabled ? 'default' : 'pointer',
-        }
-        : null),
-});
-function DisclosureSectionInner({ themeId: _themeId, mode: _mode, title, description, icon, defaultOpen = true, open: controlledOpen, onOpenChange, actions, children, disabled, testID, interactionPolicy, }) {
-    const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-    const isControlled = controlledOpen !== undefined;
-    const isOpen = isControlled ? controlledOpen : internalOpen;
-    const passive = interactionPolicy === 'passive';
-    const titleLabel = typeof title === 'string' || typeof title === 'number' ? `: ${title}` : '';
-    const toggleLabel = `${isOpen ? 'Collapse' : 'Expand'} section${titleLabel}`;
-    const toggleOpen = () => {
-        if (disabled || passive)
-            return;
-        if (isControlled) {
-            onOpenChange?.(!controlledOpen);
-        }
-        else {
-            setInternalOpen(!internalOpen);
-            onOpenChange?.(!internalOpen);
-        }
-    };
-    return (<Panel compact testID={testID}>
-      <Stack gap="s">
-        <Stack direction="row" gap="m" align="center">
-          <Pressable accessibilityLabel={toggleLabel} accessibilityRole="button" accessibilityState={{ disabled, expanded: isOpen }} disabled={disabled} onPress={toggleOpen} style={getTriggerStyle(disabled)}>
-            <Box style={triggerTextStyle}>
-              <Stack gap="xs">
-                {icon ? <Box pb="xs">{/* Surface icon spec would go here */}</Box> : null}
-                <Heading level={4} style={triggerCopyStyle}>
-                  {title}
-                </Heading>
-                {description ? (<Text emphasis="muted" variant="bodySmall" style={triggerCopyStyle}>
-                    {description}
-                  </Text>) : null}
-              </Stack>
-            </Box>
-          </Pressable>
-
-          {actions ? <Box style={trailingStyle}>{actions}</Box> : null}
-
-          <Box style={trailingStyle}>
-            <IconButton icon={{ name: isOpen ? 'chevron-up-outline' : 'chevron-down-outline' }} label={isOpen ? 'Collapse' : 'Expand'} variant="ghost" color="neutral" size="s" disabled={disabled} interactionPolicy={interactionPolicy} onPress={toggleOpen}/>
-          </Box>
-        </Stack>
-
-        {isOpen ? <Box pt="m">{children}</Box> : null}
-      </Stack>
-    </Panel>);
-}
-/***
- * Expandable section pattern with a summary header and collapsible content.
- *
-
- */
-export const DisclosureSection = withZoraThemeScope(DisclosureSectionInner);
-//# sourceMappingURL=DisclosureSection.js.map

package/dist/patterns/disclosure-section/DisclosureSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisclosureSection.js","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/DisclosureSection.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Platform, Pressable, type TextStyle, type ViewStyle } from 'react-native';\n\nimport { IconButton } from '../../features/button/public';\nimport { Box, Stack } from '../../features/layout/public';\nimport { Heading } from '../../features/typography/public';\nimport { Text } from '../../features/typography/public';\nimport { withZoraThemeScope } from '../../theme/withZoraThemeScope';\nimport { Panel } from '../panel';\nimport type { DisclosureSectionProps } from './types';\n\nconst triggerTextStyle: ViewStyle = {\n  flex: 1,\n  flexBasis: 0,\n  minWidth: 0,\n};\n\nconst triggerCopyStyle: TextStyle = {\n  flexShrink: 1,\n  maxWidth: '100%',\n  minWidth: 0,\n};\n\nconst trailingStyle: ViewStyle = {\n  flexShrink: 0,\n};\n\nconst getTriggerStyle = (disabled?: boolean): ViewStyle =>\n  ({\n    alignSelf: 'stretch',\n    flex: 1,\n    flexBasis: 0,\n    justifyContent: 'center',\n    minWidth: 0,\n    ...(Platform.OS === 'web'\n      ? {\n          cursor: disabled ? 'default' : 'pointer',\n        }\n      : null),\n  }) as ViewStyle;\n\nfunction DisclosureSectionInner({\n  themeId: _themeId,\n  mode: _mode,\n  title,\n  description,\n  icon,\n  defaultOpen = true,\n  open: controlledOpen,\n  onOpenChange,\n  actions,\n  children,\n  disabled,\n  testID,\n  interactionPolicy,\n}: DisclosureSectionProps) {\n  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : internalOpen;\n  const passive = interactionPolicy === 'passive';\n  const titleLabel = typeof title === 'string' || typeof title === 'number' ? `: ${title}` : '';\n  const toggleLabel = `${isOpen ? 'Collapse' : 'Expand'} section${titleLabel}`;\n\n  const toggleOpen = () => {\n    if (disabled || passive) return;\n\n    if (isControlled) {\n      onOpenChange?.(!controlledOpen);\n    } else {\n      setInternalOpen(!internalOpen);\n      onOpenChange?.(!internalOpen);\n    }\n  };\n\n  return (\n    <Panel compact testID={testID}>\n      <Stack gap=\"s\">\n        <Stack direction=\"row\" gap=\"m\" align=\"center\">\n          <Pressable\n            accessibilityLabel={toggleLabel}\n            accessibilityRole=\"button\"\n            accessibilityState={{ disabled, expanded: isOpen }}\n            disabled={disabled}\n            onPress={toggleOpen}\n            style={getTriggerStyle(disabled)}\n          >\n            <Box style={triggerTextStyle}>\n              <Stack gap=\"xs\">\n                {icon ? <Box pb=\"xs\">{/* Surface icon spec would go here */}</Box> : null}\n                <Heading level={4} style={triggerCopyStyle}>\n                  {title}\n                </Heading>\n                {description ? (\n                  <Text emphasis=\"muted\" variant=\"bodySmall\" style={triggerCopyStyle}>\n                    {description}\n                  </Text>\n                ) : null}\n              </Stack>\n            </Box>\n          </Pressable>\n\n          {actions ? <Box style={trailingStyle}>{actions}</Box> : null}\n\n          <Box style={trailingStyle}>\n            <IconButton\n              icon={{ name: isOpen ? 'chevron-up-outline' : 'chevron-down-outline' }}\n              label={isOpen ? 'Collapse' : 'Expand'}\n              variant=\"ghost\"\n              color=\"neutral\"\n              size=\"s\"\n              disabled={disabled}\n              interactionPolicy={interactionPolicy}\n              onPress={toggleOpen}\n            />\n          </Box>\n        </Stack>\n\n        {isOpen ? <Box pt=\"m\">{children}</Box> : null}\n      </Stack>\n    </Panel>\n  );\n}\n\n/***\n * Expandable section pattern with a summary header and collapsible content.\n *\n\n */\nexport const DisclosureSection = withZoraThemeScope(DisclosureSectionInner);\n"]}

package/dist/patterns/disclosure-section/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DisclosureSection';
-export * from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/patterns/disclosure-section/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC"}

package/dist/patterns/disclosure-section/index.js

@@ -1,3 +0,0 @@
-export * from './DisclosureSection';
-export * from './types';
-//# sourceMappingURL=index.js.map

package/dist/patterns/disclosure-section/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC","sourcesContent":["export * from './DisclosureSection';\nexport * from './types';\n"]}

package/dist/patterns/disclosure-section/meta.d.ts

@@ -1,9 +0,0 @@
-export declare const disclosureSectionMeta: {
-    readonly name: "DisclosureSection";
-    readonly category: "pattern";
-    readonly directManifestNode: false;
-    readonly allowedChildren: readonly [];
-    readonly note: "Disclosure pattern; not represented as a manifest node in v1.";
-    readonly props: {};
-};
-//# sourceMappingURL=meta.d.ts.map

package/dist/patterns/disclosure-section/meta.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.d.ts","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/meta.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,qBAAqB;;;;;;;CAOI,CAAC"}

package/dist/patterns/disclosure-section/meta.js

@@ -1,9 +0,0 @@
-export const disclosureSectionMeta = {
-    name: 'DisclosureSection',
-    category: 'pattern',
-    directManifestNode: false,
-    allowedChildren: [],
-    note: 'Disclosure pattern; not represented as a manifest node in v1.',
-    props: {},
-};
-//# sourceMappingURL=meta.js.map

package/dist/patterns/disclosure-section/meta.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/meta.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,IAAI,EAAE,mBAAmB;IACzB,QAAQ,EAAE,SAAS;IACnB,kBAAkB,EAAE,KAAK;IACzB,eAAe,EAAE,EAAE;IACnB,IAAI,EAAE,+DAA+D;IACrE,KAAK,EAAE,EAAE;CAC2B,CAAC","sourcesContent":["import type { ZoraComponentMeta } from '../../metadata';\n\nexport const disclosureSectionMeta = {\n  name: 'DisclosureSection',\n  category: 'pattern',\n  directManifestNode: false,\n  allowedChildren: [],\n  note: 'Disclosure pattern; not represented as a manifest node in v1.',\n  props: {},\n} as const satisfies ZoraComponentMeta;\n"]}

package/dist/patterns/disclosure-section/types.d.ts

@@ -1,15 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ReactNode } from 'react';
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-export interface DisclosureSectionProps extends ZoraBaseProps {
-    title: ReactNode;
-    description?: ReactNode;
-    icon?: ButtonIconSpec;
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    actions?: ReactNode;
-    children?: ReactNode;
-    disabled?: boolean;
-}
-//# sourceMappingURL=types.d.ts.map

package/dist/patterns/disclosure-section/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,sBAAuB,SAAQ,aAAa;IAC3D,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/patterns/disclosure-section/types.js

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

package/dist/patterns/disclosure-section/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/patterns/disclosure-section/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconSpec } from '@ankhorage/surface';\nimport type { ReactNode } from 'react';\n\nimport type { ZoraBaseProps } from '../../theme/ZoraBaseProps';\n\nexport interface DisclosureSectionProps extends ZoraBaseProps {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ButtonIconSpec;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  actions?: ReactNode;\n  children?: ReactNode;\n  disabled?: boolean;\n}\n"]}

package/src/patterns/disclosure-section/DisclosureSection.tsx

@@ -1,130 +0,0 @@
-import React from 'react';
-import { Platform, Pressable, type TextStyle, type ViewStyle } from 'react-native';
-
-import { IconButton } from '../../features/button/public';
-import { Box, Stack } from '../../features/layout/public';
-import { Heading } from '../../features/typography/public';
-import { Text } from '../../features/typography/public';
-import { withZoraThemeScope } from '../../theme/withZoraThemeScope';
-import { Panel } from '../panel';
-import type { DisclosureSectionProps } from './types';
-
-const triggerTextStyle: ViewStyle = {
-  flex: 1,
-  flexBasis: 0,
-  minWidth: 0,
-};
-
-const triggerCopyStyle: TextStyle = {
-  flexShrink: 1,
-  maxWidth: '100%',
-  minWidth: 0,
-};
-
-const trailingStyle: ViewStyle = {
-  flexShrink: 0,
-};
-
-const getTriggerStyle = (disabled?: boolean): ViewStyle =>
-  ({
-    alignSelf: 'stretch',
-    flex: 1,
-    flexBasis: 0,
-    justifyContent: 'center',
-    minWidth: 0,
-    ...(Platform.OS === 'web'
-      ? {
-          cursor: disabled ? 'default' : 'pointer',
-        }
-      : null),
-  }) as ViewStyle;
-
-function DisclosureSectionInner({
-  themeId: _themeId,
-  mode: _mode,
-  title,
-  description,
-  icon,
-  defaultOpen = true,
-  open: controlledOpen,
-  onOpenChange,
-  actions,
-  children,
-  disabled,
-  testID,
-  interactionPolicy,
-}: DisclosureSectionProps) {
-  const [internalOpen, setInternalOpen] = React.useState(defaultOpen);
-
-  const isControlled = controlledOpen !== undefined;
-  const isOpen = isControlled ? controlledOpen : internalOpen;
-  const passive = interactionPolicy === 'passive';
-  const titleLabel = typeof title === 'string' || typeof title === 'number' ? `: ${title}` : '';
-  const toggleLabel = `${isOpen ? 'Collapse' : 'Expand'} section${titleLabel}`;
-
-  const toggleOpen = () => {
-    if (disabled || passive) return;
-
-    if (isControlled) {
-      onOpenChange?.(!controlledOpen);
-    } else {
-      setInternalOpen(!internalOpen);
-      onOpenChange?.(!internalOpen);
-    }
-  };
-
-  return (
-    <Panel compact testID={testID}>
-      <Stack gap="s">
-        <Stack direction="row" gap="m" align="center">
-          <Pressable
-            accessibilityLabel={toggleLabel}
-            accessibilityRole="button"
-            accessibilityState={{ disabled, expanded: isOpen }}
-            disabled={disabled}
-            onPress={toggleOpen}
-            style={getTriggerStyle(disabled)}
-          >
-            <Box style={triggerTextStyle}>
-              <Stack gap="xs">
-                {icon ? <Box pb="xs">{/* Surface icon spec would go here */}</Box> : null}
-                <Heading level={4} style={triggerCopyStyle}>
-                  {title}
-                </Heading>
-                {description ? (
-                  <Text emphasis="muted" variant="bodySmall" style={triggerCopyStyle}>
-                    {description}
-                  </Text>
-                ) : null}
-              </Stack>
-            </Box>
-          </Pressable>
-
-          {actions ? <Box style={trailingStyle}>{actions}</Box> : null}
-
-          <Box style={trailingStyle}>
-            <IconButton
-              icon={{ name: isOpen ? 'chevron-up-outline' : 'chevron-down-outline' }}
-              label={isOpen ? 'Collapse' : 'Expand'}
-              variant="ghost"
-              color="neutral"
-              size="s"
-              disabled={disabled}
-              interactionPolicy={interactionPolicy}
-              onPress={toggleOpen}
-            />
-          </Box>
-        </Stack>
-
-        {isOpen ? <Box pt="m">{children}</Box> : null}
-      </Stack>
-    </Panel>
-  );
-}
-
-/***
- * Expandable section pattern with a summary header and collapsible content.
- *
-
- */
-export const DisclosureSection = withZoraThemeScope(DisclosureSectionInner);

package/src/patterns/disclosure-section/index.ts

@@ -1,2 +0,0 @@
-export * from './DisclosureSection';
-export * from './types';

package/src/patterns/disclosure-section/meta.ts

@@ -1,10 +0,0 @@
-import type { ZoraComponentMeta } from '../../metadata';
-
-export const disclosureSectionMeta = {
-  name: 'DisclosureSection',
-  category: 'pattern',
-  directManifestNode: false,
-  allowedChildren: [],
-  note: 'Disclosure pattern; not represented as a manifest node in v1.',
-  props: {},
-} as const satisfies ZoraComponentMeta;

package/src/patterns/disclosure-section/types.ts

@@ -1,16 +0,0 @@
-import type { ButtonIconSpec } from '@ankhorage/surface';
-import type { ReactNode } from 'react';
-
-import type { ZoraBaseProps } from '../../theme/ZoraBaseProps';
-
-export interface DisclosureSectionProps extends ZoraBaseProps {
-  title: ReactNode;
-  description?: ReactNode;
-  icon?: ButtonIconSpec;
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  actions?: ReactNode;
-  children?: ReactNode;
-  disabled?: boolean;
-}