@stordata/design-system 0.1.20260629080514

package/dist/lib/DSCard/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+import { ComponentVariant } from '../../src/services/useTheme/defaultTheme.ts';
+export interface DSCardProps extends DSCommonProps<'div'> {
+    variant?: DSCardVariant;
+    title?: string;
+}
+export type DSCardVariant = ComponentVariant;
+/**
+ * DSCard Component
+ *
+ * A flexible card component that supports different variants, titles, and custom content.
+ */
+export default function DSCard(p: DSCardProps): ReactElement;

package/dist/lib/DSCard/index.js

@@ -0,0 +1,2 @@
+import { d as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSCheckbox/index.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+import { CheckboxRootProps, CheckboxRootState } from '@base-ui/react/checkbox';
+import { DSCommonProps } from '../DSCommonProps.ts';
+export interface DSCheckboxProps extends DSCommonProps<'span', CheckboxRootState> {
+    disabled?: boolean;
+    onCheckedChange?: CheckboxRootProps['onCheckedChange'];
+    defaultChecked?: CheckboxRootProps['defaultChecked'];
+    checked?: CheckboxRootProps['checked'];
+    variant?: 'on-neutral' | 'on-brand';
+}
+/**
+ * DSCheckbox Component
+ *
+ * A custom checkbox component built using the base Checkbox component from '@base-ui/react/checkbox'.
+ * This component supports a value, a change handler, and an optional required flag.
+ */
+export default function DSCheckbox(p: DSCheckboxProps): ReactElement;

package/dist/lib/DSCheckbox/index.js

@@ -0,0 +1,2 @@
+import { f as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSCommonProps.d.ts

@@ -0,0 +1,3 @@
+import { ElementType } from 'react';
+import { BaseUIComponentProps } from '@base-ui/react/internals/types';
+export type DSCommonProps<Element extends ElementType, State = object> = BaseUIComponentProps<Element, State>;

package/dist/lib/DSIcon/index.d.ts

@@ -0,0 +1,14 @@
+import { ReactElement } from 'react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+import { ComponentSize } from '../../src/services/useTheme/defaultTheme.ts';
+export interface DSIconProps extends DSCommonProps<'span'> {
+    size?: DSIconSize;
+}
+export type DSIconSize = ComponentSize | 'extra-small' | 'extra-large';
+/**
+ * DSIcon component
+ *
+ * This component renders an icon with a specified size.
+ * It applies styles based on the provided `size` prop and displays the `icon` content.
+ */
+export default function DSIcon(p: DSIconProps): ReactElement;

package/dist/lib/DSIcon/index.js

@@ -0,0 +1,2 @@
+import { n as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSInput/index.d.ts

@@ -0,0 +1,50 @@
+import { FieldControlProps } from '@base-ui/react';
+import { FocusEventHandler, Ref } from 'react';
+export interface DSInputProps {
+    label?: string;
+    name?: string;
+    value?: string;
+    onChange?: FieldControlProps['onValueChange'];
+    placeholder?: string;
+    fullWidth?: boolean;
+    ghost?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    error?: {
+        message: string;
+    };
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    invalid?: boolean;
+    isTouched?: boolean;
+    isDirty?: boolean;
+    helperText?: string;
+    ref?: Ref<HTMLInputElement>;
+}
+/**
+ * DSInput component - Customizable input field.
+ *
+ * This component provides a styled input field with support for various props such as labels,
+ * error messages, helper text, and additional styling options like fullWidth and ghost styles.
+ * It integrates with the Field component for form handling and validation.
+ *
+ * @param {Object} props - Component props.
+ * @param {string} props.label - Label text for the input field.
+ * @param {string} props.name - Name attribute for the input field.
+ * @param {string} props.value - Current value of the input.
+ * @param {Function} props.onChange - Callback function triggered when the input value changes.
+ * @param {string} [props.placeholder=''] - Placeholder text shown in the input.
+ * @param {boolean} [props.fullWidth=false] - If `true`, the input occupies the full available width.
+ * @param {boolean} [props.ghost=true] - If `true`, applies a "ghost" style to the input.
+ * @param {boolean} [props.required=false] - If `true`, marks the input as required.
+ * @param {Object} [props.error] - Error object containing validation error details.
+ * @param {string} [props.error.message] - Error message to display when the input is invalid.
+ * @param {Function} [props.onBlur] - Callback function triggered when the input loses focus.
+ * @param {boolean} [props.invalid=false] - If `true`, marks the input as invalid.
+ * @param {boolean} [props.isTouched=false] - Indicates whether the input has been interacted with.
+ * @param {boolean} [props.isDirty=false] - Indicates whether the input value has been modified.
+ * @param {string} [props.helperText] - Additional helper text displayed below the input.
+ * @param {React.Ref} [props.inputRef] - Ref for the input element.
+ *
+ * @returns {JSX.Element} - Custom Input component.
+ */
+export default function DSInput({ ref, ...props }: DSInputProps): import("react").JSX.Element;

package/dist/lib/DSInput/index.js

@@ -0,0 +1,2 @@
+import { p as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSProvider/index.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement, ReactNode } from 'react';
+import { Theme } from '../../src/services/useTheme/defaultTheme.ts';
+export interface DSProviderProps {
+    theme: Theme;
+    children: ReactNode;
+}
+/**
+ * DSProvider component
+ *
+ * This component provides a theme context to its child components.
+ * It wraps the children with the `ThemeContext.Provider` and passes the `theme` prop as the context value.
+ *
+ * @param {Object} props - The props object.
+ * @param {Object} props.theme - The theme object to be provided to the context.
+ * @param {React.ReactNode} props.children - The child components to be rendered within the provider.
+ *
+ * @returns {JSX.Element} The DSProvider component.
+ */
+export default function DSProvider({ theme: appTheme, children }: DSProviderProps): ReactElement;

package/dist/lib/DSProvider/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../DSProvider-DSGQ7C7X.js";
+export { e as default };

package/dist/lib/DSRadio/index.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement } from 'react';
+import { RadioRootProps, RadioRootState } from '@base-ui/react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+import { DSRadioGroupProps } from '../DSRadioGroup/index.tsx';
+export interface DSRadioProps extends DSCommonProps<'span', RadioRootState> {
+    disabled?: boolean;
+    value: RadioRootProps['value'];
+    variant?: DSRadioGroupProps['variant'];
+}
+/**
+ * DSRadio component
+ *
+ * A customizable radio button. Always render inside a DSRadioGroup
+ */
+export default function DSRadio(p: DSRadioProps): ReactElement;

package/dist/lib/DSRadio/index.js

@@ -0,0 +1,2 @@
+import { s as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSRadioGroup/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { RadioGroupProps, RadioGroupState } from '@base-ui/react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+export interface DSRadioGroupProps extends DSCommonProps<'div', RadioGroupState> {
+    disabled?: boolean;
+    value?: RadioGroupProps['value'];
+    defaultValue?: RadioGroupProps['defaultValue'];
+    onValueChange?: RadioGroupProps['onValueChange'];
+    variant?: 'on-brand' | 'on-neutral';
+}
+/**
+ * DSRadioGroup component
+ *
+ * A wrapper for one or more radio buttons. Handles value selection.
+ */
+export default function DSRadioGroup(p: DSRadioGroupProps): ReactElement;

package/dist/lib/DSRadioGroup/index.js

@@ -0,0 +1,2 @@
+import { o as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSSegmentedButton/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement, ReactNode } from 'react';
+import { DSButtonColor, DSButtonSize } from '../DSButton/index.tsx';
+import { DSCommonProps } from '../DSCommonProps.ts';
+export interface DSSegmentedButtonProps extends DSCommonProps<'div'> {
+    size?: DSButtonSize;
+    color?: DSButtonColor;
+    startIcon?: ReactNode;
+    defaultValue?: string[];
+    disabled?: boolean;
+}
+/**
+ * DSSegmentedButtonProps component
+ *
+ * A multi-button component that supports a single selection amongst a choice of values
+ */
+export default function DSSegmentedButton(p: DSSegmentedButtonProps): ReactElement;

package/dist/lib/DSSegmentedButton/index.js

@@ -0,0 +1,2 @@
+import { c as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSSelect/index.d.ts

@@ -0,0 +1,18 @@
+import { SelectRootProps } from '@base-ui/react';
+import { ReactElement } from 'react';
+export interface DSSelectProps {
+    options?: DSSelectItem[];
+    value?: unknown;
+    onChange?: SelectRootProps<unknown>['onValueChange'];
+    name?: string;
+    id?: string;
+    required?: boolean;
+    placeholder?: string;
+    label?: string;
+    fullWidth?: boolean;
+}
+export interface DSSelectItem {
+    value: unknown;
+    label: string;
+}
+export default function DSSelect(props: DSSelectProps): ReactElement;

package/dist/lib/DSSelect/index.js

@@ -0,0 +1,2 @@
+import { l as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSSwitch/index.d.ts

@@ -0,0 +1,16 @@
+import { ReactElement } from 'react';
+import { SwitchRootState, SwitchRootProps } from '@base-ui/react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+export interface DSSwitchProps extends DSCommonProps<'span', SwitchRootState> {
+    disabled?: boolean;
+    checked?: SwitchRootProps['checked'];
+    defaultChecked?: SwitchRootProps['defaultChecked'];
+    onCheckedChange?: SwitchRootProps['onCheckedChange'];
+    variant?: 'on-neutral' | 'on-brand';
+}
+/**
+ * DSSwitch component
+ *
+ * A customizable switch button.
+ */
+export default function DSSwitch(p: DSSwitchProps): ReactElement;

package/dist/lib/DSSwitch/index.js

@@ -0,0 +1,2 @@
+import { a as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/dist/lib/DSTypography/index.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { DSCommonProps } from '../DSCommonProps.ts';
+export interface DSTypographyProps extends DSCommonProps<'label'> {
+    variant?: DSTypographyVariant;
+}
+export type DSTypographyVariant = 'h1' | 'h1-display' | 'h2' | 'h3' | 'h3-bold' | 'h4' | 'display-lg' | 'display-md' | 'body-xl' | 'body-lg' | 'body-lg-medium' | 'body-lg-semibold' | 'body-lg-mono' | 'body-md' | 'body-md-medium' | 'body-md-semibold' | 'body-md-mono' | 'body-sm' | 'body-sm-medium' | 'body-sm-semibold' | 'body-sm-mono' | 'body-xs-mono' | 'label-sm' | 'label-md' | 'button-text-small' | 'button-text-medium' | 'button-text-large' | 'caption-default' | 'helper-text-default';
+/**
+ * DSTypography component
+ *
+ * Renders a typographic element (h1, h2, p, etc.) determined by the provided variant.
+ */
+export default function DSTypography(p: DSTypographyProps): ReactElement;

package/dist/lib/DSTypography/index.js

@@ -0,0 +1,2 @@
+import { m as e } from "../../DSButton-BXD09god.js";
+export { e as default };

package/package.json

@@ -0,0 +1,107 @@
+{
+  "name": "@stordata/design-system",
+  "version":"0.1.20260629080514",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    "./style.css": "./dist/design-system.css",
+    "./App": {
+      "default": "./dist/lib/App/index.js",
+      "types": "./dist/lib/App/index.d.ts"
+    },
+    "./DSAccordion": {
+      "default": "./dist/lib/DSAccordion/index.js",
+      "types": "./dist/lib/DSAccordion/index.d.ts"
+    },
+    "./DSButton": {
+      "default": "./dist/lib/DSButton/index.js",
+      "types": "./dist/lib/DSButton/index.d.ts"
+    },
+    "./DSCard": {
+      "default": "./dist/lib/DSCard/index.js",
+      "types": "./dist/lib/DSCard/index.d.ts"
+    },
+    "./DSCheckbox": {
+      "default": "./dist/lib/DSCheckbox/index.js",
+      "types": "./dist/lib/DSCheckbox/index.d.ts"
+    },
+    "./DSIcon": {
+      "default": "./dist/lib/DSIcon/index.js",
+      "types": "./dist/lib/DSIcon/index.d.ts"
+    },
+    "./DSInput": {
+      "default": "./dist/lib/DSInput/index.js",
+      "types": "./dist/lib/DSInput/index.d.ts"
+    },
+    "./DSProvider": {
+      "default": "./dist/lib/DSProvider/index.js",
+      "types": "./dist/lib/DSProvider/index.d.ts"
+    },
+    "./DSRadio": {
+      "default": "./dist/lib/DSRadio/index.js",
+      "types": "./dist/lib/DSRadio/index.d.ts"
+    },
+    "./DSRadioGroup": {
+      "default": "./dist/lib/DSRadioGroup/index.js",
+      "types": "./dist/lib/DSRadioGroup/index.d.ts"
+    },
+    "./DSSegmentedButton": {
+      "default": "./dist/lib/DSSegmentedButton/index.js",
+      "types": "./dist/lib/DSSegmentedButton/index.d.ts"
+    },
+    "./DSSelect": {
+      "default": "./dist/lib/DSSelect/index.js",
+      "types": "./dist/lib/DSSelect/index.d.ts"
+    },
+    "./DSSwitch": {
+      "default": "./dist/lib/DSSwitch/index.js",
+      "types": "./dist/lib/DSSwitch/index.d.ts"
+    },
+    "./DSTypography": {
+      "default": "./dist/lib/DSTypography/index.js",
+      "types": "./dist/lib/DSTypography/index.d.ts"
+    }
+  },
+  "license": "UNLICENSED",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint eslint.config.js src/",
+    "tsc": "tsc --noEmit",
+    "prepublish": "npm run build"
+  },
+  "engines": {
+    "node": ">= 24"
+  },
+  "dependencies": {
+    "@base-ui/react": "1.6.0",
+    "@material-design-icons/svg": "0.14.15",
+    "classnames": "2.5.1"
+  },
+  "devDependencies": {
+    "@eslint/config-helpers": "0.6.0",
+    "@stordata/eslint-config": "2.0.20260625180643",
+    "@types/node": "26.0.1",
+    "@types/react-dom": "19.2.3",
+    "@vitejs/plugin-react": "6.0.3",
+    "@vitest/coverage-v8": "4.1.9",
+    "eslint-plugin-import": "2.32.0",
+    "eslint-plugin-react": "7.37.5",
+    "eslint-plugin-react-hooks": "7.1.1",
+    "globals": "17.7.0",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "sass-embedded": "1.100.0",
+    "typescript": "6.0.3",
+    "typescript-eslint": "8.62.0",
+    "vite": "8.0.16",
+    "unplugin-dts": "1.0.3",
+    "vite-plugin-svgr": "5.2.0"
+  }
+}