wimui 0.2.0 → 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,background:o=`primary`,...s},c)=>(0,i.jsx)(`footer`,{ref:c,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,o&&t.default[`bg-${o}`],e),"data-bordered":a,...s,children:(0,i.jsx)(`div`,{className:t.default.container,children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`primary`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
@@ -2,6 +2,8 @@ import { default as React } from 'react';
2
2
  export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
3
3
  /** Border at the top */
4
4
  bordered?: boolean;
5
+ /** Expand content to full width (disable the centered max-width container) */
6
+ fluid?: boolean;
5
7
  /** Background color */
6
8
  background?: "primary" | "secondary" | "dark";
7
9
  }
@@ -4,13 +4,13 @@ import t from "react";
4
4
  import n from "classnames";
5
5
  import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
6
  //#region src/components/layout/Footer/Footer.tsx
7
- var a = t.forwardRef(({ className: t, children: i, bordered: a, background: o = "primary", ...s }, c) => /* @__PURE__ */ r("footer", {
8
- ref: c,
9
- className: n("wim-footer", e.root, a && e.bordered, o && e[`bg-${o}`], t),
7
+ var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, background: s = "primary", ...c }, l) => /* @__PURE__ */ r("footer", {
8
+ ref: l,
9
+ className: n("wim-footer", e.root, a && e.bordered, s && e[`bg-${s}`], t),
10
10
  "data-bordered": a,
11
- ...s,
11
+ ...c,
12
12
  children: /* @__PURE__ */ r("div", {
13
- className: e.container,
13
+ className: n(e.container, o && e.fluid),
14
14
  children: i
15
15
  })
16
16
  }));
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_root_1tbx5_3`,t=`_sectionTitle_1tbx5_20`,n=`_bottom_1tbx5_23`,r=`_sectionContent_1tbx5_27`,i=`_bordered_1tbx5_30`,a=`_container_1tbx5_34`,o=`_section_1tbx5_20`,s={root:e,"bg-primary":`_bg-primary_1tbx5_8`,"bg-secondary":`_bg-secondary_1tbx5_12`,"bg-dark":`_bg-dark_1tbx5_16`,sectionTitle:t,bottom:n,sectionContent:r,bordered:i,container:a,section:o};exports.bordered=i,exports.bottom=n,exports.container=a,exports.default=s,exports.root=e,exports.section=o,exports.sectionContent=r,exports.sectionTitle=t;
2
+ var e=`_root_wcwtw_3`,t=`_sectionTitle_wcwtw_20`,n=`_bottom_wcwtw_23`,r=`_sectionContent_wcwtw_27`,i=`_bordered_wcwtw_30`,a=`_container_wcwtw_34`,o=`_fluid_wcwtw_43`,s=`_section_wcwtw_20`,c={root:e,"bg-primary":`_bg-primary_wcwtw_8`,"bg-secondary":`_bg-secondary_wcwtw_12`,"bg-dark":`_bg-dark_wcwtw_16`,sectionTitle:t,bottom:n,sectionContent:r,bordered:i,container:a,fluid:o,section:s};exports.bordered=i,exports.bottom=n,exports.container=a,exports.default=c,exports.fluid=o,exports.root=e,exports.section=s,exports.sectionContent=r,exports.sectionTitle=t;
@@ -1,16 +1,17 @@
1
1
  "use client";
2
2
  //#region src/components/layout/Footer/footer.module.scss
3
- var e = "_root_1tbx5_3", t = "_sectionTitle_1tbx5_20", n = "_bottom_1tbx5_23", r = "_sectionContent_1tbx5_27", i = "_bordered_1tbx5_30", a = "_container_1tbx5_34", o = "_section_1tbx5_20", s = {
3
+ var e = "_root_wcwtw_3", t = "_sectionTitle_wcwtw_20", n = "_bottom_wcwtw_23", r = "_sectionContent_wcwtw_27", i = "_bordered_wcwtw_30", a = "_container_wcwtw_34", o = "_fluid_wcwtw_43", s = "_section_wcwtw_20", c = {
4
4
  root: e,
5
- "bg-primary": "_bg-primary_1tbx5_8",
6
- "bg-secondary": "_bg-secondary_1tbx5_12",
7
- "bg-dark": "_bg-dark_1tbx5_16",
5
+ "bg-primary": "_bg-primary_wcwtw_8",
6
+ "bg-secondary": "_bg-secondary_wcwtw_12",
7
+ "bg-dark": "_bg-dark_wcwtw_16",
8
8
  sectionTitle: t,
9
9
  bottom: n,
10
10
  sectionContent: r,
11
11
  bordered: i,
12
12
  container: a,
13
- section: o
13
+ fluid: o,
14
+ section: s
14
15
  };
15
16
  //#endregion
16
- export { i as bordered, n as bottom, a as container, s as default, e as root, o as section, r as sectionContent, t as sectionTitle };
17
+ export { i as bordered, n as bottom, a as container, c as default, o as fluid, e as root, s as section, r as sectionContent, t as sectionTitle };
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./header.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,sticky:o,bordered:s,glass:c,background:l=`primary`,...u},d)=>(0,i.jsx)(`header`,{ref:d,className:(0,r.default)(`wim-header`,t.default.root,a&&t.default.fixed,o&&t.default.sticky,s&&t.default.bordered,c&&t.default.glass,l&&t.default[`bg-${l}`],e),"data-fixed":a,"data-sticky":o,"data-bordered":s,...u,children:(0,i.jsx)(`div`,{className:t.default.container,children:n})}));a.displayName=`Header`;var o=n.default.forwardRef(({className:e,children:n,align:a=`start`,...o},s)=>(0,i.jsx)(`div`,{ref:s,className:(0,r.default)(t.default.section,a&&t.default[a],e),...o,children:n}));o.displayName=`Header.Section`;var s=Object.assign(a,{Section:o});exports.Header=s,exports.default=s,exports.HeaderSection=o;
2
+ const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./header.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,fixed:a,sticky:o,bordered:s,glass:c,fluid:l,background:u=`primary`,...d},f)=>(0,i.jsx)(`header`,{ref:f,className:(0,r.default)(`wim-header`,t.default.root,a&&t.default.fixed,o&&t.default.sticky,s&&t.default.bordered,c&&t.default.glass,u&&t.default[`bg-${u}`],e),"data-fixed":a,"data-sticky":o,"data-bordered":s,...d,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,l&&t.default.fluid),children:n})}));a.displayName=`Header`;var o=n.default.forwardRef(({className:e,children:n,align:a=`start`,...o},s)=>(0,i.jsx)(`div`,{ref:s,className:(0,r.default)(t.default.section,a&&t.default[a],e),...o,children:n}));o.displayName=`Header.Section`;var s=Object.assign(a,{Section:o});exports.Header=s,exports.default=s,exports.HeaderSection=o;
@@ -8,6 +8,8 @@ export interface HeaderProps extends React.ComponentPropsWithoutRef<"header"> {
8
8
  bordered?: boolean;
9
9
  /** Glassmorphism effect */
10
10
  glass?: boolean;
11
+ /** Expand content to full width (disable the centered max-width container) */
12
+ fluid?: boolean;
11
13
  /** Background color */
12
14
  background?: "primary" | "secondary" | "transparent";
13
15
  }
@@ -4,15 +4,15 @@ import t from "react";
4
4
  import n from "classnames";
5
5
  import { jsx as r } from "react/jsx-runtime";
6
6
  //#region src/components/layout/Header/Header.tsx
7
- var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, background: l = "primary", ...u }, d) => /* @__PURE__ */ r("header", {
8
- ref: d,
9
- className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, l && e[`bg-${l}`], t),
7
+ var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, fluid: l, background: u = "primary", ...d }, f) => /* @__PURE__ */ r("header", {
8
+ ref: f,
9
+ className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, u && e[`bg-${u}`], t),
10
10
  "data-fixed": a,
11
11
  "data-sticky": o,
12
12
  "data-bordered": s,
13
- ...u,
13
+ ...d,
14
14
  children: /* @__PURE__ */ r("div", {
15
- className: e.container,
15
+ className: n(e.container, l && e.fluid),
16
16
  children: i
17
17
  })
18
18
  }));
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- var e=`_root_170gz_2`,t=`_fixed_170gz_8`,n=`_sticky_170gz_14`,r=`_bordered_170gz_19`,i=`_glass_170gz_22`,a=`_container_170gz_37`,o=`_section_170gz_47`,s=`_start_170gz_52`,c=`_center_170gz_55`,l=`_end_170gz_58`,u={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-primary":`_bg-primary_170gz_27`,"bg-secondary":`_bg-secondary_170gz_30`,"bg-transparent":`_bg-transparent_170gz_33`,container:a,section:o,start:s,center:c,end:l};exports.bordered=r,exports.center=c,exports.container=a,exports.default=u,exports.end=l,exports.fixed=t,exports.glass=i,exports.root=e,exports.section=o,exports.start=s,exports.sticky=n;
2
+ var e=`_root_ms3cg_2`,t=`_fixed_ms3cg_8`,n=`_sticky_ms3cg_14`,r=`_bordered_ms3cg_19`,i=`_glass_ms3cg_22`,a=`_container_ms3cg_37`,o=`_fluid_ms3cg_47`,s=`_section_ms3cg_51`,c=`_start_ms3cg_56`,l=`_center_ms3cg_59`,u=`_end_ms3cg_62`,d={root:e,fixed:t,sticky:n,bordered:r,glass:i,"bg-primary":`_bg-primary_ms3cg_27`,"bg-secondary":`_bg-secondary_ms3cg_30`,"bg-transparent":`_bg-transparent_ms3cg_33`,container:a,fluid:o,section:s,start:c,center:l,end:u};exports.bordered=r,exports.center=l,exports.container=a,exports.default=d,exports.end=u,exports.fixed=t,exports.fluid=o,exports.glass=i,exports.root=e,exports.section=s,exports.start=c,exports.sticky=n;
@@ -1,19 +1,20 @@
1
1
  "use client";
2
2
  //#region src/components/layout/Header/header.module.scss
3
- var e = "_root_170gz_2", t = "_fixed_170gz_8", n = "_sticky_170gz_14", r = "_bordered_170gz_19", i = "_glass_170gz_22", a = "_container_170gz_37", o = "_section_170gz_47", s = "_start_170gz_52", c = "_center_170gz_55", l = "_end_170gz_58", u = {
3
+ var e = "_root_ms3cg_2", t = "_fixed_ms3cg_8", n = "_sticky_ms3cg_14", r = "_bordered_ms3cg_19", i = "_glass_ms3cg_22", a = "_container_ms3cg_37", o = "_fluid_ms3cg_47", s = "_section_ms3cg_51", c = "_start_ms3cg_56", l = "_center_ms3cg_59", u = "_end_ms3cg_62", d = {
4
4
  root: e,
5
5
  fixed: t,
6
6
  sticky: n,
7
7
  bordered: r,
8
8
  glass: i,
9
- "bg-primary": "_bg-primary_170gz_27",
10
- "bg-secondary": "_bg-secondary_170gz_30",
11
- "bg-transparent": "_bg-transparent_170gz_33",
9
+ "bg-primary": "_bg-primary_ms3cg_27",
10
+ "bg-secondary": "_bg-secondary_ms3cg_30",
11
+ "bg-transparent": "_bg-transparent_ms3cg_33",
12
12
  container: a,
13
- section: o,
14
- start: s,
15
- center: c,
16
- end: l
13
+ fluid: o,
14
+ section: s,
15
+ start: c,
16
+ center: l,
17
+ end: u
17
18
  };
18
19
  //#endregion
19
- export { r as bordered, c as center, a as container, u as default, l as end, t as fixed, i as glass, e as root, o as section, s as start, n as sticky };
20
+ export { r as bordered, l as center, a as container, d as default, u as end, t as fixed, o as fluid, i as glass, e as root, s as section, c as start, n as sticky };