@pantool/components 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/atoms/text/text.css

@@ -1,273 +1 @@
-.D5_2ra_root {
-  --txt-color: currentColor;
-  --txt-size: inherit;
-  --txt-weight: inherit;
-  --txt-line-height: inherit;
-  color: var(--txt-color);
-  font-size: var(--txt-size);
-  font-weight: var(--txt-weight);
-  font-family: var(--typography-typeface-ltr);
-  margin: 0;
-  padding: 0;
-  transition: color .2s ease-in-out;
-}
-
-.D5_2ra_root[data-display="inline"] {
-  display: inline;
-}
-
-.D5_2ra_root[data-display="block"] {
-  display: block;
-}
-
-.D5_2ra_root[data-display="inline-block"] {
-  display: inline-block;
-}
-
-.D5_2ra_root[data-align="left"] {
-  text-align: left;
-}
-
-.D5_2ra_root[data-align="right"] {
-  text-align: right;
-}
-
-.D5_2ra_root[data-align="center"] {
-  text-align: center;
-}
-
-.D5_2ra_root[data-align="justify"] {
-  text-align: justify;
-}
-
-.D5_2ra_root[data-align="start"] {
-  text-align: start;
-}
-
-.D5_2ra_root[data-align="end"] {
-  text-align: end;
-}
-
-.D5_2ra_root[data-no-wrap] {
-  white-space: nowrap;
-  overflow: hidden;
-}
-
-.D5_2ra_root[data-text-overflow="clip"] {
-  text-overflow: clip;
-}
-
-.D5_2ra_root[data-text-overflow="ellipsis"] {
-  text-overflow: ellipsis;
-}
-
-.D5_2ra_root[data-weight="100"] {
-  --txt-weight: 100 !important;
-}
-
-.D5_2ra_root[data-weight="200"] {
-  --txt-weight: 200 !important;
-}
-
-.D5_2ra_root[data-weight="300"] {
-  --txt-weight: 300 !important;
-}
-
-.D5_2ra_root[data-weight="400"] {
-  --txt-weight: 400 !important;
-}
-
-.D5_2ra_root[data-weight="500"] {
-  --txt-weight: 500 !important;
-}
-
-.D5_2ra_root[data-weight="600"] {
-  --txt-weight: 600 !important;
-}
-
-.D5_2ra_root[data-weight="700"] {
-  --txt-weight: 700 !important;
-}
-
-.D5_2ra_root[data-weight="800"] {
-  --txt-weight: 800 !important;
-}
-
-.D5_2ra_root[data-weight="900"] {
-  --txt-weight: 900 !important;
-}
-
-.D5_2ra_root[data-variant="h1"] {
-  --txt-size: var(--typography-heading-h1-size);
-  --txt-weight: var(--typography-heading-h1-weight);
-}
-
-.D5_2ra_root[data-variant="h2"] {
-  --txt-size: var(--typography-heading-h2-size);
-  --txt-weight: var(--typography-heading-h2-weight);
-}
-
-.D5_2ra_root[data-variant="h3"] {
-  --txt-size: var(--typography-heading-h3-size);
-  --txt-weight: var(--typography-heading-h3-weight);
-}
-
-.D5_2ra_root[data-variant="h4"] {
-  --txt-size: var(--typography-heading-h4-size);
-  --txt-weight: var(--typography-heading-h4-weight);
-}
-
-.D5_2ra_root[data-variant="h5"] {
-  --txt-size: var(--typography-heading-h5-size);
-  --txt-weight: var(--typography-heading-h5-weight);
-}
-
-.D5_2ra_root[data-variant="h6"] {
-  --txt-size: var(--typography-heading-h6-size);
-  --txt-weight: var(--typography-heading-h6-weight);
-}
-
-.D5_2ra_root[data-variant="subheading1"] {
-  --txt-size: var(--typography-subheading-1-size);
-  --txt-weight: var(--typography-subheading-1-weight);
-}
-
-.D5_2ra_root[data-variant="subheading2"] {
-  --txt-size: var(--typography-subheading-2-size);
-  --txt-weight: var(--typography-subheading-2-weight);
-}
-
-.D5_2ra_root[data-variant="body1"] {
-  --txt-size: var(--typography-body-1-size);
-  --txt-weight: var(--typography-body-1-weight);
-}
-
-.D5_2ra_root[data-variant="body2"] {
-  --txt-size: var(--typography-body-2-size);
-  --txt-weight: var(--typography-body-2-weight);
-}
-
-.D5_2ra_root[data-variant="caption"] {
-  --txt-size: var(--typography-caption-base-size);
-  --txt-weight: var(--typography-caption-base-weight);
-}
-
-.D5_2ra_root[data-color="normal"] {
-  --txt-color: var(--color-content-neutral-base);
-}
-
-.D5_2ra_root[data-color="secondary"] {
-  --txt-color: var(--color-content-neutral-secondary);
-}
-
-.D5_2ra_root[data-color="tertiary"] {
-  --txt-color: var(--color-content-neutral-tertiary);
-}
-
-.D5_2ra_root[data-color="muted"] {
-  --txt-color: var(--color-content-neutral-muted);
-}
-
-.D5_2ra_root[data-color="brand"] {
-  --txt-color: var(--color-content-brand-base);
-}
-
-.D5_2ra_root[data-color="brand-secondary"] {
-  --txt-color: var(--color-content-brand-secondary);
-}
-
-.D5_2ra_root[data-color="brand-tertiary"] {
-  --txt-color: var(--color-content-brand-tertiary);
-}
-
-.D5_2ra_root[data-color="brand-muted"] {
-  --txt-color: var(--color-content-brand-muted);
-}
-
-.D5_2ra_root[data-color="positive"] {
-  --txt-color: var(--color-content-positive-base);
-}
-
-.D5_2ra_root[data-color="positive-secondary"] {
-  --txt-color: var(--color-content-positive-secondary);
-}
-
-.D5_2ra_root[data-color="positive-tertiary"] {
-  --txt-color: var(--color-content-positive-tertiary);
-}
-
-.D5_2ra_root[data-color="positive-muted"] {
-  --txt-color: var(--color-content-positive-muted);
-}
-
-.D5_2ra_root[data-color="negative"] {
-  --txt-color: var(--color-content-negative-base);
-}
-
-.D5_2ra_root[data-color="negative-secondary"] {
-  --txt-color: var(--color-content-negative-secondary);
-}
-
-.D5_2ra_root[data-color="negative-tertiary"] {
-  --txt-color: var(--color-content-negative-tertiary);
-}
-
-.D5_2ra_root[data-color="negative-muted"] {
-  --txt-color: var(--color-content-negative-muted);
-}
-
-.D5_2ra_root[data-color="warn"] {
-  --txt-color: var(--color-content-warn-base);
-}
-
-.D5_2ra_root[data-color="warn-secondary"] {
-  --txt-color: var(--color-content-warn-secondary);
-}
-
-.D5_2ra_root[data-color="warn-tertiary"] {
-  --txt-color: var(--color-content-warn-tertiary);
-}
-
-.D5_2ra_root[data-color="warn-muted"] {
-  --txt-color: var(--color-content-warn-muted);
-}
-
-.D5_2ra_root[data-color="info"] {
-  --txt-color: var(--color-content-info-base);
-}
-
-.D5_2ra_root[data-color="info-secondary"] {
-  --txt-color: var(--color-content-info-secondary);
-}
-
-.D5_2ra_root[data-color="info-tertiary"] {
-  --txt-color: var(--color-content-info-tertiary);
-}
-
-.D5_2ra_root[data-color="info-muted"] {
-  --txt-color: var(--color-content-info-muted);
-}
-
-.D5_2ra_root[data-color="on-neutral"] {
-  --txt-color: var(--color-on-neutral);
-}
-
-.D5_2ra_root[data-color="on-brand"] {
-  --txt-color: var(--color-on-brand);
-}
-
-.D5_2ra_root[data-color="on-positive"] {
-  --txt-color: var(--color-on-positive);
-}
-
-.D5_2ra_root[data-color="on-negative"] {
-  --txt-color: var(--color-on-negative);
-}
-
-.D5_2ra_root[data-color="on-warn"] {
-  --txt-color: var(--color-on-warn);
-}
-
-.D5_2ra_root[data-color="on-info"] {
-  --txt-color: var(--color-on-info);
-}
+.D5_2ra_root{--txt-color:currentColor;--txt-size:inherit;--txt-weight:inherit;--txt-line-height:inherit;color:var(--txt-color);font-size:var(--txt-size);font-weight:var(--txt-weight);font-family:var(--typography-typeface-ltr);margin:0;padding:0;transition:color .2s ease-in-out}.D5_2ra_root[data-display=inline]{display:inline}.D5_2ra_root[data-display=block]{display:block}.D5_2ra_root[data-display=inline-block]{display:inline-block}.D5_2ra_root[data-align=left]{text-align:left}.D5_2ra_root[data-align=right]{text-align:right}.D5_2ra_root[data-align=center]{text-align:center}.D5_2ra_root[data-align=justify]{text-align:justify}.D5_2ra_root[data-align=start]{text-align:start}.D5_2ra_root[data-align=end]{text-align:end}.D5_2ra_root[data-no-wrap]{white-space:nowrap;overflow:hidden}.D5_2ra_root[data-text-overflow=clip]{text-overflow:clip}.D5_2ra_root[data-text-overflow=ellipsis]{text-overflow:ellipsis}.D5_2ra_root[data-weight="100"]{--txt-weight:100!important}.D5_2ra_root[data-weight="200"]{--txt-weight:200!important}.D5_2ra_root[data-weight="300"]{--txt-weight:300!important}.D5_2ra_root[data-weight="400"]{--txt-weight:400!important}.D5_2ra_root[data-weight="500"]{--txt-weight:500!important}.D5_2ra_root[data-weight="600"]{--txt-weight:600!important}.D5_2ra_root[data-weight="700"]{--txt-weight:700!important}.D5_2ra_root[data-weight="800"]{--txt-weight:800!important}.D5_2ra_root[data-weight="900"]{--txt-weight:900!important}.D5_2ra_root[data-variant=h1]{--txt-size:var(--typography-heading-h1-size);--txt-weight:var(--typography-heading-h1-weight)}.D5_2ra_root[data-variant=h2]{--txt-size:var(--typography-heading-h2-size);--txt-weight:var(--typography-heading-h2-weight)}.D5_2ra_root[data-variant=h3]{--txt-size:var(--typography-heading-h3-size);--txt-weight:var(--typography-heading-h3-weight)}.D5_2ra_root[data-variant=h4]{--txt-size:var(--typography-heading-h4-size);--txt-weight:var(--typography-heading-h4-weight)}.D5_2ra_root[data-variant=h5]{--txt-size:var(--typography-heading-h5-size);--txt-weight:var(--typography-heading-h5-weight)}.D5_2ra_root[data-variant=h6]{--txt-size:var(--typography-heading-h6-size);--txt-weight:var(--typography-heading-h6-weight)}.D5_2ra_root[data-variant=subheading1]{--txt-size:var(--typography-subheading-1-size);--txt-weight:var(--typography-subheading-1-weight)}.D5_2ra_root[data-variant=subheading2]{--txt-size:var(--typography-subheading-2-size);--txt-weight:var(--typography-subheading-2-weight)}.D5_2ra_root[data-variant=body1]{--txt-size:var(--typography-body-1-size);--txt-weight:var(--typography-body-1-weight)}.D5_2ra_root[data-variant=body2]{--txt-size:var(--typography-body-2-size);--txt-weight:var(--typography-body-2-weight)}.D5_2ra_root[data-variant=caption]{--txt-size:var(--typography-caption-base-size);--txt-weight:var(--typography-caption-base-weight)}.D5_2ra_root[data-color=normal]{--txt-color:var(--color-content-neutral-base)}.D5_2ra_root[data-color=secondary]{--txt-color:var(--color-content-neutral-secondary)}.D5_2ra_root[data-color=tertiary]{--txt-color:var(--color-content-neutral-tertiary)}.D5_2ra_root[data-color=muted]{--txt-color:var(--color-content-neutral-muted)}.D5_2ra_root[data-color=brand]{--txt-color:var(--color-content-brand-base)}.D5_2ra_root[data-color=brand-secondary]{--txt-color:var(--color-content-brand-secondary)}.D5_2ra_root[data-color=brand-tertiary]{--txt-color:var(--color-content-brand-tertiary)}.D5_2ra_root[data-color=brand-muted]{--txt-color:var(--color-content-brand-muted)}.D5_2ra_root[data-color=positive]{--txt-color:var(--color-content-positive-base)}.D5_2ra_root[data-color=positive-secondary]{--txt-color:var(--color-content-positive-secondary)}.D5_2ra_root[data-color=positive-tertiary]{--txt-color:var(--color-content-positive-tertiary)}.D5_2ra_root[data-color=positive-muted]{--txt-color:var(--color-content-positive-muted)}.D5_2ra_root[data-color=negative]{--txt-color:var(--color-content-negative-base)}.D5_2ra_root[data-color=negative-secondary]{--txt-color:var(--color-content-negative-secondary)}.D5_2ra_root[data-color=negative-tertiary]{--txt-color:var(--color-content-negative-tertiary)}.D5_2ra_root[data-color=negative-muted]{--txt-color:var(--color-content-negative-muted)}.D5_2ra_root[data-color=warn]{--txt-color:var(--color-content-warn-base)}.D5_2ra_root[data-color=warn-secondary]{--txt-color:var(--color-content-warn-secondary)}.D5_2ra_root[data-color=warn-tertiary]{--txt-color:var(--color-content-warn-tertiary)}.D5_2ra_root[data-color=warn-muted]{--txt-color:var(--color-content-warn-muted)}.D5_2ra_root[data-color=info]{--txt-color:var(--color-content-info-base)}.D5_2ra_root[data-color=info-secondary]{--txt-color:var(--color-content-info-secondary)}.D5_2ra_root[data-color=info-tertiary]{--txt-color:var(--color-content-info-tertiary)}.D5_2ra_root[data-color=info-muted]{--txt-color:var(--color-content-info-muted)}.D5_2ra_root[data-color=on-neutral]{--txt-color:var(--color-on-neutral)}.D5_2ra_root[data-color=on-brand]{--txt-color:var(--color-on-brand)}.D5_2ra_root[data-color=on-positive]{--txt-color:var(--color-on-positive)}.D5_2ra_root[data-color=on-negative]{--txt-color:var(--color-on-negative)}.D5_2ra_root[data-color=on-warn]{--txt-color:var(--color-on-warn)}.D5_2ra_root[data-color=on-info]{--txt-color:var(--color-on-info)}

package/dist/atoms/text/text.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.module.js","names":[],"sources":["../../../src/atoms/text/text.module.css"],"sourcesContent":[".root {\n  /* Internal local variables */\n  --txt-color: currentColor;\n  --txt-size: inherit;\n  --txt-weight: inherit;\n  --txt-line-height: inherit;\n\n  /* Base properties mapped to local variables */\n  color: var(--txt-color);\n  font-size: var(--txt-size);\n  font-weight: var(--txt-weight);\n  /* line-height: var(--txt-line-height); */\n\n  /* Defaults */\n  margin: 0;\n  padding: 0;\n  font-family: var(--typography-typeface-ltr);\n  transition: color 0.2s ease-in-out;\n}\n\n/* --- Layout & Alignment --- */\n.root[data-display=\"inline\"] {\n  display: inline;\n}\n.root[data-display=\"block\"] {\n  display: block;\n}\n.root[data-display=\"inline-block\"] {\n  display: inline-block;\n}\n\n.root[data-align=\"left\"] {\n  text-align: left;\n}\n.root[data-align=\"right\"] {\n  text-align: right;\n}\n.root[data-align=\"center\"] {\n  text-align: center;\n}\n.root[data-align=\"justify\"] {\n  text-align: justify;\n}\n.root[data-align=\"start\"] {\n  text-align: start;\n}\n.root[data-align=\"end\"] {\n  text-align: end;\n}\n\n/* --- Text Overflow --- */\n.root[data-no-wrap] {\n  white-space: nowrap;\n  overflow: hidden;\n}\n.root[data-text-overflow=\"clip\"] {\n  text-overflow: clip;\n}\n.root[data-text-overflow=\"ellipsis\"] {\n  text-overflow: ellipsis;\n}\n\n/* --- Custom Weights (Overrides variant defaults) --- */\n.root[data-weight=\"100\"] {\n  --txt-weight: 100 !important;\n}\n.root[data-weight=\"200\"] {\n  --txt-weight: 200 !important;\n}\n.root[data-weight=\"300\"] {\n  --txt-weight: 300 !important;\n}\n.root[data-weight=\"400\"] {\n  --txt-weight: 400 !important;\n}\n.root[data-weight=\"500\"] {\n  --txt-weight: 500 !important;\n}\n.root[data-weight=\"600\"] {\n  --txt-weight: 600 !important;\n}\n.root[data-weight=\"700\"] {\n  --txt-weight: 700 !important;\n}\n.root[data-weight=\"800\"] {\n  --txt-weight: 800 !important;\n}\n.root[data-weight=\"900\"] {\n  --txt-weight: 900 !important;\n}\n\n/* --- Typography Variants --- */\n.root[data-variant=\"h1\"] {\n  --txt-size: var(--typography-heading-h1-size);\n  --txt-weight: var(--typography-heading-h1-weight);\n  /* --txt-line-height: var(--typography-heading-h1-height); */\n}\n.root[data-variant=\"h2\"] {\n  --txt-size: var(--typography-heading-h2-size);\n  --txt-weight: var(--typography-heading-h2-weight);\n  /* --txt-line-height: var(--typography-heading-h2-height); */\n}\n.root[data-variant=\"h3\"] {\n  --txt-size: var(--typography-heading-h3-size);\n  --txt-weight: var(--typography-heading-h3-weight);\n  /* --txt-line-height: var(--typography-heading-h3-height); */\n}\n.root[data-variant=\"h4\"] {\n  --txt-size: var(--typography-heading-h4-size);\n  --txt-weight: var(--typography-heading-h4-weight);\n  /* --txt-line-height: var(--typography-heading-h4-height); */\n}\n.root[data-variant=\"h5\"] {\n  --txt-size: var(--typography-heading-h5-size);\n  --txt-weight: var(--typography-heading-h5-weight);\n  /* --txt-line-height: var(--typography-heading-h5-height); */\n}\n.root[data-variant=\"h6\"] {\n  --txt-size: var(--typography-heading-h6-size);\n  --txt-weight: var(--typography-heading-h6-weight);\n  /* --txt-line-height: var(--typography-heading-h6-height); */\n}\n.root[data-variant=\"subheading1\"] {\n  --txt-size: var(--typography-subheading-1-size);\n  --txt-weight: var(--typography-subheading-1-weight);\n  /* --txt-line-height: var(--typography-subheading-1-height); */\n}\n.root[data-variant=\"subheading2\"] {\n  --txt-size: var(--typography-subheading-2-size);\n  --txt-weight: var(--typography-subheading-2-weight);\n  /* --txt-line-height: var(--typography-subheading-2-height); */\n}\n.root[data-variant=\"body1\"] {\n  --txt-size: var(--typography-body-1-size);\n  --txt-weight: var(--typography-body-1-weight);\n  /* --txt-line-height: var(--typography-body-1-height); */\n}\n.root[data-variant=\"body2\"] {\n  --txt-size: var(--typography-body-2-size);\n  --txt-weight: var(--typography-body-2-weight);\n  /* --txt-line-height: var(--typography-body-2-height); */\n}\n.root[data-variant=\"caption\"] {\n  --txt-size: var(--typography-caption-base-size);\n  --txt-weight: var(--typography-caption-base-weight);\n  /* --txt-line-height: var(--typography-caption-base-height); */\n}\n\n/* --- Color Variants --- */\n.root[data-color=\"normal\"] {\n  --txt-color: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n  --txt-color: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n  --txt-color: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n  --txt-color: var(--color-content-neutral-muted);\n}\n\n.root[data-color=\"brand\"] {\n  --txt-color: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n  --txt-color: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n  --txt-color: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n  --txt-color: var(--color-content-brand-muted);\n}\n\n.root[data-color=\"positive\"] {\n  --txt-color: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n  --txt-color: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n  --txt-color: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n  --txt-color: var(--color-content-positive-muted);\n}\n\n.root[data-color=\"negative\"] {\n  --txt-color: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n  --txt-color: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n  --txt-color: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n  --txt-color: var(--color-content-negative-muted);\n}\n\n.root[data-color=\"warn\"] {\n  --txt-color: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n  --txt-color: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n  --txt-color: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n  --txt-color: var(--color-content-warn-muted);\n}\n\n.root[data-color=\"info\"] {\n  --txt-color: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n  --txt-color: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n  --txt-color: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n  --txt-color: var(--color-content-info-muted);\n}\n\n/* On-Backgrounds */\n.root[data-color=\"on-neutral\"] {\n  --txt-color: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n  --txt-color: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n  --txt-color: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n  --txt-color: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n  --txt-color: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n  --txt-color: var(--color-on-info);\n}\n"],"mappings":"AAEA,IAAA,EAAc,CAAA,KAAC,aAAA"}
+{"version":3,"file":"text.module.js","names":[],"sources":["../../../src/atoms/text/text.module.css"],"sourcesContent":[".root {\n  /* Internal local variables */\n  --txt-color: currentColor;\n  --txt-size: inherit;\n  --txt-weight: inherit;\n  --txt-line-height: inherit;\n\n  /* Base properties mapped to local variables */\n  color: var(--txt-color);\n  font-size: var(--txt-size);\n  font-weight: var(--txt-weight);\n  /* line-height: var(--txt-line-height); */\n\n  /* Defaults */\n  margin: 0;\n  padding: 0;\n  font-family: var(--typography-typeface-ltr);\n  transition: color 0.2s ease-in-out;\n}\n\n/* --- Layout & Alignment --- */\n.root[data-display=\"inline\"] {\n  display: inline;\n}\n.root[data-display=\"block\"] {\n  display: block;\n}\n.root[data-display=\"inline-block\"] {\n  display: inline-block;\n}\n\n.root[data-align=\"left\"] {\n  text-align: left;\n}\n.root[data-align=\"right\"] {\n  text-align: right;\n}\n.root[data-align=\"center\"] {\n  text-align: center;\n}\n.root[data-align=\"justify\"] {\n  text-align: justify;\n}\n.root[data-align=\"start\"] {\n  text-align: start;\n}\n.root[data-align=\"end\"] {\n  text-align: end;\n}\n\n/* --- Text Overflow --- */\n.root[data-no-wrap] {\n  white-space: nowrap;\n  overflow: hidden;\n}\n.root[data-text-overflow=\"clip\"] {\n  text-overflow: clip;\n}\n.root[data-text-overflow=\"ellipsis\"] {\n  text-overflow: ellipsis;\n}\n\n/* --- Custom Weights (Overrides variant defaults) --- */\n.root[data-weight=\"100\"] {\n  --txt-weight: 100 !important;\n}\n.root[data-weight=\"200\"] {\n  --txt-weight: 200 !important;\n}\n.root[data-weight=\"300\"] {\n  --txt-weight: 300 !important;\n}\n.root[data-weight=\"400\"] {\n  --txt-weight: 400 !important;\n}\n.root[data-weight=\"500\"] {\n  --txt-weight: 500 !important;\n}\n.root[data-weight=\"600\"] {\n  --txt-weight: 600 !important;\n}\n.root[data-weight=\"700\"] {\n  --txt-weight: 700 !important;\n}\n.root[data-weight=\"800\"] {\n  --txt-weight: 800 !important;\n}\n.root[data-weight=\"900\"] {\n  --txt-weight: 900 !important;\n}\n\n/* --- Typography Variants --- */\n.root[data-variant=\"h1\"] {\n  --txt-size: var(--typography-heading-h1-size);\n  --txt-weight: var(--typography-heading-h1-weight);\n  /* --txt-line-height: var(--typography-heading-h1-height); */\n}\n.root[data-variant=\"h2\"] {\n  --txt-size: var(--typography-heading-h2-size);\n  --txt-weight: var(--typography-heading-h2-weight);\n  /* --txt-line-height: var(--typography-heading-h2-height); */\n}\n.root[data-variant=\"h3\"] {\n  --txt-size: var(--typography-heading-h3-size);\n  --txt-weight: var(--typography-heading-h3-weight);\n  /* --txt-line-height: var(--typography-heading-h3-height); */\n}\n.root[data-variant=\"h4\"] {\n  --txt-size: var(--typography-heading-h4-size);\n  --txt-weight: var(--typography-heading-h4-weight);\n  /* --txt-line-height: var(--typography-heading-h4-height); */\n}\n.root[data-variant=\"h5\"] {\n  --txt-size: var(--typography-heading-h5-size);\n  --txt-weight: var(--typography-heading-h5-weight);\n  /* --txt-line-height: var(--typography-heading-h5-height); */\n}\n.root[data-variant=\"h6\"] {\n  --txt-size: var(--typography-heading-h6-size);\n  --txt-weight: var(--typography-heading-h6-weight);\n  /* --txt-line-height: var(--typography-heading-h6-height); */\n}\n.root[data-variant=\"subheading1\"] {\n  --txt-size: var(--typography-subheading-1-size);\n  --txt-weight: var(--typography-subheading-1-weight);\n  /* --txt-line-height: var(--typography-subheading-1-height); */\n}\n.root[data-variant=\"subheading2\"] {\n  --txt-size: var(--typography-subheading-2-size);\n  --txt-weight: var(--typography-subheading-2-weight);\n  /* --txt-line-height: var(--typography-subheading-2-height); */\n}\n.root[data-variant=\"body1\"] {\n  --txt-size: var(--typography-body-1-size);\n  --txt-weight: var(--typography-body-1-weight);\n  /* --txt-line-height: var(--typography-body-1-height); */\n}\n.root[data-variant=\"body2\"] {\n  --txt-size: var(--typography-body-2-size);\n  --txt-weight: var(--typography-body-2-weight);\n  /* --txt-line-height: var(--typography-body-2-height); */\n}\n.root[data-variant=\"caption\"] {\n  --txt-size: var(--typography-caption-base-size);\n  --txt-weight: var(--typography-caption-base-weight);\n  /* --txt-line-height: var(--typography-caption-base-height); */\n}\n\n/* --- Color Variants --- */\n.root[data-color=\"normal\"] {\n  --txt-color: var(--color-content-neutral-base);\n}\n.root[data-color=\"secondary\"] {\n  --txt-color: var(--color-content-neutral-secondary);\n}\n.root[data-color=\"tertiary\"] {\n  --txt-color: var(--color-content-neutral-tertiary);\n}\n.root[data-color=\"muted\"] {\n  --txt-color: var(--color-content-neutral-muted);\n}\n\n.root[data-color=\"brand\"] {\n  --txt-color: var(--color-content-brand-base);\n}\n.root[data-color=\"brand-secondary\"] {\n  --txt-color: var(--color-content-brand-secondary);\n}\n.root[data-color=\"brand-tertiary\"] {\n  --txt-color: var(--color-content-brand-tertiary);\n}\n.root[data-color=\"brand-muted\"] {\n  --txt-color: var(--color-content-brand-muted);\n}\n\n.root[data-color=\"positive\"] {\n  --txt-color: var(--color-content-positive-base);\n}\n.root[data-color=\"positive-secondary\"] {\n  --txt-color: var(--color-content-positive-secondary);\n}\n.root[data-color=\"positive-tertiary\"] {\n  --txt-color: var(--color-content-positive-tertiary);\n}\n.root[data-color=\"positive-muted\"] {\n  --txt-color: var(--color-content-positive-muted);\n}\n\n.root[data-color=\"negative\"] {\n  --txt-color: var(--color-content-negative-base);\n}\n.root[data-color=\"negative-secondary\"] {\n  --txt-color: var(--color-content-negative-secondary);\n}\n.root[data-color=\"negative-tertiary\"] {\n  --txt-color: var(--color-content-negative-tertiary);\n}\n.root[data-color=\"negative-muted\"] {\n  --txt-color: var(--color-content-negative-muted);\n}\n\n.root[data-color=\"warn\"] {\n  --txt-color: var(--color-content-warn-base);\n}\n.root[data-color=\"warn-secondary\"] {\n  --txt-color: var(--color-content-warn-secondary);\n}\n.root[data-color=\"warn-tertiary\"] {\n  --txt-color: var(--color-content-warn-tertiary);\n}\n.root[data-color=\"warn-muted\"] {\n  --txt-color: var(--color-content-warn-muted);\n}\n\n.root[data-color=\"info\"] {\n  --txt-color: var(--color-content-info-base);\n}\n.root[data-color=\"info-secondary\"] {\n  --txt-color: var(--color-content-info-secondary);\n}\n.root[data-color=\"info-tertiary\"] {\n  --txt-color: var(--color-content-info-tertiary);\n}\n.root[data-color=\"info-muted\"] {\n  --txt-color: var(--color-content-info-muted);\n}\n\n/* On-Backgrounds */\n.root[data-color=\"on-neutral\"] {\n  --txt-color: var(--color-on-neutral);\n}\n.root[data-color=\"on-brand\"] {\n  --txt-color: var(--color-on-brand);\n}\n.root[data-color=\"on-positive\"] {\n  --txt-color: var(--color-on-positive);\n}\n.root[data-color=\"on-negative\"] {\n  --txt-color: var(--color-on-negative);\n}\n.root[data-color=\"on-warn\"] {\n  --txt-color: var(--color-on-warn);\n}\n.root[data-color=\"on-info\"] {\n  --txt-color: var(--color-on-info);\n}\n"],"mappings":""}

package/dist/atoms/toast/toast.css

@@ -1,151 +1 @@
-.dLl3pG_root {
-  --gap: .75rem;
-  --peek: .75rem;
-  --scale: calc(max(0, 1 - (var(--toast-index) * .1)));
-  --shrink: calc(1 - var(--scale));
-  --height: var(--toast-frontmost-height, var(--toast-height));
-  --offset-y: calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) +
-      var(--toast-swipe-movement-y));
-  --background: var(--color-surface-secondary);
-  --foreground: var(--color-content-neutral-base);
-  --border: var(--color-border-primary);
-  box-sizing: border-box;
-  border: 1px solid var(--border);
-  background-color: var(--background);
-  width: 100%;
-  color: var(--foreground);
-  transform-origin: bottom;
-  border-radius: var(--spacing-sm);
-  -webkit-user-select: none;
-  user-select: none;
-  cursor: default;
-  z-index: calc(1000 - var(--toast-index));
-  height: var(--height);
-  transform: translateX(var(--toast-swipe-movement-x))
-    translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) -
-          (var(--shrink) * var(--height))))
-    scale(var(--scale));
-  margin: 0 0 0 auto;
-  transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .5s, height .15s;
-  position: absolute;
-  bottom: 0;
-  left: auto;
-  right: 0;
-
-  &[data-expanded] {
-    transform: translateX(var(--toast-swipe-movement-x))
-      translateY(var(--offset-y));
-    height: var(--toast-height);
-  }
-
-  &[data-starting-style], &[data-ending-style] {
-    transform: translateY(150%);
-  }
-
-  &[data-limited] {
-    opacity: 0;
-  }
-
-  &[data-ending-style] {
-    opacity: 0;
-
-    &[data-swipe-direction="up"] {
-      transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));
-    }
-
-    &[data-swipe-direction="left"] {
-      transform: translateX(calc(var(--toast-swipe-movement-x) - 150%))
-        translateY(var(--offset-y));
-    }
-
-    &[data-swipe-direction="right"] {
-      transform: translateX(calc(var(--toast-swipe-movement-x) + 150%))
-        translateY(var(--offset-y));
-    }
-
-    &[data-swipe-direction="down"] {
-      transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));
-    }
-  }
-
-  &:after {
-    content: "";
-    width: 100%;
-    height: calc(var(--gap) + 1px);
-    position: absolute;
-    top: 100%;
-    left: 0;
-  }
-
-  &:focus-visible {
-    outline-style: solid;
-    outline-width: var(--stroke-focus-ring);
-    outline-color: var(--color-action-info-base);
-    outline-offset: var(--spacing-xxs);
-  }
-
-  &[data-color="neutral"] {
-    --background: var(--color-action-neutral-base);
-    --foreground: var(--color-on-neutral);
-  }
-
-  &[data-color="positive"] {
-    --background: var(--color-action-positive-base);
-    --foreground: var(--color-on-positive);
-  }
-
-  &[data-color="negative"] {
-    --background: var(--color-action-negative-base);
-    --foreground: var(--color-on-negative);
-  }
-
-  &[data-color="warn"] {
-    --background: var(--color-action-warn-base);
-    --foreground: var(--color-on-warn);
-  }
-
-  &[data-color="info"] {
-    --background: var(--color-action-info-base);
-    --foreground: var(--color-on-info);
-  }
-}
-
-.dLl3pG_content {
-  box-sizing: border-box;
-  align-items: center;
-  gap: 1rem;
-  height: 100%;
-  padding: .75rem;
-  transition: opacity .25s cubic-bezier(.22, 1, .36, 1);
-  display: flex;
-  overflow: hidden;
-
-  &[data-behind] {
-    opacity: 0;
-  }
-
-  &[data-expanded] {
-    opacity: 1;
-  }
-}
-
-.dLl3pG_text {
-  flex-direction: column;
-  flex: 1;
-  gap: .25rem;
-  min-width: 0;
-  display: flex;
-}
-
-.dLl3pG_title {
-  margin: 0;
-  font-size: .875rem;
-  font-weight: 700;
-  line-height: 1.25rem;
-}
-
-.dLl3pG_description {
-  margin: 0;
-  font-size: .875rem;
-  line-height: 1.25rem;
-}
+.dLl3pG_root{--gap:.75rem;--peek:.75rem;--scale:calc(max(0, 1 - (var(--toast-index) * .1)));--shrink:calc(1 - var(--scale));--height:var(--toast-frontmost-height,var(--toast-height));--offset-y:calc(var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y));--background:var(--color-surface-secondary);--foreground:var(--color-content-neutral-base);--border:var(--color-border-primary);box-sizing:border-box;border:1px solid var(--border);background-color:var(--background);width:100%;color:var(--foreground);transform-origin:bottom;border-radius:var(--spacing-sm);-webkit-user-select:none;user-select:none;cursor:default;z-index:calc(1000 - var(--toast-index));height:var(--height);transform:translateX(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));margin:0 0 0 auto;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .5s,height .15s;position:absolute;bottom:0;left:auto;right:0;&[data-expanded]{transform:translateX(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}&[data-starting-style],&[data-ending-style]{transform:translateY(150%)}&[data-limited]{opacity:0}&[data-ending-style]{opacity:0;&[data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}&[data-swipe-direction=left]{transform:translateX(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}&[data-swipe-direction=right]{transform:translateX(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}&[data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}}&:after{content:"";width:100%;height:calc(var(--gap) + 1px);position:absolute;top:100%;left:0}&:focus-visible{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}&[data-color=neutral]{--background:var(--color-action-neutral-base);--foreground:var(--color-on-neutral)}&[data-color=positive]{--background:var(--color-action-positive-base);--foreground:var(--color-on-positive)}&[data-color=negative]{--background:var(--color-action-negative-base);--foreground:var(--color-on-negative)}&[data-color=warn]{--background:var(--color-action-warn-base);--foreground:var(--color-on-warn)}&[data-color=info]{--background:var(--color-action-info-base);--foreground:var(--color-on-info)}}.dLl3pG_content{box-sizing:border-box;align-items:center;gap:1rem;height:100%;padding:.75rem;transition:opacity .25s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden;&[data-behind]{opacity:0}&[data-expanded]{opacity:1}}.dLl3pG_text{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.dLl3pG_title{margin:0;font-size:.875rem;font-weight:700;line-height:1.25rem}.dLl3pG_description{margin:0;font-size:.875rem;line-height:1.25rem}

package/dist/atoms/toast/toast.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.module.js","names":[],"sources":["../../../src/atoms/toast/toast.module.css"],"sourcesContent":[".root {\n  --gap: 0.75rem;\n  --peek: 0.75rem;\n  --scale: calc(max(0, 1 - (var(--toast-index) * 0.1)));\n  --shrink: calc(1 - var(--scale));\n  --height: var(--toast-frontmost-height, var(--toast-height));\n  --offset-y: calc(\n    var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) +\n      var(--toast-swipe-movement-y)\n  );\n  --background: var(--color-surface-secondary);\n  --foreground: var(--color-content-neutral-base);\n  --border: var(--color-border-primary);\n\n  position: absolute;\n  right: 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid var(--border);\n  background-color: var(--background);\n  color: var(--foreground);\n  transform-origin: bottom center;\n  border-radius: var(--spacing-sm);\n  bottom: 0;\n  left: auto;\n  margin-right: 0;\n  -webkit-user-select: none;\n  user-select: none;\n  transition:\n    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n    opacity 0.5s,\n    height 0.15s;\n  cursor: default;\n  z-index: calc(1000 - var(--toast-index));\n  height: var(--height);\n  transform: translateX(var(--toast-swipe-movement-x))\n    translateY(\n      calc(\n        var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) -\n          (var(--shrink) * var(--height))\n      )\n    )\n    scale(var(--scale));\n\n  &[data-expanded] {\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(var(--offset-y));\n    height: var(--toast-height);\n  }\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    transform: translateY(150%);\n  }\n\n  &[data-limited] {\n    opacity: 0;\n  }\n\n  &[data-ending-style] {\n    opacity: 0;\n\n    &[data-swipe-direction=\"up\"] {\n      transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));\n    }\n    &[data-swipe-direction=\"left\"] {\n      transform: translateX(calc(var(--toast-swipe-movement-x) - 150%))\n        translateY(var(--offset-y));\n    }\n    &[data-swipe-direction=\"right\"] {\n      transform: translateX(calc(var(--toast-swipe-movement-x) + 150%))\n        translateY(var(--offset-y));\n    }\n    &[data-swipe-direction=\"down\"] {\n      transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));\n    }\n  }\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    height: calc(var(--gap) + 1px);\n  }\n\n  &:focus-visible {\n    outline-style: solid;\n    outline-width: var(--stroke-focus-ring);\n    outline-color: var(--color-action-info-base);\n    outline-offset: var(--spacing-xxs);\n  }\n\n  &[data-color=\"neutral\"] {\n    --background: var(--color-action-neutral-base);\n    --foreground: var(--color-on-neutral);\n  }\n  &[data-color=\"positive\"] {\n    --background: var(--color-action-positive-base);\n    --foreground: var(--color-on-positive);\n  }\n  &[data-color=\"negative\"] {\n    --background: var(--color-action-negative-base);\n    --foreground: var(--color-on-negative);\n  }\n  &[data-color=\"warn\"] {\n    --background: var(--color-action-warn-base);\n    --foreground: var(--color-on-warn);\n  }\n  &[data-color=\"info\"] {\n    --background: var(--color-action-info-base);\n    --foreground: var(--color-on-info);\n  }\n}\n\n.content {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  height: 100%;\n  padding: 0.75rem;\n  overflow: hidden;\n  transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n\n  &[data-behind] {\n    opacity: 0;\n  }\n\n  &[data-expanded] {\n    opacity: 1;\n  }\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n  flex: 1;\n}\n\n.title {\n  font-weight: 700;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n}\n\n.description {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n}\n"],"mappings":"AAUA,IAAA,EAAe,CAAC,QAAM,iBAAc,YAAA,qBAAA,KAAA,cAAA,KAAA,cAAA,MAAA,cAAA"}
+{"version":3,"file":"toast.module.js","names":[],"sources":["../../../src/atoms/toast/toast.module.css"],"sourcesContent":[".root {\n  --gap: 0.75rem;\n  --peek: 0.75rem;\n  --scale: calc(max(0, 1 - (var(--toast-index) * 0.1)));\n  --shrink: calc(1 - var(--scale));\n  --height: var(--toast-frontmost-height, var(--toast-height));\n  --offset-y: calc(\n    var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) +\n      var(--toast-swipe-movement-y)\n  );\n  --background: var(--color-surface-secondary);\n  --foreground: var(--color-content-neutral-base);\n  --border: var(--color-border-primary);\n\n  position: absolute;\n  right: 0;\n  margin: 0 auto;\n  box-sizing: border-box;\n  width: 100%;\n  border: 1px solid var(--border);\n  background-color: var(--background);\n  color: var(--foreground);\n  transform-origin: bottom center;\n  border-radius: var(--spacing-sm);\n  bottom: 0;\n  left: auto;\n  margin-right: 0;\n  -webkit-user-select: none;\n  user-select: none;\n  transition:\n    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),\n    opacity 0.5s,\n    height 0.15s;\n  cursor: default;\n  z-index: calc(1000 - var(--toast-index));\n  height: var(--height);\n  transform: translateX(var(--toast-swipe-movement-x))\n    translateY(\n      calc(\n        var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) -\n          (var(--shrink) * var(--height))\n      )\n    )\n    scale(var(--scale));\n\n  &[data-expanded] {\n    transform: translateX(var(--toast-swipe-movement-x))\n      translateY(var(--offset-y));\n    height: var(--toast-height);\n  }\n\n  &[data-starting-style],\n  &[data-ending-style] {\n    transform: translateY(150%);\n  }\n\n  &[data-limited] {\n    opacity: 0;\n  }\n\n  &[data-ending-style] {\n    opacity: 0;\n\n    &[data-swipe-direction=\"up\"] {\n      transform: translateY(calc(var(--toast-swipe-movement-y) - 150%));\n    }\n    &[data-swipe-direction=\"left\"] {\n      transform: translateX(calc(var(--toast-swipe-movement-x) - 150%))\n        translateY(var(--offset-y));\n    }\n    &[data-swipe-direction=\"right\"] {\n      transform: translateX(calc(var(--toast-swipe-movement-x) + 150%))\n        translateY(var(--offset-y));\n    }\n    &[data-swipe-direction=\"down\"] {\n      transform: translateY(calc(var(--toast-swipe-movement-y) + 150%));\n    }\n  }\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 100%;\n    top: 100%;\n    left: 0;\n    height: calc(var(--gap) + 1px);\n  }\n\n  &:focus-visible {\n    outline-style: solid;\n    outline-width: var(--stroke-focus-ring);\n    outline-color: var(--color-action-info-base);\n    outline-offset: var(--spacing-xxs);\n  }\n\n  &[data-color=\"neutral\"] {\n    --background: var(--color-action-neutral-base);\n    --foreground: var(--color-on-neutral);\n  }\n  &[data-color=\"positive\"] {\n    --background: var(--color-action-positive-base);\n    --foreground: var(--color-on-positive);\n  }\n  &[data-color=\"negative\"] {\n    --background: var(--color-action-negative-base);\n    --foreground: var(--color-on-negative);\n  }\n  &[data-color=\"warn\"] {\n    --background: var(--color-action-warn-base);\n    --foreground: var(--color-on-warn);\n  }\n  &[data-color=\"info\"] {\n    --background: var(--color-action-info-base);\n    --foreground: var(--color-on-info);\n  }\n}\n\n.content {\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  gap: 1rem;\n  height: 100%;\n  padding: 0.75rem;\n  overflow: hidden;\n  transition: opacity 0.25s cubic-bezier(0.22, 1, 0.36, 1);\n\n  &[data-behind] {\n    opacity: 0;\n  }\n\n  &[data-expanded] {\n    opacity: 1;\n  }\n}\n\n.text {\n  display: flex;\n  flex-direction: column;\n  gap: 0.25rem;\n  min-width: 0;\n  flex: 1;\n}\n\n.title {\n  font-weight: 700;\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n}\n\n.description {\n  font-size: 0.875rem;\n  line-height: 1.25rem;\n  margin: 0;\n}\n"],"mappings":""}

package/dist/atoms/tooltip/tooltip.css

@@ -1,92 +1 @@
-.o4Okuq_trigger {
-  border: 0;
-  outline: none;
-  margin: 0;
-  padding: 0;
-}
-
-.o4Okuq_trigger:focus-visible {
-  outline-style: solid;
-  outline-width: var(--stroke-focus-ring);
-  outline-color: var(--color-action-info-base);
-  outline-offset: var(--spacing-xxs);
-}
-
-.o4Okuq_popup {
-  box-sizing: border-box;
-  z-index: 1;
-  max-width: 20rem;
-  padding: var(--spacing-xs) var(--spacing-sm);
-  border-style: solid;
-  border-width: .0625rem;
-  border-color: var(--color-border-primary);
-  border-radius: var(--spacing-xs);
-  background-color: var(--color-surface-base);
-  color: var(--color-content-neutral-base);
-  transform-origin: var(--transform-origin);
-  flex-direction: column;
-  transition: opacity .1s ease-out, scale .1s ease-out;
-  display: flex;
-  position: relative;
-  box-shadow: 0 .25rem .75rem #0000001f;
-}
-
-.o4Okuq_popup[data-starting-style], .o4Okuq_popup[data-ending-style] {
-  opacity: 0;
-  scale: .98;
-}
-
-.o4Okuq_popup[data-instant] {
-  transition: none;
-}
-
-.o4Okuq_viewport {
-  font-family: var(--typography-typeface-ltr);
-  font-size: var(--typography-caption-base-size);
-  color: inherit;
-  line-height: 1.4;
-}
-
-.o4Okuq_arrow {
-  width: .75rem;
-  height: .375rem;
-  display: block;
-  position: relative;
-  overflow: clip;
-}
-
-.o4Okuq_arrow[data-side="top"] {
-  bottom: -.375rem;
-  rotate: 180deg;
-}
-
-.o4Okuq_arrow[data-side="bottom"] {
-  top: -.375rem;
-  rotate: 0deg;
-}
-
-.o4Okuq_arrow[data-side="left"] {
-  right: -.5625rem;
-  rotate: 90deg;
-}
-
-.o4Okuq_arrow[data-side="right"] {
-  left: -.5625rem;
-  rotate: -90deg;
-}
-
-.o4Okuq_arrow:before {
-  content: "";
-  box-sizing: border-box;
-  border-style: solid;
-  border-width: .0625rem;
-  border-color: var(--color-border-primary);
-  background-color: var(--color-surface-base);
-  width: .53033rem;
-  height: .53033rem;
-  display: block;
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translate(-50%, 50%) rotate(45deg);
-}
+.o4Okuq_trigger{border:0;outline:none;margin:0;padding:0}.o4Okuq_trigger:focus-visible{outline-style:solid;outline-width:var(--stroke-focus-ring);outline-color:var(--color-action-info-base);outline-offset:var(--spacing-xxs)}.o4Okuq_popup{box-sizing:border-box;z-index:1;max-width:20rem;padding:var(--spacing-xs) var(--spacing-sm);border-style:solid;border-width:.0625rem;border-color:var(--color-border-primary);border-radius:var(--spacing-xs);background-color:var(--color-surface-base);color:var(--color-content-neutral-base);transform-origin:var(--transform-origin);flex-direction:column;transition:opacity .1s ease-out,scale .1s ease-out;display:flex;position:relative;box-shadow:0 .25rem .75rem #0000001f}.o4Okuq_popup[data-starting-style],.o4Okuq_popup[data-ending-style]{opacity:0;scale:.98}.o4Okuq_popup[data-instant]{transition:none}.o4Okuq_viewport{font-family:var(--typography-typeface-ltr);font-size:var(--typography-caption-base-size);color:inherit;line-height:1.4}.o4Okuq_arrow{width:.75rem;height:.375rem;display:block;position:relative;overflow:clip}.o4Okuq_arrow[data-side=top]{bottom:-.375rem;rotate:180deg}.o4Okuq_arrow[data-side=bottom]{top:-.375rem;rotate:0deg}.o4Okuq_arrow[data-side=left]{right:-.5625rem;rotate:90deg}.o4Okuq_arrow[data-side=right]{left:-.5625rem;rotate:-90deg}.o4Okuq_arrow:before{content:"";box-sizing:border-box;border-style:solid;border-width:.0625rem;border-color:var(--color-border-primary);background-color:var(--color-surface-base);width:.53033rem;height:.53033rem;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)rotate(45deg)}

package/dist/atoms/tooltip/tooltip.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.module.js","names":[],"sources":["../../../src/atoms/tooltip/tooltip.module.css"],"sourcesContent":[".trigger {\n  outline: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.trigger:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.popup {\n  box-sizing: border-box;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  max-width: 20rem;\n  padding: var(--spacing-xs) var(--spacing-sm);\n  border-style: solid;\n  border-width: 0.0625rem;\n  border-color: var(--color-border-primary);\n  border-radius: var(--spacing-xs);\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);\n  transform-origin: var(--transform-origin);\n  transition:\n    opacity 100ms ease-out,\n    scale 100ms ease-out;\n}\n\n.popup[data-starting-style],\n.popup[data-ending-style] {\n  opacity: 0;\n  scale: 0.98;\n}\n\n.popup[data-instant] {\n  transition: none;\n}\n\n.viewport {\n  font-family: var(--typography-typeface-ltr);\n  font-size: var(--typography-caption-base-size);\n  line-height: 1.4;\n  color: inherit;\n}\n\n.arrow {\n  position: relative;\n  display: block;\n  width: 0.75rem;\n  height: 0.375rem;\n  overflow: clip;\n}\n/* TODO: fix hmr */\n/* TODO: fix arrow positions */\n\n.arrow[data-side=\"top\"] {\n  bottom: -0.375rem;\n  rotate: 180deg;\n}\n\n.arrow[data-side=\"bottom\"] {\n  top: -0.375rem;\n  rotate: 0deg;\n}\n\n.arrow[data-side=\"left\"] {\n  right: -0.5625rem;\n  rotate: 90deg;\n}\n\n.arrow[data-side=\"right\"] {\n  left: -0.5625rem;\n  rotate: -90deg;\n}\n\n.arrow::before {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  box-sizing: border-box;\n  display: block;\n  width: calc(0.375rem * sqrt(2));\n  height: calc(0.375rem * sqrt(2));\n  border-style: solid;\n  border-width: 0.0625rem;\n  border-color: var(--color-border-primary);\n  background-color: var(--color-surface-base);\n  transform: translate(-50%, 50%) rotate(45deg);\n}\n"],"mappings":"AAQA,IAAA,EAAe,CAAC,MAAM,eAAA,MAAA,eAAA,QAAA,iBAAA,SAAA,iBAAA"}
+{"version":3,"file":"tooltip.module.js","names":[],"sources":["../../../src/atoms/tooltip/tooltip.module.css"],"sourcesContent":[".trigger {\n  outline: none;\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n\n.trigger:focus-visible {\n  outline-style: solid;\n  outline-width: var(--stroke-focus-ring);\n  outline-color: var(--color-action-info-base);\n  outline-offset: var(--spacing-xxs);\n}\n\n.popup {\n  box-sizing: border-box;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  max-width: 20rem;\n  padding: var(--spacing-xs) var(--spacing-sm);\n  border-style: solid;\n  border-width: 0.0625rem;\n  border-color: var(--color-border-primary);\n  border-radius: var(--spacing-xs);\n  background-color: var(--color-surface-base);\n  color: var(--color-content-neutral-base);\n  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.12);\n  transform-origin: var(--transform-origin);\n  transition:\n    opacity 100ms ease-out,\n    scale 100ms ease-out;\n}\n\n.popup[data-starting-style],\n.popup[data-ending-style] {\n  opacity: 0;\n  scale: 0.98;\n}\n\n.popup[data-instant] {\n  transition: none;\n}\n\n.viewport {\n  font-family: var(--typography-typeface-ltr);\n  font-size: var(--typography-caption-base-size);\n  line-height: 1.4;\n  color: inherit;\n}\n\n.arrow {\n  position: relative;\n  display: block;\n  width: 0.75rem;\n  height: 0.375rem;\n  overflow: clip;\n}\n/* TODO: fix hmr */\n/* TODO: fix arrow positions */\n\n.arrow[data-side=\"top\"] {\n  bottom: -0.375rem;\n  rotate: 180deg;\n}\n\n.arrow[data-side=\"bottom\"] {\n  top: -0.375rem;\n  rotate: 0deg;\n}\n\n.arrow[data-side=\"left\"] {\n  right: -0.5625rem;\n  rotate: 90deg;\n}\n\n.arrow[data-side=\"right\"] {\n  left: -0.5625rem;\n  rotate: -90deg;\n}\n\n.arrow::before {\n  content: \"\";\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  box-sizing: border-box;\n  display: block;\n  width: calc(0.375rem * sqrt(2));\n  height: calc(0.375rem * sqrt(2));\n  border-style: solid;\n  border-width: 0.0625rem;\n  border-color: var(--color-border-primary);\n  background-color: var(--color-surface-base);\n  transform: translate(-50%, 50%) rotate(45deg);\n}\n"],"mappings":""}

package/dist/helpers/flex/flex.d.ts

@@ -0,0 +1,45 @@
+import { PolymorphicProps, WithBaseProps } from "../../types.js";
+import * as React from "react";
+import { PropValueWithBreakpoints } from "@pantool/lib";
+
+//#region src/helpers/flex/flex.d.ts
+type FlexProps<E extends React.ElementType = "div"> = PolymorphicProps<E, WithBaseProps<{
+  /**
+   * The variant of the flex-box.
+   *
+   * @default "block"
+   */
+  variant?: "block" | "inline";
+  /**
+   * Changes how flex-items wrap in the flex-box.
+   */
+  wrapMode?: PropValueWithBreakpoints<"nowrap" | "wrap" | "wrap-reverse">;
+  /**
+   * Sets the gap between flex-items in the flex-box.
+   */
+  gap?: PropValueWithBreakpoints<"xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl">;
+  /**
+   * Sets the direction of flex-items in the flex-box.
+   */
+  direction?: PropValueWithBreakpoints<"row" | "column" | "row-reverse" | "column-reverse">;
+  /**
+   * Defines how the browser distributes space between and around content items
+   * along the main-axis of the flex-box.
+   */
+  justifyContent?: PropValueWithBreakpoints<"start" | "end" | "center" | "between" | "around" | "evenly">;
+  /**
+   * Controls the alignment of flex-items on the cross-axis in the flex-box.
+   */
+  alignItems?: PropValueWithBreakpoints<"start" | "end" | "center" | "baseline" | "stretch">;
+  /**
+   * Sets the distribution of space between and around content items
+   * along the cross-axis of the flex-box.
+   *
+   * (Note: This property has no effect on single rows of flex-items.)
+   */
+  alignContent?: PropValueWithBreakpoints<"start" | "end" | "center" | "between" | "around" | "evenly" | "stretch">;
+}>>;
+declare const Flex: <E extends React.ElementType = "div">(props: FlexProps<E>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Flex, FlexProps };
+//# sourceMappingURL=flex.d.ts.map

package/dist/helpers/flex/flex.js

@@ -0,0 +1,2 @@
+import e from"./styles.module.js";import t from"clsx";import"react";import{jsx as n}from"react/jsx-runtime";const r=r=>{let{as:i=`div`,className:a,children:o,wrapMode:s,gap:c,direction:l,justifyContent:u,alignItems:d,alignContent:f,variant:p=`block`,...m}=r;return n(i,{...m,"data-gap":c,"data-wrap-mode":s,"data-direction":l,"data-justify-content":u,"data-align-items":d,"data-align-content":f,"data-variant":p,"data-slot":`flex-root`,className:t(e.root,a),children:o})};export{r as Flex};
+//# sourceMappingURL=flex.js.map

package/dist/helpers/flex/flex.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex.js","names":["classes"],"sources":["../../../src/helpers/flex/flex.tsx"],"sourcesContent":["import type { PropValueWithBreakpoints } from \"@pantool/lib\";\nimport clsx from \"clsx\";\nimport * as React from \"react\";\nimport type { PolymorphicProps, WithBaseProps } from \"../../types\";\nimport classes from \"./styles.module.css\";\n\nexport type FlexProps<E extends React.ElementType = \"div\"> = PolymorphicProps<\n  E,\n  WithBaseProps<{\n    /**\n     * The variant of the flex-box.\n     *\n     * @default \"block\"\n     */\n    variant?: \"block\" | \"inline\";\n\n    /**\n     * Changes how flex-items wrap in the flex-box.\n     */\n    wrapMode?: PropValueWithBreakpoints<\"nowrap\" | \"wrap\" | \"wrap-reverse\">;\n\n    /**\n     * Sets the gap between flex-items in the flex-box.\n     */\n    gap?: PropValueWithBreakpoints<\n      \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\"\n    >;\n\n    /**\n     * Sets the direction of flex-items in the flex-box.\n     */\n    direction?: PropValueWithBreakpoints<\n      \"row\" | \"column\" | \"row-reverse\" | \"column-reverse\"\n    >;\n\n    /**\n     * Defines how the browser distributes space between and around content items\n     * along the main-axis of the flex-box.\n     */\n    justifyContent?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\"\n    >;\n\n    /**\n     * Controls the alignment of flex-items on the cross-axis in the flex-box.\n     */\n    alignItems?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"baseline\" | \"stretch\"\n    >;\n\n    /**\n     * Sets the distribution of space between and around content items\n     * along the cross-axis of the flex-box.\n     *\n     * (Note: This property has no effect on single rows of flex-items.)\n     */\n    alignContent?: PropValueWithBreakpoints<\n      \"start\" | \"end\" | \"center\" | \"between\" | \"around\" | \"evenly\" | \"stretch\"\n    >;\n  }>\n>;\n\nexport const Flex = <E extends React.ElementType = \"div\">(\n  props: FlexProps<E>,\n) => {\n  const {\n    as: Root = \"div\",\n    className,\n    children,\n    wrapMode,\n    gap,\n    direction,\n    justifyContent,\n    alignItems,\n    alignContent,\n    variant = \"block\",\n    ...otherProps\n  } = props;\n\n  return (\n    <Root\n      {...otherProps}\n      data-gap={gap}\n      data-wrap-mode={wrapMode}\n      data-direction={direction}\n      data-justify-content={justifyContent}\n      data-align-items={alignItems}\n      data-align-content={alignContent}\n      data-variant={variant}\n      data-slot=\"flex-root\"\n      className={clsx(classes[\"root\"], className)}\n    >\n      {children}\n    </Root>\n  );\n};\n"],"mappings":"4GA8DA,MAAa,EACX,GACG,CACH,GAAM,CACJ,GAAI,EAAO,MACX,YACA,WACA,WACA,MACA,YACA,iBACA,aACA,eACA,UAAU,QACV,GAAG,GACD,EAEJ,OACE,EAAC,EAAD,CACE,GAAI,EACJ,WAAU,EACV,iBAAgB,EAChB,iBAAgB,EAChB,uBAAsB,EACtB,mBAAkB,EAClB,qBAAoB,EACpB,eAAc,EACd,YAAU,YACV,UAAW,EAAKA,EAAQ,KAAS,CAAS,EAEzC,UACG,CAAA,CAEV"}

package/dist/helpers/flex/index.d.ts

@@ -0,0 +1 @@
+import { Flex, FlexProps } from "./flex.js";

package/dist/helpers/flex/index.js

@@ -0,0 +1 @@
+import"./flex.js";