@mhmo91/schmancy 0.4.21 → 0.4.23

package/ai/context.md

@@ -105,6 +105,29 @@ export const loadingContext = createContext<boolean>(
 
 ## Using Contexts in Components
 
+### @select Decorator Behavior
+
+The `@select` decorator has specific behavior regarding `null` and `undefined` values:
+
+- **`null` is a valid value** - Components will render when the selected value is `null`
+- **`undefined` means "not ready"** - Components wait for a defined value before rendering
+- **`required: true` (default)** - Component waits for any value (including `null`) before initial render
+- **`required: false`** - Component renders immediately, even if value is `undefined`
+
+```typescript
+// This will render even when user is null
+@select(userContext, state => state?.user)
+user!: AuthUser | null
+
+// This will wait for a non-undefined value
+@select(userContext, state => state?.user, { required: true })
+user!: AuthUser | null
+
+// This renders immediately, even with undefined
+@select(userContext, state => state?.user, { required: false })
+user: AuthUser | null | undefined
+```
+
 ### Basic Component Integration
 
 ```typescript
@@ -121,9 +144,9 @@ export class MyComponent extends $LitElement() {
   @select(productsContext, products => Array.from(products.values()))
   productsList!: Product[]
   
-  // Required context (throws if undefined)
+  // Required context (waits for value before rendering, null is allowed)
   @select(configContext, config => config, { required: true })
-  config!: AppConfig
+  config!: AppConfig | null
   
   render() {
     return html`

package/ai/store.md

@@ -2,7 +2,7 @@
 
 ```js
 // Store Creation
-import { createStore } from 'schmancy/store';
+import { createStore } from '@mhmo91/schmancy';
 
 // Basic store creation
 const store = createStore({
@@ -24,7 +24,7 @@ const counterStore = createStore({
 });
 
 // Store Context Creation
-import { createContext, createCollectionContext } from 'schmancy/store';
+import { createContext, createCollectionContext } from '@mhmo91/schmancy';
 
 // Object/array/collection contexts
 const settingsContext = createContext(store, 'settings');           // Object
@@ -46,7 +46,7 @@ todoCollection.update('1', item => { item.completed = true; });     // Collectio
 todoCollection.remove('1');                                         // Collection remove
 
 // Selectors
-import { createSelector, useSelector } from 'schmancy/store';
+import { createSelector, useSelector } from '@mhmo91/schmancy';
 
 // Basic and computed selectors
 const getCount = state => state.count;
@@ -78,7 +78,7 @@ const themeStore = createStore({
 });
 
 // LocalStorage persistence
-import { StorageManager } from 'schmancy/store';
+import { StorageManager } from '@mhmo91/schmancy';
 new StorageManager({
   key: 'theme-store',
   storage: localStorage

package/dist/ai/context.md

@@ -105,6 +105,29 @@ export const loadingContext = createContext<boolean>(
 
 ## Using Contexts in Components
 
+### @select Decorator Behavior
+
+The `@select` decorator has specific behavior regarding `null` and `undefined` values:
+
+- **`null` is a valid value** - Components will render when the selected value is `null`
+- **`undefined` means "not ready"** - Components wait for a defined value before rendering
+- **`required: true` (default)** - Component waits for any value (including `null`) before initial render
+- **`required: false`** - Component renders immediately, even if value is `undefined`
+
+```typescript
+// This will render even when user is null
+@select(userContext, state => state?.user)
+user!: AuthUser | null
+
+// This will wait for a non-undefined value
+@select(userContext, state => state?.user, { required: true })
+user!: AuthUser | null
+
+// This renders immediately, even with undefined
+@select(userContext, state => state?.user, { required: false })
+user: AuthUser | null | undefined
+```
+
 ### Basic Component Integration
 
 ```typescript
@@ -121,9 +144,9 @@ export class MyComponent extends $LitElement() {
   @select(productsContext, products => Array.from(products.values()))
   productsList!: Product[]
   
-  // Required context (throws if undefined)
+  // Required context (waits for value before rendering, null is allowed)
   @select(configContext, config => config, { required: true })
-  config!: AppConfig
+  config!: AppConfig | null
   
   render() {
     return html`

package/dist/ai/store.md

@@ -2,7 +2,7 @@
 
 ```js
 // Store Creation
-import { createStore } from 'schmancy/store';
+import { createStore } from '@mhmo91/schmancy';
 
 // Basic store creation
 const store = createStore({
@@ -24,7 +24,7 @@ const counterStore = createStore({
 });
 
 // Store Context Creation
-import { createContext, createCollectionContext } from 'schmancy/store';
+import { createContext, createCollectionContext } from '@mhmo91/schmancy';
 
 // Object/array/collection contexts
 const settingsContext = createContext(store, 'settings');           // Object
@@ -46,7 +46,7 @@ todoCollection.update('1', item => { item.completed = true; });     // Collectio
 todoCollection.remove('1');                                         // Collection remove
 
 // Selectors
-import { createSelector, useSelector } from 'schmancy/store';
+import { createSelector, useSelector } from '@mhmo91/schmancy';
 
 // Basic and computed selectors
 const getCount = state => state.count;
@@ -78,7 +78,7 @@ const themeStore = createStore({
 });
 
 // LocalStorage persistence
-import { StorageManager } from 'schmancy/store';
+import { StorageManager } from '@mhmo91/schmancy';
 new StorageManager({
   key: 'theme-store',
   storage: localStorage

package/dist/{avatar-CQceYbCt.cjs → avatar-D1ojwes6.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),a=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-Be4toKE0.cjs");const E=require("./area.component-YKEQV9hc.cjs");require("./autocomplete-C0EU8KiN.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-DNME2oUL.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-C59hzqZ0.cjs"),require("./spinner-Cq8tY2xk.cjs"),require("./icon-button-x5uqpaeg.cjs"),require("./media-hg61JS4R.cjs"),require("./checkbox-C-kjO37F.cjs"),require("./chips-DW6y4ZMs.cjs"),require("./circular-progress-BridvYCS.cjs"),require("./code-preview-B0oGIV9F.cjs"),require("./payment-card-form-C42icpX4.cjs");const p=require("./types.cjs"),m=require("./provide-BxZ2kn_p.cjs"),g=require("./litElement.mixin-B1eYYBf4.cjs"),d=require("./consume-edta5ng5.cjs");require("./date-range-DqaB9kwM.cjs"),require("./date-range-inline-DGRKHzTX.cjs"),require("./delay-ClP0gwsX.cjs"),require("./dialog-content-CGgHTvcB.cjs"),require("./dialog-service-BZZK8N6A.cjs"),require("./divider-CIXGsKd7.cjs"),require("./dropdown-content-CeYUqD56.cjs"),require("./timezone-C56jMhLK.cjs"),require("./form-DKF6UgIS.cjs"),require("./icon-CJe2TSk1.cjs"),require("./input-DcWJTrr9.cjs"),require("./flex-Dub7SPI7.cjs"),require("./list-DZAZpM5m.cjs"),require("./menu-D5aDG-Rp.cjs");const W=require("lit/directives/when.js");require("./notification-service-BzzXjm4l.cjs"),require("./option-DqN5-RK7.cjs"),require("./progress-CL35MIi9.cjs"),require("./radio-button-DrSJB4B-.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-BHRtVoTo.cjs"),require("./sheet-BiUUD0Td.cjs");const A=require("./sheet.service-B5sh8d0k.cjs");require("./slider-DX-XUnE-.cjs"),require("./schmancy-steps-container-C_HHZFeb.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-YyZ8eXfj.cjs"),require("./table-DpXmflf7.cjs"),require("./tabs-compatibility-ThgWuSrK.cjs"),require("./textarea-B_TlKSop.cjs"),require("./theme-button-DnrKANEK.cjs"),require("./tooltip-twQMYpmk.cjs"),require("./tree-Dv5R6kdP.cjs"),require("./typewriter-egr1HiFJ.cjs"),require("./typography-DVZ2ezpU.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(e,t,n,o)=>{for(var c,r=o>1?void 0:o?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(o?c(t,n,r):c(r))||r);return o&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
+"use strict";const l=require("lit"),a=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-Be4toKE0.cjs");const E=require("./area.component-YKEQV9hc.cjs");require("./autocomplete-C0EU8KiN.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-DNME2oUL.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-C59hzqZ0.cjs"),require("./spinner-Cq8tY2xk.cjs"),require("./icon-button-x5uqpaeg.cjs"),require("./media-hg61JS4R.cjs"),require("./checkbox-C-kjO37F.cjs"),require("./chips-DW6y4ZMs.cjs"),require("./circular-progress-BridvYCS.cjs"),require("./code-preview-B0oGIV9F.cjs"),require("./payment-card-form-C42icpX4.cjs");const p=require("./types.cjs"),m=require("./provide-BxZ2kn_p.cjs"),g=require("./litElement.mixin-B1eYYBf4.cjs"),d=require("./consume-edta5ng5.cjs");require("./date-range-DqaB9kwM.cjs"),require("./date-range-inline-DGRKHzTX.cjs"),require("./delay-ClP0gwsX.cjs"),require("./dialog-content-CGgHTvcB.cjs"),require("./dialog-service-BZZK8N6A.cjs"),require("./divider-CIXGsKd7.cjs"),require("./dropdown-content-CeYUqD56.cjs"),require("./timezone-C56jMhLK.cjs"),require("./form-DKF6UgIS.cjs"),require("./icon-CJe2TSk1.cjs"),require("./input-BN9xQTH0.cjs"),require("./flex-Dub7SPI7.cjs"),require("./list-DZAZpM5m.cjs"),require("./menu-D5aDG-Rp.cjs");const W=require("lit/directives/when.js");require("./notification-service-BzzXjm4l.cjs"),require("./option-DqN5-RK7.cjs"),require("./progress-CL35MIi9.cjs"),require("./radio-button-DrSJB4B-.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-BHRtVoTo.cjs"),require("./sheet-BVr3bq9r.cjs");const A=require("./sheet.service-D_jE8pUg.cjs");require("./slider-DX-XUnE-.cjs"),require("./schmancy-steps-container-C_HHZFeb.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-YyZ8eXfj.cjs"),require("./table-DpXmflf7.cjs"),require("./tabs-compatibility-ThgWuSrK.cjs"),require("./textarea-B_TlKSop.cjs"),require("./theme-button-DnrKANEK.cjs"),require("./tooltip-twQMYpmk.cjs"),require("./tree-Dv5R6kdP.cjs"),require("./typewriter-egr1HiFJ.cjs"),require("./typography-DVZ2ezpU.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,b=(e,t,n,o)=>{for(var c,r=o>1?void 0:o?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(o?c(t,n,r):c(r))||r);return o&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
@@ -208,4 +208,4 @@
 		`}getColorAttributes(){const e={primary:{bgColor:i.SchmancyTheme.sys.color.primary.container,color:i.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:i.SchmancyTheme.sys.color.secondary.container,color:i.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:i.SchmancyTheme.sys.color.tertiary.container,color:i.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:i.SchmancyTheme.sys.color.success.container,color:i.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:i.SchmancyTheme.sys.color.error.container,color:i.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:i.SchmancyTheme.sys.color.surface.container,color:i.SchmancyTheme.sys.color.surface.on}};return D.color(e[this.color])}renderStatusIndicator(){const e={online:i.SchmancyTheme.sys.color.success.default,offline:i.SchmancyTheme.sys.color.surface.onVariant,busy:i.SchmancyTheme.sys.color.error.default,away:i.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
 			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
 		`}},u([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=U,exports.SchmancyContentDrawerID=I,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=M,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=j,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=P,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=R,exports.teleport=x;
-//# sourceMappingURL=avatar-CQceYbCt.cjs.map
+//# sourceMappingURL=avatar-D1ojwes6.cjs.map