@atlaskit/primitives 18.1.4 → 19.0.1

package/dist/types-ts4.5/responsive/unsafe-build-below-media-query-css.d.ts

@@ -0,0 +1,32 @@
+import { type CSSObject, type SerializedStyles } from '@emotion/react';
+import type { Breakpoint } from './types';
+/**
+ * Build a map of breakpoints to css with media queries and nested styles.
+ *
+ * @internal Not intended to be used outside of DST at this stage.
+ * @experimental Not intended to be used outside of DST at this stage.
+ *
+ * @example
+ * A map to build optional `display:none` for consumption on a div.
+ * ```ts
+ * const hideMediaQueries = buildBelowMediaQueryCSS({ display: 'none' });
+ *
+ * const Component = ({ hideAtBreakpoints: ('xs' | 'sm')[], children: ReactNode }) => {
+ *   return <div css={hideAtBreakpoints.map(b => hideMediaQueries[b])}>{children}</div>;
+ * }
+ * ```
+ *
+ * This roughly builds a map that will look roughly like this (if done manually):
+ * ```ts
+ * {
+ *   xs: css({ '@media not all and (min-width: 30rem)': { display: 'none' } }),
+ *   sm: css({ '@media not all and (min-width: 48rem)': { display: 'none' } }),
+ * }
+ * ```
+ */
+export declare const UNSAFE_buildBelowMediaQueryCSS: (
+/**
+ * The desired CSS to place inside of the media query.
+ * This can either be a css object directly or functional with `breakpoint` as the arg to return a css object.
+ */
+input: CSSObject | ((breakpoint: Breakpoint) => CSSObject)) => Required<Partial<Record<Breakpoint, SerializedStyles>>>;

package/dist/types-ts4.5/utils/surface-context.d.ts

@@ -0,0 +1,8 @@
+import { type Context } from 'react';
+import type { BackgroundColorToken } from './types';
+/**
+ * __Surface context__
+ *
+ * A surface context provides context information on the current background (if set).
+ */
+export declare const SurfaceContext: Context<BackgroundColorToken>;

package/dist/types-ts4.5/utils/surface-provider.d.ts

@@ -1,11 +1,4 @@
-import { type Context } from 'react';
 import type { BackgroundColorToken } from './types';
-/**
- * __Surface context__
- *
- * A surface context provides context information on the current background (if set).
- */
-export declare const SurfaceContext: Context<BackgroundColorToken>;
 /**
  * __useSurface__
  *
@@ -14,3 +7,4 @@ export declare const SurfaceContext: Context<BackgroundColorToken>;
  * @see SurfaceContext
  */
 export declare const useSurface: () => BackgroundColorToken;
+export { SurfaceContext } from './surface-context';

package/dist/types-ts4.5/xcss/style-maps.partial.d.ts

@@ -542,7 +542,7 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::64331f0b8b5e2f090a3aad153d92deb6>>
+ * @codegen <<SignedSource::6dffa08c1104af4093361cb0f7e37996>>
  * @codegenId typography
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
@@ -551,7 +551,6 @@ export type BorderRadius = keyof typeof borderRadiusMap;
  */
 export declare const fontMap: {
     'font.body': 'var(--ds-font-body)';
-    'font.body.UNSAFE_small': 'var(--ds-font-body-UNSAFE_small)';
     'font.body.large': 'var(--ds-font-body-large)';
     'font.body.small': 'var(--ds-font-body-small)';
     'font.code': 'var(--ds-font-code)';
@@ -587,7 +586,7 @@ export type FontFamily = keyof typeof fontFamilyMap;
  */
 /**
  * THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
- * @codegen <<SignedSource::aeebc24b95e2189021f1d98f1715a6a0>>
+ * @codegen <<SignedSource::b67a50fa5abb078032598ba819a6f691>>
  * @codegenId text
  * @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
  * @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
@@ -595,7 +594,6 @@ export type FontFamily = keyof typeof fontFamilyMap;
  */
 export declare const textSizeMap: {
     medium: 'var(--ds-font-body)';
-    UNSAFE_small: 'var(--ds-font-body-UNSAFE_small)';
     large: 'var(--ds-font-body-large)';
     small: 'var(--ds-font-body-small)';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/primitives",
-	"version": "18.1.4",
+	"version": "19.0.1",
 	"description": "Primitives are token-backed low-level building blocks.",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -140,12 +140,12 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^11.2.0",
-		"@atlaskit/app-provider": "^4.2.0",
+		"@atlaskit/app-provider": "^4.3.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/ds-lib": "^7.0.0",
 		"@atlaskit/interaction-context": "^3.1.0",
-		"@atlaskit/tokens": "^12.0.0",
-		"@atlaskit/visually-hidden": "^3.0.0",
+		"@atlaskit/tokens": "^13.0.0",
+		"@atlaskit/visually-hidden": "^3.1.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.20.0",
 		"@emotion/react": "^11.7.1",
@@ -161,29 +161,29 @@
 		"@af/formatting": "workspace:^",
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
-		"@atlaskit/avatar": "^25.11.0",
+		"@atlaskit/avatar": "^25.14.0",
 		"@atlaskit/button": "^23.11.0",
 		"@atlaskit/checkbox": "^17.3.0",
-		"@atlaskit/code": "^17.4.0",
-		"@atlaskit/docs": "^11.7.0",
+		"@atlaskit/code": "^17.5.0",
+		"@atlaskit/docs": "^11.8.0",
 		"@atlaskit/dropdown-menu": "^16.8.0",
-		"@atlaskit/flag": "^17.9.0",
+		"@atlaskit/flag": "^17.11.0",
 		"@atlaskit/form": "^15.5.0",
 		"@atlaskit/heading": "^5.4.0",
-		"@atlaskit/icon": "^34.0.0",
-		"@atlaskit/icon-object": "^7.5.0",
+		"@atlaskit/icon": "^34.3.0",
 		"@atlaskit/image": "^3.0.0",
 		"@atlaskit/link": "^3.4.0",
-		"@atlaskit/logo": "^20.0.0",
-		"@atlaskit/lozenge": "^13.5.0",
-		"@atlaskit/motion": "^5.5.0",
-		"@atlaskit/range": "^10.0.0",
+		"@atlaskit/logo": "^20.1.0",
+		"@atlaskit/lozenge": "^13.8.0",
+		"@atlaskit/motion": "^6.2.0",
+		"@atlaskit/object": "^1.0.0",
+		"@atlaskit/range": "^10.1.0",
 		"@atlaskit/section-message": "^8.12.0",
 		"@atlaskit/textfield": "^8.3.0",
-		"@atlaskit/toggle": "^15.4.0",
-		"@atlaskit/tooltip": "^21.1.0",
+		"@atlaskit/toggle": "^15.6.0",
+		"@atlaskit/tooltip": "^22.0.0",
 		"@atlassian/analytics-bridge": "^0.8.0",
-		"@atlassian/codegen": "^0.1.0",
+		"@atlassian/codegen": "^0.2.0",
 		"@atlassian/react-compiler-gating": "workspace:^",
 		"@atlassian/ssr-tests": "workspace:^",
 		"@atlassian/structured-docs-types": "workspace:^",

package/scripts/capitalize.tsx

@@ -0,0 +1,2 @@
+export const capitalize: (str: string) => string = (str: string) =>
+	str.charAt(0).toUpperCase() + str.slice(1);

package/scripts/color-codegen-template.tsx

@@ -1,12 +1,9 @@
 import format from '@af/formatting/sync';
 import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import {
-	capitalize,
-	constructTokenFunctionCall,
-	generateTypeDefs,
-	type ShadowDefinition,
-} from './utils';
+import { capitalize } from './capitalize';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall, type ShadowDefinition } from './utils';
 
 type Token = {
 	token: string;

package/scripts/compose.tsx

@@ -0,0 +1,4 @@
+export const compose: (...fns: ((...any: any[]) => any)[]) => (x: any) => any =
+	(...fns: ((...any: any[]) => any)[]) =>
+	(x: any) =>
+		fns.reduce((res, fn) => fn(res), x);

package/scripts/elevation-codegen-template.tsx

@@ -2,12 +2,9 @@ import format from '@af/formatting/sync';
 import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
 import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import {
-	capitalize,
-	constructTokenFunctionCall,
-	generateTypeDefs,
-	type ShadowDefinition,
-} from './utils';
+import { capitalize } from './capitalize';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall, type ShadowDefinition } from './utils';
 
 type Token = {
 	token: string;

package/scripts/generate-type-defs.tsx

@@ -0,0 +1,12 @@
+import tokens from '@atlaskit/tokens/token-names';
+
+export const generateTypeDefs: (typedTokens: string[], tokenNames?: string[]) => string = (
+	typedTokens: string[],
+	tokenNames?: string[],
+) => {
+	return typedTokens
+		.map((t, i) => {
+			return `'${Array.isArray(tokenNames) ? tokenNames[i] : t}': 'var(${tokens[t as keyof typeof tokens]})'`;
+		})
+		.join(';\n\t');
+};

package/scripts/inverse-color-map-template.tsx

@@ -1,7 +1,10 @@
 import format from '@af/formatting/sync';
 import { light as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import { compose, isAccent, not, pick } from './utils';
+import { compose } from './compose';
+import { isAccent } from './is-accent';
+import { pick } from './pick';
+import { not } from './utils';
 
 type Token = {
 	token: string;

package/scripts/is-accent.tsx

@@ -0,0 +1 @@
+export const isAccent: (str: string) => boolean = (str: string) => str.includes('accent');

package/scripts/is-hovered.tsx

@@ -0,0 +1 @@
+export const isHovered: (str: string) => boolean = (str: string) => str.includes('hovered');

package/scripts/is-pressed.tsx

@@ -0,0 +1 @@
+export const isPressed: (str: string) => boolean = (str: string) => str.includes('pressed');

package/scripts/pick.tsx

@@ -0,0 +1,4 @@
+export const pick: <T extends any>(key: keyof T) => (obj: T) => T[keyof T] =
+	<T extends any>(key: keyof T) =>
+	(obj: T) =>
+		obj[key];

package/scripts/shape-codegen-template.tsx

@@ -1,7 +1,9 @@
 import format from '@af/formatting/sync';
 import { shape as shapeTokens } from '@atlaskit/tokens/tokens-raw';
 
-import { capitalize, constructTokenFunctionCall, generateTypeDefs } from './utils';
+import { capitalize } from './capitalize';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall } from './utils';
 
 type Token = {
 	token: string;

package/scripts/spacing-codegen-template.tsx

@@ -1,7 +1,8 @@
 import format from '@af/formatting/sync';
 import { spacing as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import { constructTokenFunctionCall, generateTypeDefs } from './utils';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall } from './utils';
 
 const spacingTokenPrefix = 'space.';
 const negativeSuffix = '.negative';

package/scripts/text-codegen-template.tsx

@@ -1,7 +1,9 @@
 import format from '@af/formatting/sync';
 import { typography as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import { capitalize, constructTokenFunctionCall, generateTypeDefs } from './utils';
+import { capitalize } from './capitalize';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall } from './utils';
 
 type Token = {
 	name: string;
@@ -38,7 +40,6 @@ const textProperties = [
 
 const sizeMap = {
 	'body.small': 'small',
-	'body.UNSAFE_small': 'UNSAFE_small',
 	body: 'medium',
 	'body.large': 'large',
 	'metric.small': 'small',

package/scripts/typography-codegen-template.tsx

@@ -1,7 +1,9 @@
 import format from '@af/formatting/sync';
 import { typography as tokens } from '@atlaskit/tokens/tokens-raw';
 
-import { capitalize, constructTokenFunctionCall, generateTypeDefs } from './utils';
+import { capitalize } from './capitalize';
+import { generateTypeDefs } from './generate-type-defs';
+import { constructTokenFunctionCall } from './utils';
 
 type Token = {
 	name: string;

package/scripts/utils.tsx

@@ -1,5 +1,3 @@
-import tokens from '@atlaskit/tokens/token-names';
-
 export const constructTokenFunctionCall: (
 	token: string,
 	fallback: string | ShadowDefinition,
@@ -29,17 +27,6 @@ const constructShadow = (shadowObject: ShadowDefinition) => {
 
 type BooleanCallback<T> = (args: T) => boolean;
 
-export const compose: (...fns: ((...any: any[]) => any)[]) => (x: any) => any =
-	(...fns: ((...any: any[]) => any)[]) =>
-	(x: any) =>
-		fns.reduce((res, fn) => fn(res), x);
-export const pick: <T extends any>(key: keyof T) => (obj: T) => T[keyof T] =
-	<T extends any>(key: keyof T) =>
-	(obj: T) =>
-		obj[key];
-export const isAccent: (str: string) => boolean = (str: string) => str.includes('accent');
-export const isPressed: (str: string) => boolean = (str: string) => str.includes('pressed');
-export const isHovered: (str: string) => boolean = (str: string) => str.includes('hovered');
 export const not: <T extends any>(cb: BooleanCallback<T>) => (val: T) => boolean =
 	<T extends any>(cb: BooleanCallback<T>) =>
 	(val: T) =>
@@ -48,16 +35,11 @@ export const or: <T extends any>(...fns: BooleanCallback<T>[]) => (val: T) => bo
 	<T extends any>(...fns: BooleanCallback<T>[]) =>
 	(val: T) =>
 		fns.some((fn) => fn(val));
-export const capitalize: (str: string) => string = (str: string) =>
-	str.charAt(0).toUpperCase() + str.slice(1);
 
-export const generateTypeDefs: (typedTokens: string[], tokenNames?: string[]) => string = (
-	typedTokens: string[],
-	tokenNames?: string[],
-) => {
-	return typedTokens
-		.map((t, i) => {
-			return `'${Array.isArray(tokenNames) ? tokenNames[i] : t}': 'var(${tokens[t as keyof typeof tokens]})'`;
-		})
-		.join(';\n\t');
-};
+export { compose } from './compose';
+export { pick } from './pick';
+export { isAccent } from './is-accent';
+export { isPressed } from './is-pressed';
+export { isHovered } from './is-hovered';
+export { capitalize } from './capitalize';
+export { generateTypeDefs } from './generate-type-defs';

package/offerings.json

@@ -1,298 +0,0 @@
-[
-	{
-		"name": "Anchor",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Anchor",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["anchor", "link", "navigation", "href", "url", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Anchor component for navigation links with compiled styling support.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Provide clear link text that describes the destination",
-			"Use appropriate ARIA attributes for links",
-			"Ensure keyboard navigation support",
-			"Provide clear visual indicators for link state",
-			"Use descriptive link text for screen readers"
-		],
-		"usageGuidelines": [
-			"Use for navigation links to other pages or sections",
-			"Leverage compiled styling for performance",
-			"Use appropriate link styling and states",
-			"Consider link behavior and target attributes"
-		],
-		"contentGuidelines": [
-			"Use clear, descriptive link text",
-			"Maintain consistent link styling",
-			"Consider link context and destination"
-		],
-		"examples": ["./examples/ai/anchor.tsx"]
-	},
-	{
-		"name": "Bleed",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Bleed",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["bleed", "layout", "margin", "spacing", "edge", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Bleed component for extending content beyond container boundaries with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for extending content beyond container margins",
-			"Leverage compiled styling for performance",
-			"Use appropriate bleed directions and amounts",
-			"Consider responsive behavior and container constraints"
-		],
-		"contentGuidelines": [
-			"Use for appropriate layout bleeding",
-			"Maintain consistent bleeding patterns",
-			"Consider content hierarchy and visual flow"
-		],
-		"examples": ["./examples/ai/bleed.tsx"]
-	},
-	{
-		"name": "Box",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Box",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["box", "container", "div", "layout", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Box component for layout and container purposes with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for basic layout and container needs",
-			"Leverage compiled styling for performance",
-			"Use appropriate spacing and layout props",
-			"Consider semantic HTML when possible"
-		],
-		"contentGuidelines": [
-			"Use for appropriate layout purposes",
-			"Maintain consistent spacing and layout patterns",
-			"Consider accessibility and semantic structure"
-		],
-		"examples": ["./examples/ai/box.tsx"]
-	},
-	{
-		"name": "Flex",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Flex",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["flex", "layout", "flexbox", "alignment", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Flex component for flexbox layout with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for flexbox layout needs",
-			"Leverage compiled styling for performance",
-			"Use appropriate flex properties and alignment",
-			"Consider responsive behavior"
-		],
-		"contentGuidelines": [
-			"Use for appropriate flex layout",
-			"Maintain consistent flex patterns",
-			"Consider content alignment and distribution"
-		],
-		"examples": ["./examples/ai/flex.tsx"]
-	},
-	{
-		"name": "Focusable",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Focusable",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["focusable", "focus", "keyboard", "navigation", "accessibility", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Focusable component for keyboard navigation and focus management with compiled styling support.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Provide clear focus indicators",
-			"Use appropriate tab order and navigation",
-			"Ensure keyboard accessibility",
-			"Provide clear visual feedback for focus state",
-			"Use appropriate ARIA attributes"
-		],
-		"usageGuidelines": [
-			"Use for elements that need keyboard focus",
-			"Leverage compiled styling for performance",
-			"Use appropriate focus management",
-			"Consider keyboard navigation patterns"
-		],
-		"contentGuidelines": [
-			"Use for appropriate focusable content",
-			"Maintain consistent focus patterns",
-			"Consider keyboard navigation flow"
-		],
-		"examples": ["./examples/ai/focusable.tsx"]
-	},
-	{
-		"name": "Grid",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Grid",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["grid", "layout", "css-grid", "alignment", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Grid component for CSS Grid layout with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for CSS Grid layout needs",
-			"Leverage compiled styling for performance",
-			"Use appropriate grid properties and alignment",
-			"Consider responsive behavior"
-		],
-		"contentGuidelines": [
-			"Use for appropriate grid layout",
-			"Maintain consistent grid patterns",
-			"Consider content alignment and distribution"
-		],
-		"examples": ["./examples/ai/grid.tsx"]
-	},
-	{
-		"name": "Inline",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Inline",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["inline", "layout", "horizontal", "spacing", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Inline component for horizontal layout with consistent spacing.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for horizontal layout needs",
-			"Leverage compiled styling for performance",
-			"Use appropriate spacing and alignment props",
-			"Consider wrapping behavior"
-		],
-		"contentGuidelines": [
-			"Use for appropriate horizontal grouping",
-			"Maintain consistent spacing patterns",
-			"Consider content flow and readability"
-		],
-		"examples": ["./examples/ai/inline.tsx"]
-	},
-	{
-		"name": "MetricText",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "MetricText",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["text", "typography", "font", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Text component for typography with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for text content with consistent typography",
-			"Leverage compiled styling for performance",
-			"Use appropriate font size and weight props",
-			"Consider semantic HTML elements"
-		],
-		"contentGuidelines": [
-			"Use for appropriate text content",
-			"Maintain consistent typography patterns",
-			"Consider readability and hierarchy"
-		],
-		"examples": ["./examples/ai/metric-text.tsx"]
-	},
-	{
-		"name": "Pressable",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Pressable",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["pressable", "interaction", "touch", "click", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Pressable component for handling touch and click interactions with compiled styling support.",
-		"status": "general-availability",
-		"accessibilityGuidelines": [
-			"Provide clear visual feedback for press states",
-			"Ensure appropriate touch target sizes",
-			"Use appropriate ARIA attributes for interactive elements",
-			"Provide keyboard navigation support"
-		],
-		"usageGuidelines": [
-			"Use for interactive elements that need press feedback",
-			"Leverage compiled styling for performance",
-			"Use appropriate press states and feedback",
-			"Consider touch target accessibility"
-		],
-		"contentGuidelines": [
-			"Use for appropriate interactive content",
-			"Maintain consistent press patterns",
-			"Consider user interaction expectations"
-		],
-		"examples": ["./examples/ai/pressable.tsx"]
-	},
-	{
-		"name": "Stack",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Stack",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["stack", "layout", "vertical", "horizontal", "spacing", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Stack component for vertical and horizontal layout with consistent spacing.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for consistent vertical or horizontal layouts",
-			"Leverage compiled styling for performance",
-			"Use appropriate spacing and alignment props",
-			"Consider responsive behavior"
-		],
-		"contentGuidelines": [
-			"Use for appropriate layout grouping",
-			"Maintain consistent spacing patterns",
-			"Consider content hierarchy and flow"
-		],
-		"examples": ["./examples/ai/stack.tsx"]
-	},
-	{
-		"name": "Text",
-		"package": "@atlaskit/primitives",
-		"import": {
-			"name": "Text",
-			"package": "@atlaskit/primitives/compiled",
-			"type": "named"
-		},
-		"keywords": ["text", "typography", "font", "primitive", "compiled"],
-		"categories": ["primitive"],
-		"shortDescription": "A primitive Text component for typography with compiled styling support.",
-		"status": "general-availability",
-		"usageGuidelines": [
-			"Use for text content with consistent typography",
-			"Leverage compiled styling for performance",
-			"Use appropriate font size and weight props",
-			"Consider semantic HTML elements"
-		],
-		"contentGuidelines": [
-			"Use for appropriate text content",
-			"Maintain consistent typography patterns",
-			"Consider readability and hierarchy"
-		],
-		"generativeInstructions": "./docs/ai/text-instructions.md",
-		"examples": ["./examples/ai/text.tsx"]
-	}
-]