wimui 0.1.0 → 0.3.0

package/README.ja.md

@@ -2,6 +2,8 @@
 
 **日本語** · [English](./README.md)
 
+[![npm version](https://img.shields.io/npm/v/wimui.svg)](https://www.npmjs.com/package/wimui) [![license](https://img.shields.io/npm/l/wimui.svg)](./LICENSE)
+
 React コンポーネントライブラリ。200+ のコンポーネントを収録し、デザイントークン・ダークモード・多言語化（en / ja / pt＝ポルトガル語・ブラジル）・WAI-ARIA 準拠のアクセシビリティを備えています。
 
 - ドキュメント（Storybook）: https://takeshisakuma.github.io/wimui/

package/README.md

@@ -2,6 +2,8 @@
 
 [English](./README.md) · [日本語](./README.ja.md)
 
+[![npm version](https://img.shields.io/npm/v/wimui.svg)](https://www.npmjs.com/package/wimui) [![license](https://img.shields.io/npm/l/wimui.svg)](./LICENSE)
+
 A React component library with 200+ components, design tokens, dark mode, internationalization (en / ja / pt-BR), and WAI-ARIA compliant accessibility.
 
 - Documentation (Storybook): https://takeshisakuma.github.io/wimui/

package/dist/components/layout/Footer/Footer.cjs

@@ -1,2 +1,2 @@
 "use client";
-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;
+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;

package/dist/components/layout/Footer/Footer.d.ts

@@ -2,6 +2,8 @@ import { default as React } from 'react';
 export interface FooterProps extends React.ComponentPropsWithoutRef<"footer"> {
     /** Border at the top */
     bordered?: boolean;
+    /** Expand content to full width (disable the centered max-width container) */
+    fluid?: boolean;
     /** Background color */
     background?: "primary" | "secondary" | "dark";
 }

package/dist/components/layout/Footer/Footer.js

@@ -4,13 +4,13 @@ import t from "react";
 import n from "classnames";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/layout/Footer/Footer.tsx
-var a = t.forwardRef(({ className: t, children: i, bordered: a, background: o = "primary", ...s }, c) => /* @__PURE__ */ r("footer", {
-	ref: c,
-	className: n("wim-footer", e.root, a && e.bordered, o && e[`bg-${o}`], t),
+var a = t.forwardRef(({ className: t, children: i, bordered: a, fluid: o, background: s = "primary", ...c }, l) => /* @__PURE__ */ r("footer", {
+	ref: l,
+	className: n("wim-footer", e.root, a && e.bordered, s && e[`bg-${s}`], t),
 	"data-bordered": a,
-	...s,
+	...c,
 	children: /* @__PURE__ */ r("div", {
-		className: e.container,
+		className: n(e.container, o && e.fluid),
 		children: i
 	})
 }));

package/dist/components/layout/Footer/footer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-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;
+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;

package/dist/components/layout/Footer/footer.module.js

@@ -1,16 +1,17 @@
 "use client";
 //#region src/components/layout/Footer/footer.module.scss
-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 = {
+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_1tbx5_8",
-	"bg-secondary": "_bg-secondary_1tbx5_12",
-	"bg-dark": "_bg-dark_1tbx5_16",
+	"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,
-	section: o
+	fluid: o,
+	section: s
 };
 //#endregion
-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 };
+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 };

package/dist/components/layout/Header/Header.cjs

@@ -1,2 +1,2 @@
 "use client";
-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;
+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;

package/dist/components/layout/Header/Header.d.ts

@@ -8,6 +8,8 @@ export interface HeaderProps extends React.ComponentPropsWithoutRef<"header"> {
     bordered?: boolean;
     /** Glassmorphism effect */
     glass?: boolean;
+    /** Expand content to full width (disable the centered max-width container) */
+    fluid?: boolean;
     /** Background color */
     background?: "primary" | "secondary" | "transparent";
 }

package/dist/components/layout/Header/Header.js

@@ -4,15 +4,15 @@ import t from "react";
 import n from "classnames";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/layout/Header/Header.tsx
-var i = t.forwardRef(({ className: t, children: i, fixed: a, sticky: o, bordered: s, glass: c, background: l = "primary", ...u }, d) => /* @__PURE__ */ r("header", {
-	ref: d,
-	className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, l && e[`bg-${l}`], t),
+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", {
+	ref: f,
+	className: n("wim-header", e.root, a && e.fixed, o && e.sticky, s && e.bordered, c && e.glass, u && e[`bg-${u}`], t),
 	"data-fixed": a,
 	"data-sticky": o,
 	"data-bordered": s,
-	...u,
+	...d,
 	children: /* @__PURE__ */ r("div", {
-		className: e.container,
+		className: n(e.container, l && e.fluid),
 		children: i
 	})
 }));

package/dist/components/layout/Header/header.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-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;
+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;

package/dist/components/layout/Header/header.module.js

@@ -1,19 +1,20 @@
 "use client";
 //#region src/components/layout/Header/header.module.scss
-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 = {
+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_170gz_27",
-	"bg-secondary": "_bg-secondary_170gz_30",
-	"bg-transparent": "_bg-transparent_170gz_33",
+	"bg-primary": "_bg-primary_ms3cg_27",
+	"bg-secondary": "_bg-secondary_ms3cg_30",
+	"bg-transparent": "_bg-transparent_ms3cg_33",
 	container: a,
-	section: o,
-	start: s,
-	center: c,
-	end: l
+	fluid: o,
+	section: s,
+	start: c,
+	center: l,
+	end: u
 };
 //#endregion
-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 };
+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 };

package/dist/components/layout/Sidebar/sidebar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_overlay_fzhwx_3`,t=`_root_fzhwx_11`,n=`_fixed_fzhwx_19`,r=`_collapsed_fzhwx_26`,i=`_itemText_fzhwx_29`,a=`_bordered_fzhwx_32`,o=`_responsive_fzhwx_36`,s=`_container_fzhwx_48`,c=`_header_fzhwx_54`,l=`_content_fzhwx_59`,u=`_footer_fzhwx_65`,d=`_item_fzhwx_29`,f=`_active_fzhwx_81`,p=`_disabled_fzhwx_86`,m=`_itemIcon_fzhwx_93`,h={overlay:e,root:t,fixed:n,collapsed:r,itemText:i,bordered:a,responsive:o,"mobile-open":`_mobile-open_fzhwx_43`,container:s,header:c,content:l,footer:u,item:d,active:f,disabled:p,itemIcon:m};exports.active=f,exports.bordered=a,exports.collapsed=r,exports.container=s,exports.content=l,exports.default=h,exports.disabled=p,exports.fixed=n,exports.footer=u,exports.header=c,exports.item=d,exports.itemIcon=m,exports.itemText=i,exports.overlay=e,exports.responsive=o,exports.root=t;
+var e=`_overlay_16vm5_3`,t=`_root_16vm5_11`,n=`_fixed_16vm5_19`,r=`_collapsed_16vm5_26`,i=`_itemText_16vm5_29`,a=`_header_16vm5_35`,o=`_footer_16vm5_36`,s=`_item_16vm5_29`,c=`_itemIcon_16vm5_43`,l=`_bordered_16vm5_46`,u=`_responsive_16vm5_50`,d=`_container_16vm5_62`,f=`_content_16vm5_73`,p=`_active_16vm5_95`,m=`_disabled_16vm5_100`,h={overlay:e,root:t,fixed:n,collapsed:r,itemText:i,header:a,footer:o,item:s,itemIcon:c,bordered:l,responsive:u,"mobile-open":`_mobile-open_16vm5_57`,container:d,content:f,active:p,disabled:m};exports.active=p,exports.bordered=l,exports.collapsed=r,exports.container=d,exports.content=f,exports.default=h,exports.disabled=m,exports.fixed=n,exports.footer=o,exports.header=a,exports.item=s,exports.itemIcon=c,exports.itemText=i,exports.overlay=e,exports.responsive=u,exports.root=t;

package/dist/components/layout/Sidebar/sidebar.module.js

@@ -1,22 +1,22 @@
 "use client";
 //#region src/components/layout/Sidebar/sidebar.module.scss
-var e = "_overlay_fzhwx_3", t = "_root_fzhwx_11", n = "_fixed_fzhwx_19", r = "_collapsed_fzhwx_26", i = "_itemText_fzhwx_29", a = "_bordered_fzhwx_32", o = "_responsive_fzhwx_36", s = "_container_fzhwx_48", c = "_header_fzhwx_54", l = "_content_fzhwx_59", u = "_footer_fzhwx_65", d = "_item_fzhwx_29", f = "_active_fzhwx_81", p = "_disabled_fzhwx_86", m = "_itemIcon_fzhwx_93", h = {
+var e = "_overlay_16vm5_3", t = "_root_16vm5_11", n = "_fixed_16vm5_19", r = "_collapsed_16vm5_26", i = "_itemText_16vm5_29", a = "_header_16vm5_35", o = "_footer_16vm5_36", s = "_item_16vm5_29", c = "_itemIcon_16vm5_43", l = "_bordered_16vm5_46", u = "_responsive_16vm5_50", d = "_container_16vm5_62", f = "_content_16vm5_73", p = "_active_16vm5_95", m = "_disabled_16vm5_100", h = {
 	overlay: e,
 	root: t,
 	fixed: n,
 	collapsed: r,
 	itemText: i,
-	bordered: a,
-	responsive: o,
-	"mobile-open": "_mobile-open_fzhwx_43",
-	container: s,
-	header: c,
-	content: l,
-	footer: u,
-	item: d,
-	active: f,
-	disabled: p,
-	itemIcon: m
+	header: a,
+	footer: o,
+	item: s,
+	itemIcon: c,
+	bordered: l,
+	responsive: u,
+	"mobile-open": "_mobile-open_16vm5_57",
+	container: d,
+	content: f,
+	active: p,
+	disabled: m
 };
 //#endregion
-export { f as active, a as bordered, r as collapsed, s as container, l as content, h as default, p as disabled, n as fixed, u as footer, c as header, d as item, m as itemIcon, i as itemText, e as overlay, o as responsive, t as root };
+export { p as active, l as bordered, r as collapsed, d as container, f as content, h as default, m as disabled, n as fixed, o as footer, a as header, s as item, c as itemIcon, i as itemText, e as overlay, u as responsive, t as root };