intent-react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Intent Framework Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,27 @@
+# intent-react
+
+React components for the [Intent](https://github.com/mixedmetals/intent-framework) styling framework.
+
+## Installation
+
+```bash
+npm install intent-react intent-core
+npm install -D intent-cli
+```
+
+## Usage
+
+```tsx
+import { Stack, Button, Text, Surface } from 'intent-react';
+
+function App() {
+  return (
+    <Stack direction="column" gap="relaxed">
+      <Text size="lg" weight="bold">Hello Intent</Text>
+      <Button importance="primary">Click me</Button>
+    </Stack>
+  );
+}
+```
+
+See the main repo for full documentation.

package/dist/components/Badge.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Badge Component
+ *
+ * Small label for displaying status, count, or category.
+ * Replaces: inline-flex, px-*, py-*, rounded-full, text-xs, bg-*, text-*
+ */
+import React from 'react';
+import type { BadgeProps } from '../types.js';
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/dist/components/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,KAAK,oFA6BjB,CAAC"}

package/dist/components/Badge.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Badge Component
+ *
+ * Small label for displaying status, count, or category.
+ * Replaces: inline-flex, px-*, py-*, rounded-full, text-xs, bg-*, text-*
+ */
+import { forwardRef } from 'react';
+export const Badge = forwardRef(({ children, importance = 'default', size = 'sm', className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-importance': importance,
+        'data-size': size,
+    };
+    const baseClass = 'intent-badge';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("span", { ref: ref, className: finalClassName, style: style, ...dataAttrs, ...rest, children: children }));
+});
+Badge.displayName = 'Badge';
+//# sourceMappingURL=Badge.js.map

package/dist/components/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../src/components/Badge.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EACC,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,IAAI,GAAG,IAAI,EACX,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,iBAAiB,EAAE,UAAU;QAC7B,WAAW,EAAE,IAAI;KAClB,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,CAAC;IACjC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,eACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KACR,SAAS,KACT,IAAI,YAEP,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Button.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Button Component
+ *
+ * An interactive element that triggers an action.
+ * Replaces: bg-*, text-*, px-*, py-*, rounded-*, hover:*, disabled:*
+ */
+import React from 'react';
+import type { ButtonProps } from '../types.js';
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,eAAO,MAAM,MAAM,uFAqClB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Button Component
+ *
+ * An interactive element that triggers an action.
+ * Replaces: bg-*, text-*, px-*, py-*, rounded-*, hover:*, disabled:*
+ */
+import { forwardRef } from 'react';
+export const Button = forwardRef(({ children, importance = 'primary', size = 'md', state = 'default', type = 'button', onClick, disabled, className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-importance': importance,
+        'data-size': size,
+        'data-state': disabled ? 'disabled' : state,
+    };
+    const baseClass = 'intent-button';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("button", { ref: ref, type: type, className: finalClassName, style: style, onClick: onClick, disabled: disabled || state === 'disabled', ...dataAttrs, ...rest, children: children }));
+});
+Button.displayName = 'Button';
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EACC,QAAQ,EACR,UAAU,GAAG,SAAS,EACtB,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,iBAAiB,EAAE,UAAU;QAC7B,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;KAC5C,CAAC;IAEF,MAAM,SAAS,GAAG,eAAe,CAAC;IAClC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,iBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IAAI,KAAK,KAAK,UAAU,KACtC,SAAS,KACT,IAAI,YAEP,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Card.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Card Component
+ *
+ * Container for grouping related content and actions.
+ * Extends Surface with card-specific defaults.
+ */
+import React from 'react';
+import type { CardProps } from '../types.js';
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,IAAI,kFAmChB,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Card Component
+ *
+ * Container for grouping related content and actions.
+ * Extends Surface with card-specific defaults.
+ */
+import { forwardRef } from 'react';
+export const Card = forwardRef(({ children, elevation = 'low', padding = 'relaxed', background = 'elevated', radius = 'lg', interactive = false, className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-elevation': elevation,
+        'data-padding': padding,
+        'data-background': background,
+        'data-radius': radius,
+        'data-interactive': interactive ? 'true' : undefined,
+    };
+    const baseClass = 'intent-card';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("div", { ref: ref, className: finalClassName, style: style, ...dataAttrs, ...rest, children: children }));
+});
+Card.displayName = 'Card';
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EACC,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,UAAU,EACvB,MAAM,GAAG,IAAI,EACb,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,gBAAgB,EAAE,SAAS;QAC3B,cAAc,EAAE,OAAO;QACvB,iBAAiB,EAAE,UAAU;QAC7B,aAAa,EAAE,MAAM;QACrB,kBAAkB,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACrD,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KACR,SAAS,KACT,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/Divider.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Divider Component
+ *
+ * Visual separator between content sections.
+ * Replaces: border-t, border-b, w-full, h-px
+ */
+import React from 'react';
+import type { DividerProps } from '../types.js';
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/components/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,OAAO,oFA0BnB,CAAC"}

package/dist/components/Divider.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Divider Component
+ *
+ * Visual separator between content sections.
+ * Replaces: border-t, border-b, w-full, h-px
+ */
+import { forwardRef } from 'react';
+export const Divider = forwardRef(({ orientation = 'horizontal', weight = 'normal', className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-orientation': orientation,
+        'data-weight': weight,
+    };
+    const baseClass = 'intent-divider';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("hr", { ref: ref, className: finalClassName, style: style, ...dataAttrs, ...rest }));
+});
+Divider.displayName = 'Divider';
+//# sourceMappingURL=Divider.js.map

package/dist/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../src/components/Divider.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EACC,WAAW,GAAG,YAAY,EAC1B,MAAM,GAAG,QAAQ,EACjB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,kBAAkB,EAAE,WAAW;QAC/B,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KACR,SAAS,KACT,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/Input.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Input Component
+ *
+ * Form control for accepting user text input.
+ * Replaces: border-*, bg-*, px-*, py-*, rounded-*, focus:*
+ */
+import React from 'react';
+import type { InputProps } from '../types.js';
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,KAAK,qFAoCjB,CAAC"}

package/dist/components/Input.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Input Component
+ *
+ * Form control for accepting user text input.
+ * Replaces: border-*, bg-*, px-*, py-*, rounded-*, focus:*
+ */
+import { forwardRef } from 'react';
+export const Input = forwardRef(({ size = 'md', state = 'default', type = 'text', placeholder, value, onChange, disabled, className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-size': size,
+        'data-state': state,
+    };
+    const baseClass = 'intent-input';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("input", { ref: ref, type: type, className: finalClassName, style: style, placeholder: placeholder, value: value, onChange: onChange ? (e) => onChange(e.target.value) : undefined, disabled: disabled, ...dataAttrs, ...rest }));
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

package/dist/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EACC,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,MAAM,EACb,WAAW,EACX,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,WAAW,EAAE,IAAI;QACjB,YAAY,EAAE,KAAK;KACpB,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,CAAC;IACjC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,gBACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAChE,QAAQ,EAAE,QAAQ,KACd,SAAS,KACT,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

package/dist/components/Stack.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Stack Component
+ *
+ * A layout component for distributing children along an axis with consistent spacing.
+ * Replaces: flex, flex-col, flex-row, gap-*, items-*, justify-*
+ */
+import React from 'react';
+import type { StackProps } from '../types.js';
+export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
+export declare const VStack: React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>;
+export declare const HStack: React.ForwardRefExoticComponent<Omit<StackProps, "direction"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/components/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,KAAK,mFAmCjB,CAAC;AAKF,eAAO,MAAM,MAAM,sGAElB,CAAC;AAGF,eAAO,MAAM,MAAM,sGAElB,CAAC"}

package/dist/components/Stack.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Stack Component
+ *
+ * A layout component for distributing children along an axis with consistent spacing.
+ * Replaces: flex, flex-col, flex-row, gap-*, items-*, justify-*
+ */
+import { forwardRef } from 'react';
+export const Stack = forwardRef(({ children, direction = 'column', gap = 'normal', align = 'stretch', justify = 'start', wrap = false, className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-direction': direction,
+        'data-gap': gap,
+        'data-align': align,
+        'data-justify': justify,
+        'data-wrap': wrap ? 'true' : undefined,
+    };
+    const baseClass = 'intent-stack';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("div", { ref: ref, className: finalClassName, style: style, ...dataAttrs, ...rest, children: children }));
+});
+Stack.displayName = 'Stack';
+// Convenience aliases
+export const VStack = forwardRef((props, ref) => _jsx(Stack, { ref: ref, direction: "column", ...props }));
+VStack.displayName = 'VStack';
+export const HStack = forwardRef((props, ref) => _jsx(Stack, { ref: ref, direction: "row", ...props }));
+HStack.displayName = 'HStack';
+//# sourceMappingURL=Stack.js.map

package/dist/components/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/components/Stack.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAC7B,CAAC,EACC,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,QAAQ,EACd,KAAK,GAAG,SAAS,EACjB,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,gBAAgB,EAAE,SAAS;QAC3B,UAAU,EAAE,GAAG;QACf,YAAY,EAAE,KAAK;QACnB,cAAc,EAAE,OAAO;QACvB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACvC,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,CAAC;IACjC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KACR,SAAS,KACT,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,sBAAsB;AACtB,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,KAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,KAAK,KAAK,GAAI,CAClE,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,KAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,KAAK,KAAK,KAAK,GAAI,CAC/D,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}

package/dist/components/Surface.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Surface Component
+ *
+ * A container providing visual elevation and background treatment.
+ * Replaces: bg-*, shadow-*, p-*, rounded-*
+ */
+import React from 'react';
+import type { SurfaceProps } from '../types.js';
+export declare const Surface: React.ForwardRefExoticComponent<SurfaceProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Surface.d.ts.map

package/dist/components/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../src/components/Surface.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,eAAO,MAAM,OAAO,qFAiCnB,CAAC"}

package/dist/components/Surface.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Surface Component
+ *
+ * A container providing visual elevation and background treatment.
+ * Replaces: bg-*, shadow-*, p-*, rounded-*
+ */
+import { forwardRef } from 'react';
+export const Surface = forwardRef(({ children, elevation = 'none', padding = 'normal', background = 'default', radius = 'md', className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-elevation': elevation,
+        'data-padding': padding,
+        'data-background': background,
+        'data-radius': radius,
+    };
+    const baseClass = 'intent-surface';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return (_jsx("div", { ref: ref, className: finalClassName, style: style, ...dataAttrs, ...rest, children: children }));
+});
+Surface.displayName = 'Surface';
+//# sourceMappingURL=Surface.js.map

package/dist/components/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../src/components/Surface.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAG1C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EACC,QAAQ,EACR,SAAS,GAAG,MAAM,EAClB,OAAO,GAAG,QAAQ,EAClB,UAAU,GAAG,SAAS,EACtB,MAAM,GAAG,IAAI,EACb,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,gBAAgB,EAAE,SAAS;QAC3B,cAAc,EAAE,OAAO;QACvB,iBAAiB,EAAE,UAAU;QAC7B,aAAa,EAAE,MAAM;KACtB,CAAC;IAEF,MAAM,SAAS,GAAG,gBAAgB,CAAC;IACnC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,cAAc,EACzB,KAAK,EAAE,KAAK,KACR,SAAS,KACT,IAAI,YAEP,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/components/Text.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Text Component
+ *
+ * Typography component for consistent text styling.
+ * Replaces: text-*, font-*, text-*-*, leading-*
+ */
+import React from 'react';
+import type { TextProps } from '../types.js';
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;
+export declare const Heading: React.ForwardRefExoticComponent<Omit<TextProps, "as"> & {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+} & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Text.d.ts.map

package/dist/components/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,eAAO,MAAM,IAAI,+EAkChB,CAAC;AAKF,eAAO,MAAM,OAAO;YAAoE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;4CAqB5G,CAAC"}

package/dist/components/Text.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Text Component
+ *
+ * Typography component for consistent text styling.
+ * Replaces: text-*, font-*, text-*-*, leading-*
+ */
+import { forwardRef, createElement } from 'react';
+export const Text = forwardRef(({ children, size = 'md', weight = 'normal', color = 'default', align = 'left', as: Component = 'span', className, style, ...rest }, ref) => {
+    const dataAttrs = {
+        'data-size': size,
+        'data-weight': weight,
+        'data-color': color,
+        'data-align': align,
+    };
+    const baseClass = 'intent-text';
+    const finalClassName = className ? `${baseClass} ${className}` : baseClass;
+    return createElement(Component, {
+        ref,
+        className: finalClassName,
+        style: { ...style, textAlign: align },
+        ...dataAttrs,
+        ...rest,
+    }, children);
+});
+Text.displayName = 'Text';
+// Convenience components for common text types
+export const Heading = forwardRef(({ level = 1, size, weight = 'bold', ...props }, ref) => {
+    const sizeMap = {
+        1: '2xl',
+        2: 'xl',
+        3: 'lg',
+        4: 'md',
+        5: 'sm',
+        6: 'xs',
+    };
+    return (_jsx(Text, { ref: ref, as: `h${level}`, size: size || sizeMap[level], weight: weight, ...props }));
+});
+Heading.displayName = 'Heading';
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAc,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EACC,QAAQ,EACR,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,QAAQ,EACjB,KAAK,GAAG,SAAS,EACjB,KAAK,GAAG,MAAM,EACd,EAAE,EAAE,SAAS,GAAG,MAAM,EACtB,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,GAAG,EAAE,EAAE;IACR,MAAM,SAAS,GAAG;QAChB,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,KAAK;QACnB,YAAY,EAAE,KAAK;KACpB,CAAC;IAEF,MAAM,SAAS,GAAG,aAAa,CAAC;IAChC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,OAAO,aAAa,CAClB,SAAS,EACT;QACE,GAAG;QACH,SAAS,EAAE,cAAc;QACzB,KAAK,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE;QACrC,GAAG,SAAS;QACZ,GAAG,IAAI;KACR,EACD,QAAQ,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,+CAA+C;AAC/C,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAC/B,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACtD,MAAM,OAAO,GAAsC;QACjD,CAAC,EAAE,KAAK;QACR,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,IAAI,KAAK,EAAW,EACxB,IAAI,EAAE,IAAI,IAAI,OAAO,CAAC,KAAK,CAAC,EAC5B,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Intent React
+ *
+ * React integration for the Intent styling framework.
+ *
+ * @example
+ * ```tsx
+ * import { Stack, Button, Text } from 'intent-react';
+ *
+ * function App() {
+ *   return (
+ *     <Stack direction="column" gap="relaxed">
+ *       <Text size="lg" weight="bold">Hello Intent</Text>
+ *       <Stack direction="row" gap="normal">
+ *         <Button importance="primary">Save</Button>
+ *         <Button importance="secondary">Cancel</Button>
+ *       </Stack>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+export { Stack, VStack, HStack } from './components/Stack.js';
+export { Button } from './components/Button.js';
+export { Surface } from './components/Surface.js';
+export { Text, Heading } from './components/Text.js';
+export { Input } from './components/Input.js';
+export { Card } from './components/Card.js';
+export { Badge } from './components/Badge.js';
+export { Divider } from './components/Divider.js';
+export type { IntentComponentProps, StackProps, ButtonProps, SurfaceProps, TextProps, InputProps, CardProps, BadgeProps, DividerProps, } from './types.js';
+export { intentPropsToDataAttributes, generateIntentClassName, applyDefaultProps, validateProps, } from './utils/factory.js';
+export declare const VERSION = "0.1.0";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAGH,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,YAAY,EACV,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,GACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAG5B,eAAO,MAAM,OAAO,UAAU,CAAC"}

package/dist/index.js

@@ -0,0 +1,36 @@
+/**
+ * Intent React
+ *
+ * React integration for the Intent styling framework.
+ *
+ * @example
+ * ```tsx
+ * import { Stack, Button, Text } from 'intent-react';
+ *
+ * function App() {
+ *   return (
+ *     <Stack direction="column" gap="relaxed">
+ *       <Text size="lg" weight="bold">Hello Intent</Text>
+ *       <Stack direction="row" gap="normal">
+ *         <Button importance="primary">Save</Button>
+ *         <Button importance="secondary">Cancel</Button>
+ *       </Stack>
+ *     </Stack>
+ *   );
+ * }
+ * ```
+ */
+// Components
+export { Stack, VStack, HStack } from './components/Stack.js';
+export { Button } from './components/Button.js';
+export { Surface } from './components/Surface.js';
+export { Text, Heading } from './components/Text.js';
+export { Input } from './components/Input.js';
+export { Card } from './components/Card.js';
+export { Badge } from './components/Badge.js';
+export { Divider } from './components/Divider.js';
+// Utils
+export { intentPropsToDataAttributes, generateIntentClassName, applyDefaultProps, validateProps, } from './utils/factory.js';
+// Version
+export const VERSION = '0.1.0';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,aAAa;AACb,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAelD,QAAQ;AACR,OAAO,EACL,2BAA2B,EAC3B,uBAAuB,EACvB,iBAAiB,EACjB,aAAa,GACd,MAAM,oBAAoB,CAAC;AAE5B,UAAU;AACV,MAAM,CAAC,MAAM,OAAO,GAAG,OAAO,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * React-specific types for Intent
+ */
+import type { ReactNode, ElementType } from 'react';
+export interface IntentComponentProps {
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface GeneratedComponentProps<T extends Record<string, unknown>> {
+    as?: ElementType;
+    children?: ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+    [key: string]: unknown;
+}
+export interface StackProps extends IntentComponentProps {
+    direction?: 'row' | 'column';
+    gap?: 'none' | 'tight' | 'compact' | 'normal' | 'relaxed' | 'loose';
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around';
+    wrap?: boolean;
+}
+export interface ButtonProps extends IntentComponentProps {
+    importance?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    state?: 'default' | 'hover' | 'active' | 'disabled';
+    type?: 'button' | 'submit' | 'reset';
+    onClick?: () => void;
+    disabled?: boolean;
+}
+export interface SurfaceProps extends IntentComponentProps {
+    elevation?: 'none' | 'low' | 'medium' | 'high';
+    padding?: 'none' | 'tight' | 'compact' | 'normal' | 'relaxed' | 'loose';
+    background?: 'default' | 'subtle' | 'elevated' | 'inverse';
+    radius?: 'none' | 'sm' | 'md' | 'lg';
+}
+export interface TextProps extends IntentComponentProps {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    weight?: 'normal' | 'medium' | 'semibold' | 'bold';
+    color?: 'default' | 'subtle' | 'muted' | 'inverse' | 'brand';
+    align?: 'left' | 'center' | 'right';
+    as?: 'p' | 'span' | 'div' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
+}
+export interface InputProps extends IntentComponentProps {
+    size?: 'sm' | 'md' | 'lg';
+    state?: 'default' | 'error' | 'success';
+    type?: 'text' | 'password' | 'email' | 'number' | 'search';
+    placeholder?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+export interface CardProps extends SurfaceProps {
+    interactive?: boolean;
+}
+export interface BadgeProps extends IntentComponentProps {
+    importance?: 'default' | 'primary' | 'success' | 'warning' | 'error';
+    size?: 'sm' | 'md';
+}
+export interface DividerProps extends IntentComponentProps {
+    orientation?: 'horizontal' | 'vertical';
+    weight?: 'thin' | 'normal' | 'thick';
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/types.js

@@ -0,0 +1,5 @@
+/**
+ * React-specific types for Intent
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/utils/factory.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Component Factory
+ *
+ * Creates React components from Intent schemas with proper type safety
+ * and data attribute binding.
+ */
+import type { ComponentSchema } from 'intent-core';
+export declare function intentPropsToDataAttributes(props: Record<string, unknown>, schema: ComponentSchema): Record<string, string>;
+export declare function applyDefaultProps(props: Record<string, unknown>, schema: ComponentSchema): Record<string, unknown>;
+export declare function generateIntentClassName(componentName: string, prefix?: string): string;
+export declare function validateProps(props: Record<string, unknown>, schema: ComponentSchema, componentName: string): void;
+//# sourceMappingURL=factory.d.ts.map

package/dist/utils/factory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.d.ts","sourceRoot":"","sources":["../../src/utils/factory.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,MAAM,EAAE,eAAe,GACtB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAqBxB;AAGD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,MAAM,EAAE,eAAe,GACtB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAUzB;AAGD,wBAAgB,uBAAuB,CACrC,aAAa,EAAE,MAAM,EACrB,MAAM,SAAW,GAChB,MAAM,CAER;AAGD,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,MAAM,EAAE,eAAe,EACvB,aAAa,EAAE,MAAM,GACpB,IAAI,CA0BN"}

package/dist/utils/factory.js

@@ -0,0 +1,65 @@
+/**
+ * Component Factory
+ *
+ * Creates React components from Intent schemas with proper type safety
+ * and data attribute binding.
+ */
+// Props extractor - converts Intent props to data attributes
+export function intentPropsToDataAttributes(props, schema) {
+    const attrs = {};
+    for (const [key, value] of Object.entries(props)) {
+        // Skip React-specific props
+        if (['children', 'key', 'ref', 'as', 'className', 'style'].includes(key)) {
+            continue;
+        }
+        // Skip event handlers
+        if (typeof key === 'string' && key.startsWith('on')) {
+            continue;
+        }
+        // Only include defined schema properties
+        if (schema.properties[key]) {
+            attrs[`data-${key.toLowerCase()}`] = String(value);
+        }
+    }
+    return attrs;
+}
+// Default props application
+export function applyDefaultProps(props, schema) {
+    const result = { ...props };
+    for (const [key, definition] of Object.entries(schema.properties)) {
+        if (!(key in result) && 'default' in definition) {
+            result[key] = definition.default;
+        }
+    }
+    return result;
+}
+// Component class name generator
+export function generateIntentClassName(componentName, prefix = 'intent') {
+    return `${prefix}-${componentName.toLowerCase()}`;
+}
+// Validation helper (dev mode only)
+export function validateProps(props, schema, componentName) {
+    if (process.env.NODE_ENV === 'production') {
+        return;
+    }
+    // Check required props
+    for (const [key, definition] of Object.entries(schema.properties)) {
+        if (definition.required && !(key in props)) {
+            console.warn(`[Intent] ${componentName}: Required prop "${key}" is missing`);
+        }
+    }
+    // Check for unknown props
+    for (const key of Object.keys(props)) {
+        if (['children', 'as', 'className', 'style', 'ref', 'key'].includes(key)) {
+            continue;
+        }
+        if (!schema.properties[key]) {
+            console.warn(`[Intent] ${componentName}: Unknown prop "${key}". ` +
+                `Valid props: ${Object.keys(schema.properties).join(', ')}`);
+        }
+    }
+}
+// Note: The createIntentComponent factory is complex with TypeScript.
+// For now, components are defined manually in the components/ directory.
+// This utility file provides helper functions for prop handling.
+//# sourceMappingURL=factory.js.map

package/dist/utils/factory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory.js","sourceRoot":"","sources":["../../src/utils/factory.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,6DAA6D;AAC7D,MAAM,UAAU,2BAA2B,CACzC,KAA8B,EAC9B,MAAuB;IAEvB,MAAM,KAAK,GAA2B,EAAE,CAAC;IAEzC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACjD,4BAA4B;QAC5B,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACzE,SAAS;QACX,CAAC;QAED,sBAAsB;QACtB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;YACpD,SAAS;QACX,CAAC;QAED,yCAAyC;QACzC,IAAI,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC3B,KAAK,CAAC,QAAQ,GAAG,CAAC,WAAW,EAAE,EAAE,CAAC,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACrD,CAAC;IACH,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,4BAA4B;AAC5B,MAAM,UAAU,iBAAiB,CAC/B,KAA8B,EAC9B,MAAuB;IAEvB,MAAM,MAAM,GAAG,EAAE,GAAG,KAAK,EAAE,CAAC;IAE5B,KAAK,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;QAClE,IAAI,CAAC,CAAC,GAAG,IAAI,MAAM,CAAC,IAAI,SAAS,IAAI,UAAU,EAAE,CAAC;YAChD,MAAM,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,OAAO,CAAC;QACnC,CAAC;IACH,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,iCAAiC;AACjC,MAAM,UAAU,uBAAuB,CACrC,aAAqB,EACrB,MAAM,GAAG,QAAQ;IAEjB,OAAO,GAAG,MAAM,IAAI,aAAa,CAAC,WAAW,EAAE,EAAE,CAAC;AACpD,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,aAAa,CAC3B,KAA8B,EAC9B,MAAuB,EACvB,aAAqB;IAErB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE,CAAC;QAC1C,OAAO;IACT,CAAC;IAED,uBAAuB;IACvB,KAAK,MAAM,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC;QAClE,IAAI,UAAU,CAAC,QAAQ,IAAI,CAAC,CAAC,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC;YAC3C,OAAO,CAAC,IAAI,CACV,YAAY,aAAa,oBAAoB,GAAG,cAAc,CAC/D,CAAC;QACJ,CAAC;IACH,CAAC;IAED,0BAA0B;IAC1B,KAAK,MAAM,GAAG,IAAI,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACrC,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YACzE,SAAS;QACX,CAAC;QACD,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,CAAC,IAAI,CACV,YAAY,aAAa,mBAAmB,GAAG,KAAK;gBACpD,gBAAgB,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC5D,CAAC;QACJ,CAAC;IACH,CAAC;AACH,CAAC;AAED,sEAAsE;AACtE,yEAAyE;AACzE,iEAAiE"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "intent-react",
+  "version": "0.1.0",
+  "description": "React components for Intent styling framework",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mixedmetals/intent-framework",
+    "directory": "packages/react"
+  },
+  "keywords": [
+    "intent",
+    "react",
+    "components",
+    "design-system",
+    "ai",
+    "styling"
+  ],
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "test": "vitest run",
+    "clean": "rm -rf dist"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "intent-core": "workspace:^"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.0",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "typescript": "^5.3.0",
+    "vitest": "^4.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}