mar-design-system 0.1.13 → 0.1.15

package/dist/index.d.ts

@@ -0,0 +1,49 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import { ComponentProps } from 'react';
+
+type TcountryCode = 'af' | 'ax' | 'al' | 'dz' | 'as' | 'ad' | 'ao' | 'ai' | 'aq' | 'ag' | 'ar' | 'am' | 'aw' | 'au' | 'at' | 'az' | 'bs' | 'bh' | 'bd' | 'bb' | 'by' | 'be' | 'bz' | 'bj' | 'bm' | 'bt' | 'bo' | 'bq' | 'ba' | 'bw' | 'bv' | 'br' | 'io' | 'bn' | 'bg' | 'bf' | 'bi' | 'cv' | 'kh' | 'cm' | 'ca' | 'ky' | 'cf' | 'td' | 'cl' | 'cn' | 'cx' | 'cc' | 'co' | 'km' | 'cd' | 'cg' | 'ck' | 'cr' | 'ci' | 'hr' | 'cu' | 'cw' | 'cy' | 'cz' | 'dk' | 'dj' | 'dm' | 'do' | 'ec' | 'eg' | 'sv' | 'gq' | 'er' | 'ee' | 'sz' | 'et' | 'fk' | 'fo' | 'fj' | 'fi' | 'fr' | 'gf' | 'pf' | 'tf' | 'ga' | 'gm' | 'ge' | 'de' | 'gh' | 'gi' | 'gr' | 'gl' | 'gd' | 'gp' | 'gu' | 'gt' | 'gg' | 'gn' | 'gw' | 'gy' | 'ht' | 'hm' | 'va' | 'hn' | 'hk' | 'hu' | 'is' | 'in' | 'id' | 'ir' | 'iq' | 'ie' | 'im' | 'il' | 'it' | 'jm' | 'jp' | 'je' | 'jo' | 'kz' | 'ke' | 'ki' | 'kp' | 'kr' | 'kw' | 'kg' | 'la' | 'lv' | 'lb' | 'ls' | 'lr' | 'ly' | 'li' | 'lt' | 'lu' | 'mo' | 'mg' | 'mw' | 'my' | 'mv' | 'ml' | 'mt' | 'mh' | 'mq' | 'mr' | 'mu' | 'yt' | 'mx' | 'fm' | 'md' | 'mc' | 'mn' | 'me' | 'ms' | 'ma' | 'mz' | 'mm' | 'na' | 'nr' | 'np' | 'nl' | 'nc' | 'nz' | 'ni' | 'ne' | 'ng' | 'nu' | 'nf' | 'mk' | 'mp' | 'no' | 'om' | 'pk' | 'pw' | 'ps' | 'pa' | 'pg' | 'py' | 'pe' | 'ph' | 'pn' | 'pl' | 'pt' | 'pr' | 'qa' | 're' | 'ro' | 'ru' | 'rw' | 'bl' | 'sh' | 'kn' | 'lc' | 'mf' | 'pm' | 'vc' | 'ws' | 'sm' | 'st' | 'sa' | 'sn' | 'rs' | 'sc' | 'sl' | 'sg' | 'sx' | 'sk' | 'si' | 'sb' | 'so' | 'za' | 'gs' | 'ss' | 'es' | 'lk' | 'sd' | 'sr' | 'sj' | 'se' | 'ch' | 'sy' | 'tw' | 'tj' | 'tz' | 'th' | 'tl' | 'tg' | 'tk' | 'to' | 'tt' | 'tn' | 'tr' | 'tm' | 'tc' | 'tv' | 'ug' | 'ua' | 'ae' | 'gb' | 'um' | 'us' | 'uy' | 'uz' | 'vu' | 've' | 'vn' | 'vg' | 'vi' | 'wf' | 'eh' | 'ye' | 'zm' | 'zw' | 'zz';
+
+declare const BordFlag: ({ country, variant, standardSize, customWidth }: IbordFlagProps) => react_jsx_runtime.JSX.Element;
+interface IbordFlagProps extends ComponentProps<'svg'> {
+    country?: TcountryCode;
+    variant: 'square' | 'circle';
+    standardSize?: 12 | 16 | 20 | 24 | 32;
+    customWidth?: string;
+}
+
+type TbordOneToneIcon = 'activity' | 'airplay' | 'alertCircleWarning' | 'alertOctagonWarning' | 'alertTriangleWarning' | 'alignCenter' | 'alignJustify' | 'alignLeft' | 'alignRight' | 'anchor' | 'aperture' | 'archive' | 'arrowDownCircle' | 'arrowDownLeft' | 'arrowDownRight' | 'arrowDown' | 'arrowLeftCircle' | 'arrowLeft' | 'arrowRightCircle' | 'arrowRight' | 'arrowUpCircle' | 'arrowUpLeft' | 'arrowUpRight' | 'arrowUp' | 'arrowHeadUp' | 'arrowHeadDown' | 'arrowHeadLeft' | 'arrowHeadRight' | 'atSign' | 'award' | 'barChart2' | 'barChart' | 'barCode2' | 'batteryCharging' | 'battery' | 'bluetooth' | 'bold' | 'bookOpen' | 'book' | 'bookmark' | 'bord' | 'box' | 'briefcase' | 'building3' | 'calendar' | 'cameraOff' | 'camera' | 'cast' | 'checkCircle' | 'checkSquare' | 'check' | 'chevronsDown' | 'chevronsLeft' | 'chevronsRight' | 'chevronsUp' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloudDrizzle' | 'cloudLightning' | 'cloudOff' | 'cloudRain' | 'cloudSnow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'columns' | 'command' | 'compass' | 'copy' | 'cornerDownLeft' | 'cornerDownRight' | 'cornerLeftDown' | 'cornerLeftUp' | 'cornerRightDown' | 'cornerRightUp' | 'cornerUpLeft' | 'cornerUpRight' | 'cpu' | 'creditCard' | 'crop' | 'crosshair' | 'database' | 'delete' | 'disc' | 'dollarSign' | 'downloadCloud' | 'download' | 'droplet' | 'edit2' | 'edit3' | 'edit' | 'externalLink' | 'eyeOff' | 'eye' | 'facebook' | 'fastForward' | 'feather' | 'figma1' | 'figma' | 'fileMinus' | 'filePlus' | 'fileText' | 'file' | 'film' | 'filterMailCircle' | 'filter' | 'flag' | 'folderMinus' | 'folderPlus' | 'folder' | 'framer' | 'frown' | 'gift' | 'gitBranch' | 'gitCommit' | 'gitPullRequest' | 'github' | 'gitlab' | 'globe' | 'grid' | 'hardDrive' | 'hash' | 'headphones' | 'heart' | 'helpCircle' | 'hexagon' | 'home' | 'image' | 'inbox' | 'info' | 'instagram' | 'italic' | 'key' | 'layers' | 'layout' | 'lifeBuoy' | 'link2' | 'link' | 'linkedin' | 'list' | 'loader' | 'lock' | 'logIn' | 'logOut' | 'logoMaster' | 'mail' | 'mapPin' | 'map' | 'maximize2' | 'maximize' | 'meh' | 'menu' | 'messageCircle' | 'messageSquare' | 'micOff' | 'mic' | 'minimize2' | 'minimize' | 'minusCircle' | 'minusSquare' | 'minus' | 'monitor' | 'moon' | 'moreHorizontal' | 'moreVertical' | 'mousePointer' | 'move' | 'music' | 'navigation2' | 'navigation' | 'notificationOff' | 'notification' | 'octagon' | 'package' | 'paperclip' | 'pauseCircle' | 'pause' | 'penTool' | 'percent' | 'phoneCall' | 'phoneForwarded' | 'phoneIncoming' | 'phoneMissed' | 'phoneOff' | 'phoneOutgoing' | 'phone' | 'pieChart' | 'playCircle' | 'play' | 'plusCircle' | 'plusSquare' | 'plus' | 'pocket' | 'power' | 'printer' | 'radio' | 'refreshCcw' | 'refreshCw' | 'repeat' | 'rewind' | 'rotateCcw' | 'rotateCw' | 'rss' | 'save' | 'scissors' | 'search' | 'send' | 'server' | 'settings' | 'share2' | 'share' | 'shieldOff' | 'shield' | 'shoppingBag' | 'shoppingCart' | 'shuffle' | 'sidebar' | 'skipBack' | 'skipForward' | 'slack' | 'slash' | 'sliders' | 'smartphone' | 'smile' | 'speaker' | 'square' | 'star' | 'stopCircle' | 'sun' | 'sunrise' | 'sunset' | 'tablet' | 'tag' | 'target' | 'terminal' | 'thermometer' | 'thumbsDown' | 'thumbsUp' | 'toggleLeft' | 'toggleRight' | 'tool' | 'trash2' | 'trash' | 'trello' | 'trendingDown' | 'trendingUp' | 'triangle' | 'truck' | 'tv' | 'twitch' | 'twitter' | 'type' | 'umbrella' | 'underline' | 'unlock' | 'uploadCloud' | 'upload' | 'userAdd' | 'userCheck' | 'userMinus' | 'userPlus' | 'userRemove' | 'userX' | 'user' | 'users' | 'videoOff' | 'video' | 'voicemail' | 'volume1' | 'volume2' | 'volumeX' | 'volume' | 'watch' | 'wifiOff' | 'wifi' | 'wind' | 'wiping' | 'xCircle' | 'xOctagon' | 'xSquare' | 'x' | 'youtube' | 'zapOff' | 'zap' | 'zoomIn' | 'zoomOut';
+
+interface IbordOneToneIconProps extends ComponentProps<'svg'> {
+    variant: TbordOneToneIcon;
+    standardSize?: 12 | 14 | 16 | 20 | 24 | 32;
+    customWidth?: string;
+}
+
+type TformComponentsStandardSizes = "w-80" | "w-180" | "w-280" | "w-380";
+
+type THeight = 'auto' | '42';
+interface IBordButton extends ComponentProps<'button'> {
+    label?: string;
+    formId?: string;
+    customClassName?: string;
+    buttonIconOne?: TbordOneToneIcon;
+    buttonIconTwo?: TbordOneToneIcon;
+    customWidth?: TformComponentsStandardSizes;
+    customHeight?: THeight;
+    bordButtonStyle?: 'filled' | 'outlined';
+    customFontSize?: string;
+    disabled?: boolean;
+    isLoading?: boolean;
+    modeButton?: 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+    standardSizeIcon?: 12 | 14 | 16 | 20 | 24 | 32;
+}
+
+/**
+ * @description A button component with different styles and loading state.
+ * ... (tus JSDocs se mantienen igual)
+ */
+declare const BordButton: (props: IBordButton) => React.ReactElement;
+
+export { BordButton, BordFlag };
+export type { IbordFlagProps, IbordOneToneIconProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mar-design-system",
-  "version": "0.1.13",
+  "version": "0.1.15",
   "private": false,
   "type": "module",
   "main": "dist/index.js",
@@ -12,9 +12,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/index.esm.js",
-      "require": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/index.js"
     }
   },
   "scripts": {
@@ -67,6 +67,7 @@
     "postcss": "^8.5.6",
     "prettier": "^3.3.3",
     "rollup": "^4.57.1",
+    "rollup-plugin-dts": "^6.3.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-typescript2": "^0.36.0",
     "storybook": "^8.2.9",
@@ -76,4 +77,4 @@
     "vite": "^5.4.1",
     "vite-plugin-lib-inject-css": "^2.2.2"
   }
-}
+}