@udixio/ui-react 1.6.0 → 1.6.2

package/dist/lib/components/SideSheet.d.ts

@@ -0,0 +1,9 @@
+import { MotionProps } from '../utils';
+import { SideSheetInterface } from '../interfaces';
+/**
+ * Side sheets show secondary content anchored to the side of the screen
+ * @status beta
+ * @category Layout
+ */
+export declare const SideSheet: ({ variant, className, children, title, position, extended, divider, onExtendedChange, closeIcon, transition, ...rest }: MotionProps<SideSheetInterface>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SideSheet.d.ts.map

package/dist/lib/components/SideSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAUnD;;;;GAIG;AACH,eAAO,MAAM,SAAS,GAAI,wHAYvB,WAAW,CAAC,kBAAkB,CAAC,4CAmGjC,CAAC"}

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

@@ -9,7 +9,7 @@ export * from './IconButton';
 export * from './IconButton';
 export * from './ProgressIndicator';
 export * from './Slider';
-export * from './SlideSheet';
+export * from './SideSheet';
 export * from './Snackbar';
 export * from './Switch';
 export * from './Tab';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC"}

package/dist/lib/interfaces/index.d.ts

@@ -6,7 +6,7 @@ export * from './divider.interface';
 export * from './fab.interface';
 export * from './icon-button.interface';
 export * from './progress-indicator.interface';
-export * from './slide-sheet.interface';
+export * from './side-sheet.interface';
 export * from './slider.interface';
 export * from './snackbar.interface';
 export * from './switch.interface';

package/dist/lib/interfaces/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,qBAAqB,CAAC"}

package/dist/lib/interfaces/{slide-sheet.interface.d.ts → side-sheet.interface.d.ts}

@@ -1,6 +1,6 @@
 import { Transition } from 'motion';
 import { Icon } from '../icon';
-export interface SlideSheetInterface {
+export interface SideSheetInterface {
     type: 'div';
     props: {
         variant?: 'standard' | 'modal';
@@ -11,6 +11,7 @@ export interface SlideSheetInterface {
         onExtendedChange?: (extended: boolean) => void;
         transition?: Transition;
         closeIcon?: Icon;
+        divider?: boolean;
     };
     states: {
         isExtended: boolean;
@@ -26,4 +27,4 @@ export interface SlideSheetInterface {
         'overlay'
     ];
 }
-//# sourceMappingURL=slide-sheet.interface.d.ts.map
+//# sourceMappingURL=side-sheet.interface.d.ts.map

package/dist/lib/interfaces/side-sheet.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-sheet.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/side-sheet.interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,SAAS,CAAC,EAAE,IAAI,CAAC;QACjB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE;QACR,YAAY;QACZ,WAAW;QACX,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,SAAS;QACT,SAAS;KACV,CAAC;CACH"}

package/dist/lib/styles/index.d.ts

@@ -6,7 +6,7 @@ export * from './divider.style';
 export * from './fab.style';
 export * from './icon-button.style';
 export * from './progress-indicator.style';
-export * from './slide-sheet.style';
+export * from './side-sheet.style';
 export * from './slider.style';
 export * from './snackbar.style';
 export * from './switch.style';

package/dist/lib/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/lib/styles/{slide-sheet.style.d.ts → side-sheet.style.d.ts}

@@ -1,5 +1,5 @@
-import { SlideSheetInterface } from '../interfaces/slide-sheet.interface';
-export declare const slideSheetStyle: (states: {
+import { SideSheetInterface } from '../interfaces/side-sheet.interface';
+export declare const sideSheetStyle: (states: {
     variant: any;
     children: any;
     title: any;
@@ -8,6 +8,7 @@ export declare const slideSheetStyle: (states: {
     onExtendedChange: any;
     transition: any;
     closeIcon: any;
+    divider: any;
 } & {
     variant?: "standard" | "modal";
     children: React.ReactNode;
@@ -17,9 +18,10 @@ export declare const slideSheetStyle: (states: {
     onExtendedChange?: (extended: boolean) => void;
     transition?: import('motion').Transition;
     closeIcon?: import('..').Icon;
+    divider?: boolean;
 } & {
     isExtended: boolean;
 } & {
-    className: string | import('..').ClassNameComponent<SlideSheetInterface> | undefined;
+    className: string | import('..').ClassNameComponent<SideSheetInterface> | undefined;
 }) => Record<"container" | "content" | "header" | "title" | "overlay" | "divider" | "slideSheet" | "closeButton", string>;
-//# sourceMappingURL=slide-sheet.style.d.ts.map
+//# sourceMappingURL=side-sheet.style.d.ts.map

package/dist/lib/styles/side-sheet.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-sheet.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/side-sheet.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;yHA2B1B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,7 +36,7 @@
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "@udixio/theme": "1.2.0",
-    "@udixio/tailwind": "1.6.0"
+    "@udixio/tailwind": "1.7.1"
   },
   "repository": {
     "type": "git",

package/src/lib/components/{SlideSheet.tsx → SideSheet.tsx}

@@ -1,6 +1,6 @@
 import { MotionProps } from '../utils';
-import { SlideSheetInterface } from '../interfaces';
-import { slideSheetStyle } from '../styles';
+import { SideSheetInterface } from '../interfaces';
+import { sideSheetStyle } from '../styles';
 import { Divider } from './Divider';
 
 import { faXmark } from '@fortawesome/free-solid-svg-icons';
@@ -14,23 +14,24 @@ import { AnimatePresence, motion } from 'motion/react';
  * @status beta
  * @category Layout
  */
-export const SlideSheet = ({
+export const SideSheet = ({
   variant = 'standard',
   className,
   children,
   title,
   position = 'right',
   extended,
+  divider,
   onExtendedChange,
   closeIcon = faXmark,
   transition,
   ...rest
-}: MotionProps<SlideSheetInterface>) => {
+}: MotionProps<SideSheetInterface>) => {
   transition = { duration: 0.3, ...transition };
 
   const [isExtended, setIsExtended] = useState(extended ?? true);
 
-  const styles = slideSheetStyle({
+  const styles = sideSheetStyle({
     transition,
     title,
     position,
@@ -38,6 +39,7 @@ export const SlideSheet = ({
     className,
     children,
     onExtendedChange,
+    divider,
     isExtended,
     extended: isExtended,
     variant,
@@ -107,7 +109,11 @@ export const SlideSheet = ({
                 {children}
               </div>
             </motion.div>
-            <Divider className={styles.divider} orientation="vertical" />
+            {(divider == undefined && variant == 'standard'
+              ? true
+              : divider) && (
+              <Divider className={styles.divider} orientation="vertical" />
+            )}
           </div>
         )}
       </AnimatePresence>

package/src/lib/components/index.ts

@@ -9,7 +9,7 @@ export * from './IconButton';
 export * from './IconButton';
 export * from './ProgressIndicator';
 export * from './Slider';
-export * from './SlideSheet';
+export * from './SideSheet';
 export * from './Snackbar';
 export * from './Switch';
 export * from './Tab';

package/src/lib/interfaces/index.ts

@@ -6,7 +6,7 @@ export * from './divider.interface';
 export * from './fab.interface';
 export * from './icon-button.interface';
 export * from './progress-indicator.interface';
-export * from './slide-sheet.interface';
+export * from './side-sheet.interface';
 export * from './slider.interface';
 export * from './snackbar.interface';
 export * from './switch.interface';

package/src/lib/interfaces/{slide-sheet.interface.tsx → side-sheet.interface.tsx}

@@ -1,7 +1,7 @@
 import { Transition } from 'motion';
 import { Icon } from '../icon';
 
-export interface SlideSheetInterface {
+export interface SideSheetInterface {
   type: 'div';
   props: {
     variant?: 'standard' | 'modal';
@@ -12,6 +12,7 @@ export interface SlideSheetInterface {
     onExtendedChange?: (extended: boolean) => void;
     transition?: Transition;
     closeIcon?: Icon;
+    divider?: boolean;
   };
   states: { isExtended: boolean };
   elements: [

package/src/lib/styles/index.ts

@@ -6,7 +6,7 @@ export * from './divider.style';
 export * from './fab.style';
 export * from './icon-button.style';
 export * from './progress-indicator.style';
-export * from './slide-sheet.style';
+export * from './side-sheet.style';
 export * from './slider.style';
 export * from './snackbar.style';
 export * from './switch.style';

package/src/lib/styles/{slide-sheet.style.ts → side-sheet.style.ts}

@@ -1,14 +1,14 @@
 import { classNames, defaultClassNames } from '../utils';
-import { SlideSheetInterface } from '../interfaces/slide-sheet.interface';
+import { SideSheetInterface } from '../interfaces/side-sheet.interface';
 
-export const slideSheetStyle = defaultClassNames<SlideSheetInterface>(
+export const sideSheetStyle = defaultClassNames<SideSheetInterface>(
   'slideSheet',
   ({ variant, position }) => ({
     slideSheet: classNames(
       'bg-surface flex justify-between  max-w-xs z-10',
       {
         'flex-row-reverse': position == 'right',
-        'h-screen': variant == 'standard',
+        'h-full': variant == 'standard',
       },
       variant == 'modal' && [
         'rounded-2xl fixed top-0 m-[1rem] h-[calc(100dvh-2rem)]',

package/src/stories/containment/slide-sheet.stories.tsx

@@ -1,15 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/react';
-import {
-  MotionProps,
-  ReactProps,
-  SlideSheet,
-  SlideSheetInterface,
-} from '../../';
+import { MotionProps, ReactProps, SideSheet, SideSheetInterface } from '../../';
 
 // More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta = {
   title: 'containment/SlideSheet',
-  component: SlideSheet,
+  component: SideSheet,
   parameters: {
     // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
   },
@@ -17,7 +12,7 @@ const meta = {
   tags: ['autodocs'],
   // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
   argTypes: {},
-} satisfies Meta<typeof SlideSheet>;
+} satisfies Meta<typeof SideSheet>;
 
 export default meta;
 type Story = StoryObj<typeof meta>;
@@ -25,17 +20,17 @@ type Story = StoryObj<typeof meta>;
 // More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
 
 const createSlideSheetStory = (
-  variant: ReactProps<SlideSheetInterface>['variant'],
+  variant: ReactProps<SideSheetInterface>['variant'],
 ) => {
-  const SlideSheetStory: Story = (args: MotionProps<SlideSheetInterface>) => (
+  const SlideSheetStory: Story = (args: MotionProps<SideSheetInterface>) => (
     <>
       <div
         className={
           'bg-surface-container-highest h-screen w-full flex justify-between'
         }
       >
-        <SlideSheet position={'left'} {...args}></SlideSheet>
-        <SlideSheet position={'right'} {...args}></SlideSheet>
+        <SideSheet position={'left'} {...args}></SideSheet>
+        <SideSheet position={'right'} {...args}></SideSheet>
       </div>
     </>
   );

package/dist/lib/components/SlideSheet.d.ts

@@ -1,9 +0,0 @@
-import { MotionProps } from '../utils';
-import { SlideSheetInterface } from '../interfaces';
-/**
- * Side sheets show secondary content anchored to the side of the screen
- * @status beta
- * @category Layout
- */
-export declare const SlideSheet: ({ variant, className, children, title, position, extended, onExtendedChange, closeIcon, transition, ...rest }: MotionProps<SlideSheetInterface>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SlideSheet.d.ts.map

package/dist/lib/components/SlideSheet.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/components/SlideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAUpD;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,+GAWxB,WAAW,CAAC,mBAAmB,CAAC,4CA8FlC,CAAC"}

package/dist/lib/interfaces/slide-sheet.interface.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slide-sheet.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/slide-sheet.interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;QAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;QAC/C,UAAU,CAAC,EAAE,UAAU,CAAC;QACxB,SAAS,CAAC,EAAE,IAAI,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QAAE,UAAU,EAAE,OAAO,CAAA;KAAE,CAAC;IAChC,QAAQ,EAAE;QACR,YAAY;QACZ,WAAW;QACX,OAAO;QACP,SAAS;QACT,QAAQ;QACR,aAAa;QACb,SAAS;QACT,SAAS;KACV,CAAC;CACH"}

package/dist/lib/styles/slide-sheet.style.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slide-sheet.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/slide-sheet.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;yHA2B3B,CAAC"}