@ahrowe/ui 0.4.3 → 0.4.4

package/dist/esm/common/card/card.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.types.mjs","names":[],"sources":["../../../../package/common/card/card.types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons';\nimport type { ButtonStyleType } from '../button/button.types';\nimport type { HtmlProps } from '../types/slots.types';\n\nexport enum CardStyleType {\n  Elevated = 'elevated',\n  Outlined = 'outlined',\n  Filled = 'filled',\n}\n\nexport interface CardProps extends HtmlProps {\n  className?: string | undefined;\n  children?: ReactNode;\n  styleType?: CardStyleType;\n  onClick?: () => void;\n  tabIndex?: number | null;\n  hoverEffect?: boolean;\n  style?: React.CSSProperties;\n  autoGap?: boolean;\n  clip?: boolean;\n}\n\nexport interface CardHeaderAction {\n  title?: string;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  icon: IconDefinition;\n}\n\nexport interface CardHeaderProps {\n  className?: string;\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  /** URL string → rendered as background-image. Any other ReactNode → rendered inside the thumbnail div. */\n  thumbnail?: string | ReactNode;\n  actions?: CardHeaderAction[] | ReactNode;\n}\n\nexport interface CardMediaProps {\n  src?: string;\n  alt?: string;\n}\n\nexport interface CardContentProps {\n  children?: ReactNode;\n}\n\nexport interface CardAction {\n  id?: string;\n  label?: string;\n  styleType?: ButtonStyleType;\n  onClick?: () => void;\n}\n\nexport interface CardActionsProps {\n  className?: string;\n  /** Renders a Button for each action object. Pass `children` for custom content instead. */\n  actions?: CardAction[];\n  children?: ReactNode;\n}\n"],"mappings":"AAKA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,SAAA,WACA,EAAA,SAAA,WACA,EAAA,OAAA,UACF,EAAA,CAAA,CAAA"}
+{"version":3,"file":"card.types.mjs","names":[],"sources":["../../../../package/common/card/card.types.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ButtonStyleType } from '../button/button.types';\nimport type { HtmlProps } from '../types/slots.types';\nimport type { IconAction } from '../types/actions.types';\n\nexport enum CardStyleType {\n  Elevated = 'elevated',\n  Outlined = 'outlined',\n  Filled = 'filled',\n}\n\nexport interface CardProps extends HtmlProps {\n  className?: string | undefined;\n  children?: ReactNode;\n  styleType?: CardStyleType;\n  onClick?: () => void;\n  tabIndex?: number | null;\n  hoverEffect?: boolean;\n  style?: React.CSSProperties;\n  autoGap?: boolean;\n  clip?: boolean;\n}\n\nexport type CardHeaderAction = IconAction;\n\nexport interface CardHeaderProps {\n  className?: string;\n  title?: ReactNode;\n  subTitle?: ReactNode;\n  /** URL string → rendered as background-image. Any other ReactNode → rendered inside the thumbnail div. */\n  thumbnail?: string | ReactNode;\n  actions?: CardHeaderAction[] | ReactNode;\n}\n\nexport interface CardMediaProps {\n  src?: string;\n  alt?: string;\n}\n\nexport interface CardContentProps {\n  children?: ReactNode;\n}\n\nexport interface CardAction {\n  id?: string;\n  label?: string;\n  styleType?: ButtonStyleType;\n  onClick?: () => void;\n}\n\nexport interface CardActionsProps {\n  className?: string;\n  /** Renders a Button for each action object. Pass `children` for custom content instead. */\n  actions?: CardAction[];\n  children?: ReactNode;\n}\n"],"mappings":"AAKA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,SAAA,WACA,EAAA,SAAA,WACA,EAAA,OAAA,UACF,EAAA,CAAA,CAAA"}

package/dist/esm/common/divider/divider.mjs

@@ -0,0 +1,2 @@
+import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import{DividerTextPosition as t}from"./divider.types.mjs";import n from"./divider.module.mjs";import r from"classnames";import{jsx as i,jsxs as a}from"react/jsx-runtime";var o={[t.Left]:n.dividerTextLeft,[t.Center]:n.dividerTextCenter,[t.Right]:n.dividerTextRight};function s(s){let{text:c,textPosition:l=t.Center,className:u,style:d,classNames:f,styles:p,...m}=e(`Divider`,s),h=c!=null&&c!==``;return a(`div`,{...m,role:`separator`,className:r(n.divider,h&&o[l],u,f?.root),style:{...d,...p?.root},children:[i(`span`,{className:r(n.dividerLine,f?.line),style:p?.line}),h&&i(`span`,{className:r(n.dividerContent,f?.content),style:p?.content,children:c}),h&&i(`span`,{className:r(n.dividerLine,f?.line),style:p?.line})]})}export{s as default};
+//# sourceMappingURL=divider.mjs.map

package/dist/esm/common/divider/divider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.mjs","names":[],"sources":["../../../../package/common/divider/divider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { DividerTextPosition } from './divider.types';\nimport type { DividerProps } from './divider.types';\nimport styles from './divider.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_TEXT_POSITION: Record<DividerTextPosition, string> = {\n  [DividerTextPosition.Left]: styles.dividerTextLeft,\n  [DividerTextPosition.Center]: styles.dividerTextCenter,\n  [DividerTextPosition.Right]: styles.dividerTextRight,\n};\n\nfunction Divider(props: DividerProps): ReactElement {\n  const {\n    text,\n    textPosition = DividerTextPosition.Center,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Divider', props);\n\n  const hasText = text != null && text !== '';\n\n  return (\n    <div\n      {...rest}\n      role=\"separator\"\n      className={cx(\n        styles.divider,\n        hasText && CLASS_BY_TEXT_POSITION[textPosition],\n        className,\n        classNames?.root,\n      )}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      <span className={cx(styles.dividerLine, classNames?.line)} style={slotStyles?.line} />\n      {hasText && (\n        <span className={cx(styles.dividerContent, classNames?.content)} style={slotStyles?.content}>\n          {text}\n        </span>\n      )}\n      {hasText && (\n        <span className={cx(styles.dividerLine, classNames?.line)} style={slotStyles?.line} />\n      )}\n    </div>\n  );\n}\n\nexport default Divider;\n"],"mappings":"4PAQA,IAAM,EAA8D,EACjE,EAAoB,MAAO,EAAO,iBAClC,EAAoB,QAAS,EAAO,mBACpC,EAAoB,OAAQ,EAAO,gBACtC,EAEA,SAAS,EAAQ,EAAmC,CAClD,GAAM,CACJ,OACA,eAAe,EAAoB,OACnC,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,UAAW,CAAK,EAEnC,EAAU,GAAQ,MAAQ,IAAS,GAEzC,OACE,EAAC,MAAD,CACE,GAAI,EACJ,KAAK,YACL,UAAW,EACT,EAAO,QACP,GAAW,EAAuB,GAClC,EACA,GAAY,IACd,EACA,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WATzC,CAWE,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,YAAa,GAAY,IAAI,EAAG,MAAO,GAAY,IAAO,CAAA,EACpF,GACC,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,eAAgB,GAAY,OAAO,EAAG,MAAO,GAAY,iBACjF,CACG,CAAA,EAEP,GACC,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,YAAa,GAAY,IAAI,EAAG,MAAO,GAAY,IAAO,CAAA,CAEpF,GAET"}

package/dist/esm/common/divider/divider.module.mjs

@@ -0,0 +1,2 @@
+var e={divider:`divider_OO203`,"divider-line":`divider-line_nVep8`,dividerLine:`divider-line_nVep8`,"divider-content":`divider-content_-y7ou`,dividerContent:`divider-content_-y7ou`,"divider-text-left":`divider-text-left_HYmeQ`,dividerTextLeft:`divider-text-left_HYmeQ`,"divider-text-right":`divider-text-right_RH5sH`,dividerTextRight:`divider-text-right_RH5sH`};export{e as default};
+//# sourceMappingURL=divider.module.mjs.map

package/dist/esm/common/divider/divider.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.module.mjs","names":[],"sources":["../../../../package/common/divider/divider.module.pcss"],"sourcesContent":[".divider {\n  display: flex;\n  align-items: center;\n  width: 100%;\n\n  &-line {\n    flex: 1 1 auto;\n    height: 1px;\n    background-color: var(--border-color);\n  }\n\n  &-content {\n    flex: 0 0 auto;\n    padding: 0 0.75em;\n    color: var(--text-dark);\n    font-size: 0.875em;\n    white-space: nowrap;\n  }\n\n  &-text-left &-line:first-child {\n    flex-grow: 0;\n    flex-basis: 1.5em;\n  }\n\n  &-text-right &-line:last-child {\n    flex-grow: 0;\n    flex-basis: 1.5em;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/divider/divider.types.mjs

@@ -0,0 +1,2 @@
+var e=function(e){return e.Left=`left`,e.Center=`center`,e.Right=`right`,e}({});export{e as DividerTextPosition};
+//# sourceMappingURL=divider.types.mjs.map

package/dist/esm/common/divider/divider.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.types.mjs","names":[],"sources":["../../../../package/common/divider/divider.types.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport type { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';\n\nexport enum DividerTextPosition {\n  Left = 'left',\n  Center = 'center',\n  Right = 'right',\n}\n\nexport type DividerSlots = 'root' | 'line' | 'content';\n\nexport interface DividerProps extends HtmlProps {\n  text?: ReactNode;\n  textPosition?: DividerTextPosition;\n  className?: string;\n  style?: CSSProperties;\n  classNames?: SlotClassNames<DividerSlots>;\n  styles?: SlotStyles<DividerSlots>;\n}\n"],"mappings":"AAGA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,KAAA,OACA,EAAA,OAAA,SACA,EAAA,MAAA,SACF,EAAA,CAAA,CAAA"}

package/dist/esm/common/sectionHeader/sectionHeader.mjs

@@ -0,0 +1,2 @@
+import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import t from"../actionIcon/actionIcon.mjs";import n from"../divider/divider.mjs";import{SectionHeaderSize as r}from"./sectionHeader.types.mjs";import i from"./sectionHeader.module.mjs";import"react";import a from"classnames";import{FontAwesomeIcon as o}from"@fortawesome/react-fontawesome";import{Fragment as s,jsx as c,jsxs as l}from"react/jsx-runtime";var u={[r.Small]:i.sectionHeaderSizeSmall,[r.Medium]:i.sectionHeaderSizeMedium,[r.Large]:i.sectionHeaderSizeLarge};function d(d){let{title:f,subtitle:p,icon:m,thumbnail:h,left:g,center:_,actions:v,level:y=2,size:b=r.Medium,divider:x=!1,className:S,style:C,classNames:w,styles:T,...E}=e(`SectionHeader`,d),D=typeof h==`string`&&h.startsWith(`http`)?h:void 0,O=h!=null&&h!==``,k=O||m!=null,A=`h${y}`;return l(s,{children:[l(`div`,{...E,className:a(i.sectionHeader,u[b],S,w?.root),style:{...C,...T?.root},children:[k&&c(`div`,{className:a(i.sectionHeaderLeading,w?.leading),style:{...D?{backgroundImage:`url(${D})`}:{},...T?.leading},children:O?!D&&h:m&&c(o,{icon:m})}),l(`div`,{className:a(i.sectionHeaderTitles,w?.titles),style:T?.titles,children:[c(A,{className:a(i.sectionHeaderTitle,w?.title),style:T?.title,children:f}),p!=null&&p!==``&&c(`div`,{className:a(i.sectionHeaderSubtitle,w?.subtitle),style:T?.subtitle,children:p})]}),l(`div`,{className:a(i.sectionHeaderTrailing,w?.trailing),style:T?.trailing,children:[c(`div`,{className:a(i.sectionHeaderLeft,w?.left),style:T?.left,children:g}),c(`div`,{className:a(i.sectionHeaderCenter,w?.center),style:T?.center,children:_}),c(`div`,{className:a(i.sectionHeaderActions,w?.actions),style:T?.actions,children:Array.isArray(v)?v.map((e,n)=>c(t,{title:e.title,onClick:e.onClick?t=>{t.stopPropagation(),e.onClick?.(t)}:void 0,icon:e.icon},n)):v})]})]}),x&&c(n,{className:i.sectionHeaderDivider})]})}export{d as default};
+//# sourceMappingURL=sectionHeader.mjs.map

package/dist/esm/common/sectionHeader/sectionHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\nimport { SectionHeaderSize } from './sectionHeader.types';\nimport type { SectionHeaderProps, SectionHeaderAction } from './sectionHeader.types';\nimport styles from './sectionHeader.module.pcss';\nimport ActionIcon from '../actionIcon';\nimport Divider from '../divider';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_SIZE: Record<SectionHeaderSize, string> = {\n  [SectionHeaderSize.Small]: styles.sectionHeaderSizeSmall,\n  [SectionHeaderSize.Medium]: styles.sectionHeaderSizeMedium,\n  [SectionHeaderSize.Large]: styles.sectionHeaderSizeLarge,\n};\n\nfunction SectionHeader(props: SectionHeaderProps): ReactElement {\n  const {\n    title,\n    subtitle,\n    icon,\n    thumbnail,\n    left,\n    center,\n    actions,\n    level = 2,\n    size = SectionHeaderSize.Medium,\n    divider = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('SectionHeader', props);\n\n  const thumbnailUrl =\n    typeof thumbnail === 'string' && thumbnail.startsWith('http') ? thumbnail : undefined;\n  const hasThumbnail = thumbnail != null && thumbnail !== '';\n  const hasLeading = hasThumbnail || icon != null;\n\n  const Heading = `h${level}` as keyof React.JSX.IntrinsicElements;\n\n  return (\n    <>\n      <div\n        {...rest}\n        className={cx(\n          styles.sectionHeader,\n          CLASS_BY_SIZE[size],\n          className,\n          classNames?.root,\n        )}\n        style={{ ...style, ...slotStyles?.root }}\n      >\n        {hasLeading && (\n          <div\n            className={cx(styles.sectionHeaderLeading, classNames?.leading)}\n            style={{\n              ...(thumbnailUrl ? { backgroundImage: `url(${thumbnailUrl})` } : {}),\n              ...slotStyles?.leading,\n            }}\n          >\n            {hasThumbnail\n              ? !thumbnailUrl && thumbnail\n              : icon && <FontAwesomeIcon icon={icon} />}\n          </div>\n        )}\n\n        <div\n          className={cx(styles.sectionHeaderTitles, classNames?.titles)}\n          style={slotStyles?.titles}\n        >\n          <Heading\n            className={cx(styles.sectionHeaderTitle, classNames?.title)}\n            style={slotStyles?.title}\n          >\n            {title}\n          </Heading>\n          {subtitle != null && subtitle !== '' && (\n            <div\n              className={cx(styles.sectionHeaderSubtitle, classNames?.subtitle)}\n              style={slotStyles?.subtitle}\n            >\n              {subtitle}\n            </div>\n          )}\n        </div>\n\n        <div\n          className={cx(styles.sectionHeaderTrailing, classNames?.trailing)}\n          style={slotStyles?.trailing}\n        >\n          <div className={cx(styles.sectionHeaderLeft, classNames?.left)} style={slotStyles?.left}>\n            {left}\n          </div>\n\n          <div\n            className={cx(styles.sectionHeaderCenter, classNames?.center)}\n            style={slotStyles?.center}\n          >\n            {center}\n          </div>\n\n          <div\n            className={cx(styles.sectionHeaderActions, classNames?.actions)}\n            style={slotStyles?.actions}\n          >\n            {Array.isArray(actions)\n              ? (actions as SectionHeaderAction[]).map((action, index) => (\n                  <ActionIcon\n                    key={index}\n                    title={action.title}\n                    onClick={\n                      action.onClick\n                        ? (e: React.MouseEvent<HTMLDivElement>) => {\n                            e.stopPropagation();\n                            action.onClick?.(e);\n                          }\n                        : undefined\n                    }\n                    icon={action.icon}\n                  />\n                ))\n              : (actions as React.ReactNode)}\n          </div>\n        </div>\n      </div>\n      {divider && <Divider className={styles.sectionHeaderDivider} />}\n    </>\n  );\n}\n\nexport default SectionHeader;\n"],"mappings":"qbAYA,IAAM,EAAmD,EACtD,EAAkB,OAAQ,EAAO,wBACjC,EAAkB,QAAS,EAAO,yBAClC,EAAkB,OAAQ,EAAO,sBACpC,EAEA,SAAS,EAAc,EAAyC,CAC9D,GAAM,CACJ,QACA,WACA,OACA,YACA,OACA,SACA,UACA,QAAQ,EACR,OAAO,EAAkB,OACzB,UAAU,GACV,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,gBAAiB,CAAK,EAEzC,EACJ,OAAO,GAAc,UAAY,EAAU,WAAW,MAAM,EAAI,EAAY,IAAA,GACxE,EAAe,GAAa,MAAQ,IAAc,GAClD,EAAa,GAAgB,GAAQ,KAErC,EAAU,IAAI,IAEpB,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EACT,EAAO,cACP,EAAc,GACd,EACA,GAAY,IACd,EACA,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WARzC,CAUG,GACC,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAC9D,MAAO,CACL,GAAI,EAAe,CAAE,gBAAiB,OAAO,EAAa,EAAG,EAAI,CAAC,EAClE,GAAG,GAAY,OACjB,WAEC,EACG,CAAC,GAAgB,EACjB,GAAQ,EAAC,EAAD,CAAuB,MAAO,CAAA,CACvC,CAAA,EAGP,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAC5D,MAAO,GAAY,gBAFrB,CAIE,EAAC,EAAD,CACE,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAC1D,MAAO,GAAY,eAElB,CACM,CAAA,EACR,GAAY,MAAQ,IAAa,IAChC,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAChE,MAAO,GAAY,kBAElB,CACE,CAAA,CAEJ,IAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAChE,MAAO,GAAY,kBAFrB,CAIE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,GAAY,IAAI,EAAG,MAAO,GAAY,cAChF,CACE,CAAA,EAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAC5D,MAAO,GAAY,gBAElB,CACE,CAAA,EAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAC9D,MAAO,GAAY,iBAElB,MAAM,QAAQ,CAAO,EACjB,EAAkC,KAAK,EAAQ,IAC9C,EAAC,EAAD,CAEE,MAAO,EAAO,MACd,QACE,EAAO,QACF,GAAwC,CACvC,EAAE,gBAAgB,EAClB,EAAO,UAAU,CAAC,CACpB,EACA,IAAA,GAEN,KAAM,EAAO,IACd,EAXM,CAWN,CACF,EACA,CACF,CAAA,CACF,GACF,IACJ,GAAW,EAAC,EAAD,CAAS,UAAW,EAAO,oBAAuB,CAAA,CAC9D,CAAA,CAAA,CAEN"}

package/dist/esm/common/sectionHeader/sectionHeader.module.mjs

@@ -0,0 +1,2 @@
+var e={sectionHeader:`sectionHeader_X3bNj`,"sectionHeader-leading":`sectionHeader-leading_d6opV`,sectionHeaderLeading:`sectionHeader-leading_d6opV`,"sectionHeader-titles":`sectionHeader-titles_iN9dT`,sectionHeaderTitles:`sectionHeader-titles_iN9dT`,"sectionHeader-title":`sectionHeader-title_wH--S`,sectionHeaderTitle:`sectionHeader-title_wH--S`,"sectionHeader-subtitle":`sectionHeader-subtitle_WRK3Y`,sectionHeaderSubtitle:`sectionHeader-subtitle_WRK3Y`,"sectionHeader-trailing":`sectionHeader-trailing_ewWDV`,sectionHeaderTrailing:`sectionHeader-trailing_ewWDV`,"sectionHeader-left":`sectionHeader-left_ZUuWs`,sectionHeaderLeft:`sectionHeader-left_ZUuWs`,"sectionHeader-center":`sectionHeader-center_MzSev`,sectionHeaderCenter:`sectionHeader-center_MzSev`,"sectionHeader-actions":`sectionHeader-actions_E40ZS`,sectionHeaderActions:`sectionHeader-actions_E40ZS`,"sectionHeader-divider":`sectionHeader-divider_Ovpev`,sectionHeaderDivider:`sectionHeader-divider_Ovpev`,"sectionHeader-size-small":`sectionHeader-size-small_6OVWE`,sectionHeaderSizeSmall:`sectionHeader-size-small_6OVWE`,"sectionHeader-size-medium":`sectionHeader-size-medium_BVSe6`,sectionHeaderSizeMedium:`sectionHeader-size-medium_BVSe6`,"sectionHeader-size-large":`sectionHeader-size-large_bOZDP`,sectionHeaderSizeLarge:`sectionHeader-size-large_bOZDP`};export{e as default};
+//# sourceMappingURL=sectionHeader.module.mjs.map

package/dist/esm/common/sectionHeader/sectionHeader.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.module.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.module.pcss"],"sourcesContent":[".sectionHeader {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--spacing-m, 16px);\n  align-items: center;\n  color: var(--text-color);\n\n  &-leading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--section-header-leading-size);\n    height: var(--section-header-leading-size);\n    color: var(--primary-color);\n    background: var(--background-accent);\n    border-radius: var(--default-border-radius);\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    flex-shrink: 0;\n    font-size: calc(var(--section-header-leading-size) * 0.5);\n  }\n\n  &-titles {\n    display: flex;\n    flex-flow: column;\n    flex: 0 1 auto;\n    gap: 2px;\n    min-width: 0;\n  }\n\n  &-title {\n    margin: 0;\n    font-size: var(--section-header-title-size);\n    font-weight: var(--header-font-weight, 600);\n    line-height: 1.2;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &-subtitle {\n    color: var(--text-dark);\n    font-weight: 300;\n    font-size: var(--section-header-subtitle-size);\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &-trailing {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-m, 16px);\n    flex: 1 1 auto;\n  }\n\n  &-left {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  &-center {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  &-actions {\n    display: flex;\n    gap: var(--spacing-s, 8px);\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  &-divider {\n    margin-top: var(--spacing-s, 8px);\n  }\n\n  &-size {\n    &-small {\n      --section-header-title-size: var(--header-small-font-size, 16px);\n      --section-header-subtitle-size: 12px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-medium {\n      --section-header-title-size: var(--header-medium-font-size, 18px);\n      --section-header-subtitle-size: 14px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-large {\n      --section-header-title-size: var(--header-font-size, 24px);\n      --section-header-subtitle-size: 15px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  .sectionHeader-center {\n    flex: 1 1 100%;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/sectionHeader/sectionHeader.types.mjs

@@ -0,0 +1,2 @@
+var e=function(e){return e.Small=`small`,e.Medium=`medium`,e.Large=`large`,e}({});export{e as SectionHeaderSize};
+//# sourceMappingURL=sectionHeader.types.mjs.map

package/dist/esm/common/sectionHeader/sectionHeader.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sectionHeader.types.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.types.ts"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { IconDefinition } from '@fortawesome/free-solid-svg-icons';\nimport type { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';\nimport type { IconAction } from '../types/actions.types';\n\nexport enum SectionHeaderSize {\n  Small = 'small',\n  Medium = 'medium',\n  Large = 'large',\n}\n\nexport type SectionHeaderAction = IconAction;\n\nexport type SectionHeaderSlots =\n  | 'root'\n  | 'leading'\n  | 'titles'\n  | 'title'\n  | 'subtitle'\n  | 'trailing'\n  | 'left'\n  | 'center'\n  | 'actions';\n\nexport interface SectionHeaderProps extends HtmlProps {\n  title?: ReactNode;\n  subtitle?: ReactNode;\n  icon?: IconDefinition;\n  thumbnail?: string | ReactNode;\n  left?: ReactNode;\n  center?: ReactNode;\n  actions?: SectionHeaderAction[] | ReactNode;\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  size?: SectionHeaderSize;\n  divider?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  classNames?: SlotClassNames<SectionHeaderSlots>;\n  styles?: SlotStyles<SectionHeaderSlots>;\n}\n"],"mappings":"AAKA,IAAY,EAAL,SAAA,EAAA,OACL,GAAA,MAAA,QACA,EAAA,OAAA,SACA,EAAA,MAAA,SACF,EAAA,CAAA,CAAA"}

package/dist/esm/index.mjs

@@ -1 +1 @@
-import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{BadgePosition as p,BadgeStyleType as m}from"./common/badge/badge.types.mjs";import h from"./common/badge/badge.mjs";import g from"./common/avatar/avatar.mjs";import _ from"./common/avatar/avatarGroup.mjs";import v from"./common/bodyEnd/bodyEnd.mjs";import{CardStyleType as y}from"./common/card/card.types.mjs";import b from"./common/card/Card.mjs";import x from"./common/card/CardHeader.mjs";import S from"./common/card/CardMedia.mjs";import C from"./common/card/CardContent.mjs";import w from"./common/card/CardActions.mjs";import T from"./common/checkbox/checkbox.mjs";import{ChipStyleType as E}from"./common/chip/chip.types.mjs";import D from"./common/chip/chip.mjs";import O from"./common/chip/chipContainer.mjs";import{Align as k}from"./common/floatingMenu/floatingMenu.types.mjs";import A from"./common/floatingMenu/floatingMenu.mjs";import j from"./common/tooltip/tooltip.mjs";import{InputType as M}from"./common/input/input.types.mjs";import N from"./common/input/input.mjs";import P from"./common/colorPicker/colorPicker.mjs";import F from"./common/modal/modal.mjs";import I from"./common/confirmModal/confirmModal.mjs";import{getLocale as L,mapLocale as R,setLocale as z}from"./services/localization.mjs";import B from"./common/infiniteBlock/infiniteBlock.mjs";import V from"./common/dropdown/dropdown.mjs";import H from"./common/datePicker/datePicker.mjs";import U from"./common/drawer/drawer.mjs";import{DropZoneReturnType as W,DropZoneStatus as G}from"./common/dropZone/dropZone.types.mjs";import K from"./common/dropZone/dropZone.mjs";import q from"./common/emptyState/emptyState.mjs";import J from"./common/fab/fab.mjs";import Y from"./common/iconPicker/iconPicker.mjs";import X from"./common/idleManager/idleManager.mjs";import Z from"./common/inputDropdown/inputDropdown.mjs";import Q from"./common/kanbanBoard/KanbanColumn.mjs";import $ from"./common/kanbanBoard/KanbanBoard.mjs";import ee from"./common/searchInput/searchInput.mjs";import te from"./common/klipyPicker/klipyPicker.mjs";import ne from"./common/loading/iconLoading/index.mjs";import re from"./common/numberInput/index.mjs";import ie from"./common/optionPicker/optionPicker.mjs";import ae from"./common/overscroll/overscroll.mjs";import oe from"./common/progressBar/progressBar.mjs";import se from"./common/roomDrawer/roomDrawer.mjs";import ce from"./common/roomViewer/roomViewer.mjs";import le from"./common/scrollbarProvider/index.mjs";import{SkeletonAnimation as ue,SkeletonVariant as de}from"./common/skeleton/skeleton.types.mjs";import fe from"./common/skeleton/skeleton.mjs";import pe from"./common/stepper/stepper.mjs";import me from"./common/sticky/sticky.mjs";import he from"./common/switch/switch.mjs";import ge from"./common/tabHeader/tabHeader.mjs";import _e from"./common/textarea/textarea.mjs";import{defaultTheme as ve}from"./common/themeProvider/defaultTheme.mjs";import ye from"./common/themeProvider/themeProvider.mjs";import{useTheme as be}from"./common/themeProvider/useTheme.mjs";import xe from"./common/timeInput/timeInput.mjs";import{showToast as Se}from"./common/toast/toastService.mjs";import Ce from"./common/toast/toastProvider.mjs";import we from"./common/virtualList/virtualList.mjs";import Te from"./common/wizard/wizard.mjs";import Ee from"./services/formValidation/FormValidatorGroupWithForm.mjs";import De from"./services/formValidation/formValidator.mjs";import{hasEightPasswordChars as Oe,hasOnePasswordDigit as ke,hasOnePasswordLetter as Ae,isBic as je,isDate as Me,isEmail as Ne,isISODate as Pe,isNumber as Fe,isPassword as Ie,isURL as Le}from"./services/regexp.mjs";import Re from"./services/formValidation/validators.mjs";import ze from"./services/formValidation/validatableComponent.mjs";import{useFormValidator as Be}from"./services/formValidation/useFormValidator.mjs";import{useFormValidatorGroup as Ve}from"./services/formValidation/useFormValidatorGroup.mjs";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,k as Align,g as Avatar,_ as AvatarGroup,h as Badge,p as BadgePosition,m as BadgeStyleType,v as BodyEnd,l as Button,a as ButtonSize,o as ButtonStyleType,s as ButtonType,b as Card,w as CardActions,C as CardContent,x as CardHeader,S as CardMedia,y as CardStyleType,T as Checkbox,D as Chip,O as ChipContainer,E as ChipStyleType,P as ColorPicker,t as ConfigProvider,I as ConfirmModal,H as DatePicker,U as Drawer,K as DropZone,W as DropZoneReturnType,G as DropZoneStatus,V as Dropdown,q as EmptyState,J as Fab,A as FloatingMenu,De as FormValidator,Ee as FormValidatorGroup,ne as IconLoading,Y as IconPicker,X as IdleManager,B as InfiniteBlock,N as Input,Z as InputDropdown,M as InputType,d as InteractableDiv,$ as KanbanBoard,Q as KanbanColumn,te as KlipyPicker,F as Modal,re as NumberInput,ie as OptionPicker,ae as Overscroll,oe as ProgressBar,c as Ripple,se as RoomDrawer,ce as RoomViewer,le as ScrollbarProvider,ee as SearchInput,fe as Skeleton,ue as SkeletonAnimation,de as SkeletonVariant,i as SpinnerLoading,pe as Stepper,me as Sticky,he as Switch,ge as TabHeader,_e as Textarea,ye as ThemeProvider,xe as TimeInput,Ce as ToastProvider,j as Tooltip,ze as ValidatableComponent,Re as Validators,we as VirtualList,Te as Wizard,ve as defaultTheme,L as getLocale,Oe as hasEightPasswordChars,ke as hasOnePasswordDigit,Ae as hasOnePasswordLetter,je as isBic,Me as isDate,Ne as isEmail,Pe as isISODate,Fe as isNumber,Ie as isPassword,Le as isURL,R as mapLocale,z as setLocale,Se as showToast,n as useComponentDefaults,Be as useFormValidator,Ve as useFormValidatorGroup,be as useTheme};
+import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{BadgePosition as p,BadgeStyleType as m}from"./common/badge/badge.types.mjs";import h from"./common/badge/badge.mjs";import g from"./common/avatar/avatar.mjs";import _ from"./common/avatar/avatarGroup.mjs";import v from"./common/bodyEnd/bodyEnd.mjs";import{CardStyleType as y}from"./common/card/card.types.mjs";import b from"./common/card/Card.mjs";import x from"./common/card/CardHeader.mjs";import S from"./common/card/CardMedia.mjs";import C from"./common/card/CardContent.mjs";import w from"./common/card/CardActions.mjs";import T from"./common/checkbox/checkbox.mjs";import{ChipStyleType as E}from"./common/chip/chip.types.mjs";import D from"./common/chip/chip.mjs";import O from"./common/chip/chipContainer.mjs";import{Align as k}from"./common/floatingMenu/floatingMenu.types.mjs";import A from"./common/floatingMenu/floatingMenu.mjs";import j from"./common/tooltip/tooltip.mjs";import{InputType as M}from"./common/input/input.types.mjs";import N from"./common/input/input.mjs";import P from"./common/colorPicker/colorPicker.mjs";import F from"./common/modal/modal.mjs";import I from"./common/confirmModal/confirmModal.mjs";import{getLocale as L,mapLocale as R,setLocale as z}from"./services/localization.mjs";import B from"./common/infiniteBlock/infiniteBlock.mjs";import V from"./common/dropdown/dropdown.mjs";import H from"./common/datePicker/datePicker.mjs";import{DividerTextPosition as U}from"./common/divider/divider.types.mjs";import W from"./common/divider/divider.mjs";import G from"./common/drawer/drawer.mjs";import{DropZoneReturnType as K,DropZoneStatus as q}from"./common/dropZone/dropZone.types.mjs";import J from"./common/dropZone/dropZone.mjs";import Y from"./common/emptyState/emptyState.mjs";import X from"./common/fab/fab.mjs";import Z from"./common/iconPicker/iconPicker.mjs";import Q from"./common/idleManager/idleManager.mjs";import $ from"./common/inputDropdown/inputDropdown.mjs";import ee from"./common/kanbanBoard/KanbanColumn.mjs";import te from"./common/kanbanBoard/KanbanBoard.mjs";import ne from"./common/searchInput/searchInput.mjs";import re from"./common/klipyPicker/klipyPicker.mjs";import ie from"./common/loading/iconLoading/index.mjs";import ae from"./common/numberInput/index.mjs";import oe from"./common/optionPicker/optionPicker.mjs";import se from"./common/overscroll/overscroll.mjs";import ce from"./common/progressBar/progressBar.mjs";import le from"./common/roomDrawer/roomDrawer.mjs";import ue from"./common/roomViewer/roomViewer.mjs";import de from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as fe}from"./common/sectionHeader/sectionHeader.types.mjs";import pe from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as me,SkeletonVariant as he}from"./common/skeleton/skeleton.types.mjs";import ge from"./common/skeleton/skeleton.mjs";import _e from"./common/stepper/stepper.mjs";import ve from"./common/sticky/sticky.mjs";import ye from"./common/switch/switch.mjs";import be from"./common/tabHeader/tabHeader.mjs";import xe from"./common/textarea/textarea.mjs";import{defaultTheme as Se}from"./common/themeProvider/defaultTheme.mjs";import Ce from"./common/themeProvider/themeProvider.mjs";import{useTheme as we}from"./common/themeProvider/useTheme.mjs";import Te from"./common/timeInput/timeInput.mjs";import{showToast as Ee}from"./common/toast/toastService.mjs";import De from"./common/toast/toastProvider.mjs";import Oe from"./common/virtualList/virtualList.mjs";import ke from"./common/wizard/wizard.mjs";import Ae from"./services/formValidation/FormValidatorGroupWithForm.mjs";import je from"./services/formValidation/formValidator.mjs";import{hasEightPasswordChars as Me,hasOnePasswordDigit as Ne,hasOnePasswordLetter as Pe,isBic as Fe,isDate as Ie,isEmail as Le,isISODate as Re,isNumber as ze,isPassword as Be,isURL as Ve}from"./services/regexp.mjs";import He from"./services/formValidation/validators.mjs";import Ue from"./services/formValidation/validatableComponent.mjs";import{useFormValidator as We}from"./services/formValidation/useFormValidator.mjs";import{useFormValidatorGroup as Ge}from"./services/formValidation/useFormValidatorGroup.mjs";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,k as Align,g as Avatar,_ as AvatarGroup,h as Badge,p as BadgePosition,m as BadgeStyleType,v as BodyEnd,l as Button,a as ButtonSize,o as ButtonStyleType,s as ButtonType,b as Card,w as CardActions,C as CardContent,x as CardHeader,S as CardMedia,y as CardStyleType,T as Checkbox,D as Chip,O as ChipContainer,E as ChipStyleType,P as ColorPicker,t as ConfigProvider,I as ConfirmModal,H as DatePicker,W as Divider,U as DividerTextPosition,G as Drawer,J as DropZone,K as DropZoneReturnType,q as DropZoneStatus,V as Dropdown,Y as EmptyState,X as Fab,A as FloatingMenu,je as FormValidator,Ae as FormValidatorGroup,ie as IconLoading,Z as IconPicker,Q as IdleManager,B as InfiniteBlock,N as Input,$ as InputDropdown,M as InputType,d as InteractableDiv,te as KanbanBoard,ee as KanbanColumn,re as KlipyPicker,F as Modal,ae as NumberInput,oe as OptionPicker,se as Overscroll,ce as ProgressBar,c as Ripple,le as RoomDrawer,ue as RoomViewer,de as ScrollbarProvider,ne as SearchInput,pe as SectionHeader,fe as SectionHeaderSize,ge as Skeleton,me as SkeletonAnimation,he as SkeletonVariant,i as SpinnerLoading,_e as Stepper,ve as Sticky,ye as Switch,be as TabHeader,xe as Textarea,Ce as ThemeProvider,Te as TimeInput,De as ToastProvider,j as Tooltip,Ue as ValidatableComponent,He as Validators,Oe as VirtualList,ke as Wizard,Se as defaultTheme,L as getLocale,Me as hasEightPasswordChars,Ne as hasOnePasswordDigit,Pe as hasOnePasswordLetter,Fe as isBic,Ie as isDate,Le as isEmail,Re as isISODate,ze as isNumber,Be as isPassword,Ve as isURL,R as mapLocale,z as setLocale,Ee as showToast,n as useComponentDefaults,We as useFormValidator,Ge as useFormValidatorGroup,we as useTheme};