@activecollab/components 2.0.446 → 2.0.448

package/dist/cjs/presentation/shared/portfolioDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"portfolioDetails.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_Dialog","_IconButton","_Icons","_Input","_Label","_RadioGroup","_Select","_SelectTrigger","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","DEFAULT_PORTFOLIO_FORM_VALUES","exports","type","context","undefined","projectIds","groupBy","visibility","LEADERS_LIST","short","CATEGORIES","CLIENTS","PICKER_PROJECTS","id","client","category","label","leader","favorite","GROUP_BY_OPTIONS","projectOptionId","project","concat","sampleProjectOptionIds","count","Math","max","map","toProjectOptions","projects","sort","b","localeCompare","groupPickerProjects","other","groups","options","field","without","buckets","Map","_buckets$get","key","entries","_ref","_ref2","PORTFOLIO_TYPES","title","description","VISIBILITY_OPTIONS","contextFieldLabel","leaderShortName","_LEADERS_LIST$find$sh","_LEADERS_LIST$find","find","defaultPortfolioName","isPortfolioDetailsValid","values","trim","Boolean","ProjectsGroupBy","_ref3","selected","onChange","createElement","Select","keepSameOptionsOrder","disableSearch","disabledInternalSort","forceCloseMenu","position","target","IconButton","variant","SortGeneralIcon","ProjectsPicker","_ref4","onGroupBy","invalid","useMemo","triggerText","noResultText","endAdornment","SelectTrigger","className","typographyProps","color","ContextPicker","_ref5","placeholder","StyledDetailsForm","styled","div","withConfig","displayName","componentId","PortfolioDetailsFields","_ref6","onName","onContext","onProjects","onVisibility","showErrors","nameInvalid","pickerInvalid","Label","htmlFor","Input","event","RadioGroup","option","EditPortfolioDialog","_ref7","open","initialValues","onClose","onSave","_useState","useState","_useState2","setValues","_useState3","_useState4","setShowErrors","useEffect","patch","current","handleSave","Dialog","disableCloseOnEsc","Title","ContentDivider","Content","Actions","Button","style","marginRight","onClick"],"sources":["../../../../src/presentation/shared/portfolioDetails.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useMemo, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Button } from \"../../components/Button\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { SortGeneralIcon } from \"../../components/Icons\";\nimport { Input } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\nimport { RadioGroup } from \"../../components/RadioGroup\";\nimport { Select } from \"../../components/Select\";\nimport { SelectTrigger } from \"../../components/SelectTrigger\";\n\n/*\n  Portfolio details form — the shared \"step 2\" of the Create Portfolio wizard,\n  reused verbatim as the Edit Portfolio dialog.\n\n  This mirrors a pattern used across the app: the fields that make up the final\n  step of a creation wizard are the same fields shown, later, when the object is\n  edited. So the form body (name, the type's picker, visibility) and its\n  validation live here once, and two consumers render it:\n\n    - The Create Portfolio wizard (PortfoliosList.stories.tsx) renders\n      <PortfolioDetailsFields> inside its step-2 <Dialog.Content>, with a\n      \"Create Portfolio\" action.\n    - <EditPortfolioDialog> (opened from PortfolioOptionsMenu's Edit item)\n      renders the SAME <PortfolioDetailsFields> inside a standalone <Dialog>,\n      with a \"Save Changes\" action.\n\n  Both use isPortfolioDetailsValid() and the same always-enabled-submit,\n  outline-on-submit validation rule.\n*/\n\n/* ------------------------------------------------------------------ */\n/* Domain types                                                        */\n/* ------------------------------------------------------------------ */\n\n/** How a portfolio decides its members (two kinds, three context types). */\nexport type PortfolioKind = \"custom\" | \"category\" | \"client\" | \"leader\";\n\nexport type PortfolioVisibility = \"everyone\" | \"me\";\n\n/** Grouping of the projects multi-select — matches Invite-to-Projects. */\nexport type GroupBy =\n  | \"favorites\"\n  | \"labels\"\n  | \"companies\"\n  | \"categories\"\n  | \"leaders\";\n\n/** The editable shape shared by create step 2 and the edit dialog. */\nexport interface PortfolioFormValues {\n  type: PortfolioKind;\n  name: string;\n  /** For context portfolios: the chosen category / client / leader. */\n  context?: string;\n  /** For custom portfolios: the hand-picked project option ids. */\n  projectIds: string[];\n  groupBy: GroupBy;\n  visibility: PortfolioVisibility;\n}\n\n/** A blank custom portfolio — the fallback seed for the edit dialog. */\nexport const DEFAULT_PORTFOLIO_FORM_VALUES: PortfolioFormValues = {\n  type: \"custom\",\n  name: \"\",\n  context: undefined,\n  projectIds: [],\n  groupBy: \"favorites\",\n  visibility: \"everyone\",\n};\n\n/* ------------------------------------------------------------------ */\n/* Pickers' mock data                                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface PickerLeader {\n  name: string;\n  /** Short \"Firstname L.\" form used in the default portfolio name. */\n  short: string;\n}\n\nexport const LEADERS_LIST: PickerLeader[] = [\n  { name: \"Theo Brandt\", short: \"Theo B.\" },\n  { name: \"Isabel Cortez\", short: \"Isabel C.\" },\n  { name: \"Grace Bauer\", short: \"Grace B.\" },\n  { name: \"Noah Mercer\", short: \"Noah M.\" },\n];\n\nexport const CATEGORIES = [\n  \"Brand & Identity\",\n  \"Web & Product\",\n  \"Marketing\",\n  \"Internal Ops\",\n];\n\nexport const CLIENTS = [\n  \"Aperture Studio\",\n  \"Orbit Telecom\",\n  \"Northwind Traders\",\n  \"Meridian Health\",\n];\n\ninterface PickerProject {\n  id: number;\n  name: string;\n  client: string;\n  category: string;\n  label: string;\n  leader: string;\n  favorite: boolean;\n}\n\nconst PICKER_PROJECTS: PickerProject[] = [\n  {\n    id: 1,\n    name: \"Website Redesign\",\n    client: \"Aperture Studio\",\n    category: \"Web & Product\",\n    label: \"Design\",\n    leader: \"Theo Brandt\",\n    favorite: true,\n  },\n  {\n    id: 2,\n    name: \"Brand Refresh\",\n    client: \"Aperture Studio\",\n    category: \"Brand & Identity\",\n    label: \"Design\",\n    leader: \"Isabel Cortez\",\n    favorite: true,\n  },\n  {\n    id: 3,\n    name: \"Mobile App\",\n    client: \"Orbit Telecom\",\n    category: \"Web & Product\",\n    label: \"Build\",\n    leader: \"Grace Bauer\",\n    favorite: false,\n  },\n  {\n    id: 4,\n    name: \"Q3 Campaign\",\n    client: \"Orbit Telecom\",\n    category: \"Marketing\",\n    label: \"Campaign\",\n    leader: \"Noah Mercer\",\n    favorite: true,\n  },\n  {\n    id: 5,\n    name: \"Internal Wiki\",\n    client: \"\",\n    category: \"Internal Ops\",\n    label: \"\",\n    leader: \"Theo Brandt\",\n    favorite: false,\n  },\n  {\n    id: 6,\n    name: \"Packaging System\",\n    client: \"Northwind Traders\",\n    category: \"Brand & Identity\",\n    label: \"Design\",\n    leader: \"Isabel Cortez\",\n    favorite: false,\n  },\n  {\n    id: 7,\n    name: \"Support Portal\",\n    client: \"Meridian Health\",\n    category: \"Web & Product\",\n    label: \"Build\",\n    leader: \"Grace Bauer\",\n    favorite: false,\n  },\n  {\n    id: 8,\n    name: \"Annual Report\",\n    client: \"Northwind Traders\",\n    category: \"Marketing\",\n    label: \"Campaign\",\n    leader: \"Noah Mercer\",\n    favorite: true,\n  },\n];\n\n/* Group-by options and default match the Invite-to-Projects picker exactly. */\nconst GROUP_BY_OPTIONS: { id: GroupBy; name: string }[] = [\n  { id: \"favorites\", name: \"Favorites\" },\n  { id: \"labels\", name: \"Label\" },\n  { id: \"companies\", name: \"Client\" },\n  { id: \"categories\", name: \"Category\" },\n  { id: \"leaders\", name: \"Project Leader\" },\n];\n\ninterface ProjectOption {\n  id: string;\n  name: string;\n}\ninterface ProjectOptionGroup {\n  id: string;\n  name: string;\n  options: ProjectOption[];\n}\n\nconst projectOptionId = (project: PickerProject): string => `p${project.id}`;\n\n/** A small deterministic set of project option ids — seeds a custom\n    portfolio's edit dialog so the picker reads as an existing selection. */\nexport const sampleProjectOptionIds = (count: number): string[] =>\n  PICKER_PROJECTS.slice(0, Math.max(0, count)).map(projectOptionId);\n\nconst toProjectOptions = (projects: PickerProject[]): ProjectOption[] =>\n  projects\n    .map((project) => ({ id: projectOptionId(project), name: project.name }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n/* Build the grouped option tree the Select expects. Alphabetical rows and\n   groups; the \"Without ...\" / \"Other\" bucket sits last; the Favorites grouping\n   collapses to a flat list when it is the only group (as the app's does). */\nconst groupPickerProjects = (\n  groupBy: GroupBy\n): ProjectOption[] | ProjectOptionGroup[] => {\n  if (groupBy === \"favorites\") {\n    const favorite = PICKER_PROJECTS.filter((project) => project.favorite);\n    const other = PICKER_PROJECTS.filter((project) => !project.favorite);\n    const groups: ProjectOptionGroup[] = [];\n    if (favorite.length) {\n      groups.push({\n        id: \"g-fav\",\n        name: \"Favorite\",\n        options: toProjectOptions(favorite),\n      });\n    }\n    if (other.length) {\n      groups.push({\n        id: \"g-other\",\n        name: \"Other\",\n        options: toProjectOptions(other),\n      });\n    }\n    return groups.length === 1 ? groups[0].options : groups;\n  }\n\n  const field: keyof PickerProject =\n    groupBy === \"labels\"\n      ? \"label\"\n      : groupBy === \"companies\"\n      ? \"client\"\n      : groupBy === \"categories\"\n      ? \"category\"\n      : \"leader\";\n  const without =\n    groupBy === \"labels\"\n      ? \"Without Label\"\n      : groupBy === \"companies\"\n      ? \"Without Client\"\n      : groupBy === \"categories\"\n      ? \"Without Category\"\n      : \"Without Leader\";\n\n  const buckets = new Map<string, PickerProject[]>();\n  PICKER_PROJECTS.forEach((project) => {\n    const key = (project[field] as string) || without;\n    if (!buckets.has(key)) {\n      buckets.set(key, []);\n    }\n    buckets.get(key)?.push(project);\n  });\n\n  return Array.from(buckets.entries())\n    .map(([name, projects]) => ({\n      id: `g-${name}`,\n      name,\n      options: toProjectOptions(projects),\n    }))\n    .sort((a, b) =>\n      a.name === without\n        ? 1\n        : b.name === without\n        ? -1\n        : a.name.localeCompare(b.name)\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* Type + visibility option copy                                       */\n/* ------------------------------------------------------------------ */\n\nexport const PORTFOLIO_TYPES: {\n  id: PortfolioKind;\n  title: string;\n  description: string;\n}[] = [\n  {\n    id: \"custom\",\n    title: \"Custom Portfolio\",\n    description: \"The projects you pick by hand. Nothing joins automatically.\",\n  },\n  {\n    id: \"client\",\n    title: \"Client Portfolio\",\n    description:\n      \"All projects for a client company. New ones join automatically.\",\n  },\n  {\n    id: \"leader\",\n    title: \"Project Leader Portfolio\",\n    description: \"All projects led by a person. New ones join automatically.\",\n  },\n  {\n    id: \"category\",\n    title: \"Category Portfolio\",\n    description:\n      \"All projects in a project category. New ones join automatically.\",\n  },\n];\n\nexport const VISIBILITY_OPTIONS: {\n  id: PortfolioVisibility;\n  title: string;\n  description: string;\n}[] = [\n  {\n    id: \"everyone\",\n    title: \"Visible to Everyone\",\n    description:\n      \"Anyone who can use portfolios sees this one. They still only see the projects they already have access to.\",\n  },\n  {\n    id: \"me\",\n    title: \"Visible Only to Me\",\n    description: \"Nobody else sees this portfolio.\",\n  },\n];\n\nexport const contextFieldLabel = (type: PortfolioKind): string =>\n  type === \"custom\"\n    ? \"Projects\"\n    : type === \"category\"\n    ? \"Category\"\n    : type === \"client\"\n    ? \"Client\"\n    : \"Project Leader\";\n\nexport const leaderShortName = (name: string): string =>\n  LEADERS_LIST.find((leader) => leader.name === name)?.short ?? name;\n\n/* Default names: \"{Category} Projects\", \"{Client} Projects\", \"Lead by {N.}\". */\nexport const defaultPortfolioName = (\n  type: PortfolioKind,\n  context: string\n): string => {\n  if (!context) return \"\";\n  if (type === \"category\" || type === \"client\") return `${context} Projects`;\n  if (type === \"leader\") return `Lead by ${leaderShortName(context)}`;\n  return \"\";\n};\n\n/* ------------------------------------------------------------------ */\n/* Validation (shared by create step 2 and the edit dialog)            */\n/* ------------------------------------------------------------------ */\n\n/** Name is required; a custom portfolio needs at least one project, a context\n    portfolio needs its context chosen. Same rule for create and edit. */\nexport const isPortfolioDetailsValid = (values: PortfolioFormValues): boolean =>\n  values.name.trim().length > 0 &&\n  (values.type === \"custom\"\n    ? values.projectIds.length > 0\n    : Boolean(values.context));\n\n/* ------------------------------------------------------------------ */\n/* Pickers                                                             */\n/* ------------------------------------------------------------------ */\n\n/* Group-by control: the SortGeneralIcon button the Invite-to-Projects picker\n   shows as the search bar's right-side adornment. Controls grouping, not sort. */\nconst ProjectsGroupBy = ({\n  selected,\n  onChange,\n}: {\n  selected: GroupBy;\n  onChange: (groupBy: GroupBy) => void;\n}): ReactElement => (\n  <Select\n    keepSameOptionsOrder\n    disableSearch\n    disabledInternalSort\n    forceCloseMenu\n    position=\"bottom-end\"\n    selected={selected}\n    onChange={(value) => onChange(value as GroupBy)}\n    options={GROUP_BY_OPTIONS}\n    target={\n      <IconButton type=\"button\" variant=\"text gray\">\n        <SortGeneralIcon />\n      </IconButton>\n    }\n  />\n);\n\nconst ProjectsPicker = ({\n  selected,\n  onChange,\n  groupBy,\n  onGroupBy,\n  invalid,\n}: {\n  selected: string[];\n  onChange: (ids: string[]) => void;\n  groupBy: GroupBy;\n  onGroupBy: (groupBy: GroupBy) => void;\n  invalid?: boolean;\n}): ReactElement => {\n  const options = useMemo(() => groupPickerProjects(groupBy), [groupBy]);\n  const count = selected.length;\n  const triggerText =\n    count === 0\n      ? \"Choose projects\"\n      : count === 1\n      ? \"1 project selected\"\n      : `${count} projects selected`;\n  return (\n    <Select\n      type=\"multiple\"\n      options={options}\n      selected={selected}\n      onChange={(value) => onChange(value as string[])}\n      noResultText=\"No results\"\n      endAdornment={<ProjectsGroupBy selected={groupBy} onChange={onGroupBy} />}\n      target={\n        <SelectTrigger\n          id=\"pf-projects\"\n          className=\"pf-trigger\"\n          invalid={invalid}\n          typographyProps={{ color: count > 0 ? \"primary\" : \"quaternary\" }}\n        >\n          {triggerText}\n        </SelectTrigger>\n      }\n    />\n  );\n};\n\nconst ContextPicker = ({\n  type,\n  value,\n  onChange,\n  invalid,\n}: {\n  type: PortfolioKind;\n  value?: string;\n  onChange: (value: string) => void;\n  invalid?: boolean;\n}): ReactElement => {\n  const options =\n    type === \"category\"\n      ? CATEGORIES.map((name) => ({ id: name, name }))\n      : type === \"client\"\n      ? CLIENTS.map((name) => ({ id: name, name }))\n      : LEADERS_LIST.map((leader) => ({ id: leader.name, name: leader.name }));\n  const placeholder =\n    type === \"category\"\n      ? \"Choose a category\"\n      : type === \"client\"\n      ? \"Choose a client\"\n      : \"Choose a project leader\";\n  return (\n    <Select\n      forceCloseMenu\n      options={options}\n      selected={value ?? \"\"}\n      onChange={(next) => onChange(String(next))}\n      target={\n        <SelectTrigger\n          id=\"pf-context\"\n          className=\"pf-trigger\"\n          invalid={invalid}\n          typographyProps={{ color: value ? \"primary\" : \"quaternary\" }}\n        >\n          {value ?? placeholder}\n        </SelectTrigger>\n      }\n    />\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* The reusable form body                                              */\n/* ------------------------------------------------------------------ */\n\nconst StyledDetailsForm = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  /* DS form controls are fixed-width (Input 360px, SelectTrigger 300px); let\n     them fill the dialog column instead. */\n  .field .c-input-wrapper {\n    width: 100%;\n  }\n\n  .field .pf-trigger {\n    width: 100%;\n  }\n`;\n\nexport interface PortfolioDetailsFieldsProps {\n  values: PortfolioFormValues;\n  onName: (value: string) => void;\n  onContext: (value: string) => void;\n  onProjects: (ids: string[]) => void;\n  onGroupBy: (groupBy: GroupBy) => void;\n  onVisibility: (value: PortfolioVisibility) => void;\n  /* Form pattern (propagating through the app): the submit button is ALWAYS\n     enabled. On submit the consumer flips showErrors; each field then outlines\n     itself (aria-invalid) while it is invalid, and clears once it becomes\n     valid. No field disables submit. */\n  showErrors: boolean;\n}\n\n/** Name + the type's picker + visibility. No Dialog wrappers and no action\n    button — the consumer (create step or edit dialog) supplies those. */\nexport const PortfolioDetailsFields = ({\n  values,\n  onName,\n  onContext,\n  onProjects,\n  onGroupBy,\n  onVisibility,\n  showErrors,\n}: PortfolioDetailsFieldsProps): ReactElement => {\n  const { type, name, context, projectIds, groupBy, visibility } = values;\n  const nameInvalid = showErrors && name.trim().length === 0;\n  const pickerInvalid =\n    showErrors && (type === \"custom\" ? projectIds.length === 0 : !context);\n\n  return (\n    <StyledDetailsForm>\n      <div className=\"field\">\n        <Label htmlFor=\"pf-name\">Name</Label>\n        <Input\n          id=\"pf-name\"\n          value={name}\n          placeholder=\"Portfolio name\"\n          invalid={nameInvalid}\n          onChange={(event) => onName(event.target.value)}\n        />\n      </div>\n      <div className=\"field\">\n        <Label htmlFor={type === \"custom\" ? \"pf-projects\" : \"pf-context\"}>\n          {contextFieldLabel(type)}\n        </Label>\n        {type === \"custom\" ? (\n          <ProjectsPicker\n            selected={projectIds}\n            onChange={onProjects}\n            groupBy={groupBy}\n            onGroupBy={onGroupBy}\n            invalid={pickerInvalid}\n          />\n        ) : (\n          <ContextPicker\n            type={type}\n            value={context}\n            onChange={onContext}\n            invalid={pickerInvalid}\n          />\n        )}\n      </div>\n      <div className=\"field\">\n        <RadioGroup\n          label=\"Visibility\"\n          variant=\"plain\"\n          value={visibility}\n          onChange={(value) => onVisibility(value as PortfolioVisibility)}\n          options={VISIBILITY_OPTIONS.map((option) => ({\n            id: option.id,\n            name: option.title,\n            description: option.description,\n          }))}\n        />\n      </div>\n    </StyledDetailsForm>\n  );\n};\n\nPortfolioDetailsFields.displayName = \"PortfolioDetailsFields\";\n\n/* ------------------------------------------------------------------ */\n/* Edit Portfolio dialog — the create wizard's step 2, on its own      */\n/* ------------------------------------------------------------------ */\n\nexport interface EditPortfolioDialogProps {\n  open: boolean;\n  /** The portfolio's current values; the dialog seeds itself from these on\n      open, so Cancel discards edits and Save commits them. */\n  initialValues: PortfolioFormValues;\n  onClose: () => void;\n  onSave?: (values: PortfolioFormValues) => void;\n}\n\n/*\n  Same fields, same validation as create step 2. The type is fixed to the\n  portfolio's kind (edit changes the details, not the kind), so there is no\n  type radio here — only the name, the type's picker, and visibility.\n*/\nexport const EditPortfolioDialog = ({\n  open,\n  initialValues,\n  onClose,\n  onSave,\n}: EditPortfolioDialogProps): ReactElement => {\n  const [values, setValues] = useState<PortfolioFormValues>(initialValues);\n  const [showErrors, setShowErrors] = useState(false);\n\n  /* Re-seed from the portfolio each time the dialog opens. */\n  useEffect(() => {\n    if (open) {\n      setValues(initialValues);\n      setShowErrors(false);\n    }\n    // Seed on open only — initialValues is read at that moment by design.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  const patch = (next: Partial<PortfolioFormValues>): void =>\n    setValues((current) => ({ ...current, ...next }));\n\n  const handleSave = (): void => {\n    if (!isPortfolioDetailsValid(values)) {\n      setShowErrors(true);\n      return;\n    }\n    onSave?.(values);\n    onClose();\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose} disableCloseOnEsc>\n      <Dialog.Title>Edit Portfolio</Dialog.Title>\n      <Dialog.ContentDivider />\n      <Dialog.Content>\n        <PortfolioDetailsFields\n          values={values}\n          onName={(name) => patch({ name })}\n          onContext={(context) => patch({ context })}\n          onProjects={(projectIds) => patch({ projectIds })}\n          onGroupBy={(groupBy) => patch({ groupBy })}\n          onVisibility={(visibility) => patch({ visibility })}\n          showErrors={showErrors}\n        />\n      </Dialog.Content>\n      <Dialog.ContentDivider />\n      <Dialog.Actions>\n        <Button\n          variant=\"primary\"\n          style={{ marginRight: \"12px\" }}\n          onClick={handleSave}\n        >\n          Save Changes\n        </Button>\n        <Button variant=\"secondary\" data-action=\"cancel\" onClick={onClose}>\n          Cancel\n        </Button>\n      </Dialog.Actions>\n    </Dialog>\n  );\n};\n\nEditPortfolioDialog.displayName = \"EditPortfolioDialog\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"portfolioDetails.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_Dialog","_IconButton","_Icons","_Input","_Label","_RadioGroup","_Select","_SelectTrigger","_Typography","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ownKeys","keys","getOwnPropertySymbols","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","u","next","done","return","isArray","DEFAULT_PORTFOLIO_FORM_VALUES","exports","type","context","undefined","projectIds","groupBy","visibility","LEADERS_LIST","short","CATEGORIES","CLIENTS","PICKER_PROJECTS","id","client","category","label","leader","favorite","GROUP_BY_OPTIONS","projectOptionId","project","concat","sampleProjectOptionIds","count","Math","max","map","toProjectOptions","projects","sort","b","localeCompare","groupPickerProjects","other","groups","options","field","without","buckets","Map","_buckets$get","key","entries","_ref","_ref2","PORTFOLIO_TYPES","title","description","VISIBILITY_OPTIONS","contextFieldLabel","leaderShortName","_LEADERS_LIST$find$sh","_LEADERS_LIST$find","find","defaultPortfolioName","isPortfolioDetailsValid","values","trim","Boolean","PORTFOLIO_PROJECTS_LOCKED_NOTE","completedProjectsNote","ProjectsGroupBy","_ref3","selected","onChange","createElement","Select","keepSameOptionsOrder","disableSearch","disabledInternalSort","forceCloseMenu","position","target","IconButton","variant","SortGeneralIcon","ProjectsPicker","_ref4","onGroupBy","invalid","disabled","_ref4$triggerId","triggerId","useMemo","triggerText","noResultText","endAdornment","SelectTrigger","className","typographyProps","color","ContextPicker","_ref5","placeholder","StyledDetailsForm","styled","div","withConfig","displayName","componentId","PortfolioDetailsFields","_ref6","onName","onContext","onProjects","onVisibility","showErrors","projectsLocked","completedProjectsCount","nameInvalid","pickerInvalid","Label","htmlFor","Input","event","Fragment","Caption1","RadioGroup","option","EditPortfolioDialog","_ref7","open","initialValues","onClose","onSave","_useState","useState","_useState2","setValues","_useState3","_useState4","setShowErrors","useEffect","patch","current","handleSave","Dialog","disableCloseOnEsc","Title","ContentDivider","Content","Actions","Button","style","marginRight","onClick"],"sources":["../../../../src/presentation/shared/portfolioDetails.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useMemo, useState } from \"react\";\n\nimport styled from \"styled-components\";\n\nimport { Button } from \"../../components/Button\";\nimport { Dialog } from \"../../components/Dialog\";\nimport { IconButton } from \"../../components/IconButton\";\nimport { SortGeneralIcon } from \"../../components/Icons\";\nimport { Input } from \"../../components/Input\";\nimport { Label } from \"../../components/Label\";\nimport { RadioGroup } from \"../../components/RadioGroup\";\nimport { Select } from \"../../components/Select\";\nimport { SelectTrigger } from \"../../components/SelectTrigger\";\nimport { Caption1 } from \"../../components/Typography\";\n\n/*\n  Portfolio details form — the shared \"step 2\" of the Create Portfolio wizard,\n  reused verbatim as the Edit Portfolio dialog.\n\n  This mirrors a pattern used across the app: the fields that make up the final\n  step of a creation wizard are the same fields shown, later, when the object is\n  edited. So the form body (name, the type's picker, visibility) and its\n  validation live here once, and two consumers render it:\n\n    - The Create Portfolio wizard (PortfoliosList.stories.tsx) renders\n      <PortfolioDetailsFields> inside its step-2 <Dialog.Content>, with a\n      \"Create Portfolio\" action.\n    - <EditPortfolioDialog> (opened from PortfolioOptionsMenu's Edit item)\n      renders the SAME <PortfolioDetailsFields> inside a standalone <Dialog>,\n      with a \"Save Changes\" action.\n\n  Both use isPortfolioDetailsValid() and the same always-enabled-submit,\n  outline-on-submit validation rule.\n*/\n\n/* ------------------------------------------------------------------ */\n/* Domain types                                                        */\n/* ------------------------------------------------------------------ */\n\n/** How a portfolio decides its members (two kinds, three context types). */\nexport type PortfolioKind = \"custom\" | \"category\" | \"client\" | \"leader\";\n\nexport type PortfolioVisibility = \"everyone\" | \"me\";\n\n/** Grouping of the projects multi-select — matches Invite-to-Projects. */\nexport type GroupBy =\n  | \"favorites\"\n  | \"labels\"\n  | \"companies\"\n  | \"categories\"\n  | \"leaders\";\n\n/** The editable shape shared by create step 2 and the edit dialog. */\nexport interface PortfolioFormValues {\n  type: PortfolioKind;\n  name: string;\n  /** For context portfolios: the chosen category / client / leader. */\n  context?: string;\n  /** For custom portfolios: the hand-picked project option ids. */\n  projectIds: string[];\n  groupBy: GroupBy;\n  visibility: PortfolioVisibility;\n}\n\n/** A blank custom portfolio — the fallback seed for the edit dialog. */\nexport const DEFAULT_PORTFOLIO_FORM_VALUES: PortfolioFormValues = {\n  type: \"custom\",\n  name: \"\",\n  context: undefined,\n  projectIds: [],\n  groupBy: \"favorites\",\n  visibility: \"everyone\",\n};\n\n/* ------------------------------------------------------------------ */\n/* Pickers' mock data                                                  */\n/* ------------------------------------------------------------------ */\n\nexport interface PickerLeader {\n  name: string;\n  /** Short \"Firstname L.\" form used in the default portfolio name. */\n  short: string;\n}\n\nexport const LEADERS_LIST: PickerLeader[] = [\n  { name: \"Theo Brandt\", short: \"Theo B.\" },\n  { name: \"Isabel Cortez\", short: \"Isabel C.\" },\n  { name: \"Grace Bauer\", short: \"Grace B.\" },\n  { name: \"Noah Mercer\", short: \"Noah M.\" },\n];\n\nexport const CATEGORIES = [\n  \"Brand & Identity\",\n  \"Web & Product\",\n  \"Marketing\",\n  \"Internal Ops\",\n];\n\nexport const CLIENTS = [\n  \"Aperture Studio\",\n  \"Orbit Telecom\",\n  \"Northwind Traders\",\n  \"Meridian Health\",\n];\n\nexport interface PickerProject {\n  id: number;\n  name: string;\n  client: string;\n  category: string;\n  label: string;\n  leader: string;\n  favorite: boolean;\n}\n\nexport const PICKER_PROJECTS: PickerProject[] = [\n  {\n    id: 1,\n    name: \"Website Redesign\",\n    client: \"Aperture Studio\",\n    category: \"Web & Product\",\n    label: \"Design\",\n    leader: \"Theo Brandt\",\n    favorite: true,\n  },\n  {\n    id: 2,\n    name: \"Brand Refresh\",\n    client: \"Aperture Studio\",\n    category: \"Brand & Identity\",\n    label: \"Design\",\n    leader: \"Isabel Cortez\",\n    favorite: true,\n  },\n  {\n    id: 3,\n    name: \"Mobile App\",\n    client: \"Orbit Telecom\",\n    category: \"Web & Product\",\n    label: \"Build\",\n    leader: \"Grace Bauer\",\n    favorite: false,\n  },\n  {\n    id: 4,\n    name: \"Q3 Campaign\",\n    client: \"Orbit Telecom\",\n    category: \"Marketing\",\n    label: \"Campaign\",\n    leader: \"Noah Mercer\",\n    favorite: true,\n  },\n  {\n    id: 5,\n    name: \"Internal Wiki\",\n    client: \"\",\n    category: \"Internal Ops\",\n    label: \"\",\n    leader: \"Theo Brandt\",\n    favorite: false,\n  },\n  {\n    id: 6,\n    name: \"Packaging System\",\n    client: \"Northwind Traders\",\n    category: \"Brand & Identity\",\n    label: \"Design\",\n    leader: \"Isabel Cortez\",\n    favorite: false,\n  },\n  {\n    id: 7,\n    name: \"Support Portal\",\n    client: \"Meridian Health\",\n    category: \"Web & Product\",\n    label: \"Build\",\n    leader: \"Grace Bauer\",\n    favorite: false,\n  },\n  {\n    id: 8,\n    name: \"Annual Report\",\n    client: \"Northwind Traders\",\n    category: \"Marketing\",\n    label: \"Campaign\",\n    leader: \"Noah Mercer\",\n    favorite: true,\n  },\n];\n\n/* Group-by options and default match the Invite-to-Projects picker exactly. */\nconst GROUP_BY_OPTIONS: { id: GroupBy; name: string }[] = [\n  { id: \"favorites\", name: \"Favorites\" },\n  { id: \"labels\", name: \"Label\" },\n  { id: \"companies\", name: \"Client\" },\n  { id: \"categories\", name: \"Category\" },\n  { id: \"leaders\", name: \"Project Leader\" },\n];\n\ninterface ProjectOption {\n  id: string;\n  name: string;\n}\ninterface ProjectOptionGroup {\n  id: string;\n  name: string;\n  options: ProjectOption[];\n}\n\nconst projectOptionId = (project: PickerProject): string => `p${project.id}`;\n\n/** A small deterministic set of project option ids — seeds a custom\n    portfolio's edit dialog so the picker reads as an existing selection. */\nexport const sampleProjectOptionIds = (count: number): string[] =>\n  PICKER_PROJECTS.slice(0, Math.max(0, count)).map(projectOptionId);\n\nconst toProjectOptions = (projects: PickerProject[]): ProjectOption[] =>\n  projects\n    .map((project) => ({ id: projectOptionId(project), name: project.name }))\n    .sort((a, b) => a.name.localeCompare(b.name));\n\n/* Build the grouped option tree the Select expects. Alphabetical rows and\n   groups; the \"Without ...\" / \"Other\" bucket sits last; the Favorites grouping\n   collapses to a flat list when it is the only group (as the app's does). */\nconst groupPickerProjects = (\n  groupBy: GroupBy\n): ProjectOption[] | ProjectOptionGroup[] => {\n  if (groupBy === \"favorites\") {\n    const favorite = PICKER_PROJECTS.filter((project) => project.favorite);\n    const other = PICKER_PROJECTS.filter((project) => !project.favorite);\n    const groups: ProjectOptionGroup[] = [];\n    if (favorite.length) {\n      groups.push({\n        id: \"g-fav\",\n        name: \"Favorite\",\n        options: toProjectOptions(favorite),\n      });\n    }\n    if (other.length) {\n      groups.push({\n        id: \"g-other\",\n        name: \"Other\",\n        options: toProjectOptions(other),\n      });\n    }\n    return groups.length === 1 ? groups[0].options : groups;\n  }\n\n  const field: keyof PickerProject =\n    groupBy === \"labels\"\n      ? \"label\"\n      : groupBy === \"companies\"\n      ? \"client\"\n      : groupBy === \"categories\"\n      ? \"category\"\n      : \"leader\";\n  const without =\n    groupBy === \"labels\"\n      ? \"Without Label\"\n      : groupBy === \"companies\"\n      ? \"Without Client\"\n      : groupBy === \"categories\"\n      ? \"Without Category\"\n      : \"Without Leader\";\n\n  const buckets = new Map<string, PickerProject[]>();\n  PICKER_PROJECTS.forEach((project) => {\n    const key = (project[field] as string) || without;\n    if (!buckets.has(key)) {\n      buckets.set(key, []);\n    }\n    buckets.get(key)?.push(project);\n  });\n\n  return Array.from(buckets.entries())\n    .map(([name, projects]) => ({\n      id: `g-${name}`,\n      name,\n      options: toProjectOptions(projects),\n    }))\n    .sort((a, b) =>\n      a.name === without\n        ? 1\n        : b.name === without\n        ? -1\n        : a.name.localeCompare(b.name)\n    );\n};\n\n/* ------------------------------------------------------------------ */\n/* Type + visibility option copy                                       */\n/* ------------------------------------------------------------------ */\n\nexport const PORTFOLIO_TYPES: {\n  id: PortfolioKind;\n  title: string;\n  description: string;\n}[] = [\n  {\n    id: \"custom\",\n    title: \"Custom Portfolio\",\n    description: \"The projects you pick by hand. Nothing joins automatically.\",\n  },\n  {\n    id: \"client\",\n    title: \"Client Portfolio\",\n    description:\n      \"All projects for a client company. New ones join automatically.\",\n  },\n  {\n    id: \"leader\",\n    title: \"Project Leader Portfolio\",\n    description: \"All projects led by a person. New ones join automatically.\",\n  },\n  {\n    id: \"category\",\n    title: \"Category Portfolio\",\n    description:\n      \"All projects in a project category. New ones join automatically.\",\n  },\n];\n\nexport const VISIBILITY_OPTIONS: {\n  id: PortfolioVisibility;\n  title: string;\n  description: string;\n}[] = [\n  {\n    id: \"everyone\",\n    title: \"Visible to Everyone\",\n    description:\n      \"Anyone who can use portfolios sees this one. They still only see the projects they already have access to.\",\n  },\n  {\n    id: \"me\",\n    title: \"Visible Only to Me\",\n    description: \"Nobody else sees this portfolio.\",\n  },\n];\n\nexport const contextFieldLabel = (type: PortfolioKind): string =>\n  type === \"custom\"\n    ? \"Projects\"\n    : type === \"category\"\n    ? \"Category\"\n    : type === \"client\"\n    ? \"Client\"\n    : \"Project Leader\";\n\nexport const leaderShortName = (name: string): string =>\n  LEADERS_LIST.find((leader) => leader.name === name)?.short ?? name;\n\n/* Default names: \"{Category} Projects\", \"{Client} Projects\", \"Lead by {N.}\". */\nexport const defaultPortfolioName = (\n  type: PortfolioKind,\n  context: string\n): string => {\n  if (!context) return \"\";\n  if (type === \"category\" || type === \"client\") return `${context} Projects`;\n  if (type === \"leader\") return `Lead by ${leaderShortName(context)}`;\n  return \"\";\n};\n\n/* ------------------------------------------------------------------ */\n/* Validation (shared by create step 2 and the edit dialog)            */\n/* ------------------------------------------------------------------ */\n\n/** Name is required; a custom portfolio needs at least one project, a context\n    portfolio needs its context chosen. Same rule for create and edit. */\nexport const isPortfolioDetailsValid = (values: PortfolioFormValues): boolean =>\n  values.name.trim().length > 0 &&\n  (values.type === \"custom\"\n    ? values.projectIds.length > 0\n    : Boolean(values.context));\n\n/* Edit-only notes under the projects picker (custom portfolios). */\nexport const PORTFOLIO_PROJECTS_LOCKED_NOTE =\n  \"This portfolio includes projects you can't access, so its project list is locked here. Ask an Owner to change it for you.\";\n\nconst completedProjectsNote = (count: number): string =>\n  count === 1\n    ? \"1 project in this portfolio has been completed, so it isn't shown here. To take it out, use the portfolio's Projects tab.\"\n    : `${count} projects in this portfolio have been completed, so they aren't shown here. To take one out, use the portfolio's Projects tab.`;\n\n/* ------------------------------------------------------------------ */\n/* Pickers                                                             */\n/* ------------------------------------------------------------------ */\n\n/* Group-by control: the SortGeneralIcon button the Invite-to-Projects picker\n   shows as the search bar's right-side adornment. Controls grouping, not sort. */\nconst ProjectsGroupBy = ({\n  selected,\n  onChange,\n}: {\n  selected: GroupBy;\n  onChange: (groupBy: GroupBy) => void;\n}): ReactElement => (\n  <Select\n    keepSameOptionsOrder\n    disableSearch\n    disabledInternalSort\n    forceCloseMenu\n    position=\"bottom-end\"\n    selected={selected}\n    onChange={(value) => onChange(value as GroupBy)}\n    options={GROUP_BY_OPTIONS}\n    target={\n      <IconButton type=\"button\" variant=\"text gray\">\n        <SortGeneralIcon />\n      </IconButton>\n    }\n  />\n);\n\nexport interface ProjectsPickerProps {\n  selected: string[];\n  onChange: (ids: string[]) => void;\n  groupBy: GroupBy;\n  onGroupBy: (groupBy: GroupBy) => void;\n  invalid?: boolean;\n  disabled?: boolean;\n  /** Overrides the trigger element id (default \"pf-projects\") so the picker\n      can be reused on a page that also renders the create/edit form. */\n  triggerId?: string;\n}\n\nexport const ProjectsPicker = ({\n  selected,\n  onChange,\n  groupBy,\n  onGroupBy,\n  invalid,\n  disabled,\n  triggerId = \"pf-projects\",\n}: ProjectsPickerProps): ReactElement => {\n  const options = useMemo(() => groupPickerProjects(groupBy), [groupBy]);\n  const count = selected.length;\n  const triggerText =\n    count === 0\n      ? \"Choose projects\"\n      : count === 1\n      ? \"1 project selected\"\n      : `${count} projects selected`;\n  return (\n    <Select\n      type=\"multiple\"\n      options={options}\n      selected={selected}\n      onChange={(value) => onChange(value as string[])}\n      noResultText=\"No results\"\n      endAdornment={\n        disabled ? undefined : (\n          <ProjectsGroupBy selected={groupBy} onChange={onGroupBy} />\n        )\n      }\n      target={\n        <SelectTrigger\n          id={triggerId}\n          className=\"pf-trigger\"\n          invalid={invalid}\n          disabled={disabled}\n          typographyProps={{ color: count > 0 ? \"primary\" : \"quaternary\" }}\n        >\n          {triggerText}\n        </SelectTrigger>\n      }\n    />\n  );\n};\n\nconst ContextPicker = ({\n  type,\n  value,\n  onChange,\n  invalid,\n}: {\n  type: PortfolioKind;\n  value?: string;\n  onChange: (value: string) => void;\n  invalid?: boolean;\n}): ReactElement => {\n  const options =\n    type === \"category\"\n      ? CATEGORIES.map((name) => ({ id: name, name }))\n      : type === \"client\"\n      ? CLIENTS.map((name) => ({ id: name, name }))\n      : LEADERS_LIST.map((leader) => ({ id: leader.name, name: leader.name }));\n  const placeholder =\n    type === \"category\"\n      ? \"Choose a category\"\n      : type === \"client\"\n      ? \"Choose a client\"\n      : \"Choose a project leader\";\n  return (\n    <Select\n      forceCloseMenu\n      options={options}\n      selected={value ?? \"\"}\n      onChange={(next) => onChange(String(next))}\n      target={\n        <SelectTrigger\n          id=\"pf-context\"\n          className=\"pf-trigger\"\n          invalid={invalid}\n          typographyProps={{ color: value ? \"primary\" : \"quaternary\" }}\n        >\n          {value ?? placeholder}\n        </SelectTrigger>\n      }\n    />\n  );\n};\n\n/* ------------------------------------------------------------------ */\n/* The reusable form body                                              */\n/* ------------------------------------------------------------------ */\n\nconst StyledDetailsForm = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n\n  .field {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  /* DS form controls are fixed-width (Input 360px, SelectTrigger 300px); let\n     them fill the dialog column instead. */\n  .field .c-input-wrapper {\n    width: 100%;\n  }\n\n  .field .pf-trigger {\n    width: 100%;\n  }\n`;\n\nexport interface PortfolioDetailsFieldsProps {\n  values: PortfolioFormValues;\n  onName: (value: string) => void;\n  onContext: (value: string) => void;\n  onProjects: (ids: string[]) => void;\n  onGroupBy: (groupBy: GroupBy) => void;\n  onVisibility: (value: PortfolioVisibility) => void;\n  /* Form pattern (propagating through the app): the submit button is ALWAYS\n     enabled. On submit the consumer flips showErrors; each field then outlines\n     itself (aria-invalid) while it is invalid, and clears once it becomes\n     valid. No field disables submit. */\n  showErrors: boolean;\n  /** Edit only: the portfolio holds projects this viewer can't access, so the\n      projects picker is locked and a note explains why. */\n  projectsLocked?: boolean;\n  /** Edit only: how many of the portfolio's projects are completed and so are\n      not shown by the picker (which lists active projects only). */\n  completedProjectsCount?: number;\n}\n\n/** Name + the type's picker + visibility. No Dialog wrappers and no action\n    button — the consumer (create step or edit dialog) supplies those. */\nexport const PortfolioDetailsFields = ({\n  values,\n  onName,\n  onContext,\n  onProjects,\n  onGroupBy,\n  onVisibility,\n  showErrors,\n  projectsLocked,\n  completedProjectsCount,\n}: PortfolioDetailsFieldsProps): ReactElement => {\n  const { type, name, context, projectIds, groupBy, visibility } = values;\n  const nameInvalid = showErrors && name.trim().length === 0;\n  const pickerInvalid =\n    showErrors && (type === \"custom\" ? projectIds.length === 0 : !context);\n\n  return (\n    <StyledDetailsForm>\n      <div className=\"field\">\n        <Label htmlFor=\"pf-name\">Name</Label>\n        <Input\n          id=\"pf-name\"\n          value={name}\n          placeholder=\"Portfolio name\"\n          invalid={nameInvalid}\n          onChange={(event) => onName(event.target.value)}\n        />\n      </div>\n      <div className=\"field\">\n        <Label htmlFor={type === \"custom\" ? \"pf-projects\" : \"pf-context\"}>\n          {contextFieldLabel(type)}\n        </Label>\n        {type === \"custom\" ? (\n          <>\n            <ProjectsPicker\n              selected={projectIds}\n              onChange={onProjects}\n              groupBy={groupBy}\n              onGroupBy={onGroupBy}\n              invalid={pickerInvalid}\n              disabled={projectsLocked}\n            />\n            {projectsLocked ? (\n              <Caption1 color=\"tertiary\" className=\"pf-note\">\n                {PORTFOLIO_PROJECTS_LOCKED_NOTE}\n              </Caption1>\n            ) : completedProjectsCount ? (\n              <Caption1 color=\"tertiary\" className=\"pf-note\">\n                {completedProjectsNote(completedProjectsCount)}\n              </Caption1>\n            ) : null}\n          </>\n        ) : (\n          <ContextPicker\n            type={type}\n            value={context}\n            onChange={onContext}\n            invalid={pickerInvalid}\n          />\n        )}\n      </div>\n      <div className=\"field\">\n        <RadioGroup\n          label=\"Visibility\"\n          variant=\"plain\"\n          value={visibility}\n          onChange={(value) => onVisibility(value as PortfolioVisibility)}\n          options={VISIBILITY_OPTIONS.map((option) => ({\n            id: option.id,\n            name: option.title,\n            description: option.description,\n          }))}\n        />\n      </div>\n    </StyledDetailsForm>\n  );\n};\n\nPortfolioDetailsFields.displayName = \"PortfolioDetailsFields\";\n\n/* ------------------------------------------------------------------ */\n/* Edit Portfolio dialog — the create wizard's step 2, on its own      */\n/* ------------------------------------------------------------------ */\n\nexport interface EditPortfolioDialogProps {\n  open: boolean;\n  /** The portfolio's current values; the dialog seeds itself from these on\n      open, so Cancel discards edits and Save commits them. */\n  initialValues: PortfolioFormValues;\n  onClose: () => void;\n  onSave?: (values: PortfolioFormValues) => void;\n  /** Edit only: lock the projects picker (the portfolio has projects this\n      viewer can't access). */\n  projectsLocked?: boolean;\n  /** Edit only: number of completed projects the picker does not show. */\n  completedProjectsCount?: number;\n}\n\n/*\n  Same fields, same validation as create step 2. The type is fixed to the\n  portfolio's kind (edit changes the details, not the kind), so there is no\n  type radio here — only the name, the type's picker, and visibility.\n*/\nexport const EditPortfolioDialog = ({\n  open,\n  initialValues,\n  onClose,\n  onSave,\n  projectsLocked,\n  completedProjectsCount,\n}: EditPortfolioDialogProps): ReactElement => {\n  const [values, setValues] = useState<PortfolioFormValues>(initialValues);\n  const [showErrors, setShowErrors] = useState(false);\n\n  /* Re-seed from the portfolio each time the dialog opens. */\n  useEffect(() => {\n    if (open) {\n      setValues(initialValues);\n      setShowErrors(false);\n    }\n    // Seed on open only — initialValues is read at that moment by design.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  const patch = (next: Partial<PortfolioFormValues>): void =>\n    setValues((current) => ({ ...current, ...next }));\n\n  const handleSave = (): void => {\n    if (!isPortfolioDetailsValid(values)) {\n      setShowErrors(true);\n      return;\n    }\n    onSave?.(values);\n    onClose();\n  };\n\n  return (\n    <Dialog open={open} onClose={onClose} disableCloseOnEsc>\n      <Dialog.Title>Edit Portfolio</Dialog.Title>\n      <Dialog.ContentDivider />\n      <Dialog.Content>\n        <PortfolioDetailsFields\n          values={values}\n          onName={(name) => patch({ name })}\n          onContext={(context) => patch({ context })}\n          onProjects={(projectIds) => patch({ projectIds })}\n          onGroupBy={(groupBy) => patch({ groupBy })}\n          onVisibility={(visibility) => patch({ visibility })}\n          showErrors={showErrors}\n          projectsLocked={projectsLocked}\n          completedProjectsCount={completedProjectsCount}\n        />\n      </Dialog.Content>\n      <Dialog.ContentDivider />\n      <Dialog.Actions>\n        <Button\n          variant=\"primary\"\n          style={{ marginRight: \"12px\" }}\n          onClick={handleSave}\n        >\n          Save Changes\n        </Button>\n        <Button variant=\"secondary\" data-action=\"cancel\" onClick={onClose}>\n          Cancel\n        </Button>\n      </Dialog.Actions>\n    </Dialog>\n  );\n};\n\nEditPortfolioDialog.displayName = \"EditPortfolioDialog\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,cAAA,GAAAX,OAAA;AACA,IAAAY,WAAA,GAAAZ,OAAA;AAAuD,SAAAE,uBAAAW,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAd,wBAAAc,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAlB,uBAAA,YAAAA,wBAAAc,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,cAAAK,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAN,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAN,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAK,EAAA,EAAAN,CAAA,IAAAC,CAAA,CAAAK,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAL,CAAA,KAAAT,CAAA,EAAAG,CAAA;AAAA,SAAAiB,QAAApB,CAAA,EAAAK,CAAA,QAAAF,CAAA,GAAAc,MAAA,CAAAI,IAAA,CAAArB,CAAA,OAAAiB,MAAA,CAAAK,qBAAA,QAAAf,CAAA,GAAAU,MAAA,CAAAK,qBAAA,CAAAtB,CAAA,GAAAK,CAAA,KAAAE,CAAA,GAAAA,CAAA,CAAAgB,MAAA,WAAAlB,CAAA,WAAAY,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAK,CAAA,EAAAmB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAK,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAF,CAAA,WAAAyB,SAAA,CAAAvB,CAAA,IAAAuB,SAAA,CAAAvB,CAAA,QAAAA,CAAA,OAAAe,OAAA,CAAAH,MAAA,CAAAd,CAAA,OAAA2B,OAAA,WAAAzB,CAAA,IAAA0B,eAAA,CAAA/B,CAAA,EAAAK,CAAA,EAAAF,CAAA,CAAAE,CAAA,SAAAY,MAAA,CAAAe,yBAAA,GAAAf,MAAA,CAAAgB,gBAAA,CAAAjC,CAAA,EAAAiB,MAAA,CAAAe,yBAAA,CAAA7B,CAAA,KAAAiB,OAAA,CAAAH,MAAA,CAAAd,CAAA,GAAA2B,OAAA,WAAAzB,CAAA,IAAAY,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,EAAAY,MAAA,CAAAE,wBAAA,CAAAhB,CAAA,EAAAE,CAAA,iBAAAL,CAAA;AAAA,SAAA+B,gBAAA/B,CAAA,EAAAK,CAAA,EAAAF,CAAA,YAAAE,CAAA,GAAA6B,cAAA,CAAA7B,CAAA,MAAAL,CAAA,GAAAiB,MAAA,CAAAC,cAAA,CAAAlB,CAAA,EAAAK,CAAA,IAAA8B,KAAA,EAAAhC,CAAA,EAAAqB,UAAA,MAAAY,YAAA,MAAAC,QAAA,UAAArC,CAAA,CAAAK,CAAA,IAAAF,CAAA,EAAAH,CAAA;AAAA,SAAAkC,eAAA/B,CAAA,QAAAK,CAAA,GAAA8B,YAAA,CAAAnC,CAAA,uCAAAK,CAAA,GAAAA,CAAA,GAAAA,CAAA;AAAA,SAAA8B,aAAAnC,CAAA,EAAAE,CAAA,2BAAAF,CAAA,KAAAA,CAAA,SAAAA,CAAA,MAAAH,CAAA,GAAAG,CAAA,CAAAoC,MAAA,CAAAC,WAAA,kBAAAxC,CAAA,QAAAQ,CAAA,GAAAR,CAAA,CAAAgB,IAAA,CAAAb,CAAA,EAAAE,CAAA,uCAAAG,CAAA,SAAAA,CAAA,YAAAiC,SAAA,yEAAApC,CAAA,GAAAqC,MAAA,GAAAC,MAAA,EAAAxC,CAAA;AAAA,SAAAyC,eAAAvC,CAAA,EAAAL,CAAA,WAAA6C,eAAA,CAAAxC,CAAA,KAAAyC,qBAAA,CAAAzC,CAAA,EAAAL,CAAA,KAAA+C,2BAAA,CAAA1C,CAAA,EAAAL,CAAA,KAAAgD,gBAAA;AAAA,SAAAA,iBAAA,cAAAP,SAAA;AAAA,SAAAM,4BAAA1C,CAAA,EAAA4C,CAAA,QAAA5C,CAAA,2BAAAA,CAAA,SAAA6C,iBAAA,CAAA7C,CAAA,EAAA4C,CAAA,OAAA9C,CAAA,MAAAgD,QAAA,CAAAnC,IAAA,CAAAX,CAAA,EAAA+C,KAAA,6BAAAjD,CAAA,IAAAE,CAAA,CAAAgD,WAAA,KAAAlD,CAAA,GAAAE,CAAA,CAAAgD,WAAA,CAAAC,IAAA,aAAAnD,CAAA,cAAAA,CAAA,GAAAoD,KAAA,CAAAC,IAAA,CAAAnD,CAAA,oBAAAF,CAAA,+CAAAsD,IAAA,CAAAtD,CAAA,IAAA+C,iBAAA,CAAA7C,CAAA,EAAA4C,CAAA;AAAA,SAAAC,kBAAA7C,CAAA,EAAA4C,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAA5C,CAAA,CAAAwB,MAAA,MAAAoB,CAAA,GAAA5C,CAAA,CAAAwB,MAAA,YAAA7B,CAAA,MAAAM,CAAA,GAAAiD,KAAA,CAAAN,CAAA,GAAAjD,CAAA,GAAAiD,CAAA,EAAAjD,CAAA,IAAAM,CAAA,CAAAN,CAAA,IAAAK,CAAA,CAAAL,CAAA,UAAAM,CAAA;AAAA,SAAAwC,sBAAAzC,CAAA,EAAAqD,CAAA,QAAAvD,CAAA,WAAAE,CAAA,gCAAAkC,MAAA,IAAAlC,CAAA,CAAAkC,MAAA,CAAAoB,QAAA,KAAAtD,CAAA,4BAAAF,CAAA,QAAAH,CAAA,EAAAM,CAAA,EAAAE,CAAA,EAAAoD,CAAA,EAAAX,CAAA,OAAAxC,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAL,CAAA,GAAAA,CAAA,CAAAa,IAAA,CAAAX,CAAA,GAAAwD,IAAA,QAAAH,CAAA,QAAAzC,MAAA,CAAAd,CAAA,MAAAA,CAAA,UAAAM,CAAA,uBAAAA,CAAA,IAAAT,CAAA,GAAAQ,CAAA,CAAAQ,IAAA,CAAAb,CAAA,GAAA2D,IAAA,MAAAb,CAAA,CAAAxB,IAAA,CAAAzB,CAAA,CAAAmC,KAAA,GAAAc,CAAA,CAAApB,MAAA,KAAA6B,CAAA,GAAAjD,CAAA,iBAAAJ,CAAA,IAAAE,CAAA,OAAAD,CAAA,GAAAD,CAAA,yBAAAI,CAAA,YAAAN,CAAA,CAAA4D,MAAA,KAAAH,CAAA,GAAAzD,CAAA,CAAA4D,MAAA,IAAA9C,MAAA,CAAA2C,CAAA,MAAAA,CAAA,2BAAArD,CAAA,QAAAD,CAAA,aAAA2C,CAAA;AAAA,SAAAJ,gBAAAxC,CAAA,QAAAkD,KAAA,CAAAS,OAAA,CAAA3D,CAAA,UAAAA,CAAA;AAEvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAKA;;AAQA;;AAYA;AACO,IAAM4D,6BAAkD,GAAAC,OAAA,CAAAD,6BAAA,GAAG;EAChEE,IAAI,EAAE,QAAQ;EACdb,IAAI,EAAE,EAAE;EACRc,OAAO,EAAEC,SAAS;EAClBC,UAAU,EAAE,EAAE;EACdC,OAAO,EAAE,WAAW;EACpBC,UAAU,EAAE;AACd,CAAC;;AAED;AACA;AACA;;AAQO,IAAMC,YAA4B,GAAAP,OAAA,CAAAO,YAAA,GAAG,CAC1C;EAAEnB,IAAI,EAAE,aAAa;EAAEoB,KAAK,EAAE;AAAU,CAAC,EACzC;EAAEpB,IAAI,EAAE,eAAe;EAAEoB,KAAK,EAAE;AAAY,CAAC,EAC7C;EAAEpB,IAAI,EAAE,aAAa;EAAEoB,KAAK,EAAE;AAAW,CAAC,EAC1C;EAAEpB,IAAI,EAAE,aAAa;EAAEoB,KAAK,EAAE;AAAU,CAAC,CAC1C;AAEM,IAAMC,UAAU,GAAAT,OAAA,CAAAS,UAAA,GAAG,CACxB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACX,cAAc,CACf;AAEM,IAAMC,OAAO,GAAAV,OAAA,CAAAU,OAAA,GAAG,CACrB,iBAAiB,EACjB,eAAe,EACf,mBAAmB,EACnB,iBAAiB,CAClB;AAYM,IAAMC,eAAgC,GAAAX,OAAA,CAAAW,eAAA,GAAG,CAC9C;EACEC,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,kBAAkB;EACxByB,MAAM,EAAE,iBAAiB;EACzBC,QAAQ,EAAE,eAAe;EACzBC,KAAK,EAAE,QAAQ;EACfC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,eAAe;EACrByB,MAAM,EAAE,iBAAiB;EACzBC,QAAQ,EAAE,kBAAkB;EAC5BC,KAAK,EAAE,QAAQ;EACfC,MAAM,EAAE,eAAe;EACvBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,YAAY;EAClByB,MAAM,EAAE,eAAe;EACvBC,QAAQ,EAAE,eAAe;EACzBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,aAAa;EACnByB,MAAM,EAAE,eAAe;EACvBC,QAAQ,EAAE,WAAW;EACrBC,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,eAAe;EACrByB,MAAM,EAAE,EAAE;EACVC,QAAQ,EAAE,cAAc;EACxBC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,kBAAkB;EACxByB,MAAM,EAAE,mBAAmB;EAC3BC,QAAQ,EAAE,kBAAkB;EAC5BC,KAAK,EAAE,QAAQ;EACfC,MAAM,EAAE,eAAe;EACvBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,gBAAgB;EACtByB,MAAM,EAAE,iBAAiB;EACzBC,QAAQ,EAAE,eAAe;EACzBC,KAAK,EAAE,OAAO;EACdC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLxB,IAAI,EAAE,eAAe;EACrByB,MAAM,EAAE,mBAAmB;EAC3BC,QAAQ,EAAE,WAAW;EACrBC,KAAK,EAAE,UAAU;EACjBC,MAAM,EAAE,aAAa;EACrBC,QAAQ,EAAE;AACZ,CAAC,CACF;;AAED;AACA,IAAMC,gBAAiD,GAAG,CACxD;EAAEN,EAAE,EAAE,WAAW;EAAExB,IAAI,EAAE;AAAY,CAAC,EACtC;EAAEwB,EAAE,EAAE,QAAQ;EAAExB,IAAI,EAAE;AAAQ,CAAC,EAC/B;EAAEwB,EAAE,EAAE,WAAW;EAAExB,IAAI,EAAE;AAAS,CAAC,EACnC;EAAEwB,EAAE,EAAE,YAAY;EAAExB,IAAI,EAAE;AAAW,CAAC,EACtC;EAAEwB,EAAE,EAAE,SAAS;EAAExB,IAAI,EAAE;AAAiB,CAAC,CAC1C;AAYD,IAAM+B,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,OAAsB;EAAA,WAAAC,MAAA,CAAiBD,OAAO,CAACR,EAAE;AAAA,CAAE;;AAE5E;AACA;AACO,IAAMU,sBAAsB,GAAAtB,OAAA,CAAAsB,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAIC,KAAa;EAAA,OAClDZ,eAAe,CAACzB,KAAK,CAAC,CAAC,EAAEsC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEF,KAAK,CAAC,CAAC,CAACG,GAAG,CAACP,eAAe,CAAC;AAAA;AAEnE,IAAMQ,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,QAAyB;EAAA,OACjDA,QAAQ,CACLF,GAAG,CAAC,UAACN,OAAO;IAAA,OAAM;MAAER,EAAE,EAAEO,eAAe,CAACC,OAAO,CAAC;MAAEhC,IAAI,EAAEgC,OAAO,CAAChC;IAAK,CAAC;EAAA,CAAC,CAAC,CACxEyC,IAAI,CAAC,UAAC9C,CAAC,EAAE+C,CAAC;IAAA,OAAK/C,CAAC,CAACK,IAAI,CAAC2C,aAAa,CAACD,CAAC,CAAC1C,IAAI,CAAC;EAAA,EAAC;AAAA;;AAEjD;AACA;AACA;AACA,IAAM4C,mBAAmB,GAAG,SAAtBA,mBAAmBA,CACvB3B,OAAgB,EAC2B;EAC3C,IAAIA,OAAO,KAAK,WAAW,EAAE;IAC3B,IAAMY,QAAQ,GAAGN,eAAe,CAACtD,MAAM,CAAC,UAAC+D,OAAO;MAAA,OAAKA,OAAO,CAACH,QAAQ;IAAA,EAAC;IACtE,IAAMgB,KAAK,GAAGtB,eAAe,CAACtD,MAAM,CAAC,UAAC+D,OAAO;MAAA,OAAK,CAACA,OAAO,CAACH,QAAQ;IAAA,EAAC;IACpE,IAAMiB,MAA4B,GAAG,EAAE;IACvC,IAAIjB,QAAQ,CAACtD,MAAM,EAAE;MACnBuE,MAAM,CAAC3E,IAAI,CAAC;QACVqD,EAAE,EAAE,OAAO;QACXxB,IAAI,EAAE,UAAU;QAChB+C,OAAO,EAAER,gBAAgB,CAACV,QAAQ;MACpC,CAAC,CAAC;IACJ;IACA,IAAIgB,KAAK,CAACtE,MAAM,EAAE;MAChBuE,MAAM,CAAC3E,IAAI,CAAC;QACVqD,EAAE,EAAE,SAAS;QACbxB,IAAI,EAAE,OAAO;QACb+C,OAAO,EAAER,gBAAgB,CAACM,KAAK;MACjC,CAAC,CAAC;IACJ;IACA,OAAOC,MAAM,CAACvE,MAAM,KAAK,CAAC,GAAGuE,MAAM,CAAC,CAAC,CAAC,CAACC,OAAO,GAAGD,MAAM;EACzD;EAEA,IAAME,KAA0B,GAC9B/B,OAAO,KAAK,QAAQ,GAChB,OAAO,GACPA,OAAO,KAAK,WAAW,GACvB,QAAQ,GACRA,OAAO,KAAK,YAAY,GACxB,UAAU,GACV,QAAQ;EACd,IAAMgC,OAAO,GACXhC,OAAO,KAAK,QAAQ,GAChB,eAAe,GACfA,OAAO,KAAK,WAAW,GACvB,gBAAgB,GAChBA,OAAO,KAAK,YAAY,GACxB,kBAAkB,GAClB,gBAAgB;EAEtB,IAAMiC,OAAO,GAAG,IAAIC,GAAG,CAA0B,CAAC;EAClD5B,eAAe,CAAC/C,OAAO,CAAC,UAACwD,OAAO,EAAK;IAAA,IAAAoB,YAAA;IACnC,IAAMC,GAAG,GAAIrB,OAAO,CAACgB,KAAK,CAAC,IAAeC,OAAO;IACjD,IAAI,CAACC,OAAO,CAAC7F,GAAG,CAACgG,GAAG,CAAC,EAAE;MACrBH,OAAO,CAAC3F,GAAG,CAAC8F,GAAG,EAAE,EAAE,CAAC;IACtB;IACA,CAAAD,YAAA,GAAAF,OAAO,CAAC5F,GAAG,CAAC+F,GAAG,CAAC,cAAAD,YAAA,eAAhBA,YAAA,CAAkBjF,IAAI,CAAC6D,OAAO,CAAC;EACjC,CAAC,CAAC;EAEF,OAAO/B,KAAK,CAACC,IAAI,CAACgD,OAAO,CAACI,OAAO,CAAC,CAAC,CAAC,CACjChB,GAAG,CAAC,UAAAiB,IAAA;IAAA,IAAAC,KAAA,GAAAlE,cAAA,CAAAiE,IAAA;MAAEvD,IAAI,GAAAwD,KAAA;MAAEhB,QAAQ,GAAAgB,KAAA;IAAA,OAAO;MAC1BhC,EAAE,OAAAS,MAAA,CAAOjC,IAAI,CAAE;MACfA,IAAI;MACJ+C,OAAO,EAAER,gBAAgB,CAACC,QAAQ;IACpC,CAAC;EAAA,CAAC,CAAC,CACFC,IAAI,CAAC,UAAC9C,CAAC,EAAE+C,CAAC;IAAA,OACT/C,CAAC,CAACK,IAAI,KAAKiD,OAAO,GACd,CAAC,GACDP,CAAC,CAAC1C,IAAI,KAAKiD,OAAO,GAClB,CAAC,CAAC,GACFtD,CAAC,CAACK,IAAI,CAAC2C,aAAa,CAACD,CAAC,CAAC1C,IAAI,CAAC;EAAA,CAClC,CAAC;AACL,CAAC;;AAED;AACA;AACA;;AAEO,IAAMyD,eAIV,GAAA7C,OAAA,CAAA6C,eAAA,GAAG,CACJ;EACEjC,EAAE,EAAE,QAAQ;EACZkC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EAAE;AACf,CAAC,EACD;EACEnC,EAAE,EAAE,QAAQ;EACZkC,KAAK,EAAE,kBAAkB;EACzBC,WAAW,EACT;AACJ,CAAC,EACD;EACEnC,EAAE,EAAE,QAAQ;EACZkC,KAAK,EAAE,0BAA0B;EACjCC,WAAW,EAAE;AACf,CAAC,EACD;EACEnC,EAAE,EAAE,UAAU;EACdkC,KAAK,EAAE,oBAAoB;EAC3BC,WAAW,EACT;AACJ,CAAC,CACF;AAEM,IAAMC,kBAIV,GAAAhD,OAAA,CAAAgD,kBAAA,GAAG,CACJ;EACEpC,EAAE,EAAE,UAAU;EACdkC,KAAK,EAAE,qBAAqB;EAC5BC,WAAW,EACT;AACJ,CAAC,EACD;EACEnC,EAAE,EAAE,IAAI;EACRkC,KAAK,EAAE,oBAAoB;EAC3BC,WAAW,EAAE;AACf,CAAC,CACF;AAEM,IAAME,iBAAiB,GAAAjD,OAAA,CAAAiD,iBAAA,GAAG,SAApBA,iBAAiBA,CAAIhD,IAAmB;EAAA,OACnDA,IAAI,KAAK,QAAQ,GACb,UAAU,GACVA,IAAI,KAAK,UAAU,GACnB,UAAU,GACVA,IAAI,KAAK,QAAQ,GACjB,QAAQ,GACR,gBAAgB;AAAA;AAEf,IAAMiD,eAAe,GAAAlD,OAAA,CAAAkD,eAAA,GAAG,SAAlBA,eAAeA,CAAI9D,IAAY;EAAA,IAAA+D,qBAAA,EAAAC,kBAAA;EAAA,QAAAD,qBAAA,IAAAC,kBAAA,GAC1C7C,YAAY,CAAC8C,IAAI,CAAC,UAACrC,MAAM;IAAA,OAAKA,MAAM,CAAC5B,IAAI,KAAKA,IAAI;EAAA,EAAC,cAAAgE,kBAAA,uBAAnDA,kBAAA,CAAqD5C,KAAK,cAAA2C,qBAAA,cAAAA,qBAAA,GAAI/D,IAAI;AAAA;;AAEpE;AACO,IAAMkE,oBAAoB,GAAAtD,OAAA,CAAAsD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAC/BrD,IAAmB,EACnBC,OAAe,EACJ;EACX,IAAI,CAACA,OAAO,EAAE,OAAO,EAAE;EACvB,IAAID,IAAI,KAAK,UAAU,IAAIA,IAAI,KAAK,QAAQ,EAAE,UAAAoB,MAAA,CAAUnB,OAAO;EAC/D,IAAID,IAAI,KAAK,QAAQ,EAAE,kBAAAoB,MAAA,CAAkB6B,eAAe,CAAChD,OAAO,CAAC;EACjE,OAAO,EAAE;AACX,CAAC;;AAED;AACA;AACA;;AAEA;AACA;AACO,IAAMqD,uBAAuB,GAAAvD,OAAA,CAAAuD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIC,MAA2B;EAAA,OACjEA,MAAM,CAACpE,IAAI,CAACqE,IAAI,CAAC,CAAC,CAAC9F,MAAM,GAAG,CAAC,KAC5B6F,MAAM,CAACvD,IAAI,KAAK,QAAQ,GACrBuD,MAAM,CAACpD,UAAU,CAACzC,MAAM,GAAG,CAAC,GAC5B+F,OAAO,CAACF,MAAM,CAACtD,OAAO,CAAC,CAAC;AAAA;;AAE9B;AACO,IAAMyD,8BAA8B,GAAA3D,OAAA,CAAA2D,8BAAA,GACzC,2HAA2H;AAE7H,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAIrC,KAAa;EAAA,OAC1CA,KAAK,KAAK,CAAC,GACP,2HAA2H,MAAAF,MAAA,CACxHE,KAAK,mIAAgI;AAAA;;AAE9I;AACA;AACA;;AAEA;AACA;AACA,IAAMsC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA;EAAA,IACnBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,SAAQ,GAAAF,KAAA,CAARE,QAAQ;EAAA,oBAKRjJ,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACtI,OAAA,CAAAuI,MAAM;IACLC,oBAAoB;IACpBC,aAAa;IACbC,oBAAoB;IACpBC,cAAc;IACdC,QAAQ,EAAC,YAAY;IACrBR,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,SAAVA,QAAQA,CAAG/F,KAAK;MAAA,OAAK+F,SAAQ,CAAC/F,KAAgB,CAAC;IAAA,CAAC;IAChDkE,OAAO,EAAEjB,gBAAiB;IAC1BsD,MAAM,eACJzJ,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC3I,WAAA,CAAAmJ,UAAU;MAACxE,IAAI,EAAC,QAAQ;MAACyE,OAAO,EAAC;IAAW,gBAC3C3J,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC1I,MAAA,CAAAoJ,eAAe,MAAE,CACR;EACb,CACF,CAAC;AAAA,CACH;AAcM,IAAMC,cAAc,GAAA5E,OAAA,CAAA4E,cAAA,GAAG,SAAjBA,cAAcA,CAAAC,KAAA,EAQc;EAAA,IAPvCd,QAAQ,GAAAc,KAAA,CAARd,QAAQ;IACRC,UAAQ,GAAAa,KAAA,CAARb,QAAQ;IACR3D,OAAO,GAAAwE,KAAA,CAAPxE,OAAO;IACPyE,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,KAAA,CAAPE,OAAO;IACPC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;IAAAC,eAAA,GAAAJ,KAAA,CACRK,SAAS;IAATA,SAAS,GAAAD,eAAA,cAAG,aAAa,GAAAA,eAAA;EAEzB,IAAM9C,OAAO,GAAG,IAAAgD,cAAO,EAAC;IAAA,OAAMnD,mBAAmB,CAAC3B,OAAO,CAAC;EAAA,GAAE,CAACA,OAAO,CAAC,CAAC;EACtE,IAAMkB,KAAK,GAAGwC,QAAQ,CAACpG,MAAM;EAC7B,IAAMyH,WAAW,GACf7D,KAAK,KAAK,CAAC,GACP,iBAAiB,GACjBA,KAAK,KAAK,CAAC,GACX,oBAAoB,MAAAF,MAAA,CACjBE,KAAK,uBAAoB;EAClC,oBACExG,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACtI,OAAA,CAAAuI,MAAM;IACLjE,IAAI,EAAC,UAAU;IACfkC,OAAO,EAAEA,OAAQ;IACjB4B,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAE,SAAVA,QAAQA,CAAG/F,KAAK;MAAA,OAAK+F,UAAQ,CAAC/F,KAAiB,CAAC;IAAA,CAAC;IACjDoH,YAAY,EAAC,YAAY;IACzBC,YAAY,EACVN,QAAQ,GAAG7E,SAAS,gBAClBpF,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACJ,eAAe;MAACE,QAAQ,EAAE1D,OAAQ;MAAC2D,QAAQ,EAAEc;IAAU,CAAE,CAE7D;IACDN,MAAM,eACJzJ,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACrI,cAAA,CAAA2J,aAAa;MACZ3E,EAAE,EAAEsE,SAAU;MACdM,SAAS,EAAC,YAAY;MACtBT,OAAO,EAAEA,OAAQ;MACjBC,QAAQ,EAAEA,QAAS;MACnBS,eAAe,EAAE;QAAEC,KAAK,EAAEnE,KAAK,GAAG,CAAC,GAAG,SAAS,GAAG;MAAa;IAAE,GAEhE6D,WACY;EAChB,CACF,CAAC;AAEN,CAAC;AAED,IAAMO,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAUC;EAAA,IATlB3F,IAAI,GAAA2F,KAAA,CAAJ3F,IAAI;IACJhC,KAAK,GAAA2H,KAAA,CAAL3H,KAAK;IACL+F,UAAQ,GAAA4B,KAAA,CAAR5B,QAAQ;IACRe,OAAO,GAAAa,KAAA,CAAPb,OAAO;EAOP,IAAM5C,OAAO,GACXlC,IAAI,KAAK,UAAU,GACfQ,UAAU,CAACiB,GAAG,CAAC,UAACtC,IAAI;IAAA,OAAM;MAAEwB,EAAE,EAAExB,IAAI;MAAEA;IAAK,CAAC;EAAA,CAAC,CAAC,GAC9Ca,IAAI,KAAK,QAAQ,GACjBS,OAAO,CAACgB,GAAG,CAAC,UAACtC,IAAI;IAAA,OAAM;MAAEwB,EAAE,EAAExB,IAAI;MAAEA;IAAK,CAAC;EAAA,CAAC,CAAC,GAC3CmB,YAAY,CAACmB,GAAG,CAAC,UAACV,MAAM;IAAA,OAAM;MAAEJ,EAAE,EAAEI,MAAM,CAAC5B,IAAI;MAAEA,IAAI,EAAE4B,MAAM,CAAC5B;IAAK,CAAC;EAAA,CAAC,CAAC;EAC5E,IAAMyG,WAAW,GACf5F,IAAI,KAAK,UAAU,GACf,mBAAmB,GACnBA,IAAI,KAAK,QAAQ,GACjB,iBAAiB,GACjB,yBAAyB;EAC/B,oBACElF,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACtI,OAAA,CAAAuI,MAAM;IACLI,cAAc;IACdnC,OAAO,EAAEA,OAAQ;IACjB4B,QAAQ,EAAE9F,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAG;IACtB+F,QAAQ,EAAE,SAAVA,QAAQA,CAAGrE,IAAI;MAAA,OAAKqE,UAAQ,CAACxF,MAAM,CAACmB,IAAI,CAAC,CAAC;IAAA,CAAC;IAC3C6E,MAAM,eACJzJ,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACrI,cAAA,CAAA2J,aAAa;MACZ3E,EAAE,EAAC,YAAY;MACf4E,SAAS,EAAC,YAAY;MACtBT,OAAO,EAAEA,OAAQ;MACjBU,eAAe,EAAE;QAAEC,KAAK,EAAEzH,KAAK,GAAG,SAAS,GAAG;MAAa;IAAE,GAE5DA,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI4H,WACG;EAChB,CACF,CAAC;AAEN,CAAC;;AAED;AACA;AACA;;AAEA,IAAMC,iBAAiB,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0KAoBnC;AAsBD;AACA;AACO,IAAMC,sBAAsB,GAAApG,OAAA,CAAAoG,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAC,KAAA,EAUc;EAAA,IAT/C7C,MAAM,GAAA6C,KAAA,CAAN7C,MAAM;IACN8C,MAAM,GAAAD,KAAA,CAANC,MAAM;IACNC,SAAS,GAAAF,KAAA,CAATE,SAAS;IACTC,UAAU,GAAAH,KAAA,CAAVG,UAAU;IACV1B,SAAS,GAAAuB,KAAA,CAATvB,SAAS;IACT2B,YAAY,GAAAJ,KAAA,CAAZI,YAAY;IACZC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IACVC,cAAc,GAAAN,KAAA,CAAdM,cAAc;IACdC,sBAAsB,GAAAP,KAAA,CAAtBO,sBAAsB;EAEtB,IAAQ3G,IAAI,GAAqDuD,MAAM,CAA/DvD,IAAI;IAAEb,IAAI,GAA+CoE,MAAM,CAAzDpE,IAAI;IAAEc,OAAO,GAAsCsD,MAAM,CAAnDtD,OAAO;IAAEE,UAAU,GAA0BoD,MAAM,CAA1CpD,UAAU;IAAEC,OAAO,GAAiBmD,MAAM,CAA9BnD,OAAO;IAAEC,UAAU,GAAKkD,MAAM,CAArBlD,UAAU;EAC5D,IAAMuG,WAAW,GAAGH,UAAU,IAAItH,IAAI,CAACqE,IAAI,CAAC,CAAC,CAAC9F,MAAM,KAAK,CAAC;EAC1D,IAAMmJ,aAAa,GACjBJ,UAAU,KAAKzG,IAAI,KAAK,QAAQ,GAAGG,UAAU,CAACzC,MAAM,KAAK,CAAC,GAAG,CAACuC,OAAO,CAAC;EAExE,oBACEnF,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC6B,iBAAiB,qBAChB/K,MAAA,CAAAiB,OAAA,CAAAiI,aAAA;IAAKuB,SAAS,EAAC;EAAO,gBACpBzK,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACxI,MAAA,CAAAsL,KAAK;IAACC,OAAO,EAAC;EAAS,GAAC,MAAW,CAAC,eACrCjM,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACzI,MAAA,CAAAyL,KAAK;IACJrG,EAAE,EAAC,SAAS;IACZ3C,KAAK,EAAEmB,IAAK;IACZyG,WAAW,EAAC,gBAAgB;IAC5Bd,OAAO,EAAE8B,WAAY;IACrB7C,QAAQ,EAAE,SAAVA,QAAQA,CAAGkD,KAAK;MAAA,OAAKZ,MAAM,CAACY,KAAK,CAAC1C,MAAM,CAACvG,KAAK,CAAC;IAAA;EAAC,CACjD,CACE,CAAC,eACNlD,MAAA,CAAAiB,OAAA,CAAAiI,aAAA;IAAKuB,SAAS,EAAC;EAAO,gBACpBzK,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACxI,MAAA,CAAAsL,KAAK;IAACC,OAAO,EAAE/G,IAAI,KAAK,QAAQ,GAAG,aAAa,GAAG;EAAa,GAC9DgD,iBAAiB,CAAChD,IAAI,CAClB,CAAC,EACPA,IAAI,KAAK,QAAQ,gBAChBlF,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAAlJ,MAAA,CAAAiB,OAAA,CAAAmL,QAAA,qBACEpM,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACW,cAAc;IACbb,QAAQ,EAAE3D,UAAW;IACrB4D,QAAQ,EAAEwC,UAAW;IACrBnG,OAAO,EAAEA,OAAQ;IACjByE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAE+B,aAAc;IACvB9B,QAAQ,EAAE2B;EAAe,CAC1B,CAAC,EACDA,cAAc,gBACb5L,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACpI,WAAA,CAAAuL,QAAQ;IAAC1B,KAAK,EAAC,UAAU;IAACF,SAAS,EAAC;EAAS,GAC3C7B,8BACO,CAAC,GACTiD,sBAAsB,gBACxB7L,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACpI,WAAA,CAAAuL,QAAQ;IAAC1B,KAAK,EAAC,UAAU;IAACF,SAAS,EAAC;EAAS,GAC3C5B,qBAAqB,CAACgD,sBAAsB,CACrC,CAAC,GACT,IACJ,CAAC,gBAEH7L,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC0B,aAAa;IACZ1F,IAAI,EAAEA,IAAK;IACXhC,KAAK,EAAEiC,OAAQ;IACf8D,QAAQ,EAAEuC,SAAU;IACpBxB,OAAO,EAAE+B;EAAc,CACxB,CAEA,CAAC,eACN/L,MAAA,CAAAiB,OAAA,CAAAiI,aAAA;IAAKuB,SAAS,EAAC;EAAO,gBACpBzK,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACvI,WAAA,CAAA2L,UAAU;IACTtG,KAAK,EAAC,YAAY;IAClB2D,OAAO,EAAC,OAAO;IACfzG,KAAK,EAAEqC,UAAW;IAClB0D,QAAQ,EAAE,SAAVA,QAAQA,CAAG/F,KAAK;MAAA,OAAKwI,YAAY,CAACxI,KAA4B,CAAC;IAAA,CAAC;IAChEkE,OAAO,EAAEa,kBAAkB,CAACtB,GAAG,CAAC,UAAC4F,MAAM;MAAA,OAAM;QAC3C1G,EAAE,EAAE0G,MAAM,CAAC1G,EAAE;QACbxB,IAAI,EAAEkI,MAAM,CAACxE,KAAK;QAClBC,WAAW,EAAEuE,MAAM,CAACvE;MACtB,CAAC;IAAA,CAAC;EAAE,CACL,CACE,CACY,CAAC;AAExB,CAAC;AAEDqD,sBAAsB,CAACF,WAAW,GAAG,wBAAwB;;AAE7D;AACA;AACA;;AAgBA;AACA;AACA;AACA;AACA;AACO,IAAMqB,mBAAmB,GAAAvH,OAAA,CAAAuH,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAAC,KAAA,EAOc;EAAA,IAN5CC,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACJC,aAAa,GAAAF,KAAA,CAAbE,aAAa;IACbC,OAAO,GAAAH,KAAA,CAAPG,OAAO;IACPC,MAAM,GAAAJ,KAAA,CAANI,MAAM;IACNjB,cAAc,GAAAa,KAAA,CAAdb,cAAc;IACdC,sBAAsB,GAAAY,KAAA,CAAtBZ,sBAAsB;EAEtB,IAAAiB,SAAA,GAA4B,IAAAC,eAAQ,EAAsBJ,aAAa,CAAC;IAAAK,UAAA,GAAArJ,cAAA,CAAAmJ,SAAA;IAAjErE,MAAM,GAAAuE,UAAA;IAAEC,SAAS,GAAAD,UAAA;EACxB,IAAAE,UAAA,GAAoC,IAAAH,eAAQ,EAAC,KAAK,CAAC;IAAAI,UAAA,GAAAxJ,cAAA,CAAAuJ,UAAA;IAA5CvB,UAAU,GAAAwB,UAAA;IAAEC,aAAa,GAAAD,UAAA;;EAEhC;EACA,IAAAE,gBAAS,EAAC,YAAM;IACd,IAAIX,IAAI,EAAE;MACRO,SAAS,CAACN,aAAa,CAAC;MACxBS,aAAa,CAAC,KAAK,CAAC;IACtB;IACA;IACA;EACF,CAAC,EAAE,CAACV,IAAI,CAAC,CAAC;EAEV,IAAMY,KAAK,GAAG,SAARA,KAAKA,CAAI1I,IAAkC;IAAA,OAC/CqI,SAAS,CAAC,UAACM,OAAO;MAAA,OAAA7K,aAAA,CAAAA,aAAA,KAAW6K,OAAO,GAAK3I,IAAI;IAAA,CAAG,CAAC;EAAA;EAEnD,IAAM4I,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAe;IAC7B,IAAI,CAAChF,uBAAuB,CAACC,MAAM,CAAC,EAAE;MACpC2E,aAAa,CAAC,IAAI,CAAC;MACnB;IACF;IACAP,MAAM,aAANA,MAAM,eAANA,MAAM,CAAGpE,MAAM,CAAC;IAChBmE,OAAO,CAAC,CAAC;EACX,CAAC;EAED,oBACE5M,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM;IAACf,IAAI,EAAEA,IAAK;IAACE,OAAO,EAAEA,OAAQ;IAACc,iBAAiB;EAAA,gBACrD1N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM,CAACE,KAAK,QAAC,gBAA4B,CAAC,eAC3C3N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM,CAACG,cAAc,MAAE,CAAC,eACzB5N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM,CAACI,OAAO,qBACb7N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAACmC,sBAAsB;IACrB5C,MAAM,EAAEA,MAAO;IACf8C,MAAM,EAAE,SAARA,MAAMA,CAAGlH,IAAI;MAAA,OAAKiJ,KAAK,CAAC;QAAEjJ;MAAK,CAAC,CAAC;IAAA,CAAC;IAClCmH,SAAS,EAAE,SAAXA,SAASA,CAAGrG,OAAO;MAAA,OAAKmI,KAAK,CAAC;QAAEnI;MAAQ,CAAC,CAAC;IAAA,CAAC;IAC3CsG,UAAU,EAAE,SAAZA,UAAUA,CAAGpG,UAAU;MAAA,OAAKiI,KAAK,CAAC;QAAEjI;MAAW,CAAC,CAAC;IAAA,CAAC;IAClD0E,SAAS,EAAE,SAAXA,SAASA,CAAGzE,OAAO;MAAA,OAAKgI,KAAK,CAAC;QAAEhI;MAAQ,CAAC,CAAC;IAAA,CAAC;IAC3CoG,YAAY,EAAE,SAAdA,YAAYA,CAAGnG,UAAU;MAAA,OAAK+H,KAAK,CAAC;QAAE/H;MAAW,CAAC,CAAC;IAAA,CAAC;IACpDoG,UAAU,EAAEA,UAAW;IACvBC,cAAc,EAAEA,cAAe;IAC/BC,sBAAsB,EAAEA;EAAuB,CAChD,CACa,CAAC,eACjB7L,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM,CAACG,cAAc,MAAE,CAAC,eACzB5N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC5I,OAAA,CAAAmN,MAAM,CAACK,OAAO,qBACb9N,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC7I,OAAA,CAAA0N,MAAM;IACLpE,OAAO,EAAC,SAAS;IACjBqE,KAAK,EAAE;MAAEC,WAAW,EAAE;IAAO,CAAE;IAC/BC,OAAO,EAAEV;EAAW,GACrB,cAEO,CAAC,eACTxN,MAAA,CAAAiB,OAAA,CAAAiI,aAAA,CAAC7I,OAAA,CAAA0N,MAAM;IAACpE,OAAO,EAAC,WAAW;IAAC,eAAY,QAAQ;IAACuE,OAAO,EAAEtB;EAAQ,GAAC,QAE3D,CACM,CACV,CAAC;AAEb,CAAC;AAEDJ,mBAAmB,CAACrB,WAAW,GAAG,qBAAqB","ignoreList":[]}

package/dist/esm/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAKvE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM;;0CA6ClB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,gBAAgB;IAChB,GAAG,EAAE,MAAM,CAAC;IACZ,gBAAgB;IAChB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wBAAwB;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,MAAM;;0CA2DlB,CAAC"}

package/dist/esm/components/Avatar/Avatar.js

@@ -1,8 +1,9 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 const _excluded = ["url", "alt", "size", "className", "imgClassName", "children"];
-import React, { forwardRef, useState } from "react";
+import React, { forwardRef, useLayoutEffect, useRef, useState } from "react";
 import { StyledAvatar, StyledWrapper } from "./Styles";
+import useForkRef from "../../utils/useForkRef";
 import { SkeletonLoader } from "../Loaders";
 /**
  * @component Avatar
@@ -42,10 +43,18 @@ export const Avatar = /*#__PURE__*/forwardRef((_ref, ref) => {
   const _useState = useState(false),
     imageLoaded = _useState[0],
     setImageLoaded = _useState[1];
+  const imageRef = useRef(null);
+  const handleRef = useForkRef(ref, imageRef);
+  useLayoutEffect(() => {
+    var _imageRef$current;
+    if ((_imageRef$current = imageRef.current) != null && _imageRef$current.complete && imageRef.current.naturalWidth > 0) {
+      setImageLoaded(true);
+    }
+  }, [url]);
   return /*#__PURE__*/React.createElement(StyledWrapper, {
     className: className
   }, children, /*#__PURE__*/React.createElement(StyledAvatar, _extends({
-    ref: ref,
+    ref: handleRef,
     src: url,
     alt: alt,
     width: size,
@@ -54,13 +63,13 @@ export const Avatar = /*#__PURE__*/forwardRef((_ref, ref) => {
       setImageLoaded(true);
     },
     role: "img",
-    className: imgClassName,
-    style: {
-      display: imageLoaded ? "block" : "none"
-    }
+    className: imgClassName
   }, rest)), !imageLoaded && /*#__PURE__*/React.createElement(SkeletonLoader, {
     "data-testid": "loader",
     style: {
+      position: "absolute",
+      top: 0,
+      left: 0,
       width: size,
       height: size,
       borderRadius: "100%"

package/dist/esm/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","names":["React","forwardRef","useState","StyledAvatar","StyledWrapper","SkeletonLoader","Avatar","_ref","ref","url","_ref$alt","alt","_ref$size","size","className","imgClassName","children","rest","_objectWithoutPropertiesLoose","_excluded","_useState","imageLoaded","setImageLoaded","createElement","_extends","src","width","height","onLoad","role","style","display","borderRadius","displayName"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useState } from \"react\";\n\nimport { StyledAvatar, StyledWrapper } from \"./Styles\";\nimport { SkeletonLoader } from \"../Loaders\";\n\nexport interface AvatarProps extends React.ComponentPropsWithoutRef<\"img\"> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n  /** img custom class. */\n  imgClassName?: string;\n}\n\n/**\n * @component Avatar\n * @description\n * The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image url of the Avatar.\n * @prop {size} - controls the size of an Avatar (width and height) in pixels.\n * @prop {alt} - alt attribute of the img.\n * @prop {imgClassName} - class name that attaches to img element nested in Wrapper\n *\n * @example\n * <Avatar url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\" alt=\"Profile picture of John\" />\n *\n * @example\n * <Avatar\n *   url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\"\n *   alt=\"Profile picture of John\">\n *   <Badge size={8} backgroundColor=\"green\" position=\"bottom-left\" />\n * </Avatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const Avatar = forwardRef<\n  HTMLImageElement,\n  PropsWithChildren<AvatarProps>\n>(\n  (\n    {\n      url,\n      alt = \"Avatar Image\",\n      size = 24,\n      className,\n      imgClassName,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n\n    return (\n      <StyledWrapper className={className}>\n        {children}\n\n        <StyledAvatar\n          ref={ref}\n          src={url}\n          alt={alt}\n          width={size}\n          height={size}\n          onLoad={() => {\n            setImageLoaded(true);\n          }}\n          role=\"img\"\n          className={imgClassName}\n          style={{ display: imageLoaded ? \"block\" : \"none\" }}\n          {...rest}\n        />\n        {!imageLoaded && (\n          <SkeletonLoader\n            data-testid=\"loader\"\n            style={{ width: size, height: size, borderRadius: \"100%\" }}\n          />\n        )}\n      </StyledWrapper>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAqBC,QAAQ,QAAQ,OAAO;AAEtE,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AACtD,SAASC,cAAc,QAAQ,YAAY;AAe3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAUEC,GAAG,KACA;EAAA,IATDC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAAC,QAAA,GAAAH,IAAA,CACHI,GAAG;IAAHA,GAAG,GAAAD,QAAA,cAAG,cAAc,GAAAA,QAAA;IAAAE,SAAA,GAAAL,IAAA,CACpBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,MAAAC,SAAA,GAAsClB,QAAQ,CAAU,KAAK,CAAC;IAAvDmB,WAAW,GAAAD,SAAA;IAAEE,cAAc,GAAAF,SAAA;EAElC,oBACEpB,KAAA,CAAAuB,aAAA,CAACnB,aAAa;IAACU,SAAS,EAAEA;EAAU,GACjCE,QAAQ,eAEThB,KAAA,CAAAuB,aAAA,CAACpB,YAAY,EAAAqB,QAAA;IACXhB,GAAG,EAAEA,GAAI;IACTiB,GAAG,EAAEhB,GAAI;IACTE,GAAG,EAAEA,GAAI;IACTe,KAAK,EAAEb,IAAK;IACZc,MAAM,EAAEd,IAAK;IACbe,MAAM,EAAEA,CAAA,KAAM;MACZN,cAAc,CAAC,IAAI,CAAC;IACtB,CAAE;IACFO,IAAI,EAAC,KAAK;IACVf,SAAS,EAAEC,YAAa;IACxBe,KAAK,EAAE;MAAEC,OAAO,EAAEV,WAAW,GAAG,OAAO,GAAG;IAAO;EAAE,GAC/CJ,IAAI,CACT,CAAC,EACD,CAACI,WAAW,iBACXrB,KAAA,CAAAuB,aAAA,CAAClB,cAAc;IACb,eAAY,QAAQ;IACpByB,KAAK,EAAE;MAAEJ,KAAK,EAAEb,IAAI;MAAEc,MAAM,EAAEd,IAAI;MAAEmB,YAAY,EAAE;IAAO;EAAE,CAC5D,CAEU,CAAC;AAEpB,CACF,CAAC;AAED1B,MAAM,CAAC2B,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Avatar.js","names":["React","forwardRef","useLayoutEffect","useRef","useState","StyledAvatar","StyledWrapper","useForkRef","SkeletonLoader","Avatar","_ref","ref","url","_ref$alt","alt","_ref$size","size","className","imgClassName","children","rest","_objectWithoutPropertiesLoose","_excluded","_useState","imageLoaded","setImageLoaded","imageRef","handleRef","_imageRef$current","current","complete","naturalWidth","createElement","_extends","src","width","height","onLoad","role","style","position","top","left","borderRadius","displayName"],"sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  PropsWithChildren,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { StyledAvatar, StyledWrapper } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { SkeletonLoader } from \"../Loaders\";\n\nexport interface AvatarProps extends React.ComponentPropsWithoutRef<\"img\"> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n  /** img custom class. */\n  imgClassName?: string;\n}\n\n/**\n * @component Avatar\n * @description\n * The Avatar component is used to represent user, and displays the profile picture, initials or fallback icon.\n *\n * @prop {url} - The image url of the Avatar.\n * @prop {size} - controls the size of an Avatar (width and height) in pixels.\n * @prop {alt} - alt attribute of the img.\n * @prop {imgClassName} - class name that attaches to img element nested in Wrapper\n *\n * @example\n * <Avatar url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\" alt=\"Profile picture of John\" />\n *\n * @example\n * <Avatar\n *   url=\"https://faces-img.xcdn.link/image-lorem-face-954.jpg\"\n *   alt=\"Profile picture of John\">\n *   <Badge size={8} backgroundColor=\"green\" position=\"bottom-left\" />\n * </Avatar>\n *\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-avatar--avatar\n * @see\n * https://design.activecollab.com/docs/components/avatar\n */\nexport const Avatar = forwardRef<\n  HTMLImageElement,\n  PropsWithChildren<AvatarProps>\n>(\n  (\n    {\n      url,\n      alt = \"Avatar Image\",\n      size = 24,\n      className,\n      imgClassName,\n      children,\n      ...rest\n    },\n    ref\n  ) => {\n    const [imageLoaded, setImageLoaded] = useState<boolean>(false);\n    const imageRef = useRef<HTMLImageElement | null>(null);\n    const handleRef = useForkRef(ref, imageRef);\n\n    useLayoutEffect(() => {\n      if (imageRef.current?.complete && imageRef.current.naturalWidth > 0) {\n        setImageLoaded(true);\n      }\n    }, [url]);\n\n    return (\n      <StyledWrapper className={className}>\n        {children}\n\n        <StyledAvatar\n          ref={handleRef}\n          src={url}\n          alt={alt}\n          width={size}\n          height={size}\n          onLoad={() => {\n            setImageLoaded(true);\n          }}\n          role=\"img\"\n          className={imgClassName}\n          {...rest}\n        />\n        {!imageLoaded && (\n          <SkeletonLoader\n            data-testid=\"loader\"\n            style={{\n              position: \"absolute\",\n              top: 0,\n              left: 0,\n              width: size,\n              height: size,\n              borderRadius: \"100%\",\n            }}\n          />\n        )}\n      </StyledWrapper>\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,EAEVC,eAAe,EACfC,MAAM,EACNC,QAAQ,QACH,OAAO;AAEd,SAASC,YAAY,EAAEC,aAAa,QAAQ,UAAU;AACtD,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,SAASC,cAAc,QAAQ,YAAY;AAe3C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGR,UAAU,CAI9B,CAAAS,IAAA,EAUEC,GAAG,KACA;EAAA,IATDC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAAC,QAAA,GAAAH,IAAA,CACHI,GAAG;IAAHA,GAAG,GAAAD,QAAA,cAAG,cAAc,GAAAA,QAAA;IAAAE,SAAA,GAAAL,IAAA,CACpBM,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,EAAE,GAAAA,SAAA;IACTE,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,YAAY,GAAAR,IAAA,CAAZQ,YAAY;IACZC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;EAIT,MAAAC,SAAA,GAAsCnB,QAAQ,CAAU,KAAK,CAAC;IAAvDoB,WAAW,GAAAD,SAAA;IAAEE,cAAc,GAAAF,SAAA;EAClC,MAAMG,QAAQ,GAAGvB,MAAM,CAA0B,IAAI,CAAC;EACtD,MAAMwB,SAAS,GAAGpB,UAAU,CAACI,GAAG,EAAEe,QAAQ,CAAC;EAE3CxB,eAAe,CAAC,MAAM;IAAA,IAAA0B,iBAAA;IACpB,IAAI,CAAAA,iBAAA,GAAAF,QAAQ,CAACG,OAAO,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAIJ,QAAQ,CAACG,OAAO,CAACE,YAAY,GAAG,CAAC,EAAE;MACnEN,cAAc,CAAC,IAAI,CAAC;IACtB;EACF,CAAC,EAAE,CAACb,GAAG,CAAC,CAAC;EAET,oBACEZ,KAAA,CAAAgC,aAAA,CAAC1B,aAAa;IAACW,SAAS,EAAEA;EAAU,GACjCE,QAAQ,eAETnB,KAAA,CAAAgC,aAAA,CAAC3B,YAAY,EAAA4B,QAAA;IACXtB,GAAG,EAAEgB,SAAU;IACfO,GAAG,EAAEtB,GAAI;IACTE,GAAG,EAAEA,GAAI;IACTqB,KAAK,EAAEnB,IAAK;IACZoB,MAAM,EAAEpB,IAAK;IACbqB,MAAM,EAAEA,CAAA,KAAM;MACZZ,cAAc,CAAC,IAAI,CAAC;IACtB,CAAE;IACFa,IAAI,EAAC,KAAK;IACVrB,SAAS,EAAEC;EAAa,GACpBE,IAAI,CACT,CAAC,EACD,CAACI,WAAW,iBACXxB,KAAA,CAAAgC,aAAA,CAACxB,cAAc;IACb,eAAY,QAAQ;IACpB+B,KAAK,EAAE;MACLC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC;MACNC,IAAI,EAAE,CAAC;MACPP,KAAK,EAAEnB,IAAI;MACXoB,MAAM,EAAEpB,IAAI;MACZ2B,YAAY,EAAE;IAChB;EAAE,CACH,CAEU,CAAC;AAEpB,CACF,CAAC;AAEDlC,MAAM,CAACmC,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Bubble/Styles.js

@@ -15,8 +15,8 @@ export const StyledBubble = styled.div.withConfig({
   "backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity, 1))",
   "color": "var(--color-theme-800)",
   "opacity": "1",
-  "--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-  "--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
+  "--tw-shadow": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  "--tw-shadow-colored": "0 25px 50px -12px var(--tw-shadow-color)",
   "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
 }, FontStyle, BoxSizingStyle);
 StyledBubble.displayName = "StyledBubble";

package/dist/esm/components/Bubble/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA0I,CAAC,EAE7IL,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","withConfig","displayName","componentId"],"sources":["../../../../src/components/Bubble/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-2xl tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n  background-color: var(--page-paper-main);\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AAExC,OAAO,MAAMC,YAAY,GAAGH,MAAM,CAACI,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wGAChC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2I,CAAC,EAE9IL,SAAS,EACTD,cAAc,CAEjB;AAEDE,YAAY,CAACG,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/esm/components/Button/Button.d.ts

@@ -6,6 +6,8 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
     size?: "big" | "small" | "medium";
     /** Active or pressed state. */
     active?: boolean;
+    /** Empty space an icon only text button keeps around its icon. Use "tight" for an icon that draws close to its edges. */
+    inset?: "default" | "tight";
 }
 /**
  * @component Button

package/dist/esm/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACrE,yBAAyB;IACzB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AACD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;2CA4DlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,wBAAwB,EAGzB,MAAM,OAAO,CAAC;AAUf,MAAM,WAAW,WAAY,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IACrE,yBAAyB;IACzB,OAAO,CAAC,EACJ,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,kBAAkB,GAClB,eAAe,CAAC;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yHAAyH;IACzH,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B;AACD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,MAAM;;2CA8DlB,CAAC"}

package/dist/esm/components/Button/Button.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-const _excluded = ["children", "active", "variant", "size", "type", "className"];
+const _excluded = ["children", "active", "variant", "size", "type", "inset", "className"];
 import React, { forwardRef } from "react";
 import classnames from "classnames";
 import { StyledButton, StyledButtonElement, StyledButtonElements } from "./Styles";
@@ -35,6 +35,8 @@ export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     size = _ref$size === void 0 ? "medium" : _ref$size,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "button" : _ref$type,
+    _ref$inset = _ref.inset,
+    inset = _ref$inset === void 0 ? "default" : _ref$inset,
     className = _ref.className,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
@@ -53,6 +55,7 @@ export const Button = /*#__PURE__*/forwardRef((_ref, ref) => {
     variant: variant,
     active: active,
     size: size,
+    $inset: inset,
     ref: ref,
     "aria-pressed": active,
     role: "button",

package/dist/esm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","_ref$type","type","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n * @prop {type} - defaults to \"button\"; pass \"submit\" for a form's submit control.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      type = \"button\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        type={type}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAoBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAUEC,GAAG,KACA;EAAA,IATDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAAE,SAAA,GAAAP,IAAA,CACrBQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,SAAA,GAAAT,IAAA,CACfU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACfE,SAAS,GAAAX,IAAA,CAATW,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAb,IAAA,EAAAc,SAAA;EAIT,oBACErB,KAAA,CAAAsB,aAAA,CAACnB,YAAY,EAAAoB,QAAA;IACXL,SAAS,EAAEhB,UAAU,CAAC,OAAO,EAAEgB,SAAS,EAAE;MACxC,kBAAkB,EAAEL,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEE,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBN,QAAQ,YAAYe,MAAM,IAAI,EAAEf,QAAQ,YAAYgB,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEjB,QAAQ,YAAYe,MAAM,IAAI,EAAEf,QAAQ,YAAYgB,KAAK,CAAE;IACrEZ,OAAO,EAAEA,OAAQ;IACjBF,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXP,GAAG,EAAEA,GAAI;IACT,gBAAcG,MAAO;IACrBgB,IAAI,EAAC,QAAQ;IACbV,IAAI,EAAEA;EAAK,GACPE,IAAI,GAEPV,QAAQ,YAAYgB,KAAK,gBACxBzB,KAAA,CAAAsB,aAAA,CAACjB,oBAAoB;IAACa,SAAS,EAAC;EAAiB,GAC9CT,QAAQ,CAACmB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACH7B,KAAA,CAAAsB,aAAA,CAAClB,mBAAmB;IAClBc,SAAS,EAAC,0BAA0B;IACpCa,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBpB,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAAC0B,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["React","forwardRef","classnames","StyledButton","StyledButtonElement","StyledButtonElements","Button","_ref","ref","children","_ref$active","active","_ref$variant","variant","_ref$size","size","_ref$type","type","_ref$inset","inset","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","Object","Array","iconOnly","$inset","role","map","value","index","key","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  PropsWithChildren,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport {\n  StyledButton,\n  StyledButtonElement,\n  StyledButtonElements,\n} from \"./Styles\";\n\nexport interface ButtonProps extends ComponentPropsWithoutRef<\"button\"> {\n  /** Types of a button. */\n  variant?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"option\"\n    | \"contained\"\n    | \"outlined\"\n    | \"text colored\"\n    | \"text gray\"\n    | \"dark transparent\"\n    | \"circle raised\";\n  /** Button size dictates the height. */\n  size?: \"big\" | \"small\" | \"medium\";\n  /** Active or pressed state. */\n  active?: boolean;\n  /** Empty space an icon only text button keeps around its icon. Use \"tight\" for an icon that draws close to its edges. */\n  inset?: \"default\" | \"tight\";\n}\n/**\n * @component Button\n * @description\n * Button component is used to trigger an action or event, such as submitting a form,\n * opening a Dialog, canceling an action, or performing a delete operation.\n *\n * @prop {variant} - adds unique look and feel to button.\n * @prop {size} - controls the size of a button.\n * @prop {active} - adds active/pressed state to a button.\n * @prop {type} - defaults to \"button\"; pass \"submit\" for a form's submit control.\n *\n * @example\n * return (\n *   <Button className=\"mr-2\" variant=\"primary\" size=\"big\">\n *     Save\n *   </Button>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--button\n * https://design.activecollab.com/docs/components/button\n */\nexport const Button = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<ButtonProps>\n>(\n  (\n    {\n      children,\n      active = false,\n      variant = \"contained\",\n      size = \"medium\",\n      type = \"button\",\n      inset = \"default\",\n      className,\n      ...args\n    },\n    ref\n  ) => {\n    return (\n      <StyledButton\n        className={classnames(\"c-btn\", className, {\n          \"c-btn--contained\": variant === \"primary\" || variant === \"contained\",\n          \"c-btn--outlined\": variant === \"secondary\" || variant === \"outlined\",\n          \"c-btn--text_colored\":\n            variant === \"tertiary\" || variant === \"text colored\",\n          \"c-btn--text_gray\": variant === \"option\" || variant === \"text gray\",\n          \"c-btn--dark_transparent\": variant === \"dark transparent\",\n          \"c-btn--circle-raised\": variant === \"circle raised\",\n          \"c-btn--big\": size === \"big\",\n          \"c-btn--small\": size === \"small\",\n          \"c-btn--icon-only\":\n            children instanceof Object && !(children instanceof Array),\n        })}\n        iconOnly={children instanceof Object && !(children instanceof Array)}\n        variant={variant}\n        active={active}\n        size={size}\n        $inset={inset}\n        ref={ref}\n        aria-pressed={active}\n        role=\"button\"\n        type={type}\n        {...args}\n      >\n        {children instanceof Array ? (\n          <StyledButtonElements className=\"c-btn__elements\">\n            {children.map((value, index) =>\n              value ? (\n                <StyledButtonElement\n                  className=\"c-btn__elements__element\"\n                  key={index}\n                >\n                  {value}\n                </StyledButtonElement>\n              ) : null\n            )}\n          </StyledButtonElements>\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  }\n);\n\nButton.displayName = \"Button\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAEVC,UAAU,QAEL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SACEC,YAAY,EACZC,mBAAmB,EACnBC,oBAAoB,QACf,UAAU;AAsBjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGL,UAAU,CAI9B,CAAAM,IAAA,EAWEC,GAAG,KACA;EAAA,IAVDC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,WAAA,GAAAH,IAAA,CACRI,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,YAAA,GAAAL,IAAA,CACdM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,WAAW,GAAAA,YAAA;IAAAE,SAAA,GAAAP,IAAA,CACrBQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,SAAA,GAAAT,IAAA,CACfU,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IAAAE,UAAA,GAAAX,IAAA,CACfY,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IACjBE,SAAS,GAAAb,IAAA,CAATa,SAAS;IACNC,IAAI,GAAAC,6BAAA,CAAAf,IAAA,EAAAgB,SAAA;EAIT,oBACEvB,KAAA,CAAAwB,aAAA,CAACrB,YAAY,EAAAsB,QAAA;IACXL,SAAS,EAAElB,UAAU,CAAC,OAAO,EAAEkB,SAAS,EAAE;MACxC,kBAAkB,EAAEP,OAAO,KAAK,SAAS,IAAIA,OAAO,KAAK,WAAW;MACpE,iBAAiB,EAAEA,OAAO,KAAK,WAAW,IAAIA,OAAO,KAAK,UAAU;MACpE,qBAAqB,EACnBA,OAAO,KAAK,UAAU,IAAIA,OAAO,KAAK,cAAc;MACtD,kBAAkB,EAAEA,OAAO,KAAK,QAAQ,IAAIA,OAAO,KAAK,WAAW;MACnE,yBAAyB,EAAEA,OAAO,KAAK,kBAAkB;MACzD,sBAAsB,EAAEA,OAAO,KAAK,eAAe;MACnD,YAAY,EAAEE,IAAI,KAAK,KAAK;MAC5B,cAAc,EAAEA,IAAI,KAAK,OAAO;MAChC,kBAAkB,EAChBN,QAAQ,YAAYiB,MAAM,IAAI,EAAEjB,QAAQ,YAAYkB,KAAK;IAC7D,CAAC,CAAE;IACHC,QAAQ,EAAEnB,QAAQ,YAAYiB,MAAM,IAAI,EAAEjB,QAAQ,YAAYkB,KAAK,CAAE;IACrEd,OAAO,EAAEA,OAAQ;IACjBF,MAAM,EAAEA,MAAO;IACfI,IAAI,EAAEA,IAAK;IACXc,MAAM,EAAEV,KAAM;IACdX,GAAG,EAAEA,GAAI;IACT,gBAAcG,MAAO;IACrBmB,IAAI,EAAC,QAAQ;IACbb,IAAI,EAAEA;EAAK,GACPI,IAAI,GAEPZ,QAAQ,YAAYkB,KAAK,gBACxB3B,KAAA,CAAAwB,aAAA,CAACnB,oBAAoB;IAACe,SAAS,EAAC;EAAiB,GAC9CX,QAAQ,CAACsB,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KACzBD,KAAK,gBACHhC,KAAA,CAAAwB,aAAA,CAACpB,mBAAmB;IAClBgB,SAAS,EAAC,0BAA0B;IACpCc,GAAG,EAAED;EAAM,GAEVD,KACkB,CAAC,GACpB,IACN,CACoB,CAAC,GAEvBvB,QAEU,CAAC;AAEnB,CACF,CAAC;AAEDH,MAAM,CAAC6B,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/Button/Styles.d.ts

@@ -1,6 +1,7 @@
 import { ButtonProps } from "./Button";
 interface StyledButtonProps extends ButtonProps {
     iconOnly: boolean;
+    $inset?: ButtonProps["inset"];
 }
 export declare const StyledButton: import("styled-components").StyledComponent<"button", any, StyledButtonProps, never>;
 export declare const StyledButtonElements: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/esm/components/Button/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,sFA4RxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAIvC,UAAU,iBAAkB,SAAQ,WAAW;IAC7C,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,sFAkTxB,CAAC;AAIF,eAAO,MAAM,oBAAoB,qEAGhC,CAAC;AAIF,eAAO,MAAM,mBAAmB,qEAK/B,CAAC"}

package/dist/esm/components/Button/Styles.js

@@ -4,7 +4,7 @@ import { FontStyle } from "../FontStyle";
 export const StyledButton = styled.button.withConfig({
   displayName: "Styles__StyledButton",
   componentId: "sc-vi1kcr-0"
-})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => props.size === "small" && css(["height:24px;"]), props => props.size === "big" && css(["height:40px;"]), props => (props.variant === "primary" || props.variant === "contained") && css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover,&:focus-visible{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]), props => (props.variant === "secondary" || props.variant === "outlined") && css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover,&:focus-visible{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]), props => props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover,&:focus-visible{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]), props => (props.variant === "tertiary" || props.variant === "text colored") && css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]), props => (props.variant === "option" || props.variant === "text gray") && css(["padding:0 8px;background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]), props => props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]), props => props.iconOnly && css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", ";", " ", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && css(["width:24px;"]), props.size === "big" && css(["width:40px;"])), props => (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"])), props => (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}", " ", ""], props.size === "small" && css(["border-radius:var(--ac-br-4);"]), props.size === "big" && css(["border-radius:var(--ac-br-8);"])), props => props.active && css(["", " ", " ", " ", " ", " ", ""], (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);&:hover,&:focus-visible{color:var(--color-primary);}", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"]))));
+})(["", " ", " -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:middle;font-weight:500;display:inline-block;line-height:1;margin:0;text-decoration:none;font-size:0.875rem;user-select:none;cursor:pointer;text-align:center;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:288px;--c-btn-text-inset:8px;--c-btn-icon-inset:8px;--c-btn-icon-tight-inset:6px;--c-btn-inset:0px;border:none;height:32px;transition:background-color 0.3s ease,box-shadow 0.3s ease,color 0.3s ease,border-color 0.3s ease;svg{fill:currentColor;}&:focus{outline:none;}&:hover{text-decoration:none;}&:disabled{cursor:default;opacity:50%;pointer-events:none;}", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => props.size === "small" && css(["height:24px;"]), props => props.size === "big" && css(["height:40px;"]), props => (props.variant === "primary" || props.variant === "contained") && css(["padding:0 16px;background-color:var(--color-primary);border-radius:var(--ac-br-rounded);color:var(--page-paper-main);&:hover,&:focus-visible{box-shadow:0 3px 6px -2px var(--color-primary-500);background-color:var(--color-primary-800);}&:active{box-shadow:0 4px 10px -2px var(--color-primary-600);background-color:var(--color-primary-800);}"]), props => (props.variant === "secondary" || props.variant === "outlined") && css(["padding:0 16px;background-color:transparent;border-radius:var(--ac-br-rounded);border:solid 1px var(--color-theme-700);color:var(--color-theme-700);&:hover,&:focus-visible{border-color:var(--color-primary);color:var(--color-primary);}&:active{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--color-primary-200);}"]), props => props.variant === "dark transparent" && css(["padding:0 8px;background-color:rgba(0,0,0,0.5);border-radius:var(--ac-br-6);color:var(--only-white);&:hover,&:focus-visible{background-color:rgba(0,0,0,0.85);}&:active{background-color:var(--only-black);}"]), props => (props.variant === "tertiary" || props.variant === "text colored") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-primary);&:hover,&:focus-visible{background-color:var(--color-primary-200);}&:active{background-color:var(--color-primary-300);}"]), props => (props.variant === "option" || props.variant === "text gray") && css(["padding:0 var(--c-btn-text-inset);--c-btn-inset:var(--c-btn-text-inset);background-color:transparent;border-radius:var(--ac-br-6);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--color-theme-300);color:var(--color-theme-900);}&:active{background-color:var(--color-theme-400);color:var(--color-theme-900);}"]), props => props.variant === "circle raised" && css(["padding:0 6px;background-color:transparent;border-radius:var(--ac-br-rounded);color:var(--color-theme-700);&:hover,&:focus-visible{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary);}&:active{background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);}"]), props => props.iconOnly && css(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;--c-btn-inset:0px;", " ", ";", " ", ""], (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray") && props.size !== "small" && props.size !== "big" && css(["--c-btn-inset:", ";"], props.$inset === "tight" ? "var(--c-btn-icon-tight-inset)" : "var(--c-btn-icon-inset)"), (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"]), props.size === "small" && css(["width:24px;"]), props.size === "big" && css(["width:40px;"])), props => (props.variant === "primary" || props.variant === "contained" || props.variant === "secondary" || props.variant === "outlined") && css([".c-btn__elements__element:first-child svg{margin-left:-6px;}.c-btn__elements__element:last-child svg{margin-right:-6px;}", ""], (props.size === "small" || props.size === "big") && css(["border-radius:var(--ac-br-rounded);"])), props => (props.variant === "tertiary" || props.variant === "text colored" || props.variant === "option" || props.variant === "text gray" || props.variant === "dark transparent") && css([".c-btn__elements__element:first-child svg{margin-left:-4px;}.c-btn__elements__element:last-child svg{margin-right:-4px;}", " ", ""], props.size === "small" && css(["border-radius:var(--ac-br-4);"]), props.size === "big" && css(["border-radius:var(--ac-br-8);"])), props => props.active && css(["", " ", " ", " ", " ", " ", ""], (props.variant === "primary" || props.variant === "contained") && css(["background-color:var(--color-primary-800);"]), (props.variant === "secondary" || props.variant === "outlined") && css(["border-color:var(--color-primary);color:var(--color-primary);"]), props.variant === "dark transparent" && css(["background-color:var(--only-black);"]), props.variant === "circle raised" && css(["background-color:var(--page-paper-main);box-shadow:var(--shadow-tertiary-hover);"]), (props.variant === "tertiary" || props.variant === "text colored") && css(["background-color:var(--color-primary-200);"]), (props.variant === "option" || props.variant === "text gray") && css(["color:var(--color-primary);&:hover,&:focus-visible{color:var(--color-primary);}", ""], props.children instanceof Array && css(["background-color:var(--color-theme-300);"]))));
 StyledButton.displayName = "StyledButton";
 export const StyledButtonElements = styled.span.withConfig({
   displayName: "Styles__StyledButtonElements",

package/dist/esm/components/Button/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 8px;\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","StyledButton","button","withConfig","displayName","componentId","props","size","variant","iconOnly","$inset","active","children","Array","StyledButtonElements","span","StyledButtonElement"],"sources":["../../../../src/components/Button/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { ButtonProps } from \"./Button\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface StyledButtonProps extends ButtonProps {\n  iconOnly: boolean;\n  $inset?: ButtonProps[\"inset\"];\n}\n\nexport const StyledButton = styled.button<StyledButtonProps>`\n  ${FontStyle}\n  ${BoxSizingStyle}\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  vertical-align: middle;\n  font-weight: 500;\n  display: inline-block;\n  line-height: 1;\n  margin: 0;\n  text-decoration: none;\n  font-size: 0.875rem;\n  user-select: none;\n  cursor: pointer;\n  text-align: center;\n  flex-shrink: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 288px;\n\n  /* Empty space around the visible content of a button type. A page control group pulls the button in by --c-btn-inset. */\n  --c-btn-text-inset: 8px;\n  --c-btn-icon-inset: 8px;\n  --c-btn-icon-tight-inset: 6px;\n  --c-btn-inset: 0px;\n\n  border: none;\n  height: 32px;\n  transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease,\n    border-color 0.3s ease;\n\n  svg {\n    fill: currentColor;\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n\n  &:disabled {\n    cursor: default;\n    opacity: 50%;\n    pointer-events: none;\n  }\n\n  ${(props) =>\n    props.size === \"small\" &&\n    css`\n      height: 24px;\n    `}\n\n  ${(props) =>\n    props.size === \"big\" &&\n    css`\n      height: 40px;\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" || props.variant === \"contained\") &&\n    css`\n      padding: 0 16px;\n      background-color: var(--color-primary);\n      border-radius: var(--ac-br-rounded);\n      color: var(--page-paper-main);\n\n      &:hover,\n      &:focus-visible {\n        box-shadow: 0 3px 6px -2px var(--color-primary-500);\n        background-color: var(--color-primary-800);\n      }\n\n      &:active {\n        box-shadow: 0 4px 10px -2px var(--color-primary-600);\n        background-color: var(--color-primary-800);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"secondary\" || props.variant === \"outlined\") &&\n    css`\n      padding: 0 16px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      border: solid 1px var(--color-theme-700);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      }\n\n      &:active {\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n        background-color: var(--color-primary-200);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"dark transparent\" &&\n    css`\n      padding: 0 8px;\n      background-color: rgba(0, 0, 0, 0.5);\n      border-radius: var(--ac-br-6);\n      color: var(--only-white);\n\n      &:hover,\n      &:focus-visible {\n        background-color: rgba(0, 0, 0, 0.85);\n      }\n\n      &:active {\n        background-color: var(--only-black);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-primary);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-primary-200);\n      }\n\n      &:active {\n        background-color: var(--color-primary-300);\n      }\n    `}\n\n  ${(props) =>\n    (props.variant === \"option\" || props.variant === \"text gray\") &&\n    css`\n      padding: 0 var(--c-btn-text-inset);\n      --c-btn-inset: var(--c-btn-text-inset);\n      background-color: transparent;\n      border-radius: var(--ac-br-6);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--color-theme-300);\n        color: var(--color-theme-900);\n      }\n\n      &:active {\n        background-color: var(--color-theme-400);\n        color: var(--color-theme-900);\n      }\n    `}\n\n  ${(props) =>\n    props.variant === \"circle raised\" &&\n    css`\n      padding: 0 6px;\n      background-color: transparent;\n      border-radius: var(--ac-br-rounded);\n      color: var(--color-theme-700);\n\n      &:hover,\n      &:focus-visible {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary);\n      }\n\n      &:active {\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      }\n    `}\n\n    ${(props) =>\n    props.iconOnly &&\n    css`\n      display: inline-flex;\n      justify-content: center;\n      align-items: center;\n      padding: 0;\n      width: 32px;\n      --c-btn-inset: 0px;\n\n      /* 4px of button stays empty around the 24px icon, plus the empty space the icon drawing keeps inside. */\n      ${(props.variant === \"tertiary\" ||\n        props.variant === \"text colored\" ||\n        props.variant === \"option\" ||\n        props.variant === \"text gray\") &&\n      props.size !== \"small\" &&\n      props.size !== \"big\" &&\n      css`\n        --c-btn-inset: ${props.$inset === \"tight\"\n          ? \"var(--c-btn-icon-tight-inset)\"\n          : \"var(--c-btn-icon-inset)\"};\n      `}\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `};\n\n      ${props.size === \"small\" &&\n      css`\n        width: 24px;\n      `}\n\n      ${props.size === \"big\" &&\n      css`\n        width: 40px;\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"primary\" ||\n      props.variant === \"contained\" ||\n      props.variant === \"secondary\" ||\n      props.variant === \"outlined\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -6px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -6px;\n      }\n\n      ${(props.size === \"small\" || props.size === \"big\") &&\n      css`\n        border-radius: var(--ac-br-rounded);\n      `}\n    `}\n\n  ${(props) =>\n    (props.variant === \"tertiary\" ||\n      props.variant === \"text colored\" ||\n      props.variant === \"option\" ||\n      props.variant === \"text gray\" ||\n      props.variant === \"dark transparent\") &&\n    css`\n      .c-btn__elements__element:first-child svg {\n        margin-left: -4px;\n      }\n      .c-btn__elements__element:last-child svg {\n        margin-right: -4px;\n      }\n      ${props.size === \"small\" &&\n      css`\n        border-radius: var(--ac-br-4);\n      `}\n      ${props.size === \"big\" &&\n      css`\n        border-radius: var(--ac-br-8);\n      `}\n    `}\n\n    ${(props) =>\n    props.active &&\n    css`\n      ${(props.variant === \"primary\" || props.variant === \"contained\") &&\n      css`\n        background-color: var(--color-primary-800);\n      `}\n\n      ${(props.variant === \"secondary\" || props.variant === \"outlined\") &&\n      css`\n        border-color: var(--color-primary);\n        color: var(--color-primary);\n      `}\n\n      ${props.variant === \"dark transparent\" &&\n      css`\n        background-color: var(--only-black);\n      `}\n\n      ${props.variant === \"circle raised\" &&\n      css`\n        background-color: var(--page-paper-main);\n        box-shadow: var(--shadow-tertiary-hover);\n      `}\n\n    ${(props.variant === \"tertiary\" || props.variant === \"text colored\") &&\n      css`\n        background-color: var(--color-primary-200);\n      `}\n\n    ${(props.variant === \"option\" || props.variant === \"text gray\") &&\n      css`\n        color: var(--color-primary);\n        &:hover,\n        &:focus-visible {\n          color: var(--color-primary);\n        }\n        ${props.children instanceof Array &&\n        css`\n          background-color: var(--color-theme-300);\n        `}\n      `}\n    `}\n`;\n\nStyledButton.displayName = \"StyledButton\";\n\nexport const StyledButtonElements = styled.span`\n  display: flex;\n  align-items: center;\n`;\n\nStyledButtonElements.displayName = \"StyledButtonElements\";\n\nexport const StyledButtonElement = styled.span`\n  display: inline-flex;\n  svg {\n    margin: 0 4px;\n  }\n`;\n\nStyledButtonElement.displayName = \"StyledButtonElement\";\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/Icons/collection/ClipboardIcon.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+/**
+ * @component ClipboardIcon
+ * @description
+ *
+ * The ClipboardIcon component displays a clipboard to represent a clipboard, notes, or a task list.
+ * The Icon component is
+ * customizable, allowing for variations in size, color, and style to fit the needs of the application.
+ *
+ * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.
+ * Format: "linear-gradient(<angle>deg, <color1>, <color2>, ...)"
+ *
+ * @example
+ * return (
+ * <ClipboardIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+ * )
+ *
+ * @example
+ * return (
+ *   <ClipboardIcon className="mr-2" />
+ * )
+ *
+ * @see
+ * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons
+ * @see
+ * https://design.activecollab.com/docs/foundations/icons
+ */
+declare const ClipboardIcon: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement> & {
+    gradient?: string;
+}, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export default ClipboardIcon;
+//# sourceMappingURL=ClipboardIcon.d.ts.map

package/dist/esm/components/Icons/collection/ClipboardIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClipboardIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ClipboardIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,aAAa;eAMF,MAAM;+CA4BtB,CAAC;AAEF,eAAe,aAAa,CAAC"}