alinea 1.7.0 → 2.0.0-preview.1

package/dist/components/Icon.js

@@ -0,0 +1,40 @@
+import {
+  dist_default
+} from "../chunks/chunk-I4OYYAX5.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/components/Icon.tsx
+import {
+  cloneElement,
+  isValidElement
+} from "react";
+
+// src/components/Icon.module.css
+var Icon_default = {
+  "Icon": "alinea-Icon"
+};
+
+// src/components/Icon.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = dist_default(Icon_default);
+function Icon({
+  icon: IconView,
+  "aria-label": ariaLabel,
+  "aria-hidden": ariaHidden,
+  ...props
+}) {
+  const view = typeof IconView === "function" ? /* @__PURE__ */ jsx(IconView, {}) : IconView;
+  if (!isValidElement(view)) return null;
+  const className = typeof props.className === "string" ? props.className : void 0;
+  return cloneElement(view, {
+    focusable: "false",
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaLabel ? ariaHidden || void 0 : true,
+    role: "img",
+    className: styles.Icon(dist_default.merge({ className })),
+    ...props
+  });
+}
+export {
+  Icon
+};

package/dist/components/Label.d.ts

@@ -0,0 +1,48 @@
+import type { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { type LabelProps as LabelPrimitiveProps } from 'react-aria-components';
+export interface LabelSharedProps {
+    label?: ReactNode;
+    asLabel?: boolean;
+    description?: ReactNode;
+    errorMessage?: ReactNode;
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    icon?: ReactNode;
+    id?: string;
+    shared?: boolean;
+}
+export interface LabelProps extends LabelSharedProps, LabelPrimitiveProps {
+}
+export declare function LabelHeader({ label, description, shared, icon, isRequired, asLabel, ...props }: LabelProps): import("react").JSX.Element;
+export declare function LabelTitle({ description, shared, icon, label, isRequired, asLabel, ...props }: LabelProps): import("react").JSX.Element;
+export interface LabelLabelProps extends LabelPrimitiveProps {
+    label?: ReactNode;
+    isRequired?: boolean;
+    asLabel?: boolean;
+    tone?: 'muted' | 'inherit';
+    weight?: 'normal' | 'semibold';
+}
+export declare function LabelLabel({ children, label, isRequired, asLabel, tone, weight, ...props }: LabelLabelProps): import("react").JSX.Element;
+export declare function LabelIcon({ icon }: {
+    icon: ReactNode;
+}): import("react").JSX.Element;
+export interface LabelDescriptionProps extends ComponentPropsWithoutRef<'div'> {
+    description?: ReactNode;
+    size?: 'base' | 'small';
+}
+export declare function LabelDescription({ children, className, description, size, ...props }: LabelDescriptionProps): import("react").JSX.Element;
+export interface LabelStackProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function LabelStack({ className, ...props }: LabelStackProps): import("react").JSX.Element;
+export interface LabelInlineProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function LabelInline({ className, ...props }: LabelInlineProps): import("react").JSX.Element;
+export declare function LabelError({ errorMessage }: {
+    errorMessage: ReactNode;
+}): import("react").JSX.Element;
+export interface SharedLabelBadgeProps {
+    label?: string;
+}
+export declare function SharedLabelBadge({ label }: SharedLabelBadgeProps): import("react").JSX.Element;
+export declare function Label({ label, description, errorMessage, isRequired, icon, shared, children, className, asLabel, ...props }: LabelProps): import("react").JSX.Element | null;
+export declare function labelProps<T extends LabelSharedProps>({ label, description, errorMessage, isRequired, icon, shared }: T): LabelProps;

package/dist/components/Label.js

@@ -0,0 +1,210 @@
+import {
+  $43a3b93638fe5db9$export$b04be29aa201d4f5
+} from "../chunks/chunk-I7X64JTZ.js";
+import "../chunks/chunk-IWN3T3FL.js";
+import "../chunks/chunk-RKDPDEF7.js";
+import "../chunks/chunk-JFROOUG6.js";
+import "../chunks/chunk-SJBZFMQ2.js";
+import "../chunks/chunk-IYAQC63Y.js";
+import "../chunks/chunk-LUBOGJCG.js";
+import "../chunks/chunk-YK3OSMDM.js";
+import "../chunks/chunk-AC4U3IMS.js";
+import {
+  dist_default
+} from "../chunks/chunk-I4OYYAX5.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/components/Label.tsx
+import { Badge } from "../dashboard/app/Badge.js";
+import { IcRoundPublic } from "../dashboard/icons.js";
+
+// src/components/Label.module.css
+var Label_default = {
+  "LabelIcon": "alinea-LabelIcon",
+  "LabelInline": "alinea-LabelInline",
+  "LabelStack": "alinea-LabelStack",
+  "LabelLabel": "alinea-LabelLabel",
+  "LabelHeader": "alinea-LabelHeader",
+  "LabelError": "alinea-LabelError",
+  "LabelDescription": "alinea-LabelDescription",
+  "LabelTitle": "alinea-LabelTitle",
+  "LabelRequired": "alinea-LabelRequired"
+};
+
+// src/components/Label.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var styles = dist_default(Label_default);
+function LabelHeader({
+  label,
+  description,
+  shared,
+  icon,
+  isRequired,
+  asLabel,
+  ...props
+}) {
+  const hasLabel = label || isRequired;
+  const hasTitle = hasLabel || icon;
+  return /* @__PURE__ */ jsx("header", { className: styles.LabelHeader(), children: hasTitle && /* @__PURE__ */ jsx(
+    LabelTitle,
+    {
+      asLabel,
+      label,
+      description,
+      shared,
+      icon,
+      isRequired,
+      ...props
+    }
+  ) });
+}
+function LabelTitle({
+  description,
+  shared,
+  icon,
+  label,
+  isRequired,
+  asLabel,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: styles.LabelTitle(), children: [
+    icon && /* @__PURE__ */ jsx(LabelIcon, { icon }),
+    (label || isRequired) && /* @__PURE__ */ jsx(
+      LabelLabel,
+      {
+        ...props,
+        asLabel,
+        label,
+        isRequired
+      }
+    ),
+    description && /* @__PURE__ */ jsx(LabelDescription, { description }),
+    shared && /* @__PURE__ */ jsx(SharedLabelBadge, {})
+  ] });
+}
+function LabelLabel({
+  children,
+  label,
+  isRequired,
+  asLabel,
+  tone,
+  weight,
+  ...props
+}) {
+  const Element = asLabel === false ? "div" : $43a3b93638fe5db9$export$b04be29aa201d4f5;
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsxs(
+    Element,
+    {
+      ...rest,
+      className: styles.LabelLabel(dist_default.merge({ className })),
+      "data-tone": tone,
+      "data-weight": weight,
+      children: [
+        label ?? children,
+        isRequired && /* @__PURE__ */ jsx("span", { className: styles.LabelRequired(), children: " *" })
+      ]
+    }
+  );
+}
+function LabelIcon({ icon }) {
+  return /* @__PURE__ */ jsx("span", { className: styles.LabelIcon(), children: icon });
+}
+function LabelDescription({
+  children,
+  className,
+  description,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: styles.LabelDescription(dist_default.merge({ className })),
+      "data-size": size,
+      children: description ?? children
+    }
+  );
+}
+function LabelStack({ className, ...props }) {
+  return /* @__PURE__ */ jsx("span", { ...props, className: styles.LabelStack(dist_default.merge({ className })) });
+}
+function LabelInline({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ...props,
+      className: styles.LabelInline(dist_default.merge({ className }))
+    }
+  );
+}
+function LabelError({ errorMessage }) {
+  return /* @__PURE__ */ jsx("div", { className: styles.LabelError(), children: errorMessage });
+}
+function SharedLabelBadge({ label = "Shared" }) {
+  return /* @__PURE__ */ jsx(Badge, { icon: IcRoundPublic, size: "small", title: "Shared field", children: label });
+}
+function Label({
+  label,
+  description,
+  errorMessage,
+  isRequired,
+  icon,
+  shared,
+  children,
+  className,
+  asLabel,
+  ...props
+}) {
+  const hasLabel = label || isRequired;
+  const hasTitle = hasLabel || icon;
+  const hasHeader = hasTitle || description;
+  if (!hasHeader && !errorMessage && !children) return null;
+  return /* @__PURE__ */ jsxs("div", { className: styles.Label(dist_default.merge({ className })), children: [
+    hasHeader && /* @__PURE__ */ jsx(
+      LabelHeader,
+      {
+        label,
+        asLabel,
+        description,
+        isRequired,
+        icon,
+        shared,
+        ...props
+      }
+    ),
+    children,
+    errorMessage && /* @__PURE__ */ jsx(LabelError, { errorMessage })
+  ] });
+}
+function labelProps({
+  label,
+  description,
+  errorMessage,
+  isRequired,
+  icon,
+  shared
+}) {
+  return {
+    label,
+    description,
+    errorMessage,
+    isRequired,
+    icon,
+    shared
+  };
+}
+export {
+  Label,
+  LabelDescription,
+  LabelError,
+  LabelHeader,
+  LabelIcon,
+  LabelInline,
+  LabelLabel,
+  LabelStack,
+  LabelTitle,
+  SharedLabelBadge,
+  labelProps
+};

package/dist/components/Link.d.ts

@@ -0,0 +1,5 @@
+import { type LinkProps as RACLinkProps } from 'react-aria-components';
+export interface LinkProps extends RACLinkProps {
+    variant?: 'plain' | 'underline' | 'inherit';
+}
+export declare function Link({ variant, ...props }: LinkProps): import("react").JSX.Element;

package/dist/components/Link.js

@@ -0,0 +1,42 @@
+import {
+  $984a1fc08f87e4f3$export$a6c7ac8248d6e38a
+} from "../chunks/chunk-I7X64JTZ.js";
+import "../chunks/chunk-IWN3T3FL.js";
+import "../chunks/chunk-RKDPDEF7.js";
+import "../chunks/chunk-JFROOUG6.js";
+import "../chunks/chunk-SJBZFMQ2.js";
+import "../chunks/chunk-IYAQC63Y.js";
+import "../chunks/chunk-LUBOGJCG.js";
+import "../chunks/chunk-YK3OSMDM.js";
+import "../chunks/chunk-AC4U3IMS.js";
+import {
+  dist_default
+} from "../chunks/chunk-I4OYYAX5.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/components/Link.module.css
+var Link_default = {
+  "Link": "alinea-Link"
+};
+
+// src/components/Link.tsx
+import { jsx } from "react/jsx-runtime";
+var styles = dist_default(Link_default);
+function Link({ variant, ...props }) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    $984a1fc08f87e4f3$export$a6c7ac8248d6e38a,
+    {
+      "data-variant": variant,
+      ...rest,
+      className: (renderProps) => styles.Link(
+        dist_default.merge({
+          className: typeof className === "function" ? className(renderProps) : className
+        })
+      )
+    }
+  );
+}
+export {
+  Link
+};

package/dist/components/List.d.ts

@@ -0,0 +1,99 @@
+import type { ComponentPropsWithoutRef, ComponentType, HTMLAttributes, ReactNode } from 'react';
+import { type ButtonProps } from './Button.js';
+import { type SurfaceProps } from './Surface.js';
+export interface ListProps extends SurfaceProps {
+    empty?: boolean;
+}
+export declare function List({ className, empty, role, ...props }: ListProps): import("react").JSX.Element;
+export interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    leading?: ReactNode;
+    trailing?: ReactNode;
+    inner?: ReactNode;
+    onPress?: ButtonProps['onPress'];
+    selected?: boolean;
+}
+export declare function ListItem({ leading, trailing, inner, children, onPress, selected, ...props }: ListItemProps): import("react").JSX.Element;
+export interface ListItemVisualProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function ListItemVisual({ className, ...props }: ListItemVisualProps): import("react").JSX.Element;
+export interface ListItemTitleProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function ListItemTitle({ className, ...props }: ListItemTitleProps): import("react").JSX.Element;
+export interface ListItemDescriptionProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function ListItemDescription({ className, ...props }: ListItemDescriptionProps): import("react").JSX.Element;
+export interface ListItemStatusProps extends ComponentPropsWithoutRef<'span'> {
+    tone?: 'neutral' | 'accent' | 'positive' | 'warning' | 'danger';
+}
+export declare function ListItemStatus({ className, tone, ...props }: ListItemStatusProps): import("react").JSX.Element;
+export interface ListEmptyProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
+    icon?: ComponentType;
+    title: ReactNode;
+}
+export declare function ListEmpty({ children, className, icon, title, ...props }: ListEmptyProps): import("react").JSX.Element;
+export interface ListLabelProps extends Omit<ButtonProps, 'appearance' | 'children' | 'className' | 'size'> {
+    children: ReactNode;
+    className?: string;
+    expanded: boolean;
+    hasRows?: boolean;
+    shared?: boolean;
+    showFold?: boolean;
+    description?: ReactNode;
+    inline?: boolean;
+}
+export declare function ListLabel({ children, expanded, hasRows, shared, showFold, className, description, inline, ...props }: ListLabelProps): import("react").JSX.Element;
+export interface ListErrorProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare function ListError({ className, ...props }: ListErrorProps): import("react").JSX.Element;
+export interface ListCreateRowProps extends ComponentPropsWithoutRef<'div'> {
+    empty?: boolean;
+}
+export declare function ListCreateRow({ children, className, empty, ...props }: ListCreateRowProps): import("react").JSX.Element;
+export interface ListRowProps extends ComponentPropsWithoutRef<'div'> {
+    dragging?: boolean;
+    first?: boolean;
+}
+export declare function ListRow({ className, dragging, first, ...props }: ListRowProps): import("react").JSX.Element;
+export interface ListRowDragHandleProps extends ComponentPropsWithoutRef<'span'> {
+    dragging?: boolean;
+}
+export declare function ListRowDragHandle({ className, dragging, ...props }: ListRowDragHandleProps): import("react").JSX.Element;
+export interface ListRowHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    expanded?: boolean;
+    first?: boolean;
+    hasFold?: boolean;
+}
+export declare function ListRowHeader({ className, expanded, first, hasFold, ...props }: ListRowHeaderProps): import("react").JSX.Element;
+export interface ListRowDragProps extends ComponentPropsWithoutRef<'div'> {
+    dragging?: boolean;
+}
+export declare function ListRowDrag({ className, dragging, ...props }: ListRowDragProps): import("react").JSX.Element;
+export interface ListRowBadgesProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare function ListRowBadges({ className, ...props }: ListRowBadgesProps): import("react").JSX.Element;
+export interface ListRowMetaProps extends ComponentPropsWithoutRef<'span'> {
+}
+export declare function ListRowMeta({ className, ...props }: ListRowMetaProps): import("react").JSX.Element;
+export interface ListRowActionsProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare function ListRowActions({ className, ...props }: ListRowActionsProps): import("react").JSX.Element;
+export interface ListRowFoldButtonProps extends Omit<ButtonProps, 'appearance' | 'children' | 'className' | 'size'> {
+    className?: string;
+    expanded: boolean;
+}
+export declare function ListRowFoldButton({ className, expanded, ...props }: ListRowFoldButtonProps): import("react").JSX.Element;
+export interface ListRowBodyProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare function ListRowBody({ className, ...props }: ListRowBodyProps): import("react").JSX.Element;
+export interface ListRowFooterProps extends ComponentPropsWithoutRef<'div'> {
+}
+export declare function ListRowFooter({ className, ...props }: ListRowFooterProps): import("react").JSX.Element;
+export interface ListRowSettingsProps extends ComponentPropsWithoutRef<'div'> {
+    actions?: boolean;
+}
+export declare function ListRowSettings({ actions, className, ...props }: ListRowSettingsProps): import("react").JSX.Element;
+export interface ListDragPreviewProps extends ComponentPropsWithoutRef<'div'> {
+    icon?: ComponentType;
+    label: ReactNode;
+}
+export declare function ListDragPreview({ className, icon, label, ...props }: ListDragPreviewProps): import("react").JSX.Element;