@shmidko61/lc-ui-kit 0.11.0 → 0.12.0

package/dist/grid.js

@@ -1,59 +1,59 @@
 import { jsx as f } from "react/jsx-runtime";
 import { Box as $ } from "./box.js";
 import { a as w, c as y } from "./responsive-style.config-DFuATrIM.js";
-function N(t) {
-  const i = [], n = {}, l = {
-    md: t.md,
-    lg: t.lg,
-    xl: t.xl
+function N(i) {
+  const t = [], n = {}, l = {
+    md: i.md,
+    lg: i.lg,
+    xl: i.xl
   };
-  r(t, i, n);
+  r(i, t, n);
   for (const o of w) {
     const e = l[o];
-    e && r(
-      e,
-      i,
-      n,
-      `${o}:`,
-      `${o}-`
-    );
+    e && r(e, t, n, {
+      classPrefix: `${o}:`,
+      variablePrefix: `${o}-`
+    });
   }
   return {
-    className: i.join(" "),
+    className: t.join(" "),
     style: Object.keys(n).length > 0 ? n : void 0
   };
 }
-function r({ cols: t, gap: i }, n, l, o = "", e = "") {
-  if (t !== void 0) {
-    const c = `${e}grid-template-columns`;
-    l[`--${c}`] = `repeat(${t}, minmax(0, 1fr))`, n.push(
-      `${o}${s("grid-cols", `var(--${c})`)}`
+function r({ cols: i, gap: t }, n, l, {
+  classPrefix: o = "",
+  variablePrefix: e = ""
+} = {}) {
+  if (i !== void 0) {
+    const a = `${e}grid-template-columns`;
+    l[`--${a}`] = `repeat(${i}, minmax(0, 1fr))`, n.push(
+      `${o}${s("grid-cols", `var(--${a})`)}`
     );
   }
-  if (i !== void 0) {
-    const c = `${e}grid-gap`;
-    l[`--${c}`] = j(i), n.push(`${o}${s("gap", `var(--${c})`)}`);
+  if (t !== void 0) {
+    const a = `${e}grid-gap`;
+    l[`--${a}`] = j(t), n.push(`${o}${s("gap", `var(--${a})`)}`);
   }
 }
-function s(t, i) {
-  return [t, "-[", i, "]"].join("");
+function s(i, t) {
+  return [i, "-[", t, "]"].join("");
 }
-function j(t) {
-  return typeof t == "number" ? `${t}px` : t;
+function j(i) {
+  return typeof i == "number" ? `${i}px` : i;
 }
 function B({
-  children: t,
-  className: i,
+  children: i,
+  className: t,
   cols: n = 1,
   gap: l = 0,
   md: o,
   lg: e,
-  xl: c,
+  xl: a,
   style: d,
   ...g
 }) {
-  const a = N({ cols: n, gap: l, md: o, lg: e, xl: c }), u = m(o), h = m(e), v = m(c), x = a.style || d ? {
-    ...a.style,
+  const c = N({ cols: n, gap: l, md: o, lg: e, xl: a }), u = m(o), h = m(e), v = m(a), x = c.style || d ? {
+    ...c.style,
     ...d
   } : void 0;
   return /* @__PURE__ */ f(
@@ -61,44 +61,44 @@ function B({
     {
       ...g,
       display: "grid",
-      className: y(a.className, i),
+      className: y(c.className, t),
       md: u,
       lg: h,
       xl: v,
       style: x,
-      children: t
+      children: i
     }
   );
 }
-function C({ children: t, className: i, ...n }) {
-  return /* @__PURE__ */ f("div", { className: i, ...n, children: t });
+function C({ children: i, className: t, ...n }) {
+  return /* @__PURE__ */ f("div", { className: t, ...n, children: i });
 }
 const W = Object.assign(B, {
   Item: C
 });
-function m(t) {
-  if (t)
+function m(i) {
+  if (i)
     return {
-      aspectRatio: t.aspectRatio,
-      background: t.background,
-      backgroundColor: t.backgroundColor,
-      boxShadow: t.boxShadow,
-      color: t.color,
-      height: t.height,
-      maxHeight: t.maxHeight,
-      maxWidth: t.maxWidth,
-      minHeight: t.minHeight,
-      minWidth: t.minWidth,
-      m: t.m,
-      p: t.p,
-      opacity: t.opacity,
-      overflow: t.overflow,
-      overflowX: t.overflowX,
-      overflowY: t.overflowY,
-      pointerEvents: t.pointerEvents,
-      transform: t.transform,
-      transformOrigin: t.transformOrigin,
-      width: t.width
+      aspectRatio: i.aspectRatio,
+      background: i.background,
+      backgroundColor: i.backgroundColor,
+      boxShadow: i.boxShadow,
+      color: i.color,
+      height: i.height,
+      maxHeight: i.maxHeight,
+      maxWidth: i.maxWidth,
+      minHeight: i.minHeight,
+      minWidth: i.minWidth,
+      m: i.m,
+      p: i.p,
+      opacity: i.opacity,
+      overflow: i.overflow,
+      overflowX: i.overflowX,
+      overflowY: i.overflowY,
+      pointerEvents: i.pointerEvents,
+      transform: i.transform,
+      transformOrigin: i.transformOrigin,
+      width: i.width
     };
 }
 export {

package/dist/index.d.ts

@@ -1,10 +1,11 @@
 export * from './accordion/accordion';
-export type { BorderRadiusItem, BorderRadiusKeys, BorderRadiusSides, BorderWidthItem, BorderWidthSides, BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps, HoverStyleProps, PositionValue, UiKitAnyIndentationMargin, UiKitAnyIndentationPadding, UiKitArrayIndentation, UiKitAxisIndentationMargin, UiKitAxisIndentationPadding, UiKitBackgroundProps, UiKitBorderColor, UiKitBorderProps, UiKitBorderRadius, UiKitBorderWidth, UiKitCursorProps, UiKitDimensionProps, UiKitDisplayProps, UiKitIndentations, UiKitIndentationsProps, UiKitListStyleProps, UiKitMarginArrayIndentation, UiKitMarginIndentation, UiKitMixedXAxisIndentationMargin, UiKitMixedXAxisIndentationPadding, UiKitMixedYAxisIndentationMargin, UiKitMixedYAxisIndentationPadding, UiKitOutlineProps, UiKitPositionProps, } from './box/box';
+export type { BoxAs, BoxBackgroundValue, BoxBreakpointProps, BoxComponentProps, BoxProps, HoverStyleProps, StateStyleProps, } from './box/box';
 export { Box } from './box/box';
 export * from './button/button';
 export * from './design-tokens/color.tokens';
 export * from './design-tokens/typography.tokens';
-export * from './flex/flex';
+export type { FlexBreakpointProps, FlexProps, FlexResponsiveProps } from './flex/flex';
+export { Flex } from './flex/flex';
 export * from './grid/grid';
 export * from './icons/icons';
 export * from './input/input';