@orfium/ictinus 5.46.1 → 5.46.3

package/README.md

@@ -1,101 +1,64 @@
 # Ictinus
 
-An internal UI kit library that is opinionated. Primary focus is to solve UI duplications and provide a unified and cross product UX, UI and accessibility.
+React implementation of Orfium's Ictinus Design System.
 
-<hr />
+## Installation
 
-![npm](https://img.shields.io/npm/v/@orfium/ictinus)
-[![pan](https://github.com/Orfium/orfium-ictinus/workflows/CI/badge.svg)](https://github.com/Orfium/orfium-ictinus/actions)
-![min size](https://img.shields.io/bundlephobia/min/@orfium/ictinus)
-![minzip size](https://img.shields.io/bundlephobia/minzip/@orfium/ictinus)
+Install the package using your package manager of choice:
 
-## 📦 Installation
-
-```text
-$ npm install @orfium/ictinus
-```
-
-```text
-$ yarn add @orfium/ictinus
-```
-
-Please note that react >= 16.0.0 and react-dom >= 16.0.0 are peer dependencies. Also that emotion 11 is being used and that
-will not work in older emotion projects.
-
-if you want the next version you can always use the next tag.
-Remember: this is a release candidate, we encourage you to lock version on installation to avoid any changes
-
-```text
-$ yarn add @orfium/ictinus@next
+```sh
+pnpm install @orfium/ictinus
 ```
 
-## 🔨 Usage
-
-1. Import the CSS styles at the top of your main entry file (e.g., `main.tsx` or `index.tsx`)
+## Getting Started
 
-```js
-import '@orfium/ictinus/styles.css';
-```
+### 1. Add the Provider
 
-2. Start by wrapping your App with ictinus `ThemeProvider` component like below
+Wrap your application with `ThemeProvider` and `VanillaThemeProvider`:
 
 ```jsx
 import { ThemeProvider } from '@orfium/ictinus';
-
-const App = () => (
-  <ThemeProvider>
-    <Router>...</Router>
-  </ThemeProvider>
-);
+import { ThemeProvider as VanillaThemeProvider } from '@orfium/ictinus/vanilla';
+
+export function App() {
+  return (
+    <ThemeProvider>
+      <VanillaThemeProvider>{/* Your app code here */}</VanillaThemeProvider>
+    </ThemeProvider>
+  );
+}
 ```
 
-3.  That's it, now you are ready to go.
-
-```js
-import { Select, Button } from '@orfium/ictinus';
-```
+### 3. Use Components
 
-## ✨ Extra
-
-### Theme usage
-
-Now you can can have access to the library's theme config by using the hook provided
+Import and use components in your application:
 
+```jsx
+import { Box, Button } from '@orfium/ictinus/vanilla';
+
+export function MyComponent() {
+  return (
+    <Box display="flex" alignItems="start" flexDirection="column">
+      <Button>Submit</Button>
+    </Box>
+  );
+}
 ```
-import { useTheme } from '@orfium/ictinus';
 
-const theme = useTheme();
-```
+## Migrating from Emotion to Vanilla CSS
 
-### Theme config
+Components are gradually moving from Emotion (`@orfium/ictinus`) to Vanilla Extract (`@orfium/ictinus/vanilla`); switch imports per component and keep both theme providers until Ictinus no longer uses Emotion.
 
-You can apply your own branded colours for each product at the definition of the ThemeProvider. This way you can have access everywhere.
+## Documentation
 
-```
-<ThemeProvider>
-    ...
-</ThemeProvider>
-```
+For comprehensive guides, component API reference, and more examples:
 
-### Emotion Project - Merge theme configs from different providers
+- [Storybook](https://designlab.orfium.com/)
 
-If you are already using emotion and you have defined a different provider you still have to define Ictinus ThemeProvider as well. You must put the theme config example at the top of the providers and yours afterwards.
+## Contributing
 
-Then you must use the below function to create a new theme config for the second provider
+See the [main repository](https://github.com/Orfium/orfium-ictinus) for contribution guidelines.
 
-```
-export const defaultTheme = (ancestorTheme: IctinusTheme) => ({
-  ...ancestorTheme,
-  ...theme,
-});
-```
-
-The final outcome will look like this.
+## License
 
-```
-<IctinusThemeProvider>
-  <ThemeProvider theme={defaultTheme}>
-    ....
-  </ThemeProvider>
-</IctinusThemeProvider>
-```
+Apache-2.0

package/dist/components/Controls/CheckBox/CheckBox.js

@@ -2,11 +2,11 @@ import { jsxs as d, jsx as t } from "@emotion/react/jsx-runtime";
 import $ from "react";
 import { Checkbox as u } from "react-aria-components";
 import { vars as m } from "@orfium/tokens";
-import { checkboxStyles as C, checkboxWrapperStyles as I } from "./CheckBox.style.js";
+import C from "../ControlLabel/ControlHelpText.js";
+import I from "../ControlLabel/ControlLabelText.js";
+import { checkboxStyles as T, checkboxWrapperStyles as g } from "./CheckBox.style.js";
 import s from "../../Box/Box.js";
-import T from "../../Icon/Icon.js";
-import g from "../ControlLabel/ControlLabelText.js";
-import y from "../ControlLabel/ControlHelpText.js";
+import y from "../../Icon/Icon.js";
 const j = $.forwardRef((p, f) => {
   const {
     id: x,
@@ -24,18 +24,18 @@ const j = $.forwardRef((p, f) => {
     helpText: c,
     sx: _
   } = b;
-  return /* @__PURE__ */ d("div", { css: I({
+  return /* @__PURE__ */ d("div", { css: g({
     sx: _
   }), children: [
-    /* @__PURE__ */ t(u, { id: x, css: C(), isSelected: a, onChange: h, isIndeterminate: o, isDisabled: l, value: e, ref: f, "data-testid": `${r}${e ? `_${e}` : ""}_checkbox`, children: /* @__PURE__ */ d(s, { display: "flex", alignItems: "center", gap: "5", flexDirection: i === "left" ? "row-reverse" : "row", justifyContent: i === "left" ? "space-between" : "unset", children: [
-      /* @__PURE__ */ t(s, { "data-role": "checkbox-icon", children: /* @__PURE__ */ t(T, { name: o ? "minus" : "check", size: m.sizing[5], color: m.color.text.inverted.primary, dataTestId: `${r}${e ? `_${e}` : ""}_${o ? "minus" : a ? "checkmark" : "unselected"}` }) }),
-      n && /* @__PURE__ */ t(g, { size: k, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: n })
+    /* @__PURE__ */ t(u, { id: x, css: T(), isSelected: a, onChange: h, isIndeterminate: o, isDisabled: l, value: e, ref: f, "data-testid": `${r}${e ? `_${e}` : ""}_checkbox`, children: /* @__PURE__ */ d(s, { display: "flex", alignItems: "center", gap: "5", flexDirection: i === "left" ? "row-reverse" : "row", justifyContent: i === "left" ? "space-between" : "unset", children: [
+      /* @__PURE__ */ t(s, { "data-role": "checkbox-icon", children: /* @__PURE__ */ t(y, { name: o ? "minus" : "check", size: m.sizing[5], color: m.color.text.inverted.primary, dataTestId: `${r}${e ? `_${e}` : ""}_${o ? "minus" : a ? "checkmark" : "unselected"}` }) }),
+      n && /* @__PURE__ */ t(I, { size: k, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: n })
     ] }) }),
     c && /* @__PURE__ */ t(s, { ...i === "left" ? {
       pr: "9"
     } : {
       pl: "9"
-    }, "data-disabled": l, children: /* @__PURE__ */ t(y, { helpText: c, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: c }) })
+    }, "data-disabled": l, children: /* @__PURE__ */ t(C, { helpText: c, dataTestPrefixId: `${r}_checkbox_${e?.split(" ").join("_")}`, children: c }) })
   ] });
 });
 j.displayName = "CheckBox";

package/dist/components/Controls/Radio/Radio.js

@@ -2,11 +2,11 @@ import { jsxs as c, jsx as e } from "@emotion/react/jsx-runtime";
 import $ from "../../../hooks/useCombinedRefs.js";
 import * as m from "react";
 import { useRadio as j, useFocusRing as g, VisuallyHidden as I, mergeProps as y } from "react-aria";
-import { radioContainerStyles as v } from "./Radio.style.js";
-import { useRadioGroupContent as F } from "./components/RadioGroup/RadioGroupContext.js";
-import H from "../ControlLabel/ControlLabelText.js";
-import S from "../../Box/Box.js";
-import V from "../ControlLabel/ControlHelpText.js";
+import v from "../ControlLabel/ControlHelpText.js";
+import F from "../ControlLabel/ControlLabelText.js";
+import { radioContainerStyles as H } from "./Radio.style.js";
+import { useRadioGroupContent as S } from "./components/RadioGroup/RadioGroupContext.js";
+import V from "../../Box/Box.js";
 const w = m.forwardRef((o, f) => {
   const {
     id: p,
@@ -19,7 +19,7 @@ const w = m.forwardRef((o, f) => {
     size: x = "normal",
     helpText: r,
     sx: R
-  } = u, d = m.useRef(null), b = $(d, f), n = F(), _ = j(o, n ?? {}, d), {
+  } = u, d = m.useRef(null), b = $(d, f), n = S(), _ = j(o, n ?? {}, d), {
     inputProps: h,
     isSelected: P,
     isDisabled: l
@@ -27,20 +27,20 @@ const w = m.forwardRef((o, f) => {
     isFocusVisible: C,
     focusProps: T
   } = g();
-  return /* @__PURE__ */ c("div", { "data-testid": `${t}_radio_${i.split(" ").join("_")}_container`, css: v({
+  return /* @__PURE__ */ c("div", { "data-testid": `${t}_radio_${i.split(" ").join("_")}_container`, css: H({
     placement: a,
     sx: R,
     isFocusVisible: C
   }), children: [
     /* @__PURE__ */ c("label", { "data-selected": P, "data-disabled": l, children: [
       /* @__PURE__ */ e(I, { children: /* @__PURE__ */ e("input", { id: p, ...y(h, T), ref: b, tabIndex: 0 }) }),
-      s && /* @__PURE__ */ e(H, { size: x, dataTestPrefixId: `${t}_radio_${i?.split(" ").join("_")}`, children: s })
+      s && /* @__PURE__ */ e(F, { size: x, dataTestPrefixId: `${t}_radio_${i?.split(" ").join("_")}`, children: s })
     ] }),
-    r && /* @__PURE__ */ e(S, { ...a === "left" ? {
+    r && /* @__PURE__ */ e(V, { ...a === "left" ? {
       pr: "9"
     } : {
       pl: "9"
-    }, "data-disabled": l, children: /* @__PURE__ */ e(V, { helpText: r, dataTestPrefixId: `${t}_radio_${i?.split(" ").join("_")}`, children: r }) })
+    }, "data-disabled": l, children: /* @__PURE__ */ e(v, { helpText: r, dataTestPrefixId: `${t}_radio_${i?.split(" ").join("_")}`, children: r }) })
   ] });
 });
 w.displayName = "Radio";

package/dist/components/Controls/Switch/Switch.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
 import * as b from "react";
 import { Switch as g } from "react-aria-components";
+import y from "../ControlLabel/ControlHelpText.js";
+import S from "../ControlLabel/ControlLabelText.js";
 import { rem as c } from "polished";
-import { switchStyles as y, switchWrapperStyles as S } from "./Switch.style.js";
+import { switchStyles as T, switchWrapperStyles as $ } from "./Switch.style.js";
 import o from "../../Box/Box.js";
-import T from "../ControlLabel/ControlLabelText.js";
-import $ from "../ControlLabel/ControlHelpText.js";
 const C = b.forwardRef((m, p) => {
   const {
     id: f,
@@ -23,10 +23,10 @@ const C = b.forwardRef((m, p) => {
     helpText: s,
     sx: v
   } = w;
-  return /* @__PURE__ */ a("div", { css: S({
+  return /* @__PURE__ */ a("div", { css: $({
     sx: v
   }), children: [
-    /* @__PURE__ */ e(g, { id: f, value: i, isSelected: h, isDisabled: d, onChange: x, css: y({
+    /* @__PURE__ */ e(g, { id: f, value: i, isSelected: h, isDisabled: d, onChange: x, css: T({
       placement: t
     }), "data-testid": `${l}${i ? `_${i}` : ""}_switch`, ref: p, excludeFromTabOrder: r, "aria-hidden": r || void 0, style: r ? {
       pointerEvents: "none"
@@ -35,7 +35,7 @@ const C = b.forwardRef((m, p) => {
         /* @__PURE__ */ e("div", { className: "bar" }),
         /* @__PURE__ */ e("div", { className: "indicator" })
       ] }),
-      n && /* @__PURE__ */ e(T, { size: u, dataTestPrefixId: `${l}_switch_${i?.split(" ").join("_")}`, children: n })
+      n && /* @__PURE__ */ e(S, { size: u, dataTestPrefixId: `${l}_switch_${i?.split(" ").join("_")}`, children: n })
     ] }) }),
     s && /* @__PURE__ */ e(
       o,
@@ -46,7 +46,7 @@ const C = b.forwardRef((m, p) => {
           paddingLeft: c(48)
         },
         "data-disabled": d,
-        children: /* @__PURE__ */ e($, { helpText: s, children: s })
+        children: /* @__PURE__ */ e(y, { helpText: s, children: s })
       }
     )
   ] });

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@orfium/ictinus",
-  "version": "5.46.1",
+  "version": "5.46.3",
   "type": "module",
   "types": "./dist/index.d.ts",
   "exports": {
@@ -37,7 +37,7 @@ declare const _default: {
   "devDependencies": {
     "@emotion/babel-plugin": "^11.13.5",
     "@emotion/hash": "^0.9.2",
-    "@emotion/jest": "^11.13.0",
+    "@emotion/jest": "^11.14.2",
     "@emotion/react": "^11.14.0",
     "@emotion/serialize": "^1.3.3",
     "@emotion/styled": "^11.14.1",
@@ -60,13 +60,13 @@ declare const _default: {
     "@types/recharts": "^1.8.25",
     "@types/styled-components": "^5.1.7",
     "@vanilla-extract/css": "^1.17.4",
-    "@vanilla-extract/rollup-plugin": "^1.4.1",
+    "@vanilla-extract/rollup-plugin": "^1.5.3",
     "@vanilla-extract/vite-plugin": "^5.1.1",
     "@vitejs/plugin-react": "^4.1.0",
     "@vitest/coverage-v8": "catalog:",
     "fast-glob": "^3.3.2",
     "globals": "^16.3.0",
-    "jsdom": "^25.0.0",
+    "jsdom": "catalog:",
     "postcss-pxtorem": "^6.1.0",
     "prettier": "^3.5.3",
     "prettier-plugin-organize-imports": "^4.1.0",
@@ -78,9 +78,8 @@ declare const _default: {
     "rollup-plugin-typescript-paths": "^1.5.0",
     "styled-components": "^5.2.0",
     "vite": "catalog:",
-    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-dts": "catalog:",
     "vite-plugin-svgr": "^4.5.0",
-    "vite-plugin-turbosnap": "^1.0.3",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "catalog:"
   },
@@ -95,8 +94,8 @@ declare const _default: {
     "@vanilla-extract/sprinkles": "^1.6.5",
     "clsx": "^2.1.1",
     "dayjs": "^2.0.0-alpha.4",
-    "jscodeshift": "^0.15.1",
-    "lodash-es": "^4.17.21",
+    "jscodeshift": "^17.3.0",
+    "lodash-es": "^4.18.1",
     "pluralize": "^8.0.0",
     "polished": "^4.3.1",
     "react-aria": "^3.43.1",
@@ -105,7 +104,7 @@ declare const _default: {
     "react-highlight-words": "^0.20.0",
     "react-range": "^1.8.12",
     "react-responsive": "^10.0.0",
-    "react-stately": "^3.41.0",
+    "react-stately": "^3.47.0",
     "react-textarea-autosize": "^8.5.3",
     "react-tooltip": "^5.26.4",
     "react-window": "^1.8.6",

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const o = "5.46.1";
+const o = "5.46.3";
 export {
   o as version
 };

package/dist/src/data-table/DataTableCounter.d.ts

@@ -1,6 +1,6 @@
 import { BoxProps } from '../vanilla/Box';
 export type DataTableCounterProps = BoxProps<'div', {
-    count?: number;
+    count?: string | number;
     loading?: boolean;
     singular?: string;
     plural?: string;

package/dist/vanilla/Dropdown/Dropdown-css.js

@@ -1,8 +1,8 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var separator = createRuntimeFn({defaultClassName:'_1rtwblt h7v6rj',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var separator = createRuntimeFn({defaultClassName:'v0q06i _1cg06sp',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { separator };

package/dist/vanilla/Menu/Menu-css.js

@@ -1,10 +1,10 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Menu/Menu.css.ts.vanilla-BiDs6aJg.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Menu/Menu.css.ts.vanilla-CVpN1jhd.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var item = createRuntimeFn({defaultClassName:'_1vc68qv n1chak n4beuj _1uyvozv azlzcj _1mk0foa elp7lg x9uqob',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var menu = createRuntimeFn({defaultClassName:'_9ah6sj _4nsqnk xjvdge mzvs8u _1rgyqj0',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var item = createRuntimeFn({defaultClassName:'_198vaa1 _1so65v _100i4n5 _1v41yhj g7uqw6 _1avozg0 _1ut6hja _3bewb2',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var menu = createRuntimeFn({defaultClassName:'_7laaef _16q44a _11mgq85 _1wntux1 m324sn',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { item, menu };

package/dist/vanilla/Popover/Popover-css.js

@@ -1,10 +1,10 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Popover/Popover.css.ts.vanilla-DC5-_J3d.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Popover/Popover.css.ts.vanilla-BliQg-7B.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var arrow = createRuntimeFn({defaultClassName:'_13r7rzg',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var popover = createRuntimeFn({defaultClassName:'_2mbl5z z0zf5i oalsfk',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var arrow = createRuntimeFn({defaultClassName:'m8da6x',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var popover = createRuntimeFn({defaultClassName:'_1uxgqjw _1hkuxmy _1jpp5od',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { arrow, popover };

package/dist/vanilla/Table/Table-css.js

@@ -1,10 +1,10 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Table/Table.css.ts.vanilla-lytm_tFZ.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Table/Table.css.ts.vanilla-DGNmEwZ1.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var table = createRuntimeFn({defaultClassName:'_1snhmcs _64csw7 _10l00v7 _9l1uam',variantClassNames:{layout:{auto:'_1b9p6h4',fixed:'_1gi4dq1 zqdnpk'}},defaultVariants:{},compoundVariants:[]});
-var wrapper = createRuntimeFn({defaultClassName:'hjvlfx mzvs8u _2mbl5z _6fg6z9 _14khe2d _1im6tw _1gmu4z2 _1rtwblt z0zf5i _17iwxkd h7v6rj edzfeq',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var table = createRuntimeFn({defaultClassName:'_1yhdwqa _1ua2fj7 _1a7h6ig _1uqm1rf',variantClassNames:{layout:{auto:'_1g0pw5o',fixed:'_7hptpy _1o4n57g'}},defaultVariants:{},compoundVariants:[]});
+var wrapper = createRuntimeFn({defaultClassName:'_1kwy5a _1wntux1 _1uxgqjw _1tuq0g3 i8xpml _1pcjk1n _18b4ufr v0q06i _1hkuxmy uofh6r _1cg06sp _3i65d3',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { table, wrapper };

package/dist/vanilla/Table/TableBody-css.js

@@ -1,6 +1,6 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
-import './../assets/src/vanilla/Table/TableBody.css.ts.vanilla-Dy_Iita7.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
+import './../assets/src/vanilla/Table/TableBody.css.ts.vanilla-JTPKat5T.css';
 
-var body = '_2wkil5';
+var body = '_2q00r4';
 
 export { body };

package/dist/vanilla/Table/TableCell-css.js

@@ -1,10 +1,10 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Table/TableCell.css.ts.vanilla-C6cK2HG4.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Table/TableCell.css.ts.vanilla-B6ixJ8f9.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'z0zf5i h7v6rj _66w2uk',variantClassNames:{pinned:{false:'evq22o',true:'qc32fd'}},defaultVariants:{},compoundVariants:[]});
-var content = createRuntimeFn({defaultClassName:'_1snhmcs wud1lu rou362 _64csw7 _9ah6sj xjvdge h7v6rj xoukvs _1o90pbo',variantClassNames:{size:{sm:'_165s7ap',md:'prldqp',lg:'y13cb5',auto:'_9zjxn'},bordered:{true:'_1bo5gfc'}},defaultVariants:{},compoundVariants:[]});
+var cell = createRuntimeFn({defaultClassName:'_1hkuxmy _1cg06sp nhrv7z',variantClassNames:{pinned:{false:'_1s2ff2b',true:'tfmcz2'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_1yhdwqa _1lt1opo d28yzf _1ua2fj7 _7laaef _11mgq85 _1cg06sp _76pfqh _1m98u89',variantClassNames:{size:{sm:'_12t8plc',md:'_1cz0mg',lg:'oj7eq1',auto:'_1myo1by'},bordered:{true:'_1t4b4ah'}},defaultVariants:{},compoundVariants:[]});
 
 export { cell, content };

package/dist/vanilla/Table/TableFooter-css.js

@@ -1,7 +1,7 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
-import './../assets/src/vanilla/Table/TableFooter.css.ts.vanilla-CiPokl7E.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
+import './../assets/src/vanilla/Table/TableFooter.css.ts.vanilla-DouNXxnd.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var footer = createRuntimeFn({defaultClassName:'nii5sb',variantClassNames:{pinned:{false:'_71rygb',true:'nv9prb'}},defaultVariants:{},compoundVariants:[]});
+var footer = createRuntimeFn({defaultClassName:'pb30q8',variantClassNames:{pinned:{false:'_175toy',true:'_1iwuvzh'}},defaultVariants:{},compoundVariants:[]});
 
 export { footer };

package/dist/vanilla/Table/TableHeader-css.js

@@ -1,7 +1,7 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
-import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbAEIDI7.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
+import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbaYjp1H.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var header = createRuntimeFn({defaultClassName:'_1tz3xz4',variantClassNames:{pinned:{false:'_1poye9j',true:'ib8yob'}},defaultVariants:{},compoundVariants:[]});
+var header = createRuntimeFn({defaultClassName:'_1tn9fbh',variantClassNames:{pinned:{false:'_80pi3b',true:'_1uflg8h'}},defaultVariants:{},compoundVariants:[]});
 
 export { header };

package/dist/vanilla/Table/TableHeaderCell-css.js

@@ -1,12 +1,12 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbAEIDI7.css';
-import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CFVaangZ.css';
-import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-CFKYK8eI.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Table/TableHeader.css.ts.vanilla-CbaYjp1H.css';
+import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-pQwohxg9.css';
+import './../assets/src/vanilla/Table/TableHeaderCell.css.ts.vanilla-DgxMfERm.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var cell = createRuntimeFn({defaultClassName:'h7v6rj _1w4xf2p _19ehv1g',variantClassNames:{pinned:{false:'_1gy3313',true:'_1019y3t'}},defaultVariants:{},compoundVariants:[]});
-var content = createRuntimeFn({defaultClassName:'_1snhmcs wud1lu rou362 _1dj36iq _9ah6sj xjvdge xoukvs h7v6rj rfccc5',variantClassNames:{size:{sm:'_165s7ap',md:'prldqp',lg:'y13cb5'},bordered:{true:'osorqg'}},defaultVariants:{},compoundVariants:[]});
+var cell = createRuntimeFn({defaultClassName:'_1cg06sp _1g4ei91 _1hk3awx',variantClassNames:{pinned:{false:'_1vzmk6a',true:'s2tr9v'}},defaultVariants:{},compoundVariants:[]});
+var content = createRuntimeFn({defaultClassName:'_1yhdwqa _1lt1opo d28yzf lxlt7n _7laaef _11mgq85 _76pfqh _1cg06sp jxcabh',variantClassNames:{size:{sm:'_12t8plc',md:'_1cz0mg',lg:'oj7eq1'},bordered:{true:'smkpti'}},defaultVariants:{},compoundVariants:[]});
 
 export { cell, content };

package/dist/vanilla/Table/TableRow-css.js

@@ -1,9 +1,9 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-CFVaangZ.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Table/TableRow.css.ts.vanilla-pQwohxg9.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var row = createRuntimeFn({defaultClassName:'_2uazyc _1snhmcs ak7dln',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var row = createRuntimeFn({defaultClassName:'_1r3kr0f _1yhdwqa _1g0k45g',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
 
 export { row };

package/dist/vanilla/Text/Text-css.js

@@ -1,7 +1,7 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
-import './../assets/src/vanilla/Text/Text.css.ts.vanilla-Pi0pAZ7T.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
+import './../assets/src/vanilla/Text/Text.css.ts.vanilla-CueqDxuT.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var text = createRuntimeFn({defaultClassName:'q3ud4x',variantClassNames:{lineClamp:{'1':'_1suecji _1kob39z _27lpqg _10814po','2':'_1qw9grw _1kob39z _27lpqg _1rspkm4','3':'qt75g9 _1kob39z _27lpqg _1cu8z5x','4':'_1bwx9le _1kob39z _27lpqg _1xmtht6'},truncate:{true:'aoeq0s _1kob39z'}},defaultVariants:{},compoundVariants:[]});
+var text = createRuntimeFn({defaultClassName:'_1deen44',variantClassNames:{lineClamp:{'1':'ajvpzf zly3cw ucggkd _1yzs4dm','2':'_16je927 zly3cw ucggkd _1lp28s1','3':'j4s2kh zly3cw ucggkd _629uwx','4':'_1ohuvs4 zly3cw ucggkd nbjy49'},truncate:{true:'_6wujju zly3cw'}},defaultVariants:{},compoundVariants:[]});
 
 export { text };

package/dist/vanilla/Text/Text.js

@@ -8,22 +8,21 @@ import '../src/sprinkles/sprinkles.js';
 import { text } from './Text-css.js';
 
 const Slot = createSlot("@orfium/ictinus/Text");
-const Text = forwardRef(
-  ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
-    props = useSlotProps(props, "text");
-    const Comp = asChild ? Slot : "span";
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        asChild: true,
-        ref,
-        className: cn(text({ lineClamp, truncate }), className),
-        ...props,
-        children: /* @__PURE__ */ jsx(Comp, { children })
-      }
-    );
-  }
-);
+const Text = forwardRef((props, ref) => {
+  props = useSlotProps(props, "text");
+  const { asChild, children, className, lineClamp, truncate, ...restProps } = props;
+  const Comp = asChild ? Slot : "span";
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      asChild: true,
+      ref,
+      className: cn(text({ lineClamp, truncate }), className),
+      ...restProps,
+      children: /* @__PURE__ */ jsx(Comp, { children })
+    }
+  );
+});
 Text.displayName = "Text";
 
 export { Text };

package/dist/vanilla/Tooltip/Tooltip-css.js

@@ -1,12 +1,12 @@
-import './../assets/src/layers/layers.css.ts.vanilla-CtSIwWTL.css';
+import './../assets/src/layers/layers.css.ts.vanilla-BjlZOsbo.css';
 import './../assets/src/sprinkles/global.css.ts.vanilla-DRokxD0M.css';
-import './../assets/src/sprinkles/properties.css.ts.vanilla-BSZBeQXc.css';
-import './../assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-sco5O5JH.css';
+import './../assets/src/sprinkles/properties.css.ts.vanilla-C6TdO3Tq.css';
+import './../assets/src/vanilla/Tooltip/Tooltip.css.ts.vanilla-vBSgUBg5.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var arrow = createRuntimeFn({defaultClassName:'_34yibg',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var arrowInverse = createRuntimeFn({defaultClassName:'_16fnafj',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
-var arrowInverseBorder = '_1e82ifh';
-var tooltip = createRuntimeFn({defaultClassName:'_3856rh _9ah6sj _4nsqnk _2mbl5z grhyb9 _1wd5xlk',variantClassNames:{inverse:{true:'_14khe2d _1im6tw _1gmu4z2 _1rtwblt _3jac5p _64csw7 h7v6rj luvngb',false:'_1wptax6 _1okr0ee'}},defaultVariants:{},compoundVariants:[]});
+var arrow = createRuntimeFn({defaultClassName:'_1met05v',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var arrowInverse = createRuntimeFn({defaultClassName:'_1reqyxm',variantClassNames:{},defaultVariants:{},compoundVariants:[]});
+var arrowInverseBorder = 'j7nmlo';
+var tooltip = createRuntimeFn({defaultClassName:'_1nld2m6 _7laaef _16q44a _1uxgqjw _9epvvc ss1zsp',variantClassNames:{inverse:{true:'i8xpml _1pcjk1n _18b4ufr v0q06i _1glhgzu _1ua2fj7 _1cg06sp xapvts',false:'_1w38nz9 k9h2gz'}},defaultVariants:{},compoundVariants:[]});
 
 export { arrow, arrowInverse, arrowInverseBorder, tooltip };

package/dist/vanilla/assets/src/actions/ActionsContent.css.ts.vanilla-BFQ5ciJa.css

@@ -0,0 +1,22 @@
+@layer ictinus._4ux1m;
+@layer ictinus._4ux1m {
+  ._1zv0ga {
+    transition: opacity 150ms ease;
+  }
+  ._1l8637j:not(:has(._1l8637j)):focus-within ._1zv0ga, ._1zv0ga:is(:checked, [data-state=open], :has(:checked, [data-state=open], [aria-expanded=true])) {
+    opacity: 1;
+    transition: none;
+  }
+  ._1ercvru {
+    opacity: 1;
+  }
+  ._1p4sunk {
+    opacity: 0;
+  }
+  @media (hover: hover) {
+    ._1l8637j:not(:has(._1l8637j)):hover ._1zv0ga {
+      opacity: 1;
+      transition: none;
+    }
+  }
+}