@freightos/freightwind 2.0.0 → 2.1.1

package/dist/cjs/constants/countries.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.COUNTRIES = void 0;
+exports.COUNTRIES = [
+    { code: 'US', name: 'United States' },
+    { code: 'CN', name: 'China' },
+    { code: 'GB', name: 'United Kingdom' },
+    { code: 'CA', name: 'Canada' },
+    { code: 'DE', name: 'Germany' },
+    { code: 'FR', name: 'France' },
+    { code: 'IT', name: 'Italy' },
+    { code: 'ES', name: 'Spain' },
+    { code: 'NL', name: 'Netherlands' },
+    { code: 'BE', name: 'Belgium' },
+    { code: 'CH', name: 'Switzerland' },
+    { code: 'AT', name: 'Austria' },
+    { code: 'SE', name: 'Sweden' },
+    { code: 'NO', name: 'Norway' },
+    { code: 'DK', name: 'Denmark' },
+    { code: 'FI', name: 'Finland' },
+    { code: 'PL', name: 'Poland' },
+    { code: 'CZ', name: 'Czech Republic' },
+    { code: 'IE', name: 'Ireland' },
+    { code: 'PT', name: 'Portugal' },
+    { code: 'GR', name: 'Greece' },
+    { code: 'JP', name: 'Japan' },
+    { code: 'KR', name: 'South Korea' },
+    { code: 'IN', name: 'India' },
+    { code: 'AU', name: 'Australia' },
+    { code: 'NZ', name: 'New Zealand' },
+    { code: 'SG', name: 'Singapore' },
+    { code: 'HK', name: 'Hong Kong' },
+    { code: 'TW', name: 'Taiwan' },
+    { code: 'TH', name: 'Thailand' },
+    { code: 'MY', name: 'Malaysia' },
+    { code: 'ID', name: 'Indonesia' },
+    { code: 'PH', name: 'Philippines' },
+    { code: 'VN', name: 'Vietnam' },
+    { code: 'BR', name: 'Brazil' },
+    { code: 'MX', name: 'Mexico' },
+    { code: 'AR', name: 'Argentina' },
+    { code: 'CL', name: 'Chile' },
+    { code: 'CO', name: 'Colombia' },
+    { code: 'PE', name: 'Peru' },
+    { code: 'ZA', name: 'South Africa' },
+    { code: 'EG', name: 'Egypt' },
+    { code: 'IL', name: 'Israel' },
+    { code: 'AE', name: 'United Arab Emirates' },
+    { code: 'SA', name: 'Saudi Arabia' },
+    { code: 'TR', name: 'Turkey' },
+    { code: 'RU', name: 'Russia' },
+    { code: 'UA', name: 'Ukraine' },
+];

package/dist/cjs/constants/index.js

@@ -1,5 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PHONE_COUNTRIES = void 0;
+exports.US_STATES = exports.COUNTRIES = exports.PHONE_COUNTRIES = void 0;
 var phone_countries_1 = require("./phone-countries");
 Object.defineProperty(exports, "PHONE_COUNTRIES", { enumerable: true, get: function () { return phone_countries_1.PHONE_COUNTRIES; } });
+var countries_1 = require("./countries");
+Object.defineProperty(exports, "COUNTRIES", { enumerable: true, get: function () { return countries_1.COUNTRIES; } });
+var us_states_1 = require("./us-states");
+Object.defineProperty(exports, "US_STATES", { enumerable: true, get: function () { return us_states_1.US_STATES; } });

package/dist/cjs/constants/us-states.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.US_STATES = void 0;
+exports.US_STATES = [
+    { value: 'AL', label: 'Alabama' },
+    { value: 'AK', label: 'Alaska' },
+    { value: 'AZ', label: 'Arizona' },
+    { value: 'AR', label: 'Arkansas' },
+    { value: 'CA', label: 'California' },
+    { value: 'CO', label: 'Colorado' },
+    { value: 'CT', label: 'Connecticut' },
+    { value: 'DE', label: 'Delaware' },
+    { value: 'DC', label: 'District of Columbia' },
+    { value: 'FL', label: 'Florida' },
+    { value: 'GA', label: 'Georgia' },
+    { value: 'HI', label: 'Hawaii' },
+    { value: 'ID', label: 'Idaho' },
+    { value: 'IL', label: 'Illinois' },
+    { value: 'IN', label: 'Indiana' },
+    { value: 'IA', label: 'Iowa' },
+    { value: 'KS', label: 'Kansas' },
+    { value: 'KY', label: 'Kentucky' },
+    { value: 'LA', label: 'Louisiana' },
+    { value: 'ME', label: 'Maine' },
+    { value: 'MD', label: 'Maryland' },
+    { value: 'MA', label: 'Massachusetts' },
+    { value: 'MI', label: 'Michigan' },
+    { value: 'MN', label: 'Minnesota' },
+    { value: 'MS', label: 'Mississippi' },
+    { value: 'MO', label: 'Missouri' },
+    { value: 'MT', label: 'Montana' },
+    { value: 'NE', label: 'Nebraska' },
+    { value: 'NV', label: 'Nevada' },
+    { value: 'NH', label: 'New Hampshire' },
+    { value: 'NJ', label: 'New Jersey' },
+    { value: 'NM', label: 'New Mexico' },
+    { value: 'NY', label: 'New York' },
+    { value: 'NC', label: 'North Carolina' },
+    { value: 'ND', label: 'North Dakota' },
+    { value: 'OH', label: 'Ohio' },
+    { value: 'OK', label: 'Oklahoma' },
+    { value: 'OR', label: 'Oregon' },
+    { value: 'PA', label: 'Pennsylvania' },
+    { value: 'RI', label: 'Rhode Island' },
+    { value: 'SC', label: 'South Carolina' },
+    { value: 'SD', label: 'South Dakota' },
+    { value: 'TN', label: 'Tennessee' },
+    { value: 'TX', label: 'Texas' },
+    { value: 'UT', label: 'Utah' },
+    { value: 'VT', label: 'Vermont' },
+    { value: 'VA', label: 'Virginia' },
+    { value: 'WA', label: 'Washington' },
+    { value: 'WV', label: 'West Virginia' },
+    { value: 'WI', label: 'Wisconsin' },
+    { value: 'WY', label: 'Wyoming' },
+];

package/dist/cjs/index.js

@@ -1,38 +1,6 @@
 "use strict";
-'use client';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconMap = exports.useStableId = exports.cn = exports.Tooltip = exports.Switch = exports.Slider = exports.RadioGroupItem = exports.RadioGroup = exports.RadioButtonGroup = exports.PopConfirm = exports.message = exports.MessageProvider = exports.chipVariants = exports.Chip = exports.Checkbox = exports.buttonVariants = exports.Button = exports.Badge = exports.Avatar = exports.Alert = void 0;
-// Components
-var alert_1 = require("./components/alert");
-Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
-var avatar_1 = require("./components/avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
-var badge_1 = require("./components/badge");
-Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
-var button_1 = require("./components/button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
-Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return button_1.buttonVariants; } });
-var checkbox_1 = require("./components/checkbox");
-Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
-var chip_1 = require("./components/chip");
-Object.defineProperty(exports, "Chip", { enumerable: true, get: function () { return chip_1.Chip; } });
-Object.defineProperty(exports, "chipVariants", { enumerable: true, get: function () { return chip_1.chipVariants; } });
-var message_1 = require("./components/message");
-Object.defineProperty(exports, "MessageProvider", { enumerable: true, get: function () { return message_1.MessageProvider; } });
-Object.defineProperty(exports, "message", { enumerable: true, get: function () { return message_1.message; } });
-var pop_confirm_1 = require("./components/pop-confirm");
-Object.defineProperty(exports, "PopConfirm", { enumerable: true, get: function () { return pop_confirm_1.PopConfirm; } });
-var radio_button_group_1 = require("./components/radio-button-group");
-Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return radio_button_group_1.RadioButtonGroup; } });
-var radio_group_1 = require("./components/radio-group");
-Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_group_1.RadioGroup; } });
-Object.defineProperty(exports, "RadioGroupItem", { enumerable: true, get: function () { return radio_group_1.RadioGroupItem; } });
-var slider_1 = require("./components/slider");
-Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
-var switch_1 = require("./components/switch");
-Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
-var tooltip_1 = require("./components/tooltip");
-Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+exports.renderInputIcon = exports.iconMap = exports.useStableId = exports.cn = void 0;
 // Utilities
 var utils_1 = require("./lib/utils");
 Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
@@ -40,3 +8,4 @@ var use_stable_id_1 = require("./lib/use-stable-id");
 Object.defineProperty(exports, "useStableId", { enumerable: true, get: function () { return use_stable_id_1.useStableId; } });
 var icon_utils_1 = require("./lib/icon-utils");
 Object.defineProperty(exports, "iconMap", { enumerable: true, get: function () { return icon_utils_1.iconMap; } });
+Object.defineProperty(exports, "renderInputIcon", { enumerable: true, get: function () { return icon_utils_1.renderInputIcon; } });

package/dist/cjs/lib/icon-utils.js

@@ -1,5 +1,27 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconMap = void 0;
+exports.renderInputIcon = exports.iconMap = void 0;
+const react_1 = require("react");
 var icons_1 = require("../icons");
 Object.defineProperty(exports, "iconMap", { enumerable: true, get: function () { return icons_1.iconMap; } });
+const icons_2 = require("../icons");
+/** Icon size scales with the shell size. sm→12px, md/lg→16px. */
+const iconSizeForInputShell = {
+    sm: 'xs', // 12px
+    md: 'sm', // 16px
+    lg: 'sm', // 16px
+};
+/**
+ * Resolve a kebab-case icon name to a pre-sized `<Icon>` element for use
+ * inside an input-shaped primitive. Returns `undefined` if the name is
+ * not provided or not found in the icon set.
+ */
+const renderInputIcon = (name, size) => {
+    if (!name)
+        return undefined;
+    const IconComp = icons_2.iconMap[name];
+    if (!IconComp)
+        return undefined;
+    return (0, react_1.createElement)(IconComp, { size: iconSizeForInputShell[size] });
+};
+exports.renderInputIcon = renderInputIcon;

package/dist/esm/constants/countries.js

@@ -0,0 +1,50 @@
+export const COUNTRIES = [
+    { code: 'US', name: 'United States' },
+    { code: 'CN', name: 'China' },
+    { code: 'GB', name: 'United Kingdom' },
+    { code: 'CA', name: 'Canada' },
+    { code: 'DE', name: 'Germany' },
+    { code: 'FR', name: 'France' },
+    { code: 'IT', name: 'Italy' },
+    { code: 'ES', name: 'Spain' },
+    { code: 'NL', name: 'Netherlands' },
+    { code: 'BE', name: 'Belgium' },
+    { code: 'CH', name: 'Switzerland' },
+    { code: 'AT', name: 'Austria' },
+    { code: 'SE', name: 'Sweden' },
+    { code: 'NO', name: 'Norway' },
+    { code: 'DK', name: 'Denmark' },
+    { code: 'FI', name: 'Finland' },
+    { code: 'PL', name: 'Poland' },
+    { code: 'CZ', name: 'Czech Republic' },
+    { code: 'IE', name: 'Ireland' },
+    { code: 'PT', name: 'Portugal' },
+    { code: 'GR', name: 'Greece' },
+    { code: 'JP', name: 'Japan' },
+    { code: 'KR', name: 'South Korea' },
+    { code: 'IN', name: 'India' },
+    { code: 'AU', name: 'Australia' },
+    { code: 'NZ', name: 'New Zealand' },
+    { code: 'SG', name: 'Singapore' },
+    { code: 'HK', name: 'Hong Kong' },
+    { code: 'TW', name: 'Taiwan' },
+    { code: 'TH', name: 'Thailand' },
+    { code: 'MY', name: 'Malaysia' },
+    { code: 'ID', name: 'Indonesia' },
+    { code: 'PH', name: 'Philippines' },
+    { code: 'VN', name: 'Vietnam' },
+    { code: 'BR', name: 'Brazil' },
+    { code: 'MX', name: 'Mexico' },
+    { code: 'AR', name: 'Argentina' },
+    { code: 'CL', name: 'Chile' },
+    { code: 'CO', name: 'Colombia' },
+    { code: 'PE', name: 'Peru' },
+    { code: 'ZA', name: 'South Africa' },
+    { code: 'EG', name: 'Egypt' },
+    { code: 'IL', name: 'Israel' },
+    { code: 'AE', name: 'United Arab Emirates' },
+    { code: 'SA', name: 'Saudi Arabia' },
+    { code: 'TR', name: 'Turkey' },
+    { code: 'RU', name: 'Russia' },
+    { code: 'UA', name: 'Ukraine' },
+];

package/dist/esm/constants/index.js

@@ -1 +1,3 @@
 export { PHONE_COUNTRIES } from './phone-countries';
+export { COUNTRIES } from './countries';
+export { US_STATES } from './us-states';

package/dist/esm/constants/us-states.js

@@ -0,0 +1,53 @@
+export const US_STATES = [
+    { value: 'AL', label: 'Alabama' },
+    { value: 'AK', label: 'Alaska' },
+    { value: 'AZ', label: 'Arizona' },
+    { value: 'AR', label: 'Arkansas' },
+    { value: 'CA', label: 'California' },
+    { value: 'CO', label: 'Colorado' },
+    { value: 'CT', label: 'Connecticut' },
+    { value: 'DE', label: 'Delaware' },
+    { value: 'DC', label: 'District of Columbia' },
+    { value: 'FL', label: 'Florida' },
+    { value: 'GA', label: 'Georgia' },
+    { value: 'HI', label: 'Hawaii' },
+    { value: 'ID', label: 'Idaho' },
+    { value: 'IL', label: 'Illinois' },
+    { value: 'IN', label: 'Indiana' },
+    { value: 'IA', label: 'Iowa' },
+    { value: 'KS', label: 'Kansas' },
+    { value: 'KY', label: 'Kentucky' },
+    { value: 'LA', label: 'Louisiana' },
+    { value: 'ME', label: 'Maine' },
+    { value: 'MD', label: 'Maryland' },
+    { value: 'MA', label: 'Massachusetts' },
+    { value: 'MI', label: 'Michigan' },
+    { value: 'MN', label: 'Minnesota' },
+    { value: 'MS', label: 'Mississippi' },
+    { value: 'MO', label: 'Missouri' },
+    { value: 'MT', label: 'Montana' },
+    { value: 'NE', label: 'Nebraska' },
+    { value: 'NV', label: 'Nevada' },
+    { value: 'NH', label: 'New Hampshire' },
+    { value: 'NJ', label: 'New Jersey' },
+    { value: 'NM', label: 'New Mexico' },
+    { value: 'NY', label: 'New York' },
+    { value: 'NC', label: 'North Carolina' },
+    { value: 'ND', label: 'North Dakota' },
+    { value: 'OH', label: 'Ohio' },
+    { value: 'OK', label: 'Oklahoma' },
+    { value: 'OR', label: 'Oregon' },
+    { value: 'PA', label: 'Pennsylvania' },
+    { value: 'RI', label: 'Rhode Island' },
+    { value: 'SC', label: 'South Carolina' },
+    { value: 'SD', label: 'South Dakota' },
+    { value: 'TN', label: 'Tennessee' },
+    { value: 'TX', label: 'Texas' },
+    { value: 'UT', label: 'Utah' },
+    { value: 'VT', label: 'Vermont' },
+    { value: 'VA', label: 'Virginia' },
+    { value: 'WA', label: 'Washington' },
+    { value: 'WV', label: 'West Virginia' },
+    { value: 'WI', label: 'Wisconsin' },
+    { value: 'WY', label: 'Wyoming' },
+];

package/dist/esm/index.js

@@ -1,19 +1,4 @@
-'use client';
-// Components
-export { Alert } from './components/alert';
-export { Avatar } from './components/avatar';
-export { Badge } from './components/badge';
-export { Button, buttonVariants } from './components/button';
-export { Checkbox } from './components/checkbox';
-export { Chip, chipVariants } from './components/chip';
-export { MessageProvider, message } from './components/message';
-export { PopConfirm } from './components/pop-confirm';
-export { RadioButtonGroup } from './components/radio-button-group';
-export { RadioGroup, RadioGroupItem } from './components/radio-group';
-export { Slider } from './components/slider';
-export { Switch } from './components/switch';
-export { Tooltip } from './components/tooltip';
 // Utilities
 export { cn } from './lib/utils';
 export { useStableId } from './lib/use-stable-id';
-export { iconMap } from './lib/icon-utils';
+export { iconMap, renderInputIcon } from './lib/icon-utils';

package/dist/esm/lib/icon-utils.js

@@ -1 +1,22 @@
+import { createElement } from 'react';
 export { iconMap } from '../icons';
+import { iconMap } from '../icons';
+/** Icon size scales with the shell size. sm→12px, md/lg→16px. */
+const iconSizeForInputShell = {
+    sm: 'xs', // 12px
+    md: 'sm', // 16px
+    lg: 'sm', // 16px
+};
+/**
+ * Resolve a kebab-case icon name to a pre-sized `<Icon>` element for use
+ * inside an input-shaped primitive. Returns `undefined` if the name is
+ * not provided or not found in the icon set.
+ */
+export const renderInputIcon = (name, size) => {
+    if (!name)
+        return undefined;
+    const IconComp = iconMap[name];
+    if (!IconComp)
+        return undefined;
+    return createElement(IconComp, { size: iconSizeForInputShell[size] });
+};

package/dist/types/constants/countries.d.ts

@@ -0,0 +1,5 @@
+export interface Country {
+    code: string;
+    name: string;
+}
+export declare const COUNTRIES: Country[];

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

@@ -1,2 +1,6 @@
 export { PHONE_COUNTRIES } from './phone-countries';
 export type { PhoneCountry } from './phone-countries';
+export { COUNTRIES } from './countries';
+export type { Country } from './countries';
+export { US_STATES } from './us-states';
+export type { USState } from './us-states';

package/dist/types/constants/us-states.d.ts

@@ -0,0 +1,5 @@
+export interface USState {
+    value: string;
+    label: string;
+}
+export declare const US_STATES: USState[];

package/dist/types/index.d.ts

@@ -1,26 +1,4 @@
-export { Alert } from './components/alert';
-export { Avatar } from './components/avatar';
-export { Badge } from './components/badge';
-export { Button, buttonVariants } from './components/button';
-export { Checkbox } from './components/checkbox';
-export { Chip, chipVariants } from './components/chip';
-export { MessageProvider, message } from './components/message';
-export { PopConfirm } from './components/pop-confirm';
-export { RadioButtonGroup } from './components/radio-button-group';
-export { RadioGroup, RadioGroupItem } from './components/radio-group';
-export { Slider } from './components/slider';
-export { Switch } from './components/switch';
-export { Tooltip } from './components/tooltip';
-export type { IconName } from './lib/icon-utils';
-export type { ButtonVariant, ButtonSize, ButtonProps } from './components/button';
-export type { BadgeStatus, BadgeSize, BadgeVariant, BadgePosition, BadgeProps } from './components/badge';
-export type { CheckboxProps } from './components/checkbox';
-export type { ChipVariant, ChipProps } from './components/chip';
-export type { PopConfirmProps } from './components/pop-confirm';
-export type { RadioButtonGroupOption, RadioButtonGroupProps } from './components/radio-button-group';
-export type { SliderProps } from './components/slider';
-export type { SwitchProps } from './components/switch';
-export type { TooltipPlacement, TooltipProps } from './components/tooltip';
 export { cn } from './lib/utils';
 export { useStableId } from './lib/use-stable-id';
-export { iconMap } from './lib/icon-utils';
+export { iconMap, renderInputIcon } from './lib/icon-utils';
+export type { IconName, InputShellSize } from './lib/icon-utils';

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

@@ -1 +1,13 @@
 export { type IconName, iconMap } from '../icons';
+import { type IconName } from '../icons';
+/**
+ * Size of an input-shaped primitive (Input, ComboboxTrigger, DatePickerTrigger, ...).
+ * Icons inside these shells scale with this size.
+ */
+export type InputShellSize = 'sm' | 'md' | 'lg';
+/**
+ * Resolve a kebab-case icon name to a pre-sized `<Icon>` element for use
+ * inside an input-shaped primitive. Returns `undefined` if the name is
+ * not provided or not found in the icon set.
+ */
+export declare const renderInputIcon: (name: IconName | undefined, size: InputShellSize) => import("react").FunctionComponentElement<Omit<import("../icons").IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>> | undefined;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@freightos/freightwind",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "private": false,
-  "description": "FreightWind Design System — React UI components, icons, and constants for Freightos applications",
+  "description": "FreightWind Design System — icons, constants, and utilities for Freightos applications",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
@@ -27,8 +27,12 @@
   },
   "typesVersions": {
     "*": {
-      "icons": ["./dist/types/icons/index.d.ts"],
-      "constants": ["./dist/types/constants/index.d.ts"]
+      "icons": [
+        "./dist/types/icons/index.d.ts"
+      ],
+      "constants": [
+        "./dist/types/constants/index.d.ts"
+      ]
     }
   },
   "files": [
@@ -92,17 +96,7 @@
     }
   },
   "dependencies": {
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-radio-group": "^1.3.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "motion": "^12.35.1",
-    "sonner": "^2.0.7",
     "tailwind-merge": "^3.4.0"
   }
 }