@purpurds/grid 4.6.0 → 5.1.0

package/dist/grid.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime");function f(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var g={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("react");function f(p){return p&&p.__esModule&&Object.prototype.hasOwnProperty.call(p,"default")?p.default:p}var n={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/(function(p){(function(){var _={}.hasOwnProperty;function o(){for(var r="",u=0;u<arguments.length;u++){var t=arguments[u];t&&(r=l(r,c(t)))}return r}function c(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return o.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var u="";for(var t in r)_.call(r,t)&&r[t]&&(u=l(u,t));return u}function l(r,u){return u?r?r+" "+u:r+u:r}p.exports?(o.default=o,p.exports=o):window.classNames=o})()})(g);var $=g.exports;const a=f($),m={"purpur-col":"_purpur-col_13t6m_1","purpur-col-12":"_purpur-col-12_13t6m_1","purpur-col-md-12":"_purpur-col-md-12_13t6m_20","purpur-col-lg-12":"_purpur-col-lg-12_13t6m_25","purpur-col-11":"_purpur-col-11_13t6m_29","purpur-col-md-11":"_purpur-col-md-11_13t6m_48","purpur-col-lg-11":"_purpur-col-lg-11_13t6m_53","purpur-col-10":"_purpur-col-10_13t6m_57","purpur-col-md-10":"_purpur-col-md-10_13t6m_76","purpur-col-lg-10":"_purpur-col-lg-10_13t6m_81","purpur-col-9":"_purpur-col-9_13t6m_85","purpur-col-md-9":"_purpur-col-md-9_13t6m_104","purpur-col-lg-9":"_purpur-col-lg-9_13t6m_109","purpur-col-8":"_purpur-col-8_13t6m_113","purpur-col-md-8":"_purpur-col-md-8_13t6m_132","purpur-col-lg-8":"_purpur-col-lg-8_13t6m_137","purpur-col-7":"_purpur-col-7_13t6m_141","purpur-col-md-7":"_purpur-col-md-7_13t6m_160","purpur-col-lg-7":"_purpur-col-lg-7_13t6m_165","purpur-col-6":"_purpur-col-6_13t6m_169","purpur-col-md-6":"_purpur-col-md-6_13t6m_188","purpur-col-lg-6":"_purpur-col-lg-6_13t6m_193","purpur-col-5":"_purpur-col-5_13t6m_197","purpur-col-md-5":"_purpur-col-md-5_13t6m_216","purpur-col-lg-5":"_purpur-col-lg-5_13t6m_221","purpur-col-4":"_purpur-col-4_13t6m_225","purpur-col-md-4":"_purpur-col-md-4_13t6m_244","purpur-col-lg-4":"_purpur-col-lg-4_13t6m_249","purpur-col-3":"_purpur-col-3_13t6m_253","purpur-col-md-3":"_purpur-col-md-3_13t6m_272","purpur-col-lg-3":"_purpur-col-lg-3_13t6m_277","purpur-col-2":"_purpur-col-2_13t6m_281","purpur-col-md-2":"_purpur-col-md-2_13t6m_300","purpur-col-lg-2":"_purpur-col-lg-2_13t6m_305","purpur-col-1":"_purpur-col-1_13t6m_1","purpur-col-md-1":"_purpur-col-md-1_13t6m_20","purpur-col-lg-1":"_purpur-col-lg-1_13t6m_25"},s="purpur-col",w=({children:p,["data-testid"]:_,width:o,className:c,widthMd:l,widthLg:r,...u})=>{const t=a([c,m[s],{[m[`${s}-${o}`]]:o,[m[`${s}-md-${l}`]]:l,[m[`${s}-lg-${r}`]]:r}]);return d.jsx("div",{className:`${t} ${s}`,"data-testid":_,...u,children:p})},y={"purpur-grid":"_purpur-grid_6ht8d_1"},e={"purpur-row":"_purpur-row_13nch_1","purpur-row--sm":"_purpur-row--sm_13nch_28","purpur-row--md":"_purpur-row--md_13nch_31","purpur-row--lg":"_purpur-row--lg_13nch_34","purpur-row--col-gap":"_purpur-row--col-gap_13nch_42"},n="purpur-row",v=({children:p,["data-testid"]:_,spacing:o,className:c,colGap:l,...r})=>{const u=a([c,e[n],{[e[`${n}--${o}`]]:o,[e[`${n}--col-gap`]]:l}]);return d.jsx("div",{className:u,"data-testid":_,...r,children:p})},j="purpur-grid",i=({children:p,className:_,["data-testid"]:o,...c})=>{const l=a([_,y[j]]);return d.jsx("div",{className:l,"data-testid":o,...c,children:p})};i.Col=w;i.Row=v;exports.Grid=i;
+*/(function(p){(function(){var _={}.hasOwnProperty;function o(){for(var r="",u=0;u<arguments.length;u++){var i=arguments[u];i&&(r=l(r,d.call(this,i)))}return r}function d(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return o.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var u="";for(var i in r)_.call(r,i)&&r[i]&&(u=l(u,this&&this[i]||i));return u}function l(r,u){return u?r?r+" "+u:r+u:r}p.exports?(o.default=o,p.exports=o):window.classNames=o})()})(n);var $=n.exports;const m=f($),y={"purpur-grid-item":"_purpur-grid-item_1o8x1_1","purpur-grid-item-colspan-sm-4":"_purpur-grid-item-colspan-sm-4_1o8x1_21","purpur-grid-item-colspan-sm-3":"_purpur-grid-item-colspan-sm-3_1o8x1_24","purpur-grid-item-colspan-sm-2":"_purpur-grid-item-colspan-sm-2_1o8x1_27","purpur-grid-item-colspan-sm-1":"_purpur-grid-item-colspan-sm-1_1o8x1_30","purpur-grid-item-colspan-md-8":"_purpur-grid-item-colspan-md-8_1o8x1_34","purpur-grid-item-colspan-md-7":"_purpur-grid-item-colspan-md-7_1o8x1_39","purpur-grid-item-colspan-md-6":"_purpur-grid-item-colspan-md-6_1o8x1_44","purpur-grid-item-colspan-md-5":"_purpur-grid-item-colspan-md-5_1o8x1_49","purpur-grid-item-colspan-md-4":"_purpur-grid-item-colspan-md-4_1o8x1_54","purpur-grid-item-colspan-md-3":"_purpur-grid-item-colspan-md-3_1o8x1_59","purpur-grid-item-colspan-md-2":"_purpur-grid-item-colspan-md-2_1o8x1_64","purpur-grid-item-colspan-md-1":"_purpur-grid-item-colspan-md-1_1o8x1_69","purpur-grid-item-colspan-lg-12":"_purpur-grid-item-colspan-lg-12_1o8x1_74","purpur-grid-item-colspan-lg-11":"_purpur-grid-item-colspan-lg-11_1o8x1_79","purpur-grid-item-colspan-lg-10":"_purpur-grid-item-colspan-lg-10_1o8x1_84","purpur-grid-item-colspan-lg-9":"_purpur-grid-item-colspan-lg-9_1o8x1_89","purpur-grid-item-colspan-lg-8":"_purpur-grid-item-colspan-lg-8_1o8x1_94","purpur-grid-item-colspan-lg-7":"_purpur-grid-item-colspan-lg-7_1o8x1_99","purpur-grid-item-colspan-lg-6":"_purpur-grid-item-colspan-lg-6_1o8x1_104","purpur-grid-item-colspan-lg-5":"_purpur-grid-item-colspan-lg-5_1o8x1_109","purpur-grid-item-colspan-lg-4":"_purpur-grid-item-colspan-lg-4_1o8x1_114","purpur-grid-item-colspan-lg-3":"_purpur-grid-item-colspan-lg-3_1o8x1_119","purpur-grid-item-colspan-lg-2":"_purpur-grid-item-colspan-lg-2_1o8x1_124","purpur-grid-item-colspan-lg-1":"_purpur-grid-item-colspan-lg-1_1o8x1_74"},j=m.bind(y),s="purpur-grid-item",a=({children:p,className:_,["data-testid"]:o,colSpanSm:d=4,colSpanMd:l=8,colSpanLg:r=12})=>{const u=j([_,s,{[`${s}-colspan-sm-${d}`]:d,[`${s}-colspan-md-${l}`]:l,[`${s}-colspan-lg-${r}`]:r}]);return c.jsx("div",{className:u,"data-testid":o,children:p})},C=p=>!!p&&e.isValidElement(p)&&(!!p.props.colSpanSm||!!p.props.colSpanMd||!!p.props.colSpanLg),N={"purpur-grid":"_purpur-grid_1vbh2_1","purpur-grid--grid":"_purpur-grid--grid_1vbh2_33","purpur-grid-col-sm-4":"_purpur-grid-col-sm-4_1vbh2_37","purpur-grid-col-sm-3":"_purpur-grid-col-sm-3_1vbh2_40","purpur-grid-col-sm-2":"_purpur-grid-col-sm-2_1vbh2_43","purpur-grid-col-md-8":"_purpur-grid-col-md-8_1vbh2_47","purpur-grid-col-md-7":"_purpur-grid-col-md-7_1vbh2_52","purpur-grid-col-md-6":"_purpur-grid-col-md-6_1vbh2_57","purpur-grid-col-md-5":"_purpur-grid-col-md-5_1vbh2_62","purpur-grid-col-md-4":"_purpur-grid-col-md-4_1vbh2_67","purpur-grid-col-md-3":"_purpur-grid-col-md-3_1vbh2_72","purpur-grid-col-md-2":"_purpur-grid-col-md-2_1vbh2_77","purpur-grid-col-lg-12":"_purpur-grid-col-lg-12_1vbh2_82","purpur-grid-col-lg-11":"_purpur-grid-col-lg-11_1vbh2_87","purpur-grid-col-lg-10":"_purpur-grid-col-lg-10_1vbh2_92","purpur-grid-col-lg-9":"_purpur-grid-col-lg-9_1vbh2_97","purpur-grid-col-lg-8":"_purpur-grid-col-lg-8_1vbh2_102","purpur-grid-col-lg-7":"_purpur-grid-col-lg-7_1vbh2_107","purpur-grid-col-lg-6":"_purpur-grid-col-lg-6_1vbh2_112","purpur-grid-col-lg-5":"_purpur-grid-col-lg-5_1vbh2_117","purpur-grid-col-lg-4":"_purpur-grid-col-lg-4_1vbh2_122","purpur-grid-col-lg-3":"_purpur-grid-col-lg-3_1vbh2_127","purpur-grid-col-lg-2":"_purpur-grid-col-lg-2_1vbh2_132","purpur-grid--flex":"_purpur-grid--flex_1vbh2_136"},O=m.bind(N),g="purpur-grid",h=({children:p,className:_,["data-testid"]:o,colsSm:d=1,colsMd:l=1,colsLg:r=1,...u})=>{const i=e.Children.toArray(p).filter(C),t=i.length,x=O([_,g,{[`${g}--grid`]:!t,[`${g}--flex`]:t,[`${g}-col-sm-${d}`]:d>1&&!t,[`${g}-col-md-${l}`]:l>1&&!t,[`${g}-col-lg-${r}`]:r>1&&!t}]);return c.jsx("div",{className:x,"data-testid":o,...u,children:t?e.Children.map(i,({props:{children:b,...v}})=>c.jsx(a,{...v,children:b})):p})};h.Item=a;exports.Grid=h;
 //# sourceMappingURL=grid.cjs.js.map

package/dist/grid.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/col.tsx","../src/row.tsx","../src/grid.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./col.module.scss\";\n\nexport type ColumnWidthType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type ColProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  width?: ColumnWidthType;\n  widthMd?: ColumnWidthType;\n  widthLg?: ColumnWidthType;\n};\n\nconst rootClassName = \"purpur-col\";\n\nexport const Col = ({\n  children,\n  [\"data-testid\"]: dataTestId,\n  width,\n  className,\n  widthMd,\n  widthLg,\n  ...props\n}: ColProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}-${width}`]]: width,\n      [styles[`${rootClassName}-md-${widthMd}`]]: widthMd,\n      [styles[`${rootClassName}-lg-${widthLg}`]]: widthLg,\n    },\n  ]);\n\n  return (\n    <div className={`${classes} ${rootClassName}`} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./row.module.scss\";\n\nexport const RowSpacings = {\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const RowSpacingSizes = Object.values(RowSpacings);\nexport type RowSpacingsType = (typeof RowSpacings)[keyof typeof RowSpacings];\n\nexport type RowProps = {\n  className?: string;\n  colGap?: boolean;\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  spacing?: RowSpacingsType;\n};\n\nconst rootClassName = \"purpur-row\";\n\nexport const Row = ({\n  children,\n  [\"data-testid\"]: dataTestId,\n  spacing,\n  className,\n  colGap,\n  ...props\n}: RowProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}--${spacing}`]]: spacing,\n      [styles[`${rootClassName}--col-gap`]]: colGap,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport { Col } from \"./col\";\nimport styles from \"./grid.module.scss\";\nimport { Row } from \"./row\";\n\ntype GridCmp<P> = React.FunctionComponent<P> & {\n  Row: typeof Row;\n  Col: typeof Col;\n};\n\nexport type GridProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n};\n\nexport type { ColumnWidthType } from \"./col\";\n\nconst rootClassName = \"purpur-grid\";\n\nexport const Grid: GridCmp<GridProps> = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  ...props\n}) => {\n  const classes = c([className, styles[rootClassName]]);\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n\nGrid.Col = Col;\nGrid.Row = Row;\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","Col","children","dataTestId","width","className","widthMd","widthLg","props","c","styles","jsx","Row","spacing","colGap","Grid"],"mappings":";;;;gBAOC,UAAY,CAGZ,IAAIA,EAAS,CAAE,EAAC,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAWF,CAAG,CAAC,EAE/C,CAED,OAAOF,CACP,CAED,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAOA,EAGR,GAAI,OAAOA,GAAQ,SAClB,MAAO,GAGR,GAAI,MAAM,QAAQA,CAAG,EACpB,OAAOH,EAAW,MAAM,KAAMG,CAAG,EAGlC,GAAIA,EAAI,WAAa,OAAO,UAAU,UAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe,EAClG,OAAOA,EAAI,WAGZ,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAASK,CAAG,GAIpC,OAAOL,CACP,CAED,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQR,CAEoCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,EAAA,QAAiBT,GAOjB,OAAO,WAAaA,CAEtB,qqDC5DMU,EAAgB,aAETC,EAAM,CAAC,CAClB,SAAAC,EACA,CAAC,eAAgBC,EACjB,MAAAC,EACA,UAAAC,EACA,QAAAC,EACA,QAAAC,EACA,GAAGC,CACL,IAAgB,CACd,MAAMjB,EAAUkB,EAAE,CAChBJ,EACAK,EAAOV,CAAa,EACpB,CACE,CAACU,EAAO,GAAGV,CAAa,IAAII,CAAK,EAAE,CAAC,EAAGA,EACvC,CAACM,EAAO,GAAGV,CAAa,OAAOM,CAAO,EAAE,CAAC,EAAGA,EAC5C,CAACI,EAAO,GAAGV,CAAa,OAAOO,CAAO,EAAE,CAAC,EAAGA,CAC9C,CAAA,CACD,EAED,OACGI,EAAAA,IAAA,MAAA,CAAI,UAAW,GAAGpB,CAAO,IAAIS,CAAa,GAAI,cAAaG,EAAa,GAAGK,EACzE,SAAAN,CACH,CAAA,CAEJ,4QCpBMF,EAAgB,aAETY,EAAM,CAAC,CAClB,SAAAV,EACA,CAAC,eAAgBC,EACjB,QAAAU,EACA,UAAAR,EACA,OAAAS,EACA,GAAGN,CACL,IAAgB,CACd,MAAMjB,EAAUkB,EAAE,CAChBJ,EACAK,EAAOV,CAAa,EACpB,CACE,CAACU,EAAO,GAAGV,CAAa,KAAKa,CAAO,EAAE,CAAC,EAAGA,EAC1C,CAACH,EAAO,GAAGV,CAAa,WAAW,CAAC,EAAGc,CACzC,CAAA,CACD,EAGC,OAAAH,MAAC,OAAI,UAAWpB,EAAS,cAAaY,EAAa,GAAGK,EACnD,SAAAN,CACH,CAAA,CAEJ,EC1BMF,EAAgB,cAETe,EAA2B,CAAC,CACvC,SAAAb,EACA,UAAAG,EACA,CAAC,eAAgBF,EACjB,GAAGK,CACL,IAAM,CACJ,MAAMjB,EAAUkB,EAAE,CAACJ,EAAWK,EAAOV,CAAa,CAAC,CAAC,EAElD,OAAAW,MAAC,OAAI,UAAWpB,EAAS,cAAaY,EAAa,GAAGK,EACnD,SAAAN,CACH,CAAA,CAEJ,EAEAa,EAAK,IAAMd,EACXc,EAAK,IAAMH","x_google_ignoreList":[0]}
+{"version":3,"file":"grid.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/grid.item.tsx","../src/grid.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, {\n  isValidElement,\n  ReactChild,\n  ReactElement,\n  ReactFragment,\n  ReactNode,\n  ReactPortal,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./grid.item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type ItemProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n  /** The number of columns that the item spans on small screens. */\n  colSpanSm?: 1 | 2 | 3 | 4;\n  /** The number of columns that the item spans on medium screens. */\n  colSpanMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** The number of columns that the item spans on large screens. */\n  colSpanLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n};\n\nconst rootClassName = \"purpur-grid-item\";\n\nexport const Item = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  colSpanSm = 4,\n  colSpanMd = 8,\n  colSpanLg = 12,\n}: ItemProps) => {\n  const classes = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}-colspan-sm-${colSpanSm}`]: colSpanSm,\n      [`${rootClassName}-colspan-md-${colSpanMd}`]: colSpanMd,\n      [`${rootClassName}-colspan-lg-${colSpanLg}`]: colSpanLg,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      {children}\n    </div>\n  );\n};\n\nexport const isItem = (\n  child:\n    | ReactChild\n    | ReactElement\n    | ReactFragment\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<ItemProps> =>\n  !!child &&\n  isValidElement<ItemProps>(child) &&\n  (!!child.props.colSpanSm || !!child.props.colSpanMd || !!child.props.colSpanLg);\n","import React, { Children, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport { isItem, Item } from \"./grid.item\";\nimport styles from \"./grid.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type GridProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n  /** The number of columns on small screens. */\n  colsSm?: 1 | 2 | 3 | 4;\n  /** The number of columns on medium screens. */\n  colsMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** The number of columns on large screens. */\n  colsLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n};\n\nexport type GridCmp<P> = React.FunctionComponent<P> & {\n  Item: typeof Item;\n};\n\nconst rootClassName = \"purpur-grid\";\n\nexport const Grid = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  colsSm = 1,\n  colsMd = 1,\n  colsLg = 1,\n  ...props\n}: GridProps) => {\n  const gridItemChildren = Children.toArray(children).filter(isItem);\n  const hasItemChildren = gridItemChildren.length;\n\n  const classes = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}--grid`]: !hasItemChildren,\n      [`${rootClassName}--flex`]: hasItemChildren,\n      [`${rootClassName}-col-sm-${colsSm}`]: colsSm > 1 && !hasItemChildren,\n      [`${rootClassName}-col-md-${colsMd}`]: colsMd > 1 && !hasItemChildren,\n      [`${rootClassName}-col-lg-${colsLg}`]: colsLg > 1 && !hasItemChildren,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {hasItemChildren\n        ? Children.map(gridItemChildren, ({ props: { children, ...colProps } }) => (\n            <Item {...colProps}>{children}</Item>\n          ))\n        : children}\n    </div>\n  );\n};\n\nGrid.Item = Item;\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Item","children","className","dataTestId","colSpanSm","colSpanMd","colSpanLg","isItem","child","isValidElement","Grid","colsSm","colsMd","colsLg","props","gridItemChildren","Children","hasItemChildren","jsx","colProps"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/grid.d.ts

@@ -1,16 +1,22 @@
-import { Row } from './row';
-import { Col } from './col';
+import { Item } from './grid.item';
 import { default as React, ReactNode } from 'react';
 
-type GridCmp<P> = React.FunctionComponent<P> & {
-    Row: typeof Row;
-    Col: typeof Col;
-};
 export type GridProps = {
     children: ReactNode;
     ["data-testid"]?: string;
     className?: string;
+    /** The number of columns on small screens. */
+    colsSm?: 1 | 2 | 3 | 4;
+    /** The number of columns on medium screens. */
+    colsMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** The number of columns on large screens. */
+    colsLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+};
+export type GridCmp<P> = React.FunctionComponent<P> & {
+    Item: typeof Item;
+};
+export declare const Grid: {
+    ({ children, className, ["data-testid"]: dataTestId, colsSm, colsMd, colsLg, ...props }: GridProps): React.JSX.Element;
+    Item: ({ children, className, ["data-testid"]: dataTestId, colSpanSm, colSpanMd, colSpanLg, }: import('./grid.item').ItemProps) => React.JSX.Element;
 };
-export type { ColumnWidthType } from './col';
-export declare const Grid: GridCmp<GridProps>;
 //# sourceMappingURL=grid.d.ts.map

package/dist/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG;IAC7C,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,GAAG,EAAE,OAAO,GAAG,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AAI7C,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,SAAS,CAYnC,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../src/grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAU,IAAI,EAAE,MAAM,aAAa,CAAC;AAK3C,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvC,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC3D,CAAC;AAEF,MAAM,MAAM,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG;IACpD,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB,CAAC;AAIF,eAAO,MAAM,IAAI;6FAQd,SAAS;;CAyBX,CAAC"}

package/dist/grid.es.js

@@ -1,8 +1,9 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
+import { isValidElement as v, Children as e } from "react";
 function f(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var i = { exports: {} };
+var m = { exports: {} };
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
@@ -13,23 +14,23 @@ var i = { exports: {} };
     var _ = {}.hasOwnProperty;
     function o() {
       for (var r = "", u = 0; u < arguments.length; u++) {
-        var t = arguments[u];
-        t && (r = l(r, c(t)));
+        var i = arguments[u];
+        i && (r = l(r, d.call(this, i)));
       }
       return r;
     }
-    function c(r) {
+    function d(r) {
       if (typeof r == "string" || typeof r == "number")
-        return r;
+        return this && this[r] || r;
       if (typeof r != "object")
         return "";
       if (Array.isArray(r))
-        return o.apply(null, r);
+        return o.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
       var u = "";
-      for (var t in r)
-        _.call(r, t) && r[t] && (u = l(u, t));
+      for (var i in r)
+        _.call(r, i) && r[i] && (u = l(u, this && this[i] || i));
       return u;
     }
     function l(r, u) {
@@ -37,102 +38,101 @@ var i = { exports: {} };
     }
     p.exports ? (o.default = o, p.exports = o) : window.classNames = o;
   })();
-})(i);
-var $ = i.exports;
-const a = /* @__PURE__ */ f($), s = {
-  "purpur-col": "_purpur-col_13t6m_1",
-  "purpur-col-12": "_purpur-col-12_13t6m_1",
-  "purpur-col-md-12": "_purpur-col-md-12_13t6m_20",
-  "purpur-col-lg-12": "_purpur-col-lg-12_13t6m_25",
-  "purpur-col-11": "_purpur-col-11_13t6m_29",
-  "purpur-col-md-11": "_purpur-col-md-11_13t6m_48",
-  "purpur-col-lg-11": "_purpur-col-lg-11_13t6m_53",
-  "purpur-col-10": "_purpur-col-10_13t6m_57",
-  "purpur-col-md-10": "_purpur-col-md-10_13t6m_76",
-  "purpur-col-lg-10": "_purpur-col-lg-10_13t6m_81",
-  "purpur-col-9": "_purpur-col-9_13t6m_85",
-  "purpur-col-md-9": "_purpur-col-md-9_13t6m_104",
-  "purpur-col-lg-9": "_purpur-col-lg-9_13t6m_109",
-  "purpur-col-8": "_purpur-col-8_13t6m_113",
-  "purpur-col-md-8": "_purpur-col-md-8_13t6m_132",
-  "purpur-col-lg-8": "_purpur-col-lg-8_13t6m_137",
-  "purpur-col-7": "_purpur-col-7_13t6m_141",
-  "purpur-col-md-7": "_purpur-col-md-7_13t6m_160",
-  "purpur-col-lg-7": "_purpur-col-lg-7_13t6m_165",
-  "purpur-col-6": "_purpur-col-6_13t6m_169",
-  "purpur-col-md-6": "_purpur-col-md-6_13t6m_188",
-  "purpur-col-lg-6": "_purpur-col-lg-6_13t6m_193",
-  "purpur-col-5": "_purpur-col-5_13t6m_197",
-  "purpur-col-md-5": "_purpur-col-md-5_13t6m_216",
-  "purpur-col-lg-5": "_purpur-col-lg-5_13t6m_221",
-  "purpur-col-4": "_purpur-col-4_13t6m_225",
-  "purpur-col-md-4": "_purpur-col-md-4_13t6m_244",
-  "purpur-col-lg-4": "_purpur-col-lg-4_13t6m_249",
-  "purpur-col-3": "_purpur-col-3_13t6m_253",
-  "purpur-col-md-3": "_purpur-col-md-3_13t6m_272",
-  "purpur-col-lg-3": "_purpur-col-lg-3_13t6m_277",
-  "purpur-col-2": "_purpur-col-2_13t6m_281",
-  "purpur-col-md-2": "_purpur-col-md-2_13t6m_300",
-  "purpur-col-lg-2": "_purpur-col-lg-2_13t6m_305",
-  "purpur-col-1": "_purpur-col-1_13t6m_1",
-  "purpur-col-md-1": "_purpur-col-md-1_13t6m_20",
-  "purpur-col-lg-1": "_purpur-col-lg-1_13t6m_25"
-}, m = "purpur-col", w = ({
+})(m);
+var $ = m.exports;
+const n = /* @__PURE__ */ f($), y = {
+  "purpur-grid-item": "_purpur-grid-item_1o8x1_1",
+  "purpur-grid-item-colspan-sm-4": "_purpur-grid-item-colspan-sm-4_1o8x1_21",
+  "purpur-grid-item-colspan-sm-3": "_purpur-grid-item-colspan-sm-3_1o8x1_24",
+  "purpur-grid-item-colspan-sm-2": "_purpur-grid-item-colspan-sm-2_1o8x1_27",
+  "purpur-grid-item-colspan-sm-1": "_purpur-grid-item-colspan-sm-1_1o8x1_30",
+  "purpur-grid-item-colspan-md-8": "_purpur-grid-item-colspan-md-8_1o8x1_34",
+  "purpur-grid-item-colspan-md-7": "_purpur-grid-item-colspan-md-7_1o8x1_39",
+  "purpur-grid-item-colspan-md-6": "_purpur-grid-item-colspan-md-6_1o8x1_44",
+  "purpur-grid-item-colspan-md-5": "_purpur-grid-item-colspan-md-5_1o8x1_49",
+  "purpur-grid-item-colspan-md-4": "_purpur-grid-item-colspan-md-4_1o8x1_54",
+  "purpur-grid-item-colspan-md-3": "_purpur-grid-item-colspan-md-3_1o8x1_59",
+  "purpur-grid-item-colspan-md-2": "_purpur-grid-item-colspan-md-2_1o8x1_64",
+  "purpur-grid-item-colspan-md-1": "_purpur-grid-item-colspan-md-1_1o8x1_69",
+  "purpur-grid-item-colspan-lg-12": "_purpur-grid-item-colspan-lg-12_1o8x1_74",
+  "purpur-grid-item-colspan-lg-11": "_purpur-grid-item-colspan-lg-11_1o8x1_79",
+  "purpur-grid-item-colspan-lg-10": "_purpur-grid-item-colspan-lg-10_1o8x1_84",
+  "purpur-grid-item-colspan-lg-9": "_purpur-grid-item-colspan-lg-9_1o8x1_89",
+  "purpur-grid-item-colspan-lg-8": "_purpur-grid-item-colspan-lg-8_1o8x1_94",
+  "purpur-grid-item-colspan-lg-7": "_purpur-grid-item-colspan-lg-7_1o8x1_99",
+  "purpur-grid-item-colspan-lg-6": "_purpur-grid-item-colspan-lg-6_1o8x1_104",
+  "purpur-grid-item-colspan-lg-5": "_purpur-grid-item-colspan-lg-5_1o8x1_109",
+  "purpur-grid-item-colspan-lg-4": "_purpur-grid-item-colspan-lg-4_1o8x1_114",
+  "purpur-grid-item-colspan-lg-3": "_purpur-grid-item-colspan-lg-3_1o8x1_119",
+  "purpur-grid-item-colspan-lg-2": "_purpur-grid-item-colspan-lg-2_1o8x1_124",
+  "purpur-grid-item-colspan-lg-1": "_purpur-grid-item-colspan-lg-1_1o8x1_74"
+}, N = n.bind(y), s = "purpur-grid-item", a = ({
   children: p,
-  ["data-testid"]: _,
-  width: o,
-  className: c,
-  widthMd: l,
-  widthLg: r,
-  ...u
+  className: _,
+  ["data-testid"]: o,
+  colSpanSm: d = 4,
+  colSpanMd: l = 8,
+  colSpanLg: r = 12
 }) => {
-  const t = a([
-    c,
-    s[m],
+  const u = N([
+    _,
+    s,
     {
-      [s[`${m}-${o}`]]: o,
-      [s[`${m}-md-${l}`]]: l,
-      [s[`${m}-lg-${r}`]]: r
+      [`${s}-colspan-sm-${d}`]: d,
+      [`${s}-colspan-md-${l}`]: l,
+      [`${s}-colspan-lg-${r}`]: r
     }
   ]);
-  return /* @__PURE__ */ d("div", { className: `${t} ${m}`, "data-testid": _, ...u, children: p });
-}, y = {
-  "purpur-grid": "_purpur-grid_6ht8d_1"
-}, e = {
-  "purpur-row": "_purpur-row_13nch_1",
-  "purpur-row--sm": "_purpur-row--sm_13nch_28",
-  "purpur-row--md": "_purpur-row--md_13nch_31",
-  "purpur-row--lg": "_purpur-row--lg_13nch_34",
-  "purpur-row--col-gap": "_purpur-row--col-gap_13nch_42"
-}, n = "purpur-row", v = ({
+  return /* @__PURE__ */ c("div", { className: u, "data-testid": o, children: p });
+}, j = (p) => !!p && v(p) && (!!p.props.colSpanSm || !!p.props.colSpanMd || !!p.props.colSpanLg), C = {
+  "purpur-grid": "_purpur-grid_1vbh2_1",
+  "purpur-grid--grid": "_purpur-grid--grid_1vbh2_33",
+  "purpur-grid-col-sm-4": "_purpur-grid-col-sm-4_1vbh2_37",
+  "purpur-grid-col-sm-3": "_purpur-grid-col-sm-3_1vbh2_40",
+  "purpur-grid-col-sm-2": "_purpur-grid-col-sm-2_1vbh2_43",
+  "purpur-grid-col-md-8": "_purpur-grid-col-md-8_1vbh2_47",
+  "purpur-grid-col-md-7": "_purpur-grid-col-md-7_1vbh2_52",
+  "purpur-grid-col-md-6": "_purpur-grid-col-md-6_1vbh2_57",
+  "purpur-grid-col-md-5": "_purpur-grid-col-md-5_1vbh2_62",
+  "purpur-grid-col-md-4": "_purpur-grid-col-md-4_1vbh2_67",
+  "purpur-grid-col-md-3": "_purpur-grid-col-md-3_1vbh2_72",
+  "purpur-grid-col-md-2": "_purpur-grid-col-md-2_1vbh2_77",
+  "purpur-grid-col-lg-12": "_purpur-grid-col-lg-12_1vbh2_82",
+  "purpur-grid-col-lg-11": "_purpur-grid-col-lg-11_1vbh2_87",
+  "purpur-grid-col-lg-10": "_purpur-grid-col-lg-10_1vbh2_92",
+  "purpur-grid-col-lg-9": "_purpur-grid-col-lg-9_1vbh2_97",
+  "purpur-grid-col-lg-8": "_purpur-grid-col-lg-8_1vbh2_102",
+  "purpur-grid-col-lg-7": "_purpur-grid-col-lg-7_1vbh2_107",
+  "purpur-grid-col-lg-6": "_purpur-grid-col-lg-6_1vbh2_112",
+  "purpur-grid-col-lg-5": "_purpur-grid-col-lg-5_1vbh2_117",
+  "purpur-grid-col-lg-4": "_purpur-grid-col-lg-4_1vbh2_122",
+  "purpur-grid-col-lg-3": "_purpur-grid-col-lg-3_1vbh2_127",
+  "purpur-grid-col-lg-2": "_purpur-grid-col-lg-2_1vbh2_132",
+  "purpur-grid--flex": "_purpur-grid--flex_1vbh2_136"
+}, I = n.bind(C), g = "purpur-grid", O = ({
   children: p,
-  ["data-testid"]: _,
-  spacing: o,
-  className: c,
-  colGap: l,
-  ...r
+  className: _,
+  ["data-testid"]: o,
+  colsSm: d = 1,
+  colsMd: l = 1,
+  colsLg: r = 1,
+  ...u
 }) => {
-  const u = a([
-    c,
-    e[n],
+  const i = e.toArray(p).filter(j), t = i.length, h = I([
+    _,
+    g,
     {
-      [e[`${n}--${o}`]]: o,
-      [e[`${n}--col-gap`]]: l
+      [`${g}--grid`]: !t,
+      [`${g}--flex`]: t,
+      [`${g}-col-sm-${d}`]: d > 1 && !t,
+      [`${g}-col-md-${l}`]: l > 1 && !t,
+      [`${g}-col-lg-${r}`]: r > 1 && !t
     }
   ]);
-  return /* @__PURE__ */ d("div", { className: u, "data-testid": _, ...r, children: p });
-}, N = "purpur-grid", g = ({
-  children: p,
-  className: _,
-  ["data-testid"]: o,
-  ...c
-}) => {
-  const l = a([_, y[N]]);
-  return /* @__PURE__ */ d("div", { className: l, "data-testid": o, ...c, children: p });
+  return /* @__PURE__ */ c("div", { className: h, "data-testid": o, ...u, children: t ? e.map(i, ({ props: { children: x, ...b } }) => /* @__PURE__ */ c(a, { ...b, children: x })) : p });
 };
-g.Col = w;
-g.Row = v;
+O.Item = a;
 export {
-  g as Grid
+  O as Grid
 };
 //# sourceMappingURL=grid.es.js.map

package/dist/grid.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js","../src/col.tsx","../src/row.tsx","../src/grid.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./col.module.scss\";\n\nexport type ColumnWidthType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\nexport type ColProps = {\n  children: ReactNode;\n  className?: string;\n  [\"data-testid\"]?: string;\n  width?: ColumnWidthType;\n  widthMd?: ColumnWidthType;\n  widthLg?: ColumnWidthType;\n};\n\nconst rootClassName = \"purpur-col\";\n\nexport const Col = ({\n  children,\n  [\"data-testid\"]: dataTestId,\n  width,\n  className,\n  widthMd,\n  widthLg,\n  ...props\n}: ColProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}-${width}`]]: width,\n      [styles[`${rootClassName}-md-${widthMd}`]]: widthMd,\n      [styles[`${rootClassName}-lg-${widthLg}`]]: widthLg,\n    },\n  ]);\n\n  return (\n    <div className={`${classes} ${rootClassName}`} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport styles from \"./row.module.scss\";\n\nexport const RowSpacings = {\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n} as const;\n\nexport const RowSpacingSizes = Object.values(RowSpacings);\nexport type RowSpacingsType = (typeof RowSpacings)[keyof typeof RowSpacings];\n\nexport type RowProps = {\n  className?: string;\n  colGap?: boolean;\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  spacing?: RowSpacingsType;\n};\n\nconst rootClassName = \"purpur-row\";\n\nexport const Row = ({\n  children,\n  [\"data-testid\"]: dataTestId,\n  spacing,\n  className,\n  colGap,\n  ...props\n}: RowProps) => {\n  const classes = c([\n    className,\n    styles[rootClassName],\n    {\n      [styles[`${rootClassName}--${spacing}`]]: spacing,\n      [styles[`${rootClassName}--col-gap`]]: colGap,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n","import React, { ReactNode } from \"react\";\nimport c from \"classnames\";\n\nimport { Col } from \"./col\";\nimport styles from \"./grid.module.scss\";\nimport { Row } from \"./row\";\n\ntype GridCmp<P> = React.FunctionComponent<P> & {\n  Row: typeof Row;\n  Col: typeof Col;\n};\n\nexport type GridProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n};\n\nexport type { ColumnWidthType } from \"./col\";\n\nconst rootClassName = \"purpur-grid\";\n\nexport const Grid: GridCmp<GridProps> = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  ...props\n}) => {\n  const classes = c([className, styles[rootClassName]]);\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {children}\n    </div>\n  );\n};\n\nGrid.Col = Col;\nGrid.Row = Row;\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","rootClassName","Col","children","dataTestId","width","className","widthMd","widthLg","props","c","styles","jsx","Row","spacing","colGap","Grid"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"grid.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/grid.item.tsx","../src/grid.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import React, {\n  isValidElement,\n  ReactChild,\n  ReactElement,\n  ReactFragment,\n  ReactNode,\n  ReactPortal,\n} from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./grid.item.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type ItemProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n  /** The number of columns that the item spans on small screens. */\n  colSpanSm?: 1 | 2 | 3 | 4;\n  /** The number of columns that the item spans on medium screens. */\n  colSpanMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** The number of columns that the item spans on large screens. */\n  colSpanLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n};\n\nconst rootClassName = \"purpur-grid-item\";\n\nexport const Item = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  colSpanSm = 4,\n  colSpanMd = 8,\n  colSpanLg = 12,\n}: ItemProps) => {\n  const classes = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}-colspan-sm-${colSpanSm}`]: colSpanSm,\n      [`${rootClassName}-colspan-md-${colSpanMd}`]: colSpanMd,\n      [`${rootClassName}-colspan-lg-${colSpanLg}`]: colSpanLg,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId}>\n      {children}\n    </div>\n  );\n};\n\nexport const isItem = (\n  child:\n    | ReactChild\n    | ReactElement\n    | ReactFragment\n    | ReactPortal\n    | string\n    | number\n    | boolean\n    | null\n    | undefined\n): child is ReactElement<ItemProps> =>\n  !!child &&\n  isValidElement<ItemProps>(child) &&\n  (!!child.props.colSpanSm || !!child.props.colSpanMd || !!child.props.colSpanLg);\n","import React, { Children, ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport { isItem, Item } from \"./grid.item\";\nimport styles from \"./grid.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport type GridProps = {\n  children: ReactNode;\n  [\"data-testid\"]?: string;\n  className?: string;\n  /** The number of columns on small screens. */\n  colsSm?: 1 | 2 | 3 | 4;\n  /** The number of columns on medium screens. */\n  colsMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n  /** The number of columns on large screens. */\n  colsLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n};\n\nexport type GridCmp<P> = React.FunctionComponent<P> & {\n  Item: typeof Item;\n};\n\nconst rootClassName = \"purpur-grid\";\n\nexport const Grid = ({\n  children,\n  className,\n  [\"data-testid\"]: dataTestId,\n  colsSm = 1,\n  colsMd = 1,\n  colsLg = 1,\n  ...props\n}: GridProps) => {\n  const gridItemChildren = Children.toArray(children).filter(isItem);\n  const hasItemChildren = gridItemChildren.length;\n\n  const classes = cx([\n    className,\n    rootClassName,\n    {\n      [`${rootClassName}--grid`]: !hasItemChildren,\n      [`${rootClassName}--flex`]: hasItemChildren,\n      [`${rootClassName}-col-sm-${colsSm}`]: colsSm > 1 && !hasItemChildren,\n      [`${rootClassName}-col-md-${colsMd}`]: colsMd > 1 && !hasItemChildren,\n      [`${rootClassName}-col-lg-${colsLg}`]: colsLg > 1 && !hasItemChildren,\n    },\n  ]);\n\n  return (\n    <div className={classes} data-testid={dataTestId} {...props}>\n      {hasItemChildren\n        ? Children.map(gridItemChildren, ({ props: { children, ...colProps } }) => (\n            <Item {...colProps}>{children}</Item>\n          ))\n        : children}\n    </div>\n  );\n};\n\nGrid.Item = Item;\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Item","children","className","dataTestId","colSpanSm","colSpanMd","colSpanLg","isItem","child","isValidElement","Grid","colsSm","colsMd","colsLg","props","gridItemChildren","Children","hasItemChildren","jsx","colProps"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/grid.item.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ReactChild, ReactElement, ReactFragment, ReactNode, ReactPortal } from 'react';
+
+export type ItemProps = {
+    children: ReactNode;
+    ["data-testid"]?: string;
+    className?: string;
+    /** The number of columns that the item spans on small screens. */
+    colSpanSm?: 1 | 2 | 3 | 4;
+    /** The number of columns that the item spans on medium screens. */
+    colSpanMd?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+    /** The number of columns that the item spans on large screens. */
+    colSpanLg?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+};
+export declare const Item: ({ children, className, ["data-testid"]: dataTestId, colSpanSm, colSpanMd, colSpanLg, }: ItemProps) => React.JSX.Element;
+export declare const isItem: (child: ReactChild | ReactElement | ReactFragment | ReactPortal | string | number | boolean | null | undefined) => child is React.ReactElement<ItemProps, string | React.JSXElementConstructor<any>>;
+//# sourceMappingURL=grid.item.d.ts.map

package/dist/grid.item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.item.d.ts","sourceRoot":"","sources":["../src/grid.item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EACV,YAAY,EACZ,aAAa,EACb,SAAS,EACT,WAAW,EACZ,MAAM,OAAO,CAAC;AAOf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,mEAAmE;IACnE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1C,kEAAkE;IAClE,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;CAC9D,CAAC;AAIF,eAAO,MAAM,IAAI,2FAOd,SAAS,sBAgBX,CAAC;AAEF,eAAO,MAAM,MAAM,UAEb,UAAU,GACV,YAAY,GACZ,aAAa,GACb,WAAW,GACX,MAAM,GACN,MAAM,GACN,OAAO,GACP,IAAI,GACJ,SAAS,sFAIkE,CAAC"}

package/dist/styles.css

@@ -1 +1 @@
-._purpur-col_13t6m_1._purpur-col-12_13t6m_1{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px)*1)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-12_13t6m_1{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-12_13t6m_1{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-12_13t6m_20{width:calc((100% - 1px)*1)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-12_13t6m_25{width:calc((100% - 1px)*1)}}._purpur-col_13t6m_1._purpur-col-11_13t6m_29{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 11)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-11_13t6m_29{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-11_13t6m_29{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-11_13t6m_48{width:calc((100% - 1px) / 12 * 11)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-11_13t6m_53{width:calc((100% - 1px) / 12 * 11)}}._purpur-col_13t6m_1._purpur-col-10_13t6m_57{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 10)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-10_13t6m_57{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-10_13t6m_57{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-10_13t6m_76{width:calc((100% - 1px) / 12 * 10)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-10_13t6m_81{width:calc((100% - 1px) / 12 * 10)}}._purpur-col_13t6m_1._purpur-col-9_13t6m_85{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px)*.75)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-9_13t6m_85{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-9_13t6m_85{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-9_13t6m_104{width:calc((100% - 1px)*.75)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-9_13t6m_109{width:calc((100% - 1px)*.75)}}._purpur-col_13t6m_1._purpur-col-8_13t6m_113{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 8)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-8_13t6m_113{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-8_13t6m_113{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-8_13t6m_132{width:calc((100% - 1px) / 12 * 8)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-8_13t6m_137{width:calc((100% - 1px) / 12 * 8)}}._purpur-col_13t6m_1._purpur-col-7_13t6m_141{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 7)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-7_13t6m_141{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-7_13t6m_141{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-7_13t6m_160{width:calc((100% - 1px) / 12 * 7)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-7_13t6m_165{width:calc((100% - 1px) / 12 * 7)}}._purpur-col_13t6m_1._purpur-col-6_13t6m_169{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px)/2)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-6_13t6m_169{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-6_13t6m_169{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-6_13t6m_188{width:calc((100% - 1px)/2)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-6_13t6m_193{width:calc((100% - 1px)/2)}}._purpur-col_13t6m_1._purpur-col-5_13t6m_197{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 5)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-5_13t6m_197{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-5_13t6m_197{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-5_13t6m_216{width:calc((100% - 1px) / 12 * 5)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-5_13t6m_221{width:calc((100% - 1px) / 12 * 5)}}._purpur-col_13t6m_1._purpur-col-4_13t6m_225{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 4)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-4_13t6m_225{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-4_13t6m_225{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-4_13t6m_244{width:calc((100% - 1px) / 12 * 4)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-4_13t6m_249{width:calc((100% - 1px) / 12 * 4)}}._purpur-col_13t6m_1._purpur-col-3_13t6m_253{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px)/4)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-3_13t6m_253{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-3_13t6m_253{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-3_13t6m_272{width:calc((100% - 1px)/4)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-3_13t6m_277{width:calc((100% - 1px)/4)}}._purpur-col_13t6m_1._purpur-col-2_13t6m_281{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 2)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-2_13t6m_281{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-2_13t6m_281{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-2_13t6m_300{width:calc((100% - 1px) / 12 * 2)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-2_13t6m_305{width:calc((100% - 1px) / 12 * 2)}}._purpur-col_13t6m_1._purpur-col-1_13t6m_1{--padding-col: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:block;padding-left:calc(var(--padding-col) / 2);padding-right:calc(var(--padding-col) / 2);width:calc((100% - 1px) / 12 * 1)}@media screen and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-1_13t6m_1{--padding-col: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-1_13t6m_1{--padding-col: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 600px) and (min-width: 600px){._purpur-col_13t6m_1._purpur-col-md-1_13t6m_20{width:calc((100% - 1px) / 12 * 1)}}@media screen and (min-width: 1024px) and (min-width: 1024px){._purpur-col_13t6m_1._purpur-col-lg-1_13t6m_25{width:calc((100% - 1px) / 12 * 1)}}._purpur-grid_6ht8d_1{--padding: var(--purpur-spacing-page-padding-sm);box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;max-width:var(--purpur-breakpoint-xl);padding:0 var(--padding);width:100%}@media screen and (min-width: 600px){._purpur-grid_6ht8d_1{--padding: var(--purpur-spacing-page-padding-md)}}@media screen and (min-width: 1024px){._purpur-grid_6ht8d_1{--padding: var(--purpur-spacing-page-padding-lg)}}@media screen and (min-width: 1440px){._purpur-grid_6ht8d_1{--padding: var(--purpur-spacing-page-padding-xl)}}._purpur-row_13nch_1{--margin: var(--purpur-spacing-gutter-sm);box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:left;margin-left:calc(-1 * var(--margin) / 2);margin-right:calc(-1 * var(--margin) / 2)}@media screen and (min-width: 600px){._purpur-row_13nch_1{--margin: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-row_13nch_1{--margin: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 1440px){._purpur-row_13nch_1{--margin: var(--purpur-spacing-gutter-xl)}}._purpur-row_13nch_1:last-of-type{margin-bottom:0}._purpur-row--sm_13nch_28{margin-bottom:var(--purpur-spacing-gutter-sm)}._purpur-row--md_13nch_31,._purpur-row--lg_13nch_34{margin-bottom:var(--purpur-spacing-gutter-md)}@media screen and (min-width: 1024px){._purpur-row--lg_13nch_34{margin-bottom:var(--purpur-spacing-gutter-lg)}}._purpur-row--col-gap_13nch_42{margin-top:calc(-1 * var(--purpur-spacing-gutter-sm))}@media screen and (min-width: 600px){._purpur-row--col-gap_13nch_42{margin-top:calc(-1 * var(--purpur-spacing-gutter-md))}}._purpur-row--col-gap_13nch_42>.purpur-col{margin-top:var(--purpur-spacing-gutter-sm)}@media screen and (min-width: 600px){._purpur-row--col-gap_13nch_42>.purpur-col{margin-top:var(--purpur-spacing-gutter-md)}}
+._purpur-grid-item_1o8x1_1{--padding: calc(var(--purpur-spacing-gutter-sm) / 2);padding:0 var(--padding);box-sizing:border-box}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1{--padding: calc(var(--purpur-spacing-gutter-md) / 2)}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1{--padding: calc(var(--purpur-spacing-gutter-lg) / 2)}}@media screen and (min-width: 1440px){._purpur-grid-item_1o8x1_1{--padding: calc(var(--purpur-spacing-gutter-xl) / 2)}}._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-sm-4_1o8x1_21{width:100%}._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-sm-3_1o8x1_24{width:75%}._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-sm-2_1o8x1_27{width:50%}._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-sm-1_1o8x1_30{width:25%}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-8_1o8x1_34{width:100%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-7_1o8x1_39{width:87.5%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-6_1o8x1_44{width:75%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-5_1o8x1_49{width:62.5%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-4_1o8x1_54{width:50%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-3_1o8x1_59{width:37.5%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-2_1o8x1_64{width:25%}}@media screen and (min-width: 600px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-md-1_1o8x1_69{width:12.5%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-12_1o8x1_74{width:100%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-11_1o8x1_79{width:91.6666666667%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-10_1o8x1_84{width:83.3333333333%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-9_1o8x1_89{width:75%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-8_1o8x1_94{width:66.6666666667%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-7_1o8x1_99{width:58.3333333333%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-6_1o8x1_104{width:50%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-5_1o8x1_109{width:41.6666666667%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-4_1o8x1_114{width:33.3333333333%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-3_1o8x1_119{width:25%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-2_1o8x1_124{width:16.6666666667%}}@media screen and (min-width: 1024px){._purpur-grid-item_1o8x1_1._purpur-grid-item-colspan-lg-1_1o8x1_74{width:8.3333333333%}}._purpur-grid_1vbh2_1{--gap: var(--purpur-spacing-gutter-sm);--padding: var(--purpur-spacing-page-padding-sm);box-sizing:border-box;row-gap:var(--gap);width:100%;max-width:var(--purpur-breakpoint-xl);margin:0 auto;padding:0 var(--padding)}._purpur-grid_1vbh2_1 ._purpur-grid_1vbh2_1{padding:0}@media screen and (min-width: 600px){._purpur-grid_1vbh2_1{--gap: var(--purpur-spacing-gutter-md);--padding: var(--purpur-spacing-page-padding-md)}}@media screen and (min-width: 1024px){._purpur-grid_1vbh2_1{--gap: var(--purpur-spacing-gutter-lg);--padding: var(--purpur-spacing-page-padding-lg)}}@media screen and (min-width: 1440px){._purpur-grid_1vbh2_1{--gap: var(--purpur-spacing-gutter-xl);--padding: var(--purpur-spacing-page-padding-xl)}}._purpur-grid--grid_1vbh2_33{display:grid;column-gap:var(--gap)}._purpur-grid--grid_1vbh2_33._purpur-grid-col-sm-4_1vbh2_37{grid-template-columns:repeat(4,1fr)}._purpur-grid--grid_1vbh2_33._purpur-grid-col-sm-3_1vbh2_40{grid-template-columns:repeat(3,1fr)}._purpur-grid--grid_1vbh2_33._purpur-grid-col-sm-2_1vbh2_43{grid-template-columns:repeat(2,1fr)}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-8_1vbh2_47{grid-template-columns:repeat(8,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-7_1vbh2_52{grid-template-columns:repeat(7,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-6_1vbh2_57{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-5_1vbh2_62{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-4_1vbh2_67{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-3_1vbh2_72{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 600px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-md-2_1vbh2_77{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-12_1vbh2_82{grid-template-columns:repeat(12,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-11_1vbh2_87{grid-template-columns:repeat(11,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-10_1vbh2_92{grid-template-columns:repeat(10,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-9_1vbh2_97{grid-template-columns:repeat(9,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-8_1vbh2_102{grid-template-columns:repeat(8,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-7_1vbh2_107{grid-template-columns:repeat(7,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-6_1vbh2_112{grid-template-columns:repeat(6,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-5_1vbh2_117{grid-template-columns:repeat(5,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-4_1vbh2_122{grid-template-columns:repeat(4,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-3_1vbh2_127{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 1024px){._purpur-grid--grid_1vbh2_33._purpur-grid-col-lg-2_1vbh2_132{grid-template-columns:repeat(2,1fr)}}._purpur-grid--flex_1vbh2_136{--gutter: var(--purpur-spacing-gutter-sm);display:flex;flex-wrap:wrap;width:calc(100% + var(--gutter));margin:0 calc(-1 * var(--gutter) / 2)}@media screen and (min-width: 600px){._purpur-grid--flex_1vbh2_136{--gutter: var(--purpur-spacing-gutter-md)}}@media screen and (min-width: 1024px){._purpur-grid--flex_1vbh2_136{--gutter: var(--purpur-spacing-gutter-lg)}}@media screen and (min-width: 1440px){._purpur-grid--flex_1vbh2_136{--gutter: var(--purpur-spacing-gutter-xl)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/grid",
-  "version": "4.6.0",
+  "version": "5.1.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/grid.cjs.js",
   "types": "./dist/grid.d.ts",
@@ -15,7 +15,7 @@
   "source": "src/grid.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "4.6.0"
+    "@purpurds/tokens": "5.1.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "~1.10.0",
@@ -40,6 +40,7 @@
     "typescript": "~5.4.2",
     "vite": "~5.2.2",
     "vitest": "~1.5.0",
+    "@purpurds/link": "5.1.0",
     "@purpurds/component-rig": "1.0.0"
   },
   "scripts": {