arkenstone-ui 0.0.16 → 0.0.18

package/dist/types/e-commerce/product/types/index.d.ts

@@ -0,0 +1,87 @@
+export interface Brand {
+    id: number;
+    name: string;
+    slug: string;
+    description: string | null;
+    logo: string | null;
+    is_active: boolean;
+    product_count: number;
+    created_at: string;
+    updated_at: string;
+}
+export interface ProductImage {
+    id: number;
+    product_id: number;
+    image_url: string;
+    alt_text: string | null;
+    is_primary: boolean;
+    sort_order: number;
+}
+export interface Category {
+    id: number;
+    parent_id?: number | null;
+    name: string;
+    slug: string;
+    description: string | null;
+    children?: Category[];
+    products_count?: number;
+    created_at: string;
+    updated_at: string;
+}
+export interface TaxonomyType {
+    id: number;
+    name: string;
+    slug: string;
+    description: string | null;
+    is_active: boolean;
+    taxonomies_count: number;
+    taxonomies?: Taxonomy[];
+    created_at: string;
+    updated_at: string;
+}
+export interface Taxonomy {
+    id: number;
+    taxonomy_type_id: number;
+    parent_id: number | null;
+    name: string;
+    slug: string;
+    description: string | null;
+    sort_order: number;
+    meta: Record<string, any> | null;
+    is_active: boolean;
+    type?: TaxonomyType | null;
+    parent?: Taxonomy | null;
+    children?: Taxonomy[];
+    products_count?: number;
+    created_at: string;
+    updated_at: string;
+}
+export interface ProductTaxonomy {
+    product_id: number;
+    taxonomy_id: number;
+    product?: Product | null;
+    taxonomy?: Taxonomy | null;
+    created_at: string;
+    updated_at: string;
+}
+export interface Product {
+    id: number;
+    name: string;
+    slug: string;
+    description: string | null;
+    price: number | null;
+    discount_type: string | null;
+    discount_value: number | null;
+    sale_price: number | null;
+    has_discount: boolean;
+    sku: string | null;
+    quantity: number | null;
+    is_active: boolean;
+    brand: Brand | null;
+    categories: Category[] | null;
+    taxonomies: Taxonomy[] | null;
+    images: ProductImage[] | null;
+    primary_image: ProductImage | null;
+    created_at: string;
+    updated_at: string;
+}

package/dist/types/hooks/api.d.ts

@@ -0,0 +1,15 @@
+export interface ApiOptions {
+    data?: any;
+    params?: any;
+    headers?: any;
+    displayError?: boolean;
+    displaySuccess?: boolean;
+    isMultipart?: boolean;
+    isDownload?: boolean;
+    onSuccess?: (data: any) => void;
+    onError?: (error: any) => void;
+}
+export declare const apiGet: (url: string, options?: ApiOptions) => Promise<any>;
+export declare const apiPost: (url: string, options?: ApiOptions) => Promise<any>;
+export declare const apiPut: (url: string, options?: ApiOptions) => Promise<any>;
+export declare const apiDelete: (url: string, options?: ApiOptions) => Promise<any>;

package/dist/types/hooks/index.d.ts

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

package/dist/types/hooks/use-access.d.ts

@@ -0,0 +1,7 @@
+import { Accessor, Role } from '../types/acl';
+export declare const useAccess: (userRoles?: Role[]) => {
+    can: (accessor: Accessor | Accessor[], matchAll?: boolean) => boolean;
+    must: (accessor: Accessor | Accessor[], message?: string) => void;
+    isReady: boolean;
+    canRender: (component: React.ReactNode, accessor: Accessor | Accessor[], matchAll?: boolean) => React.ReactNode;
+};

package/dist/types/hooks/use-mobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/dist/types/index.d.ts

@@ -1,3 +1,7 @@
-export * from './components/button';
-export * from './components/janith-nirmal';
-export * from './pages/home';
+export * from './components';
+export * from './hooks';
+export * from './provider';
+export * from './stores';
+export * from './types';
+export * from './util';
+export * from './e-commerce';

package/dist/types/layouts/panels/default-panel-layout.d.ts

@@ -0,0 +1,5 @@
+import { BreadcrumbItemType } from '../../components/custom/breadcrumb';
+export default function DefaultPanelLayout({ children, breadcrumbs, }: {
+    children: React.ReactNode;
+    breadcrumbs?: BreadcrumbItemType[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/types/provider/index.d.ts

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

package/dist/types/provider/theme-provider.d.ts

@@ -0,0 +1,13 @@
+type Theme = "dark" | "light" | "system";
+type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+    storageKey?: string;
+};
+type ThemeProviderState = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;
+export {};

package/dist/types/stores/acl.store.d.ts

@@ -0,0 +1,8 @@
+import { ACLState, ACLActions } from '../types/acl';
+/**
+ * ACL Store for managing the access related configrations and checks
+ */
+export declare const useACLStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions>, "setState"> & {
+    setState(nextStateOrUpdater: (ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions) | Partial<ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions> | ((state: import('immer').WritableDraft<ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions) | ((state: import('immer').WritableDraft<ACLState & import('../../lib/stores/store-factory').BaseActions<ACLState> & ACLActions>) => void), shouldReplace: true): void;
+}>;

package/dist/types/stores/config.store.d.ts

@@ -0,0 +1,10 @@
+import { AppConfig } from '../types/config';
+interface ConfigActions {
+    toggleTheme: (theme?: AppConfig["theme"]) => void;
+    toggleFeature: (key: keyof AppConfig["features"]) => void;
+}
+export declare const useConfigStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions>, "setState"> & {
+    setState(nextStateOrUpdater: (AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions) | Partial<AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions> | ((state: import('immer').WritableDraft<AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: (AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions) | ((state: import('immer').WritableDraft<AppConfig & import('./store-factory').BaseActions<AppConfig> & ConfigActions>) => void), shouldReplace: true): void;
+}>;
+export {};

package/dist/types/stores/index.d.ts

@@ -0,0 +1,4 @@
+export * from './acl.store';
+export * from './config.store';
+export * from './store-factory';
+export * from './useStore';

package/dist/types/stores/store-factory.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Define Base Actions for the factory
+ */
+export interface BaseActions<T> {
+    update: (fn: (state: T) => void) => void;
+    reset: () => void;
+}
+/**
+ * Generic store factory that will be used to create a store.
+ */
+export declare const createGenericStore: <TState extends object, TCustomActions = {}>(initialState: TState, options?: {
+    name?: string;
+    methods?: (set: (fn: (state: TState) => void) => void, get: () => TState & BaseActions<TState> & TCustomActions) => TCustomActions;
+}) => import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<TState & BaseActions<TState> & TCustomActions>, "setState"> & {
+    setState(nextStateOrUpdater: Exclude<TState & BaseActions<TState> & TCustomActions, (...args: any[]) => any> | Partial<Exclude<TState & BaseActions<TState> & TCustomActions, (...args: any[]) => any>> | ((state: import('immer').Draft<Exclude<TState & BaseActions<TState> & TCustomActions, (...args: any[]) => any>>) => void), shouldReplace?: false): void;
+    setState(nextStateOrUpdater: Exclude<TState & BaseActions<TState> & TCustomActions, (...args: any[]) => any> | ((state: import('immer').Draft<Exclude<TState & BaseActions<TState> & TCustomActions, (...args: any[]) => any>>) => void), shouldReplace: true): void;
+}>;

package/dist/types/stores/useStore.d.ts

@@ -0,0 +1,43 @@
+import { Product, Category } from '../e-commerce/product/types';
+interface CatalogState {
+    products: Product[];
+    total: number;
+    loading: boolean;
+    searchQuery: string;
+    filters: Record<string, any>;
+    sortOrder: "asc" | "desc";
+    sortBy: string;
+    viewMode: "list" | "card" | "table";
+    page: number;
+    pageSize: number;
+    setSearchQuery: (query: string) => void;
+    setFilters: (filters: Record<string, any>) => void;
+    setSortOrder: (order: "asc" | "desc") => void;
+    setSortBy: (by: string) => void;
+    setViewMode: (mode: "list" | "card" | "table") => void;
+    setPage: (page: number) => void;
+    fetchProducts: () => Promise<void>;
+}
+interface ProductCardState {
+    wishlist: number[];
+    activeProductId?: number | null;
+    toggleWishlist: (productId: number) => void;
+    isWishlisted: (productId: number) => boolean;
+    viewDetails: (productId: number) => void;
+    closeDetails: () => void;
+}
+interface CartState {
+    cart: Record<number, number>;
+    addToCart: (productId: number, qty?: number) => void;
+    removeFromCart: (productId: number) => void;
+    getCartQuantity: (productId: number) => number;
+}
+interface CategoryState {
+    selectedCategory: Category | null;
+    setSelectedCategory: (cat: Category | Record<string, any>) => void;
+}
+export declare const useCatalogStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CatalogState>>;
+export declare const useProductCardStore: import('zustand').UseBoundStore<import('zustand').StoreApi<ProductCardState>>;
+export declare const useCartStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CartState>>;
+export declare const useCategoryStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CategoryState>>;
+export {};

package/dist/types/types/acl.d.ts

@@ -0,0 +1,31 @@
+export type Role = string;
+export type Permission = string;
+export type Accessor = Role | Permission | string;
+export interface ACLConfig {
+    mode: 'local' | 'remote';
+    /**
+     * Group definitions.
+     * Example: { "staff": ["admin", "manager"], "public": ["guest"] }
+     */
+    groups?: Record<string, Role[]>;
+    /**
+     * Permission definitions.
+     * Example: { "manager": ["product.create", "product.edit"] }
+     */
+    permissions?: Record<Role, Permission[]>;
+    /**
+     * Optional fetcher for remote mode
+     */
+    fetchRemoteConfig?: () => Promise<{
+        groups?: Record<string, Role[]>;
+        permissions?: Record<Role, Permission[]>;
+    }>;
+}
+export interface ACLState {
+    config: ACLConfig;
+    isReady: boolean;
+}
+export interface ACLActions {
+    configure: (config: ACLConfig) => Promise<void>;
+    check: (userRoles: Role[], accessor: Accessor | Accessor[], matchAll?: boolean) => boolean;
+}

package/dist/types/types/config.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Global configuration for the framework
+ */
+export interface AppConfig {
+    theme: "light" | "dark";
+    currency: "USD" | "LKR" | "EUR";
+    features: {
+        reviewsEnabled: boolean;
+        wishlistEnabled: boolean;
+        productZoom: boolean;
+    };
+}

package/dist/types/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './config';
+export * from './acl';

package/dist/types/util/currency-code/currency-symbols.json.d.ts

@@ -0,0 +1,17 @@
+declare const _default: {
+  "$": "USD",
+  "€": "EUR",
+  "£": "GBP",
+  "¥": "JPY",
+  "₹": "INR",
+  "₽": "RUB",
+  "₩": "KRW",
+  "₪": "ILS",
+  "฿": "THB",
+  "₫": "VND",
+  "₺": "TRY",
+  "₱": "PHP",
+  "Fr": "CHF"
+};
+
+export default _default;

package/dist/types/util/currency-code/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Resolves a currency code to the symbol from a given currency code.
+ * @param code The code string to resolve the currency code from.
+ * @returns The resolved currency code.
+ */
+export default function resolveCurrencySymbol(code?: string): string;

package/dist/types/util/index.d.ts

@@ -0,0 +1,2 @@
+export * from './currency-code';
+export * from './text-filter';

package/dist/types/util/text-filter.d.ts

@@ -0,0 +1,6 @@
+/**
+ * generate a fallback letter for avatar using the first 2 letters of each word. if only a single word exisits the first 2 letters or single letter
+ * @param name
+ * @returns
+ */
+export declare function AvatarFallbackLetter(name: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkenstone-ui",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "type": "module",
   "main": "./dist/arkenstone-ui.umd.js",
   "module": "./dist/arkenstone-ui.es.js",
@@ -25,8 +25,7 @@
   },
   "peerDependencies": {
     "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tailwindcss": "^4.0.0"
+    "react-dom": "^19.2.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
@@ -35,21 +34,55 @@
     "@storybook/addon-onboarding": "^10.0.7",
     "@storybook/addon-vitest": "^10.0.7",
     "@storybook/react-vite": "^10.0.7",
+    "@tailwindcss/vite": "^4.1.17",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitejs/plugin-react": "^5.1.0",
     "@vitest/browser-playwright": "^4.0.9",
     "@vitest/coverage-v8": "^4.0.9",
-    "autoprefixer": "^10.4.22",
     "eslint-plugin-storybook": "^10.0.7",
     "playwright": "^1.56.1",
-    "postcss": "^8.5.6",
     "storybook": "^10.0.7",
-    "tailwindcss": "^4.1.17",
+    "tw-animate-css": "^1.4.0",
     "typescript": "^5.4.0",
     "vite": "^5.4.10",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.9"
+  },
+  "dependencies": {
+    "@inertiajs/react": "^2.2.18",
+    "@radix-ui/react-avatar": "^1.1.11",
+    "@radix-ui/react-collapsible": "^1.1.12",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-accordion": "^1.2.8",
+    "@radix-ui/react-checkbox": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.3",
+    "@radix-ui/react-navigation-menu": "^1.2.5",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-scroll-area": "^1.2.3",
+    "@radix-ui/react-select": "^2.1.7",
+    "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.2",
+    "@tanstack/react-table": "^8.21.3",
+    "axios": "^1.13.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "immer": "^11.0.0",
+    "lucide-react": "^0.553.0",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.4.0",
+    "tailwindcss": "^4.1.17",
+     "react-day-picker": "^9.9.0",
+     "next-themes": "^0.4.6",
+     "recharts": "^2.15.3",
+      "react-hook-form": "^7.62.0",
+    "zustand": "^5.0.8"
   }
 }

package/dist/types/components/button.d.ts

@@ -1,5 +0,0 @@
-export declare function Button({ children, className, active }: {
-    children: React.ReactNode;
-    className?: string;
-    active?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/janith-nirmal.d.ts

@@ -1,3 +0,0 @@
-export declare function JanithNirmal({ name }: {
-    name: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/types/pages/home.d.ts

@@ -1 +0,0 @@
-export default function Home(): import("react/jsx-runtime").JSX.Element;