@ornikar/bumper 3.12.0 → 3.13.0

package/dist/index-node-22.22.cjs.web.js

@@ -1360,6 +1360,58 @@ function SwitchBreakpoints(values) {
   return getValueForBreakpoint(breakpoint, values);
 }
 
+const InternalDividerFrame = core.styled(core.View, {
+  name: 'Divider',
+  alignSelf: 'stretch',
+  variants: {
+    type: {
+      subtle: {},
+      strong: {}
+    },
+    isVertical: {
+      true: (_, {
+        props
+      }) => ({
+        width: props.type === 'strong' ? 8 : 1
+      }),
+      false: (_, {
+        props
+      }) => ({
+        height: props.type === 'strong' ? 8 : 1
+      })
+    },
+    isOnContrasted: {
+      true: (_, {
+        props
+      }) => ({
+        backgroundColor: props.type === 'strong' ? '$divider.border.strong.onContrasted' : '$divider.border.subtle.onContrasted'
+      }),
+      false: (_, {
+        props
+      }) => ({
+        backgroundColor: props.type === 'strong' ? '$divider.border.strong' : '$divider.border.subtle'
+      })
+    }
+  },
+  defaultVariants: {
+    type: 'subtle',
+    isVertical: false,
+    isOnContrasted: false
+  }
+});
+const InternalDivider = InternalDividerFrame.styleable((props, ref) => {
+  const flattenProps = useProps(props);
+  return /*#__PURE__*/jsxRuntime.jsx(InternalDividerFrame, {
+    ref: ref,
+    ...flattenProps
+  });
+});
+function Divider(props) {
+  return /*#__PURE__*/jsxRuntime.jsx(InternalDivider, {
+    ...props
+  });
+}
+
 exports.Stack = core.Stack;
 exports.View = core.View;
 exports.Image = image.Image;
@@ -1369,6 +1421,7 @@ exports.Badge = Badge;
 exports.BumperProvider = BumperProvider;
 exports.Button = Button;
 exports.Center = Center;
+exports.Divider = Divider;
 exports.HStack = HStack;
 exports.IconButton = IconButton;
 exports.Loader = Loader;