anicca-ui 1.0.0 → 1.1.0

package/dist/overlay/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Menu';
+export * from './Combobox';

package/dist/primitives/Button/Button.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+
+export type AniccaButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'link';
+export type AniccaButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+export interface AniccaButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: AniccaButtonVariant;
+    size?: AniccaButtonSize;
+    /** Show loading spinner and disable interaction. */
+    loading?: boolean;
+    /** Icon rendered before children. */
+    leftIcon?: React.ReactNode;
+    /** Icon rendered after children. */
+    rightIcon?: React.ReactNode;
+    /** Make button stretch full width. */
+    fullWidth?: boolean;
+}
+/**
+ * AniccaButton — Polymorphic button with variants, sizes, loading state, and icon slots.
+ */
+export declare const AniccaButton: React.ForwardRefExoticComponent<AniccaButtonProps & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1 @@
+export * from './Button';

package/dist/primitives/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+
+export interface AniccaCheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: React.ReactNode;
+    description?: string;
+    error?: string;
+    /** Tri-state for parent/select-all UX. Visual only; doesn't change checked. */
+    indeterminate?: boolean;
+    wrapperClassName?: string;
+}
+/**
+ * AniccaCheckbox — Custom-styled checkbox with label, indeterminate state, focus ring.
+ */
+export declare const AniccaCheckbox: React.ForwardRefExoticComponent<AniccaCheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/primitives/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/primitives/Input/Input.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+
+export type AniccaInputSize = 'sm' | 'md' | 'lg';
+export interface AniccaInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Visible label rendered above the input. */
+    label?: string;
+    /** Helper text below input. */
+    helper?: string;
+    /** Error message; replaces helper and sets invalid styling. */
+    error?: string;
+    /** Required indicator. */
+    required?: boolean;
+    /** Element rendered inside on the leading side (icon, prefix). */
+    leftAddon?: React.ReactNode;
+    /** Element rendered inside on the trailing side. */
+    rightAddon?: React.ReactNode;
+    inputSize?: AniccaInputSize;
+    /** Apply class to root wrapper, not input element. */
+    wrapperClassName?: string;
+}
+/**
+ * AniccaInput — Text input with label, helper/error states, and inline addons.
+ */
+export declare const AniccaInput: React.ForwardRefExoticComponent<AniccaInputProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from './Input';

package/dist/primitives/Radio/Radio.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+
+export interface AniccaRadioGroupProps {
+    name: string;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    /** Layout direction. */
+    orientation?: 'vertical' | 'horizontal';
+    disabled?: boolean;
+    label?: string;
+    error?: string;
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * AniccaRadioGroup — Wraps AniccaRadio items; manages name + selection state.
+ */
+export declare function AniccaRadioGroup({ name, value, defaultValue, onChange, orientation, disabled, label, error, className, children, }: AniccaRadioGroupProps): React.ReactElement;
+export interface AniccaRadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    value: string;
+    label?: React.ReactNode;
+    description?: string;
+    wrapperClassName?: string;
+}
+/**
+ * AniccaRadio — Single radio option. Use inside AniccaRadioGroup, or standalone with `name`.
+ */
+export declare const AniccaRadio: React.ForwardRefExoticComponent<AniccaRadioProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from './Radio';

package/dist/primitives/Select/Select.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+
+export interface AniccaSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface AniccaSelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    label?: string;
+    helper?: string;
+    error?: string;
+    /** Options to render. If `children` is provided, takes precedence. */
+    options?: AniccaSelectOption[];
+    /** Placeholder shown when value is empty. Rendered as disabled hidden option. */
+    placeholder?: string;
+    selectSize?: 'sm' | 'md' | 'lg';
+    wrapperClassName?: string;
+}
+/**
+ * AniccaSelect — Native select with label, helper/error, custom caret.
+ * Uses native `<select>` for full a11y + mobile keyboard support.
+ */
+export declare const AniccaSelect: React.ForwardRefExoticComponent<AniccaSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/primitives/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/dist/primitives/Switch/Switch.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+
+export type AniccaSwitchSize = 'sm' | 'md' | 'lg';
+export interface AniccaSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
+    label?: React.ReactNode;
+    description?: string;
+    switchSize?: AniccaSwitchSize;
+    /** Position of the label relative to switch. */
+    labelPosition?: 'left' | 'right';
+    wrapperClassName?: string;
+}
+/**
+ * AniccaSwitch — Toggle switch with smooth thumb animation.
+ */
+export declare const AniccaSwitch: React.ForwardRefExoticComponent<AniccaSwitchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/primitives/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/primitives/Textarea/Textarea.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+
+export interface AniccaTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+    helper?: string;
+    error?: string;
+    /** Auto-grow height to fit content. */
+    autoResize?: boolean;
+    /** Maximum height (px) when autoResize is on. */
+    maxHeight?: number;
+    /** Show character count below; works best with maxLength. */
+    showCount?: boolean;
+    wrapperClassName?: string;
+}
+/**
+ * AniccaTextarea — Multi-line input with label, helper/error, auto-resize, and char counter.
+ */
+export declare const AniccaTextarea: React.ForwardRefExoticComponent<AniccaTextareaProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1 @@
+export * from './Textarea';

package/dist/primitives/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Button';
+export * from './Input';
+export * from './Textarea';
+export * from './Select';
+export * from './Checkbox';
+export * from './Radio';
+export * from './Switch';

package/dist/theme/AniccaThemeProvider.d.ts

@@ -19,7 +19,8 @@ export interface AniccaThemeProviderProps {
  *
  * @example
  * ```tsx
- * <AniccaThemeProvider theme={{ primary: '#ff00ff' }}>
+ * // Purple primary theme (RGB channels format)
+ * <AniccaThemeProvider theme={{ primary: '124 58 237' }}>
  *   <AniccaStatCard title="Sales" value={42} />
  * </AniccaThemeProvider>
  * ```

package/dist/theme/types.d.ts

@@ -1,39 +1,38 @@
 /**
  * AniccaTheme — Token overrides for the AniccaUI design system.
  *
- * Pass partial values to `AniccaThemeProvider` to rebrand components
- * without touching CSS. Any token omitted keeps the library default.
+ * Values must be space-separated RGB channels (no rgb() wrapper)
+ * to support Tailwind opacity modifiers.
+ *
+ * @example
+ * ```tsx
+ * <AniccaThemeProvider theme={{ primary: '124 58 237' }}>
+ *   <App />
+ * </AniccaThemeProvider>
+ * ```
  */
 export interface AniccaTheme {
     primary?: string;
-    primaryFg?: string;
-    primarySoft?: string;
-    success?: string;
-    successBg?: string;
-    danger?: string;
-    dangerBg?: string;
-    warning?: string;
-    warningBg?: string;
-    info?: string;
-    infoBg?: string;
+    'on-primary'?: string;
+    'primary-container'?: string;
+    secondary?: string;
+    'secondary-container'?: string;
+    'on-secondary-container'?: string;
+    tertiary?: string;
+    error?: string;
     surface?: string;
-    surfaceMuted?: string;
-    surfaceOverlay?: string;
-    surfaceDark?: string;
-    surfaceDark2?: string;
-    surfaceDarkFg?: string;
-    surfaceDarkFgMuted?: string;
-    border?: string;
-    borderStrong?: string;
-    borderDark?: string;
-    text?: string;
-    textMuted?: string;
-    textSubtle?: string;
-    radius?: string;
-    radiusSm?: string;
-    radiusLg?: string;
-    shadowSm?: string;
-    shadowMd?: string;
-    shadowLg?: string;
+    'surface-container-lowest'?: string;
+    'surface-container-low'?: string;
+    'surface-container'?: string;
+    'surface-container-high'?: string;
+    'surface-container-highest'?: string;
+    'on-surface'?: string;
+    'on-surface-variant'?: string;
+    outline?: string;
+    'outline-variant'?: string;
+    background?: string;
+    'sidebar-bg'?: string;
+    violet?: string;
+    amber?: string;
 }
 export declare const ANICCA_THEME_CSS_VAR_MAP: Record<keyof AniccaTheme, string>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anicca-ui",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "description": "A production-ready React utility library with dashboard components, form validation, date manipulation, and general utilities",
   "main": "dist/anicca-ui.umd.js",
@@ -24,10 +24,9 @@
     "**/*.css"
   ],
   "scripts": {
+    "dev": "vite",
     "prebuild": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\"",
     "build": "tsc --noEmit && vite build",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "prepublishOnly": "npm run build"
   },
   "peerDependencies": {
@@ -35,16 +34,14 @@
     "react-dom": ">=18.0.0"
   },
   "devDependencies": {
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/react-vite": "^8.6.18",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^4.0.0",
     "autoprefixer": "^10.4.20",
+    "maplibre-gl": "^4.7.1",
     "postcss": "^8.4.49",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
-    "storybook": "^8.6.18",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.0.0",
     "vite": "^5.0.0",