@px-ui/ui 1.0.2 → 1.0.3

package/dist/avatar-DDdL9xDH.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-DDdL9xDH.js","names":["alt: string | undefined","name: string | undefined","React","Avatar","AvatarPrimitive"],"sources":["../src/components/avatar.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Avatar as AvatarPrimitive } from \"@base-ui/react/avatar\"\n\nimport { cn } from \"@px-ui/ui/lib/utils\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"@px-ui/ui/components/tooltip\"\n\nconst AVATAR_NAME_PALETTE = [\n  \"#bdc3c7\",\n  \"#6f7b87\",\n  \"#2c3e50\",\n  \"#2f3193\",\n  \"#662d91\",\n  \"#922790\",\n  \"#ec2176\",\n  \"#ed1c24\",\n  \"#f36622\",\n  \"#f8941e\",\n  \"#fab70f\",\n  \"#fdde00\",\n  \"#d1d219\",\n  \"#8ec73f\",\n  \"#00a650\",\n  \"#00aa9c\",\n  \"#00adef\",\n  \"#0081cd\",\n  \"#005bab\",\n  \"#012a4a\",\n  \"#013a63\",\n  \"#06d6a0\",\n  \"#ef476f\",\n  \"#ff5d8f\",\n  \"#0496ff\",\n  \"#c879ff\",\n]\n\nfunction getInitialsFromName(name: string | null | undefined): string {\n  if (!name) return \"\"\n  const matches = [...name.matchAll(/(\\b\\w)/g)]\n  return (\n    (matches.shift()?.[1] ?? \"\") + (matches.pop()?.[1] ?? \"\")\n  ).toUpperCase()\n}\n\nfunction getAvatarColorByName(\n  name: string | null | undefined\n): React.CSSProperties {\n  const seed = name && name.length ? name : \"?\"\n  let index = seed[0].toUpperCase().charCodeAt(0)\n  const lastName = seed.split(\" \")[1]\n  if (lastName) {\n    index = Math.floor((index + lastName[0].toUpperCase().charCodeAt(0)) / 2)\n  }\n  index = Math.abs(index - 65) % AVATAR_NAME_PALETTE.length\n  return {\n    backgroundColor: AVATAR_NAME_PALETTE[index],\n    color: \"#fff\",\n  }\n}\n\nfunction getStringFromChildren(children: React.ReactNode): string {\n  let out = \"\"\n  React.Children.forEach(children, (child) => {\n    if (typeof child === \"string\" || typeof child === \"number\") {\n      out += child\n    }\n  })\n  return out\n}\n\ntype AvatarSize = \"default\" | \"sm\" | \"lg\"\n\ntype AvatarProps = AvatarPrimitive.Root.Props & {\n  size?: AvatarSize\n  tooltip?: React.ReactNode | false\n}\n\nfunction getAvatarLabelFromChildren(\n  children: React.ReactNode\n): React.ReactNode | undefined {\n  let alt: string | undefined\n  let name: string | undefined\n  React.Children.forEach(children, (child) => {\n    if (!React.isValidElement(child)) return\n    if (child.type === AvatarFallback) {\n      const props = child.props as AvatarFallbackProps\n      if (props.name) name = props.name\n    } else if (child.type === AvatarImage) {\n      const props = child.props as AvatarPrimitive.Image.Props\n      if (props.alt) alt = props.alt\n    }\n  })\n  return name ?? alt\n}\n\nfunction Avatar({\n  className,\n  size = \"default\",\n  tooltip,\n  children,\n  ...props\n}: AvatarProps) {\n  const root = (\n    <AvatarPrimitive.Root\n      data-slot=\"avatar\"\n      data-size={size}\n      className={cn(\n        \"group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </AvatarPrimitive.Root>\n  )\n\n  const resolved =\n    tooltip === undefined ? getAvatarLabelFromChildren(children) : tooltip\n  if (resolved === false || resolved == null || resolved === \"\") return root\n\n  return (\n    <Tooltip>\n      <TooltipTrigger render={root} />\n      <TooltipContent>{resolved}</TooltipContent>\n    </Tooltip>\n  )\n}\n\nfunction AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props) {\n  return (\n    <AvatarPrimitive.Image\n      data-slot=\"avatar-image\"\n      className={cn(\n        \"aspect-square size-full rounded-full object-cover\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\ntype AvatarFallbackProps = AvatarPrimitive.Fallback.Props & {\n  name?: string | null\n}\n\nfunction AvatarFallback({\n  className,\n  name,\n  children,\n  style,\n  ...props\n}: AvatarFallbackProps) {\n  const colorStyle = React.useMemo(() => {\n    const seed = name ?? getStringFromChildren(children)\n    return getAvatarColorByName(seed)\n  }, [name, children])\n  const initials = React.useMemo(\n    () => (name && children == null ? getInitialsFromName(name) : undefined),\n    [name, children]\n  )\n\n  return (\n    <AvatarPrimitive.Fallback\n      data-slot=\"avatar-fallback\"\n      className={cn(\n        \"flex size-full items-center justify-center rounded-full font-medium text-sm group-data-[size=sm]/avatar:text-xs\",\n        className\n      )}\n      style={{ ...colorStyle, ...style }}\n      {...props}\n    >\n      {children ?? initials}\n    </AvatarPrimitive.Fallback>\n  )\n}\n\nfunction AvatarBadge({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      className={cn(\n        \"absolute end-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none\",\n        \"group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2\",\n        \"group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Avatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  getAvatarLabelFromChildren,\n  getInitialsFromName,\n  getAvatarColorByName,\n}\nexport type { AvatarProps, AvatarFallbackProps }\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,oBAAoB,MAAyC;AACpE,KAAI,CAAC,KAAM,QAAO;CAClB,MAAM,UAAU,CAAC,GAAG,KAAK,SAAS,UAAU,CAAC;AAC7C,UACG,QAAQ,OAAO,GAAG,MAAM,OAAO,QAAQ,KAAK,GAAG,MAAM,KACtD,aAAa;;AAGjB,SAAS,qBACP,MACqB;CACrB,MAAM,OAAO,QAAQ,KAAK,SAAS,OAAO;CAC1C,IAAI,QAAQ,KAAK,GAAG,aAAa,CAAC,WAAW,EAAE;CAC/C,MAAM,WAAW,KAAK,MAAM,IAAI,CAAC;AACjC,KAAI,SACF,SAAQ,KAAK,OAAO,QAAQ,SAAS,GAAG,aAAa,CAAC,WAAW,EAAE,IAAI,EAAE;AAE3E,SAAQ,KAAK,IAAI,QAAQ,GAAG,GAAG,oBAAoB;AACnD,QAAO;EACL,iBAAiB,oBAAoB;EACrC,OAAO;EACR;;AAGH,SAAS,sBAAsB,UAAmC;CAChE,IAAI,MAAM;AACV,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,OAAO,UAAU,YAAY,OAAO,UAAU,SAChD,QAAO;GAET;AACF,QAAO;;AAUT,SAAS,2BACP,UAC6B;CAC7B,IAAIA;CACJ,IAAIC;AACJ,SAAM,SAAS,QAAQ,WAAW,UAAU;AAC1C,MAAI,CAACC,QAAM,eAAe,MAAM,CAAE;AAClC,MAAI,MAAM,SAAS,gBAAgB;GACjC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,KAAM,QAAO,MAAM;aACpB,MAAM,SAAS,aAAa;GACrC,MAAM,QAAQ,MAAM;AACpB,OAAI,MAAM,IAAK,OAAM,MAAM;;GAE7B;AACF,QAAO,QAAQ;;AAGjB,SAASC,SAAO,EACd,WACA,OAAO,WACP,SACA,UACA,GAAG,SACW;CACd,MAAM,OACJ,oBAACC,OAAgB;EACf,aAAU;EACV,aAAW;EACX,WAAW,GACT,yPACA,UACD;EACD,GAAI;EAEH;GACoB;CAGzB,MAAM,WACJ,YAAY,SAAY,2BAA2B,SAAS,GAAG;AACjE,KAAI,aAAa,SAAS,YAAY,QAAQ,aAAa,GAAI,QAAO;AAEtE,QACE,qBAAC,sBACC,oBAAC,kBAAe,QAAQ,OAAQ,EAChC,oBAAC,4BAAgB,WAA0B,IACnC;;AAId,SAAS,YAAY,EAAE,WAAW,GAAG,SAAsC;AACzE,QACE,oBAACA,OAAgB;EACf,aAAU;EACV,WAAW,GACT,qDACA,UACD;EACD,GAAI;GACJ;;AAQN,SAAS,eAAe,EACtB,WACA,MACA,UACA,OACA,GAAG,SACmB;CACtB,MAAM,aAAaF,QAAM,cAAc;AAErC,SAAO,qBADM,QAAQ,sBAAsB,SAAS,CACnB;IAChC,CAAC,MAAM,SAAS,CAAC;CACpB,MAAM,WAAWA,QAAM,cACd,QAAQ,YAAY,OAAO,oBAAoB,KAAK,GAAG,QAC9D,CAAC,MAAM,SAAS,CACjB;AAED,QACE,oBAACE,OAAgB;EACf,aAAU;EACV,WAAW,GACT,mHACA,UACD;EACD,OAAO;GAAE,GAAG;GAAY,GAAG;GAAO;EAClC,GAAI;YAEH,YAAY;GACY;;AAI/B,SAAS,YAAY,EAAE,WAAW,GAAG,SAAuC;AAC1E,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0KACA,iFACA,6FACA,iFACA,UACD;EACD,GAAI;GACJ"}

package/dist/avatar-DmWdHRhV.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatar-DmWdHRhV.d.ts","names":[],"sources":["../src/components/avatar.tsx"],"sourcesContent":[],"mappings":";;;;;iBAmCS,mBAAA;iBAQA,oBAAA,mCAEN,OAAA,CAAM;KAwBJ,UAAA;AApE4D,KAsE5D,WAAA,GAAc,MAAA,CAAgB,IAAA,CAAK,KApCZ,GAAA;EAQnB,IAAA,CAAA,EA6BA,UA7BA;EA0BJ,OAAA,CAAA,EAIO,OAAA,CAAM,SAJH,GAAA,KAAA;AAAA,CAAA;iBAON,0BAAA,CAL+B,QAAA,EAM5B,OAAA,CAAM,SANsB,CAAA,EAOrC,OAAA,CAAM,SAP+B,GAAA,SAAA;iBAuB/B,QAAA,CAtBA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA4BN,WA5BM,CAAA,EA4BK,mBAAA,CAAA,GAAA,CAAA,OA5BL;iBAuDA,WAAA,CAtDS;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAsD4B,MAAA,CAAgB,KAAA,CAAM,KAtDlD,CAAA,EAsDuD,mBAAA,CAAA,GAAA,CAAA,OAtDvD;KAmEb,mBAAA,GAAsB,MAAA,CAAgB,QAAA,CAAS,KAnEzB,GAAA;EAGlB,IAAA,CAAA,EAAA,MAAA,GAAA,IAAA;AAES,CAAA;iBAkET,cAAA,CAjDP;EAAA,SAAA;EAAA,IAAA;EAAA,QAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EAuDC,mBAvDD,CAAA,EAuDoB,mBAAA,CAAA,GAAA,CAAA,OAvDpB;iBAgFO,WAAA,CA/EP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+E4C,OAAA,CAAM,cA/ElD,CAAA,MAAA,CAAA,CAAA,EA+EwE,mBAAA,CAAA,GAAA,CAAA,OA/ExE"}

package/dist/combobox-26YfHkRT.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"combobox-26YfHkRT.d.ts","names":[],"sources":["../src/components/combobox.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/input-stLmd1eW.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"input-stLmd1eW.d.ts","names":[],"sources":["../src/components/input.tsx"],"sourcesContent":[],"mappings":";;;;iBAKS,KAAA;;;;GAAqC,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}

package/dist/label-CokIQ6Ry.d.ts

@@ -1,11 +0,0 @@
-import * as react_jsx_runtime196 from "react/jsx-runtime";
-import * as React$1 from "react";
-
-//#region src/components/label.d.ts
-declare function Label({
-  className,
-  ...props
-}: React$1.ComponentProps<"label">): react_jsx_runtime196.JSX.Element;
-//#endregion
-export { Label as t };
-//# sourceMappingURL=label-CokIQ6Ry.d.ts.map

package/dist/label-CokIQ6Ry.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"label-CokIQ6Ry.d.ts","names":[],"sources":["../src/components/label.tsx"],"sourcesContent":[],"mappings":";;;;iBAMS,KAAA;;;GAA+B,OAAA,CAAM,0BAAuB,oBAAA,CAAA,GAAA,CAAA"}