softable-pixels-web 1.1.12 → 1.1.15

package/dist/{Typography-C3d8okRT.js.map → Typography-CHkdzH2K.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Typography-C3d8okRT.js","names":["typographyVariants: Record<TypographyVariant, SlotStyle>","variantToElement: Record<\n  TypographyVariant,\n  keyof JSX.IntrinsicElements\n>","alignText: Record<TextAlign, SlotStyle>"],"sources":["../src/components/commons/toolkit/Typography/config.ts","../src/components/commons/toolkit/Typography/style.ts","../src/components/commons/toolkit/Typography/index.tsx"],"sourcesContent":["// External Libraries\nimport type { JSX } from 'react'\n\n// Types\nimport type { TextAlign, TypographyVariant } from './types'\nimport { type SlotStyle, WEIGHTS } from '@hooks/useThemedStyles/types'\n\nconst primaryColor = 'var(--px-text-primary)'\nconst secondaryColor = 'var(--px-text-secondary)'\n\nexport const typographyVariants: Record<TypographyVariant, SlotStyle> = {\n  h1: {\n    fontSize: '3rem',\n    fontWeight: '700',\n    lineHeight: WEIGHTS.bold,\n    color: primaryColor\n  },\n  h2: {\n    fontSize: '2.25rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2.5 / 2.25)',\n    color: primaryColor\n  },\n  h3: {\n    fontSize: '1.875rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2.25 / 1.875)',\n    color: primaryColor\n  },\n  h4: {\n    fontSize: '1.5rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2 / 1.5)',\n    color: primaryColor\n  },\n  h5: {\n    fontSize: '1.25rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(1.75 / 1.25)',\n    color: primaryColor\n  },\n  b1: {\n    fontSize: '1rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: '1.5',\n    color: primaryColor\n  },\n  b2: {\n    fontSize: '0.875rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: 'calc(1.25 / 0.875)',\n    color: secondaryColor\n  },\n  b3: {\n    fontSize: '0.75rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: 'calc(1 / 0.75)',\n    color: secondaryColor\n  },\n  caption: {\n    fontSize: '0.65rem',\n    fontWeight: WEIGHTS.regular,\n    lineHeight: 'calc(1 / 0.65)',\n    color: secondaryColor\n  },\n  legal: {\n    fontSize: '0.65rem',\n    lineHeight: 'calc(1 / 0.65)',\n    fontWeight: WEIGHTS.light,\n    textTransform: 'uppercase',\n    letterSpacing: '0.025em',\n    color: secondaryColor\n  }\n}\n\nexport const variantToElement: Record<\n  TypographyVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  caption: 'span',\n  legal: 'span'\n}\n\nexport const alignText: Record<TextAlign, SlotStyle> = {\n  left: { textAlign: 'left' },\n  center: { textAlign: 'center' },\n  right: { textAlign: 'right' },\n  justify: { textAlign: 'justify' }\n}\n","// Utils\nimport { alignText, typographyVariants } from './config'\n\n// Types\nimport type { TypographyProps } from './types'\nimport { type SlotStyle, styled } from '@hooks/useThemedStyles/types'\n\nexport function createTypographyStyles(props: TypographyProps) {\n  const { isLoading, variant, align = 'left', color } = props\n\n  return styled({\n    base: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      borderBottom: '1px solid var(--pixel-border, #e5e7eb)',\n      gap: 0,\n      animation: isLoading ? 'animate-pulse 1.5s infinite' : undefined\n    },\n\n    loading: {\n      width: '50%',\n      height: '1em',\n      display: 'inline-block',\n      backgroundColor: 'var(--pixel-gray-300, #d1d5db)',\n      borderRadius: '0.25rem'\n    },\n\n    text: {\n      ...alignText[align],\n      ...typographyVariants[variant],\n      color: color ?? typographyVariants[variant].color\n    } as SlotStyle\n  })\n}\n","// Utils\nimport { variantToElement } from './config'\n\n// Types\nimport type { TypographyProps } from './types'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createTypographyStyles } from './style'\n\nexport function Typography(props: TypographyProps) {\n  const {\n    id,\n    as,\n    href,\n    variant,\n    children,\n    className,\n    placeholder,\n    isLoading = false,\n    styles: styleTypography\n  } = props\n\n  const { styles } = useThemedStyles(props, createTypographyStyles, {\n    pick: p => [p.isLoading, p.variant, p.align, p.color],\n    commonSlot: 'text',\n    applyCommonProps: true,\n    override: styleTypography\n  })\n\n  const Component = as ?? variantToElement[variant]\n\n  if (isLoading) {\n    return (\n      <span\n        id={id}\n        aria-hidden=\"true\"\n        role=\"presentation\"\n        style={{ ...styles.text, ...styles.loading }}\n      />\n    )\n  }\n\n  const sharedProps = {\n    id,\n    style: styles.text,\n    'aria-label': placeholder,\n    className\n  }\n\n  if (href) {\n    return (\n      <a href={href} {...sharedProps}>\n        {children}\n      </a>\n    )\n  }\n\n  return <Component {...sharedProps}>{children}</Component>\n}\n"],"mappings":";;;;AAOA,MAAM,eAAe;AACrB,MAAM,iBAAiB;AAEvB,MAAaA,qBAA2D;CACtE,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY,QAAQ;EACpB,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,SAAS;EACP,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,OAAO;EACL,UAAU;EACV,YAAY;EACZ,YAAY,QAAQ;EACpB,eAAe;EACf,eAAe;EACf,OAAO;EACR;CACF;AAED,MAAaC,mBAGT;CACF,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,OAAO;CACR;AAED,MAAaC,YAA0C;CACrD,MAAM,EAAE,WAAW,QAAQ;CAC3B,QAAQ,EAAE,WAAW,UAAU;CAC/B,OAAO,EAAE,WAAW,SAAS;CAC7B,SAAS,EAAE,WAAW,WAAW;CAClC;;;;ACzFD,SAAgB,uBAAuB,OAAwB;CAC7D,MAAM,EAAE,WAAW,SAAS,QAAQ,QAAQ,UAAU;AAEtD,QAAO,OAAO;EACZ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,YAAY;GACZ,cAAc;GACd,KAAK;GACL,WAAW,YAAY,gCAAgC;GACxD;EAED,SAAS;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,iBAAiB;GACjB,cAAc;GACf;EAED,MAAM;GACJ,GAAG,UAAU;GACb,GAAG,mBAAmB;GACtB,OAAO,SAAS,mBAAmB,SAAS;GAC7C;EACF,CAAC;;;;;ACrBJ,SAAgB,WAAW,OAAwB;CACjD,MAAM,EACJ,IACA,IACA,MACA,SACA,UACA,WACA,aACA,YAAY,OACZ,QAAQ,oBACN;CAEJ,MAAM,EAAE,WAAW,gBAAgB,OAAO,wBAAwB;EAChE,OAAM,MAAK;GAAC,EAAE;GAAW,EAAE;GAAS,EAAE;GAAO,EAAE;GAAM;EACrD,YAAY;EACZ,kBAAkB;EAClB,UAAU;EACX,CAAC;CAEF,MAAM,YAAY,MAAM,iBAAiB;AAEzC,KAAI,UACF,QACE,oBAAC;EACK;EACJ,eAAY;EACZ,MAAK;EACL,OAAO;GAAE,GAAG,OAAO;GAAM,GAAG,OAAO;GAAS;GAC5C;CAIN,MAAM,cAAc;EAClB;EACA,OAAO,OAAO;EACd,cAAc;EACd;EACD;AAED,KAAI,KACF,QACE,oBAAC;EAAQ;EAAM,GAAI;EAChB;GACC;AAIR,QAAO,oBAAC;EAAU,GAAI;EAAc;GAAqB"}
+{"version":3,"file":"Typography-CHkdzH2K.js","names":["typographyVariants: Record<TypographyVariant, SlotStyle>","variantToElement: Record<\n  TypographyVariant,\n  keyof JSX.IntrinsicElements\n>","alignText: Record<TextAlign, SlotStyle>"],"sources":["../src/components/commons/toolkit/Typography/config.ts","../src/components/commons/toolkit/Typography/style.ts","../src/components/commons/toolkit/Typography/index.tsx"],"sourcesContent":["// External Libraries\nimport type { JSX } from 'react'\n\n// Types\nimport type { TextAlign, TypographyVariant } from './types'\nimport { type SlotStyle, WEIGHTS } from '@hooks/useThemedStyles/types'\n\nconst primaryColor = 'var(--px-text-primary)'\nconst secondaryColor = 'var(--px-text-secondary)'\n\nexport const typographyVariants: Record<TypographyVariant, SlotStyle> = {\n  h1: {\n    fontSize: '3rem',\n    fontWeight: '700',\n    lineHeight: WEIGHTS.bold,\n    color: primaryColor\n  },\n  h2: {\n    fontSize: '2.25rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2.5 / 2.25)',\n    color: primaryColor\n  },\n  h3: {\n    fontSize: '1.875rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2.25 / 1.875)',\n    color: primaryColor\n  },\n  h4: {\n    fontSize: '1.5rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(2 / 1.5)',\n    color: primaryColor\n  },\n  h5: {\n    fontSize: '1.25rem',\n    fontWeight: WEIGHTS.bold,\n    lineHeight: 'calc(1.75 / 1.25)',\n    color: primaryColor\n  },\n  b1: {\n    fontSize: '1rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: '1.5',\n    color: primaryColor\n  },\n  b2: {\n    fontSize: '0.875rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: 'calc(1.25 / 0.875)',\n    color: secondaryColor\n  },\n  b3: {\n    fontSize: '0.75rem',\n    fontWeight: WEIGHTS.medium,\n    lineHeight: 'calc(1 / 0.75)',\n    color: secondaryColor\n  },\n  caption: {\n    fontSize: '0.65rem',\n    fontWeight: WEIGHTS.regular,\n    lineHeight: 'calc(1 / 0.65)',\n    color: secondaryColor\n  },\n  legal: {\n    fontSize: '0.65rem',\n    lineHeight: 'calc(1 / 0.65)',\n    fontWeight: WEIGHTS.light,\n    textTransform: 'uppercase',\n    letterSpacing: '0.025em',\n    color: secondaryColor\n  }\n}\n\nexport const variantToElement: Record<\n  TypographyVariant,\n  keyof JSX.IntrinsicElements\n> = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  b1: 'p',\n  b2: 'p',\n  b3: 'p',\n  caption: 'span',\n  legal: 'span'\n}\n\nexport const alignText: Record<TextAlign, SlotStyle> = {\n  left: { textAlign: 'left' },\n  center: { textAlign: 'center' },\n  right: { textAlign: 'right' },\n  justify: { textAlign: 'justify' }\n}\n","// Utils\nimport { alignText, typographyVariants } from './config'\n\n// Types\nimport type { TypographyProps } from './types'\nimport { type SlotStyle, styled } from '@hooks/useThemedStyles/types'\n\nexport function createTypographyStyles(props: TypographyProps) {\n  const { isLoading, variant, align = 'left', color } = props\n\n  return styled({\n    base: {\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      borderBottom: '1px solid var(--pixel-border, #e5e7eb)',\n      gap: 0,\n      animation: isLoading ? 'animate-pulse 1.5s infinite' : undefined\n    },\n\n    loading: {\n      width: '50%',\n      height: '1em',\n      display: 'inline-block',\n      backgroundColor: 'var(--pixel-gray-300, #d1d5db)',\n      borderRadius: '0.25rem'\n    },\n\n    text: {\n      ...alignText[align],\n      ...typographyVariants[variant],\n      color: color ?? typographyVariants[variant].color\n    } as SlotStyle\n  })\n}\n","// Utils\nimport { variantToElement } from './config'\n\n// Types\nimport type { TypographyProps } from './types'\n\n// Hooks\nimport { useThemedStyles } from '@hooks/useThemedStyles'\n\n// Styles\nimport { createTypographyStyles } from './style'\n\nexport function Typography(props: TypographyProps) {\n  const {\n    id,\n    as,\n    href,\n    variant,\n    children,\n    className,\n    placeholder,\n    isLoading = false,\n    styles: styleTypography\n  } = props\n\n  const { styles } = useThemedStyles(props, createTypographyStyles, {\n    pick: p => [p.isLoading, p.variant, p.align, p.color],\n    commonSlot: 'text',\n    applyCommonProps: true,\n    override: styleTypography\n  })\n\n  const Component = as ?? variantToElement[variant]\n\n  if (isLoading) {\n    return (\n      <span\n        id={id}\n        aria-hidden=\"true\"\n        role=\"presentation\"\n        style={{ ...styles.text, ...styles.loading }}\n      />\n    )\n  }\n\n  const sharedProps = {\n    id,\n    style: styles.text,\n    'aria-label': placeholder,\n    className\n  }\n\n  if (href) {\n    return (\n      <a href={href} {...sharedProps}>\n        {children}\n      </a>\n    )\n  }\n\n  return <Component {...sharedProps}>{children}</Component>\n}\n"],"mappings":";;;;AAOA,MAAM,eAAe;AACrB,MAAM,iBAAiB;AAEvB,MAAaA,qBAA2D;CACtE,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY,QAAQ;EACpB,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,IAAI;EACF,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,SAAS;EACP,UAAU;EACV,YAAY,QAAQ;EACpB,YAAY;EACZ,OAAO;EACR;CACD,OAAO;EACL,UAAU;EACV,YAAY;EACZ,YAAY,QAAQ;EACpB,eAAe;EACf,eAAe;EACf,OAAO;EACR;CACF;AAED,MAAaC,mBAGT;CACF,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,OAAO;CACR;AAED,MAAaC,YAA0C;CACrD,MAAM,EAAE,WAAW,QAAQ;CAC3B,QAAQ,EAAE,WAAW,UAAU;CAC/B,OAAO,EAAE,WAAW,SAAS;CAC7B,SAAS,EAAE,WAAW,WAAW;CAClC;;;;ACzFD,SAAgB,uBAAuB,OAAwB;CAC7D,MAAM,EAAE,WAAW,SAAS,QAAQ,QAAQ,UAAU;AAEtD,QAAO,OAAO;EACZ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,YAAY;GACZ,cAAc;GACd,KAAK;GACL,WAAW,YAAY,gCAAgC;GACxD;EAED,SAAS;GACP,OAAO;GACP,QAAQ;GACR,SAAS;GACT,iBAAiB;GACjB,cAAc;GACf;EAED,MAAM;GACJ,GAAG,UAAU;GACb,GAAG,mBAAmB;GACtB,OAAO,SAAS,mBAAmB,SAAS;GAC7C;EACF,CAAC;;;;;ACrBJ,SAAgB,WAAW,OAAwB;CACjD,MAAM,EACJ,IACA,IACA,MACA,SACA,UACA,WACA,aACA,YAAY,OACZ,QAAQ,oBACN;CAEJ,MAAM,EAAE,WAAW,gBAAgB,OAAO,wBAAwB;EAChE,OAAM,MAAK;GAAC,EAAE;GAAW,EAAE;GAAS,EAAE;GAAO,EAAE;GAAM;EACrD,YAAY;EACZ,kBAAkB;EAClB,UAAU;EACX,CAAC;CAEF,MAAM,YAAY,MAAM,iBAAiB;AAEzC,KAAI,UACF,QACE,oBAAC;EACK;EACJ,eAAY;EACZ,MAAK;EACL,OAAO;GAAE,GAAG,OAAO;GAAM,GAAG,OAAO;GAAS;GAC5C;CAIN,MAAM,cAAc;EAClB;EACA,OAAO,OAAO;EACd,cAAc;EACd;EACD;AAED,KAAI,KACF,QACE,oBAAC;EAAQ;EAAM,GAAI;EAChB;GACC;AAIR,QAAO,oBAAC;EAAU,GAAI;EAAc;GAAqB"}

package/dist/button.d.ts

@@ -1,3 +1,3 @@
-import "./types-DbQDtnbC.js";
-import { t as Button } from "./index-9C4mXvTd.js";
+import "./types-0c2OAbj2.js";
+import { t as Button } from "./index-Cz1S_fwn.js";
 export { Button };

package/dist/button.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Typography-C3d8okRT.js";
-import { t as Button } from "./Button-4H6aUA5C.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Typography-CHkdzH2K.js";
+import { t as Button } from "./Button-DOEMYhEA.js";
 
 export { Button };

package/dist/check-item.d.ts

@@ -1,2 +1,2 @@
-import { t as CheckItem } from "./index-BwB3yoLa.js";
+import { t as CheckItem } from "./index-CM9BXEm3.js";
 export { CheckItem };

package/dist/check-item.js

@@ -1,6 +1,6 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Icon-D5APBt9w.js";
-import "./Typography-C3d8okRT.js";
-import { t as CheckItem } from "./CheckItem-DibKGIhC.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Icon-kjpHbCbF.js";
+import "./Typography-CHkdzH2K.js";
+import { t as CheckItem } from "./CheckItem-Cnw5hlwV.js";
 
 export { CheckItem };

package/dist/checkbox.d.ts

@@ -1,3 +1,3 @@
-import "./types-DbQDtnbC.js";
-import { t as Checkbox } from "./index-OWMf00jk.js";
+import "./types-0c2OAbj2.js";
+import { t as Checkbox } from "./index-jLN0CEbk.js";
 export { Checkbox };

package/dist/checkbox.js

@@ -1,6 +1,6 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Icon-D5APBt9w.js";
-import "./Typography-C3d8okRT.js";
-import { t as Checkbox } from "./Checkbox-B4tNv4jt.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Icon-kjpHbCbF.js";
+import "./Typography-CHkdzH2K.js";
+import { t as Checkbox } from "./Checkbox-DaRHUBSb.js";
 
 export { Checkbox };

package/dist/context-menu.d.ts

@@ -1,2 +1,2 @@
-import { n as types_d_exports, t as ContextMenu } from "./index-CrdY8el_.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-liMvHPFh.js";
 export { ContextMenu, types_d_exports as T };

package/dist/context-menu.js

@@ -1,9 +1,9 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Switch-Cs5WiyAN.js";
-import "./useDismiss-B13eSwzv.js";
-import "./useFloating-CmbluyFe.js";
-import "./Popover-BupmR_Yj.js";
-import "./Typography-C3d8okRT.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-Csd8aqKT.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Switch-ZmanGt2r.js";
+import "./useDismiss-o9kMS5dK.js";
+import "./useFloating-DMJ2SdMi.js";
+import "./Popover-DI9wSxIa.js";
+import "./Typography-CHkdzH2K.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-CPjeo0m1.js";
 
 export { ContextMenu, types_exports as T };

package/dist/icon-button.d.ts

@@ -1,2 +1,2 @@
-import { t as IconButton } from "./index-Ca7r_UeJ.js";
+import { t as IconButton } from "./index-DDvfWEcX.js";
 export { IconButton };

package/dist/icon-button.js

@@ -1,4 +1,4 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import { t as IconButton } from "./IconButton-CdC3tmC8.js";
+import "./useThemedStyles-D4si38PM.js";
+import { t as IconButton } from "./IconButton-DZjuxp2Q.js";
 
 export { IconButton };

package/dist/index--Oqbm-1T.d.ts

@@ -0,0 +1,144 @@
+import { n as TypographyVariant } from "./types-0c2OAbj2.js";
+import { SVGProps } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+
+//#region src/assets/icons/__generated__/brands/facebook.d.ts
+type FacebookProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/brands/facebook-fit.d.ts
+type FacebookFitProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/brands/google.d.ts
+type GoogleProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/chevrons/down.d.ts
+type DownProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/chevrons/up.d.ts
+type UpProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/general/check.d.ts
+type CheckProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/general/eye.d.ts
+type EyeProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/__generated__/general/eye-off.d.ts
+type EyeOffProps = SVGProps<SVGSVGElement> & {
+  title?: string;
+};
+//#endregion
+//#region src/assets/icons/index.d.ts
+/** biome-ignore-all lint/suspicious/noShadowRestrictedNames: generated */
+declare const icons: {
+  readonly 'brands-facebook': ({
+    title,
+    ...props
+  }: FacebookProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'brands-facebook-fit': ({
+    title,
+    ...props
+  }: FacebookFitProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'brands-google': ({
+    title,
+    ...props
+  }: GoogleProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'chevrons-down': ({
+    title,
+    ...props
+  }: DownProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'chevrons-up': ({
+    title,
+    ...props
+  }: UpProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'general-check': ({
+    title,
+    ...props
+  }: CheckProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'general-eye': ({
+    title,
+    ...props
+  }: EyeProps) => react_jsx_runtime3.JSX.Element;
+  readonly 'general-eye-off': ({
+    title,
+    ...props
+  }: EyeOffProps) => react_jsx_runtime3.JSX.Element;
+};
+type IconName = keyof typeof icons;
+//#endregion
+//#region src/components/commons/inputs/TextArea/styles.d.ts
+declare function createTextAreaStyles(props: TextAreaProps): {
+  iconContainer: {
+    position: "absolute";
+    left: string;
+    top: string;
+    transform: "translateY(-50%)";
+  };
+  textArea: {
+    height: string;
+    width: string;
+    paddingBlock: string;
+    paddingInline: string;
+    borderRadius: string;
+    resize: "none";
+    fontWeight: "400";
+    fontSize: string;
+    color: "var(--px-text-primary)";
+    border: string;
+    outlineOffset: string;
+    cursor: "default" | undefined;
+    paddingLeft: string | undefined;
+    __rules: {
+      '&::placeholder': {
+        color: string;
+      };
+      '&:focus': {
+        outline: string;
+      };
+    };
+  };
+};
+//#endregion
+//#region src/components/commons/inputs/TextArea/types.d.ts
+interface TextAreaProps {
+  value: string;
+  label?: string;
+  placeholder?: string;
+  styles?: Partial<ReturnType<typeof createTextAreaStyles>>;
+  required?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  startIcon?: IconName;
+  height?: string;
+  maxLength?: number;
+  hideMaxLength?: boolean;
+  textMaxLength?: string;
+  iconColor?: string;
+  placeholderColor?: string;
+  focusedRingColor?: string;
+  requiredColor?: string;
+  labelColor?: string;
+  labelWeight?: string;
+  labelVariant?: TypographyVariant;
+  onChange?: (value: string) => void;
+}
+//#endregion
+//#region src/components/commons/inputs/TextArea/index.d.ts
+declare const TextArea: (props: TextAreaProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+export { TextArea as t };
+//# sourceMappingURL=index--Oqbm-1T.d.ts.map

package/dist/{index-CCiP7SPG.d.ts → index-BLvNLvv2.d.ts}

@@ -143,7 +143,7 @@ interface ThemeTokens {
   /**
    * Shadow tokens (CSS shadow strings).
    */
-  shadows: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'ring-1', string>;
+  shadows: Record<'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'ring-1' | 'default', string>;
   /**
    * Extension point.
    *
@@ -292,4 +292,4 @@ declare const ThemeProvider: React.FC<ThemeProviderProps>;
 declare function useTheme(): ThemeContextData;
 //#endregion
 export { ThemeName as a, ThemeRegistry as c, ThemeMode as i, ThemeTokens as l, useTheme as n, ThemePersistence as o, ThemeContextData as r, ThemeProviderProps as s, ThemeProvider as t };
-//# sourceMappingURL=index-CCiP7SPG.d.ts.map
+//# sourceMappingURL=index-BLvNLvv2.d.ts.map

package/dist/{index-DewFmT68.d.ts → index-Bw_XZiTz.d.ts}

@@ -12,4 +12,4 @@ interface SwitchThumbProps {
 declare const Switch: React.FC<SwitchThumbProps>;
 //#endregion
 export { Switch as t };
-//# sourceMappingURL=index-DewFmT68.d.ts.map
+//# sourceMappingURL=index-Bw_XZiTz.d.ts.map

package/dist/{index-BwB3yoLa.d.ts → index-CM9BXEm3.d.ts}

@@ -10,4 +10,4 @@ interface CheckItemProps {
 declare const CheckItem: React.FC<CheckItemProps>;
 //#endregion
 export { CheckItem as t };
-//# sourceMappingURL=index-BwB3yoLa.d.ts.map
+//# sourceMappingURL=index-CM9BXEm3.d.ts.map

package/dist/{index-Dd5yjyJK.d.ts → index-CQWwox_y.d.ts}

@@ -1,4 +1,4 @@
-import { t as FloatingOptions } from "./types-BvquWQ1G.js";
+import { t as FloatingOptions } from "./types-CGI_6rDa.js";
 import React, { MouseEventHandler, ReactNode, RefObject } from "react";
 
 //#region src/components/commons/toolkit/Popover/styles.d.ts
@@ -41,4 +41,4 @@ interface PopoverProps {
 declare const Popover: React.FC<PopoverProps>;
 //#endregion
 export { Popover as t };
-//# sourceMappingURL=index-Dd5yjyJK.d.ts.map
+//# sourceMappingURL=index-CQWwox_y.d.ts.map

package/dist/{index-1YYtbF0L.d.ts → index-CvSwNc4e.d.ts}

@@ -1,6 +1,6 @@
-import { t as CommonStyleProps } from "./styleProps-DUR9j3g2.js";
+import { t as CommonStyleProps } from "./styleProps-DEmfU40p.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/commons/toolkit/TabSwitch/styles.d.ts
 declare function createTabSwitchStyles<T>(props: TabSwitchProps<T>): {
@@ -41,7 +41,7 @@ interface TabSwitchProps<T> extends CommonStyleProps {
 }
 //#endregion
 //#region src/components/commons/toolkit/TabSwitch/index.d.ts
-declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime2.JSX.Element;
+declare const TabSwitch: <T>(props: TabSwitchProps<T>) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { SwitchOption as n, TabSwitchProps as r, TabSwitch as t };
-//# sourceMappingURL=index-1YYtbF0L.d.ts.map
+//# sourceMappingURL=index-CvSwNc4e.d.ts.map

package/dist/{index-9C4mXvTd.d.ts → index-Cz1S_fwn.d.ts}

@@ -1,6 +1,6 @@
-import { i as PaddingProps } from "./styleProps-DUR9j3g2.js";
-import { r as TypeStyles } from "./useThemedStyles-Cqb6BuHm.js";
-import { n as TypographyVariant } from "./types-DbQDtnbC.js";
+import { i as PaddingProps } from "./styleProps-DEmfU40p.js";
+import { r as TypeStyles } from "./useThemedStyles-gOkfhYkd.js";
+import { n as TypographyVariant } from "./types-0c2OAbj2.js";
 import React, { MouseEvent, ReactNode } from "react";
 
 //#region src/components/commons/buttons/Button/styles.d.ts
@@ -116,4 +116,4 @@ interface ButtonProps extends PaddingProps {
 declare const Button: React.FC<ButtonProps>;
 //#endregion
 export { Button as t };
-//# sourceMappingURL=index-9C4mXvTd.d.ts.map
+//# sourceMappingURL=index-Cz1S_fwn.d.ts.map

package/dist/{index-Ca7r_UeJ.d.ts → index-DDvfWEcX.d.ts}

@@ -24,4 +24,4 @@ type IconButtonVariant = 'filled' | 'outlined' | 'ghost';
 declare const IconButton: React.FC<IconButtonProps>;
 //#endregion
 export { IconButton as t };
-//# sourceMappingURL=index-Ca7r_UeJ.d.ts.map
+//# sourceMappingURL=index-DDvfWEcX.d.ts.map

package/dist/index-Rsf19S6N.d.ts

@@ -0,0 +1,104 @@
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-DEmfU40p.js";
+import { n as StylesOf } from "./useThemedStyles-gOkfhYkd.js";
+import React$1 from "react";
+
+//#region src/components/commons/inputs/Select/styles.d.ts
+declare function createSelectStyles(props: SelectProps): {
+  container: {
+    width: string;
+    display: "flex";
+    flexDirection: "column";
+    position: "relative";
+    isolation: "isolate";
+    rowGap: string;
+  };
+  content: {
+    width: string;
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "space-between";
+    borderWidth: number;
+    columnGap: string;
+    borderRadius: string;
+    padding: string;
+    opacity: number;
+    cursor: "not-allowed" | "pointer";
+    boxShadow: "var(--px-shadow-default)";
+    borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
+    __rules: {
+      '&:focus-within': {
+        outlineOffset: string;
+        outline: string;
+      };
+    };
+  };
+  text: {
+    flex: number;
+    textAlign: "left";
+    overflow: "hidden";
+    whiteSpace: "nowrap";
+    textOverflow: "ellipsis";
+    fontSize: string;
+    lineHeight: string;
+    fontFamily: "inherit";
+    fontWeight: number;
+    color: "var(--px-text-primary)" | "var(--px-text-secondary)";
+  };
+  error: {
+    display: "block";
+    fontWeight: number;
+    lineHeight: string;
+    fontSize: string;
+    fontFamily: "inherit";
+    color: "var(--px-text-error)";
+  };
+  panel: {
+    width: string;
+    height: string;
+    display: "flex";
+    flexDirection: "column";
+    position: "absolute";
+    top: string;
+    left: string;
+    zIndex: number;
+    overflowY: "auto";
+    overscrollBehavior: "contain";
+    borderWidth: number;
+    rowGap: string;
+    padding: string;
+    borderRadius: string;
+    backgroundColor: "var(--px-bg)";
+    boxShadow: "var(--px-shadow-default)";
+    borderColor: "var(--px-border-primary)";
+  };
+};
+//#endregion
+//#region src/components/commons/inputs/Select/types.d.ts
+interface SelectProps extends LayoutProps, MarginProps {
+  label: string;
+  value: string[];
+  placeholder?: string;
+  options: SelectOption[];
+  canClear?: boolean;
+  multiple?: boolean;
+  required?: boolean;
+  disabled?: boolean;
+  hideLabel?: boolean;
+  errorMessage?: string;
+  maxVisibleItems?: number;
+  startIcon?: React.ReactNode;
+  styles?: StylesOf<typeof createSelectStyles>;
+  requiredColor?: string;
+  labelConfig?: TextProps;
+  onChange: (value: string[]) => void;
+}
+interface SelectOption {
+  label: string;
+  value: string;
+}
+//#endregion
+//#region src/components/commons/inputs/Select/index.d.ts
+declare const Select: React$1.FC<SelectProps>;
+//#endregion
+export { Select as t };
+//# sourceMappingURL=index-Rsf19S6N.d.ts.map

package/dist/{index-Bcu8I591.d.ts → index-ZGo_xs-Q.d.ts}

@@ -1,5 +1,5 @@
-import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-DUR9j3g2.js";
-import { n as StylesOf } from "./useThemedStyles-Cqb6BuHm.js";
+import { a as TextProps, n as LayoutProps, r as MarginProps } from "./styleProps-DEmfU40p.js";
+import { n as StylesOf } from "./useThemedStyles-gOkfhYkd.js";
 import * as react0 from "react";
 import { HTMLInputTypeAttribute, ReactNode } from "react";
 
@@ -20,7 +20,7 @@ declare function createInputStyles(props: InputProps): {
     borderRadius: string;
     padding: string;
     opacity: number;
-    boxShadow: "0px 1px 2px 0px #0A0D120D";
+    boxShadow: "var(--px-shadow-default)";
     borderColor: "var(--px-color-error)" | "var(--px-border-primary)";
     __rules: {
       '&:focus-within': {
@@ -101,4 +101,4 @@ interface InputMethods {
 declare const Input: react0.ForwardRefExoticComponent<InputProps & react0.RefAttributes<InputMethods>>;
 //#endregion
 export { Input as t };
-//# sourceMappingURL=index-Bcu8I591.d.ts.map
+//# sourceMappingURL=index-ZGo_xs-Q.d.ts.map

package/dist/{index-OWMf00jk.d.ts → index-jLN0CEbk.d.ts}

@@ -1,4 +1,4 @@
-import { n as TypographyVariant } from "./types-DbQDtnbC.js";
+import { n as TypographyVariant } from "./types-0c2OAbj2.js";
 import React$1 from "react";
 
 //#region src/components/commons/toolkit/Checkbox/types.d.ts
@@ -26,4 +26,4 @@ interface CheckboxProps {
 declare const Checkbox: React$1.FC<CheckboxProps>;
 //#endregion
 export { Checkbox as t };
-//# sourceMappingURL=index-OWMf00jk.d.ts.map
+//# sourceMappingURL=index-jLN0CEbk.d.ts.map

package/dist/{index-CrdY8el_.d.ts → index-liMvHPFh.d.ts}

@@ -1,6 +1,6 @@
-import { n as Placement } from "./types-BvquWQ1G.js";
+import { n as Placement } from "./types-CGI_6rDa.js";
 import { ReactNode } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region rolldown:runtime
 //#endregion
@@ -9,6 +9,10 @@ declare function createContextMenuStyles<T>(_props: ContextMenuProps<T>): {
   trigger: {
     width: string;
     height: string;
+    display: "flex";
+    alignItems: "center";
+    justifyContent: "center";
+    cursor: "pointer";
   };
 };
 declare namespace types_d_exports {
@@ -65,7 +69,7 @@ interface ContextMenuProps<T> {
 }
 //#endregion
 //#region src/components/commons/toolkit/ContextMenu/index.d.ts
-declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react_jsx_runtime1.JSX.Element;
+declare const ContextMenu: <T extends string>(props: ContextMenuProps<T>) => react_jsx_runtime2.JSX.Element;
 //#endregion
 export { types_d_exports as n, ContextMenu as t };
-//# sourceMappingURL=index-CrdY8el_.d.ts.map
+//# sourceMappingURL=index-liMvHPFh.d.ts.map

package/dist/index.d.ts

@@ -1,18 +1,19 @@
-import { n as types_d_exports, t as ContextMenu } from "./index-CrdY8el_.js";
-import "./types-DbQDtnbC.js";
-import { t as Button } from "./index-9C4mXvTd.js";
-import { t as IconButton } from "./index-Ca7r_UeJ.js";
-import { t as Input } from "./index-Bcu8I591.js";
-import { t as TextArea } from "./index-C7Mip6Lj.js";
-import { t as CheckItem } from "./index-BwB3yoLa.js";
-import { t as Checkbox } from "./index-OWMf00jk.js";
+import { n as types_d_exports, t as ContextMenu } from "./index-liMvHPFh.js";
+import "./types-0c2OAbj2.js";
+import { t as Button } from "./index-Cz1S_fwn.js";
+import { t as IconButton } from "./index-DDvfWEcX.js";
+import { t as Input } from "./index-ZGo_xs-Q.js";
+import { t as Select } from "./index-Rsf19S6N.js";
+import { t as TextArea } from "./index--Oqbm-1T.js";
+import { t as CheckItem } from "./index-CM9BXEm3.js";
+import { t as Checkbox } from "./index-jLN0CEbk.js";
 import { InfoSummary, InfoSummaryItem, InfoSummaryProps } from "./info-summary.js";
-import { t as Popover } from "./index-Dd5yjyJK.js";
-import { t as Switch } from "./index-DewFmT68.js";
-import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-1YYtbF0L.js";
+import { t as Popover } from "./index-CQWwox_y.js";
+import { t as Switch } from "./index-Bw_XZiTz.js";
+import { n as SwitchOption, r as TabSwitchProps, t as TabSwitch } from "./index-CvSwNc4e.js";
 import { Typography } from "./typography.js";
-import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-CCiP7SPG.js";
+import { a as ThemeName, c as ThemeRegistry, i as ThemeMode, l as ThemeTokens, n as useTheme, o as ThemePersistence, r as ThemeContextData, s as ThemeProviderProps, t as ThemeProvider } from "./index-BLvNLvv2.js";
 import { useDismiss } from "./use-dismiss.js";
 import { AnchorLike, useFloating } from "./use-floating.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
-export { AnchorLike, Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, Switch, SwitchOption, types_d_exports as T, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };
+export { AnchorLike, Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, InfoSummaryItem, InfoSummaryProps, Input, Popover, Select, Switch, SwitchOption, types_d_exports as T, TabSwitch, TabSwitchProps, TextArea, ThemeContextData, ThemeMode, ThemeName, ThemePersistence, ThemeProvider, ThemeProviderProps, ThemeRegistry, ThemeTokens, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/index.js

@@ -1,21 +1,22 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import { t as Switch } from "./Switch-Cs5WiyAN.js";
-import { t as useDismiss } from "./useDismiss-B13eSwzv.js";
-import { t as useFloating } from "./useFloating-CmbluyFe.js";
-import { t as Popover } from "./Popover-BupmR_Yj.js";
-import "./Icon-D5APBt9w.js";
-import { t as Typography } from "./Typography-C3d8okRT.js";
-import { t as Checkbox } from "./Checkbox-B4tNv4jt.js";
-import { n as useTheme, t as ThemeProvider } from "./ThemeContext-C4vgT3aV.js";
-import { t as TabSwitch } from "./TabSwitch-CPf5sVyP.js";
-import { t as CheckItem } from "./CheckItem-DibKGIhC.js";
-import { t as InfoSummary } from "./InfoSummary-BsAWbXEg.js";
-import { n as types_exports, t as ContextMenu } from "./ContextMenu-Csd8aqKT.js";
-import { t as Button } from "./Button-4H6aUA5C.js";
-import { t as IconButton } from "./IconButton-CdC3tmC8.js";
-import "./Label-BF8xMYbk.js";
-import { t as Input } from "./Input-BlnxnTwX.js";
-import { t as TextArea } from "./TextArea-E7PBos0U.js";
+import "./useThemedStyles-D4si38PM.js";
+import { t as Switch } from "./Switch-ZmanGt2r.js";
+import { t as useDismiss } from "./useDismiss-o9kMS5dK.js";
+import { t as useFloating } from "./useFloating-DMJ2SdMi.js";
+import { t as Popover } from "./Popover-DI9wSxIa.js";
+import "./Icon-kjpHbCbF.js";
+import { t as Typography } from "./Typography-CHkdzH2K.js";
+import { t as Checkbox } from "./Checkbox-DaRHUBSb.js";
+import { n as useTheme, t as ThemeProvider } from "./ThemeContext-bVaozqut.js";
+import { t as TabSwitch } from "./TabSwitch-2WIjQ2Ie.js";
+import { t as CheckItem } from "./CheckItem-Cnw5hlwV.js";
+import { t as InfoSummary } from "./InfoSummary-C7mxow-z.js";
+import { n as types_exports, t as ContextMenu } from "./ContextMenu-CPjeo0m1.js";
+import { t as Button } from "./Button-DOEMYhEA.js";
+import { t as IconButton } from "./IconButton-DZjuxp2Q.js";
+import "./Label-BVkidQlv.js";
+import { t as Input } from "./Input-B0J7yEux.js";
+import { t as Select } from "./Select-R22kJLFr.js";
+import { t as TextArea } from "./TextArea-DGCFyZrW.js";
 import { useVirtualAnchor } from "./use-virtual-anchor.js";
 
-export { Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, Input, Popover, Switch, types_exports as T, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };
+export { Button, CheckItem, Checkbox, ContextMenu, IconButton, InfoSummary, Input, Popover, Select, Switch, types_exports as T, TabSwitch, TextArea, ThemeProvider, Typography, useDismiss, useFloating, useTheme, useVirtualAnchor };

package/dist/info-summary.js

@@ -1,5 +1,5 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Typography-C3d8okRT.js";
-import { t as InfoSummary } from "./InfoSummary-BsAWbXEg.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Typography-CHkdzH2K.js";
+import { t as InfoSummary } from "./InfoSummary-C7mxow-z.js";
 
 export { InfoSummary };

package/dist/input.d.ts

@@ -1,2 +1,2 @@
-import { t as Input } from "./index-Bcu8I591.js";
+import { t as Input } from "./index-ZGo_xs-Q.js";
 export { Input };

package/dist/input.js

@@ -1,7 +1,7 @@
-import "./useThemedStyles-Y17K6z_P.js";
-import "./Icon-D5APBt9w.js";
-import "./Typography-C3d8okRT.js";
-import "./Label-BF8xMYbk.js";
-import { t as Input } from "./Input-BlnxnTwX.js";
+import "./useThemedStyles-D4si38PM.js";
+import "./Icon-kjpHbCbF.js";
+import "./Typography-CHkdzH2K.js";
+import "./Label-BVkidQlv.js";
+import { t as Input } from "./Input-B0J7yEux.js";
 
 export { Input };

package/dist/popover.d.ts

@@ -1,2 +1,2 @@
-import { t as Popover } from "./index-Dd5yjyJK.js";
+import { t as Popover } from "./index-CQWwox_y.js";
 export { Popover };