@jamsrui/divider 0.0.2

package/README.md

@@ -0,0 +1,40 @@
+# 🚀 **JamsrUI**
+
+**A comprehensive React UI component library designed for developers, with Tailwind CSS integration for seamless styling.**
+
+
+## 📖 **Overview**
+
+[JamsrUI](https://jamsr-ui.jamsrworld.com) is designed to help developers build modern, fast and visually appealing web applications with ease.
+
+## 🚀 Getting Started 
+
+Boost & Build your websites using [JamsrUI](https://jamsr-ui.jamsrworld.com).
+
+## ✨ Features
+
+- 🚀 **Production-Ready**: Optimized for modern React projects.
+- 🎨 **Customizable**: Easily override styles and themes.
+- 🛠️ **Reusable Components**: Save time with prebuilt, efficient UI elements.
+- ⚡ **Developer-Friendly**: Simple API and well-documented usage.
+- 📦 **Lightweight**: Minimal dependencies for fast performance.
+- 🖥️ **Modern Design**: Clean, responsive, and user-friendly components.
+
+## 🌱 Community
+
+We’re thrilled to see the community actively engage with **JamsrUI**! Whether you're sharing feedback, reporting bugs, requesting features, or showcasing projects built with JamsrUI, your involvement helps us grow and improve.
+
+### How to Engage
+
+- 💬 **Report Bugs**: [GitHub Issues](https://github.com/jamsrworld/jamsr-ui/issues)
+- 🚀 **Request Features**: Share ideas for new components.
+- 🤝 **Showcase Projects**: Let us know how you use JamsrUI.
+
+## Contributing
+
+We welcome contributions from developers of all skill levels!
+
+## ⭐ Support the Project
+
+If you find **JamsrUI** helpful, consider giving it a ⭐ on [GitHub](https://github.com/jamsrworld/jamsr-ui).
+

package/dist/chunk-5TIOUT4L.mjs

@@ -0,0 +1 @@
+import{tv as r}from"@jamsrui/utils";var i="",a=r({slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-stroke-secondary"},dark:{divider:"bg-stroke-secondary"},default:{divider:"bg-stroke-primary"},gradient:{divider:"from-transparent via-[#989AA6]/[0.5] to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-gradient-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-gradient-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});export{i as a,a as b};

package/dist/chunk-65AQCZWD.mjs

@@ -0,0 +1 @@
+import{b as i}from"./chunk-5TIOUT4L.mjs";import{useCallback as p,useMemo as n}from"react";import{cn as m,dataAttrDev as P,mapPropsVariants as D,mergeProps as N}from"@jamsrui/utils";var x=v=>{let[l,c]=D(v,i.variantKeys),r=i(c),{classNames:s,slotProps:e,...o}=l,t=p(()=>({...o,"data-component":P("divider"),"data-slot":"root",className:r.root({className:m(s?.root,o.className)})}),[s?.root,o,r]),a=p(d=>({...N(e?.divider,d),"data-slot":"divider",className:r.divider({className:m(e?.divider?.className,s?.divider,d.className)})}),[s?.divider,e?.divider,r]);return n(()=>({getRootProps:t,getDividerProps:a}),[t,a])};export{x as a};

package/dist/chunk-D6NH2KRI.mjs

@@ -0,0 +1 @@
+import{b as t}from"./chunk-NU7HNFTG.mjs";import{a as n}from"./chunk-65AQCZWD.mjs";import{useRenderElement as c}from"@jamsrui/hooks";import{mergeConfigProps as v}from"@jamsrui/utils";var D=e=>{let r=t(),s=v(r,r,e),d=n(s),{getRootProps:p,getDividerProps:o}=d,{children:i}=e,m=React.createElement(React.Fragment,null,React.createElement("div",{...o({})}),!!i&&React.createElement(React.Fragment,null,i,React.createElement("div",{...o({})})));return c("div",{props:[p({}),{children:m}]})};export{D as a};

package/dist/chunk-HZZZ2FIE.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var[r,e]=_utils.createConfigContext.call(void 0, {displayName:"DividerConfig"});exports.a = r; exports.b = e;

package/dist/chunk-NU7HNFTG.mjs

@@ -0,0 +1 @@
+import{createConfigContext as i}from"@jamsrui/utils";var[r,e]=i({displayName:"DividerConfig"});export{r as a,e as b};

package/dist/chunk-O3EGLMGJ.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkSRJCOHXDjs = require('./chunk-SRJCOHXD.js');var _react = require('react');var _utils = require('@jamsrui/utils');var x=v=>{let[l,c]=_utils.mapPropsVariants.call(void 0, v,_chunkSRJCOHXDjs.b.variantKeys),r=_chunkSRJCOHXDjs.b.call(void 0, c),{classNames:s,slotProps:e,...o}=l,t=_react.useCallback.call(void 0, ()=>({...o,"data-component":_utils.dataAttrDev.call(void 0, "divider"),"data-slot":"root",className:r.root({className:_utils.cn.call(void 0, _optionalChain([s, 'optionalAccess', _ => _.root]),o.className)})}),[_optionalChain([s, 'optionalAccess', _2 => _2.root]),o,r]),a=_react.useCallback.call(void 0, d=>({..._utils.mergeProps.call(void 0, _optionalChain([e, 'optionalAccess', _3 => _3.divider]),d),"data-slot":"divider",className:r.divider({className:_utils.cn.call(void 0, _optionalChain([e, 'optionalAccess', _4 => _4.divider, 'optionalAccess', _5 => _5.className]),_optionalChain([s, 'optionalAccess', _6 => _6.divider]),d.className)})}),[_optionalChain([s, 'optionalAccess', _7 => _7.divider]),_optionalChain([e, 'optionalAccess', _8 => _8.divider]),r]);return _react.useMemo.call(void 0, ()=>({getRootProps:t,getDividerProps:a}),[t,a])};exports.a = x;

package/dist/chunk-SRJCOHXD.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _utils = require('@jamsrui/utils');var i="",a= exports.b =_utils.tv.call(void 0, {slots:{root:"flex items-center gap-2",divider:""},variants:{orientation:{vertical:{root:"flex-col",divider:"h-full w-px"},horizontal:{divider:"h-px w-full"}},variant:{light:{divider:"bg-stroke-secondary"},dark:{divider:"bg-stroke-secondary"},default:{divider:"bg-stroke-primary"},gradient:{divider:"from-transparent via-[#989AA6]/[0.5] to-transparent"}}},compoundVariants:[{orientation:"horizontal",variant:"gradient",className:{divider:"bg-gradient-to-r"}},{orientation:"vertical",variant:"gradient",className:{divider:"bg-gradient-to-b"}}],defaultVariants:{variant:"default",orientation:"horizontal",color:"default"}});exports.a = i; exports.b = a;

package/dist/chunk-ZYIIUDSK.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');var _chunkO3EGLMGJjs = require('./chunk-O3EGLMGJ.js');var _hooks = require('@jamsrui/hooks');var _utils = require('@jamsrui/utils');var D=e=>{let r=_chunkHZZZ2FIEjs.b.call(void 0, ),s=_utils.mergeConfigProps.call(void 0, r,r,e),d=_chunkO3EGLMGJjs.a.call(void 0, s),{getRootProps:p,getDividerProps:o}=d,{children:i}=e,m=React.createElement(React.Fragment,null,React.createElement("div",{...o({})}),!!i&&React.createElement(React.Fragment,null,i,React.createElement("div",{...o({})})));return _hooks.useRenderElement.call(void 0, "div",{props:[p({}),{children:m}]})};exports.a = D;

package/dist/divider-config.d.mts

@@ -0,0 +1,15 @@
+import { Divider } from './divider.mjs';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+
+declare const useDividerConfig: () => DividerConfig.Props;
+declare const DividerConfig: (props: DividerConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace DividerConfig {
+    interface Props extends Divider.Props, GlobalConfigProps<Divider.Props> {
+    }
+}
+
+export { DividerConfig, useDividerConfig };

package/dist/divider-config.d.ts

@@ -0,0 +1,15 @@
+import { Divider } from './divider.js';
+import * as react from 'react';
+import { GlobalConfigProps } from '@jamsrui/core';
+import '@jamsrui/utils';
+
+declare const useDividerConfig: () => DividerConfig.Props;
+declare const DividerConfig: (props: DividerConfig.Props & {
+    merge?: boolean;
+}) => react.JSX.Element;
+declare namespace DividerConfig {
+    interface Props extends Divider.Props, GlobalConfigProps<Divider.Props> {
+    }
+}
+
+export { DividerConfig, useDividerConfig };

package/dist/divider-config.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');exports.DividerConfig = _chunkHZZZ2FIEjs.a; exports.useDividerConfig = _chunkHZZZ2FIEjs.b;

package/dist/divider-config.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-NU7HNFTG.mjs";export{a as DividerConfig,b as useDividerConfig};

package/dist/divider.d.mts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const Divider: (props: Divider.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Divider {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { Divider };

package/dist/divider.d.ts

@@ -0,0 +1,10 @@
+import * as react from 'react';
+import { UIProps } from '@jamsrui/utils';
+
+declare const Divider: (props: Divider.Props) => react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
+declare namespace Divider {
+    interface Props extends UIProps<"div"> {
+    }
+}
+
+export { Divider };

package/dist/divider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkZYIIUDSKjs = require('./chunk-ZYIIUDSK.js');require('./chunk-HZZZ2FIE.js');require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.Divider = _chunkZYIIUDSKjs.a;

package/dist/divider.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-D6NH2KRI.mjs";import"./chunk-NU7HNFTG.mjs";import"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{a as Divider};

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+export { Divider } from './divider.mjs';
+export { DividerConfig, useDividerConfig } from './divider-config.mjs';
+import 'react';
+import '@jamsrui/utils';
+import '@jamsrui/core';

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export { Divider } from './divider.js';
+export { DividerConfig, useDividerConfig } from './divider-config.js';
+import 'react';
+import '@jamsrui/utils';
+import '@jamsrui/core';

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkZYIIUDSKjs = require('./chunk-ZYIIUDSK.js');var _chunkHZZZ2FIEjs = require('./chunk-HZZZ2FIE.js');require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.Divider = _chunkZYIIUDSKjs.a; exports.DividerConfig = _chunkHZZZ2FIEjs.a; exports.useDividerConfig = _chunkHZZZ2FIEjs.b;

package/dist/index.mjs

@@ -0,0 +1 @@
+"use client";import{a as r}from"./chunk-D6NH2KRI.mjs";import{a as i,b as e}from"./chunk-NU7HNFTG.mjs";import"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{r as Divider,i as DividerConfig,e as useDividerConfig};

package/dist/styles.d.mts

@@ -0,0 +1,90 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const dividerVariants: tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, {
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, unknown, unknown, undefined>>;
+type DividerVariants = VariantProps<typeof dividerVariants>;
+type DividerSlots = keyof ReturnType<typeof dividerVariants>;
+
+export { type DividerSlots, type DividerVariants, dividerVariants, test };

package/dist/styles.d.ts

@@ -0,0 +1,90 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from '@jamsrui/utils';
+
+declare const test = "";
+declare const dividerVariants: tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, {
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, tailwind_variants.TVReturnType<{
+    orientation: {
+        vertical: {
+            root: string;
+            divider: string;
+        };
+        horizontal: {
+            divider: string;
+        };
+    };
+    variant: {
+        light: {
+            divider: string;
+        };
+        dark: {
+            divider: string;
+        };
+        default: {
+            divider: string;
+        };
+        gradient: {
+            divider: string;
+        };
+    };
+}, {
+    root: string;
+    divider: string;
+}, undefined, unknown, unknown, undefined>>;
+type DividerVariants = VariantProps<typeof dividerVariants>;
+type DividerSlots = keyof ReturnType<typeof dividerVariants>;
+
+export { type DividerSlots, type DividerVariants, dividerVariants, test };

package/dist/styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkSRJCOHXDjs = require('./chunk-SRJCOHXD.js');exports.dividerVariants = _chunkSRJCOHXDjs.b; exports.test = _chunkSRJCOHXDjs.a;

package/dist/styles.mjs

@@ -0,0 +1 @@
+import{a,b}from"./chunk-5TIOUT4L.mjs";export{b as dividerVariants,a as test};

package/dist/use-divider.d.mts

@@ -0,0 +1,20 @@
+import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { Divider } from './divider.mjs';
+import { DividerVariants, DividerSlots } from './styles.mjs';
+import 'react';
+import 'tailwind-variants';
+
+declare const useDivider: (props: useDivider.Props) => {
+    getRootProps: PropGetter<Divider.Props>;
+    getDividerProps: PropGetter<Divider.Props>;
+};
+declare namespace useDivider {
+    interface Props extends UIProps<"div">, DividerVariants {
+        classNames?: SlotsToClassNames<DividerSlots>;
+        slotProps?: {
+            divider?: UIProps<"div">;
+        };
+    }
+}
+
+export { useDivider };

package/dist/use-divider.d.ts

@@ -0,0 +1,20 @@
+import { PropGetter, UIProps, SlotsToClassNames } from '@jamsrui/utils';
+import { Divider } from './divider.js';
+import { DividerVariants, DividerSlots } from './styles.js';
+import 'react';
+import 'tailwind-variants';
+
+declare const useDivider: (props: useDivider.Props) => {
+    getRootProps: PropGetter<Divider.Props>;
+    getDividerProps: PropGetter<Divider.Props>;
+};
+declare namespace useDivider {
+    interface Props extends UIProps<"div">, DividerVariants {
+        classNames?: SlotsToClassNames<DividerSlots>;
+        slotProps?: {
+            divider?: UIProps<"div">;
+        };
+    }
+}
+
+export { useDivider };

package/dist/use-divider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkO3EGLMGJjs = require('./chunk-O3EGLMGJ.js');require('./chunk-SRJCOHXD.js');exports.useDivider = _chunkO3EGLMGJjs.a;

package/dist/use-divider.mjs

@@ -0,0 +1 @@
+import{a}from"./chunk-65AQCZWD.mjs";import"./chunk-5TIOUT4L.mjs";export{a as useDivider};

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@jamsrui/divider",
+  "version": "0.0.2",
+  "peerDependencies": {
+    "react": ">=19"
+  },
+  "dependencies": {
+    "@jamsrui/hooks": "^0.0.2",
+    "@jamsrui/core": "^0.0.2",
+    "@jamsrui/utils": "^0.0.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "description": "A modern and beautiful Next.js UI components library.",
+  "keywords": [
+    "react",
+    "ui",
+    "UI components",
+    "Next.js",
+    "React",
+    "JamsrUI",
+    "jamsr-ui",
+    "TypeScript"
+  ],
+  "sideEffects": false,
+  "license": "MIT",
+  "author": "@jamsrworld",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/jamsrworld/jamsr-ui"
+  },
+  "bugs": {
+    "url": "https://github.com/jamsrworld/jamsr-ui/issues"
+  },
+  "homepage": "https://jamsr-ui.jamsrworld.com",
+  "files": [
+    "dist",
+    "README",
+    "README.md",
+    "package.json",
+    "LICENSE"
+  ]
+}