@apify/ui-library 1.148.0 → 1.148.1-featuremigrateapifyuilibrary-48563e.13

package/dist/components/store/store_actor_header.js

@@ -0,0 +1,103 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import { TextShared as n } from "../text/text_shared.js";
+import { ActorAvatar as r, actorAvatarClassnames as i } from "../avatar/actor_avatar.js";
+import { Badge as a } from "../badge/badge.js";
+import o from "styled-components";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { StarEmptyIcon as l, WarningTriangleIcon as u } from "@apify/ui-icons";
+//#region src/components/store/store_actor_header.tsx
+var d = {
+	title: "ActorStoreItem-title",
+	slug: "ActorStoreItem-slug",
+	badge: "ActorStoreItem-badge"
+}, f = o(t)`
+    display: flex;
+    gap: ${({ $compact: t }) => t ? e.space.space4 : e.space.space12};
+    align-items: ${({ $compact: e }) => e ? "flex-start" : "center"};
+
+    .${i.BASE} {
+        border: 1px solid ${e.color.neutral.border};
+        flex-shrink: 0;
+    }
+
+    .${d.badge} {
+        position: absolute;
+        top: -${e.space.space8};
+        right: -${e.space.space8};
+    }
+`, p = o(t)`
+    position: relative;
+    display: inline-block;
+`, m = o(a)`
+    padding: ${e.space.space4};
+`, h = o(t)`
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+
+    .${d.title} {
+        overflow: hidden;
+        display: flex;
+        align-items: center;
+        flex-direction: row;
+        justify-content: flex-start;
+        gap: ${e.space.space4};
+
+        h3 {
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+        }
+
+        svg {
+            flex-shrink: 0;
+        }
+    }
+
+    .${d.slug} {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+`, g = ({ name: t, title: i, pictureUrl: a, username: o, isUnderMaintenance: g = !1, hasRisingStarBadge: _ = !1, avatarSize: v = 40, compact: y = !1, ...b }) => /* @__PURE__ */ c(f, {
+	"data-test": "actor-store-item-header",
+	$compact: y,
+	...b,
+	children: [/* @__PURE__ */ c(p, { children: [/* @__PURE__ */ s(r, {
+		size: y ? 20 : v,
+		url: a,
+		name: i,
+		borderRadius: y ? e.radius.radius4 : e.radius.radius8
+	}), !y && _ && /* @__PURE__ */ s(m, {
+		variant: "primary_blue",
+		size: "small",
+		LeadingIcon: l,
+		className: d.badge
+	})] }), /* @__PURE__ */ c(h, { children: [/* @__PURE__ */ c("div", {
+		className: d.title,
+		children: [/* @__PURE__ */ s(n, {
+			as: "h3",
+			weight: y ? "medium" : "bold",
+			color: e.color.neutral.text,
+			children: i
+		}), g && /* @__PURE__ */ s(u, {
+			size: "12",
+			color: e.color.warning.icon
+		})]
+	}), /* @__PURE__ */ c(n, {
+		size: "small",
+		weight: "medium",
+		type: "code",
+		color: e.color.neutral.textSubtle,
+		className: d.slug,
+		children: [
+			o,
+			"/",
+			t
+		]
+	})] })]
+});
+//#endregion
+export { g as StoreActorHeader };

package/dist/components/switch/index.d.ts

@@ -0,0 +1,2 @@
+export * from './switch';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,11 @@
+import * as SwitchPrimitiveReact from '@radix-ui/react-switch';
+type SwitchPrimitiveProps = {
+    value: boolean;
+    setValue: (checked: boolean) => void;
+    error?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+} & Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitiveReact.Root>, 'checked' | 'onCheckedChange' | 'value'>;
+export declare const SwitchPrimitive: ({ value, setValue, error, disabled, readOnly, ...rest }: SwitchPrimitiveProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,oBAAoB,MAAM,wBAAwB,CAAC;AAyB/D,KAAK,oBAAoB,GAAG;IACxB,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,OAAO,CAAC,CAAC;AAEpH,eAAO,MAAM,eAAe,GAAI,yDAAyD,oBAAoB,4CAU5G,CAAC"}

package/dist/components/switch/switch.js

@@ -0,0 +1,32 @@
+import { theme as e } from "../../design_system/theme.js";
+import { switchStyle as t } from "./switch.style.js";
+import n from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+import * as a from "@radix-ui/react-switch";
+//#region src/components/switch/switch.tsx
+var o = n(a.Root)`
+    all: unset;
+    ${t}
+`, s = n(a.Thumb)`
+    display: block;
+    background-color: ${e.color.neutral.backgroundWhite};
+    width: 12px;
+    height: 12px;
+    border-radius: 100px;
+    transition: transform 100ms;
+    transform: translateX(2px);
+    will-change: transform;
+    &[data-state='checked'] {
+        transform: translateX(18px);
+    }
+`, c = ({ value: e, setValue: t, error: n, disabled: a, readOnly: c, ...l }) => /* @__PURE__ */ r(o, {
+	...l,
+	checked: e,
+	onCheckedChange: t,
+	disabled: a || c,
+	className: i(n && "error", (a || c) && "disabled"),
+	children: /* @__PURE__ */ r(s, {})
+});
+//#endregion
+export { c as SwitchPrimitive };

package/dist/components/switch/switch.style.d.ts

@@ -0,0 +1,2 @@
+export declare const switchStyle: import('styled-components').RuleSet<object>;
+//# sourceMappingURL=switch.style.d.ts.map

package/dist/components/switch/switch.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.style.d.ts","sourceRoot":"","sources":["../../../src/components/switch/switch.style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,WAAW,6CAmDvB,CAAC"}

package/dist/components/switch/switch.style.js

@@ -0,0 +1,57 @@
+import { theme as e } from "../../design_system/theme.js";
+import { css as t } from "styled-components";
+//#region src/components/switch/switch.style.ts
+var n = t`
+    width: 32px;
+    height: 16px;
+    background-color: ${e.color.neutral.actionSecondary};
+    border-radius: 100px;
+    position: relative;
+    transition:
+        border-color 120ms ease-out,
+        background-color 120ms ease-out !important;
+    vertical-align: middle;
+
+    &:focus-visible {
+        outline: 2px solid ${e.color.primary.fieldBorderActive}!important;
+    }
+
+    &:hover {
+        background-color: ${e.color.neutral.actionSecondaryHover};
+        cursor: pointer;
+    }
+
+    &.disabled {
+        background-color: ${e.color.neutral.disabled};
+    }
+
+    &.error {
+        background-color: ${e.color.danger.action};
+
+        &:hover {
+            background-color: ${e.color.danger.actionHover};
+        }
+    }
+
+    &[data-state='checked'] {
+        background-color: ${e.color.success.action};
+
+        &:hover {
+            background-color: ${e.color.success.actionHover};
+        }
+
+        &.disabled {
+            background-color: ${e.color.success.chipBackground};
+        }
+
+        &.error {
+            background-color: ${e.color.danger.action};
+
+            &:hover {
+                background-color: ${e.color.danger.actionHover};
+            }
+        }
+    }
+`;
+//#endregion
+export { n as switchStyle };

package/dist/components/tab_number_chip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tab_number_chip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tab_number_chip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tab_number_chip/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/components/tab_number_chip/tab_number_chip.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface ChipProps {
+    children: React.ReactNode;
+}
+export declare const TabNumberChip: React.FC<ChipProps>;
+export {};
+//# sourceMappingURL=tab_number_chip.d.ts.map

package/dist/components/tab_number_chip/tab_number_chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_number_chip.d.ts","sourceRoot":"","sources":["../../../src/components/tab_number_chip/tab_number_chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,UAAU,SAAS;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAM7C,CAAC"}

package/dist/components/tab_number_chip/tab_number_chip.js

@@ -0,0 +1,23 @@
+import { theme as e } from "../../design_system/theme.js";
+import { TextShared as t } from "../text/text_shared.js";
+import n from "styled-components";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/tab_number_chip/tab_number_chip.tsx
+var i = n(t)`
+    color: ${e.color.neutral.text};
+    background-color: ${e.color.neutral.chipBackground};
+    line-height: 1;
+    padding: ${e.space.space2} ${e.space.space4};
+    border-radius: ${e.radius.radius8};
+
+    ._disabled & {
+        background-color: ${e.color.neutral.backgroundSubtle};
+        color: ${e.color.neutral.textDisabled};
+    }
+`, a = ({ children: e, ...t }) => /* @__PURE__ */ r(i, {
+	size: "small",
+	...t,
+	children: e
+});
+//#endregion
+export { a as TabNumberChip };

package/dist/components/table/index.d.ts

@@ -0,0 +1,17 @@
+export { Table } from './table';
+export { TableHead } from './table_head';
+export { TableBody } from './table_body';
+export { TableFoot } from './table_foot';
+export { TableHeadRow } from './table_head_row';
+export { TableHeadCell } from './table_head_cell';
+export { TableRow } from './table_row';
+export { TableCell, TableCellLink } from './table_cell';
+export { HorizontallyScrollableTableWrapper } from './table_wrapper';
+export { TableExpansionRow } from './table_expansion_row';
+export { TableEmptyRow } from './table_empty_row';
+export { TableLoadingRow } from './table_loading_row';
+export { TableErrorRow } from './table_error_row';
+export { tableClassNames } from './table.styled';
+export { tableTestIds } from './table.test_ids';
+export type { HorizontallyScrollableTableWrapperProps, TableExpansion, TableRowProps } from './table.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,kCAAkC,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,YAAY,EAAE,uCAAuC,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/table/table.context.d.ts

@@ -0,0 +1,3 @@
+import { To } from '../link';
+export declare const TableRowLinkContext: import('react').Context<To | undefined>;
+//# sourceMappingURL=table.context.d.ts.map

package/dist/components/table/table.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.context.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.context.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAElC,eAAO,MAAM,mBAAmB,yCAA2C,CAAC"}

package/dist/components/table/table.context.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+//#region src/components/table/table.context.ts
+var t = e(void 0);
+//#endregion
+export { t as TableRowLinkContext };

package/dist/components/table/table.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const Table: FC<HTMLAttributes<HTMLTableElement>>;
+//# sourceMappingURL=table.d.ts.map

package/dist/components/table/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,KAAK,EAAE,EAAE,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAEtD,CAAC"}

package/dist/components/table/table.js

@@ -0,0 +1,12 @@
+import { StyledTable as e, tableClassNames as t } from "./table.styled.js";
+import { tableTestIds as n } from "./table.test_ids.js";
+import { jsx as r } from "react/jsx-runtime";
+import i from "clsx";
+//#region src/components/table/table.tsx
+var a = ({ className: a, ...o }) => /* @__PURE__ */ r(e, {
+	"data-test": n.TABLE,
+	className: i(t.TABLE, a),
+	...o
+});
+//#endregion
+export { a as Table };

package/dist/components/table/table.styled.d.ts

@@ -0,0 +1,30 @@
+export declare const tableClassNames: {
+    TABLE: string;
+    HEAD: string;
+    BODY: string;
+    FOOT: string;
+    HEAD_ROW: string;
+    HEAD_CELL: string;
+    BODY_ROW: string;
+    BODY_ROW_CLICKABLE: string;
+    BODY_ROW_EXPANDED: string;
+    BODY_CELL: string;
+    FOOT_ROW: string;
+    FOOT_CELL: string;
+    ROW_EMPTY: string;
+    ROW_EMPTY_CELL: string;
+    ROW_EXPANSION: string;
+    ROW_EXPANSION_CELL: string;
+    WRAPPER_SCROLLABLE: string;
+    WRAPPER_SHADOW_LEFT: string;
+    WRAPPER_SHADOW_RIGHT: string;
+    HIDDEN_SM: string;
+    HIDDEN_MD: string;
+    HIDDEN_LG: string;
+    CELL_OVERLAY_LINK: string;
+    CELL_LINK: string;
+};
+export declare const StyledTable: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const StyledHorizontallyScrollableTableWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(import('..').BoxProps & import('react').RefAttributes<HTMLElement>) & import('styled-components/dist/types').BaseObject, import('styled-components/dist/types').BaseObject>> & string & Omit<import('react').ForwardRefExoticComponent<import('..').BoxProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const StyledTableFooterWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<(import('..').BoxProps & import('react').RefAttributes<HTMLElement>) & import('styled-components/dist/types').BaseObject, import('styled-components/dist/types').BaseObject>> & string & Omit<import('react').ForwardRefExoticComponent<import('..').BoxProps & import('react').RefAttributes<HTMLElement>>, keyof import('react').Component<any, {}, any>>;
+//# sourceMappingURL=table.styled.d.ts.map

package/dist/components/table/table.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.styled.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.styled.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;CAmC3B,CAAC;AAEF,eAAO,MAAM,WAAW,sOA0GvB,CAAC;AAEF,eAAO,MAAM,wCAAwC,kdA4CpD,CAAC;AAEF,eAAO,MAAM,wBAAwB,kdAOpC,CAAC"}

package/dist/components/table/table.styled.js

@@ -0,0 +1,189 @@
+import { theme as e } from "../../design_system/theme.js";
+import { Box as t } from "../box/box.js";
+import n from "styled-components";
+//#region src/components/table/table.styled.ts
+var r = 5, i = {
+	TABLE: "Table",
+	HEAD: "Table-Head",
+	BODY: "Table-Body",
+	FOOT: "Table-Foot",
+	HEAD_ROW: "Table-Head-Row",
+	HEAD_CELL: "Table-Head-Cell",
+	BODY_ROW: "Table-Body-Row",
+	BODY_ROW_CLICKABLE: "Table-Body-Row_clickable",
+	BODY_ROW_EXPANDED: "Table-Body-Row_expanded",
+	BODY_CELL: "Table-Body-Cell",
+	FOOT_ROW: "Table-Foot-Row",
+	FOOT_CELL: "Table-Foot-Cell",
+	ROW_EMPTY: "Table-Row-Empty",
+	ROW_EMPTY_CELL: "Table-Row-Empty-Cell",
+	ROW_EXPANSION: "Table-Row-Expansion",
+	ROW_EXPANSION_CELL: "Table-Row-Expansion-Cell",
+	WRAPPER_SCROLLABLE: "Table-Scrollable-Content",
+	WRAPPER_SHADOW_LEFT: "Table-Scrollable-Shadow-Left",
+	WRAPPER_SHADOW_RIGHT: "Table-Scrollable-Shadow-Right",
+	HIDDEN_SM: "Table-Cell_hiddenSM",
+	HIDDEN_MD: "Table-Cell_hiddenMD",
+	HIDDEN_LG: "Table-Cell_hiddenLG",
+	CELL_OVERLAY_LINK: "Table-Cell-Overlay-Link",
+	CELL_LINK: "Table-Cell-Link"
+}, a = n.table`
+    position: relative;
+    border-collapse: separate;
+    border-spacing: 0;
+    min-width: 100%;
+
+    /* Head cell rounding */
+    .${i.HEAD_CELL}:first-child {
+        border-top-left-radius: ${e.radius.radius12};
+    }
+    .${i.HEAD_CELL}:last-child {
+        border-top-right-radius: ${e.radius.radius12};
+    }
+
+    /* Generic cell padding */
+    .${i.HEAD_CELL},
+        .${i.BODY_CELL},
+        .${i.ROW_EMPTY_CELL},
+        .${i.ROW_EXPANSION_CELL} {
+        padding: ${e.space.space8};
+        position: relative;
+    }
+
+    /* Head styling */
+    .${i.HEAD_CELL} {
+        position: sticky;
+        top: 0;
+        z-index: ${r};
+        height: 4rem;
+        background-color: ${e.color.neutral.backgroundMuted};
+        border-bottom: solid 1px ${e.color.neutral.separatorSubtle};
+        color: ${e.color.neutral.textMuted};
+    }
+
+    /* Body styling */
+    .${i.BODY_ROW}:hover {
+        background-color: ${e.color.neutral.hover};
+    }
+
+    .${i.BODY_ROW}:not(:first-child) .${i.BODY_CELL} {
+        border-top: solid 1px ${e.color.neutral.separatorSubtle};
+    }
+
+    .${i.BODY_ROW_CLICKABLE} {
+        cursor: pointer;
+    }
+
+    /* Foot styling */
+    .${i.FOOT_ROW}:not(:first-child) .${i.FOOT_CELL} {
+        border-top: solid 1px ${e.color.neutral.separatorSubtle};
+    }
+
+    /* Responsive hiding */
+    .${i.HIDDEN_SM} {
+        display: none !important;
+    }
+
+    @media ${e.device.tablet} {
+        .${i.HIDDEN_MD} {
+            display: none !important;
+        }
+    }
+
+    @media ${e.device.desktop} {
+        .${i.HIDDEN_LG} {
+            display: none !important;
+        }
+    }
+
+    /* Expansion row */
+    .${i.ROW_EXPANSION_CELL} {
+        border-top: solid 1px ${e.color.neutral.separatorSubtle};
+        box-shadow: inset 0rem 0.2rem 0.8rem -0.2rem ${e.color.neutral.separatorSubtle};
+    }
+
+    /* Nested links — see https://www.notion.so/apify/How-to-Nested-links-4863b883e9e1498b965531d946721926 */
+    .${i.CELL_OVERLAY_LINK} {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 0;
+        cursor: pointer;
+    }
+
+    .${i.CELL_LINK} {
+        position: relative;
+        z-index: 1;
+        color: ${e.color.neutral.text};
+        cursor: pointer;
+        /* Extra padding for easier clicking, compensated by negative margin */
+        padding: ${e.space.space4} ${e.space.space8};
+        margin: -${e.space.space4} -${e.space.space8};
+
+        &:hover {
+            z-index: 2;
+            color: ${e.color.primary.text};
+        }
+    }
+
+    /* Empty row */
+    .${i.ROW_EMPTY_CELL} {
+        text-align: center;
+        padding: ${e.space.space16};
+    }
+`, o = n(t)`
+    position: relative;
+    width: 100%;
+    background-color: ${e.color.neutral.background};
+    border: solid 1px ${e.color.neutral.separatorSubtle};
+    border-radius: ${e.radius.radius12};
+    overflow: hidden;
+
+    .${i.WRAPPER_SCROLLABLE} {
+        position: relative;
+        overflow-x: auto;
+        overflow-y: hidden;
+    }
+
+    &::before,
+    &::after {
+        content: '';
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        width: 1.6rem;
+        pointer-events: none;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+        z-index: ${6};
+    }
+
+    &::before {
+        left: 0;
+        background: linear-gradient(to right, ${e.color.neutral.separatorSubtle}, transparent);
+    }
+
+    &::after {
+        right: 0;
+        background: linear-gradient(to left, ${e.color.neutral.separatorSubtle}, transparent);
+    }
+
+    &.${i.WRAPPER_SHADOW_LEFT}::before {
+        opacity: 1;
+    }
+
+    &.${i.WRAPPER_SHADOW_RIGHT}::after {
+        opacity: 1;
+    }
+`, s = n(t)`
+    position: relative;
+    width: 100%;
+    background-color: ${e.color.neutral.backgroundMuted};
+    border-top: solid 1px ${e.color.neutral.separatorSubtle};
+    overflow-x: auto;
+    scrollbar-width: none;
+`;
+//#endregion
+export { o as StyledHorizontallyScrollableTableWrapper, a as StyledTable, s as StyledTableFooterWrapper, i as tableClassNames };

package/dist/components/table/table.test_ids.d.ts

@@ -0,0 +1,16 @@
+export declare const tableTestIds: {
+    TABLE: string;
+    HEAD: string;
+    HEAD_ROW: string;
+    HEAD_CELL: string;
+    BODY: string;
+    ROW: string;
+    CELL: string;
+    FOOT: string;
+    WRAPPER: string;
+    EMPTY_ROW: string;
+    LOADING_ROW: string;
+    ERROR_ROW: string;
+    EXPANSION_ROW: string;
+};
+//# sourceMappingURL=table.test_ids.d.ts.map

package/dist/components/table/table.test_ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.test_ids.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.test_ids.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;CAcxB,CAAC"}

package/dist/components/table/table.test_ids.js

@@ -0,0 +1,18 @@
+//#region src/components/table/table.test_ids.ts
+var e = {
+	TABLE: "table",
+	HEAD: "table-head",
+	HEAD_ROW: "table-head-row",
+	HEAD_CELL: "table-head-cell",
+	BODY: "table-body",
+	ROW: "table-row",
+	CELL: "table-cell",
+	FOOT: "table-foot",
+	WRAPPER: "table-wrapper",
+	EMPTY_ROW: "table-empty-row",
+	LOADING_ROW: "table-loading-row",
+	ERROR_ROW: "table-error-row",
+	EXPANSION_ROW: "table-expansion-row"
+};
+//#endregion
+export { e as tableTestIds };

package/dist/components/table/table.types.d.ts

@@ -0,0 +1,21 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { To } from '../link';
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement> & {
+    /** Apply clickable cursor style. Automatically set when `to` is provided. */
+    clickable?: boolean;
+    /** Apply expanded row style. */
+    expanded?: boolean;
+    /** Row-level navigation URL. Each `TableCell` inside will render an overlay link automatically. */
+    to?: To;
+};
+export type HorizontallyScrollableTableWrapperProps = {
+    children: ReactNode;
+    footer?: ReactNode;
+    className?: string;
+};
+export type TableExpansion = {
+    expandedId: string | null;
+    toggle: (id: string) => void;
+    isExpanded: (id: string) => boolean;
+};
+//# sourceMappingURL=table.types.d.ts.map

package/dist/components/table/table.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAElC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IAC9D,6EAA6E;IAC7E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,EAAE,CAAC,EAAE,EAAE,CAAC;CACX,CAAC;AAEF,MAAM,MAAM,uCAAuC,GAAG;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;CACvC,CAAC"}

package/dist/components/table/table_body.d.ts

@@ -0,0 +1,3 @@
+import { FC, HTMLAttributes } from 'react';
+export declare const TableBody: FC<HTMLAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=table_body.d.ts.map

package/dist/components/table/table_body.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_body.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_body.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAKhD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAEjE,CAAC"}

package/dist/components/table/table_body.js

@@ -0,0 +1,12 @@
+import { tableClassNames as e } from "./table.styled.js";
+import { tableTestIds as t } from "./table.test_ids.js";
+import { jsx as n } from "react/jsx-runtime";
+import r from "clsx";
+//#region src/components/table/table_body.tsx
+var i = ({ className: i, ...a }) => /* @__PURE__ */ n("tbody", {
+	"data-test": t.BODY,
+	className: r(e.BODY, i),
+	...a
+});
+//#endregion
+export { i as TableBody };

package/dist/components/table/table_cell.d.ts

@@ -0,0 +1,10 @@
+import { FC, TdHTMLAttributes } from 'react';
+import { LinkProps } from '../link';
+export declare const TableCell: FC<TdHTMLAttributes<HTMLTableCellElement>>;
+/**
+ * Inner link inside a cell whose row has a `to` prop (overlay link).
+ * Elevated above the row overlay via `z-index` so it remains clickable and hoverable.
+ * Includes extra padding (compensated by negative margin) for easier click targets.
+ */
+export declare const TableCellLink: FC<LinkProps>;
+//# sourceMappingURL=table_cell.d.ts.map

package/dist/components/table/table_cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table_cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table_cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,SAAS,CAAC;AAK/C,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAShE,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,SAAS,CAEvC,CAAC"}