trepur_components 2.3.49 → 2.4.0

package/lib/components/AlertBar/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface AlertbarContextProps {
     variant?: 'success' | 'warning' | 'error' | 'info';
     loading?: boolean;

package/lib/components/Avatar/index.d.ts

@@ -1,3 +1 @@
-import { default as React } from 'react';
-
 export declare const Avatar: React.FC;

package/lib/components/Breadcrumbs/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface BreadcrumbsContextProps {
     allLinks?: any;
 }

package/lib/components/Button/Button.stories.d.ts

@@ -1,19 +1,14 @@
-import { Button } from './';
-import { StoryObj } from '@storybook/react';
-
+import { Button } from '.';
+import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
+    tags: string[];
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('./').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
+    component: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLButtonElement> & import('.').ButtonProps & import('react').RefAttributes<HTMLButtonElement>> & {
         Icon: import('react').ForwardRefExoticComponent<{
             icon: any;
         } & import('react').RefAttributes<SVGSVGElement>>;
         Label: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLParagraphElement> & import('react').RefAttributes<HTMLParagraphElement>>;
     };
-    args: {
-        variant: "primary";
-        children: import("react/jsx-runtime").JSX.Element[];
-        onClick: import('@storybook/addon-actions').HandlerFunction;
-    };
 };
 export default meta;
 type Story = StoryObj<typeof Button>;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface ButtonProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     disabled?: boolean;

package/lib/components/Calendar/index.d.ts

@@ -1,4 +1,3 @@
-
 export type Detail = 'month' | 'year' | 'decade' | 'century';
 export interface CalendarProps {
     onChange?: () => void;

package/lib/components/Carousel/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
 import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
-
 export interface ArrowProps {
     rightArrow?: boolean;
     visible?: boolean;

package/lib/components/Carousel/index.js

@@ -101,7 +101,7 @@ const p = I(null), b = m(
       ),
       onClick: (c) => {
         var l, a;
-        t ? c.stopPropagation() !== void 0 || ((l = r.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null || a.prev());
+        return t ? c.stopPropagation() !== void 0 || ((l = r.current) == null ? void 0 : l.next()) : c.stopPropagation() !== void 0 || ((a = r.current) == null ? void 0 : a.prev());
       },
       ...s,
       children: /* @__PURE__ */ n(w, { icon: t ? L : T, size: "3x" })

package/lib/components/CarouselThumbnail/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
 import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
-
 export interface CarouselThumbnailContextProps {
     slideWrapperClassName?: string;
     breakpoints?: Record<string, Omit<KeenSliderOptions<object, object, KeenSliderHooks>, 'breakpoints'>>;

package/lib/components/Checkbox/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface CheckboxProps {
     label?: string;
     onClick?: (isChecked: boolean) => void;

package/lib/components/Collapsible/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from '../Image';
-
+import { ImageProps } from 'src/components/Image';
 export interface CollapsibleContextProps {
     loading?: boolean;
     expanded?: boolean;

package/lib/components/Collapsible/index.js

@@ -90,7 +90,15 @@ const m = S(null), x = o(
       children: e
     }
   );
-}), v = o(({ children: e, className: l, ...t }, a) => /* @__PURE__ */ s("p", { className: n("text-xs md:text-sm pb-6", l), ref: a, ...t, dangerouslySetInnerHTML: { __html: e } }));
+}), v = o(({ children: e, className: l, ...t }, a) => /* @__PURE__ */ s(
+  "p",
+  {
+    className: n("text-xs md:text-sm pb-6", l),
+    ref: a,
+    ...t,
+    dangerouslySetInnerHTML: { __html: e }
+  }
+));
 x.displayName = "Collapsible";
 C.displayName = "Collapsible.Header";
 y.displayName = "Collapsible.Content";

package/lib/components/Counter/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface CounterContextProps {
     currentCount?: number;
     setCurrentCount?: (val: number) => void;

package/lib/components/Dialog/index.d.ts

@@ -1,5 +1,4 @@
-import { ButtonProps } from '../Button';
-
+import { ButtonProps } from 'src/components/Button';
 export interface DialogProps extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     title: string;
     paragraph: string;

package/lib/components/Dropdown/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ButtonProps } from '../Button';
-
+import { ButtonProps } from 'src/components/Button';
 export interface DropdownContextProps {
     showDropdown?: boolean;
     setShowDropdown?: (val: boolean) => void;

package/lib/components/FileUploader/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface FileUploaderContextProps {
     fileList?: any;
     setFileList: (open: any) => void;

package/lib/components/Footer/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/FooterNav/index.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-
 declare const FooterNav: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
         href?: string;

package/lib/components/Form/index.d.ts

@@ -1,6 +1,5 @@
-import { ButtonProps } from '../Button';
-import { InputContextProps } from '../Input';
-
+import { ButtonProps } from 'src/components/Button';
+import { InputContextProps } from 'src/components/Input';
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/Gallery/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from '../Image';
-
+import { ImageProps } from 'src/components/Image';
 declare const Gallery: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & ImageProps & import('react').RefAttributes<HTMLDivElement>>;
 };

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

@@ -1,6 +1,5 @@
 import { IconDefinition } from '@fortawesome/fontawesome-free-solid';
 import { IconProp, SizeProp } from '@fortawesome/fontawesome-svg-core';
-
 export interface IconProps {
     className?: string;
     icon: IconProp | IconDefinition;

package/lib/components/ImageCard/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from '../Image';
-
+import { ImageProps } from 'src/components/Image';
 declare const ImageCard: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<ImageProps> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
     Content: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface InputContextProps {
     autoComplete?: string;
     disabled?: boolean;

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface LinkProps {
     variant?: 'primary' | 'secondary' | 'ghost' | 'bordered' | 'basic';
     loading?: boolean;

package/lib/components/Map/index.d.ts

@@ -1,5 +1,4 @@
 import { Marker } from './types';
-
 import * as maptilersdk from '@maptiler/sdk';
 interface MapProps {
     id: string;

package/lib/components/Map/utils.d.ts

@@ -1,6 +1,5 @@
 import { MutableRefObject } from 'react';
 import { Marker } from './types';
-
 import * as maptilersdk from '@maptiler/sdk';
 export interface FeatureGeometry {
     type: string;

package/lib/components/MenuButton/index.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/Modal/index.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
     children?: React.ReactNode;
     visible?: boolean;

package/lib/components/Nav/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
 import { ImageProps } from '../Image';
-
 export interface NavContextProps {
     expanded?: boolean;
     setExpanded?: (val: boolean) => void;

package/lib/components/NavItem/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 declare const NavItem: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLAnchorElement> & {
     href?: string;
     active?: boolean;

package/lib/components/Pill/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export type PickU<T, K extends keyof T> = T extends any ? {
     [P in K]: T[P];
 } : never;

package/lib/components/Search/index.d.ts

@@ -1,5 +1,4 @@
-import { IconProps } from '../Icon';
-
+import { IconProps } from 'src/components/Icon';
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/Showcase/index.d.ts

@@ -1,6 +1,5 @@
-import { IconProps } from '../Icon';
+import { IconProps } from 'src/components/Icon';
 import { Colours } from '../../utils/controls';
-
 export interface Props {
     id: string;
     className?: string;

package/lib/components/SideNav/index.d.ts

@@ -1,5 +1,4 @@
 import { Colours } from '../../utils/controls';
-
 export interface Props {
     id: string;
     className: string;

package/lib/components/SocialButton/index.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export interface Props {
     id?: string;
     className?: string;

package/lib/components/SplitCard/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface SplitCardContextProps {
     swapDesktop?: boolean;
     swapMobile?: boolean;

package/lib/components/Testimonial/index.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { ImageProps } from '../Image';
-
+import { ImageProps } from 'src/components/Image';
 declare const Testimonial: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Image: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLImageElement> & ImageProps & import('react').RefAttributes<HTMLImageElement>>;
     Title: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/TextArea/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface TextAreaContextProps {
     autoComplete?: string;
     disabled?: boolean;

package/lib/components/Timeline/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 declare const Timeline: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>> & {
     Item: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;
     Dot: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {

package/lib/components/Tubestops/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface TubestopsContextProps {
     totalStops?: number;
     setTotalStops?: (stop: number) => void;

package/lib/components/Video/index.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface VideoProps {
     autoPlay?: boolean;
     muted?: boolean;

package/lib/components/index.d.ts

@@ -36,5 +36,4 @@ import { TextArea } from './TextArea';
 import { Timeline } from './Timeline';
 import { Tubestops } from './Tubestops';
 import { Video } from './Video';
-
 export { Accordion, AlertBar, Breadcrumbs, Button, CalendarComponent, Card, Checkbox, Carousel, CarouselThumbnail, Collapsible, Counter, DetailUpdater, Dialog, Dropdown, Form, Footer, FooterNav, Greeting, Icon, Image, ImageCard, Input, Link, Map, MenuButton, Modal, Nav, NavItem, Pill, Search, Select, SplitCard, Stars, Testimonial, TextArea, Timeline, Tubestops, Video };

package/lib/tailwind/preset.ts

@@ -2,7 +2,6 @@
 import tailwindScrollbar from 'tailwind-scrollbar';
 import type { Config } from 'tailwindcss';
 import tailwindAnimate from 'tailwindcss-animate';
-import defaultTheme from 'tailwindcss/defaultTheme';
 
 import boxShadow from './boxShadow';
 import colors from './colors';

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "trepur_components",
-  "version": "2.3.49",
+  "version": "2.4.0",
   "description": "component lib",
   "author": "trepur_ttenneb",
+  "type": "module",
   "private": false,
   "keywords": [
     "react",
@@ -12,6 +13,10 @@
   "files": [
     "lib/**/*"
   ],
+  "engines": {
+    "node": ">=24.0.0",
+    "npm": ">=11.0.0"
+  },
   "license": "UNLICENSED",
   ".": {
     "import": "./lib/index.js"
@@ -20,13 +25,13 @@
     "*.css"
   ],
   "types": "lib/index.d.ts",
-  "type": "module",
   "scripts": {
     "build": "rm -rf lib && concurrently -n \"VITE,CSS,SB\" -c \"magenta,blue,red\" \"npx vite build\" \"npm run build-css\" \"npm run storybook-css\"",
     "build-css": "tailwindcss -i ./src/styles/base.css -o ./lib/styles/base.css --minify",
-    "build-storybook": "npm run storybook-css && storybook build -o ./storybook-build --quiet",
+    "build-storybook": "storybook build",
     "storybook-css": "tailwindcss -i ./.storybook/tailwind/style.css -o ./.storybook/tailwind/preview.css --minify",
     "storybook": "storybook dev -p 6006",
+    "storybook-docs": "storybook dev --docs",
     "lint": "eslint src --ext .tsx",
     "lint:fix": "npm run lint -- --fix",
     "prettier:check": "prettier --check .",
@@ -42,32 +47,23 @@
     "tailwindcss": "^3.0.23"
   },
   "dependencies": {
-    "@fortawesome/fontawesome": "^1.2.0-6",
-    "@fortawesome/fontawesome-common-types": "^6.5.1",
-    "@fortawesome/fontawesome-free": "^6.5.2",
     "@fortawesome/fontawesome-free-regular": "^5.1.0-3",
     "@fortawesome/fontawesome-free-solid": "^5.1.0-3",
     "@fortawesome/fontawesome-svg-core": "^6.5.2",
     "@fortawesome/free-solid-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@maptiler/sdk": "^2.2.1",
-    "@tailwindcss/line-clamp": "^0.4.4",
-    "class-variance-authority": "^0.7.0",
+    "autoprefixer": "^10.4.23",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
-    "cmdk": "^0.2.0",
-    "d3-array": "^3.2.4",
-    "embla-carousel-react": "^8.0.0-rc17",
-    "eslint-config-love": "^47.0.0",
+    "concurrently": "^9.2.1",
+    "husky": "^9.1.7",
     "keen-slider": "^6.7.0",
     "luxon": "^3.4.4",
     "react-calendar": "^5.0.0",
-    "react-hook-form": "^7.49.2",
-    "sonner": "^1.4.0",
-    "tailwind-merge": "^2.1.0",
+    "storybook-react-i18next": "^10.0.1",
     "tailwind-scrollbar": "^3.0.5",
-    "tailwindcss-animate": "^1.0.7",
-    "what-input": "^5.2.12"
+    "tailwindcss-animate": "^1.0.7"
   },
   "browserslist": {
     "production": [
@@ -82,66 +78,41 @@
     ]
   },
   "devDependencies": {
-    "@hookform/resolvers": "^3.3.2",
-    "@storybook/addon-a11y": "^7.6.17",
-    "@storybook/addon-actions": "^7.6.17",
-    "@storybook/addon-essentials": "^7.6.17",
-    "@storybook/addon-interactions": "^7.6.17",
-    "@storybook/addon-links": "^7.6.17",
-    "@storybook/blocks": "^7.6.17",
-    "@storybook/manager-api": "^7.6.17",
-    "@storybook/preview-api": "^7.6.17",
-    "@storybook/react": "^7.6.17",
-    "@storybook/react-vite": "^7.6.17",
-    "@storybook/router": "^7.6.17",
-    "@storybook/test": "^7.6.17",
-    "@storybook/test-runner": "^0.16.0",
-    "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.6.17",
-    "@tanstack/react-table": "^8.11.2",
-    "@trivago/prettier-plugin-sort-imports": "^4.3.0",
-    "@types/d3-array": "^3.2.1",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@storybook/addon-a11y": "^10.1.9",
+    "@storybook/addon-docs": "^10.1.9",
+    "@storybook/addon-links": "^10.1.9",
+    "@storybook/addon-themes": "^10.1.9",
+    "@storybook/addon-vitest": "^10.1.9",
+    "@storybook/builder-vite": "^10.1.9",
+    "@storybook/react-vite": "^10.1.9",
     "@types/luxon": "^3.3.7",
+    "@types/node": "^25.0.2",
     "@types/react": "^18.2.45",
     "@types/react-dom": "^18.2.18",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.16",
-    "axe-playwright": "^1.2.3",
-    "chromatic": "^10.1.0",
-    "concurrently": "^8.2.2",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser-playwright": "^4.0.15",
+    "@vitest/coverage-v8": "^4.0.15",
     "eslint": "^8.56.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-import-resolver-typescript": "^3.6.1",
-    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-storybook": "^0.6.15",
-    "http-server": "^14.1.1",
-    "husky": "^8.0.3",
+    "eslint-plugin-storybook": "^10.1.9",
     "i18next": "^23.9.0",
-    "i18next-browser-languagedetector": "^7.2.0",
-    "lint-staged": "^15.2.0",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.5.9",
+    "playwright": "^1.57.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-i18next": "^14.0.5",
     "snapsvg-cjs": "^0.0.6",
-    "storybook": "^7.6.17",
-    "storybook-addon-themes": "^6.1.0",
-    "storybook-react-i18next": "^2.0.10",
+    "storybook": "^10.1.9",
+    "storybook-addon-pseudo-states": "^10.1.9",
     "tailwindcss": "^3.4.0",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.10",
-    "vite-plugin-dts": "^3.6.4",
-    "vite-plugin-static-copy": "^1.0.0",
+    "vite": "^5.4.21",
+    "vite-plugin-dts": "4.5.4",
+    "vite-plugin-static-copy": "3.1.4",
     "vite-plugin-svgr": "^4.2.0",
     "vite-plugin-turbosnap": "^1.0.3",
-    "vite-tsconfig-paths": "^4.2.2",
-    "vitest": "^1.3.1",
-    "wait-on": "^7.2.0",
-    "zod": "^3.22.4"
+    "vite-tsconfig-paths": "^5.0.0",
+    "vitest": "^4.0.15"
   }
 }