godown 3.12.0 → 3.13.0

package/index.d.ts

@@ -17,6 +17,7 @@ export { default as Heading } from "./heading.js";
 export { default as Input } from "./input.js";
 export { default as Layout } from "./layout.js";
 export { default as Link } from "./link.js";
+export { default as Popover } from "./popover.js";
 export { default as Progress } from "./progress.js";
 export { default as Range } from "./range.js";
 export { default as Rotate } from "./rotate.js";

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"__source__/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"__source__/","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/index.js

@@ -1,2 +1,2 @@
-import"./web-components/alert/definition.js";import"./web-components/avatar/definition.js";import"./web-components/badge/definition.js";import"./web-components/breath/definition.js";import"./web-components/button/definition.js";import"./web-components/card/definition.js";import"./web-components/carousel/definition.js";import"./web-components/chip/definition.js";import"./web-components/details/definition.js";import"./web-components/dialog/definition.js";import"./web-components/divider/definition.js";import"./web-components/dragbox/definition.js";import"./web-components/flex/definition.js";import"./web-components/form/definition.js";import"./web-components/grid/definition.js";import"./web-components/heading/definition.js";import"./web-components/input/definition.js";import"./web-components/layout/definition.js";import"./web-components/link/definition.js";import"./web-components/progress/definition.js";import"./web-components/range/definition.js";import"./web-components/rotate/definition.js";import"./web-components/router/definition.js";import"./web-components/select/definition.js";import"./web-components/skeleton/definition.js";import"./web-components/split/definition.js";import"./web-components/switch/definition.js";import"./web-components/text/definition.js";import"./web-components/tabs/definition.js";import"./web-components/time/definition.js";import"./web-components/tooltip/definition.js";import"./web-components/typewriter/definition.js";export{default as Alert}from"./web-components/alert/component.js";export{default as Avatar}from"./web-components/avatar/component.js";export{default as Badge}from"./web-components/badge/component.js";export{default as Breath}from"./web-components/breath/component.js";export{default as Button}from"./web-components/button/component.js";export{default as Card}from"./web-components/card/component.js";export{default as Carousel}from"./web-components/carousel/component.js";export{default as Chip}from"./web-components/chip/component.js";export{default as Details}from"./web-components/details/component.js";export{default as Dialog}from"./web-components/dialog/component.js";export{default as Divider}from"./web-components/divider/component.js";export{default as Dragbox}from"./web-components/dragbox/component.js";export{default as Flex}from"./web-components/flex/component.js";export{default as Form}from"./web-components/form/component.js";export{default as Grid}from"./web-components/grid/component.js";export{default as Heading}from"./web-components/heading/component.js";export{default as Input}from"./web-components/input/component.js";export{default as Layout}from"./web-components/layout/component.js";export{default as Link}from"./web-components/link/component.js";export{default as Progress}from"./web-components/progress/component.js";export{default as Range}from"./web-components/range/component.js";export{default as Rotate}from"./web-components/rotate/component.js";export{default as Router}from"./web-components/router/component.js";export{default as Select}from"./web-components/select/component.js";export{default as Skeleton}from"./web-components/skeleton/component.js";export{default as Split}from"./web-components/split/component.js";export{default as Switch}from"./web-components/switch/component.js";export{default as Text}from"./web-components/text/component.js";export{default as Tabs}from"./web-components/tabs/component.js";export{default as Time}from"./web-components/time/component.js";export{default as Tooltip}from"./web-components/tooltip/component.js";export{default as Typewriter}from"./web-components/typewriter/component.js";
+import"./web-components/alert/definition.js";import"./web-components/avatar/definition.js";import"./web-components/badge/definition.js";import"./web-components/breath/definition.js";import"./web-components/button/definition.js";import"./web-components/card/definition.js";import"./web-components/carousel/definition.js";import"./web-components/chip/definition.js";import"./web-components/details/definition.js";import"./web-components/dialog/definition.js";import"./web-components/divider/definition.js";import"./web-components/dragbox/definition.js";import"./web-components/flex/definition.js";import"./web-components/form/definition.js";import"./web-components/grid/definition.js";import"./web-components/heading/definition.js";import"./web-components/input/definition.js";import"./web-components/layout/definition.js";import"./web-components/link/definition.js";export{default as Popover}from"./web-components/popover/definition.js";import"./web-components/progress/definition.js";import"./web-components/range/definition.js";import"./web-components/rotate/definition.js";import"./web-components/router/definition.js";import"./web-components/select/definition.js";import"./web-components/skeleton/definition.js";import"./web-components/split/definition.js";import"./web-components/switch/definition.js";import"./web-components/text/definition.js";import"./web-components/tabs/definition.js";import"./web-components/time/definition.js";import"./web-components/tooltip/definition.js";import"./web-components/typewriter/definition.js";export{default as Alert}from"./web-components/alert/component.js";export{default as Avatar}from"./web-components/avatar/component.js";export{default as Badge}from"./web-components/badge/component.js";export{default as Breath}from"./web-components/breath/component.js";export{default as Button}from"./web-components/button/component.js";export{default as Card}from"./web-components/card/component.js";export{default as Carousel}from"./web-components/carousel/component.js";export{default as Chip}from"./web-components/chip/component.js";export{default as Details}from"./web-components/details/component.js";export{default as Dialog}from"./web-components/dialog/component.js";export{default as Divider}from"./web-components/divider/component.js";export{default as Dragbox}from"./web-components/dragbox/component.js";export{default as Flex}from"./web-components/flex/component.js";export{default as Form}from"./web-components/form/component.js";export{default as Grid}from"./web-components/grid/component.js";export{default as Heading}from"./web-components/heading/component.js";export{default as Input}from"./web-components/input/component.js";export{default as Layout}from"./web-components/layout/component.js";export{default as Link}from"./web-components/link/component.js";export{default as Progress}from"./web-components/progress/component.js";export{default as Range}from"./web-components/range/component.js";export{default as Rotate}from"./web-components/rotate/component.js";export{default as Router}from"./web-components/router/component.js";export{default as Select}from"./web-components/select/component.js";export{default as Skeleton}from"./web-components/skeleton/component.js";export{default as Split}from"./web-components/split/component.js";export{default as Switch}from"./web-components/switch/component.js";export{default as Text}from"./web-components/text/component.js";export{default as Tabs}from"./web-components/tabs/component.js";export{default as Time}from"./web-components/time/component.js";export{default as Tooltip}from"./web-components/tooltip/component.js";export{default as Typewriter}from"./web-components/typewriter/component.js";
 //# sourceMappingURL=index.js.map

package/internal/global-style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"global-style.d.ts","sourceRoot":"__source__/","sources":["internal/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAErD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AACjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;CAclB,CAAC"}
+{"version":3,"file":"global-style.d.ts","sourceRoot":"__source__/","sources":["internal/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,SAAS,EAAkB,MAAM,KAAK,CAAC;AAGrD,qBAAa,WAAY,SAAQ,aAAa;CAAG;AAEjD,eAAe,WAAW,CAAC;AAI3B,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,GAAG,SAAS,CAE7D;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAE1D;AAED,eAAO,MAAM,aAAa,EAAE;IAC1B,cAAc,EAAE,SAAS,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,SAAS,EAAE,SAAS,CAAC;IACrB,SAAS,EAAE,SAAS,CAAC;IACrB,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,SAAS,CAAC;IACtB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC;CAclB,CAAC"}

package/internal/global-style.js

@@ -1,2 +1,2 @@
-import{trim as r,declareLightDarkColors as o,joinRules as t,joinDeclarations as e,toVar as n,GodownElement as i}from"@godown/element";import{unsafeCSS as a,css as s}from"lit";class GlobalStyle extends i{}const d=r(GlobalStyle.godownConfig.prefix,"-");function l(r,o=1){return u(d+"-".repeat(o)+r)}function u(r){return a(`--${r}`)}const g={background:l("background",2),foreground:l("foreground",2),backgroundClip:l("background-clip",2),primaryBackground:l("primary",2),primaryForeground:l("primary-foreground",2),muted:l("muted",2),active:l("active",2),passive:l("passive",2),input:l("input",2),radius:l("radius",2),ringWidth:l("ring-width",2),ringColor:l("ring-color",2)};GlobalStyle.styles=[a(o(":host",[[g.background,["hsl(0 0% 96%)","hsl(0 0% 4%)"]],[g.foreground,["hsl(0 0% 4%)","hsl(0 0% 96%)"]],[g.muted,["hsl(0 0% 88%)","hsl(0 0% 18%)"]]],1)),a(t({":host":e([[g.primaryBackground,n(g.foreground)],[g.primaryForeground,n(g.background)],[g.active,n(g.primaryBackground)],[g.passive,n(g.muted)],[g.backgroundClip,`linear-gradient(to bottom, ${n(g.foreground)}, ${n(g.muted)})`],[g.ringColor,n(g.passive)],[g.ringWidth,".075em"]])})),s`button,dialog,input{border:0;outline:0}*{box-sizing:border-box;font-size:100%;font-style:normal;margin:0;padding:0}:host{border-style:none;box-sizing:border-box;outline-style:none}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}:host([contents]){display:contents}[part=root]{height:100%;width:100%}:host([contents]) [part=root]{height:inherit;width:inherit}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,s`:host{${g.radius}:0.2em;border-radius:var(${g.radius})}`];export{GlobalStyle,g as cssGlobalVars,GlobalStyle as default,l as scopePrefix,u as variablePrefix};
+import{trim as r,declareLightDarkColors as o,joinRules as t,joinDeclarations as e,toVar as n,GodownElement as i}from"@godown/element";import{unsafeCSS as a,css as s}from"lit";import{resetStyle as d}from"./reset-style.js";class GlobalStyle extends i{}const l=r(GlobalStyle.godownConfig.prefix,"-");function u(r,o=1){return g(l+"-".repeat(o)+r)}function g(r){return a(`--${r}`)}const p={background:u("background",2),foreground:u("foreground",2),backgroundClip:u("background-clip",2),primaryBackground:u("primary",2),primaryForeground:u("primary-foreground",2),muted:u("muted",2),active:u("active",2),passive:u("passive",2),input:u("input",2),radius:u("radius",2),ringWidth:u("ring-width",2),ringColor:u("ring-color",2)};GlobalStyle.styles=[d,a(o(":host",[[p.background,["hsl(0 0% 96%)","hsl(0 0% 4%)"]],[p.foreground,["hsl(0 0% 4%)","hsl(0 0% 96%)"]],[p.muted,["hsl(0 0% 88%)","hsl(0 0% 18%)"]]],1)),a(t({":host":e([[p.primaryBackground,n(p.foreground)],[p.primaryForeground,n(p.background)],[p.active,n(p.primaryBackground)],[p.passive,n(p.muted)],[p.backgroundClip,`linear-gradient(to bottom, ${n(p.foreground)}, ${n(p.muted)})`],[p.ringColor,n(p.passive)],[p.ringWidth,".075em"]])})),s`:host([contents]){display:contents}[part=root]{height:100%;width:100%}:host([contents]) [part=root]{height:inherit;width:inherit}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,s`:host{${p.radius}:0.2em;border-radius:var(${p.radius});border-style:none;outline-style:none}`];export{GlobalStyle,p as cssGlobalVars,GlobalStyle as default,u as scopePrefix,g as variablePrefix};
 //# sourceMappingURL=global-style.js.map

package/internal/global-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-style.js","sources":["../src/internal/global-style.ts"],"sourcesContent":null,"names":["GlobalStyle","GodownElement","cssvar","trim","godownConfig","prefix","scopePrefix","scope","len","variablePrefix","repeat","variable","unsafeCSS","cssGlobalVars","background","foreground","backgroundClip","primaryBackground","primaryForeground","muted","active","passive","input","radius","ringWidth","ringColor","styles","declareLightDarkColors","joinRules","joinDeclarations","toVar","css"],"mappings":"+KAGM,MAAOA,oBAAoBC,GAGjC,MAAMC,EAASC,EAAKH,YAAYI,aAAaC,OAAQ,cAErCC,EAAYC,EAAeC,EAAM,GAC/C,OAAOC,EAAeP,EAAS,IAAIQ,OAAOF,GAAOD,EACnD,CAEM,SAAUE,EAAeE,GAC7B,OAAOC,EAAU,KAAKD,IACxB,CAEa,MAAAE,EAaT,CACFC,WAAYR,EAAY,aAAc,GACtCS,WAAYT,EAAY,aAAc,GACtCU,eAAgBV,EAAY,kBAAmB,GAC/CW,kBAAmBX,EAAY,UAAW,GAC1CY,kBAAmBZ,EAAY,qBAAsB,GACrDa,MAAOb,EAAY,QAAS,GAC5Bc,OAAQd,EAAY,SAAU,GAC9Be,QAASf,EAAY,UAAW,GAChCgB,MAAOhB,EAAY,QAAS,GAC5BiB,OAAQjB,EAAY,SAAU,GAC9BkB,UAAWlB,EAAY,aAAc,GACrCmB,UAAWnB,EAAY,aAAc,IAGvCN,YAAY0B,OAAS,CACnBd,EACEe,EACE,QACA,CACE,CAACd,EAAcC,WAAY,CAAC,gBAAiB,iBAC7C,CAACD,EAAcE,WAAY,CAAC,eAAgB,kBAC5C,CAACF,EAAcM,MAAO,CAAC,gBAAiB,mBAE1C,IAGJP,EACEgB,EAAU,CACR,QAASC,EAAiB,CACxB,CAAChB,EAAcI,kBAAmBa,EAAMjB,EAAcE,aACtD,CAACF,EAAcK,kBAAmBY,EAAMjB,EAAcC,aACtD,CAACD,EAAcO,OAAQU,EAAMjB,EAAcI,oBAC3C,CAACJ,EAAcQ,QAASS,EAAMjB,EAAcM,QAC5C,CACEN,EAAcG,eACd,8BAA8Bc,EAAMjB,EAAcE,gBAAgBe,EAAMjB,EAAcM,WAExF,CAACN,EAAcY,UAAWK,EAAMjB,EAAcQ,UAC9C,CAACR,EAAcW,UAAW,eAIhCO,CAAG"}
+{"version":3,"file":"global-style.js","sources":["../src/internal/global-style.ts"],"sourcesContent":null,"names":["GlobalStyle","GodownElement","cssvar","trim","godownConfig","prefix","scopePrefix","scope","len","variablePrefix","repeat","variable","unsafeCSS","cssGlobalVars","background","foreground","backgroundClip","primaryBackground","primaryForeground","muted","active","passive","input","radius","ringWidth","ringColor","styles","resetStyle","declareLightDarkColors","joinRules","joinDeclarations","toVar","css"],"mappings":"6NAIM,MAAOA,oBAAoBC,GAIjC,MAAMC,EAASC,EAAKH,YAAYI,aAAaC,OAAQ,cAErCC,EAAYC,EAAeC,EAAM,GAC/C,OAAOC,EAAeP,EAAS,IAAIQ,OAAOF,GAAOD,EACnD,CAEM,SAAUE,EAAeE,GAC7B,OAAOC,EAAU,KAAKD,IACxB,CAEa,MAAAE,EAaT,CACFC,WAAYR,EAAY,aAAc,GACtCS,WAAYT,EAAY,aAAc,GACtCU,eAAgBV,EAAY,kBAAmB,GAC/CW,kBAAmBX,EAAY,UAAW,GAC1CY,kBAAmBZ,EAAY,qBAAsB,GACrDa,MAAOb,EAAY,QAAS,GAC5Bc,OAAQd,EAAY,SAAU,GAC9Be,QAASf,EAAY,UAAW,GAChCgB,MAAOhB,EAAY,QAAS,GAC5BiB,OAAQjB,EAAY,SAAU,GAC9BkB,UAAWlB,EAAY,aAAc,GACrCmB,UAAWnB,EAAY,aAAc,IAGvCN,YAAY0B,OAAS,CACnBC,EACAf,EACEgB,EACE,QACA,CACE,CAACf,EAAcC,WAAY,CAAC,gBAAiB,iBAC7C,CAACD,EAAcE,WAAY,CAAC,eAAgB,kBAC5C,CAACF,EAAcM,MAAO,CAAC,gBAAiB,mBAE1C,IAGJP,EACEiB,EAAU,CACR,QAASC,EAAiB,CACxB,CAACjB,EAAcI,kBAAmBc,EAAMlB,EAAcE,aACtD,CAACF,EAAcK,kBAAmBa,EAAMlB,EAAcC,aACtD,CAACD,EAAcO,OAAQW,EAAMlB,EAAcI,oBAC3C,CAACJ,EAAcQ,QAASU,EAAMlB,EAAcM,QAC5C,CACEN,EAAcG,eACd,8BAA8Be,EAAMlB,EAAcE,gBAAgBgB,EAAMlB,EAAcM,WAExF,CAACN,EAAcY,UAAWM,EAAMlB,EAAcQ,UAC9C,CAACR,EAAcW,UAAW,eAIhCQ,CAAG"}

package/internal/popover.d.ts

@@ -0,0 +1,3 @@
+export declare const hidePopover: (element: HTMLElement) => void;
+export declare const showPopover: (this: void | HTMLElement, element: HTMLElement) => void;
+//# sourceMappingURL=popover.d.ts.map

package/internal/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"__source__/","sources":["internal/popover.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,WAAW,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAKlD,CAAC;AAiCH,eAAO,MAAM,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,WAAW,EAAE,OAAO,EAAE,WAAW,KAAK,IAK5E,CAAC"}

package/internal/popover.js

@@ -0,0 +1,2 @@
+import{memoize as t}from"./utils.js";const e="popover",n=()=>Object.hasOwn(HTMLElement.prototype,e),o=t=>t.getAttribute(e),s=t=>{t.style.display="none"},l=t((t=>n()?(t=>{null!==o(t)?t.hidePopover():s(t)})(t):s(t)));function i(t){if(t.style.display="block",this&&"manual"!==o(t)){const e="click",n=o=>{this.contains(o.target)||(t.dispatchEvent(new Event("toggle",{bubbles:!0,composed:!0,newState:"closed"})),l(t),document.removeEventListener(e,n))};document.addEventListener(e,n)}}function c(t){null!==o(t)?t.showPopover():i.call(this,t)}const r=t((function(t){return n()?c.call(this,t):i.call(this,t)}));export{l as hidePopover,r as showPopover};
+//# sourceMappingURL=popover.js.map

package/internal/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":["../src/internal/popover.ts"],"sourcesContent":null,"names":["POPOVER","supportPopover","Object","hasOwn","HTMLElement","prototype","getPopoverAttribute","element","getAttribute","shimHide","style","display","hidePopover","memoize","standardHide","shimShow","this","listenType","listener","e","contains","target","dispatchEvent","Event","bubbles","composed","newState","document","removeEventListener","addEventListener","standardShow","showPopover","call"],"mappings":"qCAEA,MAAMA,EAAU,UAEVC,EAAiB,IAAMC,OAAOC,OAAOC,YAAYC,UAAWL,GAE5DM,EAAuBC,GAAyBA,EAAQC,aAAaR,GAErES,EAAYF,IAChBA,EAAQG,MAAMC,QAAU,MAAM,EAWnBC,EAA8CC,GAASN,GAC9DN,IATe,CAACM,IACiB,OAAjCD,EAAoBC,GACtBA,EAAQK,cAERH,EAASF,IAMFO,CAAaP,GAEfE,EAASF,KAGlB,SAASQ,EAAmCR,GAG1C,GAFAA,EAAQG,MAAMC,QAAU,QAEpBK,MAAyC,WAAjCV,EAAoBC,GAAuB,CACrD,MAAMU,EAAa,QACbC,EAAYC,IACXH,KAAKI,SAASD,EAAEE,UACnBd,EAAQe,cACN,IAAIC,MAAM,SAAU,CAClBC,SAAS,EACTC,UAAU,EACVC,SAAU,YAGdd,EAAYL,GACZoB,SAASC,oBAAoBX,EAAYC,KAI7CS,SAASE,iBAAiBZ,EAAYC,GAE1C,CAEA,SAASY,EAAuCvB,GACT,OAAjCD,EAAoBC,GACtBA,EAAQwB,cAERhB,EAASiB,KAAKhB,KAAMT,EAExB,CAEa,MAAAwB,EAAwElB,GAAQ,SAAgBN,GAC3G,OAAIN,IACK6B,EAAaE,KAAKhB,KAAMT,GAE1BQ,EAASiB,KAAKhB,KAAMT,EAC7B"}

package/internal/reset-style.d.ts

@@ -0,0 +1,3 @@
+import { type CSSResult } from "lit";
+export declare const resetStyle: CSSResult;
+//# sourceMappingURL=reset-style.d.ts.map

package/internal/reset-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-style.d.ts","sourceRoot":"__source__/","sources":["internal/reset-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAE1C,eAAO,MAAM,UAAU,EAAE,SA4DxB,CAAC"}

package/internal/reset-style.js

@@ -0,0 +1,2 @@
+import{css as o}from"lit";const e=o`*,:host{box-sizing:border-box}i{font-style:normal}a{color:currentColor;text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}input{background:none;border:0;color:currentColor;font-size:100%;outline:0;padding:0}dd,dl{margin:0}dialog,ul{margin:0;padding:0}dialog{border:0;outline:0}[popover]{border:0;margin:0;padding:0}@supports not selector(:popover-open){[popover]{display:none}}`;export{e as resetStyle};
+//# sourceMappingURL=reset-style.js.map

package/internal/reset-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset-style.js","sources":["../src/internal/reset-style.ts"],"sourcesContent":null,"names":["resetStyle","css"],"mappings":"0BAEO,MAAMA,EAAwBC,CAAG"}

package/internal/ring.d.ts

@@ -15,5 +15,6 @@ export declare class RingBuilder {
 }
 export type RingType = "outline" | "outline-inset" | "shadow" | "shadow-inset" | "border" | "none" | undefined;
 export declare const isNone: (type: RingType) => boolean;
+export declare const ringTypeAttribute = "ring-type";
 export {};
 //# sourceMappingURL=ring.d.ts.map

package/internal/ring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ring.d.ts","sourceRoot":"__source__/","sources":["internal/ring.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhD,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAoBF;;GAEG;AACH,qBAAa,WAAW;IACtB,GAAG,EAAE,MAAM,CAAC;gBAEA,EACV,QAAkB,EAClB,KAAsC,EACtC,KAAsC,EACtC,IAAI,GACL,GAAE,cAAmB;IAStB,IAAI,UAAU,IAAI,aAAa,CAE9B;CACF;AAED,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/G,eAAO,MAAM,MAAM,SAAU,QAAQ,KAAG,OAAmC,CAAC"}
+{"version":3,"file":"ring.d.ts","sourceRoot":"__source__/","sources":["internal/ring.ts"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AAEhD,KAAK,cAAc,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAmBF;;GAEG;AACH,qBAAa,WAAW;IACtB,GAAG,EAAE,MAAM,CAAC;gBAEA,EACV,QAAkB,EAClB,KAAsC,EACtC,KAAsC,EACtC,IAAI,GACL,GAAE,cAAmB;IAStB,IAAI,UAAU,IAAI,aAAa,CAE9B;CACF;AAED,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,eAAe,GAAG,QAAQ,GAAG,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/G,eAAO,MAAM,MAAM,SAAU,QAAQ,KAAG,OAAmC,CAAC;AAE5E,eAAO,MAAM,iBAAiB,cAAc,CAAC"}

package/internal/ring.js

@@ -1,2 +1,2 @@
-import{toVar as o}from"@godown/element";import{cssGlobalVars as t}from"./global-style.js";import{unsafeCSS as i}from"lit";const e=({width:o,color:t,inset:i})=>`outline-style:solid;outline-color:${t};outline-width:${o};${i?`outline-offset:calc(-1 * ${o});`:""}`,s=({width:o,color:t,inset:i})=>`box-shadow:${i?"inset":""} 0 0 0 ${o} ${t};`,r={outline:(o,t)=>e({width:o,color:t,inset:!1}),"outline-inset":(o,t)=>e({width:o,color:t,inset:!0}),"box-shadow":(o,t)=>s({width:o,color:t,inset:!1}),shadow:(o,t)=>s({width:o,color:t,inset:!1}),"box-shadow-inset":(o,t)=>s({width:o,color:t,inset:!0}),"shadow-inset":(o,t)=>s({width:o,color:t,inset:!0}),border:(o,t)=>(({width:o,color:t})=>`border-style:solid;border-color:${t};border-width:${o};border-style:solid;`)({width:o,color:t})};class RingBuilder{constructor({selector:i=":host",width:e=o(t.ringWidth),color:s=o(t.ringColor),type:l}={}){if(l&&l in r){const o=r[l](e,s);this.css=`${i}{${o}}`}else this.css=""}get styleSheet(){return i(this.css).styleSheet}}const l=o=>!o||"none"===o;export{RingBuilder,l as isNone};
+import{toVar as o}from"@godown/element";import{cssGlobalVars as t}from"./global-style.js";import{unsafeCSS as i}from"lit";const e=({width:o,color:t,inset:i})=>`outline-style:solid;outline-color:${t};outline-width:${o};${i?`outline-offset:calc(-1 * ${o});`:""}`,s=({width:o,color:t,inset:i})=>`box-shadow:${i?"inset":""} 0 0 0 ${o} ${t};`,r={outline:(o,t)=>e({width:o,color:t,inset:!1}),"outline-inset":(o,t)=>e({width:o,color:t,inset:!0}),"box-shadow":(o,t)=>s({width:o,color:t,inset:!1}),shadow:(o,t)=>s({width:o,color:t,inset:!1}),"box-shadow-inset":(o,t)=>s({width:o,color:t,inset:!0}),"shadow-inset":(o,t)=>s({width:o,color:t,inset:!0}),border:(o,t)=>(({width:o,color:t})=>`border-style:solid;border-color:${t};border-width:${o};`)({width:o,color:t})};class RingBuilder{constructor({selector:i=":host",width:e=o(t.ringWidth),color:s=o(t.ringColor),type:l}={}){if(l&&l in r){const o=r[l](e,s);this.css=`${i}{${o}}`}else this.css=""}get styleSheet(){return i(this.css).styleSheet}}const l=o=>!o||"none"===o,n="ring-type";export{RingBuilder,l as isNone,n as ringTypeAttribute};
 //# sourceMappingURL=ring.js.map

package/internal/ring.js.map

@@ -1 +1 @@
-{"version":3,"file":"ring.js","sources":["../src/internal/ring.ts"],"sourcesContent":null,"names":["outlineRing","width","color","inset","shadowRing","ringMap","outline","shadow","border","borderRing","RingBuilder","constructor","selector","toVar","cssGlobalVars","ringWidth","ringColor","type","style","this","css","styleSheet","unsafeCSS","isNone"],"mappings":"0HAWA,MAAMA,EAAc,EAAGC,QAAOC,QAAOC,WACnC,qCAAqCD,mBAAuBD,KAASE,EAAQ,4BAA4BF,MAAY,KAKjHG,EAAa,EAAGH,QAAOC,QAAOC,WAAY,cAAcA,EAAQ,QAAU,YAAYF,KAASC,KAE/FG,EAAU,CACdC,QAAS,CAACL,EAAOC,IAAUF,EAAY,CAAEC,QAAOC,QAAOC,OAAO,IAC9D,gBAAiB,CAACF,EAAOC,IAAUF,EAAY,CAAEC,QAAOC,QAAOC,OAAO,IACtE,aAAc,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IAClEI,OAAQ,CAACN,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IAC5D,mBAAoB,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IACxE,eAAgB,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IACpEK,OAAQ,CAACP,EAAOC,IAZC,GAAGD,QAAOC,WAC3B,mCAAmCA,kBAAsBD,wBAW/BQ,CAAW,CAAER,QAAOC,iBAMnCQ,YAGX,WAAAC,EAAYC,SACVA,EAAW,QAAOX,MAClBA,EAAQY,EAAMC,EAAcC,WAAUb,MACtCA,EAAQW,EAAMC,EAAcE,WAAUC,KACtCA,GACkB,IAClB,GAAIA,GAAQA,KAAQZ,EAAS,CAC3B,MAAMa,EAAQb,EAAQY,GAAMhB,EAAOC,GACnCiB,KAAKC,IAAM,GAAGR,KAAYM,UAE1BC,KAAKC,IAAM,GAIf,cAAIC,GACF,OAAOC,EAAUH,KAAKC,KAAKC,YAMxB,MAAME,EAAUN,IAA6BA,GAAiB,SAATA"}
+{"version":3,"file":"ring.js","sources":["../src/internal/ring.ts"],"sourcesContent":null,"names":["outlineRing","width","color","inset","shadowRing","ringMap","outline","shadow","border","borderRing","RingBuilder","constructor","selector","toVar","cssGlobalVars","ringWidth","ringColor","type","style","this","css","styleSheet","unsafeCSS","isNone","ringTypeAttribute"],"mappings":"0HAWA,MAAMA,EAAc,EAAGC,QAAOC,QAAOC,WACnC,qCAAqCD,mBAAuBD,KAASE,EAAQ,4BAA4BF,MAAY,KAIjHG,EAAa,EAAGH,QAAOC,QAAOC,WAAY,cAAcA,EAAQ,QAAU,YAAYF,KAASC,KAE/FG,EAAU,CACdC,QAAS,CAACL,EAAOC,IAAUF,EAAY,CAAEC,QAAOC,QAAOC,OAAO,IAC9D,gBAAiB,CAACF,EAAOC,IAAUF,EAAY,CAAEC,QAAOC,QAAOC,OAAO,IACtE,aAAc,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IAClEI,OAAQ,CAACN,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IAC5D,mBAAoB,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IACxE,eAAgB,CAACF,EAAOC,IAAUE,EAAW,CAAEH,QAAOC,QAAOC,OAAO,IACpEK,OAAQ,CAACP,EAAOC,IAXC,GAAGD,QAAOC,WAAY,mCAAmCA,kBAAsBD,KAWtEQ,CAAW,CAAER,QAAOC,iBAMnCQ,YAGX,WAAAC,EAAYC,SACVA,EAAW,QAAOX,MAClBA,EAAQY,EAAMC,EAAcC,WAAUb,MACtCA,EAAQW,EAAMC,EAAcE,WAAUC,KACtCA,GACkB,IAClB,GAAIA,GAAQA,KAAQZ,EAAS,CAC3B,MAAMa,EAAQb,EAAQY,GAAMhB,EAAOC,GACnCiB,KAAKC,IAAM,GAAGR,KAAYM,UAE1BC,KAAKC,IAAM,GAIf,cAAIC,GACF,OAAOC,EAAUH,KAAKC,KAAKC,YAMxB,MAAME,EAAUN,IAA6BA,GAAiB,SAATA,EAE/CO,EAAoB"}

package/internal/super-input.d.ts

@@ -1,7 +1,7 @@
 import { type HandlerEvent } from "@godown/element";
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "./global-style.js";
-import type { RingType } from "./ring.js";
+import { type RingType } from "./ring.js";
 declare class SuperInput<V = string> extends GlobalStyle {
     autofocus: boolean;
     autocomplete: string | boolean;

package/internal/super-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.d.ts","sourceRoot":"__source__/","sources":["internal/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAqC,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAkB1C,cACM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAC9C,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,QAAQ,CAAY;IAG9B,QAAQ,UAAS;IAGjB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,CAAC,CAAC;IAET,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAS/D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAIhE,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAM5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAK7C;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"super-input.d.ts","sourceRoot":"__source__/","sources":["internal/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAqC,MAAM,iBAAiB,CAAC;AACvF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAqB,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAC;AAkB7D,cACM,UAAU,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAC9C,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,QAAQ,CAAY;IAG9B,QAAQ,UAAS;IAGjB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,CAAC,CAAC;IAET,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAS/D,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAIhE,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAM5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAK7C;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/internal/super-input.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{queryPart as e,styles as i,omit as o,htmlSlot as s}from"@godown/element";import{css as r,html as a}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as u}from"./global-style.js";const p=r`:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let l=class SuperInput extends u{constructor(){super(...arguments),this.autofocus=!1,this.ringType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return o(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}_handleChange(t){this.dispatchCustomEvent("change",this.value)}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return a`<i part="prefix">${s("prefix")}</i>`}_renderSuffix(){return a`<i part="suffix">${s("suffix")}</i>`}};t([n()],l.prototype,"autocomplete",void 0),t([n({attribute:"ring-type"})],l.prototype,"ringType",void 0),t([n({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),t([n({reflect:!0})],l.prototype,"placeholder",void 0),t([n({reflect:!0})],l.prototype,"name",void 0),t([n()],l.prototype,"value",void 0),t([n()],l.prototype,"default",void 0),t([e("input")],l.prototype,"_input",void 0),l=t([i(p)],l);var d=l;export{l as SuperInput,d as default};
+import{__decorate as t}from"tslib";import{queryPart as e,styles as i,omit as o,htmlSlot as s}from"@godown/element";import{css as r,html as a}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as u}from"./global-style.js";import{ringTypeAttribute as p}from"./ring.js";const l=r`:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let d=class SuperInput extends u{constructor(){super(...arguments),this.autofocus=!1,this.ringType="border",this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return o(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}_handleChange(t){this.dispatchCustomEvent("change",this.value)}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return a`<i part="prefix">${s("prefix")}</i>`}_renderSuffix(){return a`<i part="suffix">${s("suffix")}</i>`}};t([n()],d.prototype,"autocomplete",void 0),t([n({attribute:p})],d.prototype,"ringType",void 0),t([n({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),t([n({reflect:!0})],d.prototype,"placeholder",void 0),t([n({reflect:!0})],d.prototype,"name",void 0),t([n()],d.prototype,"value",void 0),t([n()],d.prototype,"default",void 0),t([e("input")],d.prototype,"_input",void 0),d=t([i(l)],d);var h=d;export{d as SuperInput,h as default};
 //# sourceMappingURL=super-input.js.map

package/internal/super-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.js","sources":["../src/internal/super-input.ts"],"sourcesContent":null,"names":["inputStyle","css","observedRecord","omit","super","this","default","value","defaultValue","namevalue","name","reset","_input","_handleInput","e","stopPropagation","compositing","target","trim","dispatchCustomEvent","bubbles","connectedCallback","_connectedInit","events","add","focus","options","firstUpdated","_compositionInit","_renderPrefix","html","_renderSuffix","htmlSlot","property","SuperInput","prototype","attribute","type","Boolean","reflect","__decorate","queryPart","styles","SuperInput$1"],"mappings":"oPAOA,MAAMA,EAAaC,CAAG,4WAcpB,kBAAAC,GAGc,OAAAC,EAAVC,MAAAF,eAA+B,UAAW,QAAhD,qBACEG,KAASC,QAAAC,kBAQTC,GAwBA,OAAAH,KAAAC,QAEG,SAAAG,GACH,MAAW,CAAAJ,KAAAK,KAAGL,KAAKE,MAUT,CAMV,KAAAI,GA2DDN,KAAAE,MAAAF,KAAAC,QA3FKD,KAAcO,OAAAL,MAAAF,KAAAC,QAElB,YAAAO,CAACC,GAgBGA,EAAAC,kBACEV,KAACW,cAILX,KAAOE,MAAKO,EAAAG,OAAQV,OAAAW,OACrBb,KAAAc,oBAAA,QAAAd,KAAAE,MAAA,CAAAa,SAAA,sBAMAf,KAAAc,oBAAA,SAAAd,KAAAE,OAKC,iBAAAc,GACAjB,0BACDC,KAAAiB,gBAES,kBAERjB,KAAQC,UAAYD,KAAEE,OAAC,QACdA,QAAAF,KAAAC,2BAGLD,KAACO,SACNP,KAAAkB,OAAAC,IAAAnB,KAAAO,OAAA,oBAAA,IAAAP,KAAAW,aAAA,IAESX,KAAakB,OAAkCC,IAAAnB,KAAAO,OAAA,kBAAAE,sBAC9B,EAC1BT,KAAAQ,aAAAC,EAAA,KAKD,KAAAW,CAACC,GAEuBrB,KAAAO,QAAAa,MAAAC,GAEtB,YAAAC,GACDtB,KAAAuB,mBAGC,aAAAC,UACMC,sCACJ,CACE,aAAAC,GACA,OAAAD,CAAA,oBAAAE,EAAA,eACF,KAEH,CAEDC,KACEC,EAAAC,UAAA,oBAAA,MAGQF,EAAY,CAAAG,UAAA,iBACfD,UAAA,gBAAA,KACN,CAESF,EAAa,CAAAI,KAAAC,QAAAC,SAAA,KACrBL,EAAAC,UAAW,gBAAA,QAET,CAAAI,SAAA,OACHJ,UAAA,mBAAA,KAEsB,CACrBF,EAAA,CAAAM,SAAA,iBACqB,YAAQ,KAC3B,CACJN,KACDC,EAAAC,UAAA,aAAA,GA5GCK,EAAA,CADCP,KAC8BC,EAAAC,UAAA,eAAA,GAG/BK,EAAA,CADCC,EAAA,UAC6BP,EAAAC,UAAA,cAAA,GAG9BD,EAAAM,EAAA,CADCE,EAAQ1C,IACQkC,GAGjB,IAAAS,EAAAT"}
+{"version":3,"file":"super-input.js","sources":["../src/internal/super-input.ts"],"sourcesContent":null,"names":["inputStyle","css","observedRecord","omit","super","this","default","value","defaultValue","namevalue","name","reset","_input","_handleInput","e","stopPropagation","compositing","target","trim","dispatchCustomEvent","bubbles","connectedCallback","_connectedInit","events","add","focus","options","firstUpdated","_compositionInit","_renderPrefix","html","_renderSuffix","htmlSlot","property","SuperInput","prototype","attribute","ringTypeAttribute","type","Boolean","reflect","__decorate","queryPart","styles","SuperInput$1"],"mappings":"kSAOA,MAAMA,EAAaC,CAAG,4WAcpB,kBAAAC,GAGc,OAAAC,EAAVC,MAAAF,eAA+B,UAAW,QAAhD,qBACEG,KAASC,QAAAC,kBAQTC,GAwBA,OAAAH,KAAAC,QAEG,SAAAG,GACH,MAAW,CAAAJ,KAAAK,KAAGL,KAAKE,MAUT,CAMV,KAAAI,GA2DDN,KAAAE,MAAAF,KAAAC,QA3FKD,KAAcO,OAAAL,MAAAF,KAAAC,QAElB,YAAAO,CAACC,GAgBGA,EAAAC,kBACEV,KAACW,cAILX,KAAOE,MAAKO,EAAAG,OAAQV,OAAAW,OACrBb,KAAAc,oBAAA,QAAAd,KAAAE,MAAA,CAAAa,SAAA,sBAMAf,KAAAc,oBAAA,SAAAd,KAAAE,OAKC,iBAAAc,GACAjB,0BACDC,KAAAiB,gBAES,kBAERjB,KAAQC,UAAYD,KAAEE,OAAC,QACdA,QAAAF,KAAAC,2BAGLD,KAACO,SACNP,KAAAkB,OAAAC,IAAAnB,KAAAO,OAAA,oBAAA,IAAAP,KAAAW,aAAA,IAESX,KAAakB,OAAkCC,IAAAnB,KAAAO,OAAA,kBAAAE,sBAC9B,EAC1BT,KAAAQ,aAAAC,EAAA,KAKD,KAAAW,CAACC,GAEuBrB,KAAAO,QAAAa,MAAAC,GAEtB,YAAAC,GACDtB,KAAAuB,mBAGC,aAAAC,UACMC,sCACJ,CACE,aAAAC,GACA,OAAAD,CAAA,oBAAAE,EAAA,eACF,KAEH,CAEDC,KACEC,EAAAC,UAAA,oBAAA,MAGQF,EAAY,CAAAG,UAAAC,OACfF,UAAA,gBAAA,KACN,CAESF,EAAa,CAAAK,KAAAC,QAAAC,SAAA,KACrBN,EAAAC,UAAW,gBAAA,QAET,CAAAK,SAAA,OACHL,UAAA,mBAAA,KAEsB,CACrBF,EAAA,CAAAO,SAAA,iBACqB,YAAQ,KAC3B,CACJP,KACDC,EAAAC,UAAA,aAAA,GA5GCM,EAAA,CADCR,KAC8BC,EAAAC,UAAA,eAAA,GAG/BM,EAAA,CADCC,EAAA,UAC6BR,EAAAC,UAAA,cAAA,GAG9BD,EAAAO,EAAA,CADCE,EAAQ3C,IACQkC,GAGjB,IAAAU,EAAAV"}

package/internal/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function memoize<T extends (...args: any[]) => any>(fn: T): T;
+//# sourceMappingURL=utils.d.ts.map

package/internal/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"__source__/","sources":["internal/utils.ts"],"names":[],"mappings":"AAAA,wBAAgB,OAAO,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,CASnE"}

package/internal/utils.js

@@ -0,0 +1,2 @@
+function t(t){let n,r=function(...e){return n=t.apply(this,e),r=()=>n,n};return r}export{t as memoize};
+//# sourceMappingURL=utils.js.map

package/internal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../src/internal/utils.ts"],"sourcesContent":null,"names":["memoize","fn","result","proxyFunction","args","apply","this"],"mappings":"AAAM,SAAUA,EAA2CC,GACzD,IAAIC,EACAC,EAAgB,YAAwBC,GAG1C,OAFAF,EAASD,EAAGI,MAAMC,KAAMF,GACxBD,EAAa,IAAUD,EAChBA,CACH,EAEN,OAAOC,CACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.12.0",
+  "version": "3.13.0",
   "description": "Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -41,7 +41,6 @@
     "check-types": "tsc --noEmit",
     "clean": "tsc --build tsconfig.prod.json --clean",
     "build": "tsx build.ts",
-    "build:ts": "tsc",
-    "manifest": "tsx manifest.ts"
+    "build:ts": "tsc"
   }
 }

package/popover.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./web-components/popover/definition.js";
+//# sourceMappingURL=popover.d.ts.map

package/popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"__source__/","sources":["popover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,wCAAwC,CAAC"}

package/popover.js

@@ -0,0 +1,2 @@
+export{default}from"./web-components/popover/definition.js";
+//# sourceMappingURL=popover.js.map

package/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/src/index.ts

@@ -17,6 +17,7 @@ export { default as Heading } from "./heading.js";
 export { default as Input } from "./input.js";
 export { default as Layout } from "./layout.js";
 export { default as Link } from "./link.js";
+export { default as Popover } from "./popover.js";
 export { default as Progress } from "./progress.js";
 export { default as Range } from "./range.js";
 export { default as Rotate } from "./rotate.js";

package/src/internal/global-style.ts

@@ -1,7 +1,9 @@
 import { declareLightDarkColors, GodownElement, joinDeclarations, joinRules, toVar, trim } from "@godown/element";
 import { type CSSResult, css, unsafeCSS } from "lit";
+import { resetStyle } from "./reset-style.js";
 
 export class GlobalStyle extends GodownElement {}
+
 export default GlobalStyle;
 
 const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
@@ -43,6 +45,7 @@ export const cssGlobalVars: {
 };
 
 GlobalStyle.styles = [
+  resetStyle,
   unsafeCSS(
     declareLightDarkColors(
       ":host",
@@ -71,39 +74,6 @@ GlobalStyle.styles = [
     }),
   ),
   css`
-    input,
-    button,
-    dialog {
-      border: 0;
-      outline: 0;
-    }
-
-    * {
-      margin: 0;
-      padding: 0;
-      font-size: 100%;
-      font-style: normal;
-      box-sizing: border-box;
-    }
-
-    :host {
-      box-sizing: border-box;
-      border-style: none;
-      outline-style: none;
-    }
-
-    a {
-      text-decoration: none;
-    }
-
-    span {
-      white-space: nowrap;
-    }
-
-    svg {
-      user-select: none;
-    }
-
     :host([contents]) {
       display: contents;
     }
@@ -127,6 +97,8 @@ GlobalStyle.styles = [
     :host {
       ${cssGlobalVars.radius}: 0.2em;
       border-radius: var(${cssGlobalVars.radius});
+      border-style: none;
+      outline-style: none;
     }
   `,
 ];

package/src/internal/popover.ts

@@ -0,0 +1,64 @@
+import { memoize } from "./utils.js";
+
+const POPOVER = "popover";
+
+const supportPopover = () => Object.hasOwn(HTMLElement.prototype, POPOVER);
+
+const getPopoverAttribute = (element: HTMLElement) => element.getAttribute(POPOVER);
+
+const shimHide = (element: HTMLElement) => {
+  element.style.display = "none";
+};
+
+const standardHide = (element: HTMLElement) => {
+  if (getPopoverAttribute(element) !== null) {
+    element.hidePopover();
+  } else {
+    shimHide(element);
+  }
+};
+
+export const hidePopover: (element: HTMLElement) => void = memoize((element: HTMLElement) => {
+  if (supportPopover()) {
+    return standardHide(element);
+  }
+  return shimHide(element);
+});
+
+function shimShow(this: void | HTMLElement, element: HTMLElement) {
+  element.style.display = "block";
+
+  if (this && getPopoverAttribute(element) !== "manual") {
+    const listenType = "click";
+    const listener = (e: MouseEvent) => {
+      if (!this.contains(e.target as Node)) {
+        element.dispatchEvent(
+          new Event("toggle", {
+            bubbles: true,
+            composed: true,
+            newState: "closed",
+          } as ToggleEvent),
+        );
+        hidePopover(element);
+        document.removeEventListener(listenType, listener);
+      }
+    };
+
+    document.addEventListener(listenType, listener);
+  }
+}
+
+function standardShow(this: void | HTMLElement, element: HTMLElement) {
+  if (getPopoverAttribute(element) !== null) {
+    element.showPopover();
+  } else {
+    shimShow.call(this, element);
+  }
+}
+
+export const showPopover: (this: void | HTMLElement, element: HTMLElement) => void = memoize(function (this, element) {
+  if (supportPopover()) {
+    return standardShow.call(this, element);
+  }
+  return shimShow.call(this, element);
+});

package/src/internal/reset-style.ts

@@ -0,0 +1,63 @@
+import { css, type CSSResult } from "lit";
+
+export const resetStyle: CSSResult = css`
+  *,
+  :host {
+    box-sizing: border-box;
+  }
+
+  i {
+    font-style: normal;
+  }
+
+  a {
+    color: currentColor;
+    text-decoration: none;
+  }
+
+  span {
+    white-space: nowrap;
+  }
+
+  svg {
+    user-select: none;
+  }
+
+  input {
+    border: 0;
+    padding: 0;
+    outline: 0;
+    font-size: 100%;
+    color: currentColor;
+    background: none;
+  }
+
+  dl,
+  dd {
+    margin: 0;
+  }
+
+  ul {
+    padding: 0;
+    margin: 0;
+  }
+
+  dialog {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    outline: 0;
+  }
+
+  [popover] {
+    border: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  @supports not selector(:popover-open) {
+    [popover] {
+      display: none;
+    }
+  }
+`;

package/src/internal/ring.ts

@@ -12,8 +12,7 @@ type OutlineOptions = {
 const outlineRing = ({ width, color, inset }) =>
   `outline-style:solid;outline-color:${color};outline-width:${width};${inset ? `outline-offset:calc(-1 * ${width});` : ""}`;
 
-const borderRing = ({ width, color }) =>
-  `border-style:solid;border-color:${color};border-width:${width};border-style:solid;`;
+const borderRing = ({ width, color }) => `border-style:solid;border-color:${color};border-width:${width};`;
 
 const shadowRing = ({ width, color, inset }) => `box-shadow:${inset ? "inset" : ""} 0 0 0 ${width} ${color};`;
 
@@ -55,3 +54,5 @@ export class RingBuilder {
 export type RingType = "outline" | "outline-inset" | "shadow" | "shadow-inset" | "border" | "none" | undefined;
 
 export const isNone = (type: RingType): boolean => !type || type === "none";
+
+export const ringTypeAttribute = "ring-type";

package/src/internal/super-input.ts

@@ -3,7 +3,7 @@ import { type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
 import { GlobalStyle } from "./global-style.js";
-import type { RingType } from "./ring.js";
+import { ringTypeAttribute, type RingType } from "./ring.js";
 
 const inputStyle = css`
   :host([disabled]) {
@@ -27,7 +27,7 @@ class SuperInput<V = string> extends GlobalStyle {
   @property()
   autocomplete: string | boolean;
 
-  @property({ attribute: "ring-type" })
+  @property({ attribute: ringTypeAttribute })
   ringType: RingType = "border";
 
   @property({ type: Boolean, reflect: true })

package/src/internal/utils.ts

@@ -0,0 +1,10 @@
+export function memoize<T extends (...args: any[]) => any>(fn: T): T {
+  let result: ReturnType<T> | undefined;
+  let proxyFunction = function (this: any, ...args) {
+    result = fn.apply(this, args);
+    proxyFunction = (() => result) as T;
+    return result;
+  } as T;
+
+  return proxyFunction;
+}

package/src/popover.ts

@@ -0,0 +1 @@
+export { default } from "./web-components/popover/definition.js";

package/src/web-components/alert/component.ts

@@ -3,7 +3,7 @@ import { type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
 import { cssGlobalVars, GlobalStyle } from "../../internal/global-style.js";
-import { RingBuilder, type RingType } from "../../internal/ring.js";
+import { RingBuilder, ringTypeAttribute, type RingType } from "../../internal/ring.js";
 
 const protoName = "alert";
 
@@ -20,6 +20,7 @@ const protoName = "alert";
 @styles(css`
   :host {
     background: var(${cssGlobalVars.background});
+    color: var(${cssGlobalVars.foreground});
   }
 
   :host,
@@ -45,7 +46,7 @@ class Alert extends GlobalStyle {
     new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);
   }
 
-  @property({ attribute: "ring-type" })
+  @property({ attribute: ringTypeAttribute })
   ringType: RingType = "border";
 
   /**

package/src/web-components/avatar/component.ts

@@ -18,6 +18,7 @@ const protoName = "avatar";
 @godown(protoName)
 @styles(css`
   :host {
+    color: var(${cssGlobalVars.foreground});
     background: var(${cssGlobalVars.passive});
     vertical-align: bottom;
     overflow: hidden;

package/src/web-components/button/component.ts

@@ -61,6 +61,8 @@ const cssScope = scopePrefix(protoName);
       padding: 0.25em 0.75em;
       position: relative;
       user-select: none;
+      display: grid;
+      place-content: center;
     }
 
     i {

package/src/web-components/card/component.ts

@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
 
 import { GlobalStyle, cssGlobalVars, scopePrefix } from "../../internal/global-style.js";
 import type Layout from "../layout/component.js";
-import { RingBuilder, type RingType } from "../../internal/ring.js";
+import { RingBuilder, ringTypeAttribute, type RingType } from "../../internal/ring.js";
 
 const protoName = "card";
 const cssScope = scopePrefix(protoName);
@@ -25,6 +25,7 @@ const cssScope = scopePrefix(protoName);
   :host {
     ${cssScope}--padding: .75em;
     background: var(${cssGlobalVars.background});
+    color: var(${cssGlobalVars.foreground});
     display: block;
     flex-shrink: 0;
   }
@@ -52,7 +53,7 @@ class Card extends GlobalStyle {
     new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);
   }
 
-  @property({ attribute: "ring-type" })
+  @property({ attribute: ringTypeAttribute })
   ringType: RingType = "border";
 
   /**

package/src/web-components/chip/component.ts

@@ -3,7 +3,6 @@ import { type TemplateResult, css, html } from "lit";
 import { property } from "lit/decorators.js";
 
 import { GlobalStyle, cssGlobalVars, scopePrefix } from "../../internal/global-style.js";
-import type { DirectionCorner } from "../../internal/direction.js";
 
 const protoName = "chip";
 const cssScope = scopePrefix(protoName);
@@ -69,10 +68,9 @@ const cssScope = scopePrefix(protoName);
 class Chip extends GlobalStyle {
   /**
    * The position of the chip relative to its parent element.
-   * Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
    */
   @property()
-  position: DirectionCorner = "top-right";
+  position: "top-left" | "top-right" | "bottom-left" | "bottom-right" = "top-right";
 
   @property({ type: Number })
   value = 0;