@oztix/roadie-components 0.2.1 → 1.0.0

package/dist/Button.d.ts

@@ -1,116 +1,36 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as packages_core_dist_types from 'packages/core/dist/types';
-import { ButtonProps as ButtonProps$1 } from 'react-aria-components';
+import React from 'react';
+import { ColorPalette } from '@oztix/roadie-core';
+import { HTMLStyledProps } from '@oztix/roadie-core/jsx';
+import { ButtonVariantProps } from '@oztix/roadie-core/recipes';
 
 /**
- * Button emphasis variants
+ * A button component with various emphasis levels and sizes
  */
-type ButtonEmphasis = 'strong' | 'default' | 'subtle' | 'muted';
-/**
- * Button size variants
- */
-type ButtonSize = 'sm' | 'md' | 'lg';
-/**
- * Props for the Button component
- */
-interface ButtonProps extends Omit<ButtonProps$1, 'className'> {
-    /** The visual style of the button */
-    emphasis?: ButtonEmphasis;
-    /** The size of the button */
-    size?: ButtonSize;
-    /** The color palette to use for the button */
-    colorPalette?: 'neutral' | 'accent' | 'brand' | 'information' | 'success' | 'warning' | 'danger';
-    /** Additional class names to be applied to the button */
-    className?: string;
+interface ButtonProps extends HTMLStyledProps<'button'> {
+    /**
+     * The visual emphasis of the button
+     * @default 'default'
+     */
+    emphasis?: ButtonVariantProps['emphasis'];
+    /**
+     * The size of the button
+     * @default 'md'
+     */
+    size?: ButtonVariantProps['size'];
+    /**
+     * The color palette to use for the button
+     * @default 'neutral'
+     */
+    colorPalette?: ColorPalette;
+    /**
+     * When true, the component will pass props to its child component
+     */
+    asChild?: boolean;
+    /**
+     * The content to display
+     */
+    children?: React.ReactNode;
 }
-declare const buttonRecipe: packages_core_dist_types.RecipeRuntimeFn<{
-    emphasis: {
-        strong: {
-            color: "colorPalette.fg.inverted";
-            backgroundColor: "colorPalette.solid.strong";
-            _hover: {
-                color: "colorPalette.fg.inverted.hover";
-                backgroundColor: "colorPalette.solid.strong.hover";
-            };
-            _active: {
-                color: "colorPalette.fg.inverted.active";
-                backgroundColor: "colorPalette.solid.strong.active";
-            };
-        };
-        default: {
-            borderColor: "colorPalette.border";
-            backgroundColor: "colorPalette.surface.subtle";
-            _hover: {
-                borderColor: "colorPalette.border.hover";
-                backgroundColor: "colorPalette.surface.subtle.hover";
-            };
-            _active: {
-                borderColor: "colorPalette.border.active";
-                backgroundColor: "colorPalette.surface.subtle.active";
-            };
-        };
-        subtle: {
-            backgroundColor: "colorPalette.solid.subtle";
-            _hover: {
-                backgroundColor: "colorPalette.solid.subtle.hover";
-            };
-            _active: {
-                backgroundColor: "colorPalette.solid.subtle.active";
-            };
-        };
-        muted: {
-            _hover: {
-                backgroundColor: "colorPalette.solid.subtle.hover";
-            };
-            _active: {
-                backgroundColor: "colorPalette.solid.subtle.active";
-            };
-        };
-    };
-    colorPalette: {
-        neutral: {
-            colorPalette: "neutral";
-        };
-        accent: {
-            colorPalette: "accent";
-        };
-        brand: {
-            colorPalette: "brand";
-        };
-        information: {
-            colorPalette: "information";
-        };
-        success: {
-            colorPalette: "success";
-        };
-        warning: {
-            colorPalette: "warning";
-        };
-        danger: {
-            colorPalette: "danger";
-        };
-    };
-    size: {
-        sm: {
-            minHeight: "400";
-            fontSize: "sm";
-            px: "200";
-            py: "075";
-        };
-        md: {
-            minHeight: "500";
-            fontSize: "md";
-            px: "200";
-            py: "100";
-        };
-        lg: {
-            minHeight: "600";
-            fontSize: "lg";
-            px: "300";
-            py: "150";
-        };
-    };
-}>;
-declare function Button({ children, emphasis, size, colorPalette, isDisabled, onPress, className, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps>;
 
-export { Button, type ButtonProps, buttonRecipe };
+export { Button, type ButtonProps };

package/dist/Button.js

@@ -1,3 +1,3 @@
-export { b as Button, a as buttonRecipe } from './_chunks/chunk-JDVDZGUN.js';
+export { a as Button } from './_chunks/chunk-VDMZIGT2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Button.js.map

package/dist/Code.d.ts

@@ -1,16 +1,26 @@
-import React from 'react';
+import { ReactNode } from 'react';
+import { ColorPalette } from '@oztix/roadie-core';
 import { HTMLStyledProps } from '@oztix/roadie-core/jsx';
-import { JsxStyleProps } from '@oztix/roadie-core/types';
+import { CodeVariantProps } from '@oztix/roadie-core/recipes';
 
 /**
  * A code component that inherits from Text and renders as a code element
  */
-interface CodeProps extends HTMLStyledProps<'code'>, JsxStyleProps {
+interface CodeProps extends HTMLStyledProps<'code'> {
     /**
      * The appearance of the code block
-     * @default 'outline'
+     * @default 'default'
      */
-    emphasis?: 'default' | 'strong' | 'subtle' | 'muted';
+    emphasis?: CodeVariantProps['emphasis'];
+    /**
+     * The color palette to use for the code
+     * @default 'neutral'
+     */
+    colorPalette?: ColorPalette;
+    /**
+     * The content to display
+     */
+    children?: ReactNode;
 }
 declare const Code: React.ForwardRefExoticComponent<CodeProps>;
 

package/dist/Code.js

@@ -1,3 +1,3 @@
-export { a as Code } from './_chunks/chunk-76TTGNAE.js';
+export { a as Code } from './_chunks/chunk-P5L5LN6E.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Code.js.map

package/dist/Heading.d.ts

@@ -1,22 +1,39 @@
-import React from 'react';
+import { ReactNode } from 'react';
+import { ColorPalette } from '@oztix/roadie-core';
 import { HTMLStyledProps } from '@oztix/roadie-core/jsx';
+import { HeadingVariantProps } from '@oztix/roadie-core/recipes';
 import { JsxStyleProps } from '@oztix/roadie-core/types';
 
-type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label';
+type HeadingStyle = Extract<JsxStyleProps['textStyle'], `display.${string}`>;
 /**
  * A heading component that uses display styles for titles and section headers
  */
-interface HeadingProps extends HTMLStyledProps<'h2'>, JsxStyleProps {
+interface HeadingProps extends HTMLStyledProps<'h2'> {
     /**
-     * The heading level to render
+     * The heading element to render
      * @default 'h2'
      */
-    as?: HeadingLevel;
+    as?: HeadingElement;
     /**
      * The text style to use for the heading
      * @default 'display.ui'
      */
-    textStyle?: Extract<JsxStyleProps['textStyle'], 'display' | `display${string}`>;
+    textStyle?: HeadingStyle;
+    /**
+     * The color palette to use for the heading
+     * @default 'neutral'
+     */
+    colorPalette?: ColorPalette;
+    /**
+     * Set a sepecific empahasis level for differen fonts like subtitles
+     * @default 'default'
+     */
+    emphasis?: HeadingVariantProps['emphasis'];
+    /**
+     * The content to display
+     */
+    children?: ReactNode;
 }
 declare const Heading: React.ForwardRefExoticComponent<HeadingProps>;
 

package/dist/Heading.js

@@ -1,3 +1,3 @@
-export { a as Heading } from './_chunks/chunk-5EABNA3A.js';
+export { a as Heading } from './_chunks/chunk-6FIUWNC7.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Heading.js.map

package/dist/Text.d.ts

@@ -1,54 +1,41 @@
-import React, { ElementType } from 'react';
-import { JsxStyleProps } from '@oztix/roadie-core/types';
+import { ReactNode } from 'react';
+import { ColorPalette } from '@oztix/roadie-core';
+import { HTMLStyledProps } from '@oztix/roadie-core/jsx';
+import { TextVariantProps } from '@oztix/roadie-core/recipes';
 
-type AsProp<C extends ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends ElementType, P> = keyof (AsProp<C> & P);
 /**
- * A foundational text component that is responsive and customizable.
+ * Text component for displaying content with various styling options
  */
-interface TextProps<C extends ElementType = 'span'> {
+interface TextProps extends HTMLStyledProps<'span'> {
     /**
-     * The HTML element or React component to render the Text as
-     * @default 'span'
+     * The visual emphasis of the text
+     * @default 'default'
      */
-    as?: C;
+    emphasis?: TextVariantProps['emphasis'];
     /**
-     * Controls the font family, line height, and letter spacing of the text.
-     * @default 'ui'
+     * Whether the text is interactive
+     * @default false
      */
-    textStyle?: JsxStyleProps['textStyle'];
+    interactive?: TextVariantProps['interactive'];
     /**
-     * The color of the text
-     * @default 'neutral'
+     * The HTML element to render the text as
+     * @default 'span'
      */
-    colorPalette?: 'neutral' | 'accent' | 'brand' | 'information' | 'success' | 'warning' | 'danger';
+    as?: HTMLStyledProps<'span'>['as'];
     /**
-     * The emphasis of the text
-     * - default: For standard body text and general content
-     * - strong: For text that needs visual emphasis or importance, like headings, key terms or warnings
-     * - subtle: For secondary or supplementary text that should be visually de-emphasized
-     * - muted: For text that should be visually muted, like placeholder text or disabled text
-     * @default 'default'
+     * The color palette to use for the text
+     * @default 'neutral'
      */
-    emphasis?: 'default' | 'strong' | 'subtle' | 'muted';
+    colorPalette?: ColorPalette;
     /**
-     * Whether the text is interactive. Adds hover, focus, and active styles. Includes group styles.
-     * @default false
+     * When true, the component will pass props to its child component
      */
-    interactive?: boolean;
+    asChild?: boolean;
     /**
-     * The line clamp of the text. Useful for limiting the number of lines of text in a component.
-     * @default 'none'
+     * The content to display
      */
-    lineClamp?: JsxStyleProps['lineClamp'];
+    children?: ReactNode;
 }
-type PolymorphicTextProps<C extends ElementType> = TextProps<C> & Omit<React.ComponentPropsWithRef<C>, PropsToOmit<C, TextProps>> & JsxStyleProps;
-type TextComponent = {
-    <C extends ElementType = 'span'>(props: PolymorphicTextProps<C>): React.ReactElement | null;
-    displayName?: string;
-};
-declare const Text: TextComponent;
+declare const Text: React.ForwardRefExoticComponent<TextProps>;
 
-export { type PolymorphicTextProps, Text, type TextProps };
+export { Text, type TextProps };

package/dist/Text.js

@@ -1,3 +1,3 @@
-export { a as Text } from './_chunks/chunk-CNVMCX74.js';
+export { a as Text } from './_chunks/chunk-GSK3G4DW.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=Text.js.map

package/dist/View.d.ts

@@ -1,75 +1,12 @@
-import React, { ElementType } from 'react';
-import { JsxStyleProps } from '@oztix/roadie-core/types';
+import * as _oztix_roadie_core_jsx from '@oztix/roadie-core/jsx';
+import { View as View$1 } from '@oztix/roadie-core/jsx';
 
-type AsProp<C extends ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends ElementType, P> = keyof (AsProp<C> & P);
 /**
  * A foundational layout component that provides a flexible container with sensible defaults.
+ * Based on the Panda CSS Box pattern but with better defaults for application UI layout.
+ *
  */
-interface ViewProps<C extends ElementType = 'div'> {
-    /**
-     * The HTML element or React component to render the View as
-     * @default 'div'
-     */
-    as?: C;
-    /**
-     * The display property of the View
-     * @default 'flex'
-     */
-    display?: JsxStyleProps['display'];
-    /**
-     * The position property of the View
-     * @default 'relative'
-     */
-    position?: JsxStyleProps['position'];
-    /**
-     * The flex direction property of the View
-     * @default 'column'
-     */
-    flexDirection?: JsxStyleProps['flexDirection'];
-    /**
-     * The flex wrap property of the View
-     * @default 'nowrap'
-     */
-    flexWrap?: JsxStyleProps['flexWrap'];
-    /**
-     * The align items property of the View
-     * @default 'stretch'
-     */
-    alignItems?: JsxStyleProps['alignItems'];
-    /**
-     * The align self property of the View
-     * @default 'flex-start'
-     */
-    alignSelf?: JsxStyleProps['alignSelf'];
-    /**
-     * The align content property of the View
-     * @default 'flex-start'
-     */
-    alignContent?: JsxStyleProps['alignContent'];
-    /**
-     * The justify content property of the View
-     * @default 'flex-start'
-     */
-    justifyContent?: JsxStyleProps['justifyContent'];
-    /**
-     * The min height property of the View
-     * @default '0'
-     */
-    minHeight?: JsxStyleProps['minHeight'];
-    /**
-     * The min width property of the View
-     * @default '0'
-     */
-    minWidth?: JsxStyleProps['minWidth'];
-}
-type PolymorphicViewProps<C extends ElementType> = ViewProps<C> & Omit<React.ComponentPropsWithRef<C>, PropsToOmit<C, ViewProps>> & JsxStyleProps;
-type ViewComponent = {
-    <C extends ElementType = 'div'>(props: PolymorphicViewProps<C>): React.ReactElement | null;
-    displayName?: string;
-};
-declare const View: ViewComponent;
+declare const View: FunctionComponent<_oztix_roadie_core_jsx.ViewProps>;
+type ViewProps = React.ComponentProps<typeof View$1>;
 
-export { type PolymorphicViewProps, View, type ViewProps };
+export { View, type ViewProps };

package/dist/View.js

@@ -1,3 +1,3 @@
-export { a as View } from './_chunks/chunk-72747LP3.js';
+export { a as View } from './_chunks/chunk-RJEJUZ3O.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=View.js.map

package/dist/_chunks/chunk-6FIUWNC7.js

@@ -0,0 +1,9 @@
+import { ark } from '@ark-ui/react/factory';
+import { styled } from '@oztix/roadie-core/jsx';
+import { heading } from '@oztix/roadie-core/recipes';
+
+var r=styled(ark.h2,heading);r.displayName="Heading";
+
+export { r as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-6FIUWNC7.js.map

package/dist/_chunks/chunk-6FIUWNC7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Heading/index.tsx"],"names":["ark","styled","heading","Heading"],"mappings":"AAEA,OAAS,OAAAA,MAAW,wBAGpB,OAA+B,UAAAC,MAAc,yBAC7C,OAAmC,WAAAC,MAAe,6BAwC3C,IAAMC,EAAUF,EACrBD,EAAI,GACJE,CACF,EAEAC,EAAQ,YAAc","sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { type HTMLStyledProps, styled } from '@oztix/roadie-core/jsx'\nimport { type HeadingVariantProps, heading } from '@oztix/roadie-core/recipes'\nimport type { JsxStyleProps } from '@oztix/roadie-core/types'\n\ntype HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'label'\ntype HeadingStyle = Extract<JsxStyleProps['textStyle'], `display.${string}`>\n\n/**\n * A heading component that uses display styles for titles and section headers\n */\nexport interface HeadingProps extends HTMLStyledProps<'h2'> {\n  /**\n   * The heading element to render\n   * @default 'h2'\n   */\n  as?: HeadingElement\n\n  /**\n   * The text style to use for the heading\n   * @default 'display.ui'\n   */\n  textStyle?: HeadingStyle\n\n  /**\n   * The color palette to use for the heading\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * Set a sepecific empahasis level for differen fonts like subtitles\n   * @default 'default'\n   */\n  emphasis?: HeadingVariantProps['emphasis']\n\n  /**\n   * The content to display\n   */\n  children?: ReactNode\n}\n\nexport const Heading = styled(\n  ark.h2,\n  heading\n) as React.ForwardRefExoticComponent<HeadingProps>\n\nHeading.displayName = 'Heading'\n"]}

package/dist/_chunks/chunk-GSK3G4DW.js

@@ -0,0 +1,9 @@
+import { ark } from '@ark-ui/react/factory';
+import { styled } from '@oztix/roadie-core/jsx';
+import { text } from '@oztix/roadie-core/recipes';
+
+var r=styled(ark.span,text);r.displayName="Text";
+
+export { r as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-GSK3G4DW.js.map

package/dist/_chunks/chunk-GSK3G4DW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Text/index.tsx"],"names":["ark","styled","text","Text"],"mappings":"AAEA,OAAS,OAAAA,MAAW,wBAGpB,OAAS,UAAAC,MAAc,yBAEvB,OAAgC,QAAAC,MAAY,6BAyCrC,IAAMC,EAAOF,EAClBD,EAAI,KACJE,CACF,EAEAC,EAAK,YAAc","sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { styled } from '@oztix/roadie-core/jsx'\nimport type { HTMLStyledProps } from '@oztix/roadie-core/jsx'\nimport { type TextVariantProps, text } from '@oztix/roadie-core/recipes'\n\n/**\n * Text component for displaying content with various styling options\n */\nexport interface TextProps extends HTMLStyledProps<'span'> {\n  /**\n   * The visual emphasis of the text\n   * @default 'default'\n   */\n  emphasis?: TextVariantProps['emphasis']\n\n  /**\n   * Whether the text is interactive\n   * @default false\n   */\n  interactive?: TextVariantProps['interactive']\n\n  /**\n   * The HTML element to render the text as\n   * @default 'span'\n   */\n  as?: HTMLStyledProps<'span'>['as']\n\n  /**\n   * The color palette to use for the text\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * When true, the component will pass props to its child component\n   */\n  asChild?: boolean\n\n  /**\n   * The content to display\n   */\n  children?: ReactNode\n}\n\nexport const Text = styled(\n  ark.span,\n  text\n) as React.ForwardRefExoticComponent<TextProps>\n\nText.displayName = 'Text'\n"]}

package/dist/_chunks/chunk-P5L5LN6E.js

@@ -0,0 +1,9 @@
+import { ark } from '@ark-ui/react/factory';
+import { styled } from '@oztix/roadie-core/jsx';
+import { code } from '@oztix/roadie-core/recipes';
+
+var t=styled(ark.code,code);t.displayName="Code";
+
+export { t as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-P5L5LN6E.js.map

package/dist/_chunks/chunk-P5L5LN6E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Code/index.tsx"],"names":["ark","styled","code","Code"],"mappings":"AAEA,OAAS,OAAAA,MAAW,wBAGpB,OAAS,UAAAC,MAAc,yBAEvB,OAAgC,QAAAC,MAAY,6BAwBrC,IAAMC,EAAOF,EAClBD,EAAI,KACJE,CACF,EAEAC,EAAK,YAAc","sourcesContent":["import type { ReactNode } from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { styled } from '@oztix/roadie-core/jsx'\nimport type { HTMLStyledProps } from '@oztix/roadie-core/jsx'\nimport { type CodeVariantProps, code } from '@oztix/roadie-core/recipes'\n\n/**\n * A code component that inherits from Text and renders as a code element\n */\nexport interface CodeProps extends HTMLStyledProps<'code'> {\n  /**\n   * The appearance of the code block\n   * @default 'default'\n   */\n  emphasis?: CodeVariantProps['emphasis']\n\n  /**\n   * The color palette to use for the code\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * The content to display\n   */\n  children?: ReactNode\n}\n\nexport const Code = styled(\n  ark.code,\n  code\n) as React.ForwardRefExoticComponent<CodeProps>\n\nCode.displayName = 'Code'\n"]}

package/dist/_chunks/chunk-RJEJUZ3O.js

@@ -0,0 +1,7 @@
+import { View } from '@oztix/roadie-core/jsx';
+
+var t=View;t.displayName="View";
+
+export { t as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-RJEJUZ3O.js.map

package/dist/_chunks/chunk-RJEJUZ3O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/View/index.tsx"],"names":["ViewPattern","View"],"mappings":"AAAA,OAAS,QAAQA,MAAmB,yBAO7B,IAAMC,EAAOD,EAIpBC,EAAK,YAAc","sourcesContent":["import { View as ViewPattern } from '@oztix/roadie-core/jsx'\n\n/**\n * A foundational layout component that provides a flexible container with sensible defaults.\n * Based on the Panda CSS Box pattern but with better defaults for application UI layout.\n *\n */\nexport const View = ViewPattern\n\nexport type ViewProps = React.ComponentProps<typeof ViewPattern>\n\nView.displayName = 'View'\n"]}

package/dist/_chunks/chunk-VDMZIGT2.js

@@ -0,0 +1,10 @@
+import 'react';
+import { ark } from '@ark-ui/react/factory';
+import { styled } from '@oztix/roadie-core/jsx';
+import { button } from '@oztix/roadie-core/recipes';
+
+var r=styled(ark.button,button);r.displayName="Button";
+
+export { r as a };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=chunk-VDMZIGT2.js.map

package/dist/_chunks/chunk-VDMZIGT2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/Button/index.tsx"],"names":["ark","styled","button","Button"],"mappings":"AAAA,MAAkB,QAElB,OAAS,OAAAA,MAAW,wBAGpB,OAAS,UAAAC,MAAc,yBAEvB,OAAkC,UAAAC,MAAc,6BAmCzC,IAAMC,EAASF,EACpBD,EAAI,OACJE,CACF,EAEAC,EAAO,YAAc","sourcesContent":["import React from 'react'\n\nimport { ark } from '@ark-ui/react/factory'\n\nimport type { ColorPalette } from '@oztix/roadie-core'\nimport { styled } from '@oztix/roadie-core/jsx'\nimport type { HTMLStyledProps } from '@oztix/roadie-core/jsx'\nimport { type ButtonVariantProps, button } from '@oztix/roadie-core/recipes'\n\n/**\n * A button component with various emphasis levels and sizes\n */\nexport interface ButtonProps extends HTMLStyledProps<'button'> {\n  /**\n   * The visual emphasis of the button\n   * @default 'default'\n   */\n  emphasis?: ButtonVariantProps['emphasis']\n\n  /**\n   * The size of the button\n   * @default 'md'\n   */\n  size?: ButtonVariantProps['size']\n\n  /**\n   * The color palette to use for the button\n   * @default 'neutral'\n   */\n  colorPalette?: ColorPalette\n\n  /**\n   * When true, the component will pass props to its child component\n   */\n  asChild?: boolean\n\n  /**\n   * The content to display\n   */\n  children?: React.ReactNode\n}\n\nexport const Button = styled(\n  ark.button,\n  button\n) as React.ForwardRefExoticComponent<ButtonProps>\n\nButton.displayName = 'Button'\n"]}

package/dist/index.d.ts

@@ -1,11 +1,10 @@
-export { Button, ButtonProps, buttonRecipe } from './Button.js';
+export { Button, ButtonProps } from './Button.js';
 export { Code, CodeProps } from './Code.js';
 export { Heading, HeadingProps } from './Heading.js';
-export { PolymorphicTextProps, Text, TextProps } from './Text.js';
-export { PolymorphicViewProps, View, ViewProps } from './View.js';
-import 'react/jsx-runtime';
-import 'packages/core/dist/types';
-import 'react-aria-components';
+export { Text, TextProps } from './Text.js';
+export { View, ViewProps } from './View.js';
 import 'react';
+import '@oztix/roadie-core';
 import '@oztix/roadie-core/jsx';
+import '@oztix/roadie-core/recipes';
 import '@oztix/roadie-core/types';

package/dist/index.js

@@ -1,7 +1,7 @@
-export { b as Button, a as buttonRecipe } from './_chunks/chunk-JDVDZGUN.js';
-export { a as Code } from './_chunks/chunk-76TTGNAE.js';
-export { a as Heading } from './_chunks/chunk-5EABNA3A.js';
-export { a as Text } from './_chunks/chunk-CNVMCX74.js';
-export { a as View } from './_chunks/chunk-72747LP3.js';
+export { a as Button } from './_chunks/chunk-VDMZIGT2.js';
+export { a as Code } from './_chunks/chunk-P5L5LN6E.js';
+export { a as Heading } from './_chunks/chunk-6FIUWNC7.js';
+export { a as Text } from './_chunks/chunk-GSK3G4DW.js';
+export { a as View } from './_chunks/chunk-RJEJUZ3O.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oztix/roadie-components",
-  "version": "0.2.1",
+  "version": "1.0.0",
   "description": "The components for Roadie Design System at Oztix",
   "type": "module",
   "main": "./dist/index.js",
@@ -11,11 +11,16 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
+    },
+    "./src/*": {
+      "types": "./src/*",
+      "import": "./src/*"
     }
   },
   "sideEffects": false,
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "publishConfig": {
     "access": "public"
@@ -25,11 +30,11 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@oztix/roadie-core": "^0.2.1",
-    "react-aria-components": "1.0.0"
+    "@ark-ui/react": "5.26.2",
+    "@oztix/roadie-core": "1.0.0"
   },
   "devDependencies": {
-    "@pandacss/dev": "0.48.1",
+    "@pandacss/dev": "1.4.3",
     "@testing-library/jest-dom": "6.1.6",
     "@testing-library/react": "15.0.0",
     "@testing-library/user-event": "14.5.1",