@aizu-chat/react 0.0.4 → 0.0.6

package/dist/chunk-R4SQBMHN.mjs

@@ -0,0 +1,55 @@
+'use client'
+
+// #style-inject:#style-inject
+function styleInject(css, { insertAt } = {}) {
+  if (!css || typeof document === "undefined") return;
+  const head = document.head || document.getElementsByTagName("head")[0];
+  const style = document.createElement("style");
+  style.type = "text/css";
+  if (insertAt === "top") {
+    if (head.firstChild) {
+      head.insertBefore(style, head.firstChild);
+    } else {
+      head.appendChild(style);
+    }
+  } else {
+    head.appendChild(style);
+  }
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+// src/global.css
+styleInject('/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */\n@layer properties;\n@layer theme, base, components, utilities;\n@layer theme {\n  :root,\n  :host {\n    --font-sans:\n      ui-sans-serif,\n      system-ui,\n      sans-serif,\n      "Apple Color Emoji",\n      "Segoe UI Emoji",\n      "Segoe UI Symbol",\n      "Noto Color Emoji";\n    --font-mono:\n      ui-monospace,\n      SFMono-Regular,\n      Menlo,\n      Monaco,\n      Consolas,\n      "Liberation Mono",\n      "Courier New",\n      monospace;\n    --color-red-500: oklch(63.7% 0.237 25.331);\n    --spacing: 0.25rem;\n    --default-font-family: var(--font-sans);\n    --default-mono-font-family: var(--font-mono);\n  }\n}\n@layer base {\n  *,\n  ::after,\n  ::before,\n  ::backdrop,\n  ::file-selector-button {\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border: 0 solid;\n  }\n  html,\n  :host {\n    line-height: 1.5;\n    -webkit-text-size-adjust: 100%;\n    tab-size: 4;\n    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");\n    font-feature-settings: var(--default-font-feature-settings, normal);\n    font-variation-settings: var(--default-font-variation-settings, normal);\n    -webkit-tap-highlight-color: transparent;\n  }\n  hr {\n    height: 0;\n    color: inherit;\n    border-top-width: 1px;\n  }\n  abbr:where([title]) {\n    -webkit-text-decoration: underline dotted;\n    text-decoration: underline dotted;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-size: inherit;\n    font-weight: inherit;\n  }\n  a {\n    color: inherit;\n    -webkit-text-decoration: inherit;\n    text-decoration: inherit;\n  }\n  b,\n  strong {\n    font-weight: bolder;\n  }\n  code,\n  kbd,\n  samp,\n  pre {\n    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);\n    font-feature-settings: var(--default-mono-font-feature-settings, normal);\n    font-variation-settings: var(--default-mono-font-variation-settings, normal);\n    font-size: 1em;\n  }\n  small {\n    font-size: 80%;\n  }\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n  table {\n    text-indent: 0;\n    border-color: inherit;\n    border-collapse: collapse;\n  }\n  :-moz-focusring {\n    outline: auto;\n  }\n  progress {\n    vertical-align: baseline;\n  }\n  summary {\n    display: list-item;\n  }\n  ol,\n  ul,\n  menu {\n    list-style: none;\n  }\n  img,\n  svg,\n  video,\n  canvas,\n  audio,\n  iframe,\n  embed,\n  object {\n    display: block;\n    vertical-align: middle;\n  }\n  img,\n  video {\n    max-width: 100%;\n    height: auto;\n  }\n  button,\n  input,\n  select,\n  optgroup,\n  textarea,\n  ::file-selector-button {\n    font: inherit;\n    font-feature-settings: inherit;\n    font-variation-settings: inherit;\n    letter-spacing: inherit;\n    color: inherit;\n    border-radius: 0;\n    background-color: transparent;\n    opacity: 1;\n  }\n  :where(select:is([multiple], [size])) optgroup {\n    font-weight: bolder;\n  }\n  :where(select:is([multiple], [size])) optgroup option {\n    padding-inline-start: 20px;\n  }\n  ::file-selector-button {\n    margin-inline-end: 4px;\n  }\n  ::placeholder {\n    opacity: 1;\n  }\n  @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n    ::placeholder {\n      color: currentcolor;\n      @supports (color: color-mix(in lab, red, red)) {\n        color: color-mix(in oklab, currentcolor 50%, transparent);\n      }\n    }\n  }\n  textarea {\n    resize: vertical;\n  }\n  ::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n  ::-webkit-date-and-time-value {\n    min-height: 1lh;\n    text-align: inherit;\n  }\n  ::-webkit-datetime-edit {\n    display: inline-flex;\n  }\n  ::-webkit-datetime-edit-fields-wrapper {\n    padding: 0;\n  }\n  ::-webkit-datetime-edit,\n  ::-webkit-datetime-edit-year-field,\n  ::-webkit-datetime-edit-month-field,\n  ::-webkit-datetime-edit-day-field,\n  ::-webkit-datetime-edit-hour-field,\n  ::-webkit-datetime-edit-minute-field,\n  ::-webkit-datetime-edit-second-field,\n  ::-webkit-datetime-edit-millisecond-field,\n  ::-webkit-datetime-edit-meridiem-field {\n    padding-block: 0;\n  }\n  ::-webkit-calendar-picker-indicator {\n    line-height: 1;\n  }\n  :-moz-ui-invalid {\n    box-shadow: none;\n  }\n  button,\n  input:where([type=button], [type=reset], [type=submit]),\n  ::file-selector-button {\n    appearance: button;\n  }\n  ::-webkit-inner-spin-button,\n  ::-webkit-outer-spin-button {\n    height: auto;\n  }\n  [hidden]:where(:not([hidden=until-found])) {\n    display: none !important;\n  }\n}\n@layer utilities {\n  .border {\n    border-style: var(--tw-border-style);\n    border-width: 1px;\n  }\n  .border-red-500 {\n    border-color: var(--color-red-500);\n  }\n  .p-3 {\n    padding: calc(var(--spacing) * 3);\n  }\n  .hover\\:bg-red-500 {\n    &:hover {\n      @media (hover: hover) {\n        background-color: var(--color-red-500);\n      }\n    }\n  }\n}\n@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }\n@layer properties {\n  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n    *,\n    ::before,\n    ::after,\n    ::backdrop {\n      --tw-border-style: solid;\n    }\n  }\n}\n');
+
+// src/utils/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...args) {
+  return twMerge(clsx(args));
+}
+
+// src/components/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: props.onClick,
+      className: cn(
+        "p-3 border border-red-500 hover:bg-red-500",
+        props.className
+      ),
+      children: props.children
+    }
+  );
+}
+Button.displayName = "Button";
+
+export {
+  Button
+};

package/dist/components.d.mts

@@ -1,13 +1,51 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
 
-interface ButtonProps {
-    children: React.ReactNode;
-    className?: string;
-    onClick?: () => void;
-}
-declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace Button {
-    var displayName: string;
+declare const AizuChat: () => react_jsx_runtime.JSX.Element;
+
+type ButtonProps = ComponentProps<"button">;
+declare const Button: ({ children, className, onClick, ref, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type LoadingProps = {
+    message?: string;
+};
+declare const Loading: ({ message }: LoadingProps) => react_jsx_runtime.JSX.Element;
+
+declare enum MockResponseENUM {
+    CATEGORY_SMARTPHONE = "CATEGORY_SMARTPHONE",
+    CATEGORY_NOTEBOOK = "CATEGORY_NOTEBOOK",
+    QUICK_MENU_SHOP = "QUICK_MENU_SHOP",
+    ERROR = "ERROR",
+    CODE_CANT_USE = "CODE_CANT_USE",
+    BUDGET_INQUIRY = "BUDGET_INQUIRY",
+    PRODUCT_FOUND_LESS_10000 = "PRODUCT_FOUND_LESS_10000",
+    PRODUCT_FOUND_RANGE_10000_20000 = "PRODUCT_FOUND_RANGE_10000_20000",
+    PRODUCT_FOUND_RANGE_20000_30000 = "PRODUCT_FOUND_RANGE_20000_30000",
+    PRODUCT_FOUND_MORE_30000 = "PRODUCT_FOUND_MORE_30000",
+    SHIPPING_INFO = "SHIPPING_INFO",
+    PAYMENT_METHODS = "PAYMENT_METHODS",
+    WARRANTY_INFO = "WARRANTY_INFO",
+    RETURN_POLICY = "RETURN_POLICY",
+    PROMOTION_INFO = "PROMOTION_INFO",
+    STOCK_AVAILABLE = "STOCK_AVAILABLE",
+    OUT_OF_STOCK = "OUT_OF_STOCK",
+    SPEC_INQUIRY = "SPEC_INQUIRY"
 }
 
-export { Button, type ButtonProps };
+type Menu = {
+    id: string;
+    title: string;
+    mockResponse: MockResponseENUM;
+    value?: string;
+    phoneNumber?: string;
+    imageUrl?: string;
+};
+type QuickMenusProps = {
+    bannerSrc?: string;
+    message?: string;
+    menus: Menu[];
+    handleClick: (menu: Menu) => Promise<void>;
+};
+declare const QuickMenus: ({ bannerSrc, message, menus, handleClick }: QuickMenusProps) => react_jsx_runtime.JSX.Element;
+
+export { AizuChat, Button, type ButtonProps, Loading, type Menu, QuickMenus, type QuickMenusProps };

package/dist/components.d.ts

@@ -1,13 +1,51 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
 
-interface ButtonProps {
-    children: React.ReactNode;
-    className?: string;
-    onClick?: () => void;
-}
-declare function Button(props: ButtonProps): react_jsx_runtime.JSX.Element;
-declare namespace Button {
-    var displayName: string;
+declare const AizuChat: () => react_jsx_runtime.JSX.Element;
+
+type ButtonProps = ComponentProps<"button">;
+declare const Button: ({ children, className, onClick, ref, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
+
+type LoadingProps = {
+    message?: string;
+};
+declare const Loading: ({ message }: LoadingProps) => react_jsx_runtime.JSX.Element;
+
+declare enum MockResponseENUM {
+    CATEGORY_SMARTPHONE = "CATEGORY_SMARTPHONE",
+    CATEGORY_NOTEBOOK = "CATEGORY_NOTEBOOK",
+    QUICK_MENU_SHOP = "QUICK_MENU_SHOP",
+    ERROR = "ERROR",
+    CODE_CANT_USE = "CODE_CANT_USE",
+    BUDGET_INQUIRY = "BUDGET_INQUIRY",
+    PRODUCT_FOUND_LESS_10000 = "PRODUCT_FOUND_LESS_10000",
+    PRODUCT_FOUND_RANGE_10000_20000 = "PRODUCT_FOUND_RANGE_10000_20000",
+    PRODUCT_FOUND_RANGE_20000_30000 = "PRODUCT_FOUND_RANGE_20000_30000",
+    PRODUCT_FOUND_MORE_30000 = "PRODUCT_FOUND_MORE_30000",
+    SHIPPING_INFO = "SHIPPING_INFO",
+    PAYMENT_METHODS = "PAYMENT_METHODS",
+    WARRANTY_INFO = "WARRANTY_INFO",
+    RETURN_POLICY = "RETURN_POLICY",
+    PROMOTION_INFO = "PROMOTION_INFO",
+    STOCK_AVAILABLE = "STOCK_AVAILABLE",
+    OUT_OF_STOCK = "OUT_OF_STOCK",
+    SPEC_INQUIRY = "SPEC_INQUIRY"
 }
 
-export { Button, type ButtonProps };
+type Menu = {
+    id: string;
+    title: string;
+    mockResponse: MockResponseENUM;
+    value?: string;
+    phoneNumber?: string;
+    imageUrl?: string;
+};
+type QuickMenusProps = {
+    bannerSrc?: string;
+    message?: string;
+    menus: Menu[];
+    handleClick: (menu: Menu) => Promise<void>;
+};
+declare const QuickMenus: ({ bannerSrc, message, menus, handleClick }: QuickMenusProps) => react_jsx_runtime.JSX.Element;
+
+export { AizuChat, Button, type ButtonProps, Loading, type Menu, QuickMenus, type QuickMenusProps };