@freightos/freightwind 1.0.0

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+import type { ToastActionElement, ToastProps } from "../components/toast";
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType["ADD_TOAST"];
+    toast: ToasterToast;
+} | {
+    type: ActionType["UPDATE_TOAST"];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType["DISMISS_TOAST"];
+    toastId?: ToasterToast["id"];
+} | {
+    type: ActionType["REMOVE_TOAST"];
+    toastId?: ToasterToast["id"];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, "id">;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/dist/types/index.d.ts

@@ -0,0 +1,62 @@
+export { cn } from './lib/utils';
+export { useToast, toast } from './hooks/use-toast';
+export * from './components/accordion';
+export * from './components/alert';
+export * from './components/aspect-ratio';
+export * from './components/avatar';
+export * from './components/badge';
+export * from './components/breadcrumb';
+export * from './components/button';
+export * from './components/calendar';
+export * from './components/card';
+export * from './components/chart';
+export * from './components/checkbox';
+export * from './components/chip';
+export * from './components/collapsible';
+export * from './components/command';
+export * from './components/context-menu';
+export * from './components/country-select';
+export * from './components/date-picker';
+export * from './components/date-range-picker';
+export * from './components/date-time-picker';
+export * from './components/dialog';
+export * from './components/drawer';
+export * from './components/dropdown-menu';
+export * from './components/empty';
+export * from './components/file-preview';
+export * from './components/form';
+export * from './components/inline-edit';
+export * from './components/input';
+export * from './components/input-group';
+export * from './components/input-otp';
+export * from './components/label';
+export * from './components/menubar';
+export * from './components/navigation-menu';
+export * from './components/pagination';
+export * from './components/phone-input';
+export * from './components/popover';
+export * from './components/progress';
+export * from './components/radio-button-group';
+export * from './components/radio-group';
+export * from './components/resizable';
+export * from './components/rich-text-editor';
+export * from './components/scroll-area';
+export * from './components/select';
+export * from './components/separator';
+export * from './components/sheet';
+export * from './components/skeleton';
+export * from './components/slider';
+export { Toaster as SonnerToaster } from './components/sonner';
+export * from './components/spinner';
+export * from './components/stepper';
+export * from './components/steps';
+export * from './components/switch';
+export * from './components/table';
+export * from './components/tabs';
+export * from './components/textarea';
+export * from './components/time-picker';
+export * from './components/toast';
+export * from './components/toaster';
+export * from './components/toggle';
+export * from './components/toggle-group';
+export * from './components/tooltip';

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

@@ -0,0 +1,20 @@
+/**
+ * Get flag image URL for country code (ISO 3166-1 alpha-2)
+ * Uses Freightos festatic CDN for flag images
+ * @param countryCode Two-letter country code (e.g., 'US', 'GB', 'FR')
+ * @returns Flag image URL or empty string if invalid
+ */
+export declare const getCountryFlag: (countryCode: string | undefined) => string;
+/**
+ * Get flag emoji for country code (ISO 3166-1 alpha-2)
+ * Uses Unicode regional indicator symbols to display flag emojis
+ */
+export declare const getCountryFlagEmoji: (countryCode: string | undefined) => string;
+/**
+ * Get country information including flag, code, and name
+ */
+export declare const getCountryInfo: (countryCode: string) => {
+    flag: string;
+    code: string;
+    name: string;
+};

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

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

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@freightos/freightwind",
+  "version": "1.0.0",
+  "description": "Freightos Design System - React UI Components",
+  "author": "Freightos",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://bitbucket.org/freightos/freightwind.git"
+  },
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./tailwind-preset": "./tailwind-preset.js"
+  },
+  "files": [
+    "dist",
+    "tailwind-preset.js"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "npm run clean && npm run build:esm && npm run build:cjs && npm run build:types && npm run build:css",
+    "build:esm": "tsc --project tsconfig.esm.json",
+    "build:cjs": "tsc --project tsconfig.cjs.json",
+    "build:types": "tsc --project tsconfig.types.json",
+    "build:css": "node scripts/build-css.js",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run build",
+    "release:patch": "npm version patch && npm publish --access restricted && git push --follow-tags",
+    "release:minor": "npm version minor && npm publish --access restricted && git push --follow-tags",
+    "release:major": "npm version major && npm publish --access restricted && git push --follow-tags"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.2",
+    "@radix-ui/react-alert-dialog": "^1.1.4",
+    "@radix-ui/react-aspect-ratio": "^1.1.1",
+    "@radix-ui/react-avatar": "^1.1.2",
+    "@radix-ui/react-checkbox": "^1.1.3",
+    "@radix-ui/react-collapsible": "^1.1.2",
+    "@radix-ui/react-context-menu": "^2.2.4",
+    "@radix-ui/react-dialog": "^1.1.4",
+    "@radix-ui/react-dropdown-menu": "^2.1.4",
+    "@radix-ui/react-hover-card": "^1.1.4",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-menubar": "^1.1.4",
+    "@radix-ui/react-navigation-menu": "^1.2.3",
+    "@radix-ui/react-popover": "^1.1.4",
+    "@radix-ui/react-progress": "^1.1.1",
+    "@radix-ui/react-radio-group": "^1.2.2",
+    "@radix-ui/react-scroll-area": "^1.2.2",
+    "@radix-ui/react-select": "^2.1.4",
+    "@radix-ui/react-separator": "^1.1.1",
+    "@radix-ui/react-slider": "^1.2.2",
+    "@radix-ui/react-slot": "^1.1.1",
+    "@radix-ui/react-switch": "^1.1.2",
+    "@radix-ui/react-tabs": "^1.1.2",
+    "@radix-ui/react-toast": "^1.2.4",
+    "@radix-ui/react-toggle": "^1.1.1",
+    "@radix-ui/react-toggle-group": "^1.1.1",
+    "@radix-ui/react-tooltip": "^1.1.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.555.0",
+    "next-themes": "^0.4.6",
+    "sonner": "^2.0.7",
+    "tailwind-merge": "^3.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "typescript": "^5.9.3"
+  }
+}

package/tailwind-preset.js

@@ -0,0 +1,70 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        'fds-blue': '#0066FF',
+        'fds-blue-10': '#E5F0FF',
+        'fds-blue-20': '#CCE0FF',
+        'fds-blue-40': '#4D94FF',
+        'fds-blue-50': '#0052CC',
+        'fds-red': '#DC2626',
+        'fds-red-10': '#FEE2E2',
+        'fds-green': '#16A34A',
+        'fds-green-10': '#DCFCE7',
+        'fds-orange': '#EA580C',
+        'fds-orange-10': '#FFEDD5',
+        'fds-yellow': '#CA8A04',
+        'fds-yellow-10': '#FEF9C3',
+        'fds-purple': '#9333EA',
+        'fds-purple-10': '#F3E8FF',
+        'fds-gray-10': '#F8FAFC',
+        'fds-gray-20': '#F1F5F9',
+        'fds-gray-30': '#E2E8F0',
+        'fds-gray-40': '#CBD5E1',
+        'fds-gray-50': '#94A3B8',
+        'fds-gray-60': '#64748B',
+        'fds-gray-70': '#475569',
+        'fds-gray-80': '#334155',
+        'fds-gray-90': '#1E293B',
+      },
+      spacing: {
+        'fds-xs': '4px',
+        'fds-sm': '8px',
+        'fds-md': '12px',
+        'fds-lg': '16px',
+        'fds-xl': '24px',
+        'fds-xxl': '32px',
+        'fds-xxxl': '64px',
+      },
+      fontSize: {
+        'fds-xs': '10px',
+        'fds-sm': '12px',
+        'fds-base': '14px',
+        'fds-h6': '16px',
+        'fds-h5': '18px',
+        'fds-h4': '20px',
+        'fds-h3': '24px',
+        'fds-h2': '32px',
+        'fds-h1': '40px',
+      },
+      fontWeight: {
+        'fds-regular': '400',
+        'fds-medium': '500',
+        'fds-semibold': '600',
+        'fds-bold': '700',
+        'fds-extrabold': '800',
+      },
+      borderRadius: {
+        'fds-sm': '2px',
+        'fds-md': '4px',
+        'fds-lg': '8px',
+      },
+      boxShadow: {
+        'fds-sm': '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+        'fds-md': '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+        'fds-lg': '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+      },
+    },
+  },
+}