@purpurds/container 7.6.1 → 7.8.0

package/dist/container.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),x=require("react");function _(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var p={exports:{}};/*!
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),x=require("react");function d(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var p={exports:{}};/*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var c;function d(){return c||(c=1,function(n){(function(){var u={}.hasOwnProperty;function e(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=i(r,s.call(this,o)))}return r}function s(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)u.call(r,o)&&r[o]&&(t=i(t,this&&this[o]||o));return t}function i(r,t){return t?r?r+" "+t:r+t:r}n.exports?(e.default=e,n.exports=e):window.classNames=e})()}(p)),p.exports}var m=d();const h=_(m),y={"purpur-container":"_purpur-container_1t9gx_1","purpur-container--xs":"_purpur-container--xs_1t9gx_13","purpur-container--sm":"_purpur-container--sm_1t9gx_24","purpur-container--md":"_purpur-container--md_1t9gx_39","purpur-container--lg":"_purpur-container--lg_1t9gx_42","purpur-container--xl":"_purpur-container--xl_1t9gx_45","purpur-container--xxl":"_purpur-container--xxl_1t9gx_48"},b=h.bind(y),a="purpur-container",l=x.forwardRef(({children:n,className:u,width:e="xxl",element:s="div",...i},r)=>{const t=b([u,a,`${a}--${e}`]);return f.jsx(s,{className:t,ref:r,...i,children:n})});l.displayName="Container";exports.Container=l;
+*/var c;function _(){return c||(c=1,function(n){(function(){var s={}.hasOwnProperty;function e(){for(var r="",t=0;t<arguments.length;t++){var o=arguments[t];o&&(r=i(r,u.call(this,o)))}return r}function u(r){if(typeof r=="string"||typeof r=="number")return this&&this[r]||r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(this,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var t="";for(var o in r)s.call(r,o)&&r[o]&&(t=i(t,this&&this[o]||o));return t}function i(r,t){return t?r?r+" "+t:r+t:r}n.exports?(e.default=e,n.exports=e):window.classNames=e})()}(p)),p.exports}var m=_();const h=d(m),y={"purpur-container":"_purpur-container_1t9gx_1","purpur-container--xs":"_purpur-container--xs_1t9gx_13","purpur-container--sm":"_purpur-container--sm_1t9gx_24","purpur-container--md":"_purpur-container--md_1t9gx_39","purpur-container--lg":"_purpur-container--lg_1t9gx_42","purpur-container--xl":"_purpur-container--xl_1t9gx_45","purpur-container--xxl":"_purpur-container--xxl_1t9gx_48"},v=h.bind(y),S={XS:"xs",SM:"sm",MD:"md",LG:"lg",XL:"xl",XXL:"xxl"},b={DIV:"div",SPAN:"span"},a="purpur-container",l=x.forwardRef(({children:n,className:s,width:e="xxl",element:u="div",...i},r)=>{const t=v([s,a,`${a}--${e}`]);return f.jsx(u,{className:t,ref:r,...i,children:n})});l.displayName="Container";exports.Container=l;exports.Element=b;exports.Width=S;
 //# sourceMappingURL=container.cjs.js.map

package/dist/container.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.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, { type ForwardedRef, forwardRef, type ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  element?: \"div\" | \"span\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"xxl\", element: Element = \"div\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n    return (\n      <Element className={classes} ref={ref} {...props}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","Element","props","ref"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,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,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,gbCxEMU,EAAKC,EAAE,KAAKC,CAAM,EASlBC,EAAgB,mBAETC,EAAYC,EAAA,WACvB,CACE,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAQ,MAAO,QAASC,EAAU,MAAO,GAAGC,CAAM,EACzEC,IACG,CACG,MAAApB,EAAUS,EAAG,CAACO,EAAWJ,EAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC,EAC3E,aACGC,EAAQ,CAAA,UAAWlB,EAAS,IAAAoB,EAAW,GAAGD,EACxC,SAAAJ,EACH,CAAA,CAGN,EAEAF,EAAU,YAAc","x_google_ignoreList":[0]}
+{"version":3,"file":"container.cjs.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.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, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const Width = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n  XL: \"xl\",\n  XXL: \"xxl\",\n} as const;\n\nexport type WidthType = (typeof Width)[keyof typeof Width];\n\nexport const Element = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n\nexport type ElementType = (typeof Element)[keyof typeof Element];\n\nexport type ContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  width?: WidthType;\n  element?: ElementType;\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n  ({ children, className, width = \"xxl\", element: Element = \"div\", ...props }, ref) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n    return (\n      <Element className={classes} ref={ref} {...props}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","Width","Element","rootClassName","Container","forwardRef","children","className","width","props","ref","jsx"],"mappings":";;;;iDAOC,UAAY,CAGZ,IAAIA,EAAS,CAAA,EAAG,eAEhB,SAASC,GAAc,CAGtB,QAFIC,EAAU,GAELC,EAAI,EAAGA,EAAI,UAAU,OAAQA,IAAK,CAC1C,IAAIC,EAAM,UAAUD,CAAC,EACjBC,IACHF,EAAUG,EAAYH,EAASI,EAAW,KAAK,KAAMF,CAAG,CAAC,EAE7D,CAEE,OAAOF,CACT,CAEC,SAASI,EAAYF,EAAK,CACzB,GAAI,OAAOA,GAAQ,UAAY,OAAOA,GAAQ,SAC7C,OAAO,MAAQ,KAAKA,CAAG,GAAKA,EAG7B,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,SAAU,EAGtB,IAAIF,EAAU,GAEd,QAASK,KAAOH,EACXJ,EAAO,KAAKI,EAAKG,CAAG,GAAKH,EAAIG,CAAG,IACnCL,EAAUG,EAAYH,EAAS,MAAQ,KAAKK,CAAG,GAAKA,CAAG,GAIzD,OAAOL,CACT,CAEC,SAASG,EAAaG,EAAOC,EAAU,CACtC,OAAKA,EAIDD,EACIA,EAAQ,IAAMC,EAGfD,EAAQC,EAPPD,CAQV,CAEsCE,EAAO,SAC3CT,EAAW,QAAUA,EACrBS,UAAiBT,GAOjB,OAAO,WAAaA,CAEtB,gbCtEMU,EAAKC,EAAE,KAAKC,CAAM,EAEXC,EAAQ,CACnB,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,GAAI,KACJ,IAAK,KACP,EAIaC,EAAU,CACrB,IAAK,MACL,KAAM,MACR,EAUMC,EAAgB,mBAETC,EAAYC,EAAA,WACvB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,MAAAC,EAAQ,MAAO,QAASN,EAAU,MAAO,GAAGO,CAAM,EAAGC,IAAQ,CAC7E,MAAArB,EAAUS,EAAG,CAACS,EAAWJ,EAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC,EAEzE,OAAAG,EAAA,IAACT,EAAA,CAAQ,UAAWb,EAAS,IAAAqB,EAAW,GAAGD,EACxC,SAAAH,EACH,CAAA,CAGN,EAEAF,EAAU,YAAc","x_google_ignoreList":[0]}

package/dist/container.d.ts

@@ -1,15 +1,24 @@
 import { default as React, ReactNode } from 'react';
+import { BaseProps } from '@purpurds/common-types';
 
-export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
-    ["data-testid"]?: string;
-    children: ReactNode;
-    width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-    element?: "div" | "span";
+export declare const Width: {
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly XXL: "xxl";
+};
+export type WidthType = (typeof Width)[keyof typeof Width];
+export declare const Element: {
+    readonly DIV: "div";
+    readonly SPAN: "span";
 };
-export declare const Container: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
-    "data-testid"?: string;
+export type ElementType = (typeof Element)[keyof typeof Element];
+export type ContainerProps = Omit<BaseProps, "children"> & {
     children: ReactNode;
-    width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-    element?: "div" | "span";
-} & React.RefAttributes<HTMLDivElement>>;
+    width?: WidthType;
+    element?: ElementType;
+};
+export declare const Container: React.ForwardRefExoticComponent<Omit<ContainerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=container.d.ts.map

package/dist/container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../src/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM7E,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACjD,OAAO,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,SAAS;oBARF,MAAM;cACd,SAAS;YACX,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK;cACtC,KAAK,GAAG,MAAM;wCAiBzB,CAAC"}
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../src/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAOxD,eAAO,MAAM,KAAK;;;;;;;CAOR,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAEjE,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACzD,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,SAAS,oGASrB,CAAC"}

package/dist/container.es.js

@@ -1,5 +1,5 @@
-import { jsx as f } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 function x(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
@@ -13,15 +13,15 @@ var c;
 function _() {
   return c || (c = 1, function(n) {
     (function() {
-      var u = {}.hasOwnProperty;
+      var s = {}.hasOwnProperty;
       function e() {
         for (var r = "", t = 0; t < arguments.length; t++) {
           var o = arguments[t];
-          o && (r = i(r, s.call(this, o)));
+          o && (r = i(r, u.call(this, o)));
         }
         return r;
       }
-      function s(r) {
+      function u(r) {
         if (typeof r == "string" || typeof r == "number")
           return this && this[r] || r;
         if (typeof r != "object")
@@ -32,7 +32,7 @@ function _() {
           return r.toString();
         var t = "";
         for (var o in r)
-          u.call(r, o) && r[o] && (t = i(t, this && this[o] || o));
+          s.call(r, o) && r[o] && (t = i(t, this && this[o] || o));
         return t;
       }
       function i(r, t) {
@@ -51,14 +51,26 @@ const m = /* @__PURE__ */ x(d), h = {
   "purpur-container--lg": "_purpur-container--lg_1t9gx_42",
   "purpur-container--xl": "_purpur-container--xl_1t9gx_45",
   "purpur-container--xxl": "_purpur-container--xxl_1t9gx_48"
-}, y = m.bind(h), a = "purpur-container", v = l(
-  ({ children: n, className: u, width: e = "xxl", element: s = "div", ...i }, r) => {
-    const t = y([u, a, `${a}--${e}`]);
-    return /* @__PURE__ */ f(s, { className: t, ref: r, ...i, children: n });
+}, v = m.bind(h), g = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+  XL: "xl",
+  XXL: "xxl"
+}, N = {
+  DIV: "div",
+  SPAN: "span"
+}, a = "purpur-container", y = f(
+  ({ children: n, className: s, width: e = "xxl", element: u = "div", ...i }, r) => {
+    const t = v([s, a, `${a}--${e}`]);
+    return /* @__PURE__ */ l(u, { className: t, ref: r, ...i, children: n });
   }
 );
-v.displayName = "Container";
+y.displayName = "Container";
 export {
-  v as Container
+  y as Container,
+  N as Element,
+  g as Width
 };
 //# sourceMappingURL=container.es.js.map

package/dist/container.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.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, { type ForwardedRef, forwardRef, type ReactNode } from \"react\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\nconst cx = c.bind(styles);\n\nexport type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {\n  [\"data-testid\"]?: string;\n  children: ReactNode;\n  width?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  element?: \"div\" | \"span\";\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef(\n  (\n    { children, className, width = \"xxl\", element: Element = \"div\", ...props }: ContainerProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n    return (\n      <Element className={classes} ref={ref} {...props}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","rootClassName","Container","forwardRef","children","className","width","Element","props","ref"],"mappings":";;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCxEMU,IAAKC,EAAE,KAAKC,CAAM,GASlBC,IAAgB,oBAETC,IAAYC;AAAA,EACvB,CACE,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,OAAO,SAASC,IAAU,OAAO,GAAGC,EAAM,GACzEC,MACG;AACG,UAAApB,IAAUS,EAAG,CAACO,GAAWJ,GAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC;AAC3E,6BACGC,GAAQ,EAAA,WAAWlB,GAAS,KAAAoB,GAAW,GAAGD,GACxC,UAAAJ,GACH;AAAA,EAAA;AAGN;AAEAF,EAAU,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"container.es.js","sources":["../../../common/temp/node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/container.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, { forwardRef, type ReactNode } from \"react\";\nimport type { BaseProps } from \"@purpurds/common-types\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./container.module.scss\";\n\nconst cx = c.bind(styles);\n\nexport const Width = {\n  XS: \"xs\",\n  SM: \"sm\",\n  MD: \"md\",\n  LG: \"lg\",\n  XL: \"xl\",\n  XXL: \"xxl\",\n} as const;\n\nexport type WidthType = (typeof Width)[keyof typeof Width];\n\nexport const Element = {\n  DIV: \"div\",\n  SPAN: \"span\",\n} as const;\n\nexport type ElementType = (typeof Element)[keyof typeof Element];\n\nexport type ContainerProps = Omit<BaseProps, \"children\"> & {\n  children: ReactNode;\n  width?: WidthType;\n  element?: ElementType;\n};\n\nconst rootClassName = \"purpur-container\";\n\nexport const Container = forwardRef<HTMLDivElement, ContainerProps>(\n  ({ children, className, width = \"xxl\", element: Element = \"div\", ...props }, ref) => {\n    const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);\n    return (\n      <Element className={classes} ref={ref} {...props}>\n        {children}\n      </Element>\n    );\n  }\n);\n\nContainer.displayName = \"Container\";\n"],"names":["hasOwn","classNames","classes","i","arg","appendClass","parseValue","key","value","newClass","module","cx","c","styles","Width","Element","rootClassName","Container","forwardRef","children","className","width","props","ref","jsx"],"mappings":";;;;;;;;;;;;;;AAOA,KAAC,WAAY;AAGZ,UAAIA,IAAS,CAAA,EAAG;AAEhB,eAASC,IAAc;AAGtB,iBAFIC,IAAU,IAELC,IAAI,GAAGA,IAAI,UAAU,QAAQA,KAAK;AAC1C,cAAIC,IAAM,UAAUD,CAAC;AACrB,UAAIC,MACHF,IAAUG,EAAYH,GAASI,EAAW,KAAK,MAAMF,CAAG,CAAC;AAAA,QAE7D;AAEE,eAAOF;AAAA,MACT;AAEC,eAASI,EAAYF,GAAK;AACzB,YAAI,OAAOA,KAAQ,YAAY,OAAOA,KAAQ;AAC7C,iBAAO,QAAQ,KAAKA,CAAG,KAAKA;AAG7B,YAAI,OAAOA,KAAQ;AAClB,iBAAO;AAGR,YAAI,MAAM,QAAQA,CAAG;AACpB,iBAAOH,EAAW,MAAM,MAAMG,CAAG;AAGlC,YAAIA,EAAI,aAAa,OAAO,UAAU,YAAY,CAACA,EAAI,SAAS,SAAQ,EAAG,SAAS,eAAe;AAClG,iBAAOA,EAAI,SAAU;AAGtB,YAAIF,IAAU;AAEd,iBAASK,KAAOH;AACf,UAAIJ,EAAO,KAAKI,GAAKG,CAAG,KAAKH,EAAIG,CAAG,MACnCL,IAAUG,EAAYH,GAAS,QAAQ,KAAKK,CAAG,KAAKA,CAAG;AAIzD,eAAOL;AAAA,MACT;AAEC,eAASG,EAAaG,GAAOC,GAAU;AACtC,eAAKA,IAIDD,IACIA,IAAQ,MAAMC,IAGfD,IAAQC,IAPPD;AAAA,MAQV;AAEC,MAAqCE,EAAO,WAC3CT,EAAW,UAAUA,GACrBS,YAAiBT,KAOjB,OAAO,aAAaA;AAAA,IAEtB;;;;;;;;;;;;GCtEMU,IAAKC,EAAE,KAAKC,CAAM,GAEXC,IAAQ;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AACP,GAIaC,IAAU;AAAA,EACrB,KAAK;AAAA,EACL,MAAM;AACR,GAUMC,IAAgB,oBAETC,IAAYC;AAAA,EACvB,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,OAAAC,IAAQ,OAAO,SAASN,IAAU,OAAO,GAAGO,EAAM,GAAGC,MAAQ;AAC7E,UAAArB,IAAUS,EAAG,CAACS,GAAWJ,GAAe,GAAGA,CAAa,KAAKK,CAAK,EAAE,CAAC;AAEzE,WAAA,gBAAAG,EAACT,GAAA,EAAQ,WAAWb,GAAS,KAAAqB,GAAW,GAAGD,GACxC,UAAAH,GACH;AAAA,EAAA;AAGN;AAEAF,EAAU,cAAc;","x_google_ignoreList":[0]}

package/dist/metadata.js

@@ -1,6 +1,10 @@
 module.exports = {
   "moduleName": "container",
   "exports": [
+    "Width",
+    "WidthType",
+    "Element",
+    "ElementType",
     "ContainerProps",
     "Container"
   ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@purpurds/container",
-  "version": "7.6.1",
+  "version": "7.8.0",
   "license": "AGPL-3.0-only",
   "main": "./dist/container.cjs.js",
   "types": "./dist/container.d.ts",
@@ -16,24 +16,24 @@
   "source": "src/container.tsx",
   "dependencies": {
     "classnames": "~2.5.0",
-    "@purpurds/tokens": "7.6.1"
+    "@purpurds/common-types": "7.8.0",
+    "@purpurds/tokens": "7.8.0"
   },
   "devDependencies": {
-    "eslint": "9.24.0",
-    "@storybook/blocks": "^8.6.4",
-    "@storybook/react": "^8.6.4",
+    "@storybook/react-vite": "^9.0.18",
     "@testing-library/dom": "~10.4.0",
     "@testing-library/jest-dom": "~6.4.0",
     "@testing-library/react": "~16.2.0",
     "@types/node": "20.12.12",
     "@types/react-dom": "^19.0.4",
     "@types/react": "^19.0.10",
+    "eslint": "9.24.0",
     "jsdom": "~22.1.0",
     "lint-staged": "15.5.0",
     "prettier": "~2.8.8",
     "react-dom": "^19.0.0",
     "react": "^19.0.0",
-    "storybook": "^8.6.4",
+    "storybook": "^9.0.18",
     "typescript": "^5.6.3",
     "vite": "^6.2.1",
     "vitest": "^3.1.2",

package/src/container.stories.tsx

@@ -1,7 +1,7 @@
 import React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
+import type { Meta, StoryObj } from "@storybook/react-vite";
 
-import { Container } from "./container";
+import { Container, Element, Width } from "./container";
 
 const meta = {
   title: "Layout and Structure/Container",
@@ -21,16 +21,26 @@ const meta = {
   },
   argTypes: {
     width: {
-      control: {
-        type: "select",
-        options: ["xs", "sm", "md", "lg", "xl", "xxl"],
+      control: { type: "select" },
+      options: Object.values(Width),
+      table: {
+        type: {
+          summary: Object.values(Width)
+            .map((x) => `"${x}"`)
+            .join(" | "),
+        },
       },
       description: "Sets the width of the container.",
     },
     element: {
-      control: {
-        type: "select",
-        options: ["div", "span"],
+      control: { type: "select" },
+      options: Object.values(Element),
+      table: {
+        type: {
+          summary: Object.values(Element)
+            .map((x) => `"${x}"`)
+            .join(" | "),
+        },
       },
       description: "Sets the HTML element used for the container.",
     },

package/src/container.tsx

@@ -1,23 +1,39 @@
-import React, { type ForwardedRef, forwardRef, type ReactNode } from "react";
+import React, { forwardRef, type ReactNode } from "react";
+import type { BaseProps } from "@purpurds/common-types";
 import c from "classnames/bind";
 
 import styles from "./container.module.scss";
+
 const cx = c.bind(styles);
 
-export type ContainerProps = React.HTMLAttributes<HTMLDivElement> & {
-  ["data-testid"]?: string;
+export const Width = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+  XL: "xl",
+  XXL: "xxl",
+} as const;
+
+export type WidthType = (typeof Width)[keyof typeof Width];
+
+export const Element = {
+  DIV: "div",
+  SPAN: "span",
+} as const;
+
+export type ElementType = (typeof Element)[keyof typeof Element];
+
+export type ContainerProps = Omit<BaseProps, "children"> & {
   children: ReactNode;
-  width?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl";
-  element?: "div" | "span";
+  width?: WidthType;
+  element?: ElementType;
 };
 
 const rootClassName = "purpur-container";
 
-export const Container = forwardRef(
-  (
-    { children, className, width = "xxl", element: Element = "div", ...props }: ContainerProps,
-    ref: ForwardedRef<HTMLDivElement>
-  ) => {
+export const Container = forwardRef<HTMLDivElement, ContainerProps>(
+  ({ children, className, width = "xxl", element: Element = "div", ...props }, ref) => {
     const classes = cx([className, rootClassName, `${rootClassName}--${width}`]);
     return (
       <Element className={classes} ref={ref} {...props}>