@astryxdesign/core 0.1.8 → 0.1.9

package/dist/TreeList/index.d.ts

@@ -7,6 +7,6 @@
  * SYNC: When modified, update /packages/core/src/TreeList/TreeList.doc.mjs
  */
 export { TreeList } from './TreeList';
-export type { TreeListProps, TreeListDensity } from './TreeList';
-export type { TreeListItemData } from './TreeListTypes';
+export type { TreeListProps, TreeListDensity, TreeListVariant } from './TreeList';
+export type { TreeListItemData, TreeListVariantMap } from './TreeListTypes';
 //# sourceMappingURL=index.d.ts.map

package/dist/TreeList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TreeList/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EAAC,aAAa,EAAE,eAAe,EAAC,MAAM,YAAY,CAAC;AAC/D,YAAY,EAAC,gBAAgB,EAAC,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TreeList/index.ts"],"names":[],"mappings":"AAIA;;;;;;;GAOG;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,YAAY,EAAC,aAAa,EAAE,eAAe,EAAE,eAAe,EAAC,MAAM,YAAY,CAAC;AAChF,YAAY,EAAC,gBAAgB,EAAE,kBAAkB,EAAC,MAAM,iBAAiB,CAAC"}

package/dist/astryx.css

@@ -10,6 +10,7 @@
   @property --x-126w13d { syntax: "*"; inherits: false;}
   @property --x-4drmnv { syntax: "*"; inherits: false;}
   @property --x-animationDelay { syntax: "*"; inherits: false;}
+  @property --x-backgroundColor { syntax: "*"; inherits: false;}
   @property --x-borderWidth { syntax: "*"; inherits: false;}
   @property --x-bottom { syntax: "*"; inherits: false;}
   @property --x-counterReset { syntax: "*"; inherits: false;}
@@ -62,7 +63,23 @@
   .xh8ntw8{--_button-radius:calc(var(--radius-element) - var(--spacing-1))}
   .xcw7vlg{--_button-radius:max(var(--radius-element),calc(var(--_chat-composer-radius) - var(--_chat-composer-padding)))}
   .x1rjw8qi{--_button-radius:var(--radius-full)}
+  .xw28qpl{--_card-elevation:0 0 transparent}
+  .xnpe7fx{--_card-elevation:var(--shadow-high)}
+  .x1nn8khe{--_card-elevation:var(--shadow-low)}
+  .x1ovzxg0{--_card-elevation:var(--shadow-med)}
   .x2kkz0m{--_card-radius:var(--radius-container)}
+  .xr9ms2c{--_card-ring:inset 0 0 0 2px var(--color-accent)}
+  .xgwwt2v{--_card-ring:inset 0 0 0 2px var(--color-border-blue)}
+  .xcdi0x3{--_card-ring:inset 0 0 0 2px var(--color-border-cyan)}
+  .x1m1zkwp{--_card-ring:inset 0 0 0 2px var(--color-border-gray)}
+  .x1485227{--_card-ring:inset 0 0 0 2px var(--color-border-green)}
+  .x1cclxpp{--_card-ring:inset 0 0 0 2px var(--color-border-orange)}
+  .xzs6dn4{--_card-ring:inset 0 0 0 2px var(--color-border-pink)}
+  .x9zgi83{--_card-ring:inset 0 0 0 2px var(--color-border-purple)}
+  .xo8718j{--_card-ring:inset 0 0 0 2px var(--color-border-red)}
+  .xp4e5fy{--_card-ring:inset 0 0 0 2px var(--color-border-teal)}
+  .x1glw7ee{--_card-ring:inset 0 0 0 2px var(--color-border-yellow)}
+  .x18zce08{--_chat-composer-padding:var(--spacing-2)}
   .xk0ittl{--_chat-composer-padding:var(--spacing-3)}
   .xx161y6{--_chat-composer-radius:var(--radius-chat)}
   .xtk08jq{--_codeblock-gutter-width:var(--x---_codeblock-gutter-width)}
@@ -273,6 +290,7 @@
   .x1717udv:not(#\#){padding:0}
   .x1tamke2:not(#\#){padding:16px}
   .xfawy5m:not(#\#){padding:4px}
+  .x1b50gpf:not(#\#){padding:calc(var(--_chat-composer-padding) - var(--border-width))}
   .x18oj4ui:not(#\#){padding:var(--_chat-composer-padding)}
   .xpoxszi:not(#\#){padding:var(--_segmented-control-padding)}
   .xtozwh:not(#\#){padding:var(--spacing-1) var(--spacing-2)}
@@ -417,7 +435,7 @@
   .xmqliwb:not(#\#):not(#\#){text-decoration:line-through}
   .x1hl2dhg:not(#\#):not(#\#){text-decoration:none}
   .x1bvjpef:not(#\#):not(#\#){text-decoration:underline}
-  .xiw5bxp:not(#\#):not(#\#){transition:box-shadow var(--duration-fast) var(--ease-standard)}
+  .xrg7dcy:not(#\#):not(#\#){transition:box-shadow var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}
   .xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
   .xq2gx43:not(#\#):not(#\#){transition:none}
   .x1ey1afo:not(#\#):not(#\#){transition:opacity var(--duration-fast)}
@@ -441,6 +459,7 @@
   .xh2mrf5:focus:not(#\#):not(#\#){padding-block:var(--spacing-2)}
   .x1cf3d6k:focus:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
   @media (max-width: 480px){.x1a1jff.x1a1jff:not(#\#):not(#\#){gap:var(--spacing-4)}}
+  @media (prefers-reduced-motion: reduce){.x9kvfbb.x9kvfbb:not(#\#):not(#\#){transition:none}}
   @media (hover: hover){.x1od6ugu.x1od6ugu.x1od6ugu:where(.x1tspnpo:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.xaq2ahg.xaq2ahg.xaq2ahg:where(.xklqth5:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-accent),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.x1jtjlen.x1jtjlen.x1jtjlen:where(.x1tspnpo:hover *):not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-emphasized),var(--color-tint-hover) 20%)}}
@@ -456,6 +475,7 @@
   .xo9xo30:not(#\#):not(#\#):not(#\#){-webkit-mask-image:linear-gradient(to bottom,transparent,black 48px)}
   .x5lxg6s:not(#\#):not(#\#):not(#\#){-webkit-overflow-scrolling:touch}
   .xpdipgo:not(#\#):not(#\#):not(#\#){-webkit-touch-callout:none}
+  .x8gbvx8:not(#\#):not(#\#):not(#\#){align-content:flex-start}
   .x1pha0wt:not(#\#):not(#\#):not(#\#){align-items:baseline}
   .x6s0dn4:not(#\#):not(#\#):not(#\#){align-items:center}
   .xpqajaz:not(#\#):not(#\#):not(#\#){align-items:end}
@@ -549,11 +569,11 @@
   .xzyc27v:not(#\#):not(#\#):not(#\#){background-color:var(--color-syntax-background)}
   .x16fr6go:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-disabled)}
   .x19aspcf:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-primary)}
-  .xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
   .xdsb6cv:not(#\#):not(#\#):not(#\#){background-color:var(--color-track)}
   .x24i8r5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning-muted)}
   .x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
   .x1fd97le:not(#\#):not(#\#):not(#\#){background-color:var(--table-sticky-background,var(--color-background-card))}
+  .xl8spv7:not(#\#):not(#\#):not(#\#){background-color:var(--x-backgroundColor)}
   .x1vrk509:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-background-muted),var(--color-background-muted))}
   .x14bno8m:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-neutral),var(--color-neutral))}
   .x18o3ruo:not(#\#):not(#\#):not(#\#){background-image:none}
@@ -578,18 +598,8 @@
   .x1lp15jv:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border-emphasized)}
   .x1er153n:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-border)}
   .x1iobdd1:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 1px var(--color-text-primary)}
-  .xwaz83g:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-accent)}
-  .xcfwc96:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-blue)}
-  .x1focwmt:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-cyan)}
-  .x1q443o4:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-gray)}
-  .x1wnp1w4:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-green)}
-  .x1kbthdo:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-orange)}
-  .x1916zju:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-pink)}
-  .x1egy5tt:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-purple)}
-  .xi00ukz:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-red)}
-  .x1dpgkq:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-teal)}
-  .x1qdfmgt:not(#\#):not(#\#):not(#\#){box-shadow:inset 0 0 0 2px var(--color-border-yellow)}
   .x1gnnqk1:not(#\#):not(#\#):not(#\#){box-shadow:none}
+  .x1p8z4y0:not(#\#):not(#\#):not(#\#){box-shadow:var(--_card-ring,0 0 transparent),var(--_card-elevation,0 0 transparent)}
   .x1kcpxr7:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-high)}
   .x1i5ehqx:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-low)}
   .x14hfi27:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
@@ -1007,7 +1017,6 @@
   .x13b0p5u:not(#\#):not(#\#):not(#\#){transition-property:none}
   .x1wbls7o:not(#\#):not(#\#):not(#\#){transition-property:opacity,background-color,transform}
   .xnpjden:not(#\#):not(#\#):not(#\#){transition-property:opacity,background-color}
-  .x1kx2cm7:not(#\#):not(#\#):not(#\#){transition-property:opacity,box-shadow}
   .xsm4mo9:not(#\#):not(#\#):not(#\#){transition-property:opacity,display,overlay}
   .x1apppo2:not(#\#):not(#\#):not(#\#){transition-property:opacity,transform,max-width}
   .x4bbghf:not(#\#):not(#\#):not(#\#){transition-property:opacity,transform,overlay,display}
@@ -1044,6 +1053,7 @@
   .xzkaem6:not(#\#):not(#\#):not(#\#){z-index:3}
   .x6cuj84:not(#\#):not(#\#):not(#\#){z-index:500}
   .x1q2oy4v:not(#\#):not(#\#):not(#\#){z-index:9999}
+  .x1cyvi8a.x1cyvi8a:where(.x9jk0ni:focus-within *):not(#\#):not(#\#):not(#\#){opacity:1}
   .x1v2claj.x1v2claj:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){opacity:1}
   .x3730vf.x3730vf:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){pointer-events:auto}
   .xuqivmr.xuqivmr:where(.x84s7jz:focus-within *):not(#\#):not(#\#):not(#\#){transform:translateY(0)}
@@ -1105,7 +1115,6 @@
   .x1nocapi:active:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed)),linear-gradient(var(--color-neutral),var(--color-neutral))}
   .xq8i9tn:active:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(var(--color-overlay-pressed),var(--color-overlay-pressed))}
   .xuqm82a:active:not(#\#):not(#\#):not(#\#){background-image:none}
-  .x1tmayz8:active:not(#\#):not(#\#):not(#\#){opacity:.75}
   .x1pdlv7q:active:not(#\#):not(#\#):not(#\#){transform:none}
   .xk4oym4:active:not(#\#):not(#\#):not(#\#){transform:scale(.98)}
   @media (prefers-reduced-motion: reduce){.x14q22ui.x14q22ui:not(#\#):not(#\#):not(#\#){animation-delay:0s}}
@@ -1119,6 +1128,7 @@
   @media (pointer: coarse){.x6pjikd.x6pjikd:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-body-size))}}
   @media (pointer: coarse){.xdk3u5w.xdk3u5w:not(#\#):not(#\#):not(#\#){font-size:max(1rem,var(--text-label-size))}}
   @media (pointer: coarse){.x1jymrmb.x1jymrmb:not(#\#):not(#\#):not(#\#){margin-inline-start:auto}}
+  @media (any-pointer: coarse){.xhva3ql.xhva3ql:not(#\#):not(#\#):not(#\#){opacity:1}}
   @media (pointer: coarse){.xozvky.xozvky:not(#\#):not(#\#):not(#\#){order:1}}
   @media (prefers-reduced-motion: reduce){.xg83hb1.xg83hb1:not(#\#):not(#\#):not(#\#){scroll-behavior:auto}}
   @media (prefers-reduced-motion: reduce){.xsagj69.xsagj69:not(#\#):not(#\#):not(#\#){transition-duration:.01ms}}
@@ -1135,6 +1145,7 @@
   @media (hover: hover){.x1pe4z86.x1pe4z86.x1pe4z86:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-primary)}}
   @media (hover: hover){.x1a1zr74.x1a1zr74.x1a1zr74:where(.x1u3b27q:hover *):not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
   @media (hover: hover){.x1t9gxa6.x1t9gxa6.x1t9gxa6:where(.x-default-marker:hover *):not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}}
+  @media (hover: hover){.xb7nc9r.xb7nc9r.xb7nc9r:where(.x9jk0ni:hover *):not(#\#):not(#\#):not(#\#){opacity:1}}
   @media (hover: hover){.xcwhr9z.xcwhr9z.xcwhr9z:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){opacity:1}}
   @media (hover: hover){.x8ydxbz.x8ydxbz.x8ydxbz:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){pointer-events:auto}}
   @media (hover: hover){.x17hxqr7.x17hxqr7.x17hxqr7:where(.x84s7jz:hover *):not(#\#):not(#\#):not(#\#){transform:translateY(0)}}
@@ -1157,7 +1168,6 @@
   @media (hover: hover){.x4z56r7.x4z56r7:hover:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-primary),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.x7ruf5d.x7ruf5d:hover:not(#\#):not(#\#):not(#\#){color:color-mix(in srgb,var(--color-text-secondary),var(--color-tint-hover) 15%)}}
   @media (hover: hover){.x140uwzg.x140uwzg:hover:not(#\#):not(#\#):not(#\#){color:var(--color-text-primary)}}
-  @media (hover: hover){.xzomjkg.xzomjkg:hover:not(#\#):not(#\#):not(#\#){opacity:.85}}
   .xib2hle:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border-emphasized)}
   .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
   .xfrllxf:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-left-radius:0}
@@ -1547,9 +1557,9 @@
   .xa5v58t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{transition-timing-function:var(--ease-standard)}
   .x1rbqspl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{user-select:none}
   .xy5mcqj:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{z-index:-1}
-  .xotisz4:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:color-mix(in srgb,currentColor 10%,transparent)}
+  .x1k7wiig:active:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-pressed)}
   @media (prefers-reduced-motion: reduce){.x1viac0w.x1viac0w:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::backdrop{transition-duration:.01s}}
-  @media (hover: hover){.x1vwwndy.x1vwwndy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:color-mix(in srgb,currentColor 5%,transparent)}}
+  @media (hover: hover){.xi14tyy.xi14tyy:hover:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{background-color:var(--color-overlay-hover)}}
   .xe80sof:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{bottom:-2px}
   .x1xrz1ek:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::after{bottom:0}
   .xabwq6t:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#)::before{left:-2px}