@aurora-ds/components 0.1.0

package/dist/esm/components/icon/Icon.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const ICON_STYLES: {
+    root: (size?: keyof import("@aurora-ds/theme").BaseFontSize | undefined, color?: keyof import("@aurora-ds/theme").BaseColors | undefined, backgroundColor?: keyof import("@aurora-ds/theme").BaseColors | undefined, padding?: keyof import("@aurora-ds/theme").BaseSpacing | undefined, borderRadius?: keyof import("@aurora-ds/theme").BaseRadius | undefined) => string;
+};

package/dist/esm/components/icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from '@components/icon/Icon';
+export type { IconProps } from '@components/icon/Icon.props';

package/dist/esm/components/icon-button/IconButton.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { IconButtonProps } from '@components/icon-button/IconButton.props.ts';
+declare const IconButton: FC<IconButtonProps>;
+export default IconButton;

package/dist/esm/components/icon-button/IconButton.props.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { ButtonVariants } from '@/interfaces';
+export type IconButtonProps = {
+    /** IconButton icon */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Visual variant of the button */
+    variant?: ButtonVariants;
+    /** Button type attribute */
+    type?: 'button' | 'submit';
+    /** Active/pressed state */
+    active?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+};
+export type IconButtonStyleParams = {
+    variant?: ButtonVariants;
+    active?: boolean;
+};

package/dist/esm/components/icon-button/IconButton.styles.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonStyleParams } from '@components/icon-button/IconButton.props.ts';
+export declare const ICON_BUTTON_STYLES: {
+    root: (args_0: IconButtonStyleParams) => string;
+};

package/dist/esm/components/icon-button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconButton } from '@components/icon-button/IconButton';
+export type { IconButtonProps } from '@components/icon-button/IconButton.props';

package/dist/esm/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from '@components/icon';
+export * from '@components/text';
+export * from '@components/button';
+export * from '@components/icon-button';
+export * from '@components/stack';
+export * from '@components/card';
+export type { ButtonVariants, ButtonVariantStyle } from '@interfaces/button.types';
+export type { TextVariants, TextVariantStyle } from '@interfaces/text.types';
+export type { StackDirection, StackAlign, StackJustify, StackWrap } from '@interfaces/stack.types';
+export type { CardDirection } from '@interfaces/card.types';

package/dist/esm/components/stack/Stack.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { StackProps } from '@components/stack/Stack.props';
+/**
+ * Stack component
+ *
+ * A flexbox container for laying out children in a row or column.
+ *
+ * **Direction:**
+ * - `row`: Horizontal layout (default)
+ * - `column`: Vertical layout
+ */
+declare const Stack: FC<StackProps>;
+export default Stack;

package/dist/esm/components/stack/Stack.props.d.ts

@@ -0,0 +1,33 @@
+import { Theme } from '@aurora-ds/theme';
+import { CSSProperties, ReactNode } from 'react';
+import { StackAlign, StackDirection, StackJustify, StackWrap } from '@interfaces/stack.types';
+export type StackProps = {
+    /** Stack children elements */
+    children: ReactNode;
+    /** Flex direction of the stack */
+    direction?: StackDirection;
+    /** Gap between children (theme spacing or CSS value) */
+    gap?: keyof Theme['spacing'];
+    /** Width of the stack container */
+    width?: CSSProperties['width'];
+    /** Height of the stack container */
+    height?: CSSProperties['height'];
+    /** Alignment of items on the cross axis */
+    align?: StackAlign;
+    /** Justification of items on the main axis */
+    justify?: StackJustify;
+    /** Whether items should wrap */
+    wrap?: StackWrap;
+    /** Padding inside the stack */
+    padding?: keyof Theme['spacing'];
+};
+export type StackStyleParams = {
+    direction: StackDirection;
+    gap?: keyof Theme['spacing'];
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    align?: StackAlign;
+    justify?: StackJustify;
+    wrap?: StackWrap;
+    padding?: keyof Theme['spacing'];
+};

package/dist/esm/components/stack/Stack.styles.d.ts

@@ -0,0 +1,7 @@
+import { StackStyleParams } from '@components/stack/Stack.props';
+/**
+ * Stack styles using createStyles from @aurora-ds/theme
+ */
+export declare const STACK_STYLES: {
+    root: (args_0: StackStyleParams) => string;
+};

package/dist/esm/components/stack/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Stack } from '@components/stack/Stack';
+export type { StackProps } from '@components/stack/Stack.props';

package/dist/esm/components/text/Text.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { TextProps } from '@components/text/Text.props';
+/**
+ * Text component - Renders semantic HTML elements based on variant
+ *
+ * **Variants:**
+ * - `h1-h6`: Heading elements with appropriate styling
+ * - `p`: Paragraph element with relaxed line height
+ * - `span`: Inline text element (default)
+ * - `label`: Label element with medium font weight
+ *
+ * **Features:**
+ * - Automatic HTML tag selection based on variant
+ * - Theme-aware colors
+ * - Text truncation with `maxLines`
+ * - Underline support
+ */
+declare const Text: FC<TextProps>;
+export default Text;

package/dist/esm/components/text/Text.props.d.ts

@@ -0,0 +1,19 @@
+import { Theme } from '@aurora-ds/theme';
+import { PropsWithChildren } from 'react';
+import { TextVariants } from '@interfaces/text.types';
+export type TextProps = PropsWithChildren<{
+    /** Text variant that determines the HTML tag and default styling */
+    variant?: TextVariants;
+    /** Text color from theme */
+    color?: keyof Theme['colors'];
+    /** Maximum number of lines before truncation with ellipsis */
+    maxLines?: number;
+    /** Add underline text decoration */
+    underline?: boolean;
+}>;
+export type TextStyleParams = {
+    variant?: TextVariants;
+    color?: keyof Theme['colors'];
+    maxLines?: number;
+    underline?: boolean;
+};

package/dist/esm/components/text/Text.styles.d.ts

@@ -0,0 +1,4 @@
+import { TextStyleParams } from '@components/text/Text.props';
+export declare const TEXT_STYLES: {
+    root: (args_0: TextStyleParams) => string;
+};

package/dist/esm/components/text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from '@components/text/Text';
+export type { TextProps } from '@components/text/Text.props';

package/dist/esm/constants/globalConstants.d.ts

@@ -0,0 +1,2 @@
+/** Button height constant */
+export declare const BUTTON_SIZE = 36;

package/dist/esm/index.css

@@ -0,0 +1 @@
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");*,:after,:before{box-sizing:border-box}body{font-family:Inter,sans-serif}

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@components/index';
+import '@styles/globals.css';