cetec-design-system 0.0.26 → 0.0.28

package/dist/components/Box/Box.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ComponentPropsWithoutRef, ElementType } from 'react';
+import { BoxVariantProps } from '../../../styled-system/recipes';
+import { SystemStyleObject } from '../../../styled-system/types';
+export type BoxProps = Omit<ComponentPropsWithoutRef<ElementType>, 'as'> & SystemStyleObject & BoxVariantProps & {
+    as?: ElementType;
+};
+export declare const Box: React.FC<BoxProps>;

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

@@ -0,0 +1 @@
+export { Box, type BoxProps } from './Box';

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

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { BoxProps } from '../Box';
+import { ButtonVariantProps } from '../../../styled-system/recipes';
+export type ButtonProps = BoxProps & ButtonVariantProps & {
+    href?: string;
+    loading?: boolean;
+    children?: string | ReactNode;
+    disabled?: boolean;
+    type?: 'submit' | 'reset' | 'button';
+};
+export declare const Button: FC<ButtonProps>;
+export default Button;

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+/**
+ * ButtonContent handles rendering the children alongside an optional Spinner.
+ */
+export declare const ButtonContent: ({ loading, children, }: {
+    loading: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { Button, type ButtonProps } from './Button';

package/dist/components/CheckBox/CheckBox.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../Box';
+import { CheckboxVariantProps } from '../../../styled-system/recipes';
+export type CheckBoxProps = Omit<BoxProps, keyof CheckboxVariantProps> & CheckboxVariantProps & {
+    indeterminate?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const CheckBox: React.FC<CheckBoxProps>;

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

@@ -0,0 +1 @@
+export { CheckBox } from './CheckBox';

package/dist/components/CheckboxInput/CheckboxInput.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { BoxProps } from '../Box';
+export type CheckBoxInputProps = BoxProps & {
+    error?: boolean;
+    children?: string | ReactNode;
+};
+export declare const CheckBoxInput: FC<CheckBoxInputProps>;
+export default CheckBoxInput;

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

@@ -0,0 +1 @@
+export { CheckBoxInput, type CheckBoxInputProps } from './CheckboxInput';

package/dist/components/Code/Code.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../Box';
+import { TextProps } from '../Text';
+import { CodeVariantProps } from '../../../styled-system/recipes';
+export type CodeProps = Omit<BoxProps, keyof CodeVariantProps | keyof TextProps> & CodeVariantProps & TextProps & {
+    children?: string | React.ReactNode;
+    lang?: string;
+};
+export declare const Code: React.FC<CodeProps>;

package/dist/components/Code/Pre.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+export type PreProps = BoxProps & {
+    children: string | React.ReactNode;
+    lang?: string;
+    as?: string;
+};
+export declare const Pre: React.FC<PreProps>;

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

@@ -0,0 +1,2 @@
+export { Code, type CodeProps } from './Code';
+export { Pre, type PreProps } from './Pre';

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

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box/Box';
+import { DividerVariantProps } from '../../../styled-system/recipes';
+export type DividerProps = Omit<BoxProps, keyof DividerVariantProps> & DividerVariantProps & {
+    direction?: string;
+    weight?: string;
+};
+export declare const Divider: React.FC<DividerProps>;

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

@@ -0,0 +1 @@
+export { Divider, type DividerProps } from './Divider';

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import { TextProps } from '../Text';
+import { HeadingVariantProps } from '../../../styled-system/recipes';
+export type HeadingProps = Omit<TextProps, keyof HeadingVariantProps> & HeadingVariantProps & {
+    children?: string | React.ReactNode;
+    level?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+};
+export declare const Heading: React.FC<HeadingProps>;

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

@@ -0,0 +1 @@
+export { Heading, type HeadingProps } from './Heading';

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+import { SVGAttributes } from 'react';
+import { BoxProps } from '../Box';
+import { IconNamesList } from './icons';
+import { numericSizes } from '../../styles/tokens';
+import { ConditionalValue } from '../../../styled-system/types';
+import { WithEscapeHatch } from '../../../styled-system/types/prop-type';
+import { ColorToken } from '../../../styled-system/tokens';
+export type AllowedIconSizes = keyof typeof numericSizes;
+export type IconProps = Omit<BoxProps, 'size'> & SVGAttributes<SVGElement> & {
+    name: IconNamesList;
+    size?: AllowedIconSizes;
+    fill?: ConditionalValue<WithEscapeHatch<ColorToken | `var(--${string})`>>;
+};
+export declare const Icon: React.FC<IconProps>;

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

@@ -0,0 +1,3 @@
+export { Icon, type IconProps } from './Icon';
+export type { IconNamesList } from './icons';
+export { IconNames } from './iconNames';

package/dist/components/IconButton/IconButton.d.ts

@@ -0,0 +1,19 @@
+import { FC, ReactElement } from 'react';
+import { BoxProps } from '../Box';
+import { IconButtonVariantProps } from '../../../styled-system/recipes';
+import { Icon } from '../Icon';
+/**
+ * The IconButton component builds on Box.
+ * It automatically renders as a "button" (or an "a" if an href is provided)
+ * and applies the iconButton recipe styles.
+ *
+ * It requires exactly one child which must be an <Icon /> element.
+ */
+export type IconButtonProps = BoxProps & IconButtonVariantProps & {
+    href?: string;
+    loading?: boolean;
+    children: ReactElement<typeof Icon>;
+    disabled?: boolean;
+    type?: 'submit' | 'reset' | 'button';
+};
+export declare const IconButton: FC<IconButtonProps>;

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

@@ -0,0 +1 @@
+export { IconButton, type IconButtonProps } from './IconButton';

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

@@ -0,0 +1,10 @@
+import { TextProps } from '../Text';
+import { BoxProps } from '../Box';
+import { InputVariantProps } from '../../../styled-system/recipes';
+export type InputProps = Omit<BoxProps, keyof InputVariantProps | keyof TextProps> & TextProps & InputVariantProps & {
+    label?: string;
+    type?: string | HTMLInputElement;
+    variant?: 'stacked' | 'internalLabel';
+    children?: string | React.ReactNode;
+};
+export declare const Input: React.FC<InputProps>;

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

@@ -0,0 +1 @@
+export { Input, type InputProps } from './Input';

package/dist/components/Label/Label.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+import { LabelVariantProps } from '../../../styled-system/recipes';
+export type LabelProps = Omit<BoxProps, keyof LabelVariantProps> & LabelVariantProps & {
+    htmlFor?: string;
+    children?: string | React.ReactNode;
+};
+export declare const Label: React.FC<LabelProps>;

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

@@ -0,0 +1 @@
+export { Label, type LabelProps } from './Label';

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '../Box';
+import { LinkVariantProps } from '../../../styled-system/recipes';
+import { FontSizeToken, FontToken, FontWeightToken } from '../../../styled-system/tokens';
+export type LinkProps = Omit<BoxProps, keyof LinkVariantProps> & LinkVariantProps & {
+    href: string;
+    external?: boolean;
+    disabled?: boolean;
+    size?: FontSizeToken;
+    family?: FontToken;
+    italic?: boolean;
+    bold?: boolean;
+    weight?: FontWeightToken;
+    className?: string;
+    children?: React.ReactNode;
+};
+export declare const Link: React.FC<LinkProps>;

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

@@ -0,0 +1 @@
+export { Link, type LinkProps } from './Link';

package/dist/components/PandaPatterns.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from '../Box';
+import { RadioVariantProps } from '../../../styled-system/recipes';
+export type RadioProps = Omit<BoxProps, keyof RadioVariantProps> & RadioVariantProps & {
+    disabled?: boolean;
+    error?: boolean;
+};
+export declare const Radio: React.FC<RadioProps>;

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

@@ -0,0 +1 @@
+export { Radio, type RadioProps } from './Radio';

package/dist/components/RadioInput/RadioInput.d.ts

@@ -0,0 +1,9 @@
+import { RadioInputVariantProps } from '../../../styled-system/recipes';
+import { BoxProps } from '../Box';
+import { FC, ReactNode } from 'react';
+export type RadioInputProps = BoxProps & RadioInputVariantProps & {
+    error?: boolean;
+    children?: string | ReactNode;
+};
+export declare const RadioInput: FC<RadioInputProps>;
+export default RadioInput;

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

@@ -0,0 +1 @@
+export { RadioInput, type RadioInputProps } from './RadioInput';

package/dist/components/Slot.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare function Slot({ children, ...props }: {
+    children?: React.ReactNode;
+}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | null;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import { BoxProps } from '../Box/Box';
+import { SpinnerVariantProps } from '../../../styled-system/recipes';
+export type SpinnerProps = Omit<BoxProps, keyof SpinnerVariantProps> & SpinnerVariantProps;
+export declare const Spinner: React.FC<SpinnerProps>;

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

@@ -0,0 +1 @@
+export { Spinner, type SpinnerProps } from './Spinner';

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

@@ -0,0 +1,8 @@
+import { default as React, ReactNode, ElementType } from 'react';
+import { BoxProps } from '../Box';
+import { TextVariantProps } from '../../../styled-system/recipes';
+export type TextProps = Omit<BoxProps, keyof TextVariantProps> & TextVariantProps & {
+    children: string | ReactNode;
+    as?: ElementType;
+};
+export declare const Text: React.FC<TextProps>;

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

@@ -0,0 +1,7 @@
+import { Text } from './index';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Default: Story;
+export declare const AllColors: Story;

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

@@ -0,0 +1 @@
+export { Text, type TextProps } from './Text';

package/dist/components/TextInput/TextInput.d.ts

@@ -0,0 +1,6 @@
+import { BoxProps } from '../Box/Box';
+import { TextinputVariantProps } from '../../../styled-system/recipes';
+export type TextInputProps = Omit<BoxProps, keyof TextinputVariantProps> & TextinputVariantProps & {
+    error?: boolean;
+};
+export declare const TextInput: React.FC<TextInputProps>;

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

@@ -0,0 +1 @@
+export { TextInput, type TextInputProps } from './TextInput';

package/dist/components/Textarea/Textarea.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../Box';
+import { TextareaVariantProps } from '../../../styled-system/recipes';
+export type TextareaProps = Omit<BoxProps, keyof TextareaVariantProps> & TextareaVariantProps & {
+    autoSize?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+};
+export declare const Textarea: React.FC<TextareaProps>;

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

@@ -0,0 +1 @@
+export { Textarea, type TextareaProps } from './Textarea';

package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts

@@ -0,0 +1 @@
+export declare const ThemeSwitcher: React.FC;

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

@@ -0,0 +1 @@
+export { ThemeSwitcher } from './ThemeSwitcher';

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,8 @@
+import { BoxProps } from '../Box';
+import { ToggleVariantProps } from '../../../styled-system/recipes';
+import { default as React } from 'react';
+export type ToggleProps = Omit<BoxProps, keyof ToggleVariantProps> & ToggleVariantProps & {
+    error?: boolean;
+    disabled?: boolean;
+};
+export declare const Toggle: React.FC<ToggleProps>;

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

@@ -0,0 +1 @@
+export { Toggle, type ToggleProps } from './Toggle';

package/dist/components/ToggleInput/ToggleInput.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+import { BoxProps } from '../Box';
+import { ToggleInputVariantProps } from '../../../styled-system/recipes';
+export type ToggleInputProps = BoxProps & ToggleInputVariantProps & {
+    error?: boolean;
+    children?: string | ReactNode;
+};
+export declare const ToggleInput: FC<ToggleInputProps>;

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

@@ -0,0 +1 @@
+export { ToggleInput, type ToggleInputProps } from './ToggleInput';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cetec-design-system",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "scripts": {
     "cssgen": "npx panda cssgen 'src/**/*.css'",
     "prepare": "npx panda codegen",