@sudobility/components 5.0.38 → 5.0.39

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.
Files changed (3) hide show
  1. package/dist/index.js +82 -98
  2. package/dist/layout/MasterDetailLayout.d.ts.map +1 -1
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -17255,11 +17255,11 @@ const $0 = ({
17255
17255
  } : { width: "100%", maxWidth: "100%" }, W = x ? `${S ? "opacity-0 transform translate-y-2" : "opacity-100 transform translate-y-0"}` : "", V = x ? {
17256
17256
  transition: `opacity ${N}ms ease-in-out, transform ${N}ms ease-in-out`
17257
17257
  } : {};
17258
- return /* @__PURE__ */ h(O, { children: [
17258
+ return /* @__PURE__ */ h("div", { className: "flex-1 min-h-0 flex flex-col", children: [
17259
17259
  /* @__PURE__ */ a(
17260
17260
  "div",
17261
17261
  {
17262
- className: `md:hidden ${l === "navigation" ? "block" : "hidden"} flex-1`,
17262
+ className: `md:hidden ${l === "navigation" ? "block" : "hidden"} flex-1 overflow-y-auto`,
17263
17263
  children: /* @__PURE__ */ h(
17264
17264
  "div",
17265
17265
  {
@@ -17275,108 +17275,92 @@ const $0 = ({
17275
17275
  )
17276
17276
  }
17277
17277
  ),
17278
- /* @__PURE__ */ h("div", { className: `${w} py-8 md:py-0 md:flex-1 md:min-h-0`, children: [
17279
- /* @__PURE__ */ h(
17280
- "div",
17281
- {
17282
- className: `md:hidden ${l === "content" ? "block" : "hidden"}`,
17283
- children: [
17284
- l === "content" && i && /* @__PURE__ */ h(
17285
- "button",
17286
- {
17287
- onClick: i,
17288
- className: "mb-4 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors",
17289
- children: [
17290
- "← ",
17291
- E
17292
- ]
17293
- }
17294
- ),
17295
- /* @__PURE__ */ a(
17296
- "div",
17297
- {
17298
- ref: z,
17299
- className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-hidden ${c}`,
17300
- style: R,
17301
- children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
17302
- s && /* @__PURE__ */ a(
17303
- "h1",
17304
- {
17305
- className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
17306
- children: s
17307
- }
17308
- ),
17309
- o
17310
- ] })
17311
- }
17312
- )
17313
- ]
17314
- }
17315
- ),
17316
- /* @__PURE__ */ h(
17317
- "div",
17318
- {
17319
- className: `hidden md:flex h-full ${k}`,
17320
- style: { width: "100%" },
17321
- children: [
17322
- /* @__PURE__ */ a(
17323
- "aside",
17324
- {
17325
- className: "flex-shrink-0",
17326
- style: { width: `${m}px`, minWidth: `${m}px` },
17327
- children: /* @__PURE__ */ h(
17328
- "div",
17278
+ /* @__PURE__ */ h(
17279
+ "div",
17280
+ {
17281
+ className: `md:hidden ${l === "content" ? "flex flex-col flex-1 min-h-0" : "hidden"} ${w} py-8`,
17282
+ children: [
17283
+ l === "content" && i && /* @__PURE__ */ h(
17284
+ "button",
17285
+ {
17286
+ onClick: i,
17287
+ className: "mb-4 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors flex-shrink-0",
17288
+ children: [
17289
+ "← ",
17290
+ E
17291
+ ]
17292
+ }
17293
+ ),
17294
+ /* @__PURE__ */ a(
17295
+ "div",
17296
+ {
17297
+ ref: z,
17298
+ className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${c}`,
17299
+ style: R,
17300
+ children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
17301
+ s && /* @__PURE__ */ a(
17302
+ "h1",
17329
17303
  {
17330
- className: y ? "sticky" : "",
17331
- style: y ? { top: `${b}px` } : void 0,
17332
- children: [
17333
- t && /* @__PURE__ */ a("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-4", children: t }),
17334
- e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6 break-all", children: e }),
17335
- /* @__PURE__ */ a(
17336
- "div",
17337
- {
17338
- className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4 ${y ? "max-h-[calc(100vh-200px)] overflow-y-auto" : ""} ${d}`,
17339
- children: n
17340
- }
17341
- )
17342
- ]
17304
+ className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
17305
+ children: s
17343
17306
  }
17344
- )
17345
- }
17346
- ),
17347
- /* @__PURE__ */ a(
17348
- "div",
17349
- {
17350
- className: "flex-1 min-w-0",
17351
- style: { width: `calc(100% - ${m + f}px)` },
17352
- children: /* @__PURE__ */ a(
17307
+ ),
17308
+ o
17309
+ ] })
17310
+ }
17311
+ )
17312
+ ]
17313
+ }
17314
+ ),
17315
+ /* @__PURE__ */ h(
17316
+ "div",
17317
+ {
17318
+ className: `hidden md:flex flex-1 min-h-0 ${k}`,
17319
+ style: { width: "100%" },
17320
+ children: [
17321
+ /* @__PURE__ */ h(
17322
+ "aside",
17323
+ {
17324
+ className: `flex-shrink-0 flex flex-col min-h-0${y ? " sticky" : ""}`,
17325
+ style: {
17326
+ width: `${m}px`,
17327
+ minWidth: `${m}px`,
17328
+ ...y ? { top: `${b}px` } : {}
17329
+ },
17330
+ children: [
17331
+ t && /* @__PURE__ */ a("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-4 flex-shrink-0", children: t }),
17332
+ e && /* @__PURE__ */ a("p", { className: "text-sm text-gray-600 dark:text-gray-400 mb-6 break-all flex-shrink-0", children: e }),
17333
+ /* @__PURE__ */ a(
17353
17334
  "div",
17354
17335
  {
17355
- ref: z,
17356
- className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 overflow-y-auto ${y ? "max-h-[calc(100vh-200px)] sticky" : ""} ${c}`,
17357
- style: {
17358
- ...R,
17359
- ...y ? { top: `${b}px` } : {}
17360
- },
17361
- children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
17362
- s && /* @__PURE__ */ a(
17363
- "h1",
17364
- {
17365
- className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
17366
- children: s
17367
- }
17368
- ),
17369
- o
17370
- ] })
17336
+ className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4 flex-1 min-h-0 overflow-y-auto ${d}`,
17337
+ children: n
17371
17338
  }
17372
17339
  )
17373
- }
17374
- )
17375
- ]
17376
- }
17377
- ),
17378
- /* @__PURE__ */ a("div", { className: "h-8" })
17379
- ] })
17340
+ ]
17341
+ }
17342
+ ),
17343
+ /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 flex flex-col min-h-0", children: /* @__PURE__ */ a(
17344
+ "div",
17345
+ {
17346
+ ref: z,
17347
+ className: `bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-8 flex-1 min-h-0 overflow-y-auto ${c}`,
17348
+ style: R,
17349
+ children: /* @__PURE__ */ h("div", { className: W, style: V, children: [
17350
+ s && /* @__PURE__ */ a(
17351
+ "h1",
17352
+ {
17353
+ className: `text-4xl font-bold text-gray-900 dark:text-white mb-6 ${g}`,
17354
+ children: s
17355
+ }
17356
+ ),
17357
+ o
17358
+ ] })
17359
+ }
17360
+ ) })
17361
+ ]
17362
+ }
17363
+ )
17380
17364
  ] });
17381
17365
  }, G0 = ({
17382
17366
  children: t,
package/dist/layout/MasterDetailLayout.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../../src/layout/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGtE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsDxD,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,UAAU,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACpC,iBAAiB,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KAC1D,GAAG,IAAI,CAAC,CAAC;CACX;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmQhE,CAAC"}
1
+ {"version":3,"file":"MasterDetailLayout.d.ts","sourceRoot":"","sources":["../../src/layout/MasterDetailLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGtE;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,8CAA8C;IAC9C,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACnD,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsDxD,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uFAAuF;IACvF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qFAAqF;IACrF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,aAAa,EAAE,SAAS,CAAC;IACzB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oFAAoF;IACpF,UAAU,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;IACtC,sEAAsE;IACtE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8CAA8C;IAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4DAA4D;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kEAAkE;IAClE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4EAA4E;IAC5E,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC;QACpC,iBAAiB,EAAE,CAAC,eAAe,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;KAC1D,GAAG,IAAI,CAAC,CAAC;CACX;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmPhE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sudobility/components",
3
- "version": "5.0.38",
3
+ "version": "5.0.39",
4
4
  "description": "Reusable UI components and design system - Reorganized for better maintainability",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",